/* Main CSS Stylesheet for Acoustic Masterminds Web Site */


html, body {
	background-color:#FAFAFA;
	font-family: 'Lato', sans-serif;
	max-width:100%;
}

@media (min-width: 639px) {
	#HomePageBodyOverflow {
		overflow-x:hidden;
	}
}

@media (max-width: 638px) {
	#HomePageBodyOverflow {
	}
}


@media (min-width: 768px) {
	#CenterBackground{
		margin-top:-20px;
		/*margin:-20px 15% 0px 15%;
		width:100%;*/
	}
	/*#NavbarSquashWidth{
		margin:0px 15% 0px 15%;
		width:100%;
	}
	*/
	#BackgroundWrapper{
	margin:0px 15% 0px 15%;
}
	
}

.row {
	max-width:100vw;
}

@media (min-width: 768px) {
	#index-mail-link {
		margin-left:35%;
	}
}

@media (max-width: 767px) {
	#index-mail-link {
		margin-left:15px;
	}
}



@media (min-width: 768px) {
	#index-center-heading {
		padding: 5px 13% 20px 13%;
	}
}

@media (max-width: 767px) {
	#index-center-heading {
		padding: 5px 5px 20px 5px;
	}
}

@media (min-width: 768px) {
	#personal-note-of-thanks {
		/*margin:8% 0px 0px 0px;*/
	}
}

@media (max-width: 767px) {
	#personal-note-of-thanks {
		/* margin:14% 0px 0px 0px;*/
	}
}





#bannerfade {
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
}

#bannerlogo {
	position:relative;
	z-index:0;
}

#LongLogo {
	margin: 6% 0px 0px 0px;
}

#footer {
	position:relative;
	padding:25px 0px 2px 0px;
	margin:10px 0px 0px 0px;
	overflow-x: hidden; 
	overflow-y: auto;
}





#fottercontent{
	padding:20px 5px 0px 0px;
}




/*
@include grid-column-size($width);
*/

a {
	color: #2F73DF;
	text-decoration:none;
}


a:hover {
    color: #1f45fc;
	text-decoration:underline;
	outline: 0;
}


#NewsPageTwitterLink a {
	color: #FFFFFF;
	text-decoration:none;
}


#NewsPageTwitterLink a:hover {
    color: #adbbff;
	text-decoration:underline;
	outline: 0;
}




#owl-demo .item img{
	margin: 0px auto 0px auto;
    display: block;
    width: auto;
    height: auto;
	max-height:500px;
}
/*
#owl-demo .item{
  display: block;
  cursor: pointer;
  background: transparent;
  padding: 30px 0px;
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
}
#owl-demo .item:hover{
  background: transparent;
}
*/

@media (min-width: 768px) {
	#explanationspadding {
		padding-left:20px;
		padding-bottom:5px;
	}
}

@media (max-width: 767px) {
	#explanationspadding {
		
		padding-bottom:1px;
	}
}



@media (min-width: 768px) {
	#explanationscontainerpadding {
		padding-bottom:55px;
	}
}

@media (max-width: 767px) {
	#explanationscontainerpadding {
		padding-bottom:40px;
	}
}


@media (min-width: 768px) {
	#articlepadding {
		padding-bottom:65px;
	}
}

@media (max-width: 767px) {
	#articlepadding {
		padding-bottom:20px;
	}
}

@media (min-width: 768px) {
	#ARServiceMenu {
		max-width: 113px;
	}
}

@media (max-width: 767px) {
	#ARServiceMenu {
		max-width:none;
	}
}


th, td {
	padding-right: 25px;
}

#LargeHomePageGreeting1 {
		font-size:150%;
	}

@media (min-width: 415px) {
	#LargeHomePageGreeting {
		font-size:375%;
	}
}

@media (max-width: 414px) {
	#LargeHomePageGreeting {
		font-size:290%;
	}
}

@media (min-width: 415px) {
	#LargeHomePageGreetingSubTitle {
		font-size:225%;
	}
}

@media (max-width: 414px) {
	#LargeHomePageGreetingSubTitle {
		font-size:240%;
	}
}

@media (min-width: 415px) {
	#AdjustVideoPlacementForNarrowScreen {

	}
}

@media (max-width: 414px) {
	#AdjustVideoPlacementForNarrowScreen {
		margin-left:-12px;
	}
}

@media (min-width: 364px) and (max-width: 767px) {
	#AdjustVideoPlacementForMediumScreen {
		margin-left:-25px;
	}
}

@media (min-width: 415px) {
	#AdjustUserGuidePageVideoPlacementForNarrowScreen {

	}
}

@media (max-width: 414px) {
	#AdjustUserGuidePageVideoPlacementForNarrowScreen {
		margin-left:12px;
	}
}

@media (min-width: 415px) {
	#AdjustUserGuidePageVideoPlacementForNarrowScreenMovingLeft {

	}
}

@media (max-width: 414px) {
	#AdjustUserGuidePageVideoPlacementForNarrowScreenMovingLeft {
		margin-left:-18px;
	}
}

@media (min-width: 415px) {
	#AdjustSupportPlacementForNarrowScreenMovingLeft {

	}
}

@media (max-width: 414px) {
	#AdjustSupportPlacementForNarrowScreenMovingLeft {
		margin-left:-15px;
	}
}

@media (min-width: 415px) {
	#FooterInfoForNarrowScreen {
	}
}

@media (max-width: 414px) {
	#FooterInfoForNarrowScreen {
		margin-left:5%;
	}
}

@media (min-width: 768px) {
	#iframePaper {
		min-height: 800px;
	}
}

@media (max-width: 767px) {
	#iframePaper {
		min-height: 450px;
	}
}

@media (min-width: 768px) {
	.vidcontainer {
		float:right; margin:5px 5px 25px 35px;
	}
}

@media (max-width: 767px) {
	.vidcontainer {
		text-align:center; margin:5px auto 25px auto;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.newsarticles  {
		margin-top:10px;
		margin-bottom:45px;
	}
}
@media (max-width: 767px) {
	.newsarticles  {
		margin-top:10px;
		margin-bottom:55px;
	}
}

@media (max-width: 1023px)  {
	.embededsupport  {
		margin-top:10%;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	#supportpadding  {
		margin-top:25px;
	}
}

@media (min-width: 1024px) {
	#backgroundbox  {
		margin-left:10px;
	}
}

@media (max-width: 1023px) {
	#backgroundbox  {
		margin-top:25px;
	}
}

@media (min-width: 1289px) {
	#backgroundbox_volume  {
		margin-left:135px;
	}
}

@media (min-width:1186px) {
	.HomePageTileViewImgFloatingLeft  {
		margin:5px 25px 60px 0px;
	}
}

@media (min-width: 691px) and (max-width: 1185px) {
	.HomePageTileViewImgFloatingLeft  {
		margin:5px 162px 25px 0px;
	}
}

@media (max-width: 690px) {
	.HomePageTileViewImgFloatingLeft  {
		margin:5px 25px 25px 0px;
	}
}

@media (min-width:1186px) {
	.HomePageImgsFloatingLeft  {
		margin:5px 25px 25px 0px;
	}
}

@media (min-width: 691px) and (max-width: 1185px) {
	.HomePageImgsFloatingLeft  {
		margin:5px 162px 25px 0px;
	}
}

@media (max-width: 690px) {
	.HomePageImgsFloatingLeft  {
		margin:5px 25px 25px 0px;
	}
}

@media (min-width:1186px) {
	.HomePageImgsFloatingRight  {
		margin:5px 0px 25px 25px;
		float:right;
	}
}

@media (min-width: 691px) and (max-width: 1185px) {
	.HomePageImgsFloatingRight  {
		margin:5px 160px 25px 0px;
		float:left;
	}
}

@media (max-width: 690px) {
	.HomePageImgsFloatingRight  {
		margin:5px 25px 25px 0px;
		float:left;
	}
}

@media (min-width:1186px) {
	.HomePageImgsFloatingRightAR  {
		margin:5px 0px 50px 25px;
		float:right;
	}
}

@media (min-width: 691px) and (max-width: 1185px) {
	.HomePageImgsFloatingRightAR  {
		/*margin:5px 0px 50px 135px;*/
		margin:5px 145px 25px 0px;
		float:left;
	}
}

@media (max-width: 690px) {
	.HomePageImgsFloatingRightAR  {
		/*margin:5px 0px 50px 25px;*/
		margin:5px 25px 25px 0px;
		float:left;
	}
}

@media (min-width: 564px) {
	.popup {
		padding-bottom:60px;
		padding-left:25%;
	}
}

@media (min-width: 480px) and (max-width: 563px) {
	.popup {
		padding-bottom:20%;
		padding-left:10%;		
	}
}

@media (max-width: 479px) {
	.popup {
		padding-bottom:135px;
		padding-left:25%;
	}
}

@media (min-width: 564px) {
	.popupimg {
		margin:21px 10px 0px 0px; 
	}
}

@media (min-width: 480px) and (max-width: 563px) {
	.popupimg {
		margin:21px 10px 0px 0px;
	}
}

@media (max-width: 479px) {
	.popupimg {
		margin:21px 10px 0px 20%;
	}
}

@media (min-width: 1206px) {
	.indexmodalmargin {
		margin-top:12px;
	}
}

@media (min-width: 789px) and (max-width: 1205px) {
	.indexmodalmargin {
		margin-top:42px;
	}
}

@media (min-width: 768px) and (max-width: 788px) {
	.indexmodalmargin {
		margin-top:42px;
	}
}

@media (min-width: 390px) and (max-width: 767px) {
	.indexmodalmargin {
		margin-top:64px;
	}
}

@media (max-width: 389px) {
	.indexmodalmargin {
		margin-top:82px;
	}
}

@media (min-width: 1219px) {
	.HomeListPadding {
		padding-left:525px;
	}
}

@media (max-width: 1218px) {
	.HomeListPadding {
		padding-left:20px;
	}
}

@media (min-width: 1024px) {
	.sidevid {
		margin-left:-38px;
		width:125%;
		height:auto;	
	}
}

@media (max-width: 1023px) {
	.sidevid {
		margin-left:none;
		width:auto;
		height:auto;
	}
}

@media (min-width: 1024px) {
	.sidevidwrapper {
		text-align:center;	
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.sidevidwrapper {
		text-align:center;
		margin-right:20%;
	}
}

@media (max-width: 	767px) {
	.sidevidwrapper {
		text-align:center;
	}
}

@media (min-width: 1186px) {
	.sidestorebadgewrapper {
		text-align:center;
		width:100%;
		max-width:150px;
	}
}

@media (min-width: 1024px) and (max-width: 1185px) {
	.sidestorebadgewrapper {
		text-align:center;
		margin-right:20%;
		width:100%;
		max-width:150px;
	}
}

@media (max-width: 	1023px) {
	.sidestorebadgewrapper {
		text-align:center;
		width:100%;
		max-width:150px;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.userguidetutorialwrapper {
		text-align:center;
		margin-right:20%;
	}
}

@media (max-width: 	1023px) {
	.sidenoiseresourcelinks {
		margin-left:25%;
	}
}

@media (min-width: 1107px) {
	.newsarticlesIMGs {
		float:left;
		margin-right:15px;
	}
}

@media (min-width: 1023px) and (max-width: 1106px) {
	.newsarticlesIMGs {
		
	}
}

@media (max-width: 1022px) {
	.newsarticlesIMGs {
		float:left;
		margin-right:15px;
	}
}


.PressPacketDownloadButtons:link {
	color:#FFFFFF;
	background-color:#006EFF;
}

.PressPacketDownloadButtons:hover {
	color:#FFFFFF;
	background-color:#1E4FD2;
}

.PressPacketDownloadButtons:visited {
	color:#E3E3E3;
	background-color:#006EFF;
}

/* Container holding the image and the text */
.PressPacketPicsContainer {
  position: relative;
}

.PressPacketPicsText-block {
  position: absolute;
  bottom: 3px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 2px;
}

.PressPacketPicsText-blockDownloadLink:link {
	  color: #FFFFFF;
}

.PressPacketPicsText-blockDownloadLink:hover {
	  color: #4598FF;
}

.PressPacketPicsText-blockDownloadLink:visited {
	  color: #E3E3E3;
}

@media (min-width: 1024px) {
	#GlobalFeaturesBox {
	}
}

@media (min-width: 410px) and (max-width: 1023px) {
	#GlobalFeaturesBox {
		margin-left:25%;
	}
}

@media (max-width: 	409px) {
	#GlobalFeaturesBox {
		
	}
}

@media (min-width: 1660px) {
	#UserGuideCompatibilityAvailabilityLinks {
		margin-left:-25px;
	}
}

@media (min-width: 1024px) and (max-width: 1659px) {
	#UserGuideCompatibilityAvailabilityLinks {
		margin-left:-65px;
	}
}

@media (max-width: 	1023px) {
	#UserGuideCompatibilityAvailabilityLinks {
		
	}
}