@font-face {font-family: 'HelveticaNeueLTPro-Lt';src: url('fonts/neue/2B5D12_0_0.eot');src: url('fonts/neue/2B5D12_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/neue/2B5D12_0_0.woff') format('woff'),url('fonts/neue/2B5D12_0_0.ttf') format('truetype');}
@font-face {font-family: 'HelveticaNeueLTPro-Roman';src: url('fonts/neue/2B5D12_1_0.eot');src: url('fonts/neue/2B5D12_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/neue/2B5D12_1_0.woff') format('woff'),url('fonts/neue/2B5D12_1_0.ttf') format('truetype');}
@font-face {font-family: 'HelveticaNeueLTPro-Th';src: url('fonts/neue/2B5D12_2_0.eot');src: url('fonts/neue/2B5D12_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/neue/2B5D12_2_0.woff') format('woff'),url('fonts/neue/2B5D12_2_0.ttf') format('truetype');}
@font-face {font-family: 'HelveticaNeueLTPro-Bold';src: url('fonts/neue/395867_0_0.eot');src: url('fonts/neue/395867_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/neue/395867_0_0.woff') format('woff'),url('fonts/neue/395867_0_0.ttf') format('truetype');}
@font-face {font-family: 'FuturaPTHeavy';src: url('fonts/futura/ftn75-webfont.eot');src: url('fonts/futura/ftn75-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/futura/ftn75-webfont.woff') format('woff'),url('fonts/futura/ftn75-webfont.ttf') format('truetype');}

*{outline:0; margin: 0; padding:0;}
html { height:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body { height:100%; background:#ffffff;}
body, select, textarea {font: normal 14px/1.43 "HelveticaNeueLTPro-Roman", Helvetica, sans-serif; color:#333333;}

h1,h2,h3,h4,h5,h6 {
	font-size:1em;
	font-weight:normal;
	margin-bottom:.5em;
	text-align: center;
}
h2 {font-size:32px; line-height: 44px;}
h3 {color:#808080; margin:2em;}
h4 {margin:.5em;}
p {
	font-size:1em;
	margin-bottom:.9em;
	margin-top:.5em;
}
a,a:before,a:visited {
	color:#52d9a0;
	text-decoration:none;
	/*-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;*/
}
a:hover{color:#50BF90}
a:focus{color:#649989}
hr{
	border:0;
	border-bottom:1px solid #dfdfdf;
	margin-top:33px;
}
small {font-size: .86em; color: #9e9e9e}
/**/
.bold {font-weight:900}
.hand, .link {
	/*-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;*/
	cursor:pointer}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-bold{font-weight:bold;font-size:1.1em}
.text-smaller{font-size:0.75em}
.clearboth{clear:both;line-height:0;height: 0;}
.displaynone{display: none;}

.description{color:#828282;}

.flex, .flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flex .flex-col{flex: auto;}
.flex .button-link{white-space: nowrap;}

/* Deal with IE handling padding on TR differently */
tr.odd td,tr.even td {
padding-bottom:.5em;
padding-top:.5em;
}
table.content {
margin:4px 0 4px 4px;
padding:0;
}

pre {
background-color:#eee;
border:1px solid #ddd;
font-size:12px;
padding:.75em 1.5em;
}

/* loaders */
#page-overlay {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	background-color: #000;
	opacity: .7;
}
.page-white-loader{
	background-image:url('assets/page-white-loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}
.page-black-loader{
	background-image:url('assets/page-black-loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}
.page-loader-msg{
	padding: 48px 59px 54px;
	max-width: 360px;
	background: #fff;
	left: 50%;
	top: 50%;
	position: absolute;
	margin-left: -12.5%;
	margin-top: -12.5%;
	box-sizing: border-box;
	z-index: 1000;
	text-align: center;
}
.page-loader-msg h3{font-size:20px; line-height:28px; margin:16px 0 40px;}
.page-loader-msg img{width:56px; height:56px}

.spin-loader {
  margin:3px;
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #52d9a0;
  width: 16px;
  height: 16px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* general form */
form{padding:0; margin: 0 0 70px 0;/* fix from stucked footer */}
fieldset{
	border: 0;
	margin: 0;
	padding:0;
}
legend {
    /*border-bottom: 1px solid rgb(228,228,228);	border:0;*/
    width: 100%;
				font-size: 20px;
				line-height: 24px;
}
fieldset.collapsible legend,
fieldset.collapsed legend{ padding:30px 0 0 0; font-size:inherit; line-height:inherit;}
legend a{color: #333333;}

html.js fieldset.collapsible legend a,
html.js fieldset.collapsed legend a{background:none;  padding:0 25px 0 0; position:relative;}
fieldset.collapsible legend a:after,
fieldset.collapsed legend a:after{
	font-family: 'soundsnapico' !important;
	position: absolute;
	top: -1px;
	right: 0;
	color:#dfdfdf;
}
fieldset.collapsible legend a:after{content: "\e90a";}
fieldset.collapsed legend a:after{content: "\e905";}

input.form-text,
textarea{
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input.form-submit,
input[type="submit"]{
	-webkit-appearance: button;
	-webkit-border-fit: lines;
}
textarea:focus,
input:focus{outline: 0;}

.form-text,
.form-textarea,
.form-file,
.form-select{
	font-size: 1em;
	color: #333333;
	border: #d5d5d5 1px solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    width: 100%;

}
.form-text{
	line-height:14px;
	padding:24px 16px 10px 16px;
	background:none;
}
.form-text.input-simple{
	padding:14px 16px 13px 16px;
	line-height:20px;
}

.form-textarea{
	width: 100%;
    padding:24px 16px 10px 16px;
}
.form-textarea.resizable {
    height:10%;
}
.form-file{
	width: 100%;
	padding:3px 10px;
}
.form-select{
 /*width:auto;*/
	-webkit-appearance: none;
	padding:20px 16px 8px 16px;
}
html.firefox .form-select{padding-left: 11px;}
.form-select.error{color:inherit}

input::placeholder,
input::-webkit-input-placeholder,
::placeholder{ color: rgba(51, 51, 51, 0.5); }
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #c1c1c1;}
::-ms-input-placeholder { /* Microsoft Edge */color: #c1c1c1;}

/* #####  FORM ELEMENTS  */

.form-item {margin: 20px 0 0 0;}
.form-item label {
color: #9e9e9e;
font-weight:normal;
font-size:12px;
line-height: 1.43;
}
.form-item .description {
	margin: 5px 0 0 0;
	font-size: 12px;
	color:inherit;
}
.form-item .description ul {margin-left: 3em;}

.form-item + .suffix{color:#828282; padding-top:20px}

.form-inline{display:table; width:100%; margin-top:20px;}
.form-inline .form-item{display:table-cell; width:48%;}
.form-inline .form-item:first-of-type{padding-right:4%;}

.form-group{display:table; width:100%;}
.form-group .form-item{display:table-cell;padding-right:14px;}
.form-group .form-submit{display:table-cell;}

/********* NEW forms ***********/
.form-item input.error, .form-item textarea.error, .form-item select.error,
.login_template .form-checkbox.error + label{border:1px solid red}

.form-item{position:relative;}
input.form-text + * + label,
input.form-text + label,
.form-select + * + label,
.form-select + label,
.form-textarea + label,
.form-textarea + * + label{
	position: absolute;
	left:16px;
	top:15px;
	padding:0;
	transition: transform .3s;
	font-size:14px;
	pointer-events: none;
}
input:-webkit-autofill + * + label,
input:-webkit-autofill + label{
    transform: translate(0px, -6px) !important;
    transition: transform .3s !important;
    font-size:10px !important;
    line-height:12px;
}

.focused > input.form-text + label,
.focused > input.form-text + * + label,
input.form-text.filled + label,
input.form-text.filled + * + label,
.focused > .form-select + label,
.focused > .form-select + * + label,
.form-select + label,
.form-select + * + label,
.focused > .form-textarea + label,
.focused > .form-textarea + * + label,
.form-textarea + label,
.form-textarea + * + label{
    transform: translate(0px, -6px) !important;
    transition: transform .3s !important;
    font-size:10px !important;
    line-height:12px;
}

.button-link,
.button-link:visited,
a.form-submit,
.form-submit,
input[type="submit"]{
margin: 24px 0;
color: #333333;
background-color:#fff;
border:1px solid #1a1a1a;
padding:15px 26px;
font-size: 14px;
line-height:inherit;
text-align:center;
text-decoration:none;
}
input[type="submit"],
input.form-submit,
button.form-submit{padding:13px 26px;}
.buy-button.form-submit{padding:9px 26px;}

.button-link:hover,
a:hover.form-submit,.form-submit:hover{background-color:#f5f5f5;}
.button-link:focus,
a:focus.form-submit,.form-submit:focus{background-color: #eeeeee;}

.button-link.ghost{color:#ffffff;border-color: #ffffff; background-color:rgba(255, 255, 255, 0)}
.button-link.ghost:hover{background-color: rgba(255, 255, 255, 0.05);}
.button-link.ghost:active,
.button-link.ghost:focus{background-color: rgba(255, 255, 255, 0.1);}
.button-link.ghost.lg{font-size:18px; line-height:1;padding: 17px 40px 19px;}

/** form/buttons green**/
.form-text.input-alt{color:#50bf90}
.form-alt .form-text{border-color:#52d9a0}
.form-alt .form-submit,
.form-alt .button-link{background-color:#52d9a0;border:0; color:#ffffff}
.form-alt .form-submit:hover,
.form-alt .button-link:hover{background-color:#50bf90;}
.form-alt .form-submit:focus,
.form-alt .button-link:focus{background-color:#649989}
.form-alt .form-submit{width:100%; padding:14px;}
.light.button-link{background: #f1fbf8; color:#50bf90; border:0;}

/* curves buttons/links */
#sidebar-left li a,
#pager a,
ul.primary li a,
ul.secondary li a,
a.si_buttons,
ul.download_options .si_download,
.styled-dropdown,
.styled-dropdown span,
.button-link,
.form-submit,
a.form-submit,
input[type="submit"]{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
cursor:pointer;
/*-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;*/
}
#jr_inner,
.dropdown li ul,
.audio-free,
.fav-group-add-form,
.products-container,
.ojoo-section,
.page-loader-msg{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
 border-radius: 4px;	
}

.form-submit.disabled{
cursor:default;
color:#666666 !important;
}

.button-link, a.button-link{margin:0; color:inherit}

/*  titles/headers big */
#jr_header,
.profile-wrapper h1,
h1.title, h1.title a, h1{
	font: normal 52px/64px "HelveticaNeueLTPro-Bold",Helvetica,sans-serif;
	letter-spacing:normal;
	margin: 0 auto;
	color:#333333;
}
#jr_header,
.profile-wrapper h1,
h1.title, h1.title a{padding: 64px 10px 72px; max-width: 700px;}

/*  titles/headers medium 
.black-wrapper h4,
.browse-header .categories h3,
.profile-details,
.billing-details{
	font-family: "HelveticaNeueLTPro-Lt", Helvetica, sans-serif;
  font-weight:normal;
}*/

/*  titles/headers small */
.ojoo-user-audio-container th,
.ojoo-user-audio-container th a,
.genre,
h3.title, h3.title a{
	font: normal 12px/26px "HelveticaNeueLTPro-Bold", sans-serif;
	text-transform:uppercase;
	letter-spacing:.2em;
}
.button-link,
.form-submit,
#sidebar-left li.active a,
.section-title,
.profile-account-header,
ul.primary li.active a,
legend,
.empty_header,
.profile-name,
.js-collapse-trigger,
.page-loader-msg h3,
.products-header,
.products-details .product_title,
.bio .name,.bio .position,
h2,
.page-wrapper h3,
h4,.footer-content h5,
.cover-details h5,
.profile-cover .profile-bio a
{font-family: "HelveticaNeueLTPro-Bold", Helvetica, sans-serif; color:#333333;}

h2.subtitle{font-size:28px; line-height:38px;}

/* ################# CONTAINER - GRID*/
#container{
	width:100%;
	display:block;
	position:relative;
}
.col-12 {width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6 {width: 50%;}
.col-5 {width: 41.66666667%;}
.col-4 {width: 33.33333333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1 {width: 8.33333333%;}
/* #################  HEADER */


/* #################  MAIN CONTENT */
#content {
	width:100%;
	/* CRG.RC: Force table to never grow. Helps prevent ads from enlarging table beyond background */
	table-layout: fixed;
}

#maincontent{
	margin:0 auto;
	/*padding:102px 0 0;*/
	padding:72px 0 0;
	position:relative;
}

.node {margin:0;}
.node .content {text-align:center;
	/*margin:0;
	line-height:1.4;
	*/
}

.container{max-width:1500px; margin:0 auto;padding: 0 30px; position:relative}/*gradually use it and remove all else */
.inner-container{	max-width: 1188px;margin:0 auto;}

/*sidebars*/
#sidebar-left,
#sidebar-right {
padding-top:0;
vertical-align:top;
width:170px;
overflow: hidden;
display:table-cell;
}
#sidebar-left{position:absolute; margin:0 40px 0 195px}
#sidebar-left li a {display: block;color:inherit}
#sidebar-left li.active a{background:#ffffff;}
#sidebar-left > ul li a{padding: 14px 0 14px 16px;}
#sidebar-left > ul li a:hover {background:#ececec;}

/*empty states*/
.empty_container{ text-align:center; margin:80px auto}
.empty_header{font-size:24px; margin:24px 0 17px 0}
.empty_container .description {max-width: 350px;margin: 0 auto;}

/***static page ***/
.page-wrapper #main{border-top:1px solid #dfdfdf; padding-top:48px; margin-top:-1px;}
.page-header{max-width:768px; margin:0 auto; padding:0 20px;}
.page{margin:0 auto; max-width:768px; padding:30px; text-align:left;color:#828282;}
.page h2, .page h3{text-align:left; margin:0}
.page-wrapper h3{font-size: 28px;margin-top:50px; margin-bottom:20px;}

/***static page with bg ***/
.page-bg-wrapper #main{background:#f3f3f3; padding:57px 0;}
.page-bg-wrapper .node {max-width:1500px; margin:0 auto;}
.page-bg-wrapper .page{max-width:580px;font-size:18px; line-height: 1.78;font-weight: 500;}
.page-bg-wrapper .page h2{font: 24px/1.67 "HelveticaNeueLTPro-Roman",Helvetica,sans-serif;}
.page-bg-wrapper .page h3{font: 18px/1.78 "HelveticaNeueLTPro-Roman",Helvetica,sans-serif; color:#1a1a1a;}

.page ul{margin-left:30px;margin-bottom: .9em;}


/* #################  SEARCH  */

/*.search-within,
.search-within .group-separator,
.search-within .advanced{display:none;}*/



#pager{
	padding:30px 0;
	text-align:right;
	border-bottom:1px solid #d9d9d9;
}
#pager a{/*display: inline-block;*/
margin: 2px;
color: #ffffff;
background-color:#D2D2D2;
padding: 6px 1em;
}
#pager a:hover{
	background-color:#000;
	text-decoration:none;
}
#pager .pager-short{float:left;}
#pager .pager-short a{
	background:#fff;
	border:#e3e3e3 1px solid;
	color:#bbb;
	padding: 10px 30px;
}
#pager .pager-short a:hover{
	background-color:#000;
	border:#000 1px solid;
	color:#fff;
}

.links {
color:#999;
margin-bottom:0;
}

#help {
font-size:.9em;
margin-bottom:1em;
}

/*messages*/
.messages-container {
	position:fixed;
	top:96px;
	z-index:2;
	animation:message 1s;
}

.messages{
	padding: 20px 14px 20px 18px;
	color:#ffffff;
	font-weight:bold;
	border-radius: 4px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
	position: relative;
	margin-bottom:5px;
	background: #52d9a0;
	display:table;
}
.messages > div{display:table-cell; vertical-align:middle;}
.messages > .message{padding-left:16px;}

/*.messages:after*/
.messages .icon-close{
	cursor:pointer;
	padding-left: 30px;
}

.messages.status{background: #52d9a0; padding: 13px 14px 13px 18px; /*background-image: linear-gradient(to bottom, #52d9a0, rgba(82, 217, 160, 0.98));*/}
.messages.error{background: #fb615d;}
.messages ul{margin:0; list-style:none;}
.messages a{color: inherit; text-decoration: underline;}

@keyframes message{
    from {top: 72px;} 
    to{top:96px;} 
				0%   { opacity: 0; }
  100% { opacity: 1; }
}

/* messages animations*/
.cls-1{
  fill:none;
  stroke:#231f20;
  stroke-miterlimit:10;
  stroke-width:10px;
}

svg#checkmark-svg {
  width: 32px;
  height: 32px;
  display: block;
}
 svg .cls-1 {
    stroke: #ffffff;
  }

.circle {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
}

.checkmark {
  stroke-dasharray: 150;
  stroke-dashoffset: 150;
}

.run-animation .circle {
    animation: 2.5s circleDraw forwards;
  }

.run-animation .checkmark {
    animation: 0.75s checkmarkDraw forwards;
    animation-delay: 1s;
}

@keyframes circleDraw {
  from {stroke-dashoffset: 700;}
  to {stroke-dashoffset: 0;}
}

@keyframes checkmarkDraw {
  from {stroke-dashoffset: 150;}
  to {stroke-dashoffset: 0;}
}


/**/
.search-advanced .form-item {margin:0;}
/* Place checkboxes inline, 4.7 lacks a checkbox class */
.search-advanced .form-item .form-item {display: inline;}
.search-advanced .action {margin-top: 5px;}
.search-advanced .criterion {display: block;float: none;}

.submitted {
color:#999;
font-size:.9em;
text-align:left;
}

/* block */
.block .content{ padding: 30px 0;}
.block .block-content {padding:0;text-align:left;}
.block .title {margin-left: 0;}
.block h2.title{
	color: #555555;
	margin: 0;
	padding: 6px 0 0;
	font-size:14px;
}
.block ul {
list-style-type:none;
padding-bottom:5px;
padding-top:2px;
}
.block li {
background-color:#f5f5f5;
border-bottom:1px solid #cdcdcd;
margin-bottom:2px;
margin-left:5px;
margin-top:2px;
padding-bottom:2px;
padding-left:5px;
padding-top:2px;
text-decoration:none;
}
.block li:hover {
background:#cdcdcd;
border-bottom:1px solid #cdcdcd;
}
.block li a {
padding:2px 0;
color:#000 !important;
}
/**/

.item-list .title {
	color:#222;
	font-size:1em;
}
.item-list .ojoo-item {
list-style:none;
margin: 3px 0;
padding:3px 0 1px 5px;
}
.item-list .ojoo-item p {
margin:3px;
padding:0;
}
.item-list .item {
background:#fff;
border-left:3px solid #bfe4ff;
border-right:3px solid #bfe4ff;
color:#333333;
padding-left:5px;
padding-right:5px;
}
.item-list p {
margin-bottom:2px;
margin-top:2px;
}

.sticky {
background-color:#eee;
border:solid 1px #ddd;
padding:.5em;
}
.node .taxonomy {
color:#999;
font-size:1em;
font-weight:bold;
padding:0;
}
.node .picture {
border:0;
float:right;
margin:.5em;
padding:1em;
}

.throbber_loader{
	display:none;
	background:url('assets/loader.gif') no-repeat;
	width:16px;
	height: 16px;
}
.throbber_loader_black{
	background:url('assets/loader.gif') left center no-repeat;
	min-height:16px;
}

/* TABS */

#tabs li{ list-style: none outside none;}

ul.primary,
ul.secondary { padding:0; margin:0;}
ul.primary{
	text-transform: capitalize;
	font-weight:normal;
	text-align:center;
	font-size: 0;
	line-height: normal;
	/*margin:43px 0 5px 0;*/
	padding: 12px 15px;
  white-space: nowrap;
  list-style: none;
  height: auto;
	border-collapse: collapse;
	border-top:1px solid #f1f1f1;
}
ul.primary li {
  display: inline;
}
ul.primary li a {
margin-right: 1px;
padding: 12px 32px;
font-size:16px;
line-height: 24px;
color:#333333;
text-decoration: none;
display:inline-block;

}
ul.primary li.active a,
ul.primary li a:hover{
background:#f5f5f5;
text-decoration:none;
}

#tabs .tabs.secondary{display:none}

ul.secondary li {
	list-style:none;
	padding:0;
	margin:0;
	text-transform: capitalize;
}

ul.secondary li a{
	color:inherit;
	display:block;
	padding:14px 28px;
}

/* BROWSE OJOO*/
/* #################  CATEGORIES -- OJOO BROWSE PAGE -- OJOO BROWSER NO RESULTS */
.ojoo-wrapper h1,
.ojoo-wrapper h1 a{
	font-size: 42px;
 line-height: 48px;
	padding:0;
	}

.ojoo-wrapper h1{margin:40px auto 8px;}
.ojoo-wrapper h1.no_results{margin-bottom: 15px;line-height: 44px;font-size: 32px;}

.ojoo_browse_page{
text-align: left;
max-width: 1200px;
padding:30px 0 80px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
}
.ojoo_browse_page > div{margin: 0 6%;position: relative;width: 21%;}
.ojoo_browse_page > div.four_cols {margin: 0 2% 44px;font-size: 16px;}
.ojoo_browse_page img {display: none;}
.ojoo_browse_page h2.categories_sub {margin:10px 0 0 0; padding-bottom:5px;font-size:20px; line-height:28px;}
.ojoo_browse_page h2.categories_sub a {color:inherit;}
.ojoo_browse_page h2.categories_sub a:hover {
	color:#888888;
	text-decoration:none;
}
.browse-description{font-size:16px;color:#828282; margin:10px 0;text-align:center;}
.browse-description-diag{font-size:16px;color:#6715ab; margin:10px 0;text-align:center; font-style: italic}

.ojoo_browse_page > div.four_cols h2.categories_sub,
.ojoo_browse_page > div.four_cols h3, .page-wrapper div.four_cols h3{margin:20px 0; text-align:left;}
.page-wrapper div.four_cols h3{ font-family: inherit;font-size:inherit; }
.ojoo_browse_page > div.four_cols h3 a{color:#828282;}
.ojoo_browse_page > div.four_cols h3 a:hover{color:#333333;}
.collapse-items{display:none}

.no_results_container{border-top: 1px solid #dfdfdf; max-width: 1440px; padding: 80px 30px; margin: 0 auto; text-align:center;}
.no_results_container > span {display:block; margin: 24px 20px 30px;}

 .browse-header a.buy-button{
	float:right;
	margin: 11px 30px 12px 12px;
 }
 .browse-header{max-width:1560px; margin:0 auto; clear:both;}
 .browse-header h4{ display:inline;margin:0; padding:0;}
 .browse-header .categories {text-align:center; padding:40px 20px 0px 20px;}
 .ojoo-wrapper .browse-header .categories h1{margin:0 auto;}
 .browse-header .categories h2{margin:12px 20px}
 .browse-header .categories h2,
 .browse-header .categories h3 {font-size:1.7em;}
 .browse-header .categories h1 a,
 .browse-header .categories h2 a,
 .browse-header .categories h4 a{color:#262222;}
 .browse-header .categories h4 a {text-decoration:underline; margin:0; font-weight:normal;}
 .browse-header .categories h1 a:hover,
 .browse-header .categories h2 a:hover,
 .browse-header .categories h4 a:hover {color:#888888;}
 .browse-header .categories h4 a.active{font-weight:bold;}
 .browse-header .categories .categories_sub{margin-top:15px;margin-bottom:15px}

.browse-header .tag_image {
    min-height: 440px;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: -1px 0 30px;
    padding: 30px;
}
.browse-header .tag_image h1 {
   /* font: 3.7em "HelveticaNeueLTPro-Th",Helvetica,sans-serif;
    margin: 0 auto;
    letter-spacing: 0;*/
    text-transform: capitalize;
    color: #fff;

}
.browse-header .tag_image .description {
    background-color: rgba(0,0,0,0.3);
    margin: 28px auto;
    padding: 15px;
    color: #fff;
    font-size: 1.2em;
    max-width: 480px;
    text-align:center;
}

/* OJOO-TEASER */


/* to fit right skywrapper*/
.ojoo-wrapper #main{ /*position:relative;*/
	/*min-height: 610px;*/
	max-width:1500px;
	margin:0 auto;
	padding:0 30px;
}
.ojoo-teaser {
margin:0 auto;
max-width: 1500px;
color:#828282;
width:100%;
/*padding:0 210px 0 0;*/
padding:0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ojoo-teaser a{
	color:inherit;
	text-decoration:underline;
}
.ojoo-teaser a:hover{
	color:#000;
	text-decoration:underline;
}

.ojoo-audio-box {
    border-bottom: 1px solid #d9d9d9;
    padding: 30px 0;
}
.ojoo-audio-box:hover{
	background:#F7F7F7;
}
.ojoo-audio {
	position:relative;
	display:table;
	vertical-align:middle;
	width:100%;
}
.ojoo-audio .audio-row{
	width:inherit;
}
.ojoo-audio .audio-row div {
	display:table-cell;
	vertical-align:middle;
}
.ojoo-audio .audio-row > div {
	padding-left:10px;
	padding-right:10px;
}
.ojoo-audio h3 {
	text-align:left;
	font-size:1em;
	margin:.5em 0;
	text-transform: uppercase;
	color:#000;
	font-weight:bold;
}
.ojoo-audio h3 a{
	text-decoration:none;
	color:#000;
}
.ojoo-audio h4{
	color:#000;
	text-align:left;
	margin:.5em 0;
}
.ojoo-audio .audio-title h4{
	display:inline;
}
.author_img,
.no_author_img{
	margin-right:10px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-khtml-border-radius: 50%;
	border-radius:50%;
	width:40px;
	height:40px;
	float:left;
}
.no_author_img{
	height:40px;
	background-color: #00ffaf;
}

.ojoo-audio .audio-player-container{
	position:relative;
}
.ojoo-audio .ojoo-player{
	width:52px;
	padding-right:10px;
}
.ojoo-audio .ojoo-button{
	width:52px;
	height:52px;
	cursor:pointer;
	display: block;
}
.ojoo-audio .ojoo-button.ojoo-play:hover{
	background: url("jplayer/jQuery.jPlayer.2.7.0/player-buttons.png") no-repeat 0 -52px rgba(0, 0, 0, 0);
}
.ojoo-audio .ojoo-button.ojoo-play,
.ojoo-audio .ojoo-button.ojoo-play.wait-player,
.ojoo-audio .ojoo-button.ojoo-play.wait-player:hover{
	background: url("jplayer/jQuery.jPlayer.2.7.0/player-buttons.png") no-repeat 0 0 rgba(0, 0, 0, 0);
}
.ojoo-audio .ojoo-button.ojoo-pause:hover{
	background: url("jplayer/jQuery.jPlayer.2.7.0/player-buttons.png") no-repeat 0 -156px rgba(0, 0, 0, 0);
}
.ojoo-audio .ojoo-button.ojoo-pause,
.ojoo-audio .ojoo-button.ojoo-pause.wait-player,
.ojoo-audio .ojoo-button.ojoo-pause.wait-player:hover{
	background: url("jplayer/jQuery.jPlayer.2.7.0/player-buttons.png") no-repeat 0 -104px rgba(0, 0, 0, 0);
}
.ojoo-audio .ojoo-button.wait-player{
	cursor:default;
}
.ojoo-audio .wave{
	overflow:hidden;
	width:440px;
	min-width:440px;
	position:relative;
	height:52px;/*60*/
	cursor:pointer;
}

.ojoo-audio.ojoo-error .ojoo-button,
.ojoo-audio.ojoo-error .wave{cursor:default;}

/*.wave-loader{background:url('assets/loader.gif') center center no-repeat; }*/
.wave-loader{
	position:absolute;
	margin-top:20px;
	text-align: center;
    width: inherit;
}
.ojoo-player-loader{
	position:absolute;
	z-index:100;
	height: 16px;
	width: inherit;
	background: url('assets/loader.gif') center no-repeat;
}
.ojoo-audio .audio-row div.audio-duration{
	width:30px;
	min-width:30px;
	font-size:12px;
	line-height:20px;
	color: #333333;
	padding-left:5px;
	text-align:center;
}
.ojoo-audio .audio-row div.audio-download{
	width:240px;
	min-width:180px;
	position:relative;
}
.audio-free {
	background: #00ffaf;
	color:#000;
	top: -4px;
	margin-left: -14px;
    font-size: 0.7em;
	padding: 1px 6px;
    position: absolute;
    transform: rotate(30deg);
}
.ojoo-audio .audio-row div.audio-description{
	float:none;
	max-width:580px;
	width:580px;
	min-width:100px;
}
.ojoo-audio .audio-row div.audio-share-link{
	width:80px;
	min-width:80px;
	float: none;
}
.ojoo-audio .audio-info > div{
	vertical-align:top;
	padding-top:20px;
}
.ojoo-audio .audio-title{
	width:542px;
	min-width:542px;
}
.ojoo-audio .audio-file-details{
	width:220px;
	min-width:180px;
}
.ojoo-audio .audio-author{
	max-width:580px;
	width:580px;
	min-width:100px;
}
.ojoo-audio .audio-share{
	width:80px;
	min-width:80px;
}

/* teaser buttons*/
.si_share{
	overflow: hidden;
	color: transparent;
	max-height: 34px;
	max-width: 34px;
	width: 34px;
	display: inline-block;
}
.si_share:first-of-type { margin-right:8px;}
.si_share:before{
	color: #fff;
	border-radius: 50%;
	padding: 5px;
	width: 24px;
	height: 24px;
	display: inline-block;
	text-align: center;
}

.si_share.icon-facebook:before {
	background: #3b5998;
}
.si_share.icon-twitter:before{
	background:	#1dcaff;
}


.si_buttons,
a.si_buttons{
	background-color:#999;
	color:#fff;
	text-decoration:none;
	/* match player's height */
	padding:8px;
	height:16px;
	line-height: 100%;
	/*-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;*/
	display: inline-block;
	margin-right:5px;
}
.si_buttons:hover,
a.si_buttons:hover,
a.si_buttons.si_active{
	background-color:#000;color:#fff;text-decoration:none;
}
.si_download {
    background-image: url("assets/download_icon.png");
    background-position: 43px center;
    background-repeat: no-repeat;
    padding-left: 12px;
    text-align: left;
    width: 45px;
	cursor:pointer;
}
.mp3-download, .wav-download, .aiff-download {}
.rx2-download{width:35px; background-position: 33px center;}


/**/
.si_favorite{
	background-image: url("assets/favorite_icon.png");
	background-position: center;
	background-repeat: no-repeat;
	width: 30px;
	vertical-align:top;
}
.si_favorite.si_active:hover{
	background-image: url("assets/favorite_close.png");
}
.audio-download .throbber_loader,
.audio-download .favorite_message {
	position: absolute;
	bottom: -15px;
	left: 10px;
}
.fav-container.active .si_favorite{
	transition:none;
	background-color:#000;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.fav-container.active .favorites_groups{display:block}
.favorites_groups{
	display:none;
	position:absolute;
	background:#000;
	z-index: 100;
	-moz-border-radius: 0 4px 4px;
	-webkit-border-radius: 0 4px 4px;
	-khtml-border-radius: 0 4px 4px;
	border-radius: 0 4px 4px;
}
ul.favorites_groups{
	margin:0;
	padding:11px;
	list-style:none;
	color:#fff;
}
.favorites_groups li {
	display:block;
	padding:6px;
}
.favorites_groups li a:hover{
	text-decoration:none;
}
.favorites_groups li a.fav-add:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #00ffaf;
	margin-right:10px;
}
.favorites_groups li a.fav-add{
	color:#fff;
	text-decoration:none;
	display:block;
	padding: 0;
	/*background: url("assets/radio-inactive.png") left no-repeat;*/
}
.favorites_groups li a.fav-add:hover:before{
	background-color:#444;
}
.favorites_groups li a.fav-add:hover{
	color:#fff;
	/*background: url("assets/radio-active.png") left no-repeat;*/
}

.fav-container form{
	margin:0;
}
.fav-container .form-text{
	border:0;
	padding:11px;
	line-height:normal;
	background:#ffffff;
}
a.fav-group-add-button{
   display: block;
   text-decoration:none;
   text-align:center;
   margin:0;
   color:#fff;
	 background: #000;
	 border: 1px solid #fff;
	 padding:11px;
	 width: inherit;
}
a.fav-group-add-button:hover{
	background: rgba(255, 255, 255, 0.05);
	color:#fff;
	}
a.fav-group-add-button:focus{
	background: rgba(255, 255, 255, 0.1);
	color:#fff;
}

/*slide radio on/off*/
.slide-button{
	position: relative;
	top: 5px;
	-moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 -khtml-border-radius: 20px;
	border-radius: 20px;
	display: inline-block;
	padding:2px;
}
.slide-button div {
	width: 20px; 
	height: 20px;
	border-radius: 50%;
	background: #fff;}
.slide-button.shared{ background: #52d9a0;padding-left: 20px;}
.slide-button.private{background: #dfdfdf;padding-right: 20px;}

.slide-button.big div{
	width: 25px;
	height: 25px;
}
.slide-button.big.shared{padding-left: 23px;}
.slide-button.big.private{padding-right: 23px;}

/*** new**/
.favorites_toolbar:after {
	content: " ";
	display: table;
	clear: both;
}
.favorites_header{float:left}
.favorites_buttons{float:right}
.fav-group-privacy{display:inline-block; margin-right:32px; padding-left:32px;}

.favorites_buttons .button-link{
	margin-left:10px;
	line-height:46px;
	background:none;
}
.js-share-privacy-status{text-align:center; font-size:16px;}
.js-share-content.private form{display:none}
.js-share-content.shared .description, .js-share-content.shared .button-link{display:none}
.js-share-content.private .description{font-size: 16px; text-align:center; line-height:24px; margin:50px 0 25px;}

.fav-privacy-status-button .slide-button{margin-left:12px;}

.favorites-shared-header{background: #000; color:#808080; text-align:center; padding:40px 0 30px}
.profile-wrapper .favorites-shared-header h1{color:#fff; font-size:32px; position:relative; top:0}
.favorites-shared-header h2{font-size:16px;font-family: inherit;}

/* Sort Widget */
.sort-widget {
margin: 0 auto 15px auto;
max-width: 1500px;
padding: 0 30px;
}
.ojoo-wrapper .sort-widget{margin: 40px auto 24px;}
.sort-choices .form-select{margin-right:30px;}

/* based on the jNice jQuery plugin by Sean Mooney */
.styled-dropdown select {display: none;}
.styled-dropdown {
	height: 36px;
	width: 160px;
	margin-right:30px;
	position: relative;
	display: inline-block;
	transition: none;
}
.styled-dropdown span {
    background-image:url("assets/sort_arrow.png");
	background-repeat: no-repeat;
	background-position: 145px center;
	background-color:#999;
	color: #fff;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding: 3px 10px;
	position: absolute;
	width: 155px;
	transition: none;
}
.styled-dropdown span.over {
  background-color: #000;
}
.styled-dropdown ul {
	background: url("assets/arrow_top.png") 26px 13px no-repeat;
	display: none;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 24px 0 0 0;
	position: absolute;
	top: 25px;
	width: 160px;
	z-index:100;
}
.styled-dropdown ul li{
	background:#000;
}
.styled-dropdown ul li.first{
	-moz-border-top-left-radius: 4px;
	-webkit-top-left-radius: 4px;
	-khtml-top-left-radius: 4px;
	border-top-left-radius:4px;
	-moz-border-top-right-radius: 4px;
	-webkit-top-right-radius: 4px;
	-khtml-top-right-radius: 4px;
	border-top-right-radius:4px;
}
.styled-dropdown ul li.last{
	-moz-border-bottom-left-radius:4px;
	-webkit-bottom-left-radius: 4px;
	-khtml-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-bottom-right-radius:4px;
	-webkit-bottom-right-radius:4px;
	-khtml-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
}
.styled-dropdown ul a {
  color: #fff;
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  font-weight:normal;
}
.styled-dropdown ul li.first a{padding-top:12px !important;}
.styled-dropdown ul li.last a{padding-bottom:12px !important;}
.styled-dropdown ul a:hover {color: #00ffaf;}
.styled-dropdown ul a.selected {color:#999}

.tabs-receipts > .styled-dropdown,
.tabs-receipts > .styled-dropdown ul {
	display: block;
	width:130px;
}
.tabs-receipts > .styled-dropdown span {
	background-position: 125px center;
	width:130px;
	height: 26px;
    line-height: 26px;
}
.tabs-receipts > .styled-dropdown ul li.first{
	-moz-border-top-left-radius: 4px;
	-webkit-top-left-radius: 4px;
	-khtml-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-webkit-top-right-radius: 4px;
	-khtml-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
.tabs-receipts > .styled-dropdown ul li.last{
	-moz-border-bottom-left-radius: 4px;
	-webkit-bottom-left-radius: 4px;
	-khtml-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-webkit-bottom-right-radius: 4px;
	-khtml-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* */
.ojoo-block-box {
background-color:#fff;
padding:2px;
}
.ojoo-item {
margin-bottom:4px;
margin-top:2px;
}

.support { margin-top:10px;}

.item-list ul li {
list-style:disc;
margin:0;
padding:2px 0 2px 5px;
}

.advert {width:160px;}
.banner-728{text-align:center;}

@media all and (max-width:728px) {
	.banner-728{display:none;}
}
/**/

.search-results dd {margin-bottom:0;}

.tags {
margin-right:0;
text-align:justify;
padding:0;
word-spacing:10px;
}
.ojoo-legal-option-decline {float:right;}
.ojoo-legal-option-accept,.banner-logo {float:left;}

/**/

div.asbutton {padding-bottom: 20px;}

.ss-pics{width: 415px; height: 275px}
/* no-search-results
span.search-none {display: block;}*/

/* Commerce pages */

.commerce-html-receipt,
.download-receipt-pdf,
.commerce-history {
	margin: 0 auto;
  /*max-width: 780px;*/
}
.commerce-history{margin:50px auto}
.commerce-history a {font-weight: normal;}
.commerce-history a.active {
  font-weight: bold;
  text-decoration: underline;
}

.download-receipt-pdf{margin-bottom:60px;}

.commerce-receipt table{margin-top:60px; width:100%;color: #424242;}
.commerce-receipt table th{border:inherit;}
.commerce-receipt table td{vertical-align:top}
.commerce-receipt table .company-details{width:50%;}
.commerce-receipt table .customer-details{width:50%;text-align:right;}
.commerce-receipt table.order-details th{padding:0.5em 0;font-weight: normal;}
.commerce-receipt table.order-details td{border-top:1px solid #dfdfdf;padding:0.5em 0;}
.commerce-receipt table.order-details .invoice-title{font-weight: bold;}
.commerce-receipt table.order-details .invoice-amount{text-align:right;}
.commerce-receipt table.order-details .total td {font-size: 1.2em;font-weight: bold;text-align:right;}
.commerce-receipt h5 {text-align:left;font-weight: bold;}

.download-control-page,
.download-verify-page{
	max-width:1500px;
	padding:0 30px;
	margin:0 auto;
}

/* Remove stars */
.ojoo-login-box .form-required {display: none;}

/****** USER PROFILE */ 
.profile-wrapper #main{margin:0 auto;}
.profile-wrapper .primary{margin-top: 191px; /*margin-top:183px;*/}
.profile-wrapper fieldset > .description{ margin:8px 0 40px 0;}

/* new */
.profile-wrapper .content-header + * .primary{margin-top:0;border-bottom:0;}
.profile-wrapper h1 {
padding: 0;
position: absolute;
top: 140px;
left:0;
width: 100%;
max-width:100%;
text-align:center;
text-transform:capitalize;
/*top: 133px;
margin: 0 auto;
padding: 0;
font-weight: bold;
font-size:52px;
line-height: 84px;*/
}

.ojoo-user {background: #f3f3f3;padding:40px 0; }
.ojoo-user form{margin:0}

.ojoo-section{
	max-width: 490px;
	margin:0 auto 24px;
	padding: 32px 40px;
	background:#ffffff;
	box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.04);
}
.ojoo-section:before,
.ojoo-section:after {
    content: " ";
    display: table;
}
.ojoo-section:after{
	clear: both;
}

.ojoo-section fieldset{margin-bottom:32px}
.ojoo-section .form-submit{margin:0}

.section-title{font-size:20px; line-height:24px; margin:0; text-align:left; }
.ojoo-user .description{ margin-top:8px;}
.ojoo-section > .description {margin:8px 0 40px 0;}
.ojoo-section a.button-link{line-height:46px;}

.profile-account-header{
	font-size:16px;
	line-height:24px;
	text-align: left;
	margin:0 0 2px;
	}
	
.profile-details {
	 color:#51cda6;
		font-size: 24px;
		line-height:32px
 }

.profile-image{text-align:right; line-height:0;}
.profile-image img{width:64px; heigh:64px}

.profile-description.description{font-size:16px; line-height:24px; margin: 27px 67px 24px 0;}
.profile-image + .profile-description{ margin:30px 0 24px;}

.section-content-border{
	margin:0 -40px;
	border-top:1px solid #ececec;
	padding:0px 40px;
}

.section-content-border .profile-account-header {margin-top:21px}
	
/* for table invoices */
.ojoo-section .table-row{
	display: table;
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
	padding: 12px 0 15px;
}
.ojoo-section .table-row:last-of-type{border-bottom:none}
.ojoo-section .table-row:last-of-type + .button-link{margin-top:20px; display:inline-block; line-height:16px;}
.ojoo-section .table-row > div {display: table-cell;}
.ojoo-section .table-row > div:first-of-type{width:45%;}
.ojoo-section .table-row > div:nth-child(2){width:90px}
.ojoo-section .table-row > div:nth-child(3){width:50px}
.ojoo-section .table-row > div:last-of-type{text-align:right}

/* User audio elements */
.ojoo-user-audio-container{
	padding:0px 30px 70px;
	max-width:1500px;
	margin:0 auto;
	position:relative;
}

.ojoo-user-audio-container table{width:100%}
.ojoo-user-audio-container th{
	background-color:#fff;
	border-bottom:1px solid #dfdfdf;
	text-transform:uppercase;
	font-size:.95em;
}
.ojoo-user-audio-container th a{color:#ccc}
.ojoo-user-audio-container th a img{margin-left:5px;}
.ojoo-user-audio-container th,
.ojoo-user-audio-container tr.even td,
.ojoo-user-audio-container tr.odd td,
.ojoo-user-audio-container td.active{
	background-color:#fff;
	padding-bottom: 1em;
    padding-top: 1em;
}
.ojoo-user-audio-container tr {
	border-color:#dfdfdf;
}
.ojoo-user-audio-container tr td:last-child{
	text-align: right;
}
.ojoo-user-audio-container td a {}

.ojoo-user-audio-container .ojoo-header{position:relative; margin:30px 0;}
.ojoo-user-audio-container .ojoo-header h2{text-align:left;}
.ojoo-user-audio-container .ojoo-teaser{max-width:100%;padding-right:0;}

/*new*/
.billing-details {
font-size: 20px;
margin-bottom:35px;
}
.auto-billing{margin-bottom:30px}

/*user-library profile page*/
#profile-library .maincontent{padding-top:0}
#profile-library .content-header{background-color:#111111}
.profile-cover{
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	padding: 146px 0 44px;
	position:relative;
}
.profile-cover-filter{position:absolute; top:0; bottom:0; right:0; left:0; width:100%; height:100%;
 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);}

.profile-cover a{color:#fff;}
.profile-cover h1{
	position:relative;
	top:auto;
	text-align:left;
	color:#ffffff;
	line-height:40px;
}
.profile-cover .cover-details{font-size:16px; margin-top:59px;}
.profile-cover .cover-details > div {margin-right:43px; color:#919191;flex: initial;}
.profile-cover .cover-details h5{color:#ffffff; text-align:left; white-space:nowrap}
.profile-cover a[class^="icon-"]:before{color:#919191; padding-right:5px}
.profile-cover .profile-bio {max-width:350px;}
.profile-cover .profile-bio a{color:#ffffff}

a.profile-list-button{
	top:0px;
	right:0;
	position:absolute;
	color: #333333;
}


/* ---- TB override  login_popup/assets/thickbox.css ----- */
#TB_ajaxContent .block{
	background-color:transparent;
}
/*confirm dialog*/
.TB-dialog h2.title{margin:19px 0 0 17px;}
.TB-dialog div#TB_ajaxContent{
	padding-top:20px;
	text-align:center;
	background:#fff;
}
.TB-dialog div#TB_ajaxContent a.form-submit{
	display:block;
	color:#333;
	padding: 13px 24px;
}
#TB_window legend{font-size: 16px;line-height: 1;}

#TB_window .ojoo-login-box h1 {
    font-size: 28px;
    line-height: 36px;
    margin: 0 auto 27px auto;
    text-align: center;
    max-width: 330px;
    position: unset;
}

/* reject browser message */
#jr_overlay {
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	z-index: 2147483646;
	position: absolute;
}
#jr_wrap {
	position: absolute;
	width: 100%;
	z-index: 2147483647;
	padding: 0;
	margin: 0;
}
#jr_inner {
	background: #000;
	color: #fff;
	margin: 0 auto;
	height: auto;
	position: relative;
	box-sizing: content-box;
	padding: 20px 30px;
    width: 288px;
	text-align:center;
}
#jr_header {
    letter-spacing: 0;
    text-transform:none;
	font-size:2em;
	margin:1.5em 0;
}
#jr_inner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#jr_inner ul li {
	cursor: pointer;
	display: inline-block;
	margin: 0 10px 10px 10px;
	text-align: center;
}
#jr_inner li a {}
#jr_inner li a:hover {
	text-decoration: underline;
}
#jr_inner .jr_icon {
	width: 52px;
	height: 52px;
	margin: 1px auto;
	padding: 0;
	background: transparent no-repeat scroll left top;
	cursor: pointer;
}
#jr_close {
	position:absolute;
  	right: 20px;
    top: 20px;
}
#jr_close a {
	display: block;
	background: url('assets/close_button.png') no-repeat;
	width:18px;
	height:19px;
	text-indent: -9999px;
	opacity:0.5;
}
#jr_close a:hover{
	opacity:1;
}
/**/
.black-wrapper {background:#000; color:#fff}
.black-wrapper .menu-bar{display:none}
.black-wrapper h1.title{margin-bottom:1.2em}
.black-wrapper h1.tagline{margin:0 0 .6em 0}
.black-wrapper h4{font-size:1.6em;margin: 2em 0 0 0;}

/* team page */
.team{
	display: block;
	position:relative;
	width: 100%;
	margin-top:80px;
}
.team:after{
	content: " ";
	display: table;
	clear: both;
}

.bio{
	display:inline-block;
	vertical-align:top;
	height: 100%;
	margin: 0 2% 4%;
	position: relative;
	width: 24%;
	text-align:left;
}
.bio .img{margin: 0 60px 20px 60px;}
.bio img{border-radius: 50%; width:100%;}
.bio .name{height: 28px;font-size: 18px; color: #404040;margin: 0 60px 2px 60px; white-space:nowrap}
.bio .position {margin: 0 60px 22px 60px; white-space:nowrap;color: #828282;}
.bio .description { margin: 0 60px 10px;line-height: 1.71;}
.bio .item {margin:10px 0;}
.bio .item > .type {display:inline-block; margin-right:7px; font-size:.92em;/*font-size:.9em;*/ text-align:right;width:32%;white-space:nowrap}
.bio .item > .weight{
	background:#aaaaaa;
	color:#aaaaaa;
	display: inline-block;
    font-size: 14px;
    line-height: 14px;
}
.bio .item > .weight-2{width: 20%;}
.bio .item > .weight-3{width: 30%;}
.bio .item > .weight-4{width: 40%;}
.bio .item > .weight-5{width: 50%;}

/**/
@media screen and (min-width:1600px) {
	.profile-cover {
					max-width: 1560px;
					margin: auto;
	}
}
@media screen and (max-width:1500px) {
	.commerce-html-receipt{
		padding-left: 25%;
		margin-left:0;
	}
}
@media print and (max-width: 1500px){
	.tabs-receipts{display:none;}
	.commerce-html-receipt,.download-receipt-pdf{padding-left: 0;margin:0 auto;}
}

@media all and (max-width: 1280px) and (min-width: 601px) {
	.bio .img,
	.bio .name,
	.bio .position,
	.bio .description {margin-left:40px; margin-right:40px;}
	.bio .item > .type {letter-spacing: 0.15em;margin-right: 5px;}
}
@media all and (max-width: 1100px) {
	.ojoo_browse_page{width:96%;margin:0 0 0 4%;}
	.ojoo_browse_page div{margin:0 3%; width:27%}
	.ojoo-wrapper #main,
	.ojoo-teaser{padding:0;}
	.ojoo-audio-box{padding-left:30px;padding-right:30px;}
	.ojoo-audio .wave{width:240px;min-width:240px;}
	.ojoo-audio .audio-title{width:330px;min-width:330px;}

	#block-block-11, #block-block-12{/*hide banners*/display:none;}
	.ojoo-wrapper #pager{/*and give the space from block*/padding-bottom:30px}
	.si_buttons, a.si_buttons{margin-right:0}

	.bio .img,
	.bio .name,
	.bio .position,
	.bio .description {margin-left:60px; margin-right:60px;}
	.bio {width: 45%;}/*max-width: 300px;*/
}

@media only screen and (max-width:768px) {
	
	.messages-container {
		position: absolute;
		top:-10px;
		left: 15px;
		right:15px;
		margin:0;
		z-index:1;
		animation:none;
	}
	.form-inline{margin:0;}
	.form-inline .form-item,
	.form-inline .form-item:first-of-type{padding:0;display:block; width:100%;}

	.ojoo_browse_page h2.categories_sub a {font-size:1.5em;}
	ul.primary{
		white-space: nowrap;
		overflow-y: hidden;
		overflow-x: auto;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch;
	}
	ul.primary::-webkit-scrollbar {
		display: none;
	}

	ul.primary li a{padding: 12px; font-size:14px}
	.container,
	.header,
	.sort-widget,
	.payment_faq,
	.download-receipt-pdf,
	.commerce-history,
	.download-control-page,
	.download-verify-page,
	.page,
	.ojoo-user-audio-container{
		padding-left:20px;
		padding-right:20px;
	}
	.browse-header a.buy-button{margin-right:20px;}
	.browse-header .tag_image {margin-top: -11px;}

	.page-bg-wrapper #main{padding:0;}

	.profile-wrapper .content-header{margin-top:-10px;}
	.profile-wrapper h1{top:72px;}
	.profile-wrapper .profile-cover h1{top:inherit; padding-left:0;}
	.profile-wrapper .primary {margin-top: 82px;}
	.profile-cover .cover-details{margin:0;}
	.profile-cover .cover-details.flex{flex-wrap: wrap;}
	.profile-cover .cover-details > div{margin-right:30px;margin-top:8px}
	.profile-cover .cover-details > div.profile-bio{flex-basis: 100%;margin-top: 36px;}

	h2.product_tagline{font-size:3.7em;}


	/**/
	.ojoo-audio-box{padding:20px 10px;}
	.ojoo-audio .audio-row{clear:both}
	.ojoo-audio .wave{width:400px; min-width:200px;}
	.ojoo-audio .audio-row div.audio-download {text-align:right;}
	.ojoo-audio .audio-row div.audio-description{float:left; width:70%; margin-top:20px;}
	.ojoo-audio .audio-row div.audio-share-link{float: right; text-align:right; margin-top:20px;}
	.ojoo-audio .audio-info .audio-title{display:table; width:auto;}
	.ojoo-audio .audio-row div.audio-file-details,
	.ojoo-audio .audio-row div.audio-author{float:left;width: auto;max-width:200px; min-width:80px;}
	.ojoo-audio .audio-row div.audio-share{float:right;}

	.si_share:first-of-type {margin-right: 5px;}
	a.si_buttons, ul.download_options .si_download {padding: 6px 10px;line-height:16px;}
	.si_download {background-position: 40px center;width:40px;}

	a.profile-list-button{
		display: block;
		position:relative;
		float:right;
		text-align: center;
	}

	.tabs-receipts{float:none; width:100%;}
	.tabs-receipts ul.secondary{width:auto;border-right:none;}
	.commerce-html-receipt, .download-receipt-pdf{padding-left: 0;}
}

@media only screen and (max-width:600px) {
	.ojoo_browse_page{margin:2%;width:96%;}
	.ojoo_browse_page div{margin:0; width:100%;}
  .ojoo_browse_page > div.four_cols{width:46%;}
	.ojoo_browse_page h2.categories_sub{text-align:center;}

	#pager{text-align:center;}
	#pager a{display:inline-block}
	#pager .pager-short {display: block;float: none;margin-bottom: 10px;}

	.bio{width: 96%;}
	.bio .description {height:auto !important}
	.bio .item > .type { width:38%;}
	.bio .img {margin-left:20%; margin-right:20%}
	.bio .position {white-space:normal}
}

@media only screen and (max-width:481px) {
	body{font-size:12px}

	html.js fieldset.collapsible legend a,
	html.js fieldset.collapsed legend a {display: block;}

	.browse-header a.buy-button{display:none}

	.styled-dropdown{
		width: 41%;
		margin: 0 4%;
		padding: 0;
	}
	.tabs-receipts .styled-dropdown{margin:0}
	.styled-dropdown ul{/*margin-bottom:10px;*/width: 100%;}
	.styled-dropdown span{
		width: 84%;
		padding: 0 8%;
		background-position: 90%;
	}
/***/

.favorites_header,
.favorites_buttons{float:none;}
.favorites_buttons{ margin-top:10px; }
.fav-group-privacy{display:block;margin: 0px 0 20px;}
.favorites_buttons .button-link{
	margin:0px; 
	display:inline-block; 
	width: 47%;
	line-height: 1;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

.favorites_buttons .button-link:first-of-type{margin-right:6%}

.favorites_buttons .button-link:only-child {width:100%; margin:10px 0 0;}

	.container li.rollover{display: block; position:relative;	margin-bottom:7px;}
	.container li.rollover h2{
		padding: 16px 35px 16px 24px;
		background: #dfdfdf;
		-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	}
	.container li.rollover .icon-caret_down{position:absolute; top:20px; right:20px;}
	.container li.rollover ul{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		top:64px;
	}
	/**/
	.ojoo-audio .audio-row{position:relative; clear:both;}
	.ojoo-audio .audio-player-container{padding-bottom:20px;}
	.ojoo-audio .wave{width:400px; min-width:190px;}
	.ojoo-audio .audio-row div.audio-duration {text-align:right}
	.ojoo-audio .audio-row div.audio-download{text-align:left; position:absolute; padding:0 10px; bottom:0;}
	.ojoo-audio .audio-row div.audio-description{float:none; width:auto; padding-bottom:50px;}
	.ojoo-audio .audio-row div.audio-share-link{position:absolute; right:0; bottom:10px;}
	.ojoo-audio .audio-info .audio-title{min-width:190px;}
	.audio-download .throbber_loader,
	.audio-download .favorite_message {
		bottom: -20px;
	}
	a.profile-list-button{
    margin: 10px auto 0;
		top:auto;
		float:none;
	}
	.billing-buttons{
		width:100%;
		display:block;
		margin-top: 10px;
	}
	.billing-update-form{
		margin:10px auto;
	}
	
	.optanon-show-settings-popup-wrapper .optanon-show-settings-middle a.optanon-show-settings{font-size:12px;}
}
@media only screen and (max-width:380px) {
	a.form-submit {padding: 8px 14px !important;}

}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 144dpi) {
	.page-white-loader{background-image:url('assets/page-white-loader-2x.gif'); background-size:60px 60px;}
	.page-black-loader{background-image:url('assets/page-black-loader-2x.gif'); background-size:60px 60px;}

	div#TB_closeAjaxWindow a{ background-image: url('assets/close_button@2x.png');background-size:18px;}

	.info_bubble_arrow{background-image: url("assets/bubble_arrow@2x.png");background-size:17px 9px}

	.download_options li ul,
	.styled-dropdown ul {background-image:url("assets/arrow_top@2x.png");background-size: 24px 11px}
	.styled-dropdown span,
	ul.download_options .si_download{background-image:url("assets/sort_arrow@2x.png");background-size: 11px 6px}

	.si_favorite{background-image: url("assets/favorite_icon-2x.png"); background-size:12px}
	.si_favorite.si_active:hover{background-image: url("assets/favorite_close@2x.png");background-size:12px;}
	.si_download {background-image: url("assets/download_icon@2x.png");background-size:9px 8px;}

	.ojoo-audio .ojoo-button.ojoo-play:hover,
	.ojoo-audio .ojoo-button.ojoo-play,
	.ojoo-audio .ojoo-button.ojoo-play.wait-player,
	.ojoo-audio .ojoo-button.ojoo-play.wait-player:hover,
	.ojoo-audio .ojoo-button.ojoo-pause:hover,
	.ojoo-audio .ojoo-button.ojoo-pause,
	.ojoo-audio .ojoo-button.ojoo-pause.wait-player,
	.ojoo-audio .ojoo-button.ojoo-pause.wait-player:hover{
	    background-image: url("jplayer/jQuery.jPlayer.2.7.0/player-buttons@2x.png"); background-size:106px auto;
	}

}



/*login*/
.login_template legend {display:none;}
.login_template fieldset { margin:0;padding:0;}
.login_template h1{
  font-size:42px;
		line-height:48px;
  color: #000000;
  margin:20px 0 20px 0;
	text-transform:none;
	text-align:left;
}
.login_subtitle{color:#828282; font-size:16px; line-height:24px;margin-bottom:20px;}
.ojoo-login-content{color:#828282}
.login_template .form-submit{width:100%;padding: 14px;}
.login_template .form-checkbox { margin-right:6px;display: none;}
.login_template .form-checkbox + label {
	background-color: #ffffff;
	border: 1px solid #d5d5d5;
	padding: 7px;
	border-radius: 4px;
	display: inline-block;
	position: relative;
	margin-right: 6px;
	top: 2px;
}
.login_template .form-checkbox + label:active, .form-checkbox:checked + label:active {
	background-color: #ffffff;
}
.login_template .form-checkbox:checked + label {
	background-color: #52d9a0;
	border: 1px solid #52d9a0;
	color: #ffffff;
}
.login_template .form-checkbox:checked + label:after {
	content: '\2714';
	font-size: 12px;
	line-height: 12px;
	position: absolute;
	top: 1px;
	left: 2px;
	color: #ffffff;
}
.login_template .item-list .ojoo-item{margin:0;padding:0;}


a.forgot_password{
	position: absolute;
  right: 24px;
  top: 16px;
}

/*checkuser*/
.checkuser_img_yes,
.checkuser_img_no {
	font-size: 12px;
  line-height: 1.67;
  padding-left: 28px;
  padding-top: 3px;
}
.checkuser_img_yes {background: url('assets/checkmark-green.svg') left no-repeat;}
.checkuser_img_no {background: url('assets/error-red.svg') left no-repeat;}

/* social media login */
.ojoo-login-content .or span::before, .ojoo-login-content .or span::after {
    background: #d4d4d4 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    margin: 0 15px;
    position: absolute;
    top: 11px;
    width: 22px;
}
.ojoo-login-content .or{
	text-align:center;
	position:relative;
	font-weight:bold;
	font-size:16px;
}
.ojoo-login-content .or span::before{right:53%;}
.ojoo-login-content .or span::after{left:53%;}

.fb-status{margin-top:-15px; color:#fff}
.fb-status.error{color:#ff0000}


.ojoo-login-content .fb-login-button{margin:20px 0;}
/*a.fb-login-button{
	background: #4267B2;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
	font: 16px/20px sans-serif;
  padding: 7px 20px 6px 10px;
  text-align: center;
  text-decoration: none;
	color:#fff;
}
a.fb-login-button:hover{background:#39579a; text-decoration:none}
.fb-login-button i {
    border-radius: 50%;
    display: inline-block;
    height: 25px;
    margin: 0 8px 0 0;
    position: relative;
    text-align: center;
    top: -1px;
    vertical-align: middle;
    width: 30px;
}

.fb-login-button i svg {
  fill: #fff;
	display: inline-block;
	height: 25px;
	width: 25px;
}*/


/********* NEW ***********/

h2.title, h2.title a{/*h2*/
	font: normal 12px/26px "HelveticaNeueLTPro-Bold", Helvetica, sans-serif;
	text-transform:uppercase;
  position: relative;
	text-align: center;
	letter-spacing:1.5px;
	margin-bottom:2em;
}
h2.title a:hover,
h2.title a:focus{color:#ffffff;}


/*dropdown list*/
ul.dropdown, ul.dropdown li{list-style:none;}

li.rollover {
	font-size:16px;
	display: inline-block;
	color: #333333;
	line-height: 18px;
	padding-bottom:9px; 
	margin-bottom:-9px;
	cursor:pointer;
}
li.rollover a {
	font-size:inherit;
	color: #333333;
}

li.rollover:hover ul,
li.rollover ul:hover{display:block;}
li.rollover ul{
	display:none;
	position: absolute;
	line-height: 24px;
	top: 33px;
	z-index:100;
	box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.13);
}
li.rollover ul:before{
	display: table;
	transform: rotate(25deg);
	-webkit-transform: rotate(-45deg);
	border: solid white;
	border-width: 0 3px 3px 0;
	padding: 3px;
	content: "";
	background: #fff;
	margin: -4px auto -4px auto;
}
li.rollover ul li{
	display: block;
  float:none;
	margin:0;
	background-color:#ffffff;
}
li.rollover ul li a{color: #333333; font-size:inherit; line-height:32px; padding: 4px 32px;font-weight:normal; display:block;	-webkit-transition:none;transition: none;}
li.rollover ul li a:hover{color: #333333;background-color: #f3f3f3;}
li.rollover ul li:first-of-type{padding-top:4px; border-top-left-radius:4px;border-top-right-radius:4px; }
li.rollover ul li.last{ padding:4px 0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
li.rollover ul li.last a{border-top: 1px solid rgba(223, 223, 223, 0.5);}

li.rollover .icon-caret_down{margin:0 0 0 10px;}
li.rollover .icon-caret_down:before{color: rgba(51, 51, 51, 0.5);}

li.rollover ul li .dropdown-link{color: #52d9a0;}
li.rollover ul li .dropdown-link:hover{background:none; color:#50BF90}

/*js collapse - TODO faq*/
.js-collapse-trigger{position:relative; padding:11px 30px 13px 0; font-size:16px; cursor:pointer;}
.js-collapse-trigger .icon-caret_top_big{
	position:absolute;
	right:0;
	color:#828282;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
	-webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.js-collapse-active .js-collapse-trigger .icon-caret_top_big{
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
/*.js-collapse-container:not(.js-collapse-active)*/ 
.js-collapse-items{display:none}

/*** HEADER*/

#header-wrapper {
  /*height: 72px;*/
	z-index: 300;
	width:100%;
	top: 0;
	position:fixed;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background:#ffffff;
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.16);
}
.header{
	max-width:1500px;
	margin:0 auto;
	padding:0 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

}
 .logo {
	 object-fit: contain;
	 width: 113px;
	 height: 32px;
	 margin: 19px 44px 20px 0;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: -webkit-flex;
	 display: flex;
	 position: relative;
}
.logo a{color:#333}

/*search*/
.search {
	position:relative;
	flex-grow: 100;
}
.icon-search{position:absolute; height:24px; top:23px; left:18px;z-index:1}
.icon-search:before{color: #c1c1c1;}
.search form{
	margin:0;
	padding: 12px 24px 0 0;
}
.search .form-item{margin:0;}
.search input.form-text{
	color: #333333;
	font-size: 16px;
	line-height: 18px;
	padding:14px 14px 14px 51px;
	box-sizing: border-box;
	border:1px solid transparent;
	background-color: #f3f3f3;
}
.search input.form-text:focus{
	border:1px solid #4fcf99;
}
.search .form-submit{display:none;}

/*menu*/
nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
ul.menu-bar{font-size: 0;display: inline-block; position:relative; height: 72px;}

ul.menu-bar, .menu-bar li {list-style:none;}
.menu-bar li {
	font-size:16px;
	display: inline-block;
	margin: 26px 0 0 24px;
	color: #333333;
	line-height: 18px;
}
.menu-bar li a {
	font-size:inherit;
	color: #333333;
}
.menu-bar li a:hover{color: rgba(51, 51, 51, 0.5); }
.menu-bar .menu-inline{margin-left:0}

.menu-bar li.rollover ul{
	right:-10px;
	width:182px;
	top: 79px;
}
.menu-bar li.rollover{margin-right:15px;padding-bottom:47px;}


/*social*/
.social{margin-left: 28px; margin-top: 24px; }
.social a:before{color: #c1c1c1;}
.social a{margin-left:8px;}
.social a:first-child{margin-left:0}
.social a:hover:before{color: rgba(193, 193, 193, 0.5);}

/* sticky menu*/
#header-wrapper.sticky-header{background:#ffffff; }

/* black header */
.black-header#header-wrapper{background:none; box-shadow:none;}
.black-header input::placeholder {color:#f8f8f8;}

.black-header#header-wrapper .search input.form-text,
.black-header .menu-bar li,
.black-header .menu-bar li a,
.black-header .menu-bar .icon-caret_down:before,
.black-header .profile-name{color: #ffffff;}

.black-header .search input.form-text{background-color: rgba(243, 243, 243, 0.16);}

.black-header .icon-search:before,
.black-header .menu-bar li a:hover{color: rgba(255, 255, 255, 0.5);}
.black-header .menu-bar li ul li a,
.black-header .menu-bar li ul li a:hover{color: #333333;}

.black-header#header-wrapper .social a:before{color: rgba(193, 193, 193, 0.5);}
.black-header#header-wrapper .social a:hover:before{color: rgba(193, 193, 193, 0.35);}

/**/
/* ojoo faq output*/
.ojoo-faq,
.payment_faq{
	background: #000000;
	margin-top: 50px;
	padding: 70px 30px;
	text-align:left;
}
.ojoo-faq h2{color: #828282; line-height:1; text-align:left;max-width:1170px;margin:auto auto 59px;}
.ojoo-faq .ojoo-faq-item{border-bottom:1px solid rgba(255, 255, 255, 0.2);max-width:1170px;	margin:auto;position:relative;}
.ojoo-faq-item .icon-caret_top_big{
	position:absolute;
	top:2px;
	right:0;
	color:#ffffff;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
	-webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}
.ojoo-faq-item.active .icon-caret_top_big{
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.ojoo-faq .ojoo-faq-a,
.ojoo-faq li{
	color:#828282;
	font-size:16px;
	line-height:24px;
}
.ojoo-faq .ojoo-faq-q{font-size:18px; line-height: 28px; color:#fff;margin:24px auto; cursor:pointer;}
.ojoo-faq .ojoo-faq-a{margin-bottom:24px;max-width:780px; display:none;}

/**/
.payment_faq h2{color: #ffffff; text-align:left;max-width:1170px;margin:auto auto 50px;}

.payment_faq p,
.payment_faq li{
	max-width:1170px;
	margin:auto;
	color:#828282;
	font-size:16px;
	line-height: 1.5;
}
.payment_faq p.payment_q{font-size:18px; color:#fff;margin:24px auto;}
.payment_faq p.payment_a{padding-bottom:27px; border-bottom:1px solid rgba(255, 255, 255, 0.2);}

/* ########  PRICING - - PRODUCTS  */
.commerce-wrapper{background:#f2f2f2}
.commerce-wrapper #maincontent{padding:0;}

.commerce-header{
	background:#000000;
	padding:72px 0 108px;
	color: #828282;
	text-align: center;
}
.commerce-header h1{
	color:#ffffff;
	padding-bottom:26px;
}

.commerce-header .products_subtitle{
	text-align: center;
	font-size:16px;
	font-family:inherit;
	line-height: 24px;
}
.commerce-header h2.products_subtitle{
    color: inherit;
    margin:0;
}
.brands-container,
.commerce-products{
	max-width: 1188px;
	margin: 0 auto 70px;
	padding: 0 22px;
	display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
	display: flex;
}
.products-container{
	margin: -28px 8px 0;
	text-align: center;
	background:#ffffff;
}

.products-header{
	padding:24px;
	line-height: 1.6;
  letter-spacing: 1.5px;
  text-align: center;
  color: #828282;
	font-size: 10px;
	text-transform:uppercase;
	border-bottom:1px solid #f2f2f2
}

.products-details{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.products-details .product_detail{
  width: 50%;
	padding: 24px 20px 42px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.products-details .product_detail:first-of-type{border-right:1px solid #f2f2f2}
.col-5 .products-details .product_detail{width:100%; border:0}

.products-details .product_title{font-size: 24px;line-height: 32px;}
.product_price { font-size: 28px;line-height: 36px; margin-top: 17px; }
.product_price .dollar-sign{
    font-size: 20px;
				line-height: 28px;
    color: #828282;
    position: relative;
    top: -5px;
    left: -5px;
    
}
.product_description{margin:23px 0 33px;position: relative;display: inline-flex;}
.product_description .icon-info {color:#dfdfdf; position: absolute;top: -1px; right: -28px; cursor:pointer;}
.product_description .info-tooltip{
	display:none;
  top: 30px;
	position: absolute;
	width: 180px;
	background: rgba(0, 0, 0, 0.7);
	padding: 9px 18px 12px;
	font-size: 12px;
	line-height: 1.5;
	color: #fff;
}
.product_description .icon-info:hover + .info-tooltip{display:block;}
.products-details .button-link {display:inline-block; padding:13px 38px}

.commerce-brands{max-width:1170px; margin:0 auto; padding:0 30px;}
.commerce-brands h2.title{font-size:10px; color: #828282;}
.brands-container{max-width:800px;flex-wrap: wrap;justify-content: center;}
.brands-container > div{
	display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
	display: flex;
	padding: 10px 20px;
  justify-content: center;
  flex-direction: column;
}

/****** FOOTER */
#footer {background:#000000; color:#ffffff; padding:50px 30px;}
.footer{max-width:1170px;margin:0 auto;position:relative;}
.footer a,
.footer .copyright{color:rgba(255, 255, 255, 0.5)}
.footer .social a:before{color:rgba(255, 255, 255, 0.3)}
.footer .copyright {margin-top:50px;text-align:center;}
.footer a:hover{color:rgba(255, 255, 255, 0.3);}
.footer .social a:hover:before{color:rgba(255, 255, 255, 0.2);}
.footer-content .logo {float:left;width:25%; margin:0 0 25px 0;}
.footer-content .links{float:left; width:55%;}
.footer-content .links .col{display:inline-block; width:26%; margin:0 3% 25px;vertical-align:top}
.footer-content h5{text-align:left; font-size:16px;color:#ffffff;margin-bottom: 20px;}
.footer-content .links .col a {display:block; margin:10px 0}
.footer-content:after{content: " "; display: table; clear: both;}
.footer-content .social{ width:20%; margin:0; text-align:right; float:right;}

/*desktop hide */
.responsive-search-button,
.responsive-menu-button,
.menu-close,
.search-close,
.mobile-text, .menu-bar li.mobile-text{
	display:none;
}
@media all and (max-width:1370px) {
	#sidebar-left{margin-left:30px}
}
@media all and (max-width:1300px) {
/*	#sidebar-left{margin: 0 30px 0 30px;}
	.container #sidebar-left{margin:0;}*/
}

@media all and (max-width:1100px) {
	nav .social {display:none}

	.menu-bar li.rollover a .profile-name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    display: table-cell;
	}
	.page-bg-wrapper #sidebar-left{position:relative; display:none}	
	
	.container #sidebar-left{position:relative; top:-20px; width:auto; display:block; text-align:center;
	white-space: nowrap; overflow-y: hidden; overflow-x: auto; margin: 0 -19px;}
	ul.secondary li, ul.secondary li a{display:inline-block}
	#sidebar-left ul.secondary li a{padding:6px;margin: 0 6px;}
	#sidebar-left ul.secondary li a:hover,#sidebar-left ul.secondary li a.active{background:none}
}

@media all and (max-width:990px) {
	.search {width: 200px;}
	.menu-bar li {font-size: 14px;}
	.menu-bar li.rollover {margin-right:0}
	.menu-bar li.rollover a .profile-name{max-width: 90px;}
}

@media all and (max-width:768px) {
	.mobile-text{display:block !important}
	.desktop-text{display:none !important}

	.ojoo-login-box h1{ text-align:center; font-size: 34px;}
	.ojoo-login-box .login_subtitle{ text-align:center; }

	.profile-wrapper h1,
	h1.title{padding: 20px 10px;font-size: 42px; line-height:1;box-sizing: border-box;}
.ojoo-wrapper h1, .ojoo-wrapper h1 a{padding: 0px 10px;}
	h2.title, h2.title a{margin-bottom: .9em;}
	
	.ojoo-user{padding:24px 0}
	.container #sidebar-left{top:-13px; }
	.ojoo-section {padding: 24px 32px;}
	.profile-details {font-size: 16px;line-height: 24px;}
	.profile-account-header{margin-bottom:6px}
	.profile-description.description{margin: 14px 48px 17px 0;}
	.section-content-border {margin: 0 -32px;padding: 0px 32px;}
	.section-content-border .profile-account-header {margin-top: 17px;}
	.ojoo-section .table-row > div:first-of-type{width:35%}
	.ojoo-section .table-row > div{white-space: nowrap;}

	.flex.free-account{display:block}
	.flex.free-account .profile-description.description{margin:4px 0px 16px 0}
	
	.ojoo-wrapper .sort-widget{margin-top:0}
	.black-header .icon-menu:before,
	.black-header .search-close.icon-close:before,
	.black-header .icon-search:before{color: #ffffff;}
	.black-header#header-wrapper{box-shadow: inset 0 -1px 0 0 rgba(228, 228, 228, 0.16);}

	.header{padding: 16px 20px 14px; display:block;}
	.logo{float:none;text-align:center;margin:0 auto;}
	.responsive-menu-button{cursor:pointer;position:absolute;top:16px;display:block;}

	nav {
		width:280px;
		background:#000;
		bottom: 0;
		display: none;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		z-index: 1;
	}
	ul.menu-bar{display:block; padding:90px 0 10px 0;height: auto;}
	.menu-bar li {
		margin:0;
		font-size:16px;
		line-height:18px;
		padding:0 24px;
		display:block;
	}
	.menu-bar li a{padding: 12px 0;display:block;}
	.menu-bar li,
	.menu-bar li a{color: #ffffff;}
	.menu-bar li a:hover{color: rgba(255, 255, 255, 0.5); }
	.menu-bar li.rollover ul,
	.menu-bar li.rollover:hover ul, .menu-bar li.rollover ul:hover{
		display:block;
		position:relative;
		right:auto;
	}
	.menu-bar li.rollover a .profile-name{
		white-space:normal;
  max-width: inherit;
  display: block;
		color: #ffffff;
	}
	.menu-bar li.rollover ul{width:auto; top: 18px;}
	.menu-bar li.rollover ul:before{display:none}
	.menu-bar li.rollover ul li:first-of-type{padding-top: 18px;border-radius:0; box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2);}
	.menu-bar li.rollover ul li{padding: 0;font-size:14px; background-color:inherit;}
	.menu-bar li.rollover ul li.last{padding: 0;}
	.menu-bar li.rollover ul li.last a{ border:none;}
	.menu-bar li.rollover ul li a{color:rgba(248, 248, 248, 0.5) !important; padding:0; line-height:40px;}
	.menu-bar li.rollover ul li a:hover, .menu-bar li.rollover ul li a:focus{color:rgba(248, 248, 248, 0.3) !important; background-color:transparent;}

	.icon-menu:before,
	.responsive-search-button:before{font-size:32px;color: #000000}
	.icon-search:before{font-size:32px;}
	.menu-close{
		display:block;
		position:absolute;
		left:20px;
		top:16px;
		cursor:pointer;
		color: #fff;
	}
	.menu-bar .icon-caret_down{display:none}
	.responsive-menu-button:hover,.responsive-search-button:hover,
	.menu-close:hover, .menu-close:focus{opacity:.5;}
	.responsive-search-button{cursor:pointer; position:absolute; top:15px; right:20px;left: inherit; display:block;}
	.search .icon-search{top: 22px;left: 2px;}
	#header-wrapper .search {width: 100%;left: 0; top: 0;display:none; box-shadow:none !important;}
	#header-wrapper .search form {padding: 14px 0 0 0; margin:0 -9px;}

	.commerce-header{padding-bottom:78px}
	.brands-container,
	.commerce-products{margin-bottom:54px}
	.commerce-products{display:block}
	.products-container {width:auto;margin: -22px auto 64px;}
	.products-header{font-size:10px;padding:16px 16px 14px; }
	.commerce-header h2{line-height: 1.56;}
	.products-details .product_detail{padding: 24px 10px;}
	.products-details .product_title{ font-size:16px;font-weight: 500;}
	.product_price{margin-top: 13px;}
	.product_description{font-size: 14px; display:block; height: 40px;}
	.product_description .icon-info{display:block; position:relative; right:auto; top: 7px; width: 24px; margin: 0 auto;}
	.product_description .info-tooltip{top:50px}
  .products-details .button-link{padding-left:32px; padding-right:32px; margin-top:10px;line-height: normal;letter-spacing: 0.4px;}
	.brands-container > div{padding:10px}
	.brands-container > div img{width:70%}

	.ojoo-faq h2 {font-size: 24px}
	.ojoo-faq .ojoo-faq-item{padding-right: 45px;}

	.footer-content .logo,
	.footer-content .links,
	.footer-content .links .col,
	.footer-content .social{
		text-align:center;
		float:none;
		display:block;
		width:auto;
	}
	.footer-content .logo {display:none}
	.footer .copyright {margin-top:0;}
	.footer-content h5{text-align:center;}

	.optanon-show-settings-popup-wrapper .optanon-show-settings-middle a.optanon-show-settings{text-align:center;}
}

.g-recaptcha{margin-bottom:20px;}

/* OneTrust Cookies */

.optanon-show-settings-popup-wrapper #optanon-show-settings-popup #optanon-show-settings-popup-inner{display:none !important}
.optanon-show-settings-popup-wrapper .optanon-show-settings-middle{
	background:none !important;border:none;float:none;height:auto !important; padding: 1px 0 0 !important;
}
.optanon-show-settings-popup-wrapper .optanon-show-settings-middle a.optanon-show-settings{
	font-family: "HelveticaNeueLTPro-Roman", Helvetica, sans-serif;font-weight:normal;color: rgba(255, 255, 255, 0.5) !important;margin-top: 0 !important;
}
.optanon-show-settings-popup-wrapper .optanon-show-settings-middle a.optanon-show-settings:hover{color:rgba(255, 255, 255, 0.3)!important;}
.optanon-show-settings-popup-wrapper .optanon-show-settings-left,
.optanon-show-settings-popup-wrapper .optanon-show-settings-right{display:none}

#optanon, #optanon *, #optanon div, #optanon span, #optanon ul, #optanon li, #optanon a, #optanon p, .optanon-alert-box-wrapper *{
font-family: "HelveticaNeueLTPro-Roman", Helvetica, sans-serif;
}
#optanon.modern #optanon-popup-top{border-top-right-radius:4px !important}
#optanon.modern #optanon-popup-top, #optanon.modern #optanon-popup-body-left-shading{border-top-left-radius:4px !important}
#optanon #optanon-popup-bottom{border-bottom-left-radius:4px !important; border-bottom-right-radius:4px !important}
#optanon #optanon-popup-body h2{font: 500 1.7em "HelveticaNeueLTPro-Lt", Helvetica, sans-serif !important; top: -62px !important;}
#optanon #optanon-menu li p a {font-size:13px !important; font-weight:normal !important;}