/*
	ADARAC COMPARISON CHART 
	Written by: Knut E Ellingsen, 08/27/2021
*/
h1{color:#FFF;margin-top:0;z-index:1;position:relative;left:0px;top:10px; text-transform:uppercase}
p{font-family:Arial,sans-serif;font-stretch:normal;font-weight:normal;font-size:12px;}
.twitter,.facebook{display:none}
#wrapper{background-color:#000;margin:0 auto;text-align:center;width:100%;padding-top:0px}
#comparisonchart{width:320px;color:#FFF;background-color:#000;display:inline-block;position:relative;left:0px;top:0px;}
#leftcomparison,#rightcomparison{}
#comparisonspacer{width:100%;height:18px;background-color:#000;position:absolute;top:0px;left:0px;}
.row{margin:0px;}
.row p{width:150px;display:inline-block;float:left;text-align:left; padding-left:4px;color:#97999c;}
.row h2{width:100%;background-color:#363436;color:#FFF;font-weight:bold;font-size:14px;line-height:24px;text-align:left;padding:0;margin:0;padding-left:20px;margin-top:4px;}
.row .lbl,.row a.lbl{font-size:12px;padding-right:6px;font-weight:bold;color:#97999c;padding-left:0;}
.row a {text-decoration:none;color:#FFF;}
.row a p span.lbl:hover,.row a:hover,.row a p:hover{color:#FFF;}
.row a i.fas.fa-plus-circle.fa-sm{font-family:'Font Awesome 5 Free';color:#97999c;font-weight:900;}
.row a i.fas.fa-plus-circle.fa-sm:hover{color:#FFF;}
#rightcomparison{padding-right:16px;}
.rotate{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);text-indent:-14px;line-height:16px;}
.selections,.productnames{width:80px;float:right;font-size:12px;color:#97999c;}
.productnames li{width:16px;font-weight:normal;font-size:12px;}
.selections li{width:16px;display:inline-block;}
.std{display:block;width:7px;height:7px;border-radius:50%;background-color:#c22821;margin-left:5px;margin-top:5px;}
.opt{display:block;width:7px;height:7px;border-radius:50%;background-color:transparent;margin-left:5px;margin-top:5px;border:1px solid #c22821;}
.na{display:block;width:7px;height:7px;border-bottom:2px solid #000;border-top:2px solid #000;background-color:#97999c;margin-left:5px;margin-top:5px;}
#key{font-size:11px;}
#key span{margin-bottom:1px;}
.sticky{z-index:3;width:290px;height:105px;padding:0;margin:0;}
.sticky p{vertical-align:bottom;margin-top:80px;}
.sticky p span,.rssticky p span{display:inline-block;}
.rssticky{z-index:3;width:290px;height:124px;padding:0;margin:0;}
.rssticky p{vertical-align:bottom;margin-top:100px;}
.fixed{position:fixed;top:0;background:#000;margin-top:109px;border-bottom:1px solid #363436;}
.smoothfx{padding-top:10px;}
@media (min-width:768px){
	.productnames li{font-size:14px;}
	.sticky{height:114px;width:635px;}
	div.row.sticky.fixed{height:126px;}
	.sticky p{margin-top:98px;margin-bottom:0px;}
	.rssticky{height:148px;width:635px;}
	div.row.rssticky.fixed{height:148px;}
	.rssticky p{margin-top:126px;margin-bottom:0px;}
	#key{font-size:12px;}
	.std,.opt,.na{margin-left:7px;}
	h1{top:20px;}
	#comparisonspacer{height:44px;}
	.row{margin:5px;}
	#comparisonchart{width:90%;}
	#wrapper{width:750px;}
	.row p{width:70%;}
   	.selections,.productnames{width:100px;}
   	.selections li{width:20px;}
   .rotate{text-indent:-12px;line-height:20px;}
   .fixed{margin-top:82px;}
   .smoothfx{padding-top:133px;}
}
@media (min-width:992px){
   	.sticky,.rssticky{width:397px;}	
	.sticky p{margin-top:98px;}
	.rssticky p{margin-top:126px;}
	#wrapper{width:970px;}
	.row p{width:60%;}
   	.rotate{text-indent:-10px;}
   	.fixed{margin-top:82px;}
   	.smoothfx{padding-top:132px;}
	.rsmoothheading{padding-top:5px;}
}
@media (min-width:1200px){
	#wrapper{width:1170px;}
	.row p{width:70%;}
	.rotate{text-indent:-12px;}
	.sticky,.rssticky{width:486px;}
   	.fixed{margin-top:82px;}
   	.smoothfx{padding-top:119px;}
   	#leftcomparison{padding-right:16px;}
}