body {
    background: #000000;
    color: #000;
    font-family: din-2014, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
}

@font-face {
		font-family: 'OstrichProper';
		src: url('../fonts/ostrichproper-bold-webfont.woff2') format('woff2'),
			url('../fonts/ostrichproper-bold-webfont.woff') format('woff'),
			url('../fonts/ostrichproper-bold.otf') format('truetype');
		font-weight: 400;
	}
	
@font-face {
		font-family: 'OstrichProperInline-Open';
		src: url('../fonts/OstrichProperInline-Open.eot?#iefix');
		src: url('../fonts/OstrichProperInline-Open.eot?#iefix') format('eot'),
			url('../fonts/OstrichProperInline-Open.woff2') format('woff2'),
			url('../fonts/OstrichProperInline-Open.woff') format('woff'),
			url('../fonts/OstrichProperInline-Open.ttf') format('truetype');
		font-weight: 400;
	}


.row:before, .row:after {
	content: " ";
	display: table
	}

.row:after {clear: both}

.row {*zoom:1}

.col {float: left}

.col.-third {width: 33.33333%}

.col.-two-thirds {width: 100%}

.col.-half {width: 50%}

.col.-full {width: 100%}

.col.-pad-right {padding-right: 10px}

.col.-pad-left {
	padding-left: 10px
	}

.col.-pad-right--wide {
	padding-right: 20px
	}

.col.-pad-left--wide {
	padding-left: 20px
	}

.col.-pad-right--narrow {
	padding-right: 10px
}
.col.-pad-left--narrow {
	padding-left: 10px
}
.form.-spaced .row+.row {
	margin-top: 20px
}
.form.-spaced-wide .row+.row {
	margin-top: 40px
}
.form-label, .form-error, .form-success {
	color: #444;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase
}
.form-label span, .form-error span, .form-success span {
	font-weight: normal;
	text-transform: none
}
.form-error {
	color: #C00000
}
.form-success {
	color: #6fae5c
}
.form-input {
	letter-spacing: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border-radius: 0px;
	box-shadow: none;
	color: #000;
	display: block;
	font-size: 17px;
	padding: 10px 15px;
	width: 100%;
	border: 1px solid #d7d7d9;
	font-family: din-2014, Arial, sans-serif;
}

.form-input::-webkit-input-placeholder {
color:#b8babc
}
.form-input:-moz-placeholder {
color:#b8babc
}
.form-input::-moz-placeholder {
color:#b8babc
}
.form-input:-ms-input-placeholder {
color:#b8babc
}

.form-input:hover {
    border: 1px solid #000;
	transition: .2s ease all;
	}

.form-input:focus {
	background-color:none;
    border: 1px solid #000;
	outline: none;
	transition: .2s ease all;
	}

.form-input.-select {
	background-image: url("../../assets/images/select-arrow.png");
	background-position: right 15px center;
	background-repeat: no-repeat;
	background-size: 13px;
	padding-right: 40px
}
.-form-error .form-input {
	background-color: #F5DBDC
}
.form-actions {
	padding: 5px 0;
	text-align: center
}
.form-actions.-tall {
	padding: 20px 0
}
.form-actions .button {
	display: inline-block
}
.or-link {
	display: inline-block;
	padding-left: 10px;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto
}
.delete-link {
	display: inline-block;
	font-weight: bold;
	padding: 10px 20px;
	margin-top: 10px
}
.border-right--light-gray {
	border-right: 1px solid #cbd3d6
}
.border-bottom--gray-2 {
	border-bottom: 2px solid #dcdcdc
}

.button {
	background-color: #b2ff33;
	border: 0;
	color: #000000;
	cursor: pointer;
	font-size: 18px;
	line-height: 1;
	min-width: 140px;
	padding: 16px 16px;
	text-align: center;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 1.5px;
	-moz-osx-font-smoothing: grayscale;
	transition: .2s ease all;
  font-family: din-2014, Arial, sans-serif;
}

.button:hover, .button:focus {
	background-color: #000;
	color: #fff;
	outline: none;
	transition: .2s ease all;
	}

.button:active {
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.15);
	background-image: -webkit-linear-gradient(top, #5c8eb4 0%, #4e81a9 100%);
	background-image: linear-gradient(to bottom, #5c8eb4 0%, #4e81a9 100%)
}
.button.-large {
	font-size: 22px;
	padding: 12px 20px
}
.button.-wide {
	min-width: 300px
}
.table.-full {
	width: 100%
}
.table.-fixed {
	table-layout: auto;
}
.table th {
	padding: 10px;
	white-space: nowrap; word-break: keep-all;
}


.results-table  {border-spacing: 0px; color: #000; position: relative;}
.results-table tbody:nth-child(even) {background: #f7f7f7;}
.results-table tbody:nth-child(odd) {background: #FFF}

.results-table tbody {transition: .5s all ease; position: relative;}
.results-table tbody:hover {background: #b2ff33; color: #000; transition: .2s all ease;}

.results-table tbody td:nth-child(7) {white-space: nowrap; word-break: keep-all;}
.results-table tbody td:nth-child(8) {white-space: nowrap; word-break: keep-all;}

.table td {
	padding: 10px;
	vertical-align: top;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.table thead th {
	text-align: left
}
.table tbody {
	font-size: 14px
}
.table tbody tr+tr td {
	border-top: 1px solid #efefef
}
.table a {
	display: block;
	font-weight: normal;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}
.inline-nav {
	margin-top: 30px
}
.inline-nav ul {
	font-size: 0;
	padding: 0
}
.inline-nav li {
	display: inline-block;
	vertical-align: middle
}
.inline-nav li+li:before {
	border-left: 1px solid #868688;
	content: '';
	display: inline-block;
	height: 10px
}
.inline-nav a {
	display: inline-block;
	padding: 5px 10px;
	font-size: 15px;
	font-weight: bold
}
.right {
	float: right
}
.left {
	float: left
}
.scn-accordion {
	overflow: hidden
}
.scn-accordion.-initialized {
	-webkit-transition: height 0.5s ease-in-out;
	transition: height 0.5s ease-in-out
}
.scn-accordion+.scn-accordion {
	margin-top: 20px
}
.scn-accordion .plus, .scn-accordion .minus {
	display: none;
	fill: #b2ff33;
	float: right;
	height: 32px;
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	width: 32px
}
.scn-accordion.scn-accordion--collapsed .plus, .scn-accordion.scn-accordion--expanded .minus {
	display: block
}
.scn-accordion-trigger, .scn-accordion-content {
	background-color: #fff;
	padding: 25px
}
.scn-accordion-trigger {
	cursor: pointer
}
.scn-accordion-trigger .form-input {
	display: inline-block;
	width: auto
}
.scn-accordion-trigger .scn-accordion-title {
	display: inline-block;
	font-size: 30px;
	font-weight: 300;
	line-height: 1;
	margin: 0 20px 0 0
}
.scn-accordion-trigger:hover, .scn-accordion-trigger:focus {
	outline: none
}
.scn-accordion-trigger:hover .plus, .scn-accordion-trigger:hover .minus, .scn-accordion-trigger:focus .plus, .scn-accordion-trigger:focus .minus {
	fill: #000;
}
.scn-accordion-content {
	overflow: hidden;
	padding-top: 0;
	-webkit-transition: visibility 0s linear;
	transition: visibility 0s linear
}
.scn-accordion--collapsed .scn-accordion-content {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s
}
.scn-accordion-content hr {
	background-color: #efefef;
	border: 0;
	height: 1px;
	margin: 0 0 24px
}
.scn-accordion-content[aria-expanded=false] {
	visibility: hidden
}
.title-header .page-heading {
	color: #000;
	margin-top: 0;
	margin-bottom: 20px;
	padding-bottom: 10px
}
.title-header .sub-heading {
	margin: 0 0 20px
}
.title-header p {
	color: #000;
	font-size: 15px;
	margin-bottom: 30px
}

.tinted-section {
	background-color: #f2f2f2
	}

.tinted-section.-padded {
	padding: 55px 0
}
.light-section {
	background-color: #fff
}
.light-section.-padded {
	padding: 25px
}
.light-section.-spaced {
	margin-bottom: 60px
}
.heading {
}

.heading.-primary {
	font-size: 3.5vw;
	font-weight: 400
	}

.heading.-secondary {
	color: #000000;
	font-size: 44px;
	font-weight: 400
}
.heading.-tertiary {
	color: #000000;
	font-size: 22px;
	font-weight: bold
}
.heading.-airy {
}
.context {
	position: relative
}
.-text-center {
	text-align: center
}
.-block {
	display: block
}
.-pad-sm {
	padding: 10px
}
.shure-scn {
	background-color: #fff;
}
.shure-scn *, .shure-scn *:before, .shure-scn *:after {
	box-sizing: border-box
}
.shure-scn ul {
	list-style-type: none
}
.shure-scn a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
.shure-scn a:hover, .shure-scn a:focus {
	outline: none;
	text-decoration: underline;
}
.shure-scn img {
	border: 0
}
.scn-hero {
	/*background: #000000 url(../../assets/images/iStock-597938858.jpg) center center/cover no-repeat;*/
	background: #000000 url(../../images/scn-hero-shure-com.jpg) center center/cover no-repeat;
	background-size: cover;
	display: table;
	height: 39.28571vw;
	width: 100%
}
.scn-hero h1 {
	color: #fff;
	line-height: 2;
	margin-bottom: 20px;
	text-shadow: 1px 1px 0 rgba(0,0,0,.4);
	background: linear-gradient(180deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3));
	text-align: center;
}

.scn-hero p {
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	color: #ffffff;
	font-size: 15px;
	line-height: 1.4;
	max-width: 600px
}

.scn-hero__wrapper {
	display: table-cell;
	vertical-align: bottom;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+50,0.65+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	}

.scn-hero__inner {
	margin: 0 auto;
	max-width: 1080px;
	padding: 40px 20px
}

.scn-members-suppliers {
	padding: 20px 0
}
.scn-members-suppliers .form {
	padding-bottom: 20px
}
.scn-members-suppliers .heading {
	margin: 10px 0
}
.scn-members-suppliers p {
	color: #868688;
	margin-top: 0;
	margin-bottom: 2em
}
.scn-info .wrapper {
	padding-bottom: 55px;
	padding-top: 55px;
	/*background-image: url(../../assets/images/scn-mic-background.png);*/
	background-position: bottom right;
	background-repeat: no-repeat
}
.scn-info .heading.-primary {
	margin-bottom: 10px;
	margin-top: 0
}
.scn-info p, .scn-info ul {
	color: #868688;
	line-height: 1.375
}
.scn-info .offerings {
	margin-top: 60px
}
.scn-info ul {
	font-size: 14px;
	padding: 0
}
.scn-info ul li+li {
	margin-top: 15px
}
.scn-info .latest-news {
	margin-top: 70px;
	display: none;
}
.sock-footer {
	background: #000;
	overflow: hidden;
	color: #fff;
	padding: 40px 0;
	position: relative;
	text-align: right
}

.sock-footer ul {
	padding: 0
}
.sock-footer .wrapper {
	position: relative;
	z-index: 1
}
.sock-footer:before, .sock-footer:after {
	content: '';
	background-size: auto 100%;
	margin-left: 0px;
	position: absolute;
	top: 0;
	width: 100%
}
.sock-footer:before {
	background-image: url("../../assets/images/scn-sock-footer.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	bottom: 0;
	left: 0%;
}
/*.sock-footer:after {
	/ *background-image: url(../../images/scn-blue-pattern.png);* /
	background-position: right center;
	background-repeat: repeat-x;
	height: 100%;
	left: -50%
}*/
.sock-footer__items {
	font-size: 0;
	padding-left: 20%
}
.sock-footer__item {
	display: inline-block;
	font-size: 14px;
	max-width: 25%;
	text-align: left;
	vertical-align: top
}

.sock-footer__item:nth-child(2) {display: none;}

.sock-footer__item.-narrow {
	max-width: 25%
}
.sock-footer__item+.sock-footer__item {
	padding-left: 25px
}
.sock-footer__item strong {
	display: block;
	margin-bottom: 10px
}
.sock-footer__item p {
	line-height: 1.42857
}
.sock-footer__item a {
	color: #fff;
	display: block;
	font-size: 13px;
	margin-bottom: 10px
}
.scn-search-results:before, .scn-search-results:after {
	content: " ";
	display: table
	background-color:#f2f2f2;
}
.scn-search-results:after {
	clear: both
}
.scn-search-results {
*zoom:1
}
.scn-search-results .results-select {
	margin-bottom: 20px;
	position: relative;
	max-width: 400px;
}

.scn-search-results .results-select::after {
	display: block;
	position: absolute;
  content: "▼"; 
	top: 0px;
	right: 0px;
  width: 0; 
  height: 0; 
	  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid #f00;

}

.scn-search-results .heading.-secondary {
	margin: 0 0 20px
}
.scn-product-grid {
	font-size: 0;
	margin: -20px -12px 5px;
	padding: 0
}
.scn-product-grid__item {
	display: inline-block;
	padding: 0 12px;
	margin: 20px 0;
	width: 33.33333%
}
.scn-product-grid__item a {
	display: block
}

.scn-product-grid__item__photo {
	height: 0;
	padding-top: 95.65217%;
	position: relative
}
.scn-product-grid__item__photo figure {
	height: 100%;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 100%
}
.scn-product-grid__item__photo figcaption {
	background-color: #FFF;
	bottom: 0;
	color: rgba(0,0,0,0.5);
	font-size: 14px;
	left: 0;
	line-height: 1;
	padding: 7px 10px;
	position: absolute;
	text-transform: uppercase
}
.scn-product-grid__item__photo figcaption.-central-unit, .scn-product-grid__item__photo figcaption.-transmitter {
	background-color: #90afd5
}
.scn-product-grid__item__photo figcaption.-portable {
	background-color: #dd6464
}
.scn-product-grid__item__photo figcaption.-microphone {
	background-color: #b2d9a1
}
.scn-product-grid__item__photo figcaption.-accessory {
	background-color: #6fae5c
}
.scn-product-grid__item__photo figcaption.-receiver {
	background-color: #ffb54c
}
.scn-product-grid__item__photo figcaption.-radiator {
	background-color: #da759e
}
.scn-product-grid__item__photo figcaption.-headphone {
	background-color: #816eaf
}
.scn-product-grid__item__photo figcaption.-interpreter {
	background-color: #8bd2d4
}
.scn-product-grid__item__photo img {
	display: block;
	height: auto;
	width: 100%
}
.scn-product-grid__item__title {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0 8px
}
span.scn-product-grid__item__title {
	color: #32383e
}
.wrapper {
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
	padding-left: 20px;
	padding-right: 20px
}
.wrapper.-narrow {
	max-width: 1080px
	
}

.header__logo a img {height: 25px; width: auto;}




@media only screen and (min-width: 980px) {
	
.col.-pad-right {
	padding-right: 20px
	}
.col.-pad-left {
	padding-left: 20px
	}
.col.-pad-right--wide {
	padding-right: 40px
	}
.col.-pad-left--wide {
	padding-left: 40px
	}
.sock-footer {
	background-position: -100px center
	}
.scn-product-grid__item {
	width: 20%
	}
.scn-hero__inner {
	padding: 2vw 20px 2vw 20px;
	}
	
}




@media only screen and (min-width: 1200px) {

.sock-footer {
	background-position: 0 center
	}
	
.scn-product-grid__item {
	width: 16.66667%
	}
	
}




@media only screen and (min-width: 768px) {

.scn-product-grid__item {
	width: 25%
	}
	
.scn-hero__inner {
	padding: 50px 20px
	}
	
}




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

#getResult {
	overflow-x: scroll;
	overflow-y: visible;
	}
	
.table th {
	padding: 10px;
	white-space: nowrap; word-break: keep-all;
	}

.results-table  {width: 100%; margin-top: 10px;}

.results-table tbody td {white-space: nowrap; word-break: keep-all;}

.results-table::before {
	content: "Scroll right for more";
	position: absolute;
	top: -10px;
	left: 10px;
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: 1px;
	color: #868688;
	}

.sock-footer:before {
	background-image: none;
	}
	
.sock-footer {
    text-align: left;
	}

.sock-footer__item {
	max-width: 70%;	}

	
	
}

@media only screen and (max-width: 600px) {
	.col.-half {width: 100%;}	
		
	.border-right--light-gray {border-right: 0px solid #cbd3d6;}
		
	.col.-pad-right--wide {padding-right: 0px;}	
		
	.col.-pad-left--wide {padding-left: 0px;}
		
	.col.-pad-left {padding-left: 0px;margin-top: 30px;}
		
	.heading.-primary {font-size: 6vw;}
		
	.scn-hero__wrapper {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+50 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */	
		}

	.light-section.-padded {
			padding: 10px;
	}	

	.scn-search-results .results-select {
		max-width: none;
	}
}

.search-box-wrapper {
	display: none;
}
