#privacy {background:#374254;padding:10px 15px;font-size:90%;width:auto;display:block;text-align:center;color:#fff;font-weight:300;}
#privacy:hover {text-decoration:none;color:#E0D125;}

a.button_lg {background:#4493CA;color:#fff;padding:10px 15px;display: block;margin:0 auto;text-align:center;max-width:700px;border-radius:3px;transition:ease 1.3s;clear:both;}
a.button_lg:hover {color: #4493CA;background: #fff;text-decoration: none;}
a.button_lg.promo {border: 2px solid #fff;font-weight: 600;background: rgba(0,0,30,0.5);border-radius:0;padding:12px 15px;text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
a.button_lg.promo:hover {background:#4493CA;color:#fff;text-shadow:none;}

#feedbox 	{overflow:hidden;}
.feed 		{width:48%;margin:5px 2% 5px 0;float:left;background: #eee;box-sizing: border-box;padding: 15px;}
.feed img 	{float:left;margin:10px 0;width:30%;min-width:90px;height:auto;border-radius:50%;}
.feed b 	{margin:0;line-height:125%;display: block;font-weight:600;}
.feed:hover {text-decoration:none;}
.feed p 	{float:left;width:60%;margin:5px 0 5px 5%;}

#home .feed {background:#fff;}

body  	{font-family:'Source Sans Pro','Arial','Helvetica',sans-serif;margin:0;font-size:1.15em;}

.bg-fixed-top {background:#020403  url('/images/fixed-bg1.jpg') repeat-x center 60px;background-size:cover;}
.bg-fixed-bottom {background:#020403  url('/images/fixed-bg2.jpg') repeat-x center -40px;background-size:cover;}

p 		{color:#374254;font-weight:100;line-height:150%;}
p strong{font-weight:bold;}

h1, h2, h3 	{font-family:"fira-sans-2",Arial,sans-serif;font-weight:600;margin-bottom:1%;}
h1 			{font-size:200%;color:#374254;line-height: 130%;}

h2 		{font-size:150%;margin-top:10px;color:#374254;font-weight:600;line-height:120%;}
h2 a 	{text-decoration:none;color:#374254;}
h2 a:hover {text-decoration:none;}

h3 		{color:#4493CA;font-size:120%;text-align:left;padding:0 20px 2px 0;margin-bottom:10px;background-size:15px 17px;
		margin-top:10px;font-weight:600;}

a 		{color:#4493CA;text-decoration:none;}
a:hover {text-decoration:underline;color:#E0D125;}

img {border:0;}

.product {clear:both; margin:30px 0;}
.product table {border-collapse:collapse;border:none;text-align:center;color:#374254;font-size: 95%;}

.product th {border:none;padding:10px 12px;background:#4493CA;color:#fff;text-align:left;font-weight:normal;font-size:90%;}
.product td {border:none;padding:0 8px 0 15px;text-align:left;font-weight: 300;}
.product tr:nth-child(even) {background:#eceff1;}
.product tr:nth-child(odd) {background:#fff;}
.product td img{margin:14px 0 5px 10px;width:auto;height:20px;}

.product.features {width:495px;float:right;clear:right;margin: 0 0 0 50px;}

.prod-schem img{border:1px solid #ccc;}

#wrapper {width: 100%;margin:0 auto;min-width:370px;background:#fff;}

#header {margin:10px 0 8px 10px;float:left;z-index:1000000;box-sizing:border-box;padding:5px;width:240px;}
#header img {width:100%;height:auto;}
/*
#header2 {width:100%;background:#374254 url(images/slideshow-bg-index2.png) repeat-x 0 0 fixed;z-index:1;box-shadow:inset 0 -5px 8px rgba(0,0,0,0.3);padding-top:30px;}*/


.content2 {max-width:1030px;overflow:auto;margin:0 auto;}
.content.ad {padding:7% 0;margin-bottom:0;background:url(/images/bg-circuit.jpg) center center fixed;background-size:cover;}

.content2 ul li {background: url("images/menu-burger.svg") left center no-repeat;list-style:none;padding-left:20px;margin-bottom:10px;background-size:8px auto;}
.content2 ul {padding-left:0;color:#374254;font-weight:100;line-height:150%;}

.content.main {background:#000 url("/images/intro-bg.jpg") left center no-repeat;background-size:cover;}

.content.vinyl {background:#000 url('/images/bg-record.jpg') center center no-repeat;background-size:cover;}

.tagline {color:#4493CA;text-transform:uppercase;margin-top:-5px;margin-bottom:15px;font-size:120%;padding-bottom:7px;}

#logo {}

#footer {clear:both;width:100%;margin:0;padding:10vh 0 5vh;min-width:320px;background:#435260;}

#footer-inner 	{width:1030px; margin:0 auto; color:#fff;}
#footer p 		{color:#fff;}

.footer-title {font-size:110%;padding-left:10px;font-family:"fira-sans-2",Arial,sans-serif;background-size:12px 12px;color:#4493CA;font-weight:600;}
.footer-widget {width:31%;margin:0 1% 10px;float:left;font-size:90%;}
.footer-widget p {margin-left:10px;}
.footer-widget ul {list-style:none;padding-left:10px;}
.footer-widget ul li{padding-bottom:4px;}
#footer a {color:#fff;text-decoration:none;font-weight:normal;}
#footer a:hover {color:#E0D125;text-decoration:none;}
#legal {width:85%;margin:0 auto;clear: both;text-align:center;color:#fff;}
#legal p {font-size:85%;margin-top:5px;}

.about-img {margin:0;padding:15px;background:#fff;-moz-border-radius:10px;-webkit-border-radius: 10px;
border-radius: 10px; 		/* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */}

.maintop {overflow:auto;padding:0 3% 2% 3%;background:rgba(0,0,0,0.3);width:80%;margin:0 auto;}
.maintop p {color:#fff;}
.maintop img {float:right;margin:-5% 0px 10px 5%;border-radius:50%;}
.maintop h1 {color:#4493CA;}

#news {float:left;width:52%;margin-right:3%;}
#news_main {overflow:auto;}
#news_main .news_front {width:27%; margin:0 3.1% 2%;float:left;}
.news_front h2 {font-size:160%;}
#news-column {float:right;width:26%;margin:0 0 0 4.5%;overflow:auto;border: 2px solid #ddd;padding: 0 3.5% 3%;}
#news-column img, #news img  {width:100%;height:auto;}
.news-box {width:28%;float:left;margin:0 2.6%;overflow:auto;}
#news .news-box {clear:left;width:auto;}
#news .news-prev img {width:40%;margin:5% 30% 3%;}
#news img {max-width:100%;height:auto!important;}

.news-prev img{border-radius:50%;width:50%;height:auto;margin:10px 25% 1%;}

#topbar {z-index:10000000;min-width:320px;background:#fff;overflow:auto;width:100%;top:0;}

.prod-schem {width:300px;float:right;}

.prof-ad {width:150px;height:772px;background:#0c2d30 url(images/exicon-ad-tower.jpg) no-repeat;display:block;background-size:100% 100%;float:right;}
.prof-ad-horiz {width:930px;padding-top:15%;background:url(images/exicon-ad-banner.jpg) no-repeat;display:block;background-size:930px 141px;margin:0 auto;}

.why-pic {float:right;margin:-4% 0 20px 8%;max-width:30%;height:auto;border-radius:50%;}

.cross_ref {clear:both; margin:30px 0;}
.cross_ref table {border-collapse: collapse; border: none; text-align: center;color:#374254;}
.cross_ref th {border: none;padding: 6px 16px;background:#4493CA;color:#fff;text-align:center;font-weight:normal;font-size:85%;}
.cross_ref td {border: none;padding: 10px 8px 10px 15px;text-align:left;text-align:center;font-weight:300;}
.cross_ref tr:nth-child(even) {background:#eceff1;}
.cross_ref tr:nth-child(odd) {background:#fff;}
.cross_ref td img {margin:20px 0 5px 10px;}

.buy_btn {display:inline-block;padding:4px 18px;text-align:center;font-size:80%;color:#fff;text-transform:uppercase;
border-radius:2px;margin:0 auto;
background:#374254;
box-shadow:1px 1px 2px rgba(0,0,0,0.2);}

table.selecTable {min-width:50%;}

.buy_btn:hover {background:#E0D125;color:#fff;text-decoration:none;box-shadow:1px 1px 2px rgba(0,0,0,0.3)}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" }

.sortable {min-width:60%;}



/* menu */

#nav2 {
    list-style:none;
    position:relative;
    z-index:5;
	margin:-10px 10px 10px;
	text-transform:capitalize;
	padding:0 0 4px 0;
	overflow:auto;}

#nav2 ul li {
    float:left;
	display: inline-block;
	width:9%;
	min-width:80px;
	margin:0 1%;
	transition:border 1.5s;}

#nav2 a {display:block;
 	font-size:80%;
    text-decoration:none;
	text-align:center;
	font-weight:400;
	color:#374254;
	padding:25px 0 4px 0;
	margin-bottom:5px;}

#about_nav, #news_nav, #why-use_nav, #products_nav, #purchase_nav, #contact_nav, #home_nav, #cross_nav, #datasheets_nav
{border-bottom:2px solid #fff;}

body#about #about_nav a, body#news_page #news_nav a,
body#why-use #why-use_nav a, body#products_page #products_nav a,
body#purchase #purchase_nav a, body#contact #contact_nav a, 
#home #home_nav a, body#cross-ref #cross_nav a 
{color:#4493CA;}

#nav2 li a:hover {color:#4493CA;}

#nav2 a:hover{text-decoration:none;}

#nav2 ul {padding:0;margin:12px 15px 0;}

#nav2 ul li ul{
    background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style:none;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}

#nav2 ul li ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;}

#nav2 ul li ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	margin:0 0 0 -40px;
	padding:6px 5px;
	max-width: 115px;}

#nav2 li:hover ul{ /* Display the dropdown on hover */
    left:0; /* Bring back on-screen when needed */
}
#nav2 li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    text-decoration:none;}
#nav2 li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;font-weight:normal;}

#nav2 li:hover ul li a:hover {/* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background:#4493CA;}


/* mobile menu */

#burger_nav {display:none;color:transparent;height: 30px;width: 30px;background: url("/images/menu-burger.svg") no-repeat center center;float: right;margin:17px 20px;cursor: pointer;}
#burger_nav:hover {opacity:0.6;transition:0.5;}

/*
#home_nav:hover 
#about_nav:hover 
#news_nav:hover 
#why-use_nav:hover 
#products_nav:hover 
#datasheets_nav:hover 
#purchase_nav:hover 
#contact_nav:hover 
#cross_nav:hover */


/* MOBILE DEVICES */

@media screen and (max-width: 1255px) {
#header2 {background-position:0 50px;}
.maintop {width:70%;float:right;}
	}
	
@media screen and (max-width: 1070px) {
.content2 {margin-left:25px;margin-right:25px;}
}


@media screen and (max-width: 980px) {

body {width:auto;min-width:320px;}
#wrapper {width:auto;}
#footer-inner {width:auto;}
#news_main {width:auto;margin:20px 0;}
.darkbox {width:auto!important;margin:10px 0!important;}
#news {width:auto; margin:0 20px;padding-bottom:30px;}
#news-column {width:auto;clear:both;float:none;background:none;}
.prof-ad, .prof-ad-horiz {width:100%;background:url(images/exicon-ad-banner.jpg) no-repeat;background-size:100% auto;float:none;clear:both;}
.prof-ad-horiz {background-size:100% auto;}
.camera_wrap {margin-top:0px;}
#header2 {padding-top:1px;}
#news-column img {width:auto;padding-top:20px;display:none;}
#nav2 {display:block;}
#news-column {margin:20px 0 0;width:auto;}



}

@media screen and (max-width: 940px) {
.prod-schem {float:left;clear:both;width:auto!important;}

}

@media screen and (max-width: 880px) {
.product.features {width:100%;clear:right;margin: 0 0 10px 0;overflow:auto;}
.product.features table {margin-bottom:30px;width:100%;}
#news_main .news-box {width:auto;}
#news_main .news-prev img {width:40%;margin-left:30%;margin-right:30%;}
#news_main .news_front {width:auto;}
#news_main .news-prev {width:60%;margin-left:20%;margin-right:20%;}
	
#nav2 {display:none;clear:both;}
#nav2 ul {padding:0;}
#nav2 ul li {padding:0;width:99%;float:none;box-sizing:border-box;border-width:1px;}
#nav2 ul li a {padding:12px 15px;border:none;}
#nav2 ul li:hover {background:none;}
#nav2 ul li a:hover {color:#4493CA;}
#burger_nav {display:block;}
	.content.ad {padding:14% 0;}
}

@media screen and (max-width: 820px) {	
#header {margin:10px;}
.why-pic {margin-top:0;}

}

@media screen and (max-width: 740px) {
body {background:#fff;}	
.maintop img {margin-top:0;}
.footer-widget {width:45%;margin:0 2% 10px;}
.feed {width:100%;margin:0 0 15px 0;}
#footer {padding:10vh 0;}
.maintop {width:auto;}
.feed img {width:15%;}
.feed p {width:70%;}
}

@media screen and (max-width: 600px) {
.testimonals div {width:auto!important;}
#news_main .news-prev img {width:50%;margin-left:25%;margin-right:25%;}
.maintop img, .fab {display:none;}
.cross_ref td {padding:15px 8px 15px 15px;}
	.maintop p {font-weight:400;}
	.maintop a {color:#fff;}
	}

@media screen and (max-width:500px) { 
	.feed p {width:60%;}

}