body {
    background-color: #101010;
}
.darkgray-bg { background-color: #202020; }
.section .instrument-section:first-child .mediatext { padding-top: 0px; }
.section .instrument-section:last-child .mediatext { padding-bottom: 0px; }

.dark-section a, .dark-section a:visited, ul#product-tabs li.tab-active {
    color: #0392cb;
}
ul.bulleted li::before {
    border-color: transparent transparent transparent #0392cb;
}
.dark-section a.selector-button.selected {
    border: 2px solid #0392cb;
}


#content-table { background-color: #101010; }
#sticky-buy, #tab-content-overview .gray-section { background-color: #202020; }
#sticky-buy h1 {
	font-family: 'Jost', sans-serif;
	font-weight: 300;
	color: #FFFFFF;
    font-size: 28px;
}

.overview-section { padding: 55px 0px 55px 0px; }
.overview-section .overview-section-image {   
    max-width: inherit;
    margin-bottom: 0px;
}

#sos-endorsement .endorser {
    position: relative;
    width: 335px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 50px;
}
#sos-award {
    position: absolute;
    top: -28px;
    right: 25px;
    width: 53px;
    height: 78px;
    background: url('/SOL2017/images/img_sos-awards-2019@2x.jpg') no-repeat;
    background-size: 53px 78px;
}
.tab-content { padding-top: 0px; }
.tab-content h3 { color: #FFFFFF; font-family: 'Jost', sans-serif; }
.tab-content p, .tab-content p {
    font-family: 'Jost', sans-serif;
    color: #FFFFFF;

}


.tab-content .overview-section p:last-child { margin-bottom: 0px; }

.tab-content p.pretitle {
    margin-bottom: 0px;
    font-size: 24px;
    font-weight: 300;
}

h3.big-heading {
    line-height: 1em;
    font-weight: 800;
    font-size: 45px;
    text-align: center;
}

.divider {
    display: block;
    height: 9px;
    width: 53px;
    margin: 30px auto;
}

#ho-opus-section p { text-shadow: 2px 2px 5px #000000; text-align: left; }
.white-links a, .white-links a:visited { color: #FFFFFF; }
.blue-links a, .blue-links a:visited { color: #0e79ff; }
.yellow-links a, .yellow-links a:visited { color: #ffd208; }

/*
.tab-content a { white-space: nowrap; }
*/
#purchase-cc-opt { max-width: 548px; }
.cc-join a, .cc-join a:visited { padding: 10px 20px; }
.tab-content p.interface { text-align: center; margin-bottom: 25px; }

.videocopy { float: none; width: 530px; }

#popup-newsletter-email {
    background-color: #f1f1f1;
    color: #4b4a4a;
    border: none;
    padding: 10px;
    font-size: 14px;
    width: 250px;
    margin: 0;
    height: 20px;
    float: left;
}

#popup-newsletter-submit {
    background-color: #04a800;
    color: #FFFFFF;
    padding: 10px;
    font-size: 16px;
    display: inline-block;
    height: 20px;
    float: left;
    cursor: pointer;
    line-height: 20px;
}

.faq-drilldown {
	display: none;
	padding-left: 15px;
}

p.faq-title {
	position: relative;
	padding-left: 15px;
	font-size: 17px;
	margin-bottom: 15px;
}
p.faq-title a { color: #FFFFFF; cursor: pointer; }

p.faq-title::before {
	position: absolute;
	content: "";
	left: 0px;
	top: 6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 0 4.5px 8px;
	border-color: transparent transparent transparent #0392cb;

}

.faq-spin::before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.ho-opus-faq {
	text-decoration: underline;
	cursor: pointer;
}

.product-section h3 { text-align: center; }
.product-section .text-section .divider {
	margin: 20px auto;
	margin-bottom: 30px;
	height: 8px;
	width: 45px;
}

@media (pointer:none), (pointer:coarse) {
    .tab-content .overview-section p {
        font-size: 22px;
    }
}





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

}

@media only screen and (min-width: 768px) {
    .media-col { margin: 0px; }

    .instrument-section .mediawrapper {
        padding-right: 35px;
    }
    .instrument-section .mediatext { padding: 35px 0px; }
    .instrument-section.reverse .mediawrapper {
        padding-left: 35px;
        padding-right: 0px;
    }
	.overview-section.product-section .overview-section-image { width: 45%; }
	.overview-section.product-section .text-section { width: 50%; }

	.product-section h3 { text-align: left; }
	.product-section .text-section .divider { margin: 20px 0; }
	#sound-bytes-section .media-col { width: 54%; }



}

@media only screen and (min-width: 1140px) {
	#sos-section h3.endorser img {
		margin-left: -90px;
	}
    #sticky-buy h1 { font-size: 30px; }

}