@charset "utf-8";
/* CSS Document */
body{
	margin:0px; 
	padding:0px;
	font-size:0px;
	background-color:#E9E9E9;
	align-self:center;
	text-align:center;
	}
div.topoverlay{
	display:grid;
	width:auto;
	margin:0 auto;
	grid-template-rows:auto auto;
	grid-template-columns:auto;
}
div.centerbackgraphic{
  position: absolute;
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
  background-color: transparent; 
  color: #fff; 
  padding: 10px 20px; 
  font-size: 20px; 
  text-align: center;
}
span.centerbackgraphic{
	font-family:futura-pt,sans-serif;
	color:white;
	font-weight:300;
}
span.centerbackhead{
	font-size:calc(25px + 3vw);
}

span.centerbackbody{
	font-size:calc(15px + 1vw);
}
div.general {width:100%;max-width:1920px;margin:0 auto;
	position:relative;
	display:inline-block;}
div.productattribs{
	background-color:black;
	width:100%;
	max-width:1920px;
	display:grid;
	grid-template-columns:5% 26% 6% 26% 6% 26% 5%;
	padding:5vw 0;
	margin:0 auto;
	
}
span.productfullwidth{
	grid-column-start:2;
	grid-column-end: 7;
	text-align:left;
	font-family:futura-pt,sans-serif;
	font-weight:300;
	color:white;
}
span.product1 {
	grid-column-start:2;
	grid-column-end:3;
	font-family:futura-pt,sans-serif;
	font-weight:300;
	color:white;
	text-align:left;
}
span.product2 {
	grid-column-start:4;
	grid-column-end:5;
	font-family:futura-pt,sans-serif;
	font-weight:300;
	color:white;
	text-align:left;
}
span.product3 {
	grid-column-start:6;
	grid-column-end:7;
	font-family:futura-pt,sans-serif;
	font-weight:300;
	color:white;
	text-align:left;
}
span.producthead {
	font-size:calc(25px + 3vw);
}
span.productbody {
	font-size:calc(15px + 0.75vw);
}
span.metalheading {
	font-weight:600;
	font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'
}
div.footeraddy{
	background-color:black;
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	width:100%;
	max-width:1920px;
	margin:0 auto;
}
span.footeraddy{
	color:white;
	font-family:futura-pt,sans-serif;
	font-weight:300;
}
span.footeraddyhead{
	font-size:calc(15px + 1vw);
}
span.footeraddybody{
	font-size:calc(12px + 0.75vw);
}


div.stdblock { 
	clear:both;
	width:100%;
	max-width:1920px;
	margin:0 auto;
	position:relative;
	display:inline-block;
}
img.stdblock {
	width:100%;
	display: block;
  	height: auto;
}
div.textpages{
	font-size:calc(15px + 0.75vw); 
	margin:0;
	text-align:left;
	font-family:futura-pt,sans-serif;
	font-weight:300;
	color:black;
}
.textpages h2{
	font-size:calc(25px + 3vw);
	margin:0 5% 0 4%;
	font-weight:400;
	font-style:normal;
}
.textpages h3{
	font-size:calc(20px + 1.5vw);
	margin:calc(3px + 1vw) 0 0 0;
	font-weight:400;
	font-style:normal;
}
h3.normalindent{
	margin:0 5% 0 4%;
}
.textpages p{
	margin:calc(7px + 0.4vw) 5%;
	font-weight:400;
}
.textpages a{
	text-decoration:none;
	font-weight:bolder;
	color:black;
}
img.scaleblockright{
  float: right;
  clear:both;
  width:50%;
  shape-margin:5px;
}
img.scaleblockleft{
  float: left;
  clear:both;
  width:50%;
  shape-margin:5px;
}
img.scaleblockbg{
  float: right;
  clear:both;
  width:100%;
  shape-margin:0;
  shape-image-threshold:0.0;
}
img.reviewquotes{
	width:100%;
	shape-outside:url(images/quotes.png);
	margin: 0 0 1px 0;
	shape-image-threshold:0.5;
}
div.bavblock {
	background-image:linear-gradient(to right,#CBCBCB,#F3F3F3);
}
div.bavuppertext{
	margin:2vw 5vw 0vw 5vw;
}
img.bav{
	width:70vw;
	margin: 0 0 1px 0;
	shape-image-threshold:0.5;
}
img.bavpower{
	shape-outside:url("/bav/bavpowertechflex3.png");
}
img.bavxlr{
	shape-outside:url("/bav/bavxlr2.png");
}
img.bavrca{
	shape-outside:url("/bav/bavrca5.png");
}
img.bavspdif{
	shape-outside:url("/bav/bavspdif3.png");
}
img.bavspkr{
	shape-outside:url("/bav/bavspeaker2.png");
}
span.scaleblockright{
	display:block;
	text-align:left;
	font-family: futura-pt, sans-serif;
	font-weight: 300;
	font-style: normal; width:100%;
}
span.scaleblockleft{
	display:block;
	text-align:right;
	font-family: futura-pt, sans-serif;
	font-weight: 300;
	font-style: normal; width:100%;
}
span.scaleblockcenter{
	display:block;
	text-align:center;
	font-family: futura-pt, sans-serif;
	font-weight: 300;
	font-style: normal; 
	margin:0 20%;
}


span.scalehead{
	font-size:calc(25px + 3vw);
}
span.scalebody{
	font-size:calc(15px + 0.75vw);
}

span.dropsyhead {
	text-align:left;
	font-family:futura-pt,sans-serif;
	font-weight:300;
	color:black;
	margin:0 5% 0 5%;
}
p.droptext{
	font-size:calc(15px + 0.75vw); 
	margin:0 5% 3vw 10% ;
	text-align:left;
	font-family:futura-pt,sans-serif;
	font-weight:300;
	color:black;
}
p.droptextsideimg{
	display:grid;
	grid-column-start:1;
	grid-column-end:2;
	margin:0;
	align-self:center;
}
a.droptext {
	text-decoration:none;
	font-weight:400;
	color:black;
	
}
p.dropsidetext{
	font-size:calc(15px + 0.75vw); 
	margin:0 auto 0 10%;
	text-align:left;
	font-family:futura-pt,sans-serif;
	font-weight:300;
	color:black;
}
img.droptext{
	margin:0;
	width:100%; 
}
figure.droptext{
	display:table;
	margin:0;
	max-width:100vw;
	margin-inline-start:0px;
	margin-inline-end:0px;
}
figure.dropsidetext{
	margin:0; 
	padding:0;
	display:grid; 
	grid-column-start:2;
	grid-column-end:3;
}
figure.leftspacing{
	 margin:0 0 0 10% ;
}
figcaption.droptext{
	display:table-caption;
	caption-side:bottom;
	margin:0 10% 0 15% ;
	text-align:center;
	font-size:calc(12px + 0.6vw);
	font-family:futura-pt,sans-serif;
}
figcaption.dropsidetext{
	display:table-caption;
	caption-side:bottom;
	margin:0 0 0 0 ;
	text-align:center;
	font-size:calc(12px + 0.6vw);
	font-family:futura-pt,sans-serif;
}
div.dropdownsideimg {
	width:100%;
	display:grid;
	grid-template-columns:50% 40%; 
	margin:0 0 0 10% 
}

div.droptextdivider{
	margin:3vw 15vw 0 20vw;
	width:65vw;
	height:1px;
	background-color:#436EB3;
}

div.bottomforcerleft {
	float:left; 
	/* put a height in the style tag.  example is "height:calc(12em - 20vw);"*/
	min-height:1px; 
	width:3%;
	font-size:calc(15px + 1vw);}
div.bottomforcerright {
	float:right; 
	/* put a height in the style tag.  example is "height:calc(12em - 20vw);"*/
	min-height:1px; 
	width:3%;
	font-size:calc(15px + 1vw);}
button.bigblue {
	background-color:#436EB3; 
	padding:0vw 5vw; 
	border-radius:1vw;border:none;  
	color:white; 
	font-size:calc(15px + 1vw);
	font-family: futura-pt, sans-serif;
	margin:4vw 5% 4vw 5%;
	font-weight: 300;
	font-style: normal;
}
input[type=button].bigblue {
	background-color:#436EB3; 
	padding:0vw 5vw; 
	border-radius:1vw;border:none;  
	color:white; 
	font-size:calc(15px + 1vw);
	font-family: futura-pt, sans-serif;
	margin:4vw 5% 4vw 5%;
	font-weight: 300;
	font-style: normal;
}

button.dropper {
	background-color:gainsboro; 
	padding:0vw 1vw; 
	border-radius:1vw;border:none;  
	color:black; 
	font-size:calc(15px + 1vw);
	font-family: futura-pt, sans-serif;
	margin:1vw 1vw 1vw 5%;
	font-weight: 300;
	font-style: normal;
}
button.bavdropper {
	margin:1vw 1vw 1vw 0;
}
div.greybreak {
	font-size:0px;
	width:100%; 
	background-color:#E9E9E9;
	clear:both;
	position:relative;
}
div.transbreak {
	font-size:2vw;
	width:100%; 
	background-color:transparent;
	clear:both;
	position:relative;
}
input {
	font-family:futura-pt,sans-serif;
	font-size:clamp(16px,calc(12px + 0.75vw),50px);} /*this stops iphones from zooming in when filling out text inputs*/
select, option {
	font-family:futura-pt,sans-serif;
    font-size:calc(12px + 0.75vw);
}
input[type=button]{
	font-family:futura-pt,sans-serif;
	font-size:calc(12px + 0.75vw);
}
input.ninety{width:90px;}
input.warnfield { border-width:0; width:100%; background-color:#F3FCFF; border-color:#F3FCFF; color:red;}
p.warnfield { font-size:1.0em; color:red; }
input.pricefield { background-color:transparent; border-width:0; text-align:right; width:90px;}
input.pricefield2 { background-color:transparent; border-width:0; text-align:right; width:45px;}
div.configpopin {
	position:fixed; 
	left: 50%;
    transform: translate(-50%, 0);
	padding:5%;
	margin:10vh 0 0 0;
	max-width:80%; 
	max-height:80vh; 
	background-color:#f2eed1; 
	display:none;  
	z-index:1100; 
	border-radius:5vw;
	border:none; 
	font-family:futura-pt,sans-serif;  
	overflow:auto;
}
.configpopin table,td,th {
	font-size:calc(12px + 0.75vw);
	
}
.textpages td,th{
	font-size:calc(12px + 0.75vw);
	font-weight:400;
	padding:0 1vw;
}


span.configheader1{
	font-size:calc(20px + 2vw);
	text-align:right;
}
span.configheader2{
	font-size:calc(15px + 0.75vw);
	text-align:center;
}
select.popin, button.popin, input[type=button].popin {
	display:inline;
	border-radius:1vw;
	box-shadow: 1px 1px 2px gray;
}

div.bluebreak {
	margin:0vw 5vw;
	width:90%;
	height:1px;
	background-color:#436EB3;
}
div.blackbreak {
	margin:0vw 15vw;
	width:70%;
	height:1px;
	background-color:black;
}
div.whitebreak {
	grid-column-start:2;
	grid-column-end:7;
	margin:3vw 0;
	width:100%;
	height:1px;
	background-color:white;
}


div.topmenuwide {
	z-index:1000;
	text-align:center;
	width: 95vw;
	max-width:1920px;
    align-self:center;
	vertical-align:top;
	display:grid;
	grid-template-columns:30% 20% auto auto auto auto auto auto;
	grid-row-start:1;
	grid-row-end:2;
	grid-column-start:1;
	grid-column-end:2;
  	font-size: calc(3vw + 0px);
	-webkit-marquee-increment: 0vw;
	margin:0 auto;
}

div.topmenuwidebacker {
	width:auto;
	max-width:1920px;
    text-align:center;
	grid-row-start:1;
	grid-row-end:2;
	grid-column-start:1;
	grid-column-end:3;
	margin:0 auto;
	font-size:0px;
	background-size:100vw auto;
	display:grid;
	grid-template-columns:30% 70%;
	-webkit-marquee-increment: 0vw;
	}
div.topblock {
	width:auto;
	max-width:1920px;
    text-align:center;
	grid-row-start:1;
	grid-row-end:3;
	grid-column-start:1;
	grid-column-end:2;
	margin:0 auto;
	font-size:0px;
	background-size:100vw auto;
}
img.menulogo {
	display:grid;
	width:100%;
	grid-column-start:1;
	grid-column-end:2;
}
span.menutext {
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
	display:grid;
	align-self:center;
    min-height: 0vw;
	vertical-align:top;
	grid-column-start:2;
	grid-column-end:9;
	text-shadow:1px 1px 1px white;
		font-size:calc(3vw + 0 px);
}
td.menutext {
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
	display:table-cell;
	align-self:center;
    min-height: 0vw;
	vertical-align:top;
	text-shadow:1px 1px 1px white;
	font-size:calc(3vw + 0 px);
}

span.menuitemtext {
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
	display:grid;
	align-self:center;
    min-height: 0vw;
	vertical-align:top;
		font-size:calc(3vw + 0 px);
	text-shadow:1px 1px 1px white;
}
div.topmenunarrow{
	z-index:1000;
	text-align:center;
	width: auto;
	align-self:center;
	vertical-align:top;
	display:grid;
	grid-template-columns:30% 50% 10% 10%;
	grid-row-start:1;
	grid-row-end:2;
	grid-column-start:1;
	grid-column-end:2;
  	font-size: calc(3vw + 0px);
	-webkit-marquee-increment: 0vw;
	margin:0 auto;
}
div.menubars{
	display:grid;
	width:100%;
    grid-column-start:4;
	grid-column-end:5;
	margin-top:25%;
	
}
div.narrowcart{
	display:grid;
	width:100%;
    grid-column-start:3;
	grid-column-end:4;
	margin-top:25%;

}
img.narrowcart{max-width:75%;}

.menubars:hover .mobdropdown {display:block;}
div.mobdropdown {
	display: none;
    position: absolute;
    border-radius:1vw;
	margin-left:-48vw;
	margin-top:5vw;
	background-color: rgba(255,255,255,0.5);
	backdrop-filter: blur(5px);
    width:45vw;
 /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  padding: 0px 5vw;
  z-index: 1;
	
	font-family:futura-pt,sans-serif;
	font-size:6vw;
	font-weight:500;
	color:black;
	text-align:justify;
	text-justify:left;
	text-decoration:none;
	
}
.mobdropdown a{text-decoration:none;color:black;}
div.mobdropdown1{
	width:45vw;
}

.mobdropdown1:hover .mobdropdown2 {
	display:block;
	}
span.mobdropdown2 {
	display:none;
	padding-left:1vw;
	font-size:5vw;
}
div.mobdropdown2 {
	display: none;
    position: absolute;
    border-radius:1vw;
	margin-left:-23vw;
	background-color: rgba(255,255,255,0.5);
	backdrop-filter: blur(5px);
 
 /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  padding: 0px 5vw;
  z-index: 1;
	
	font-family:futura-pt,sans-serif;
	font-size:7vw;
	font-weight:500;color:black;
	text-align:justify;
	text-justify:left;
}

.mobdropdown2 a{text-decoration:none;color:black;}



span.menuboxes { 
	color:black;
	font-size:3vw;
	text-align: center; 
	
}
.menuboxes:hover .dropdown-content {
  display: block;
}
.menuboxes a {text-decoration:none;color:black;}

.dropdown-content {
  display: none;
  position: absolute;
border-radius:1vw;
	 margin-left:3vw;
	background-color: rgba(255,255,255,0.5);
	backdrop-filter: blur(5px);
 
 /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  padding: 0px 2vw;
  z-index: 1;
	
	font-family:futura-pt,sans-serif;
	font-size:3vw;
	font-weight:500;color:black;
	
	 
}
.dropdown-contentsub a {
	display:block;
	text-decoration:none;
	color:black;
	text-align:justify;
	text-justify:left;
	float:none;
	margin-top:1vw;
	margin-bottom:1vw;
}
.dropdown-contentsub br {
	font-size:1vw;
}

a.dropdown {
	text-decoration:none;
	color:black;
	text-justify:left;
}
input[type=button].ordercontrol{
	display:inline;border-radius:1vw;box-shadow: 1px 1px 2px gray;}
select.ordercontrol{
	display:inline;border-radius:1vw;box-shadow: 1px 1px 2px gray;}

div.infotable {
	display:grid; 
	grid-template-columns:5% 20% 70% 5%;
}
.infotable a{
	text-decoration:none;
	font-weight:bolder;
	color:black;
	font-style:italic;
}
span.colfirst{
	display:flex;
	grid-column-start:2;
	grid-column-end:3;
	border:solid black;
	border-right-width:0;
	text-align:center;
	padding:1.5vw;
	align-items:center;
	justify-content:center;
	font-weight:500;
}
span.colsecondend{
	display:flex;
	grid-column-start:3;
	grid-column-end:4;
	border:solid black;
	text-align:center;
	padding:1.5vw;
	align-items:center;
	justify-content:center;
	font-weight:400;
}
span.colbridge{
	display:flex;
	grid-column-start:2;
	grid-column-end:4;
	border:solid black;
	text-align:center;
	padding:1.5vw;
	align-items:center;
	justify-content:center;
	font-weight:500;
}
h3.techheaders {
	width:100%; 
	background:linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,0.95) 31%, rgba(0,212,255,1) 100%);
	color:white;
	font-weight:500;
}

.infotable a:hover {font-style:normal;}

iframe.videopane{
	width:79vw;
	text-align:center;
	height:46vw; }
div.massivebackground {background-image:url("brback4.png");}

div.bavbannerblock {
	display:grid;
	grid-template-columns: 10vw 40vw 50vw;
	margin:0;
	padding:0;
}
img.bavbannerblock {
	grid-column-start:3;
	grid-column-end:4;
	width:50vw;
}
span.bavbannertop{
	text-align:left;
	grid-column-start:2;
	grid-column-end:3;
}
div.bavbannerblock2 {
	display:grid;
	grid-template-columns: 10vw 90vw;
	margin:0;
	padding:0;
}
img.bavbannerblock2{
	display:grid;
	grid-column-start:2;
	grid-column-end:3;
	justify-self:right;
  float: right;
  clear:both;
  width:70vw;
  shape-margin:5px;
  shape-image-threshold:1.0;
}
span.bavbannerhead2 {
	display:block;
	text-align:left;
	font-family:futura-pt,sans-serif;
	font-size:calc(25px + 3vw);
	font-weight:500;
	color:black;
	margin:2vw 5vw 0vw 5vw;
}
span.bavbannerbody2 {
	display:block;
	text-align:left;
	font-family:futura-pt,sans-serif;
	font-size:calc(15px + 0.75vw);
	font-weight:300;
	color:black;
	margin:	2vw 5vw 0vw 7vw;
}
span.bavdrop {
	display:block;
	text-align:justify;
	text-justify:left;
}
span.bavbannerbottom {
	display:block;
	margin:0 5vw;
	text-align:justify;
	text-justify:left;
}


span.bavbannerhead {
	text-align:left;
	font-family:futura-pt,sans-serif;
	font-size:calc(25px + 3vw);
	font-weight:500;
	color:black;
}
span.bavbannerbody {
	text-align:left;
	font-family:futura-pt,sans-serif;
	font-size:calc(15px + 0.75vw);
	font-weight:300;
	color:black;
}


span.heavier{font-weight:400;}
p.heavier{font-weight:400;}








@media(min-width:600px){
	div.topmenuwide {display:grid;}
	div.topmenunarrow {display:none;}	
}
@media(max-width : 599px ){
	div.topmenuwide {display:none;}
	div.topmenunarrow {display:grid;}
	
	
}
@media(min-width:500px){
	span.nar {display:none;}
	span.wid {display:grid;}
}

@media(max-width:499px){
span.nar {display:grid;}
span.wid {display:none;}
	div.configpopin {max-width:100%;}
div.bavblock {
		display:grid;
		grid-template-columns:100vw;

	}
	img.bav {
		width:90vw;
		shape-outside:none;
		order:2;
		justify-self:right;
	}
	span.bavbannerhead2 {
		text-align:center;
		order:1;
	}
	span.bavbannerbody2 {
		text-align:center;
		order:3;
	}
	span.bavdrop {order:4;}
	span.bavbannerbottom {order:5;}
	span.bavscalebody{order:6;}
	
	

}
@media(max-width:749px){
	figure.dropsidetext{
		display:grid; 
		width:100%;
		grid-column-start:1;
		grid-column-end:2;
		grid-row-start:2;
		grid-row-end:2;

	}
	figure.leftspacing{
		margin:0;
	}
	div.dropdownsideimg{
		grid-template-columns:90%;
		justify-items:center;
		margin:0 0 0 10%;
	}
	p.droptextsideimg{
		margin:0 5vw 0 0;
	}
}


/*font stuff for futura light:
font-family: futura-pt, sans-serif;
font-weight: 300;
font-style: normal;
*/





























/*this is an experiment to create a division and image that chop off to right while scaling.*/
div.rtblock {
	/*margin:0px;*/
	text-align:center;
	min-height:300px;
	max-width:100%;
	height:44vw;
	overflow-x:hidden;
	overflow-y:clip; 

	white-space:nowrap;
}
img.rtblock {
	/*note:width & height are meant to match size of standard block items; adjust if needed*/
	position:relative;
	/*width:clamp(960px,100%,1920px);*/
	width:1920px;
	max-width:225%;
	min-height:450px;
	max-height:44vw;
	overflow-x:hidden;
	overflow-y:clip;
	white-space:nowrap;
}