/* ### UNIVERSAL ############################################################ */
@font-face {
    font-family: 'Gotham';
    font-weight: bold /* 700 */
;
    font-style: normal;
    src: url('../font/gothamhtf-bold-webfont.eot'); /* IE9 Compat Modes */
    src: url('../font/gothamhtf-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/gothamhtf-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/gothamhtf-bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/gothamhtf-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/gothamhtf-bold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Gotham';
    font-weight: 300;
    font-style: normal;
    src: url('../font/gothamhtf-light-webfont.eot'); /* IE9 Compat Modes */
    src: url('../font/gothamhtf-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/gothamhtf-light-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/gothamhtf-light-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/gothamhtf-light-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/gothamhtf-light-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 900;
    font-style: normal;
    src: url('../font/montserrat-black-webfont.eot'); /* IE9 Compat Modes */
    src: url('../font/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/montserrat-black-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/montserrat-black-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/montserrat-black-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/montserrat-black-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 800;
    font-style: normal;
    src: url('../font/montserrat-extrabold-webfont.eot'); /* IE9 Compat Modes */
    src: url('../font/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/montserrat-extrabold-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/montserrat-extrabold-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/montserrat-extrabold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/montserrat-extrabold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Montserrat';
    font-weight: bold /* 700 */
;
    font-style: normal;
    src: url('../font/montserrat-bold-webfont.eot'); /* IE9 Compat Modes */
    src: url('../font/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/montserrat-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/montserrat-bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/montserrat-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/montserrat-bold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 600;
    font-style: normal;
    src: url('../font/montserrat-semibold-webfont.eot'); /* IE9 Compat Modes */
    src: url('../font/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/montserrat-semibold-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/montserrat-semibold-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/montserrat-semibold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/montserrat-semibold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Montserrat';
    font-weight: normal /* 400 */
;
    font-style: normal;
    src: url('../font/montserrat-regular-webfont.eot'); /* IE9 Compat Modes */
    src: url('../font/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/montserrat-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/montserrat-regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/montserrat-regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/montserrat-regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 300;
    font-style: normal;
    src: url("../font/montserrat-light-webfont.eot"); /* IE9 Compat Modes */
    src: url("../font/montserrat-light-webfont.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../font/montserrat-light-webfont.woff2") format('woff2'), /* Super Modern Browsers */ url("../font/montserrat-light-webfont.woff") format('woff'), /* Pretty Modern Browsers */ url("../font/montserrat-light-webfont.ttf") format('truetype'), /* Safari, Android, iOS */ url("../font/montserrat-light-webfont.svg#svgFontName") format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 200;
    font-style: normal;
    src: url('../font/montserrat-ultralight-webfont.eot'); /* IE9 Compat Modes */
    src: url('../font/montserrat-ultralight-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/montserrat-ultralight-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/montserrat-ultralight-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/montserrat-ultralight-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/montserrat-ultralight-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 100;
    font-style: normal;
    src: url('../font/montserrat-hairline-webfont.eot'); /* IE9 Compat Modes */
    src: url('../font/montserrat-hairline-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/montserrat-hairline-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/montserrat-hairline-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/montserrat-hairline-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/montserrat-hairline-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Nilland';
    font-weight: 900;
    font-style: normal;
    src: url('../font/nilland-black-webfont.eot'); /* IE9 Compat Modes */
    src: url('../font/nilland-black-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/nilland-black-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/nilland-black-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/nilland-black-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/nilland-black-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Nilland';
    font-weight: 800;
    font-style: normal;
    src: url('../font/nilland-extrabold-webfont.eot'); /* IE9 Compat Modes */
    src: url('../font/nilland-extrabold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/nilland-extrabold-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/nilland-extrabold-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/nilland-extrabold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/nilland-extrabold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Nilland';
    font-weight: bold /* 700 */
;
    font-style: normal;
    src: url('../font/nilland-bold-webfont.eot'); /* IE9 Compat Modes */
    src: url('../font/nilland-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/nilland-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/nilland-bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/nilland-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/nilland-bold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Nilland';
    font-weight: normal /* 400 */
;
    font-style: normal;
    src: url('../font/nilland-webfont.eot'); /* IE9 Compat Modes */
    src: url('../font/nilland-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/nilland-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/nilland-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/nilland-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/nilland-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
* {
    box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
body, div, ul, li, a, p, hr, img, fieldset, button, .no_space, article, header {
    margin: 0;
    border: none;
    padding: 0;
    text-rendering: optimizeLegibility;
}
body {
    color: #58585a;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 17px;
    font-weight: 300;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    background: #3c3c3e;
}
body.windowed {
    background: #FFFFFF;
    line-height: 1.25em;
    text-align: left;
    width: auto;
    height: auto;
}
body.windowed.landscape {
    background: transparent;
    line-height: 1.25em;
    text-align: left;
    width: auto;
}
body.windowed h3 {
    font-size: 1em;
    float: none;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    width: auto;
}
body.windowed ul {
    list-style-type: disc;
    padding-left: 20px;
}
body.windowed p {
    margin: 0.5em 0 0;
}
body.access_forbidden {
    background: url('../images/Logo.png') no-repeat fixed center center #000000;
    height: 100%;
}
body.access_forbidden .content {
    background-color: #F0F0F1;
    margin: 10% auto;
    width: 80%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    opacity: 0.93;
}
body.access_forbidden .content > * {
    opacity: 1.0;
}
object {
    z-index: 1;
}
.v-split-view {
    clear: both;
}
.v-split-view .left {
    position: relative;
    float: right;
    clear: left;
    width: 38%;
    right: 62%;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: right;
    padding-right: 3px;
}
.v-split-view .right {
    position: relative;
    float: left;
    width: 62%;
    left: 38%;
    border: 0;
    padding: 0;
    margin: 0;
}
input,
textarea {
    /* Has to be defined separately from all other font styles: */
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 300;
    font-size: 11px;
}
span.block,
label.block,
em.block {
    display: block;
    margin-right: 5px;
    text-align: right;
}
/*Headlines*/
h1 {
    border-bottom: 1px solid #58585a;
    padding: 4px 0;
    font-size: 16px;
    line-height: 18px;
    margin: 10px 0;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 300;
    text-transform: capitalize;
}
h1.magenta {
    border-color: #E66788;
}
h1.green {
    border-color: #84B518;
}
h1.blue {
    border-color: #33a8e0;
}
/*Super Headlines*/
h2 {
    font-size: 24px;
    line-height: 26px;
    margin: 16px 0;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
}
h2 em {
    font-style: normal;
    font-weight: 600;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
}
/* Lauftext Headlines*/
h3 {
    font-size: 12px;
    line-height: 16px;
    margin: 16px 0;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.h2_headline_extension {
    display: inline-block;
    line-height: 24px;
    margin: 16px 0;
}
.h3_headline_extension {
    display: inline-block;
    line-height: 16px;
    margin: 12px 0;
}
.h4_headline_extension {
    display: inline-block;
    line-height: 16px;
    margin: 0;
}
h5 {
    margin: 0.5em 0;
}
h6 {
    font-size: 22px;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
    margin-top: 16px;
    margin-bottom: 8px;
    line-height: 22px;
}
h3.toggler, h3.ruler {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    border-bottom: 1px solid #33a8e0;
    width: 100%;
    padding: 0;
    margin-top: 0;
    text-transform: none;
}
h1.toggler, h1.ruler {
    margin: 0;
    background-color: transparent;
    border-bottom: 1px solid #9B9C9E;
    text-transform: none;
}
h3.ruler {
    border-bottom: 1px solid #9B9C9E;
}

.secret-links-container .stats-button {
	vertical-align: bottom;
	background-size: 800px 800px;
	background-position: -525px -525px;
}

.secret-links-container .stats-button:hover {
	background-position: -525px -550px;
}

.secret-links-container .stats-button:active {
	background-position: -525px -550px;
	background-color: lightgray;
}

.secret-links-container .delete_button {
	vertical-align: bottom;
	background-size: 800px 800px;
	background-position: -0px -525px;
}

.secret-links-container .delete_button:hover {
	background-position: -0px -550px;
}

.secret-links-container .delete_button:active {
	background-color: lightgray;
	background-position: -0px -550px;
}

.Project .delete_button {
	vertical-align: bottom;
	width: 25px;
	height: 25px;
	margin-top: 5px;
	background-size: 800px 800px;
	background-position: -0px -525px;
}

.Project .delete_button:hover {
	background-position: -0px -550px;
}

.Project .delete_button:active {
	background-color: lightgray;
	background-position: -0px -550px;
}


h1.toggler a,
h2.toggler a.h2_headline_extension,
h3.toggler a,
a.edit_toggler,
a:link.edit_toggler,
span.edit_toggler,
.delete_button,
.stats-button {
    background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-size: 800px 800px;
	background-position: -200px -525px;
    cursor: pointer;
    height: 25px;
    width: 25px;
    margin: 0px 0 0;
    overflow: hidden;
    display: inline-block;
	vertical-align: bottom;
    background-color: rgba(255, 255, 255, .4);
}
/*edit icon for artist sheets in white*/
.artist_sheet .box.one span.edit_toggler, .artist_sheet .box.two span.edit_toggler, .artist_sheet .box.three span.edit_toggler, .artist_sheet .box.two a.edit_toggler{
    background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-size: 800px 800px;
	background-position: -775px -525px;
    cursor: pointer;
    height: 25px;
    width: 25px;
    margin: 0px 0 0;
    overflow: hidden;
    display: inline-block;
	vertical-align: bottom;
    background-color: rgba(255, 255, 255, .2);
}


.nav_container,
.nav_container > *,
.nav_container .delete_button {
    vertical-align: top;
    margin: 0;
}

.stats-button {
    background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-position: -674px -673px;
}
.stats-button:hover {
    background-position: -674px -706px;
}
.stats-button:active {
    background-position: -674px -706px;
	background-color: lightgray;
}
.disabled .stats-button {
    background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-position: -550px -525px;
}
.disabled .stats-button:hover {
    background-position: -550px -550px;
}
.disabled .stats-button:active {
    background-position: -550px -550px;
	background-color: lightgray;
}
.disabled a:link.edit_toggler {
    background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-position: -575px -525px;
}
.disabled a:link.edit_toggler:hover {
    background-position: -575px 550px;
}
.disabled a:link.edit_toggler:active {
    background-position: -575px 550px;
	background-color: lightgray;
}

.delete_button {
    cursor: pointer;
	background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-position: 0px -525px;
}
.delete_button:hover {
    background-position: 0px -550px;
}
.delete_button:active {
    background-position: 0px -550px;
	background-color: lightgray
}
h1.close_to_content,
h2.close_to_content,
h3.close_to_content {
    margin-bottom: 0;
}
h1.toggler a,
h2.toggler a.h2_headline_extension,
h3.toggler a {
    display: block;
    float: right;
}
h1.toggler a.edit_toggler,
h1.toggler a {
    margin: -3px 0 0 0;
}

h1.toggler a:hover,
h2.toggler a.h2_headline_extension:hover,
h3.toggler a:hover,
a.edit_toggler:hover,
span.edit_toggler:hover {
	background-position: -200px -550px;
}
/*edit icon for artist sheets in white*/
.artist_sheet .box.one span.edit_toggler:hover, .artist_sheet .box.two span.edit_toggler:hover, .artist_sheet .box.three span.edit_toggler:hover, .artist_sheet .box.two a.edit_toggler:hover {
	background-position: -775px -550px;
}

h1.toggler a:active,
h2.toggler a.h2_headline_extension:active,
h3.toggler a:active,
a.edit_toggler:active,
span.edit_toggler:active {
	background-position: -200px -550px;
	background-color: lightgray;
}
h3.toggler.used a {
    background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-position: -200px -525px;
    cursor: default;
}
.info_text {
    font-size: 9px;
    line-height: 11px;
}
hr {
    color: #58585A;
    border-bottom: 1px solid #f4f4f4;
}
hr.blue {
    border-bottom-color: #33a8e0;
}
a {
    color: #33a8e0;
    /*font-weight: normal;*/
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    text-decoration: none;
    /*font-weight: 600;*/
}
a.dark,
a.selected,
a:hover {
    color: #0074A2;
}
a.dark:hover {
    color: #005492;
}
a.green.selected,
a.green:hover {
    color: #649500;
}
a.magenta.selected,
a.magenta:hover {
    color: #C64768;
}
a.yellow.selected,
a.yellow:hover {
    color: #FFEE43;
}
a:link {
    background-color: transparent;
}
.required,
.error {
    color: #E66788 !important;
}
.notify {
    color: #F8BE03 !important;
}
.success {
    color: #84B518 !important;
}
.yellow {
    color: #F8BE03;
}
.green {
    color: #84B518;
}
.magenta {
    color: #E66788;
}
.light-magenta {
    color: #FF87A8;
}
.grey {
    color: #9B9C9E;
}
.blue {
    color: #33a8e0;
}
.disabled .secret-link,
.disabled {
    color: #B8B8BA;
}
.admin-secret-link a {
    color: #E66788;
}
.admin-secret-link a:hover {
    color: inherit;
}
.cursor_default {
    cursor: default;
}
.bg_yellow {
    background-color: #F8BE03;
}
.bg_green {
    background-color: #84B518;
}
.bg_magenta {
    background-color: #E66788;
}
.bg_lightblue {
    background-color: #ECF6FA;
}
span.spacer {
    display: inline-block;
}
.spacer {
    width: 15px;
    height: 15px;
}
.spacer.vertical {
    width: auto;
}
.spacer.horizontal {
    height: auto;
}
label,
.label {
    color: #B1B1B2;
}
td.tooltip,
p.tooltip,
div.tooltip,
span.tooltip {
    cursor: default;
}
.ui-tooltip .label {
    color: #919192;
}
label:hover,
.label:hover {
    color: #B1B1B2;
}
a:hover label,
a:hover .label {
    color: #919192;
}
.label.artist {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 300;
}
select {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 300;
}
form label,
form label:hover {
    color: #98989A;
}
.vertical_align_top {
    vertical-align: top;
}
.vertical_align_middle {
    vertical-align: middle;
}
.vertical_align_bottom {
    vertical-align: bottom;
}
.help {
    cursor: help;
}
.readonly {
    opacity: 0.4;
}
.autowidth {
    width: auto;
}
.bold {
    font-weight: 500;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
}
.underline_full {
    color: #58585A;
    padding-bottom: 5px;
    border-bottom: 1px solid #58585A;
}
.underline {
    text-decoration: underline;
}
.dottedline {
    border-bottom: 2px dotted;
    margin: 0 0 0.5em;
    padding: 0;
    width: 100%;
    color: #1FA6DA;
}
hr.dotted {
    border-bottom: 1px dotted;
}
.font_weight_normal {
    font-weight: normal;
}
.font_weight_bold {
    font-weight: 600;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
}
.mega_font {
    font-size: 34pt;
}
.large_font {
    font-size: 24pt;
}
.medium_font {
    font-size: 18pt;
}
.normal_font {
    font-size: 12pt;
}
.small_font {
    font-size: 10pt;
}
.tiny_font {
    font-size: 9pt;
}
/* ### SIZING STYLES ######################################################## */
.box_extra_small,
.box_small,
.box_medium,
.box_large {
    display: inline-block;
}
.box_extra_small {
    width: 50px;
}
.box_small {
    width: 110px;
}
.box_medium {
    width: 200px;
}
.box_large {
    width: 300px;
}
.bigger {
    font-size: 1.5em;
    line-height: 1.5em;
}
.smaller {
    font-size: 0.8em;
}
/* ### FLOATING STYLES ###################################################### */
.float_right {
    float: right;
}
.float_left {
    float: left;
}
.clear {
    clear: both;
}
.clear_left {
    clear: left;
}
.clear_right {
    clear: right;
}
.display_none {
    display: none;
}
.inline {
    display: inline !important;
}
.inline_block {
    display: inline-block !important;
}
.block {
    display: block !important;
}
.hidden {
    visibility: hidden;
}
.visible {
    visibility: visible;
}
/* ### DISTANCE STYLES ###################################################### */
.content_centered > * {
    margin-left: auto;
    margin-right: auto;
}
.content_centered {
    text-align: center;
}
.margin_centered {
    margin-right: 33%;
}
.indent {
    padding-left: 25px;
}
.indent_m {
    margin-left: 10px;
}
.close_to_heading {
    margin-top: -10px;
}
/* ### TEXT STYLES ########################################################## */
.text_align_left {
    text-align: left;
}
.text_align_right {
    text-align: right;
}
.text_align_center {
    text-align: center;
}
.text_small {
    font-size: 11px;
    line-height: 1.2em;
}
.nowrap {
    white-space: nowrap;
}
.text_line_through {
    text-decoration: line-through;
}
.break_word {
    word-wrap: break-word;
}
.break_all {
    word-break: break-all; /* Safari and Chrome */
    -ms-word-break: break-all; /* Internet Explorer 8 */
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+, 6, 7, 8 compability-mode */
}
.paragraph {
    padding: .5em 0;
}
.paragraph_allsides {
    padding: .5em;
}
.no_text_transform {
    text-transform: none;
}
/* ### TABLE STYLES ######################################################### */
.table {
    display: table;
    border-collapse: collapse;
}
.tr {
    display: table-row;
}
.td {
    display: table-cell;
}
.table.small_space > .tr > .td {
    padding-right: 4px;
}
.table.medium_space .td {
    padding-right: 10px;
    padding-bottom: 10px;
}
.table.large_space .td {
    padding-right: 25px;
    padding-bottom: 25px;
}
.td.indent {
    padding-left: 25px;
}
.full_width {
    width: 100%;
}
.half_width {
    width: 50%;
}
.full_height {
    height: 100%;
}
.golden_ratio_a {
    width: 62%;
}
.golden_ratio_b {
    width: 38%;
}
/* ### HIDING STYLES ######################################################## */
.display_none {
    display: none;
}
/* ################################################################################ */
/* ### FORM STYLES ################################################################ */
/* ################################################################################ */
input, textarea {
    border: 1px solid rgba(88, 88, 90, 0.3);
}
input[disabled] {
    color: #A1A1A2;
    border-color: #FBFBFB !important;
    background-color: #FBFBFB;
}
input[type=text],
input[type=password],
input[type=week],
input[type=month],
input[type=time],
input[type=date],
input[type=datetime],
input[type=email],
input[type=url],
input[type=tel],
input[type=range],
input[type=search],
input[type=number]
{
    border-radius: 1px;
}
.input_mask,
form {
    background-color: #E6F6FB;
    color: #58585A;
    font-size: 12px;
    border: none;
    border-top: 2px solid #009ED0;
    border-bottom: 2px solid #009ED0;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 300;
}
.input_mask.blank .fieldset,
form.blank fieldset {
    padding: 0;
}
.input_mask h1,
form h1,
.view_part .headline {
    margin: 0;
    background-color: #FFFFFE;
    border-bottom: 2px solid #33A8E0;
    text-transform: none;
}
.input_mask .table .tr .td,
form .table .tr .td {
    padding: 0 3px 3px 0;
}
.input_mask .table.no_space .tr .td,
.input_mask .table .tr .td.no_space,
form .table.no_space .tr .td,
form .table .tr .td.no_space {
    padding: 0 3px 0 0;
}
.light-box .input_mask.blank,
.light-box form.blank,
form.blank {
    background-color: transparent;
    border: none;
}
h1 .info,
h2 .info,
h3 .info,
.input_mask .info,
form .info {
    color: #919192;
    font-size: 0.85em;
    line-height: 1em;
}
form .pictureBox {
    background: url(../images/bg_cover.png) no-repeat scroll left top transparent;
    margin-right: 15px;
}
form .pictureBox img {
    padding: 8px;
}
.Request .Invites form,
.Project .Invites form {
    background-color: #E0F4CA;
    border-color: #009E30;
}
.Request .Invites form h1,
.Project .Invites form h1 {
    border-color: #009E30;
}
.ui-widget-header {
    background-image: none !important;
    background-color: #58585A !important;
    border: 1px solid #58585A !important;
}
/* ### INPUT ELMENT STYLES ################################################## */
/* standard Button-Images: */
button,
a.button,
.qq-upload-button,
.qq-upload-button > em {
    color: #FFF;
    background: #595E60;
    border-radius: 1px;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    width: auto;
    line-height: 26px;
    font-size: 14px;
    font-weight: 200;
    margin: 0;
    border: none;
    padding: 0 16px;
    cursor: pointer;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}
a.button:active,
button:active {
    box-shadow: inset 0 0 8px 2px #004472, 0 1px 0 0 #002781;
}
button em,
a.button em {
    font-style: normal;
    text-transform: uppercase;
}
button,
a.button,
.qq-upload-button {
    background: #595E60;
    border: 1px solid #595E60;
}
button:hover,
a.button:hover,
.qq-upload-button:hover {
    background-color: #494E50;
    border-color: #494E50;
}
button:active,
a.button:active,
.qq-upload-button:active {
    background-color: #393E40;
    border-color: #393E40;
    box-shadow: inset 0 0 4px rgba(0,0,0,.3);
}
button.white-framed,
a.button.white-framed {
    background: transparent;
    border: 1px solid #FFFFFE;
}
button.white-framed:hover,
a.button.white-framed:hover {
    background-color: #FFFFFE;
    color: initial;
}
a.button.magenta,
button.magenta {
    color: #FFF !important;
    background: #E66788;
    border-color: #E66788;
}
button.magenta:hover,
a.button.magenta:hover {
    background-color: #D65778;
    border-color: #D65778;
}
button.magenta:active,
a.button.magenta:active {
    background-color: #C64768;
    border-color: #C64768;
}
a.button.grey,
button.grey {
    color: #FFF !important;
}
a.button.blue,
button.blue {
    color: #FFF !important;
    background: #33a8e0;
    border-color: #33a8e0;
}
a.button.blue:hover,
button.blue:hover {
    background-color: #2890C3;
    border-color: #2890C3;
}
a.button.blue:active,
button.blue:active {
    background-color: #1E77A1;
    border-color: #1E77A1;
}
a.button.green,
button.green {
    color: #FFF !important;
    background: #84B518;
    border-color: #84B518;
}
a.button.green:hover,
button.green:hover {
    background-color: #74A508;
    border-color: #74A508;
}
a.button.green:active,
button.green:active {
    background-color: #649500;
    border-color: #649500;
}
a.button.download.grey,
button.download.grey > span {
     background-image: url(../images/btn_download_grey.png);
}
button.download > span,
a.button.download {
    padding: 0 10px 0 24px;
    margin: 0;
}
button.play,
a.button.play,
button.pause,
a.button.pause {
    background-image: url(../images/icons.svg);
    background-size: 1600px 1600px;
    height: 50px;
    width: 50px;
    border: 0;
    background-color: transparent;
}
button.play,
a.button.play {
    background-position: 0 -1250px;
}
button.play:hover,
a.button.play:hover {
    background-position: -50px -1250px;
}
button.pause,
a.button.pause {
    background-position: -100px -1250px;
}
button.pause:hover,
a.button.pause:hover {
    background-position: -150px -1250px;
}
button.play span,
button.play span > em {
    padding: 0;
    margin: 0;
}
.qq-upload-button input[type=file] {
    width: 124px;
}
button.small,
a.button.small {
    height: 18px;
    line-height: 18px;
    font-size: 10px;
}
.button.upload_picture_cancel {
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: -5px;
}
a.button:hover {
    text-decoration: none;
}

a.button.play:hover,
button.play:hover > span {
    background-position: -50px -1250px;
}
a.button.play:active,
button.play:active > span {
    background-position: 0 -1250px;
}
a.button.remove,
button.remove {
    background: transparent url(../images/icons.svg) no-repeat;
    background-size: 512px 512px;
    background-position: -160px -480px;
}
a.button.add,
button.add {
    background: transparent url(../images/icons.svg) no-repeat;
    background-size: 512px 512px;
    background-position: -160px -464px;
}
a.button.remove,
a.button.add,
button.remove,
button.add {
    width: 16px;
    height: 16px;
    margin: 0;
    border: 0;
    padding: 0;
}
a.button.add:hover,
button.add:hover {
    background-color: transparent;
    background-position: -176px -464px;
}
a.button.remove:hover,
button.remove:hover {
    background-color: transparent;
    background-position: -176px -480px;
}
/* SLIDER STYLE */
.slider {
    margin: 10px 0 5px;
}
input.slider_value {
    border: none;
    background-color: #E6F6FB;
    color: #58585A;
    margin: 0 0 1em;
}
/* ### SOUNDCLOUD IMPORT #################################################### */
.soundcloud-button {
    display: inline-block;
    background: transparent url(../images/btn-connect-sc-l.png) no-repeat scroll top left;
    width: 242px;
    height: 29px;
    opacity: 0.8;
}
.soundcloud-button:hover {
    opacity: 1.0;
}
.soundcloud-button:active {
    opacity: 0.8;
}
ul.sctracks {
    margin: 5px 0;
    list-style: none;
}
ul.sctracks li {
    margin-top: -2px;
}
ul.sctracks li form label {
    padding: 3px 10px;
    display: inline-block;
}
ul.sctracks li form input[type=checkbox] {
    display: inline-block;
    margin: 0 10px 0 0;
}
ul.sctracks li form img {
    width: 280px;
    height: 48px;
    vertical-align: middle;
    background-color: #7F7F7F;
}
/* ### CONTAINER VIEW STYLES ################################################ */
body.windowed #view {
    padding: 24px;
    text-align: left;
}
#error_box {
    font-weight: 300;
    font-size: 12px;
    background: #3C3C3E;
    color: #B1B1B2;
    display: block;
    position: fixed;
    top: 42px;
    right: 4px;
    padding: 16px;
    border-radius: 1px;
    z-index: 99;
    text-align: left;
}
#error_box .label {
    color: #FFFFFE;
}
#error_box .close {
    position: absolute;
    top: 0;
    right: 0;
}
#error_box .close a {
    width: 28px;
    height: 28px;
    display: block;
    vertical-align: middle;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #3C3C3E;
    background: #9B9C9E;
}
#error_box .close a:hover {
    color: #2C2C2E;
    background: #ABACAE;
}
#main_container {
    background-color: #F7F6F5;
    padding: 35px 0 0 0;
    width: 100%;
}
#main_container.site-navi-disabled {
    padding: 0;
    background-position: left 0;
}
#main_container .site-header h1.site-title {
    border-bottom: 3px solid #58585A;
    padding: 4px 0;
    font-size: 16px;
    line-height: 18px;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}
.blank-template #main_container {
    background: #FFFFFE;
}
.blank-template .page_container {
    background: #F7F6F5;
}
body.home .page_container {
    width: 100%;
    padding: 0;
}
body.tnf.home .page_container #view,
body.tnf.home .page_container #view_full {
    padding: 0;
}
.page_container {
    background: #FFFFFE;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    min-height: 80vh;
}
.page_navigation,
.light-box .view_navigation {
    text-align: left;
    font-size: 17px;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
    line-height: 12px;
}
.page_navigation li a {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 500;
}
.light-box .view_navigation {
    padding-left: 0px;
}
.page_navigation h1 {
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    min-height: 34px;
}
.page_navigation ul {
    list-style: none;
}
.page_navigation > ul > li {
    border-bottom: 1px solid #f4f4f4;
}
.page_navigation > ul > li > a,
.page_navigation > ul > li > span {
    display: block;
    line-height: 30px;
    text-transform: capitalize;
}
.page_navigation > ul > li > a.selected span.td {
    width: 100%;
}
.page_navigation > ul > li > a.selected span.pointer {
    display: inline-block;
    vertical-align: middle;
    background-color: transparent !important;
    margin-right: -24px;
    margin-top: -14px;
    margin-bottom: -10px;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 14px solid #F5F5F6;
    color: transparent;
}
.page_navigation > ul > li > a {
    padding: 8px 0;
}
.page_navigation > ul > li > a > span.table > span.tr > span.td {
    padding-left: 8px;
}
.page_navigation ul li:active a,
.page_navigation ul li.active a {
    color: #0074A2;
}
.page_navigation .message_panel ul {
}
.page_navigation form {
    border-top: none;
    border-bottom: 1px solid rgba(88, 88, 90, 0.3);
}
.page_navigation form fieldset {
    padding: 8px;
}
.page_navigation form input[name=kw] {
    float:left;
    width: 70%;
    padding: 2px 5px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    margin-right: 1.8%;
    border: 1px solid rgba(88, 88, 90, 0.3);
}
.page_navigation form input[name=kw] + button{
    float:left;
    width: 26.2%;
    padding: 0 4px;
}
.page_navigation input[name=kw] + button + * {
    clear: left;
}
.page_navigation.right {
    float: left;
}
.page_container #view,
.light-box .view {
    margin: auto;
    padding-bottom: 24px;
}
.light-box .view {
    padding-right: 0px;
}
.page_container #view > h1 {
    white-space: nowrap;
    overflow: hidden;
}
.page_container #view > h1 > a.delete {
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
    margin-bottom: -3px;
    float: right;
}
.page_container #view_full {
    width: 100%;
    padding: 0;
}
.page_navigation .user-or-artist-img > a {
    display: block;
}
.page_navigation .top-list {
    line-height: 20px;
    font-size: 12px;
    margin: 1em 0;
}
.visibility_search .top-list {
    padding-top: 210px;
}
.visibility_search .search_additional + h1 + .top-list {
    padding-top: 0;
}
.top-list .line {
    line-height: 2.2em;
}
.page_navigation .top-list input[type="checkbox"] {
    visibility: hidden;
    position: absolute;
    top:-100%;
}
.page_navigation .top-list span {
    color: #58585a;
    margin-right: 5px;
    background: #f2f2f2;
    padding: 2px 4px;
    border-radius: 3px;
    font-weight: 400;
}
.page_navigation .top-list input:checked+span {
    color: #ffffff;
    background: #84B518;
}
.page_navigation .top-list input:checked+span {
    background: #33a8e0;
}
.page_navigation .top-list span:hover {
    color: #262627;
}
.page_navigation .top-list input:checked+span:hover {
    color: #ffffff;
}
/* 2012-08-28 13:00 <konstantin.madeheim@novastorm.de> -- cloned and modified splash content container to tweak static info pages into wireframe conformity */
.page_container #view_full_new {
    width: 100%;
    padding: 0;
}
ul.on_page_navigation {
    text-align: center;
    display: table;
    width: 100%;
    list-style: none;
}
ul.on_page_navigation > li {
    display: table-cell;
    border-collapse: collapse;
}
ul.on_page_navigation > li:last-child {
    border-right: none;
}
ul.on_page_navigation > li > * > * {
    padding: 6px 4px;
    display: inline-block;
    width: 100%;
}
ul.on_page_navigation > li.selected {
  border-top: 3px solid #84b518;
}
/*ul.on_page_navigation > li.selected:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(245, 245, 246, 0);
    border-top-color: #f5f5f6;
    position: relative;
    top: 8px;
    border-width: 14px 28px 0 28px;
    _border-color: #f5f5f6 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}*/
ul.on_page_navigation > li:hover > * > *,
ul.on_page_navigation > li.selected > * > * {
    background-color: #FFFFFF;
}

.page_navigation > ul > li:hover > *.selectable,
.page_navigation > ul > li > *.selected {
    background-color: #F5F5F6;
}
.on_page_navigation > li > h3 > *.selectable {
    font-weight: 200;
    letter-spacing: 0.5px;
}
#footer_container {
    background-color: #3c3c3e;
    color: #FFFFFE;
    text-align: center;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 300;
}
#footer_container #site_footer {
    position: inherit;
    margin: auto auto;
    text-align: center;
}
/*
#footer_container #site_footer div.td {
    text-align: left;
}
#footer_container #site_footer div.td1 {
    text-align: right;
}*/

#footer_container #site_footer ul {
    list-style: none;
}
#footer_container #site_footer a {
    font-weight: 300;
    color: #9B9C9E;
    white-space: nowrap;
    padding-right: 3px;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
}
#footer_container #site_footer a:hover {
    color: #FFFFFE;
}
.player_container {
    position: relative;
    width: 100%;
}

div.player {
    position: relative;
    height: 50px;
}

div.player a.play-button,
div.player a.pause-button {
    display: block;
    width: 50px;
    height: 50px;
}

div.player a.play-button,
div.player a.play-button:active {
    background: url("../images/icons.svg") no-repeat;
    background-size: 1600px 1600px;
    background-position: 0 -1250px;
}

div.player a.pause-button,
div.player a.pause-button:active {
    background: url("../images/icons.svg") no-repeat;
    background-size: 1600px 1600px;
    background-position: -100px -1250px;
}

div.player a.play-button:hover {
    background-position: -50px -1250px;
}

div.player a.pause-button:hover {
    background-position: -150px -1250px;
}

div.player a.play-button:active {
    background-position: 0 -1250px;
}

div.player a.pause-button:active {
    background-position: -100px -1250px;
}

div.player div.seek-bar {
    position: absolute;
    left: 62px;
    top: 0;
    right: 0;
    height: 50px;
    cursor: pointer;
}

div.player .loader_anim,
div.player .play-button,
div.player .pause-button,
div.player div.seek-bar img.waveform,
div.player div.progress,
div.player div.progress > div,
div.player div.play-bar {
    image-rendering: -webkit-optimize-contrast;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}
div.player .loader_anim {
    top: 1px;
    left: 1px;
}

div.player div.progress {
    /*overflow: hidden;*/
    right: 0;
}

div.player div.progress > div {
    /*background-color: rgba(0,0,0,.2);*/
}

div.player div.seek-bar img.waveform {
    opacity: .5;
    right: 0;
    width: 100%;
    height: 100%;
}

div.player div.play-bar {
    border-right: 2px solid #14A4D2;
    width: 0;
    height: 100%;
    overflow: visible !important;
}

div.player .time-panel {
    opacity: 0;
    transition: opacity 0.1s 3s linear;
    position: relative;
    float: right;
    top: 50%;
    margin-top: -10px;
    min-width: 50px;
    border-radius: 1px;
    color: #FFFFFE;
    background-color: #14A4D2;
    font-size: 9pt;
    text-align: center;
    font-weight: 200;
}

div.player:hover .time-panel {
    opacity: .9;
    transition: opacity 0.1s 0s linear;
}

/* @end */

.embed_panel input[type=text] {
    font-size: 8px;
}
.profile_information .content {
    padding-left: 25px;
}
.you_on_the_web {
    padding-top: 8px;
}
.profile_information .on_the_web_icon {
    display: inline-block;
    width: 20px;
}
.profile_menu {
    width: 220px;
}
.dont-break-out {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
}
.file-uploader {
    min-height: 50px;
}
.language_string {
    margin-bottom: 10px;
}
.offer_business .info-text {
    margin-top: 10px;
}
.business_offer label {
    float: left;
    display: block;
    line-height: 2em;
    margin-right: 10px;
}
.business_offer label,
.business_offer .small_width {
    width: 80px;
}
.business_offer .input_fields {
    padding: 10px 0px 0px 50px;
}
#form_account_personal_information .td label.text_align_right,
#form_account_personal_information .td label.text_align_left {
    display: inline-block;
    width: 155px;
}
#form_account_personal_information .td input[type=text] {
    width: 250px;
}
/* ### JS FILE UPLOADER #################################################### */
.qq-uploader {
    position: relative;
    width: 100%;
}
.qq-upload-button-hover {
    cursor: pointer;
}
.view_part_container {
    margin-bottom: -2px;
}
.view_part {
    padding: 0 0 24px;
    margin-top: 2px;
}
.view_part h1:first-child {
    margin-bottom: 12px;
}
.view_part.editable {
    background-color: #F5F5F6;
}
/* ### NAVIGATION STYLES #################################################### */
.navigation_container {
    /*background-color: #000000;*/
    position: fixed;
    text-align: center;
    right: 0;
    left: 0;
    font-size: 13px;
    z-index: 80;
}
.navigation_frame {
    background-color: #3c3c3e;
    position: relative;
    z-index: 81;
    line-height: 38px;
    height: 38px;
}
.navigation_frame .signed_in_info {
    user-select: none;
    cursor: default;
    background-color: #3c3c3e;
    position: absolute;
    padding: 0 5px;
    z-index: 0;
    line-height: 38px;
    font-size: 24px;
    top: 0;
    right: 0;
    border-radius: 0 0 1px 1px;
}
.site_navigation {
    position: relative;
    margin: 0 auto;
    text-align: left;
    font-size: 13px;
    font-weight: 300;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.site_navigation ul {
    list-style: none;
    text-transform: uppercase;
}
.site_navigation > ul > li.main:first-child {
    margin-left: 0;
}
.site_navigation > ul > li:first-child {
    background: transparent url('../images/icons.svg') no-repeat;
    background-size: 768px 768px;
    background-position: -96px -744px;
    margin-top: 7px;
    height: 24px;
    width: 160px;
}
.site_navigation > ul > li:first-child a {
    color: transparent !important;
}
.site_navigation > ul > li.main {
    float: left;
}
.site_navigation ul li.main a {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 300;
}
.site_navigation ul li.sub.main {
    margin: 0;
}
.site_navigation ul ul.sub {
    background-color: #3c3c3e;
    font-size: 12px;
    line-height: 16px;
    z-index: 1;
}
.site_navigation ul ul.sub a,
.site_navigation ul ul.sub label {
    display: inline-block;
    width: 100%;
    color: #BBBBBB;
}
.site_navigation ul li {
    cursor: default;
}
.site_navigation ul li.sub.main {
    position: relative;
}
.site_navigation ul > li.sub.main ul,
.site_navigation > ul > li ul {
    position: absolute;
    text-align: left;
}
.site_navigation > ul > li .nav-menu ul {
    /*display: block;*/
    top: auto;
    opacity: 1;
    position: relative;
    text-align: left;
}
.site_navigation ul li span {
    font-weight: 300;
    text-decoration: none;
}
.site_navigation ul li,
.site_navigation ul li label,
.site_navigation ul li a {
    color: #C9C9CA;
    font-weight: 300;
    text-decoration: none;
    white-space: nowrap;
    font-size: 13px;
}
.site_navigation ul li label,
.site_navigation ul li a {
    display: block;
    width: 100%;
}
.site_navigation ul li.yellow > a,
.site_navigation ul li.yellow > label > a {
    color: #F8BE03;
}
.site_navigation ul li.green > a {
    color: #84B518;
}
.site_navigation ul li.magenta > a {
    color: #E66788;
}
.site_navigation ul li.no_link > a {
    cursor: default;
}
.site_navigation ul li.no_link > a:active {
    color: #000000;
}
.site_navigation ul li a.active,
.site_navigation ul li .active a {
    color: #FFFFFE;
}
.site_navigation ul li.yellow > a.active,
.site_navigation ul li.yellow > .active a {
    color: #FFEE43;
}
.site_navigation ul li hr {
    margin: 5px 0;
}
.site_navigation form,
.site_navigation fieldset {
    margin: 0;
    border: none;
    padding: 0;
}
.site_navigation form {
    margin: 0 0 7px 0;
}
.site_navigation form fieldset {
    display: inline;
}
.site_navigation form fieldset input[type=text] {
    width: 120px;
    height: 11px;
    margin: 0;
}
.site_navigation ul li a img.flag {
    opacity: 0.8;
    width: 28px;
    height: 17px;
    margin: 0;
    border: 1px solid #9B9C9E;
}
.site_navigation ul li a img.flag:hover {
    opacity: 1.0;
}
.navigation_edit {
    position: relative;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 300;
    font-size: 12px;
}
/* ### COOKIE BANNER ######################################################## */
#cookie-banner {
    background-color: #5a7a13;
    color: #e4e4e4;
    font-size: 11px;
}
#cookie-banner .cb-container {
    padding: 0.5em;
}
#cookie-banner .cb-message {
    display: inline-block;
    text-align: left;
}
#cookie-banner .cb-buttons {
    display: inline-block;
    width: 300px;
    text-align: right;
}
#cookie-banner .cb-deny {
    display: inline-block;
    line-height: 26px;
    padding: 0 16px;
    color: #b4b4b4;
}
/* ### MODAL FRAME STYLES ################################################### */
#modal {
    display: block;
    background-color: #FFFFFE;
}
#modal_bg {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 0;
    top: 0px;
    left: 0px;
    z-index: 79;
    cursor: pointer;
    opacity: 0;
}
#modal_bg.visible {
    height: 100%;
    opacity: 1;
    -o-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -khtml-transition: opacity 0.5s linear;
    -webkit-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}
#modal_bg > div {
    background-color: #000000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
#modal_frame {
    background-color: #FFFFFE;
    display: block;
    position: relative;
    overflow: hidden;
    text-align: left;
    width: 100%;
    height: 0px;
    z-index: 20;
}
#modal_frame.visible {
    overflow: inherit;
    height: 100px;
}
#modal_frame .window_navigation .window_close {
    color: #CACCCE;
    background-color: #3c3c3e;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}
#modal_frame .window_navigation .window_close:hover {
    color: #33a8e0;
}
#modal_frame .window_navigation .window_close:active {
    color: #DFDFDE;
}
#modal_frame .hint {
    color: #34C4F2;
    position: absolute;
    padding-top: 25px;
    font-size: 12pt;
    text-align: center;
    cursor: pointer;
}
.navigation_container:hover .hint {
    color: #CACCCE !important;
}
#modal_frame .hint:hover {
    color: #34C4F2 !important;
}
.page_modal_frame {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
}
.page_modal_frame .FixedGenreList {
    background: #E6F6FB;
}
.page_modal_frame .FixedGenreList h1 {
    background: #FFFFFE;
}
.page_modal_frame .FixedGenreList label {
    color: inherit;
}
.page_modal_frame .FixedGenreList label input[disabled=disabled] + span {
    color: #B1B1B2;
}
.page_modal_frame .FixedGenreList .actions {
    padding: 16px;
}
.page_modal_bg {
    position: fixed;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 19;
    background-color: rgba(0, 0, 0, .7);
}
.fixed_genre_group_container h2 {
    font-size: 17px;
    line-height: 24px;
    margin: 15px 0;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 600;
}
#global_player_frame {
    display: none;
    position: fixed;
    top: 35px;
    left: 10px;
    background-color: #3C3C3E;
    padding: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#global_player_frame #global_player {
    display: inline-block;
    vertical-align: middle;
}
#global_player_frame .window_navigation {
    display: inline-block;
    vertical-align: middle;
}
#global_player_frame .window_navigation .window_close {
    color: #33a8e0;
    background-color: #191920;
    height: 14px;
    width: 14px;
    line-height: 12px;
    font-size: 14px;
    border: 1px outset #33a8e0;
    text-align: center;
    cursor: pointer;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
#global_player_frame .window_navigation .window_close:hover {
    color: #33a8e0;
    background-color: #000000;
}
#global_player_frame .window_navigation .window_close:active {
    color: #DFDFDE;
    background-color: #191920;
    border: 1px inset #FFFFFE;
}
/* ######## LIST ENTRY STYLES ##################################################### */
.accordion.ui-accordion {
}
.accordion.ui-accordion .ui-accordion-header {
    cursor: pointer;
    background: none;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-transform: none;
    color: #58585A;
}
.accordion.ui-accordion .ui-accordion-header.ui-state-hover {
    color: #FFFFFE;
    background-color: #33a8e0;
}
.accordion.ui-accordion .ui-accordion-header.ui-state-hover.error {
    color: #FFFFFE;
    background-color: #E66788;
}
.accordion.ui-accordion .ui-accordion-header,
.accordion.ui-accordion .ui-accordion-content {
    font-size: 12px;
    line-height: 17px;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 300;
}
.accordion.ui-accordion .ui-accordion-header a,
.accordion.ui-accordion .ui-accordion-content a {
    color: #33a8e0;
    font-weight: 600;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    text-decoration: none;
}
.accordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    display: none;
}
.accordion.ui-accordion .ui-accordion-content {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.accordion.ui-accordion .group {
    border-bottom: 1px solid #818181;
}
.reloader_row.bottom {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: #33a8e0;
    color: #FFFFFE;
    height: 28px;
    line-height: 25px;
    font-size: 20px;
    border: 2px solid #33a8e0;
    margin: 5px 0px 10px;
}
.reloader_row.bottom:hover {
    background-color: #0474A2;
    border: 2px solid #0474A2;
}
.reloader_row.bottom:active {
    background-color: #33a8e0;
    border: 2px inset #33a8e0;
}
.list_entry:hover .hidable_table {
    display: table;
}
.list_entry:hover .hidable_tr {
    display: table-row;
}
.list_entry:hover .hidable_td {
    display: table-cell;
}
.list_entry:hover .hidable_block {
    display: block;
}
.list_entry .status-box {
    color: #B1B1B2;
    vertical-align: top;
}
.budget_payout_box .budget_payout {
    display: inline-block;
    margin: 8px 0;
    color: #E66788 !important;
}
.message.list_entry .container {
    padding-bottom: .5em;
}
.list_entry .info_container .player_container {
    margin-top: 5px;
}
.entry_navigation {
    display: inline-block;
    vertical-align: top;
    list-style: none;
    white-space: nowrap;
}
.list_options,
.list_navigation {
    padding: 4px 0;
}
form.list_options fieldset > * {
    float: right;
    margin-left: 8px;
    line-height: 24px;
}
.list_navigation.form_manager {
    margin: 8px 0 4px 0;
}
.list_navigation .next_btn,
.list_navigation .prev_btn {
    font-size: 22px;
}
.entry_navigation .hidable_menu,
.entry_navigation .hidable_menu .main {
    width: 25px;
}
.entry_navigation > li {
    height: 25px;
}
.entry_navigation > li.clear {
    width: 0;
    height: 0;
}
.entry_navigation li {
    position: relative;
    float: right;
    vertical-align: top;
}
.entry_navigation li .info_count {
    position: absolute;
    display: block;
    margin-top: 0;
    padding: 0;
    bottom: -2px;
    right: 0;
    border-radius: 4px;
    background: rgba(255, 255, 255, .5);
    line-height: 13px;
}
a.delete,
.entry_navigation .list_button,
.entry_navigation .list_icon,
.playlist.icon,
.request.icon,
.track.icon {
	background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-size: 800px 800px;
    width: 25px;
    height: 25px;
    display: inline-block;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}
.list_entry.projectitem .upper-part .headline a {
    padding: 25px 0;
    display: inline-block;
    width: 100%;
}
.list_entry.projectitem .lower-part {
    padding: 10px 0 0;
    border-top: 1px dashed #58585A;
}
.entry_navigation .list_icon.user_vote,
.entry_navigation .list_button.user_vote,
.entry_navigation .list_icon.admin_vote,
.entry_navigation .list_button.admin_vote,
.entry_navigation .list_icon.project_vote,
.entry_navigation .list_button.project_vote,
.entry_navigation .list_icon.syncr_vote,
.entry_navigation .list_button.syncr_vote {
    display: block;
}
.entry_navigation .list_button {
    cursor: pointer;
}

a.delete,
.entry_navigation .list_button.delete {
	background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-size: 800px 800px;
    background-position: -0px -525px;
}
a.delete.active,
a.delete:hover,
.entry_navigation .list_button.delete:hover {
    background-position: -0px -550px;
}
a.delete:active,
.entry_navigation .list_button.delete:active {
    background-position: -0px -550px;
	background-color: lightgray;
}
.entry_navigation .list_icon.cannot_delete {
    cursor: not-allowed;
    background-position: -400px -525px;
}

.entry_navigation .list_button.report {
	background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-size: 800px 800px;
    background-position: -25px -525px;
}
.entry_navigation .list_button.report:hover {
    background-position: -25px -550px;
}
.entry_navigation .list_button.report:active {
    background-position: -25px -550px;
	background-color: lightgray;
}
.entry_navigation .list_button.fingerprinting {
	background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-size: 800px 800px;
    background-position: -300px -525px;
}
.entry_navigation .list_button.fingerprinting:hover {
    background-position: -300px -550px;
}
.entry_navigation .list_button.fingerprinting:active {
    background-position: -275px -550px;
}

.entry_navigation .list_button.add_to_playlist {
	background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-size: 800px 800px;
    background-position: -300px -525px;
}
.entry_navigation .list_button.add_to_playlist:hover {
    background-position: -300px -550px;
}
.entry_navigation .list_button.add_to_playlist:active {
    background-position: -300px -550px;
	background-color: lightgray;
}
.entry_navigation .list_button.add_to_playlist_locked {
    background-position: -475px -525px;
}
.entry_navigation .list_button.add_to_playlist_locked:hover {
    background-position: -475px -550pxpx;
}
.entry_navigation .list_button.add_to_playlist_locked:active {
    background-position: -475px -550px;
}

.entry_navigation .list_button.add_to_request {
	background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-size: 800px 800px;
    background-position: -425px -525px;
}
.entry_navigation .list_button.add_to_request:hover {
    background-position: -425px -550px;
}
.entry_navigation .list_button.add_to_request:active {
    background-position: -425px -550px;
	background-color: lightgray;
}
.entry_navigation .list_button.add_to_request_locked {
    background-position: -500px -525px;
}
.entry_navigation .list_button.add_to_request_locked:hover {
    background-position: -500px -550px;
}
.entry_navigation .list_button.add_to_request_locked:active {
    background-position: -500px -550px;
}


.Request .entry_navigation .list_button.add_to_project,
.playlist .entry_navigation .list_button.add_to_project {
    background: transparent url('../images/icons.svg') no-repeat;
    background-size: 800px 800px;
    background-position: -675px -525px;
    cursor: pointer;
    marg1in: 0 4px;
    vertical-align: middle;
    display: inline-block;
    width: 25px;
    height: 25px;
}

.Request .entry_navigation .list_button.add_to_project:hover,
.playlist .entry_navigation .list_button.add_to_project:hover {
    background-position: -675px -550px;
}

.Request .entry_navigation .list_button.add_to_project:active,
.playlist .entry_navigation .list_button.add_to_project:active {
    background-position: -675px -550px;
	background-color: lightgray;
}

.playlist .entry_navigation .list_button.delete {
    background: transparent url('../images/icons.svg') no-repeat;
    background-size: 800px 800px;
    background-position: -0px -525px;
    cursor: pointer;
    marg1in: 0 4px;
    vertical-align: middle;
    display: inline-block;
    width: 25px;
    height: 25px;
}

.playlist .entry_navigation .list_button.delete:hover {
	background-position: -0px -550px;
}

.playlist .entry_navigation .list_button.delete:active {
	background-position: -0px -550px;
	background-color: lightgray;
}

.entry_navigation .list_button.add_to_project {
	background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-size: 800px 800px;
    background-position: -675px -525px; /* 27/21  */
}
.entry_navigation .list_button.add_to_project:hover {
    background-position: -675px -550px;
}
.entry_navigation .list_button.add_to_project:active {
	background-color: lightgray;
    background-position: -675px -550px;
}
li.user_vote {
    text-align: center;
    line-height: 1.6em;
}
.entry_navigation .list_button.syncr_vote,
.entry_navigation .list_icon.syncr_vote {
    background-position: -50px -525px;
}
.entry_navigation .list_button.syncr_vote:hover {
    background-position: -50px -550px;
}
.entry_navigation .list_button.syncr_vote:active {
    background-position: -50px -550px;
}
.entry_navigation .list_icon.user_vote,
.entry_navigation .list_button.user_vote {
	background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-size: 800px 800px;
    background-position: -350px -525px;
}
.entry_navigation .list_button.user_vote:hover {
    background-position: -350px -550px;
}
.entry_navigation .list_button.user_vote:active {
    background-position: -350px -550px;
	background-color: lightgray;
}

.entry_navigation .list_icon.admin_vote,
.entry_navigation .list_button.admin_vote {
	background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-size: 800px 800px;
    background-position: -375px -525px;
}
.entry_navigation .list_button.admin_vote:hover {
    background-position: -375px -550px;
}
.entry_navigation .list_button.admin_vote:active {
    background-position: -375px -550px;
	background-color: lightgray;
}

.entry_navigation .list_icon.project_vote,
.entry_navigation .list_button.project_vote {
        background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
        background-size: 800px 800px;
    background-position: -50px -525px;
}
.entry_navigation .list_button.project_vote:hover {
    background-position: -50px -550px;
}
.entry_navigation .list_button.project_vote:active {
    background-position: -50px -550px;
        background-color: lightgray;
}

.entry_navigation .list_icon.playlist_vote,
.entry_navigation .list_button.playlist_vote {
        background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
        background-size: 800px 800px;
    background-position: -350px -525px;
}
.entry_navigation .list_button.playlist_vote:hover {
    background-position: -350px -550px;
}
.entry_navigation .list_button.playlist_vote:active {
    background-position: -350px -550px;
        background-color: lightgray;
}

.entry_navigation .list_button.embed {
    background-position: -75px -525px;
}
.entry_navigation .list_button.embed:hover {
    background-position: -75px -550px;
}
.entry_navigation .list_button.embed:active {
    background-position: -75px -550px;
}

.entry_navigation .list_button.download {
	background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-size: 800px 800px;
    background-position: -100px -525px;
}
.entry_navigation .list_button.download:hover {
    background-position: -100px -550px;
}
.entry_navigation .list_button.download:active {
    background-position: -100px -550px;
	background-color: lightgray;
}
.entry_navigation .list_button.accept {
    background-position: -125px -525px;
}
.entry_navigation .list_button.accept:hover {
    background-position: -125px -550px;
}
.entry_navigation .list_button.accept:active {
    background-position: -125px -550px;
}
.entry_navigation .list_button.message {
    background-position: -150px -525px;
}
.entry_navigation .list_button.message:hover {
    background-position: -150px -550px;
}
.entry_navigation .list_button.message:active {
    background-position: -150px -550px;
}
.entry_navigation .list_button.contact {
    background-position: -175px -525px;
}
.entry_navigation .list_button.contact:hover {
    background-position: -175px -550px;
}
.entry_navigation .list_button.contact:active {
    background-position: -175px -550px;
}
.entry_navigation .list_button.edit {
    background-position: -200px -525px;
}
.entry_navigation .list_button.edit:hover {
    background-position: -200px -550px;
}
.entry_navigation .list_button.edit:active {
    background-position: -200px -550px;
}
.entry_navigation .list_button.shortlist_add {
    background-position: -225px -525px;
}
.entry_navigation .list_button.shortlist_add:hover {
    background-position: -225px -550px;
}
.entry_navigation .list_button.shortlist_add:active {
    background-position: -225px -550px;
}
.entry_navigation .list_button.shortlist_remove {
    background-position: -250px -525px;
}
.entry_navigation .list_button.shortlist_remove:hover {
    background-position: -250px -550px;
}
.entry_navigation .list_button.shortlist_remove:active {
    background-position: -250px -550px;
}
.entry_navigation .list_button.merge {
	background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-size: 800px 800px;
	background-position: -600px -525px;
}
.entry_navigation .list_button.merge:hover {
	background-position: -600px -550px;
}
.entry_navigation .list_button.merge:active {
	background-position: -600px -550px;
	background-color: lightgray;
}
.entry_navigation .list_button.mark_as_featured {
    background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
    background-size: 800px 800px;
    background-position: -325px -650px;
}
.entry_navigation .list_button.mark_as_featured:hover {
    background-position: -325px -675px;
}
.entry_navigation .list_button.mark_as_featured:active {
    background-position: -325px -675px;
    background-color: lightgray;
}
.entry_navigation .list_button.is_featured {
    background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
    background-size: 800px 800px;
    background-position: -350px -650px;
}
.entry_navigation .list_button.is_featured:hover {
    background-position: -350px -675px;
}
.entry_navigation .list_button.is_featured:active {
    background-position: -350px -675px;
    background-color: lightgray;
}
.entry_navigation .list_button.similarity {
    background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-size: 800px 800px;
    background-position: -725px -575px;
}
.entry_navigation .list_button.similarity:hover {
    background-position: -725px -600px;
}
.entry_navigation .list_button.similarity:active {
    background-position: -725px -600px;
	background-color: lightgray;
}
.entry_navigation .list_button.is_similar {
    background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
    background-size: 800px 800px;
    background-position: -750px -575px;
}
.entry_navigation .list_button.is_similar:hover {
    background-position: -750px -600px;
}
.entry_navigation .list_button.is_similar:active {
    background-position: -750px -600px;
}
.entry_navigation .list_button.not_similar {
    background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
    background-size: 800px 800px;
    background-position: -775px -575px;
}
.entry_navigation .list_button.not_similar:hover {
    background-position: -775px -600px;
}
.entry_navigation .list_button.not_similar:active {
    background-position: -775px -600px;
}

.entry_navigation .similarity_cbx {
    display:none;
}
.entry_navigation .similarity_cbx + label{
    display: block;
    width: 25px;
    height: 25px;
    background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
    background-position: -996px -770px;
}
.entry_navigation .similarity_cbx:checked + label{
    background-position: -964px -770px;
}

.entry_navigation .list_button.reassign {
	background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-size: 800px 800px;
	background-position: -625px -525px;
}
.entry_navigation .list_button.reassign:hover {
    background-position: -625px -550px;
}
.entry_navigation .list_button.reassign:active {
    background-position: -625px -550px;
	background-color: lightgray;
}
.entry_navigation .list_button.add_note {
	background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
	background-size: 800px 800px;
    background-position: -650px -525px;
}
.entry_navigation .list_button.add_note:hover {
    background-position: -650px -550px;
}
.entry_navigation .list_button.add_note:active {
    background-position: -650px -550px;
	background-color: lightgray;
}
.entry_navigation .list_button.request_license {
    background: transparent url('../images/icons.svg') no-repeat scroll 0 0;
    background-size: 800px 800px;
    background-position: -300px -650px;
}
.entry_navigation .list_button.request_license:hover {
    background-position: -300px -675px;
}
.entry_navigation .list_button.request_license:active {
    background-position: -300px -675px;
    background-color: lightgray;
}
.entry_navigation .list_button.empty {
    background-image: none;
}
.entry_navigation_similar {
    line-height: 25px;
}
.entry_navigation .model_project_container,
.entry_navigation .track_playlist_container,
.entry_navigation .track_request_container {
    margin: -4px -8px;
    padding: 0 0 0 0;
    max-height: 296px;
    width: 250px;
    white-space: nowrap;
    overflow-y: auto;
    overflow-x: hidden;
    border-right: 2px solid transparent;
}
.entry_navigation .track_playlist_container {
    margin-top: auto;
    margin-bottom: auto;
    max-height: 272px;
}
.entry_navigation .track_playlist_container_filter .keyword {
    width: 100%;
    padding-bottom: 4px;
}
.entry_navigation .track_playlist_container_filter .keyword input[name=keyword] {
    width: 100%;
    margin-right: -34px;
}
.entry_navigation .model_project_container .message,
.entry_navigation .track_playlist_container .message,
.entry_navigation .track_request_container .message {
    display: inline-block;
    padding: 5px;
    white-space: normal;
    min-width: 150px;
}
.entry_navigation .add_to .pre_selection li {
    margin: 2px 0;
}
.entry_navigation .add_to .pre_selection li a.button span {
    min-width: 70px;
}
.entry_navigation .model_project_container .add_to_current_container,
.entry_navigation .track_playlist_container .add_to_current_container,
.entry_navigation .track_request_container .add_to_current_container {
    padding: 10px 0 0 0;
}
.entry_navigation .track_request_container .add_to_current_container .notify_box {
    padding: 0 0 0 10px;
}
.entry_navigation .track_request_container .add_to_current_container .addto.button {
    margin-left: 0;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}
.entry_navigation .model_project_container .addto.button,
.entry_navigation .track_playlist_container .addto.button,
.entry_navigation .track_request_container .addto.button {
    margin: 0 10px 12px;
}
.entry_navigation .model_project_container .optgroup,
.entry_navigation .track_playlist_container .optgroup,
.entry_navigation .track_request_container .optgroup {
    padding: 0 4px;
    background-color: #EDEDED;
    line-height: 14px;
    font-size: 14px;
}
.entry_navigation .model_project_container .option,
.entry_navigation .track_playlist_container .option,
.entry_navigation .track_request_container .option {
    padding: 0 8px;
    line-height: 22px;
    text-align: left;
}
.entry_navigation .model_project_container .option.on_project a,
.entry_navigation .model_project_container .option.on_project.locked a,
.entry_navigation .track_playlist_container .option.on_playlist a,
.entry_navigation .track_playlist_container .option.on_playlist.locked a,
.entry_navigation .track_request_container .option.has_submission a,
.entry_navigation .track_request_container .option.has_submission.locked a {
    color: #84B518;
}
.entry_navigation .model_project_container .option.on_project:hover,
.entry_navigation .track_playlist_container .option.on_playlist:hover,
.entry_navigation .track_request_container .option.has_submission:hover {
    background-color: #84B518;
}
.entry_navigation .model_project_container .option:hover,
.entry_navigation .track_playlist_container .option:hover,
.entry_navigation .track_request_container .option:hover {
    background-color: #33a8e0;
}
.entry_navigation .model_project_container .option:hover a,
.entry_navigation .track_playlist_container .option:hover a,
.entry_navigation .track_request_container .option:hover a {
    color: #FFFFFE;
}
.entry_navigation .model_project_container .option.locked a,
.entry_navigation .track_playlist_container .option.locked a {
    color: #9B9C9E;
}
.entry_navigation .model_project_container .option.locked:hover,
.entry_navigation .track_playlist_container .option.locked:hover {
    background-color: #9B9C9E;
}
.entry_navigation .model_project_container .option.locked:hover a,
.entry_navigation .track_playlist_container .option.locked:hover a {
    color: #FFFFFE;
}
.create_playlist_link {
    margin-bottom: 0.8em;
}
.list_entry {
    position: relative;
}
.list_entry .info {
    color: #58585A;
    line-height: 15px;
    font-weight: 300;
    min-height: 50px;
    border-collapse: collapse;
}
.list_entry .info label {
    cursor: pointer;
}
.list_entry .picture img {
    height: 60px;
    display: block;
}
.list_entry .navigation .entry_navigation {
    float: right;
}
.list_entry .info table td:first-child {
    padding: 4px 8px 0 0;
}
.list_entry .info table td:nth-child(odd) {
    padding-right: 2px;
    text-align: right;
}
.Track.list_entry h4.extendable-headline a {
    font-size: 20px;
}
/*
.Track.list_entry.on_project .entry_navigation .list_button.add_to_project,
.Submission.list_entry.is_submitted .entry_navigation .list_button.add_to_request,
.Track.list_entry.is_submitted .entry_navigation .list_button.add_to_request,
.Track.list_entry.on_playlist .entry_navigation .list_button.add_to_playlist {
    background-position: -425px -525px;
}
.Track.list_entry.on_project .entry_navigation .list_button.add_to_project:hover,
.Submission.list_entry.is_submitted .entry_navigation .list_button.add_to_request:hover,
.Track.list_entry.is_submitted .entry_navigation .list_button.add_to_request:hover,
.Track.list_entry.on_playlist .entry_navigation .list_button.add_to_playlist:hover {
    background-position: -425px -550px;
}
.Track.list_entry.on_project .entry_navigation .list_button.add_to_project:active,
.Submission.list_entry.is_submitted .entry_navigation .list_button.add_to_request:active,
.Track.list_entry.is_submitted .entry_navigation .list_button.add_to_request:active,
.Track.list_entry.on_playlist .entry_navigation .list_button.add_to_playlist:active {
    background-position: -425px -550px;
}
.Track.list_entry.is_submitted .entry_navigation .list_button.add_to_request,
.Submission.list_entry.is_submitted .entry_navigation .list_button.add_to_request {
    background-position: -700px -525px;
}
.Track.list_entry.is_submitted .entry_navigation .list_button.add_to_request:hover,
.Submission.list_entry.is_submitted .entry_navigation .list_button.add_to_request:hover {
    background-position: -700px -550px;
}
.Track.list_entry.is_submitted .entry_navigation .list_button.add_to_request:active,
.Submission.list_entry.is_submitted .entry_navigation .list_button.add_to_request:active {
    background-position: -700px -550px;
}
*/
.Track.list_entry .header,
.Submission.list_entry .header {
    width: 40%;
    float: left;
    padding-top: 4px;
}
.Track.list_entry .navigation,
.Submission.list_entry .navigation {
    width: 60%;
    float: right;
}
.Track.list_entry .player_container,
.Submission.list_entry .player_container {
    float: left;
    width: 50%;
}
.Track.list_entry .info,
.Submission.list_entry .info {
    float: left;
    width: 40%;
}
.Track.list_entry .artist-or-user,
.Submission.list_entry .artist-or-user {
    float: right;
    width: 50px;
    position: absolute;
    right: 0;
}
.Track.list_entry .info,
.Submission.list_entry .info {
    width: 100%;
}
.Track.list_entry .info table,
.Submission.list_entry .info table {
    float: left;
}
.Track.list_entry .info table label,
.Request.list_entry .info table label,
.Submission.list_entry .info table label {
    cursor: text;
}
.Track.list_entry .info table:first-child,
.Submission.list_entry .info table:first-child {
    margin-right: 24px;
}
.Track.list_entry .info.v-split-view .left,
.Submission.list_entry .info.v-split-view .left {
    width: 38%;
    right: 62%;
}
.Track.list_entry .info.v-split-view .right,
.Submission.list_entry .info.v-split-view .right {
    width: 62%;
    left: 38%;
}
.Track.list_entry .artist-or-user > *,
.Submission.list_entry .artist-or-user > * {
    float: right;
    height: 100%;
    width: 100%;
}
.Track.list_entry .artist-or-user img,
.Submission.list_entry .artist-or-user img {
    float: right;
    width: 100%;
}
.Track.list_entry .artist-or-user .dummy-picture,
.Submission.list_entry .artist-or-user .dummy-picture {
    background: transparent url(../images/icons.svg) no-repeat scroll 0 0;
    background-size: 1600px 1600px;
    background-position: -100px -1200px;
    display: inline-block;
    width:100%;
    height: 50px;
    box-sizing: content-box;
}
.Track.list_entry .clearfix-wrapper > *:first-child,
.Submission.list_entry .clearfix-wrapper > *:first-child {
    float: left;
}
.Track.list_entry .clearfix-wrapper > *:nth-child(n+2),
.Submission.list_entry .clearfix-wrapper > *:nth-child(n+2) {
    float: right;
}
.sortable.track.list hr {
    clear: both;
}
.Track.list_entry .picture img,
.Submission.list_entry .picture img {
    width: 48px;
    height: 48px;
}
.Track.list_entry .link_panel {
    text-align: right;
}
.Submission.list_entry.deleted,
.Track.list_entry.deleted {
    filter: url(../images/filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}
.Submission.list_entry .message {
    width: 100%;
}
.Playlist.list_entry .entry_navigation .lock_container,
.Request.list_entry .navigation .lock_container {
    width: 25px;
    l1ine-height: 23px;
    display: inline-block;
    text-align: center;
}
.Project.list_entry .navigation,
.Request.list_entry .navigation {
    float: right;
}
.Project.list_entry .headline label,
.Request.list_entry .headline label {
    font-weight: 200;
}
.Project.list_entry .status-box,
.Request.list_entry .status-box {
    float:left;
}
.Request.list_entry .status-box .budget_payout_box hr,
.Request.list_entry .status-box .budget_payout_box .info_text {
    display: none;
}
.Project.list_entry .img {
    float: right;
}
.Playlist.list_entry,
.AlbumRelease.list_entry {
    padding: 4px 0;
}
.Playlist.list_entry > table,
.AlbumRelease.list_entry > table {
    width: 100%;
}
.Playlist.list_entry > table > tbody > tr > td,
.AlbumRelease.list_entry > table > tbody > tr > td {
    vertical-align: top;
}
/*.Playlist.list_entry > table > tbody > tr > td:first-child,*/
.AlbumRelease.list_entry > table > tbody > tr > td:first-child {
    width: 50%;
}
.Playlist.list_entry > table > tbody > tr > td:last-child,
.AlbumRelease.list_entry > table > tbody > tr > td:last-child {
    text-align: right;
}
.Playlist.list_entry .img,
.AlbumRelease.list_entry .img {
    height: 64px;
}
.list.grid .Playlist.list_entry .img,
.list.grid .AlbumRelease.list_entry .img {
    height: initial;
}
.Playlist.list_entry img,
.AlbumRelease.list_entry img {
    height: 100%;
}
.list.grid .Playlist.list_entry img,
.list.grid .AlbumRelease.list_entry img {
    height: initial;
}
.Playlist.list_entry .headline {
    margin-top: 4px;
    float:left;
    clear:left;
}
.Playlist.list_entry .entry_navigation {
    float:right;
    clear:right;
}
.user.list_entry h4 img {
    position: relative;
    top: 5px;
    margin-top: -5px;
    margin-left: 5px;
}
.contact_request.list_entry .td.picture,
.user.list_entry .td.picture {
    padding-bottom: 5px;
}
.contact_request.list_entry .td.picture img,
.user.list_entry .td.picture img {
    padding-bottom: 5px;
    width: auto;
    height: 100px;
}
.headline .info.label {
    font-weight: normal;
    font-size: 9px;
    color: #B1B1B2;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
}
.contactedartist.list_entry {
    padding: 10px 0;
}
.contactedartist.list_entry .nav {
    margin-top: -10px;
    text-align: right;
}
/* ########################################################################## */
/* ### CHECK DROP DOWN STYLES ############################################### */
/* ########################################################################## */
button::-moz-focus-inner {
    padding: 0;
    margin: 0;
    border: 0;
}
.check_drop_down {
    display: inline-block;
    margin-top: 8px;
}
.check_drop_down .main {
    z-index: 49;
}
.check_drop_down .sub {
    background-color: #F5F5F6;
    position: absolute;
    z-index: 50;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 250px;
    border: 1px solid rgba(88, 88, 90, 0.3);
}
.check_drop_down .sub {
    display: none;
}
.check_drop_down .sub > * {
    text-align: left;
    display: block;
    padding: 0 2px;
}
.check_drop_down:hover .sub {
    display: block;
}
.check_drop_down:hover .sub > *.selectable:hover {
    background-color: #6B6C6E;
    color: #FFFFFE;
}
.check_drop_down:active .sub {
    display: none;
}
.check_drop_down:active .sub:hover {
    display: block;
}
#container_audio .check_drop_down .sub .clearfix-wrapper {
  white-space: nowrap;
}
.check_drop_down .checkbox-wrapper {
    display: block !important;
    position: relative;
    left: 0;
    right: 0;
    cursor: pointer;
}
.check_drop_down .checkbox-wrapper:hover {
    background-color: #6B6C6E;
    color: #FFFFFE;
}
.hidable_toggle_menu .sub,
.hidable_menu .sub {
    position: relative;
    display: none;
    width: 0;
    height: 0;
}
.hidable_menu .sub_non_hover {
    position: relative;
    width: 0;
    height: 0;
}
.hidable_toggle_menu:hover .sub,
.hidable_menu:hover .sub {
    display: block;
}
.hidable_toggle_menu:hover .main {
    display: none;
}
.hidable_toggle_menu .sub .sub_container,
.hidable_menu .sub .sub_container,
.hidable_menu .sub_non_hover .sub_container {
    position: relative;
    display: inline-block;
    right: -30px;
    top: -15px;
    width: 0px;
    height: 0px;
    z-index: 79;
}
.hidable_toggle_menu .sub .sub_container > .sub_panel,
.hidable_menu .sub .sub_container > .sub_panel,
.hidable_menu .sub_non_hover .sub_container > .sub_panel {
    background-color: #F5F5F6;
    min-width: 10px;
    min-height: 10px;
    max-width: 250px;
    max-height: 300px;
    padding: 4px 8px;
    position: absolute;
    right: 4px;
    white-space: normal;
    border: 1px solid rgba(88, 88, 90, 0.3);
}
.hidable_menu .edit_toggler {
    cursor: default;
}
.hidden_recipients > * {
}
.hidden_recipients .main {
    position: relative
}
.hidden_recipients .sub {
    position: absolute;
    visibility: hidden;
    z-index: 1;
    background-color: #F5F5F6;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0px 10px #000000;
    -moz-box-shadow: 0 0px 10px #000000;
    -webkit-box-shadow: 0 0px 10px #000000;
    padding: 5px 10px;
    overflow: auto;
    max-height: 250px;
}
.hidden_recipients:hover .sub {
    visibility: visible;
}
ul.check_list {
    list-style: none;
}
ul.check_list li label.line {
    display: inline-block;
    width: 100%;
    line-height: 18px;
}
ul.check_list li:hover {
    color: #FFFFFE;
    background-color: #33a8e0;
}
ul.check_list li:hover > * {
    color: #FFFFFE;
}
ul.check_list.fixed_genre_group {
    display: block;
}
.fixed_genre_group_container {
    padding: 5px 20px;
}
ul.item_list,
ul.sortable {
    list-style: none;
}
/* ### Hide skype detection swf ### */
#skypedetectionswf {
    display: none;
}
.boilerplate .info .account-type-toggle {
    float: right;
    line-height: 18px;
    padding: 4px 0 4px 8px;
}
#footer_container #site_footer h3 {
    font-size: 12px;
    line-height: 15px;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal !important;
    text-transform: uppercase;
    color: #33a8e0;
}
#footer_container #site_footer li {
    font-size: 12px;
    line-height: 17px;
}
.clients.short img,
.awards.short img {
    float: left;
    width: 14.2857%;
    max-width: 120px;
    min-width: 60px;
}
.icon.twitter,
.icon.facebook,
.icon.instagram,
.icon.flipboard,
.icon.plus,
.icon.minus,
.icon.plus-minus-toggler,
.icon.state,
.icon.edit {
    display: inline-block;
    background: url("../images/icons.svg") no-repeat;
    background-size: 1024px 1024px;
    width: 32px;
    height: 32px;
}
.icon.plus-minus-toggler {
    cursor: pointer;
}
.icon.plus {
    background-position: 0 -896px;
}
.icon.minus {
    background-position: 0 -864px;
}
.icon.state.Yes {
    background-position: 0 -928px;
}
.icon.state.No {
    background-position: -32px -928px;
}
.icon.facebook {
    background-position: -160px -864px;
}
.icon.instagram {
    background-position: -320px -864px;
}
.icon.flipboard {
    background-position: -96px -864px;
}
.icon.twitter {
    background-position: -128px -864px;
}
.icon.edit {
    background-position: -256px -704px;
}
/**
 * Premium Features
 **/
.premium.icon {
    display: inline-block;
    background: url("../images/icons.svg") no-repeat;
    background-size: 4096px 4096px;
    width: 128px;
    height: 128px;
    vertical-align: middle;
}
.premium.icon.Starter {
    background-position: -384px -3840px;
}
.premium.icon.Lite {
    background-position: -256px -3840px;
}
.premium.icon.Plus {
    background-position: -128px -3840px;
}
.premium.icon.Ultimate {
    background-position: 0 -3840px;
}
.premium.icon.Pro {
    background-position: -384px -3328px;
}
.premium.icon.Advanced {
    background-position: -256px -3328px;
}
.premium.icon.Basic {
    background-position: -128px -3328px;
}
.premium.icon.Free {
    background-position: 0 -3328px;
}
.premium.icon.medium {
    background-size: 2048px 2048px;
    width: 64px;
    height: 64px;
}
.premium.icon.medium.Starter {
    background-position: -192px -1920px;
}
.premium.icon.medium.Lite {
    background-position: -128px -1920px;
}
.premium.icon.medium.Plus {
    background-position: -64px -1920px;
}
.premium.icon.medium.Ultimate {
    background-position: 0 -1920px;
}
.premium.icon.medium.Pro {
    background-position: -192px -1664px;
}
.premium.icon.medium.Advanced {
    background-position: -128px -1664px;
}
.premium.icon.medium.Basic {
    background-position: -64px -1664px;
}
.premium.icon.medium.Free {
    background-position: 0 -1664px;
}

.Features {
    width: 100%;
}
.Features .floating {
    margin: 0 -8px;
}
.Features > * ul {
    float: left;
    width: 25%;
    margin-top: 96px;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}
.Features ul .premium.icon {
    margin-top: -96px;
}
.Features ul li  {
    list-style: none;
    background: #EBEBE8;
    text-align: center;
    border-bottom: 1px solid #33a8e0;
    padding: 16px 0;
    margin: 0 8px;
    vertical-align: middle;
}
.Features.tnf ul li:nth-child(2),
.Features ul li:nth-child(3) {
    min-height: 112px;
}
.Features ul li:nth-last-child(2) {
    min-height: 136px;
}
.Features ul li:first-child {
    padding-top: 0;
    background: #bebab3;
    font-weight: 100;
    font-size: 26pt;
    line-height: 48pt;
}
.Features ul.enabled li:first-child {
    color: #fffffe;
    font-weight: 300;
    background: #33a8e0;
}
.Features ul li:nth-last-child(-n+3) {
    border-bottom: none;
}
.Features ul li:last-child {
    display: none;
}
.Features ul li > div:first-child {
    font-weight: 600;
    font-style: normal;
    font-size: 14pt;
    line-height: 32px;
}
.Features ul li:nth-child(n+2) > div:nth-child(n+2) {
    margin: 4px 0;
    color: #9B9C9E;
}
.Features ul .icon.state.No,
.Features ul .icon.state.Yes {
    display: inline-block;
    vertical-align: inherit;
}
/* Who we are: */
img.portrait {
    display: block;
    border: none;
    float: left;
    margin: 1em 1em 1em 0;
}
div.who_we_are {
    margin-left: 104px;
}
.who_we_are h3 {
    margin-bottom: 0;
}
.who_we_are em {
    display: block;
    margin-bottom: .5em;
}
/* Tracking */
h4.tracking_vacant,
h4.tracking_currently {
    background: url(../images/icons/broadcast_tracking_vacant.png) no-repeat 0px 3px transparent;
    display: block;
    padding: 0 0 0 25px;
    overflow: hidden;
}
h4.tracking_currently {
    background: url(../images/icons/broadcast_tracking_currently.png) no-repeat 0px 3px transparent;
}
/* 2012-08-29 12:00 <konstantin.madeheim@novastorm.de> -- custom shading options for new static menu to the right of landing / info pages */
.menu_shady a:hover {
    background-color: #F0F0F1;
}
ul.commentlist,
ul.commentlist ul.children,
ul.notes {
    list-style: none;
}
/* ### COMMENTS & BLOG ### */
.messages_container .single,
.comments_container .single,
.comments_container .commentlist li article,
ul.notes .note {
    background-color: #EEEEEE;
    margin: 0;
    padding: 4px;
    border-bottom: none;
}
ul.notes .note {
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    cursor: pointer;
}
ul.notes .note.selected,
ul.notes .note:hover {
}
ul.notes .note.mark_added.selected,
ul.notes .note.mark_added:hover {
    background: rgba(132, 181, 24, 0.3);
    border-left: 2px solid #58585A;
    border-right: 2px solid #58585A;
}
.inline_notes .icon {
    height: 24px;
    display: inline-block;
    border-bottom: 3px solid transparent;
}
.inline_notes .icon img {
    height: 20px;
}
.inline_notes .icon:hover,
.inline_notes .icon.selected {
    border-bottom: 4px solid #33a8e0;
}
.inline_notes .entry_navigation {
    min-height: 20px;
}
.messages_container .single .message,
.comments_container .single .message,
.comments_container .comment .message {
    padding-top: 20px;
    text-align: left;
}
.conversation.single .message {
    padding: 5px 0;
}
.messages_container hr,
.comments_container hr,
ul.notes hr {
    height: 5px;
    border-color: transparent;
    background-color: transparent;
    border: 0;
    margin: 0;
}
.messages_container .single .user_picture,
.conversation.single .user_picture,
.comments_container .single .user_picture,
.comments_container .commentlist li article .user_picture {
    padding-right: 16px;
}
.conversation.single .unread_count {
    padding: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #84B518;
    color: white;
    font-weight: 600;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
}
.conversation.single .more_recipients:hover .label {
    display: none;
}
.conversation.single .more_recipients .content {
    display: none;
}
.conversation.single .latest_message {
    background-color: #EEEEEE;
    margin: 0;
    border-bottom: none;
}
.conversation.single .table.latest_message .tr {
    padding: 5px 0;
}
.conversation.single .table.latest_message .tr .td {
    padding: 0 0 0 5px;
}
.conversation.single .more_recipients:hover .content {
    display: inline;
}
.stats_container {
}
.stats_container .overall_info {
    border-top: 2px solid #58585A;
    padding: 5px;
    margin-bottom: 5px;
    background-color: #EEEEEE;
}
.stats_container .overall_info.second {
    border-top: none;
    border-bottom: 2px solid #58585A;
    margin-bottom: 0;
}
.stats_container .overall_info .count {
    padding: 10px 0;
    font-size: 24px;
    font-weight: 600;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
}

.stats_container_list table {
    width: 100%;
}

.stats_container_list > table > tbody > tr > td:last-child {
    text-align: right;
}

.label.track_Artist {
    font-size: 11px;
}
.tbc_button {
    background: url('../images/icons.svg') no-repeat;
    background-size: 512px 512px;
    background-position: -48px -464px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    line-height: 16px;
    height: 16px;
    width: 32px;
}
.tbc_button.ok {
    background-position: -80px -464px;
}
.internal_profile_create_container {
    clear: both;
}
/* InternalProfile styles */
.internal_proflies_list hr,
.internal_profile_create_container hr {
    border: none;
    height: 24px;
}
.internal_proflies_list .spacer,
.internal_profile_create_container .spacer {
    height: 8px;
}
.internal_proflies_list .list_entry.internal_profile .container,
.internal_proflies_list .list_entry.internal_profile .picture,
.internal_profile_create_container .list_entry.internal_profile .container,
.internal_profile_create_container .list_entry.internal_profile .picture {
    position: relative;
}
.internal_proflies_list .list_entry.internal_profile .picture,
.internal_profile_create_container .list_entry.internal_profile .picture {
    display: block;
    margin-right: 8px;
}
.view_edit_picture_container {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.view_edit_picture_container.scaling-active {
    overflow: hidden;
}
.view_edit_picture_container .img.draggable {
    position: relative;
}
.view_edit_picture_container .scale-button {
    width: 28px;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    vertical-align: bottom;
    position: absolute;
    top: 4px;
    padding: 0;
}
.view_edit_picture_container .scale-button.up {
    right: 4px;
}
.view_edit_picture_container .scale-button.down {
    right: 36px;
}
.view_edit_picture_container .save-button {
    position: absolute;
    bottom: 4px;
    right: 4px;
}
.view_edit_picture_container .scale-form button,
.view_edit_picture_container .scale-form button.disabled,
.view_edit_picture_container .scale-form button:hover.disabled {
    opacity: .6;
}
.view_edit_picture_container .scale-form button:hover {
    opacity: .9;
}
.view_edit_picture_container form,
.artist_sheet .picture {
    margin: 0;
    padding: 0;
    border: 0;
}
.view_edit_picture_container form.scale-form {
    background-color: transparent !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.artist_sheet .stats .small_space {
    display: inline-block;
    white-space: nowrap;
    padding-right: 10px;
}

.artist_sheet .stats .small_space h2 {
    font-weight: 700; 
    padding-left: 5px;
}

.artist_sheet .view_edit_picture_container form.scale-form,
.artist_sheet .picture {
    background-color: #33a8e0;
}
.artist_sheet .box form label {
    color: #FFFFFE;
}
.view_edit_picture_container .info_message,
.internal_proflies_list .list_entry.internal_profile .picture .container .info_message,
.internal_profile_create_container .list_entry.internal_profile .picture .container .info_message {
    position: absolute;
    width: 100%;
    text-align: center;
    cursor: move;
    height: 20px;
    top: 49%;
}
.view_edit_picture_container:hover .info_message,
.internal_proflies_list .list_entry.internal_profile .picture .container:hover .info_message,
.internal_profile_create_container .list_entry.internal_profile .picture .container:hover .info_message {
    /*display: none;*/
}
.view_edit_picture_container .info_message .content,
.internal_proflies_list .list_entry.internal_profile .picture .container .info_message .content,
.internal_profile_create_container .list_entry.internal_profile .picture .container .info_message .content {
    display: block;
    background-color: rgba(255, 255, 255, 0.5);
    color: black;
    font-weight: 600;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    padding: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}
.view_edit_picture_container img,
.view_edit_picture_container .picture_mask,
.internal_proflies_list .list_entry.internal_profile .picture img,
.internal_proflies_list .list_entry.internal_profile .picture .picture_mask,
.internal_profile_create_container .list_entry.internal_profile .picture img,
.internal_profile_create_container .list_entry.internal_profile .picture .picture_mask {
    width: auto;
    height: auto;
}
.view_edit_picture_container .picture_mask,
.internal_proflies_list .list_entry.internal_profile .picture .picture_mask,
.internal_profile_create_container .list_entry.internal_profile .picture .picture_mask {
    overflow: hidden;
}
.view_edit_picture_container .edit.hidable_menu,
.artist_sheet .edit.hidable_menu,
.artist_sheet .info .edit .edit_toggler,
.internal_proflies_list .list_entry.internal_profile .edit.hidable_menu,
.internal_profile_create_container .list_entry.internal_profile .edit.hidable_menu {
    position: absolute;
    top: 0;
    right: 5px;
}
.artist_sheet .info {
    position: relative;
}
.view_edit_picture_container .scale-form,
.internal_proflies_list .list_entry.internal_profile .scale-form,
.internal_profile_create_container .list_entry.internal_profile .scale-form {
    border: 0;
}
.view_edit_picture_container .scale-form .draggable,
.internal_proflies_list .list_entry.internal_profile .scale-form .draggable,
.internal_profile_create_container .list_entry.internal_profile .scale-form .draggable {
    cursor: move;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.view_edit_picture_container .scale-form .draggable.no_move {
    cursor: default;
}
.view_edit_picture_container h3,
.artist_sheet h3,
.internal_proflies_list .list_entry.internal_profile h3,
.internal_profile_create_container .list_entry.internal_profile h3 {
    margin: 0;
}
.view_edit_picture_container .hidable_menu .sub .sub_container > .sub_panel.options,
.internal_proflies_list .list_entry.internal_profile .options,
.internal_profile_create_container .list_entry.internal_profile .options {
    padding: 0 0 0 0;
    max-height: 300px;
    max-width: 250px;
    word-wrap: break-word;
    overflow-y: auto;
    overflow-x: hidden;
}
.view_edit_picture_container .options .file-uploader,
.internal_proflies_list .list_entry.internal_profile .options .file-uploader,
.internal_profile_create_container .list_entry.internal_profile .options .file-uploader {
    min-height: 0;
}
.view_edit_picture_container .options .option,
.internal_proflies_list .list_entry.internal_profile .options .option,
.internal_profile_create_container .list_entry.internal_profile .options .option {
    margin: 0;
    padding: 0 4px;
    border: 0;
    background-color: transparent;
    width: 100%;
    display: block;
    white-space: nowrap;
    line-height: 16px;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 300;
    font-size: 12px;
}
.view_edit_picture_container .options .option .qq-uploader,
.internal_proflies_list .list_entry.internal_profile .options .option .qq-uploader,
.internal_profile_create_container .list_entry.internal_profile .options .option .qq-uploader {
    padding: 0;
}
.view_edit_picture_container .options .option .qq-upload-button,
.internal_proflies_list .list_entry.internal_profile .options .option .qq-upload-button,
.internal_profile_create_container .list_entry.internal_profile .options .option .qq-upload-button {
    overflow: hidden;
    line-height: 12px;
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    vertical-align: middle;
    text-align: left;
    padding: 0;
    border: 0;
    background: transparent !important;
}
.view_edit_picture_container .options .optgroup,
.internal_proflies_list .list_entry.internal_profile .options .optgroup,
.internal_profile_create_container .list_entry.internal_profile .options .optgroup {
    padding: 0 5px;
    background-color: #EDEDED;
    line-height: 9px;
    font-size: 9px;
}
.view_edit_picture_container .options .qq-upload-button,
.internal_proflies_list .list_entry.internal_profile .options .qq-upload-button,
.internal_profile_create_container .list_entry.internal_profile .options .qq-upload-button {
    width: auto;
    height: auto;
    color: #33a8e0;
    text-transform: none;
}
.view_edit_picture_container .options .option:hover,
.internal_proflies_list .list_entry.internal_profile .options .option:hover,
.internal_profile_create_container .list_entry.internal_profile .options .option:hover {
    background-color: #33a8e0;
}
.view_edit_picture_container .options .disabled.option:hover {
    background-color: #B1B1B2;
}
.view_edit_picture_container .options .option:hover,
.internal_proflies_list .list_entry.internal_profile .options .option:hover,
.internal_profile_create_container .list_entry.internal_profile .options .option:hover {
    color: #FFFFFE;
}
.view_edit_picture_container .options .option:hover .qq-upload-button,
.internal_proflies_list .list_entry.internal_profile .options .option:hover .qq-upload-button,
.internal_profile_create_container .list_entry.internal_profile .options .option:hover .qq-upload-button {
    color: #FFFFFE;
}
.list.grid {
    margin-right: -12px
}
.list.grid > li {
    display: block;
}
.list.grid li > hr {
    display: none;
}
.artist.list.grid .list_entry .name,
.playlist.list.grid .list_entry .name,
.albumrelease.list.grid .list_entry .name {
    display: block;
    text-align: center;
}
.list.grid > li ul li.grid-item {
    float:left;
    vertical-align: top;
    width: 20%;
    list-style: none;
}
.page_navigation .request_license {
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
}

.artist_sheet .sheet {
    position: relative;
    width: 100%;
    height: 42.27vw;
    background: #33a8e0;
    /*overflow-y: hidden;*/
}
.artist_sheet .box {
    position: relative;
    float: left;
    height: 100%;
    border: none;
}
/*100 / 910 * 400.359 = 43.99549450549455*/
/*100 / 910 * 240.297 = 26.40626373626376*/
/*100 / 910 * 270.859 = 29*/
.artist_sheet .box.one {
    width: 44%;
}
.artist_sheet .box.two {
    width: 26%;
}
.artist_sheet .box.two .box.uno {
    width: 100%;
    height: 59.1%;
    padding: 5px 5px 0px;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #FFFFFE;

    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;

}
.artist_sheet .box.two .box.uno form {
    background: transparent !important;
    border: none;
    width: 100%;
    height: 100%;
}
.artist_sheet .box.two .box.uno form input {
    display: block;
    width: 95%;
    margin: auto;
}
.artist_sheet .box.two .box.uno .form-nav {
    position: absolute;
    bottom: 4px;
}
.artist_sheet .box.two .box.due {
    width: 100%;
    height: 40.9%;
}
.artist_sheet .box.three {
    width: 30%;
}
.artist_sheet .box .edit .sub {
    right: 0;
}
.artist_sheet .box .cropped-img {
    width: 100%;
    height: 100%;
}
.error.popup {
    border-radius: 1px;
    background: #E66788 !important;
    padding: 0 8px;
    text-align: left;
    font-weight: 500;
    margin-top: 1px;
}
.error.popup .validation-error {
    color: #FFFFFE !important;
}
.error ~ .validation-error,
.error.popup + * {
    border-radius: 1px;
    border: 1px solid #E66788 !important;
}
form.edit_single_field fieldset {
    padding: 5px 10px;
}
form.edit_single_field > span {
    vertical-align: bottom;
    display: block;
}
form.edit_single_field fieldset > span > textarea,
form.edit_single_field fieldset > span > input[type=text],
form.edit_single_field fieldset > span > input[type=password] {
    padding: 1%;
    width: 98%;
    vertical-align: bottom;
}
form.edit_single_field fieldset > span > textarea {
    height: 150px;
}
form.edit_single_field input {
    width: 100%;
    vertical-align: bottom;
    padding: 0;
    margin: 0;
}
form.edit_single_field .buttons {
    display: block;
    margin-top: 5px;
}
form.edit_single_field .buttons button {
    display: inline;
}
.label a.track_Artist {
    /*color: #B1B1B2;*/
    display: inline-block;
    line-height: 12px;
    cursor: pointer;
    font-size: 10px;
    font-weight: normal;
}
.label a.track_Artist:hover {
    color: #0074A2;
}
.playlist.list_entry .info_container {
    padding-top: 5px;
}
.playlist.list_entry .info_container .golden_ratio_a {
    padding-bottom: 5px;
}
.playlist.list_entry .picture {
    width: 75px;
}
.artist.list_entry,
.playlist.list_entry .container {
    position: relative;
}
.artist.entry_navigation,
.Showreel.list_entry .entry_navigation,
.playlist.list_entry .container .entry_navigation {
    position: absolute;
    top: 0;
    right: 0;
}
.Showreel.list_entry.locked {
    filter: url(../images/filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}
.Showreel.list_entry .entry_navigation {
    border-radius: 1px;
    background: rgba(255,255,255,.7);
}
.sortable.list.ui-sortable .Showreel.list_entry .container {
    max-width: 100px;
    padding-bottom: 100px;
}
.Showreel.list_entry .container {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    margin-bottom: -30%;
    float: left;
    height: 0;
}
.Showreel.list_entry a.container > * {
    border: 1px solid rgba(0,0,0, .1);
    display: table-cell;
    width: 100%;
    height: 70%;
    position: absolute;
    left: 0;
}
.Showreel.list_entry .img {
    display: table-cell;
    padding-top: 50%;
    text-align: center;
}
.Showreel.list_entry .img .bg {
    border-radius: 16px;
    background: rgba(255,255,255,.7);
}
.Showreel.list_entry .img > * {
    display: inline-block;
    vertical-align: middle;
    margin-top: -50%;
}

.artist.entry_navigation li,
.playlist.list_entry .container .entry_navigation li {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: rgba(255, 255, 255, .5);
}
.artist.entry_navigation li:hover,
.playlist.list_entry .container .entry_navigation li:hover {
    background-color: rgba(255, 255, 255, .7);
}
.playlist .Tags {
    font-size: 11px;
}
.playlist .super-heading {
    float: left;
    width: 62%;
}
.playlist .options {
    min-width: 38%;
    float: right;
    line-height: 24px;
    margin: 19px 0;
}
.playlist .options > * {
    float: right;
}
a.secret-link {
    word-break: break-all;
}
.sign_in_message {
    font-size: 14px;
    line-height: 20px;
}
.page_container .ui-slider > .ui-slider-handle {
    background: none;
    background-color: #33a8e0;
}
.variant_icon {
    display: inline-block;
    background: url('../images/icons.svg') no-repeat;
    background-size: 512px 512px;
    background-position: -80px -480px;
    width: 16px;
    height: 16px;
    line-height: 16px;
}
.variant_icon:hover {
    background-position: -96px -480px;
}
.variant_icon img {
    display: none;
}
.list_entry .variant_icon {
    vertical-align: middle;
    display: inline-block;
}
.track_view .variant_icon.help_icon {
    margin-top: 16px;
}


.lock_button {
    background: transparent url('../images/icons.svg') no-repeat;
    background-size: 640px 640px;
    background-position: -140px -600px;
    cursor: pointer;
    margin: 0 4px;

    vertical-align: bottom;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.list_entry .lock_button {
    margin: 0;
    width: 20px;
    height: 20px;
     margin-top: 2px;
    display: inline-block;
    vertical-align: middle;
}
.lock_button.tooltip {
    cursor: pointer;
}
.lock_button.locked {
    background-position: -160px -600px;
}
.lock_button.unlocked {
    background-position: -140px -600px;
}



.lock_icon {
    cursor: default;
}

.lock_icon {
    background: transparent url('../images/icons.svg') no-repeat;
    background-size: 512px 512px;
    background-position: -112px -480px;
    cursor: pointer;
    margin: 0 4px;

    vertical-align: bottom;
    display: inline-block;
    width: 16px;
    height: 16px;
}
.list_entry .lock_icon {
    margin: 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

.lock_icon.locked {
    background-position: -112px -480px;
}
.lock_icon.unlocked {
    background-position: -128px -480px;
}


.flash {
    display: block;
    background: #F5F5F6;
    padding: 4px 8px;
    border-radius: 1px;
    font-weight: 600;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    margin: 4px 0;
}
.traffic-sign-container {
    padding: 0 0 8px;
    cursor: help;
    text-align: left;
}
.traffic-sign-container.editable {
    cursor: pointer;
}
.list_entry.project .traffic-sign-container {
    width: 75px;
}
.traffic-sign {
    background: rgba(255, 0, 0, 0);
    vertical-align: middle;
    height: 18px;
}
.small .traffic-sign {
    height: 12px;
}
.traffic-sign .option {
    vertical-align: middle;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 6px 5px;
}
.traffic-sign.running .option.running,
.traffic-sign.pending .option.pending,
.traffic-sign.closed .option.closed {
    width: 18px;
    height: 18px;
    margin: 0 1px;
}
.editable.traffic-sign {
    cursor: pointer;
}
.editable.traffic-sign.running:hover .option.closed,
.editable.traffic-sign.pending:hover .option.closed,
.editable.traffic-sign.closed.past-deadline:hover .option.pending,
.editable.traffic-sign.closed.before-deadline:hover .option.running {
    width: 14px;
    height: 14px;
    margin: 2px 1px;
}
.small .traffic-sign .option {
    width: 4px;
    height: 4px;
    margin: 4px 5px;
    /*border-radius: 1px;*/
}
.small .traffic-sign.running .option.running,
.small .traffic-sign.pending .option.pending,
.small .traffic-sign.closed .option.closed {
    width: 12px;
    height: 12px;
    margin: 0px 1px;
    /*border-radius: 2px;*/
}
.small .editable.traffic-sign.running:hover .option.closed,
.small .editable.traffic-sign.pending:hover .option.closed,
.small .editable.traffic-sign.closed.past-deadline:hover .option.pending,
.small .editable.traffic-sign.closed.before-deadline:hover .option.running {
    width: 10px;
    height: 10px;
    margin: 1px 2px;
}
.traffic-sign .option.running {
    background: #84B518;
}
.traffic-sign.closed .option.running:active {
    background: #649500;
}
.traffic-sign .option.pending {
    background: #F8BE03;
}
.traffic-sign.closed .option.pending:active {
    background: #D89E00;
}
.traffic-sign .option.closed {
    background: #E66788;
}
.traffic-sign.running .option.closed:active,
.traffic-sign.pending .option.closed:active {
    background: #C64768;
}
.ui-widget.ui-tooltip {
    position: absolute;
    z-index: 9999;
    border: 1px solid rgba(88, 88, 90, 0.3);
    border-radius: 0px;
    background: #eee;
    opacity: 0.95;
    box-shadow: 0 0 10px white;
    max-width: 300px;
    padding: 8px;
}
.ui-tooltip-content {
    text-align: left;
}
.ui-widget.ui-tooltip h3 {
    margin: 0;
}
.ui-tooltip ul {
    list-style: none;
}
form.edit-secretlink,
form.edit-secretlink fieldset {
    background: transparent;
    border: none;
    padding: 0;
    margin: 10px 0 0 0;
}
input[type=text].big,
input[type=password].big {
    padding: 2px 5px;
    border: 1px solid rgba(88, 88, 90, 0.3);
    height: 22px;
    font-size: 14px;
}
input[type=text].big,
input[type=password].big {
    height: 28px;
    width: 100%;
}
.entry-content form#wpsearchform {
    margin-top: 15px;
    background: none;
    border: none;
}
.entry-content #wpsearchform input#s[type=text] {
    width: 500px;
}
.light-box {
    position: absolute;
    margin: auto;
    top: 100px;
    z-index: 99;
}
.light-box .view {
    width: 100%;
    padding: 0;
}
.light-box .page_modal_nav,
.light-box .page_modal_frame {
    position: fixed;
    z-index: 20;
    overflow: auto;
    max-width: 910px;
    max-height: 86vh;
    padding: 0;
    border-radius: 1px;
    background-color: transparent;
    text-align: left;
}
.light-box .page_modal_content {
    position: relative;
    width: 100%;
    padding: 24px 16px;
    margin: auto;
    overflow: auto;
    word-wrap: break-word;
    background-color: #FFFFFE;
}
.light-box.landscape .page_modal_frame,
.light-box.landscape .page_modal_nav {
    max-width: 98%;
    max-height: 690px;
}
.light-box.landscape .page_modal_content {
    width: 100%;
}
.light-box.signin .page_modal_frame {
    width: 95%!important;
    max-width: 600px!important;
}
.light-box .page_modal_frame .fixed {
    position: fixed;
    width: 910px;
    bottom: 65px;
}
.light-box .page_modal_nav {
    display: none;
    background: transparent;
    text-align: right;
}
.light-box .page_modal_nav .page_modal_close_btn {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    font-family: Arial, sans-serif;
    text-align: center;
    cursor: pointer;
    background-color: #717478;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    color: #FFFFFE;
}
.light-box .page_modal_nav .page_modal_close_btn:hover {
    background-color: #515458;
}
.light-box .page_modal_nav .page_modal_close_btn:active {
    background-color: #313438;
}
.loader_anim {
    background: transparent url('../images/icons.svg') no-repeat -144px -576px;
    background-size: 768px 768px;
    text-align: center;
    vertical-align: middle;
    height: 24px;
    width: 24px;
    margin: 2px;
    overflow: hidden;
    display: inline-block;
    -webkit-animation: loader-rotation .8s step-end infinite;
    animation: loader-rotation .8s step-end infinite;
}
@-webkit-keyframes loader-rotation {
    0% { -webkit-transform: rotate(0deg); }
    12.5% { -webkit-transform: rotate(45deg);   }
    25% { -webkit-transform: rotate(90deg); }
    37.5% { -webkit-transform: rotate(135deg); }
    50% { -webkit-transform: rotate(180deg); }
    62.5% { -webkit-transform: rotate(225deg); }
    75% { -webkit-transform: rotate(270deg); }
    87.5% { -webkit-transform: rotate(315deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes loader-rotation {
    0% { transform: rotate(0deg); }
    12.5% { transform: rotate(45deg);   }
    25% { transform: rotate(90deg); }
    37.5% { transform: rotate(135deg); }
    50% { transform: rotate(180deg); }
    62.5% { transform: rotate(225deg); }
    75% { transform: rotate(270deg); }
    87.5% { transform: rotate(315deg); }
    100% { transform: rotate(360deg); }
}
.loader_anim.dark {
    background-position: -168px -576px;
}
.loader_anim.small {
    background-size: 512px 512px;
    background-position: -96px -384px;
    height: 16px;
    width: 16px;
}
.loader_anim.large {
    background-size: 1536px 1536px;
    background-position: -288px -1152px;
    height: 48px;
    width: 48px;
}
.loader_anim.small.dark {
    background-position: -112px -384px;
}
.loader_anim.small.nospace {
    margin: 0;
}
.loader_anim.page-part.reloading {
    position: absolute;
    margin: 12px auto;
}
.site_navigation .loader_anim.page-part.reloading,
.site_footer .loader_anim.page-part.reloading {
    margin: 4px auto;
    right: 4px;
}
img.loader_anim {
    background: none;
}
img.client-logo {
    padding: 15px;
}
form.merge-form {
    border: 2px solid #000;
    padding: 0 10px;
}
.light-box form.merge-form {
    border: none;
    background: #FFFFFF;
}
form.merge-form table {
    width: 100%;
}
form.merge-form hr.grey,
form.merge-form table tr {
    border-bottom: 1px solid #9B9C9E;
}
form.merge-form div.nav,
form.merge-form table tr td {
    vertical-align: middle;
    text-align: left;
    padding: 5px;
}
form.merge-form table tr td:nth-child(2) {
    width: 75%;
}
form.merge-form table tr td:first-child {
    padding-left: 0;
    text-align: left;
}
form.merge-form table tr td:first-child > * {
    line-height: 25px;
}
form.merge-form div.nav,
form.merge-form div .nav {
    text-align: left;
    padding: 0;
}
form.merge-form div .nav {
    display: inline-block;
    padding: 15px 0;
    white-space: nowrap;
}
.light-box form.merge-form div .nav {
    padding: 25px 0 0;
}
form.merge-form .large {
    font-size: 20px;
    vertical-align: middle;
}
#container_uploaded .view_part {
    border-top: 1px solid #33a8e0;
}
#container_uploaded label[for=download_visible_to_all] span.help.icon,
#container_uploaded label[for=download_visible_no] span.help.icon,
#container_uploaded label[for=visible_to_all] span.help.icon,
#container_uploaded label[for=visible_no] span.help.icon {
    margin-left: 3px;
}
.request-status-tooltip {
    width: 14px;
    height: 14px;
    background: #84B518;
    display: inline-block;
    vertical-align: middle;
}
.request-status-tooltip.running {
    background: #84B518;
}
.request-status-tooltip.pending {
    background: #F8BE03;
}
.request-status-tooltip.closed {
    background: #E66788;
}
.prev-triangle {
    display: inline-block;
    margin-left: -14px;
    padding-left: 7px;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 14px solid #33a8e0;
    color: transparent;
}
.next-triangle {
    display: inline-block;
    margin-right: -14px;
    padding-right: 7px;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 14px solid #33a8e0;
    color: transparent;
}
*:hover > .next-triangle,
.next-triangle:hover {
    border-left: 14px solid #0074A2;
}
*:hover > .prev-triangle,
.prev-triangle:hover {
    border-right: 14px solid #0074A2;
}
.mark_area {
    position: relative;
    width: 100%;
    top: 0;
    bottom: 0;
    user-select: none;
    cursor: col-resize;
}
.mark_area .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: col-resize;
    pointer-events: none;
}
.mark_area .marked,
.Track.list_entry .marked,
.Submission.list_entry .marked {
    position: absolute;
    top: 0;
    height: 50px;
    cursor:col-resize;
    background: rgba(132, 181, 24, 0.5);
    user-select: none;
    pointer-events: none;
}
.Submission.list_entry .inline_notes {
    margin-top: 8px;
}
.Request .details .table .td:first-child {
    width: 25%;
}
.Request .details .budget_payout_box {
    text-align: left;
    padding-top: 16px;
}

.Request .details .budget_payout_box .budget_payout {
    font-size: 18px;
    font-weight: 600;
}
.help.icon {
    background: url('../images/icons.svg');
    background-size: 384px 384px;
    background-position: -48px -360px;
    display: inline-block;
    width: 12px;
    height: 12px;
}
.help.icon.large {
    background-size: 640px 640px;
    background-position: -80px -600px;
    width: 20px;
    height: 20px;
}
.shared_info {
    background: #9B9C9E;
    border-radius: 3px;
    color: #FFFFFE;
    padding: 1px 3px;
}
.member_inline_list img {
    width: 25px;
    margin-right: 3px;
}
.member_inline_list img.unknown {
    opacity: .7;
}
.sheet.container table.info-table {
    margin-left: 10px;
    padding: 2px 3px;
}
.sheet.container table td.label {
    text-align: right;
}
.sheet.container table#the-table {
    width: 100%;
}
.sheet.container.print-view table#the-table {
    width: 1000px;
}
.sheet.container table#the-table th {
    color: #9B9C9E;
    padding: 10px 4px;
    vertical-align: middle;
}
.sheet.container.editable table#the-table th {
    position: relative;
}
.sheet.container table#the-table th.dragable {
    padding-left: 25px;
    border-left: 1px solid #FFFFFE;
    background: #F5F5F5;
}
.sheet.container.editable table#the-table th.dragable {
    cursor: col-resize;
}
.sheet.container .drag-placeholder {
    box-shadow: 0 0 10px rgba(0, 0, 0, .7) inset;
}
.sheet.container table#the-table thead th {
    font-weight: 400;
    border-bottom: 2px solid #9B9C9E;
    border-top: 2px solid #9B9C9E;
}
.sheet.container table#the-table thead th a.button {
    float:right;
    margin-right: 16px;
}
.sheet.container table#the-table tbody tr:last-child td {
    border-bottom: 2px solid #9B9C9E !important;
}
.sheet.container table#the-table tbody td {
    border-bottom: 1px dashed #9B9C9E;
    vertical-align: top;
    padding: 5px;
}
.sheet.container table#the-table tbody td textarea {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
}
.sheet.container table#the-table tbody td.add_col {
    width: 20px;
}
.sheet.container.editable table#the-table tbody tr:hover {
    background: #9B9C9E;
    color: #FFFFFE;
}
.sheet.container.editable table#the-table tbody tr:hover a {
    color: #E5E5E4;
}
.sheet.container.editable table#the-table tbody tr:hover a:hover {
    color: #FFFFFE;
}
.sheet.container table#the-table td.editable {
    border-top: 1px inset transparent;
    width: 200px;

    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
}
.sheet.container.editable table#the-table td.editable {
    cursor: text;
}
.sheet.container.editable table#the-table td.editable:hover {
    border-bottom: 1px inset #9B9C9E;
    background: #FFFFFE;
    color: #9B9C9E;
}
.sheet.container.editable table#the-table tbody tr td.editable:hover a {
    color: #33a8e0;
}
.sheet.container.editable table#the-table tbody tr td.editable:hover a:hover {
    color: #0074A2;
}
.sheet.container table#the-table th .delete.button {
    position: absolute;
    top: 1px;
    left: 2px;
    cursor: pointer;
    border: 1px solid #9B9C9E;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 15px;
    width: 15px;
    height: 15px;
}
.sheet.container table#the-table th .delete.button:hover {
    color: #FFFFFE;
    border-color: transparent;
    background: -webkit-linear-gradient(top, #5B5C5E, #3B3C3E); /* For Safari */
    background: -o-linear-gradient(bottom, #5B5C5E, #3B3C3E); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #5B5C5E, #3B3C3E); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #5B5C5E, #3B3C3E); /* Standard syntax */
}
.project .qq-upload-drop-area {
    background: #EDEDED;
    color: #9D9D9D;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: default;
    border-radius: 3px;
    font-weight: 600;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-size: 20px;
    line-height: 100px;
    text-align: center;
    vertical-align: middle;
    height: 100px;
    width: 100%;
    margin: 10px 0;
}
.project .files {
    padding: 10px 5px;
}
.project .files ul {
    list-style: none;
}
.project .files ul .file {
    vertical-align: middle;
    position: relative;
    padding-bottom: 3px;
}
.project .files ul .filename {
    vertical-align: middle;
}
.project .files ul .delete {
    vertical-align: middle;
}
.file .icon,
.file.icon,
.fileicon {
	background: url("../images/icons.svg") no-repeat;
    background-size: 800px 800px;
    width: 25px;
    height: 25px;
	background-position: -125px -600px;
    display: inline-block;
    vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #0084B2 !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    background: #33a8e0 !important;
}
.recommendation.icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("../images/icons.svg") no-repeat;
    background-size: 800px 800px;
    background-position: -225px -700px;
}
.Track.list_entry .recommendation.icon,
.Submission.list_entry .recommendation.icon {
    margin: 0 -3px -12px -12px;
}
.syncr_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    border-radius: 9px;
    vertical-align: middle;
    text-align: center;
    background: #FCD633;
    color: #E5B400;
}
.syncr_icon.small {
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 10px;
    border-radius: 6px;
}
.syncr .site_navigation > ul > li.you {
    overflow: hidden;
}
.tnf_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    border-radius: 9px;
    vertical-align: middle;
    text-align: center;
    background: #E66788;
    color: #C24354;
}
.track.icon,
.request.icon,
.playlist.icon {
    line-height: 25px;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
    border-radius: 3px;
    background-color: #EDEDED;
}
.track.icon {
    background-position: -750px -525px;
}
a:hover .track.icon {
    background-position: -750px -550px;
}
.request.icon {
    background-position: -500px -525px;
}
a:hover .request.icon {
    background-position: -500px -550px;
}
.playlist.icon {
    background-position: -475px -525px;
}
a:hover .playlist.icon {
    background-position: -475px -550px;
}
.invited_vip_icon {
    display: inline-block;
    vertical-align: middle;
    background: url("../images/icons.svg") no-repeat rgba(255,0,0,.5);
    background-size: 800px 800px;
	background-position: -25px -600px;
    width: 25px;
    height: 25px;
}
.bulk-selectallarrow {
    display: inline-block;
    background: url("../images/icons.svg") no-repeat;
    background-size: 1280px 1280px;
    width: 40px;
    height: 40px;	
	background-position: 0 -960px;
}
.bulk-selectallarrow-below {
    display: inline-block;
    background: url("../images/icons.svg") no-repeat;
    background-size: 1280px 1280px;
    width: 40px;
    height: 40px;
    background-position: 0 -920px;
}
.bulk-options {
    margin-left: -25px;
}
.bulk-options label {
    display: inline-block;
    min-height: 32px;
}

.bulk-options .entry_navigation{
    padding-top: 20px;
}
#container_upgrade.loading iframe[name=ecommerce_iframe] {
    background: url('../images/loader_animation.gif') no-repeat top center transparent;
    background-position: center 24px;
    width: 100%;
    height: 80vh;
}
.payment-page {
    max-width: 450px;
    margin: auto;
}
#form_upgrade {
    background: none;
    border: none;
}
.creditcard-button-container {
    min-width: 300px;
    max-width: 500px;
    font-size: 14px;
}
.creditcard-button-row {
    height: 45px;
    vertical-align: top;
    min-height: 30px;
    max-height: 55px;
}
.creditcard-button {
    border-radius: 4px;
    background: #33a8e0;
    color: #fff;
    display: inline-block;
    text-align: center;
    height: 100%;
    width: 100%;
}
.creditcard-button * {
    cursor: pointer;
}
.creditcard-button-label-container {
    margin: 0px 4vw;
    height: 21px;
    max-height: 27px;
    min-height: 18px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#mollie-container form {
    background: none;
    border: none;
}

img.mollie-badge {
    max-height: 30px;
    margin-top: 20px;
}

#mollie-container button {
    width: 100%;
    height: 45px;
    border-radius: 4px;
}

#mollie-container .wrapper {
  padding: 10px;
}

#mollie-container .form {
  max-width: 500px;
  margin: 0 auto;
  padding: 20px;
}

#mollie-container .form-fields {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}

#mollie-container .form-group {
  position: relative;
  /* Set a min-height for when the components are still loading */
  min-height: 52px;
}

/* Position the label over the input field (as if its a placeholder) */
#mollie-container .label {
  position: absolute;
  top: 16px;
  left: 17px;
  color: #888;

  transform-origin: top left;
  transition: all 0.05s ease;
}

/* Move the label to the top on focus or when the field is dirty */
#mollie-container .form-group.has-focus .label,
#mollie-container .form-group.is-dirty .label {
  transform: scale(0.65) translateY(-65%);
}

#mollie-container .form-error,
#mollie-container .field-error {
  margin-top: 8px;
  margin-bottom: 0;
  color: #f00;
  font-size: 13px;
  font-weight: 500;
}

#mollie-container .mollie-component {
  width: 100%;
  padding: 18px 15px 10px;
  color: #222;

  border: 2px solid transparent;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
    0px 0px 0px 1px rgba(0, 0, 0, 0.05);

  transition: all 0.05s ease;
}

#mollie-container .mollie-component.has-focus {
  border-color: #07f;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 6px 0px rgba(0, 0, 0, 0.1),
    0px 0px 0px 1px rgba(0, 0, 0, 0.05);
}

#mollie-container .mollie-component.is-invalid {
  border-color: #f00;
  background-color: #fff0f0;
}

/* Hide the iframe by default */
#mollie-container .mollie-component iframe {
  opacity: 0;
  transition: all 0.05s ease;
}

/* Show the iframe on focus or when dirty */
#mollie-container .form-group.has-focus .mollie-component iframe,
#mollie-container .form-group.is-dirty .mollie-component iframe {
  opacity: 1;
}

#mollie-container .submit-button {
  display: block;
  margin-top: 10px;
  border: 0;
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  width: 100%;
  height: 45px;
  border-radius: 4px;
}

#mollie-container .submit-button:not(:disabled):hover,
#mollie-container .submit-button:not(:disabled):focus {
  outline: 0;
  background: #2890C3;
}

@media (min-width: 321px) {
  #mollie-container .form-fields {
    grid-template-columns: 1fr 1fr;
  }

  #mollie-container .form-group--cardHolder {
    grid-column: span 2;
  }

  #mollie-container .form-group--cardNumber {
    grid-column: span 2;
  }
}

@media (min-width: 480px) {
  #mollie-container .wrapper {
    padding: 20px;
  }

  #mollie-container .form {
    padding: 40px;
  }
}

#paypal-button-container {
    margin-top: 2em;
}

.payment-page #div_buttons {
    margin-top: 70px;
}

.table.info_container.small_space.full_width {
    margin-bottom: 10px;
}
/* Styles for Blog*/
.tnf-frontpost a {
    font-weight: 600;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
}
.widget-area-2 h3, .widget-area select {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
    font-weight: 300 !important;
}
.entry-title {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
    font-weight: normal;
}
h3.widget-title {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
    font-weight: 300 !important;
}
/* Syncflow Landingpage styles - flat design */
.syncr .landing-page {
    text-align: left;
}
.syncr .landing-page header {
    color: #FFFFFE !important;
    font-size: 24px;
}
.syncr .landing-page header,
.syncr .landing-page footer {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    background-position: center center;
}
.syncr .landing-page header .content .signin a {
    color: #FFFFFE !important;
    font-weight: 200;
}
.syncr .landing-page header .content .signin a:hover {
    color: #33A8E0 !important;
}
.syncr .landing-page header .content .signin {
    float: right;
    clear: right;
    font-size: 17px;
    line-height: 28px;
}
.Features .button,
.syncr .landing-page .button {
    min-width: 172px;
    line-height: 42px;
}
.syncr .landing-page header .content hr {
    border-bottom: 2px solid #FFFFFE;
}
.syncr .landing-page footer .content {
    color: #FFFFFE;
    text-align: center;
}
.syncr .landing-page footer .content .ask {
    line-height: 32pt;
    font-size: 22pt;
    font-weight: 300;
}
.syncr .landing-page footer .content .description {
    line-height: 18pt;
    font-size: 14pt;
    font-weight: 100;
}
.syncr .landing-page .content h2,
.syncr .landing-page .content h3 {
    text-align: center;
}
.syncr .landing-page .content h2 {
    padding: 0 24px 32px;
    margin: 0 0 32px;
    line-height: 30pt;
    font-size: 26pt;
    font-weight: lighter;
}
.syncr .landing-page .content h3 {
    padding: 32px 24px 0;
    margin: 32px 0 0;
    line-height: 30pt;
    font-size: 20pt;
    font-weight: 300;
    vertical-align: middle;
}
.syncr .landing-page .content h3 .icon {
    display: inline-block;
    background: url("../images/icons.svg") no-repeat;
    background-size: 1280px 1280px;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-right: 8px;
}
.syncr .landing-page .content h3 .icon.music {
    background-position: -80px -1240px;
}
.syncr .landing-page .content h3 .icon.briefs {
    background-position: 0 -1240px;
}
.syncr .landing-page .content h3 .icon.handling {
    background-position: -40px -1240px;
}
.syncr .landing-page .content h3 .icon.collaboration {
    background-position: -120px -1240px;
}
.syncr .landing-page .content h2 span {
    border-bottom: 2px solid #33A8E0;
    padding-bottom: 8pt;
}
.syncr .landing-page header .logo {
    background: transparent url('../images/Logo.png') no-repeat center left;
    background-size: 28px 28px;
    padding: 0 22px 0 32px;
    font-family: "Nilland", Georgia, serif;
    font-size: 28px;
    line-height: 28px;
    text-transform: lowercase;
}
.syncr .landing-page header.pricing .logo {
    background-size: 100px 100px;
    padding: 0 22px 0 116px;
    font-size: 100px;
    font-weight: bold;
    line-height: 100px;
    float: left;
}
.syncr .landing-page header.pricing .content .description {
    line-height: 30pt;
    font-size: 26pt;
    float: right;
}
.syncr .landing-page header .content .description {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 100;
    font-size: 17px;
    line-height: 28px;
}
.syncr .landing-page header .content .slogan {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 300;
    text-align: center;
}
.syncr .landing-page header .content .slogan .part-2 {
    font-size: 54px;
    line-height: 66px;
    font-weight: 300;
    padding: 0;
    margin: 0;
    border: 0;
    text-transform: none;
}
.syncr .landing-page header .content .slogan .info {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 200;
    font-size: 16px;
}
.syncr .landing-page .facts {
    text-align: center;
    background: #33A8E0;
    color: #FFFFFE;
}
.syncr .landing-page .facts .fact-1,
.syncr .landing-page .facts .fact-2,
.syncr .landing-page .facts .fact-3 {
    display: inline-block;
    vertical-align: top;
}
.syncr .landing-page .facts p:first-child {
    font-size: 22px;
    font-weight: 200;
}
.syncr .landing-page .facts p:last-child {
    font-size: 13px;
    font-weight: 200;
}
.syncr .landing-page .content {
    margin: auto;
}
.syncr .landing-page .content .feature {
    border-collapse: separate;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
}
.syncr .landing-page .content .feature td {
    vertical-align: top;
    text-align: left;
    box-shadow: 3px 3px 0 #E2E2E2;
    background: #FFFFFE;
}
.syncr .landing-page .content .feature td.preview img {
    width: 100%;
}
.syncr .landing-page .Features table tr td {
    border-left: 16px solid #F7F6F5;
}
.syncr .landing-page .Features table tr td:last-child {
    border-right: 16px solid #F7F6F5;
}
.syncr .landing-page .Features {
    padding: 0 8px;
}
.syncr .landing-page .Features .floating {
    margin: 0;
}
.syncr .landing-page .feature ul.custom-tick li {
    background-position: 0 2px;
}
.tnf .landing-page h1 {
    border: none;
    text-transform: none;
}
.tnf .landing-page a.button.blue {
    line-height: 34px;
    font-size: 18px;
    font-weight: 300;
}
.tnf .landing-page header {
    position: relative;
    height: 56vw;
}
.tnf .landing-page header > :first-child {
    width: 100%;
    height: 100%
}
.showreel-player {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.boilerplate .showreel-player {
    height: 690px;
}
.showreel-player {
    background: #3C3C3E;
    position: relative;
    width: 100%;
    min-height: 2px;
}
.showreel-player > * {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;
    -khtml-transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear;
    -ms-transition: opacity 1s linear;
    transition: opacity 1s linear;
}
.showreel-player > * > .centered {
    position: absolute;
    right: 50%;
    top: 0;
    width: 100%;
    height: 100%;
}
.showreel-player > * > .centered > * {
    position: relative;
    right: -50%;
    width: 100%;
    -o-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;
    -khtml-transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear;
    -ms-transition: opacity 1s linear;
    transition: opacity 1s linear;
}
.showreel-player > * > .centered .hide {
    opacity: 0;
}
.showreel-player .info {
    position: absolute;
    font-size: 16px;
    line-height: 22px;
    text-align: right;
    color: #FFFFFE;
    /* @media */
    right: 16px;
    bottom: 24px;
}
.showreel-player > * > .centered > nav {
    top: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    opacity: 1;
    -o-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -khtml-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}
.showreel-player > * > .centered > nav.hide {
    opacity: 0;
}
.showreel-player button.play,
.showreel-player a.button.play,
.showreel-player button.pause,
.showreel-player a.button.pause {
    background-size: 2048px 2048px;
    height: 64px;
    width: 64px;
    margin-top: -32px;
    top: 50%;
}
.showreel-player button.play,
.showreel-player a.button.play {
    background-position: 0 -1600px;
}
.showreel-player button.play:hover,
.showreel-player a.button.play:hover {
    background-position: -64px -1600px;
}
.showreel-player button.pause,
.showreel-player a.button.pause {
    background-position: -128px -1600px;
}
.showreel-player button.pause:hover,
.showreel-player a.button.pause:hover {
    background-position: -192px -1600px;
}
.showreel-player ~ nav {
    position: relative;
    width:100%;
    bottom: 0;
    text-align: center;
    font-size: 48px;
    line-height: 48px;
    margin-top: -48px;
}
.showreel-player ~ nav > * {
    display: inline-block;
    vertical-align: middle;
    background: #EDEDED;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    margin: 0 4px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.2);
}
.showreel-player ~ nav > *:hover {
    background: #2890C3 !important;
}
.showreel-player ~ nav > *.active {
    background: #33a8e0;
    box-shadow: none;
}
/* This used to work for parent element of button divs */
/* But it is not enough now, below dont hide play button parent div */
.showreel-player *::-webkit-media-controls-panel {
    display: none!important;
    -webkit-appearance: none;
}
/* Old shadow dom for play button */
.showreel-player *::-webkit-media-controls-play-button {
    display: none!important;
    -webkit-appearance: none;
}
/* New shadow dom for play button */
/* This one works */
.showreel-player *::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none
}
.tnf .landing-page .info-box {
    position: absolute;
    background: rgba(0,0,0, .3);
    color: #FFFFFE;
    z-index: 3;
    /* Move to @media queries */
    left: 16px;
    top: 54px;
    padding: 16px;
    width: 212px;
}
.tnf .landing-page .info-box h1 {
    font-size: 32px;
    line-height: 32px;
    font-weight: 100;
    margin-top: 0;
    padding: 0;
}
.tnf .landing-page .info-box .description {
    font-size: 18px;
}
.tnf .landing-page .info-box .button.blue {
    width: 100%;
}
.tnf .landing-page .facts {
    background: #3C3C3E;
    color: #FFFFFE;
}
.tnf .landing-page .facts > * {
    display: inline-block;
    text-align: center;
    width: 33%;
    /* Move to @media queries */
    padding: 12px;
}
.tnf .landing-page h2,
.tnf .landing-page .facts a {
    font-size: 16px;
    font-weight: 300;
    /* Move to @media queries */
    margin: 16px 0;
}
.tnf .landing-page .facts a.green:hover {
    color: #A4D538;
}
.tnf .landing-page .facts a.yellow:hover {
    color: #FFDE23;
}
.tnf .landing-page .facts a.magenta:hover {
    color: #FF87A8;
}
.tnf .landing-page table {
    width: 100%;
    border-collapse: collapse;
}
.tnf .landing-page tr > td {
    width: 50%;
    vertical-align: top;
    /* @media */
    padding: 8px;
}
.tnf .landing-page tr > td > h2 {
    margin: 0;
    color: #FFFFFE;
}
.tnf .landing-page tr > td > h2,
.tnf .landing-page tr > td > span {
    display: inline-block;
    float: left;
    /* @media */
    padding: 8px;
}
.tnf .landing-page tr > .clients {
    /* @media query */
    padding: 16px 0 16px 8px;
}
.tnf .landing-page tr > .awards {
    /* @media query */
    padding: 16px 8px 16px 0;
}
.tnf .landing-page tr > .clients h3,
.tnf .landing-page tr > .awards h3 {
    /* @media query */
    margin-bottom: 8px;
}
.tnf .landing-page tr > .clients .short img,
.tnf .landing-page tr > .awards .short img{
    width: 14.285%;
    min-width: 40px;
}
.tnf .landing-page .music-searches {
    background-color: #84B518;
}
.tnf .landing-page .song-clearance {
    background-color: #F8BE03;
}
.tnf .landing-page .original-composition {
    background-color: #E66788;
}
.tnf .landing-page .get-in-touch {
    background-color: #9B9C9E;
}
.tnf .landing-page .details td .button.white-framed {
    float:right;
    /* @media */
    margin: 8px;
}
.tnf .landing-page .om-banner {
    text-align: center;
}
.tnf .landing-page .om-banner h2,
.tnf .landing-page .om-banner span {
    color: #2890C3;
    float: none;
}
.tnf .landing-page .om-banner h2 {
    font-size: 30px;
    width: 100%;
    /* @media */
    margin: 24px 0;
}
.tnf .landing-page .om-banner a,
.tnf .landing-page .om-banner span {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    vertical-align: middle;
}
.tnf .landing-page .om-banner span {
    width: 320px;
    margin: auto;
    display: inline-block;
    text-align: left;
}
.tnf .landing-page .wp-caption {
    width: 100% !important;
}
.tnf .landing-page table.blog,
.tnf .landing-page .blog-headline {
    width: auto;
    /* @media */
    margin: 16px;
}
.tnf .landing-page .blog-headline {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 20px;
    margin-top: 48px;
}
.tnf .landing-page .blog-link {
    float:right;
    font-weight: 200;
    text-transform: none;
}
.tnf .landing-page .blog-post {
    background: #EDEDED;
    color: #58585a;
    font-weight: 300;
    /* @media */
    border-right: 16px solid #FFFFFE;
    border-bottom: 16px solid #FFFFFE;
    padding: 16px;
}
.tnf .landing-page .blog-post:last-child {
    border-right: 0;
}
.tnf .landing-page .blog-post img,
.tnf .landing-page .blog-post iframe {
    max-width: 100%;
    height: auto;
}
.tnf .landing-page .blog-post h1 {
    font-size: 18px;
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 0;
    color: initial;
}
.tnf .landing-page .blog-post p:nth-child(2) {
    /* @media */
    margin-bottom: 16px;
}
.right-arrow {
    display: inline-block;
    height: 0;
    vertical-align: middle;
    border-left: 12px solid #33A8E0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
a:hover .right-arrow {
    border-left-color: #2890C3;
}
input.features-toggle,
input.feature-toggler {
    display: none;
}
ul.custom-tick li {
    background: url(../images/tick.svg) no-repeat 0 0;
    background-size: 16px 16px;
    margin-left: -16px;
    padding-left: 16px;
    list-style: none;
}

#site_footer #needmusicbar {
    margin: auto;
    padding-bottom: 12px;
}

#site_footer #needmusicbar .nmbar_col {
    min-width: 293px;
}
#site_footer #needmusicbar a {
    color: #33a8e0;
}

#site_footer #socialbar {
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
}
#site_footer #socialbar ul{
    list-style:none;
    position:relative;
    left:50%;
}

#site_footer #socialbar li{float:left;position:relative;}/* ie needs position:relative here*/

#site_footer #socialbar a{
    text-decoration:none;
    margin:10px;
    float:left;
    text-align:center;
    white-space:nowrap;
}


#site_footer .cols {
    display: table;
    margin: auto;
    display: flex;
    flex-flow: row wrap;
}

#site_footer .col {
    with: 16.67%;
    display: table-cell;
      flex: 1 1 16%;
    text-align: center;
}

#site_footer .clear {
    clear: both;
}
#site_footer .about-us ul {
    display: inline-block;
    vertical-align: top;
}
#site_footer .about-us img {
    width: 24px;
    height: 24px;
    margin-left: 10px;
}
.interesting_members .user img {
    width: 120px;
}
.site_navigation > ul > li:hover > label,
.site_navigation > ul > li:hover > a,
.site_navigation ul li a:hover,
.site_navigation ul li.sub.main:hover > a {
    color: #FFFFFE;
}
.site_navigation ul li.yellow:hover > a {
    color: #FFEE43;
}
.site_navigation ul li.green:hover > a {
    color: #C4F558;
}
.site_navigation ul li.magenta:hover > a {
    color: #FF97B8;
}
.site_navigation ul li.no_link > a:hover {
    color: #9B9C9E;
}
.site_navigation input.sub-menu-toggler {
    display: none;
}
.track-selector {
    position: relative;
}
.select-panel {
    background: #E6F6FB;
    padding: 16px;
}
.select-panel h1 {
    margin-left: -16px;
    margin-right: -16px;
    background: #FFFFFE;
    margin-top: -16px;
}
.select-panel .keyword,
.select-panel .results {
    width: 100%;
}
.select-panel .arrow {
    text-align: center;
}
.select-panel .arrow {
    text-align: center;
}
.select-panel .results {
    border: 1px solid rgba(88, 88, 90, 0.3);
    overflow-y: auto;
}
.select-panel .results optgroup {
    font-weight: 600;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    background-color: #F5F5F6;
    color: #9B9C9E;
}
.select-panel .results option {
    font-weight: normal;
    background-color: #FFFFFE;
    color: #58585A;
    cursor: pointer;
}
.select-panel .results option:hover {
    color: #FFFFFE !important;
    background-color: #33a8e0 !important;
}
.name-value-pair {
    position: relative;
    display: block;
    clear: both;
    width: 100%;
    height: auto;
    margin-bottom: 4px;
}
form .name-value-pair {
    margin-bottom: 8px;
}
.name-value-pair:last-child {
    margin-bottom: 0;
}
.name-value-pair > *:first-child {
    border: 0;
    margin: 0;
    padding: 0;
    padding-right: 12px;
    position: relative;
    float: right;
    text-align: right;
    width: 25%;
    right: 75%;
    clear: left;
    line-height: 134%;
}
.name-value-pair > *:nth-child(2) {
    border: 0;
    padding: 0;
    margin: 0;
    position: relative;
    float: left;
    text-align: left;
    width: 75%;
    left: 25%;
}
form .name-value-pair > *:nth-child(2) {
    width: 50%;
}
.name-value-pair > *:nth-child(2) input[type=text],
.name-value-pair > *:nth-child(2) input[type=password],
.name-value-pair > *:nth-child(2) input[type=number],
.name-value-pair > *:nth-child(2) textarea,
.name-value-pair > *:nth-child(2) select {
    width: 100%;
}
.name-value-pair > *:nth-child(2) .checkbox-wrapper,
.name-value-pair > *:nth-child(2) .nested,
.name-value-pair > *:nth-child(2) .nested > * {
    display: inline-block;
    vertical-align: middle;
}

.name-value-pair > *:nth-child(2) input.hidden {
    width: 1px;
    height: 1px;
}
.name-value-pair > *:nth-child(2) > textarea {
    min-height: 122px;
}
.name-value-pair > *:nth-child(2) input[type=radio],
.name-value-pair > *:nth-child(2) input[type=checkbox] {
    margin: 0;
}
.name-value-pair > *:nth-child(2) > label,
.name-value-pair > *:nth-child(2) .checkbox-wrapper > label{
    margin: 0 4px;
    color: inherit;
}
.name-value-pair.nesting
.name-value-pair .info {
    padding-top: 4px;
}
.name-value-pair > *:nth-child(2) > * > .checkbox-wrapper {
    float: left;
}
.name-value-pair.row-media .checkbox-wrapper {
    min-width: 144px;
}
.name-value-pair.row-add_usage_information .checkbox-wrapper {
    min-width: 137px;
}
.name-value-pair.row-media span.checkbox-wrapper:first-child {
    width: 100%;
}

.name-value-pair.row-media_other input[name=media_other] {
    width: 100%;
    float: left;
}

.name-value-pair.row-number_of_scripts {
    width: auto;
}
.name-value-pair.row-number_of_scripts input[type=number] {
    width: 38px;
}
.name-value-pair.row-term_length_months > *:nth-child(2) > input[type=number],
.name-value-pair.row-term_length_months > *:nth-child(2) > label,
.name-value-pair.row-term_length_months > *:nth-child(2) > .nested {
    float: left;
    width: auto;
}
.name-value-pair.row-max_duration_seconds > *:nth-child(2) > input[type=number],
.name-value-pair.row-max_duration_seconds > *:nth-child(2) > label,
.name-value-pair.row-max_duration_seconds > *:nth-child(2) > .nested {
    float: left;
    width: auto;
}
.Track .name-value-pair.row-publisher-email,
.Track .name-value-pair.row-label-email,
.Account .name-value-pair.row-lastname,
.Account .name-value-pair.row-needmusic_genre,
.Account .name-value-pair.row-needmusic_genre_other,
.Account .name-value-pair.row-position,
.Account .name-value-pair.row-zip,
.Account .name-value-pair.row-city,
.Account .name-value-pair.row-country,
.User .name-value-pair.row-repeat_password,
.name-value-pair.row-reference_song,
.name-value-pair.row-reference_artist {
    margin-top: -6px;
}

.Request .edit-budget .name-value-pair > *:nth-child(2),
.Account .edit_personal_information .name-value-pair > *:nth-child(2) {
    width: 75%;
}
.Account .edit_personal_information .name-value-pair > *:nth-child(2) input[type=text],
.Account .edit_personal_information .name-value-pair > *:nth-child(2) input[type=password],
.Account .edit_personal_information .name-value-pair > *:nth-child(2) input[type=number],
.Account .edit_personal_information .name-value-pair > *:nth-child(2) textarea,
.Account .edit_personal_information .name-value-pair > *:nth-child(2) select {
    width: 50%;
}
.name-value-pair.row-budget_type input[name=budget_fixed],
.name-value-pair.row-budget_type input[name=budget_min],
.name-value-pair.row-budget_type input[name=budget_range_min],
.name-value-pair.row-budget_type input[name=budget_range_max],
.name-value-pair select[name=budget_currency] {
    width: 96px;
}

.Request .number_of_scripts,
.Request .max_duration_seconds {
    min-width: 137px;
}

.Request .name-value-pair.row-excluded_territory .nested {
  width: 100%;
}
.Request .row-excluding {
  width: 100%;
}
.Request .row-excluding > .left{
  float: left;
}
.Request .row-excluding > .right{
  width: 75%;
  float: right;
}

.Request .checkbox-wrapper > label {
    line-height: 11px;
    vertical-align: top;
}

input.number_of_scripts, 
input.max_duration_seconds, 
input.term_length_months {
    width: 55px !important;
}

.media {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}

span:nth-child(13) {
    display: block;
    clear: left;
    flex-basis: 100%;
}

.add_usage_information {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}

.name-value-pair.row-add_usage_information .checkbox-wrapper {
    min-width: 137px;
}

.name-value-pair.row-media .checkbox-wrapper {
    min-width: 137px;
}

.row-MaxDurationFull .right {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: baseline;
}

.row-termLengthUnlimited .right {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: baseline;
}

.actions > * {
    display: inline-block;
    margin-right: 4px !important;
    margin-top: 4px !important;
}
.Track .actions,
.Request .actions,
.Profile .actions {
    float: right;
}
.Profile.view_on_the_web .name-value-pair > *:first-child > *,
.Profile.edit_on_the_web .name-value-pair > *:first-child > * {
    vertical-align: middle;
}
form .form-nav {
    margin-top: 24px;
}
form .form-nav > *:nth-last-child(n+2) {
    margin-bottom: 4px;
    margin-right: 4px;
}
form .form-nav > *:last-child {
    margin-right: 0;
}
form .form-nav.back-n-forward > *:nth-last-child(n+2) {
    float:left;
}
form .form-nav.back-n-forward > *:last-child {
    float:right;
}
.sign-in .materialize fieldset {
    padding: 0;
}
.sign-in form input.big {
    margin-bottom: 8px;
}
.Invites_om .upgrade.button.grey {
    float: right;
}
form textarea.invitation_message {
    width: 100%;
}
.SecretLink .form-nav,
.User .edit_nickname .form-nav {
    margin-top: 4px;
}
.sheet.container table#the-table thead th:after,
.Track.list_entry:after,
.tnf .landing-page .blog:after,
.tnf .landing-page .details td:after,
.clients.short:after,
.awards.short:after,
#splash_content:after,
.Features > *:after,
.form-nav:after,
.syncr .landing-page header.pricing .content:after,
.list.grid > li ul:after,
.toggler a.edit_toggler:after,
.Invites_om .upgrade.button.grey:after,
.name-value-pair:after,
.name-value-pair > *:nth-child(2) .nested:after,
.actions:after,
.clearfix-wrapper:after,
#view:after {
    content: " ";
    display: table;
    clear: both;
    zoom: 1;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
.privacy-policy li,
.terms-and-conditions li {
    padding: 4px 0 4px 16px;
}
.privacy-policy p,
.terms-and-conditions p {
    padding: 4px 0 4px 0;
}
.textAdvanced{
    height: 21px; 
    margin-left: 5px; 
    margin-bottom: 5px;
    float: right;
    width: 63%; 
}

.icon_facebook {
    background: url("../images/icons.svg") no-repeat;
    background-size: 960px 960px;
    width: 30px;
    height: 30px;
	display: inline-block;
	background-position: -240px -780px;
}

.icon_twitter {
    background: url("../images/icons.svg") no-repeat;
    background-size: 960px 960px;
    width: 30px;
    height: 30px;
	display: inline-block;
	background-position: -180px -780px;
}

.icon_vine {
    background: url("../images/icons.svg") no-repeat;
    background-size: 960px 960px;
    width: 30px;
    height: 30px;
	display: inline-block;
	background-position: -210px -750px;
}

.icon_youtube {
    background: url("../images/icons.svg") no-repeat;
    background-size: 960px 960px;
    width: 30px;
    height: 30px;
	display: inline-block;
	background-position: -210px -780px;
}

.icon_websites {
	background: url("../images/icons.svg") no-repeat;
    background-size: 960px 960px;
    width: 30px;
    height: 30px;
	display: inline-block;
	background-position: -270px -750px;
}

.icon_soundcloud {
	background: url("../images/icons.svg") no-repeat;
    background-size: 960px 960px;
    width: 30px;
    height: 30px;
	display: inline-block;
	background-position: -150px -780px;
}

.icon_discogs {
	background: url("../images/icons.svg") no-repeat;
    background-size: 960px 960px;
    width: 30px;
    height: 30px;
	display: inline-block;
	background-position: -120px -780px;
}

.icon_instagram {
    background: url("../images/icons.svg") no-repeat;
    background-size: 960px 960px;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-position: -240px -750px;
}

.icon_lastfm {
	background: url("../images/icons.svg") no-repeat;
    background-size: 960px 960px;
    width: 30px;
    height: 30px;
	display: inline-block;
	background-position: -120px -750px;
}

.icon_myspace {
	background: url("../images/icons.svg") no-repeat;
    background-size: 960px 960px;
    width: 30px;
    height: 30px;
	display: inline-block;
	background-position: -180px -750px;
}

.icon_skype {
	background: url("../images/icons.svg") no-repeat;
    background-size: 960px 960px;
    width: 30px;
    height: 30px;
	display: inline-block;
	background-position: -270px -780px;
}


.mini_icon_facebook {
    background: url("../images/icons.svg") no-repeat;
    background-size: 640px 640px;
    width: 20px;
    height: 20px;
	display: inline-block;
	background-position: -160px -520px;
}

.mini_icon_twitter {
    background: url("../images/icons.svg") no-repeat;
    background-size: 640px 640px;
    width: 20px;
    height: 20px;
	display: inline-block;
	background-position: -120px -520px;
}

.mini_icon_vine {
    background: url("../images/icons.svg") no-repeat;
    background-size: 640px 640px;
    width: 20px;
    height: 20px;
	display: inline-block;
	background-position: -140px -500px;
}

.mini_icon_youtube {
    background: url("../images/icons.svg") no-repeat;
    background-size: 640px 640px;
    width: 20px;
    height: 20px;
	display: inline-block;
	background-position: -140px -520px;
}

.mini_icon_websites {
	background: url("../images/icons.svg") no-repeat;
    background-size: 640px 640px;
    width: 20px;
    height: 20px;
	display: inline-block;
	background-position: -180px -500px;
}

.mini_icon_soundcloud {
	background: url("../images/icons.svg") no-repeat;
    background-size: 640px 640px;
    width: 20px;
    height: 20px;
	display: inline-block;
	background-position: -100px -520px;
}

.mini_icon_discogs {
	background: url("../images/icons.svg") no-repeat;
    background-size: 640px 640px;
    width: 20px;
    height: 20px;
	display: inline-block;
	background-position: -80px -520px;
}

.mini_icon_instagram {
    background: url("../images/icons.svg") no-repeat;
    background-size: 640px 640px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: -160px -500px;
}

.mini_icon_lastfm {
	background: url("../images/icons.svg") no-repeat;
    background-size: 640px 640px;
    width: 20px;
    height: 20px;
	display: inline-block;
	background-position: -80px -500px;
}

.mini_icon_myspace {
	background: url("../images/icons.svg") no-repeat;
    background-size: 640px 640px;
    width: 20px;
    height: 20px;
	display: inline-block;
	background-position: -120px -500px;
}

.mini_icon_skype {
	background: url("../images/icons.svg") no-repeat;
    background-size: 640px 640px;
    width: 20px;
    height: 20px;
	display: inline-block;
	background-position: -180px -520px;
}

@media (min-width: 840px) {
    .site_navigation ul > li.sub.main ul,
    .site_navigation > ul > li ul {
        top: -10000px;
        opacity: 0;
        -o-transition: opacity 0.3s linear;
        -moz-transition: opacity 0.3s linear;
        -khtml-transition: opacity 0.3s linear;
        -webkit-transition: opacity 0.3s linear;
        -ms-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear;
    }
    .site_navigation ul > li.sub.main:hover ul,
    .site_navigation ul > li:hover > ul {
        display: block;
        top: inherit;
        opacity: 1;
    }
    .site_navigation ul > li.sub.main:hover ul {
        left: 100%;
        top: -50%;
    }
    .site_navigation > ul > li > label,
    .site_navigation > ul > li > a {
        line-height: 38px;
    }
    .site_navigation .mobile-only-sub .sub {
        display: none;
    }
    input#mobile-menu-toggle,
    input#site-navi-toggle,
    input#page-navi-toggle,
    .mobile-menu-toggle {
        display: none;
    }
}
@media (min-width: 1272px) {
    .Project.list_entry > .headline,
    .Project.list_entry > .short-briefing,
    .Project.list_entry > .info,
    .Request.list_entry > .headline,
    .Request.list_entry > .short-briefing,
    .Request.list_entry > .info {
        padding: 16px 0 0;
        margin: 0 0 0 120px;
    }
    .Project.list_entry > .info,
    .Request.list_entry > .info {
        padding-bottom: 8px;
    }
    .Project.list_entry > .img {
        margin: 16px 0 16px 16px;
    }
    .Request .details .table .td:first-child {
        padding: 16px 16px 0 0;
    }
    .name-value-pair.row-media_other input[name=media_other] {
        width: 75%;
        float: left;
        margin-top: -25px;
        margin-left: 107px;
    }
    .list_entry .status-box {
        width: 120px;
        padding: 16px 16px 16px 0;
    }
    .site_navigation {
        max-width: 1272px;
    }
    #footer_container {
        min-width: 928px;
    }
    #footer_container #site_footer {
        width: 880px;
        padding: 24px 0;
    }
    /*
    #site_footer .need-music,
    #site_footer .offer-music,
    #site_footer .learn-more {
        width: 180px;
        padding: 0 24px 0 0;
    }
    #site_footer .about-us {
        padding: 0;
    }
    #site_footer .about-us ul {
        padding-right: 24px;
    }*/
    #footer_container #site_footer h3 {
        margin: 12px 0;
    }
    .site_navigation ul li.main {
        margin-left: 24px;
    }
    .site_navigation ul ul.sub {
        padding: 0px 12px 6px 6px;
    }
    .site_navigation ul ul.sub ul.sub {
        padding: 6px 12px 6px 6px;
    }
    .site_navigation > ul > li:first-child {
        margin-right: 152px;
    }
    .syncr .site_navigation > ul > li:first-child {
        width: 24px;
        margin-right: -24px;
    }
    .syncr .site_navigation > ul > li.you {
        width: 288px;
        margin-right: 0;
        padding-left: 12px;
        margin-left: 24px;
    }
    #modal {
        padding: 24px;
    }
    .page_container {
        width: 1272px;
        padding: 24px;
    }
    .page_container #view {
        width: 912px;
        margin-left: 24px;
    }
    .light-box .page_modal_frame {
        margin: 48px auto 24px;
        max-width: 1074px;
    }
    .light-box .page_modal_content {
        width: 100%;
        padding: 24px;
    }
    .site-navi-toggler,
    .page-navi-toggler,
    .site_navigation_container,
    .page_navigation_container {
        display: none;
    }
    .page_navigation {
        width: 264px;
    }
    .page_navigation,
    .light-box .view_navigation {
        padding: 0;
        margin-right: 24px;
    }
    .input_mask .fieldset,
    form fieldset {
        padding: 24px;
    }
    .page_navigation .view_edit_picture_container,
    .page_navigation .view_edit_picture_container > img,
    .page_navigation .albumrelease-navigation img.albumrelease-image,
    .page_navigation img.profile-picture,
    .page_navigation .user_profile.navigation_edit,
    .page_navigation .user-or-artist-img img {
        width: 264px;
        height: 264px;
    }
    .list.grid > li ul li.grid-item {
        padding: 12px 12px 12px 0;
    }
    .list.grid .list_entry {
        width: 173px;
    }
    .list.grid .list_entry img,
    .list.grid .list_entry .img {
        width: 173px;
        /*height: 173px;*/
    }
    .Playlist.list_entry .info {
        margin-left: 246px;
    }
    .list.grid .Playlist.list_entry .info {
        margin-left: 0px;
    }
    .Track.list_entry .player_container,
    .Submission.list_entry .player_container {
        width: 440px;
        margin-right: 24px;
    }
    .Track.list_entry .info,
    .Submission.list_entry .info {
        width: 424px;
        margin-right: 24px;
    }
    .Track.list_entry .info,
    .Submission.list_entry .info,
    .Track.list_entry .navigation,
    .Submission.list_entry .navigation,
    .Track.list_entry .player_container,
    .Submission.list_entry .player_container {
        margin-bottom: 24px;
    }
    .Track.list_entry .header,
    .Submission.list_entry .header {
        padding-bottom: 24px;
    }
    .artist_sheet .sheet {
        height: 401px;
    }
    .syncr .landing-page {
        margin: -24px -24px;
    }
    .syncr .landing-page header {
        background-image: url('../images/syncr_landing_page_header_2560_darker.jpg');
    }
    .syncr .landing-page header.pricing {
        background-image: url('../images/syncr_landing_page_header_pricing_2560_darker.jpg');
    }
    .syncr .landing-page footer {
        background-image: url('../images/syncr_landing_page_footer_try_it_2560_darker.jpg');
    }
    .syncr .landing-page header:first-child .content div:first-child {
        padding-bottom: 72px;
    }
    .syncr .landing-page header .content,
    .syncr .landing-page header.pricing .content {
        padding: 24px 24px 56px;
    }
    .syncr .landing-page footer .content {
        padding: 24px 24px 24px;
    }
    .syncr .landing-page header .content .slogan {
        line-height: 56px;
    }
    .syncr .landing-page header .content .slogan hr {
        margin: 0 auto;
        width: 380px;
    }
    .syncr .landing-page header .content .slogan hr:first-child {
        margin-top: inherit;
        margin-bottom: 24px;
    }
    .syncr .landing-page header .content .slogan hr {
        margin-top: 24px;
    }
    .syncr .landing-page header .content .slogan .part-1 {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .syncr .landing-page header .content .slogan .info {
        padding-bottom: 48px;
    }
    .syncr .landing-page .facts {
        padding: 48px 0;
    }
    .syncr .landing-page .facts p:first-child {
        margin-top: 0;
        margin-bottom: 24px;
    }
    .syncr .landing-page .facts > * {
        margin: 0 12px;
        width: 392px;
    }
    .syncr .landing-page .content {
        width: 1272px;
        padding: 48px 0 56px;
    }
    .syncr .landing-page .content table.feature {
        border-spacing: 24px;
    }
    .syncr .landing-page .content .feature td {
        padding: 24px;
        width: 30%;
    }
    .syncr .landing-page .content .feature td p:nth-child(n+2) {
        padding-top: 24px;
    }
    .syncr .landing-page .content .feature td:last-child {
        margin-right: 0;
    }
    .syncr .landing-page .content .feature .key-points ul li {
        padding: 0 0 24px 48px;
        margin: 0;
    }
    .syncr .landing-page .content .feature .key-points ul li:last-child {
        padding-bottom: 0;
    }
    .syncr .landing-page header.pricing .content .description  {
        width: 600px;
        margin-top: 24px;
    }
    .syncr .landing-page header.pricing + .content h2 {
        padding-bottom: 48px;
    }
    .syncr .landing-page footer .content .description  {
        margin: 48px 24px;
    }
    .syncr .landing-page .content > p {
        padding: 0 24px;
        text-align: center;
    }
    .syncr .landing-page .Features {
        padding: 0 12px;
    }
    .tnf .landing-page a.button.blue {
        line-height: 48px;
        font-size: 20px;
        font-weight: 400;
    }
    .tnf .landing-page .showreel-player .info {
        right: 24px;
        bottom: 24px;
    }
    .tnf .landing-page .info-box {
        left: 24px;
        top: 62px;
        width: 256px;
        padding: 24px;
    }
    .tnf .landing-page .info-box h1 {
        font-size: 38px;
        line-height: 38px;
    }
    .tnf .landing-page .info-box .description {
        font-size: 22px;
    }
    .tnf .landing-page .facts > * {
        padding: 16px;
    }
    .tnf .landing-page h2,
    .tnf .landing-page .facts a {
        margin: 24px 0;
    }
    .tnf .landing-page tr > td {
        padding: 12px;
    }
    .tnf .landing-page tr > td > h2 {
        width: 30%;
    }
    .tnf .landing-page tr > td > span {
        float: left;
        width: 70%;
    }
    .tnf .landing-page tr > td > h2,
    .tnf .landing-page tr > td > span {
        padding: 12px;
    }
    .tnf .landing-page tr > .clients {
        padding: 24px 0 24px 12px;
    }
    .tnf .landing-page tr > .awards {
        padding: 24px 12px 24px 0;
    }
    .tnf .landing-page tr > .clients h3,
    .tnf .landing-page tr > .awards h3 {
        margin-bottom: 12px;
    }
    .tnf .landing-page .details td .button.white-framed {
        margin: 12px;
    }
    .tnf .landing-page .om-banner span {
        line-height: 24px;
        font-size: 20px;
    }
    .tnf .landing-page .om-banner h2 {
        margin: 24px 0;
    }
    .tnf .landing-page table.blog,
    .tnf .landing-page .blog-headline {
        margin: 24px;
    }
    .tnf .landing-page .blog-post {
        border-right-width: 24px;
        border-bottom-width: 24px;
        padding: 24px;
    }
    .tnf .landing-page .blog-post p:nth-child(2) {
        margin-bottom: 24px;
    }
    .tnf .landing-page .showreel-player button.play,
    .tnf .landing-page .showreel-player a.button.play,
    .tnf .landing-page .showreel-player button.pause,
    .tnf .landing-page .showreel-player a.button.pause {
        background-size: 4096px 4096px;
        height: 128px;
        width: 128px;
        margin-top: -64px;
    }
    .tnf .landing-page .showreel-player button.play,
    .tnf .landing-page .showreel-player a.button.play {
        background-position: 0 -3200px;
    }
    .tnf .landing-page .showreel-player button.play:hover,
    .tnf .landing-page .showreel-player a.button.play:hover {
        background-position: -128px -3200px;
    }
    .tnf .landing-page .showreel-player button.pause,
    .tnf .landing-page .showreel-player a.button.pause {
        background-position: -256px -3200px;
    }
    .tnf .landing-page .showreel-player button.pause:hover,
    .tnf .landing-page .showreel-player a.button.pause:hover {
        background-position: -384px -3200px;
    }
    .boilerplate .showreel-player {
        height: 690px;
    }
    .Features .floating {
        margin: 0 -12px;
    }
    .Features ul li {
        margin: 0 12px;
    }
    .Features .conditions {
        padding: 24px;
    }
    .messages_container .single .user_picture,
    .conversation.single .user_picture,
    .comments_container .single .user_picture,
    .comments_container .commentlist li article .user_picture {
        padding-right: 24px;
    }
    .textAdvanced {
        width: 75%;
    }
}
@media (min-width: 840px) and (max-width: 1271px) {
    .Project.list_entry > .headline,
    .Project.list_entry > .short-briefing,
    .Project.list_entry > .info,
    .Request.list_entry > .headline,
    .Request.list_entry > .short-briefing,
    .Request.list_entry > .info {
        padding: 16px 0 0;
        margin: 0 0 0 96px;
    }
    .Project.list_entry > .info,
    .Request.list_entry > .info {
        padding-bottom: 8px;
    }
    .Project.list_entry > .img {
        margin: 16px 0 16px 16px;
    }
    .Request .details .table .td:first-child {
        padding: 8px 16px 0 0;
    }
    .list_entry .status-box {
        width: 100px;
        padding: 16px 16px 16px 0;
    }
    .site_navigation {
        max-width: 840px;
    }
    #footer_container {
        min-width: 840px;
    }
    #footer_container #site_footer {
        width: 840px;
        padding: 16px 16px;
    }
    /*
    #site_footer .about-us {
        padding: 0;
    }
    #site_footer .about-us ul {
        padding-right: 16px;
    }*/
    .site_navigation ul li.main {
        margin-left: 16px;
    }
    .site_navigation ul ul.sub {
        padding: 0 8px 4px 4px;
    }
    .site_navigation ul ul.sub ul.sub {
        padding: 4px 8px 4px 4px;
    }
    .site_navigation > ul > li:first-child {
        margin-right: 48px;
    }
    .syncr .site_navigation > ul > li:first-child {
        width: 24px;
        margin-right: -24px;
    }
    .syncr .site_navigation > ul > li.you {
        width: 184px;
        margin-right: 0;
        padding-left: 8px;
        margin-left: 24px;
    }
    .site_navigation > ul li.learn-more,
    .site_navigation > ul li.blog {
        display: none;
    }
    #modal {
        padding: 16px;
    }
    .page_container {
        width: 840px;
        padding: 16px;
    }
    .page_container #view {
        width: 600px;
        margin-left: 16px;
    }
    .light-box .page_modal_frame {
        margin: 32px auto 16px;
        max-width: 632px;
    }
    .light-box .page_modal_content {
        width: 600px;
        padding: 16px;
    }
    .site-navi-toggler,
    .page-navi-toggler,
    .site_navigation_container,
    .page_navigation_container {
        display: none;
    }
    .page_navigation {
        width: 176px;
    }
    .page_navigation,
    .light-box .view_navigation {
        padding: 0;
        margin-right: 16px;
    }
    .input_mask .fieldset,
    form fieldset {
        padding: 16px;
    }
    .page_navigation .view_edit_picture_container,
    .page_navigation .view_edit_picture_container > img,
    .page_navigation .albumrelease-navigation img.albumrelease-image,
    .page_navigation img.profile-picture,
    .page_navigation .user_profile.navigation_edit,
    .page_navigation .user-or-artist-img img {
        width: 176px;
        height: 176px;
    }
    .list.grid > li ul li.grid-item {
        padding: 8px 8px 8px 0;
    }
    .list.grid .list_entry {
        width: 113px;
    }
    .list.grid .list_entry img,
    .list.grid .list_entry .img {
        width: 113px;
        /*height: 113px;*/
    }
    .Playlist.list_entry .info {
        margin-left: 128px;
    }
    .Submission.list_entry .player_container,
    .Track.list_entry .player_container {
        width: 320px;
        margin-right: 16px;
    }
    .Track.list_entry .info,
    .Submission.list_entry .info {
        width: 248px;
        margin-right: 16px;
    }
    .Track.list_entry .info,
    .Submission.list_entry .info,
    .Track.list_entry .navigation,
    .Submission.list_entry .navigation,
    .Track.list_entry .player_container,
    .Submission.list_entry .player_container {
        margin-bottom: 16px;
    }
    .Track.list_entry .header,
    .Submission.list_entry .header {
        padding-bottom: 16px;
    }
    .artist_sheet .sheet {
        height: 264px;
    }
    .Features .conditions,
    .Features .conditions p {
        padding-top: 16px;
    }
    .Features table tr td {
        padding: 16px 0;
    }
    .Features table tr:nth-child(n+2) td > div:nth-child(n+2) {
        padding-top: 8px;
    }
    .Features table tr:nth-last-child(-n+2) td > div:nth-child(n+2){
        padding-bottom: 8px;
    }
    .syncr .landing-page {
        margin: -16px -16px;
    }
    .syncr .landing-page header {
        background-image: url('../images/syncr_landing_page_header_1280_darker.jpg');
    }
    .syncr .landing-page header.pricing {
        background-image: url('../images/syncr_landing_page_header_pricing_1280_darker.jpg');
    }
    .syncr .landing-page footer {
        background-image: url('../images/syncr_landing_page_footer_try_it_1280_darker.jpg');
    }
    .syncr .landing-page header:first-child .content div:first-child {
        padding-bottom: 72px;
    }
    .syncr .landing-page header .content,
    .syncr .landing-page header.pricing .content {
        padding: 24px 16px 56px;
    }
    .syncr .landing-page header .content .slogan {
        line-height: 56px;
    }
    .syncr .landing-page header .content .slogan hr {
        margin: 0 auto;
        width: 380px;
    }
    .syncr .landing-page header .content .slogan hr:first-child {
        margin-top: inherit;
        margin-bottom: 24px;
    }
    .syncr .landing-page header .content .slogan hr {
        margin-top: 24px;
    }
    .syncr .landing-page header .content .slogan .part-1 {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .syncr .landing-page header .content .slogan .part-2 {
        font-size: 54px;
        line-height: 66px;
        font-weight: 300;
        padding: 0;
        margin: 0;
        border: 0;
        text-transform: none;
    }
    .syncr .landing-page header .content .slogan .info {
        padding-bottom: 38px;
    }
    .syncr .landing-page .facts {
        padding: 32px 16px;
    }
    .syncr .landing-page .facts p:first-child {
        margin-top: 0;
        margin-bottom: 16px;
    }
    .syncr .landing-page .facts > * {
        width: 176px;
        margin-right: 16px;
    }
    .syncr .landing-page .content {
        width: 840px;
        padding: 32px 0 56px;
    }
    .syncr .landing-page .content table.feature {
        border-spacing: 16px;
    }
    .syncr .landing-page .content .feature td {
        padding: 16px;
        width: 50%;
    }
    .syncr .landing-page .content .feature td p:nth-child(n+2) {
        padding-top: 16px;
    }
    .syncr .landing-page .content .feature td:last-child {
        margin-right: 0;
    }
    .syncr .landing-page .content .feature .preview {
        display: none;
    }
    .syncr .landing-page .content .feature .key-points ul li {
        padding: 0 0 16px 32px;
        margin: 0;
    }
    .syncr .landing-page .content .feature .key-points ul li:last-child {
        padding-bottom: 0;
    }
    .syncr .landing-page header.pricing .content .description  {
        width: 600px;
        margin-top: 16px;
    }
    .syncr .landing-page header.pricing + .content h2 {
        padding-bottom: 32px;
    }
    .syncr .landing-page footer .content {
        padding: 24px 16px 16px;
    }
    .syncr .landing-page footer .content .ask {
        padding: 0 48px;
    }
    .syncr .landing-page footer .content .description  {
        margin: 32px;
    }
    .syncr .landing-page .content > p {
        padding: 0 16px;
        text-align: center;
    }
    .tnf .landing-page .showreel-player button.play,
    .tnf .landing-page .showreel-player a.button.play,
    .tnf .landing-page .showreel-player button.pause,
    .tnf .landing-page .showreel-player a.button.pause {
        background-size: 3072px 3072px;
        height: 96px;
        width: 96px;
        margin-top: -48px;
    }
    .tnf .landing-page .showreel-player button.play,
    .tnf .landing-page .showreel-player a.button.play {
        background-position: 0 -2400px;
    }
    .tnf .landing-page .showreel-player button.play:hover,
    .tnf .landing-page .showreel-player a.button.play:hover {
        background-position: -96px -2400px;
    }
    .tnf .landing-page .showreel-player button.pause,
    .tnf .landing-page .showreel-player a.button.pause {
        background-position: -192px -2400px;
    }
    .tnf .landing-page .showreel-player button.pause:hover,
    .tnf .landing-page .showreel-player a.button.pause:hover {
        background-position: -288px -2400px;
    }
    .boilerplate .showreel-player {
        height: 455px;
    }
    .Features ul li {
        margin: 0 8px;
    }
    .Features .conditions {
        padding: 12px;
    }
    .textAdvanced{
        width: 60%;
    }
}
@media (min-width: 0 /* 480px */
) and (max-width: 839px) {
    .artist_sheet .small_space img {
        height: 18px;
    }
    .artist_sheet .small_space h2 {
        font-size: 16px;
    }
    .User .row-recaptcha {
        transform: scale(0.84);
        -webkit-transform: scale(0.84);
        transform-origin: left 0;
        -webkit-transform-origin: left 0;
        margin-right: -48px;
    }
    .User .row-recaptcha .g-recaptcha {
        width: 304px;
    }
    .Project.list_entry > .headline,
    .Project.list_entry > .short-briefing,
    .Project.list_entry > .info,
    .Request.list_entry > .headline,
    .Request.list_entry > .short-briefing,
    .Request.list_entry > .info {
        padding: 8px 0 0;
        margin: 0 0 0 88px;
    }
    .Project.list_entry > .info,
    .Request.list_entry > .info {
        padding-bottom: 4px;
    }
    .Project.list_entry > .img {
        margin: 8px 0 8px 4px;
    }
    .Request .details .table .td:first-child {
        padding: 8px 8px 0 0;
    }
    .list_entry .status-box {
        width: 80px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    #error_box {
        top: 54px;
    }
    .sign-in h1 {
        display: none;
    }
    #main_container {
        padding: 50px 0 0 0;
    }
    #footer_container {
        min-width: 100%;
    }
    #footer_container #site_footer {
        width: 100%;
        padding: 16px 16px;
    }
    /*
    #site_footer .need-music,
    #site_footer .offer-music,
    #site_footer .learn-more {
        width: 134px;
        padding: 0 16px 16px 0;
    }
    #site_footer .about-us {
        padding: 0;
    }
    #site_footer .about-us ul {
        padding-right: 16px;
    }
    #site_footer .about-us ul.social {
        padding-left: 40px;
    }*/
    #splash_content .info.table {
        margin-top: 64px;
    }
    #splash_content .info.table,
    #splash_content .user.table > .tr,
    #splash_content .info.table > .tr,
    #splash_content .info.table > .tr > .td,
    #splash_content .user.table > .tr > .td {
        width: auto;
        display: block;
    }
    #splash_content > *:first-child,
    #splash_content > *:nth-child(2) {
        float:none;
        width: 100%;
        margin: 48px 0;
        padding: 0;
    }
    #splash_container .banner_container img {
        margin-top: 10px;
    }
    .interesting_members {
        margin-bottom: 16px;
    }
    .interesting_members br {
        display: none;
    }
    .interesting_members .user {
        display: block;
        float: left;
        text-align: center;
    }
    .interesting_members .user img {
        width: 133px;
    }
    .navigation_container .site_navigation {
        /*max-width: 480px;*/
        min-width: 50px;
        height: 50px;
        padding-left: 50px;
        text-transform: uppercase;
    }
    .navigation_frame .signed_in_info {
        line-height: 50px;
    }
    .site_navigation_container .signed_in_info {
        display: none;
    }
    .navigation_container .site_navigation ul li .active,
    .navigation_container .site_navigation ul li .active:hover,
    .navigation_container .site_navigation > ul > li:hover > label {
        color: inherit;
    }
    .site_navigation > .site-menu.show {
        display: inline-block;
    }
    .site_navigation ul li.main {
        margin-left: 0px;
    }
    .site_navigation ul li {
        height: 50px;
        line-height: 50px;
    }
    .site_navigation > ul > li.main {
        float: none;
        display: list-item;
    }
    .site_navigation ul ul.sub {
        padding: 0;
    }
    .site_navigation ul ul.sub ul.sub {
        padding: 8px 16px 8px 8px;
    }
    .site_navigation > ul li.logo,
    .navigation_container .site_navigation li,
    .navigation_container .site_navigation li.main,
    .page_container .page_navigation {
        display: none;
    }
    .navigation_container {
        height: 50px;
        background: #3C3C3E;
    }
    .navigation_container .site_navigation > .site-menu {
        position: relative;
    }
    .navigation_container .site_navigation > .site-menu li.active {
        display: block;
        position: absolute;
        top: 0;
    }
    .navigation_container .navigation_frame {
        background-color: transparent !important;
        line-height: 50px;
        height: 50px;
    }
    #modal {
        padding: 16px;
    }
    .page_container {
        width: 100%;
        padding: 16px 0;
    }
    .page_container #view_full,
    .page_container #view {
        width: 100%;
        padding: 0 16px;
    }
    .light-box .page_modal_frame,
    .light-box .page_modal_nav {
        margin: 0 auto;
        top: 24px;
        right: 24px;
        left: 24px;
        min-height: 150px;
        max-width: 600px;
    }
    .light-box .page_modal_content {
        width: 100%;
        padding: 16px;
    }
    .light-box .page_modal_nav {
        display: block;
        padding: 0;
        bottom: auto;
        min-height: unset;
    }
    .light-box .page_modal_nav .page_modal_close_btn {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 26px;
        margin: 0;
    }
    .site_navigation_container .site_navigation ul li {
        position: relative;
        height: auto;
        line-height: 40px;
        padding: 0 0 0 16px;
    }
    .site_navigation_container ul ul.sub {
        margin-left: -24px;
        padding-left: 16px;
    }
    .site_navigation_container ul ul.sub ul.sub {
        margin: 0 -32px 0 -40px;
        padding: 0 0 0 32px;
    }
    .site_navigation_container ul ul.sub ul.sub li.active a {
        color: #000;
    }
    .site_navigation_container ul ul.sub li {
        min-height: 40px;
        box-shadow: none;
    }
    .site_navigation_container .site_navigation ul li label,
    .site_navigation_container .site_navigation ul li a {
        line-height: 40px;
        padding-right: 40px;
    }
    .site_navigation_container ul li.clear,
    .site_navigation_container ul ul.sub li.clear {
        min-height: 0;
        height: 0;
        line-height: 0;
    }
    .site_navigation ul > li.sub.main ul,
    .site_navigation > ul > li ul {
        position: relative;
        max-height: 0;
        overflow: hidden;
        -o-transition: opacity, max-height 0.3s ease-out;
        -moz-transition: opacity, max-height 0.3s ease-out;
        -khtml-transition: opacity, max-height 0.3s ease-out;
        -webkit-transition: opacity, max-height 0.3s ease-out;
        -ms-transition: opacity, max-height 0.3s ease-out;
        transition: opacity, max-height 0.3s ease-out;
    }
    .site_navigation_container .signed_in_info {
        margin: 8px 4px;
    }
    .site_navigation ul > li.sub.main input.sub-menu-toggler:checked ~ ul,
    .site_navigation ul > li input.sub-menu-toggler:checked ~ ul {
        display: block;
        opacity: 1;
        max-height: 200px;
        top: inherit;
    }
    .site_navigation ul > li.sub.main input.sub-menu-toggler:checked ~ ul {
        top: auto;
        left: auto;
    }
    .light-box .view_navigation {
        padding: 0 16px;
    }
    .page_navigation {
        width: 208px;
    }
    .page_navigation,
    .light-box .view_navigation {
        padding: 38px 16px 16px 16px;
    }
    .page_navigation_container .page_navigation,
    .site_navigation_container .site_navigation {
        padding-top: 51px;
    }
    .input_mask .fieldset,
    form fieldset {
        padding: 16px;
    }
    .page_navigation .view_edit_picture_container,
    .page_navigation .view_edit_picture_container > img,
    .page_navigation .albumrelease-navigation img.albumrelease-image,
    .page_navigation img.profile-picture,
    .page_navigation .user_profile.navigation_edit,
    .page_navigation .user-or-artist-img img {
        width: 176px;
        height: 176px;
    }
    .list.grid > li ul li.grid-item {
        padding: 8px 8px 8px 0;

        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-word;
    }
    .list.grid .list_entry {
        width: 100%;
    }
    .list.grid .list_entry img,
    .list.grid .list_entry .img {
        width: 100%;
        /*height: 100%;*/
    }
    .artist.list.grid .list_entry .name {
        line-height: 12px;
        font-size: 10px;
    }
    .Playlist.list_entry .info {
        margin-left: 128px;
    }
    .list.grid .Playlist.list_entry .info,
    .list.grid .AlbumRelease.list_entry .info {
        display: none;
    }
    .Submission.list_entry .player_container,
    .Track.list_entry .player_container {
        width: 288px;
        margin-right: 16px;
    }
    .Track.list_entry .info,
    .Submission.list_entry .info {
        width: 240px;
        margin-right: 16px;
    }
    .Track.list_entry .info,
    .Submission.list_entry .info,
    .Track.list_entry .navigation,
    .Submission.list_entry .navigation,
    .Track.list_entry .player_container,
    .Submission.list_entry .player_container {
        margin-bottom: 16px;
    }
    .Track.list_entry .header,
    .Submission.list_entry .header {
        padding-bottom: 16px;
    }
    .Features .conditions,
    .Features .conditions p {
        padding-top: 16px;
    }
    .Features table tr td {
        padding: 16px 0;
    }
    .Features ul li:first-child {
        font-size: 20pt;
    }
    .Features table tr:nth-child(n+2) td > div:nth-child(n+2) {
        padding-top: 8px;
    }
    .Features table tr:nth-last-child(-n+2) td > div:nth-child(n+2){
        padding-bottom: 8px;
    }
    .syncr .landing-page {
        margin: 30px -16px -16px -16px;
    }
    .syncr .landing-page header {
        background-image: url('../images/syncr_landing_page_header_840_darker.jpg');
    }
    .syncr .landing-page header.pricing {
        background-image: url('../images/syncr_landing_page_header_pricing_840_darker.jpg');
    }
    .syncr .landing-page footer {
        background-image: url('../images/syncr_landing_page_footer_try_it_840_darker.jpg');
    }
    .syncr .landing-page header,
    .syncr .landing-page footer {
        width: 100%;
    }
    .syncr .landing-page header:first-child .content div:first-child {
        padding-bottom: 24px;
    }
    .syncr .landing-page header .content,
    .syncr .landing-page header.pricing .content {
        width: 100%;
        padding: 24px 16px;
    }
    .syncr .landing-page header:first-child .description {
        display: none;
    }
    .syncr .landing-page header .content .slogan {
        line-height: 56px;
    }
    .syncr .landing-page header .content .slogan hr {
        margin: 0 auto;
        width: 100%;
    }
    .syncr .landing-page header .content .slogan hr:first-child {
        margin-top: inherit;
        margin-bottom: 24px;
    }
    .syncr .landing-page header .content .slogan hr {
        margin-top: 24px;
    }
    .syncr .landing-page header .content .slogan .part-1 {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .syncr .landing-page header .content .slogan .part-2 {
        font-size: 44px;
        line-height: 56px;
        font-weight: 300;
        padding: 0;
        margin: 0;
        border: 0;
        text-transform: none;
    }
    .syncr .landing-page header .content .slogan .info {
        padding: 16px 0;
        font-size: 12px;
        line-height: 12px;
    }
    .syncr .landing-page .facts {
        padding: 32px 16px 16px;
    }
    .syncr .landing-page .facts p:first-child {
        margin-top: 0;
        margin-bottom: 16px;
    }
    .syncr .landing-page .facts > * {
        margin: 0 8px 32px;
        width: 176px;
        margin-right: 16px;
    }
    .Features .button,
    .syncr .landing-page .button {
        min-width: 120px;
    }
    .syncr .landing-page .content {
        width: 100%;
        padding: 32px 0;
    }
    .syncr .landing-page .content table.feature {
        border-spacing: 16px;
    }
    .syncr .landing-page .content .feature td {
        padding: 16px;
        width: 50%;
    }
    .syncr .landing-page .content .feature td p:nth-child(n+2) {
        padding-top: 16px;
    }
    .syncr .landing-page .content .feature td:last-child {
        margin-right: 0;
    }
    .syncr .landing-page .content .feature .preview {
        display: none;
    }
    .syncr .landing-page .content .feature .key-points ul li {
        padding: 0 0 16px 32px;
        margin: 0;
    }
    .syncr .landing-page .content .feature .key-points ul li:last-child {
        padding-bottom: 0;
    }
    .syncr .landing-page header.pricing .content .description  {
        width: 100%;
        margin-top: 16px;
        font-size: 18pt;
        line-height: 22pt;
    }
    .syncr .landing-page header.pricing + .content h2 {
        padding-bottom: 32px;
    }
    .syncr .landing-page footer .content {
        padding: 16px;
    }
    .syncr .landing-page footer .content .ask {
        padding: 0;
    }
    .syncr .landing-page footer .content .description  {
        margin: 0 0 24px 0;
        line-height: 14pt;
        font-size: 10pt;
    }
    .syncr .landing-page .content > p {
        padding: 0 16px;
        text-align: center;
    }
    .syncr .landing-page header.pricing .logo {
        background-size: 64px 64px;
        padding: 0 0 0 72px;
        font-size: 54px;
    }
    .syncr .landing-page footer .content .ask {
        line-height: 28pt;
    }
    .tnf .landing-page a.button.blue {
        line-height: 26px;
        font-size: 14px;
        font-weight: 200;
    }
    .tnf .landing-page .info-box {
        background: #3C3C3E;
        position: relative;
        width: auto;
        top: auto;
        left: auto;
    }
    .tnf .landing-page .info-box .description {
        font-size: 18px;
    }
    .tnf .landing-page .info-box h1 {
        font-size: 28px;
        line-height: 28px;
    }
    .tnf .landing-page .info-box .button.blue {
        width: auto;
    }
    .tnf .landing-page .facts,
    .tnf .landing-page .clients,
    .tnf .landing-page .awards {
        display: none;
    }
    .tnf .landing-page table,
    .tnf .landing-page tr,
    .tnf .landing-page tr > td {
        display: block;
        width: 100%;
    }
    .tnf .landing-page .om-banner h2 {
        line-height: 28px;
        font-size: 26px;
    }
    .tnf .landing-page .om-banner span {
        line-height: 16px;
        font-size: 14px;
    }
    .tnf .landing-page .blog-post {
        border-right-width: 0;
        border-bottom: 16px solid #FFFFFE;
    }
    .boilerplate .showreel-player {
        height: 51vw;
    }
    .Features ul {
        width: 50%;
    }
    .Features ul:nth-child(3) {
        clear:left;
    }
    .Features ul li {
        margin: 0 8px;
    }
    .Features .conditions {
        padding: 12px;
    }

    .ui-widget.ui-tooltip {
        position: fixed !important;
        top: 8px !important;
        left: 50px !important;
        right: auto !important;
    }
    /*************************
     *** Mobile Menu start ***
     *************************/
    /*html, body {*/
    /*height: 100%;*/
    /*}*/
    body {
        display: flex;
        min-height: 100%;
        z-index: 0;
    }
    input#mobile-menu-toggle,
    input#page-navi-toggle,
    input#site-navi-toggle {
        margin: 0;
        padding: 0;
        border: none;
        height: 0;
        position: absolute;
        opacity: 0;
        z-index: 0;
    }
    label.mobile-menu-toggle {
        margin: 0;
        padding: 0;
        border: none;
        position: fixed;
        display: block;
        width: 50px;
        height: 50px;
        /*background: #3c3c3e;*/
        box-shadow: -4px 0px 6px -3px rgba(0, 0, 0, 0.75);
        line-height: 50px;
        font-size: 30px;
        color: #a8a8a8;
        cursor: pointer;
        z-index: 81;
    }
    .main-content {
        width: 100%;
        height: 100%;
        background: #3c3c3e;
        /*position: absolute;*/
        z-index: 10;
        box-shadow: -4px 0px 6px -3px rgba(0, 0, 0, 0.75);
    }
    .site-navi-toggler,
    .page-navi-toggler {
        display: block;
        height: 50px;
        line-height: 50px;
        width: 230px;
        position: fixed;
        top: 0;
        padding-left: 10px;
        font-size: 30px;
        color: #a8a8a8;
        text-decoration: none;
        text-align: left;
        background: #3c3c3e !important;
        box-shadow: -4px 0 6px -3px rgba(0, 0, 0, 0.75);
    }
    .site-navi-toggler {
        z-index: 10;
        left: 0;
        background: #3C3C3E url('../images/tnf_logo_23x23.png') no-repeat 10px center !important;
    }
    .page-navi-toggler {
        z-index: 11;
        left: 112px;
    }
    .site_navigation_container,
    .page_navigation_container {
        position: fixed;
        display: block;
        width: 240px;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .site_navigation_container {
        left: 0;
        z-index: 1;
    }
    .page_navigation_container {
        left: 112px;
        z-index: 5;
        box-shadow: -4px 0px 6px -3px rgba(0, 0, 0, 0.75);
        background: #FFFFFE;
    }
    #mobile-menu-toggle ~ .navigation_container {
        width: initial;
    }
    #mobile-menu-toggle ~ .navigation_container .site_navigation {
        margin: 0;
    }
    #mobile-menu-toggle:checked ~ .main-content,
    #mobile-menu-toggle:checked ~ .navigation_container {
        position: fixed;
        width: 520px;
    }
    .site-navi-toggler ~ .page-navi-toggler,
    .site-navi-toggler ~ .page_navigation_container,
    .site_navigation_container ~ .page-navi-toggler,
    .site_navigation_container ~ .page_navigation_container,
    .page-navi-toggler:focus ~ .page_navigation_container,
    #mobile-menu-toggle ~ label.mobile-menu-toggle,
    #mobile-menu-toggle ~ .navigation_container,
    #mobile-menu-toggle ~ .main-content {
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    #site-navi-toggle:checked ~ .page-navi-toggler,
    #site-navi-toggle:checked ~ .page_navigation_container,
    .site_navigation_container:focus ~ .page-navi-toggler,
    .site_navigation_container:focus ~ .page_navigation_container {
        -moz-transform: translate(96px, 0);
        -webkit-transform: translate(96px, 0);
        -o-transform: translate(96px, 0);
        -ms-transform: translate(96px, 0);
        transform: translate(96px, 0);
    }
    #mobile-menu-toggle:checked ~ label.mobile-menu-toggle,
    #mobile-menu-toggle:checked ~ .navigation_container,
    #mobile-menu-toggle:checked ~ .main-content {
        -moz-transform: translate(320px, 0);
        -webkit-transform: translate(320px, 0);
        -o-transform: translate(320px, 0);
        -ms-transform: translate(320px, 0);
        transform: translate(320px, 0);
    }
    label.mobile-menu-toggle,
    .main-content,
    .site-navi-toggler,
    .page-navi-toggler,
    .navigation_container,
    .site_navigation_container,
    .page_navigation_container {
        -webkit-transition: -webkit-transform .5s cubic-bezier(0, 1.2, 0.5, 1.1);
        -moz-transition: transform .5s cubic-bezier(0, 1.2, 0.5, 1.1);
        -ms-transition: transform .5s cubic-bezier(0, 1.2, 0.5, 1.1);
        -o-transition: transform .5s cubic-bezier(0, 1.2, 0.5, 1.1);
        transition: transform .5s cubic-bezier(0, 1.2, 0.5, 1.1);
        -o-transition-property: left;
        -o-transition-duration: .5s;
        -o-transition-timing-function: cubic-bezier(0, 1.2, 0.5, 1.1);
    }
    /***********************
     *** Mobile Menu end ***
     ***********************/
    .Submission.list_entry .td.may-break,
    .Track.list_entry .td.may-break {
        display: block;
    }
    .entry_navigation .model_project_container .option,
    .entry_navigation .track_playlist_container .option,
    .entry_navigation .track_request_container .option {
        line-height: 40px;
    }
    .view_edit_picture_container .options .option,
    .internal_proflies_list .list_entry.internal_profile .options .option,
    .internal_profile_create_container .list_entry.internal_profile .options .option{
        font-size: 16px;
        line-height: 30px;
        height: 30px;
    }
    .view_edit_picture_container .options .option .qq-upload-button,
    .internal_proflies_list .list_entry.internal_profile .options .option .qq-upload-button,
    .internal_profile_create_container .list_entry.internal_profile .options .option .qq-upload-button {
        font-size: 16px;
        line-height: 16px;
    }
    .ui-widget.ui-autocomplete {
        z-index: 10;
    }
    .track-upload.button,
    .view_edit_picture_container .hidable_menu.edit {
        display: none;
    }
}
@media (min-height: 0) and (max-height: 479px) {
    .xdsoft_datetimepicker {
        top: 0 !important;
        position: fixed !important;
    }
    .ui-widget.ui-tooltip {
        position: fixed !important;
        top: 8px !important;
        left: 50px !important;
        right: auto !important;
    }
}
@media (min-width: 0) and (max-width: 479px) {
    .Features ul li:last-child {
        display: list-item;
    }
    #toggle-features-music-collection ~ * .icon.plus-minus-toggler.music-collection,
    #toggle-features-briefs ~ * .icon.plus-minus-toggler.briefs,
    #toggle-features-handling ~ * .icon.plus-minus-toggler.handling,
    #toggle-features-collaboration ~ * .icon.plus-minus-toggler.collaboration,
    #toggle-feature-Starter ~ * .icon.plus-minus-toggler.Starter,
    #toggle-feature-Lite ~ * .icon.plus-minus-toggler.Lite,
    #toggle-feature-Plus ~ * .icon.plus-minus-toggler.Plus,
    #toggle-feature-Ultimate ~ * .icon.plus-minus-toggler.Ultimate,
    #toggle-feature-Pro ~ * .icon.plus-minus-toggler.Pro,
    #toggle-feature-Advanced ~ * .icon.plus-minus-toggler.Advanced,
    #toggle-feature-Basic ~ * .icon.plus-minus-toggler.Basic,
    #toggle-feature-Free ~ * .icon.plus-minus-toggler.Free {
        background-position: 0 -896px;
    }
    #toggle-features-music-collection:checked ~ * .icon.plus-minus-toggler.music-collection,
    #toggle-features-briefs:checked ~ * .icon.plus-minus-toggler.briefs,
    #toggle-features-handling:checked ~ * .icon.plus-minus-toggler.handling,
    #toggle-features-collaboration:checked ~ * .icon.plus-minus-toggler.collaboration,
    #toggle-feature-Starter:checked ~ * .icon.plus-minus-toggler.Starter,
    #toggle-feature-Lite:checked ~ * .icon.plus-minus-toggler.Lite,
    #toggle-feature-Plus:checked ~ * .icon.plus-minus-toggler.Plus,
    #toggle-feature-Ultimate:checked ~ * .icon.plus-minus-toggler.Ultimate,
    #toggle-feature-Pro:checked ~ * .icon.plus-minus-toggler.Pro,
    #toggle-feature-Advanced:checked ~ * .icon.plus-minus-toggler.Advanced,
    #toggle-feature-Basic:checked ~ * .icon.plus-minus-toggler.Basic,
    #toggle-feature-Free:checked ~ * .icon.plus-minus-toggler.Free {
        background-position: 0 -864px;
    }
    .syncr .landing-page .content table.feature tr {
        display: inline-block;
    }
    .syncr .landing-page .content .feature td,
    .syncr .landing-page .content .feature td.preview {
        width: 100%;
        list-style: none;
        display: list-item;
    }
    input.features-toggle + table td.preview,
    input.features-toggle + table td.key-points {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0;
        max-height: 0;
        overflow: hidden;
        -o-transition: max-height 0.9s ease-out, padding-bottom 0.9s ease-out, padding-top 0.9s ease-out, margin-top 0.9s ease-out;
        -moz-transition: max-height 0.9s ease-out, padding-bottom 0.9s ease-out, padding-top 0.9s ease-out, margin-top 0.9s ease-out;
        -khtml-transition: max-height 0.9s ease-out, padding-bottom 0.9s ease-out, padding-top 0.9s ease-out, margin-top 0.9s ease-out;
        -webkit-transition: max-height 0.9s ease-out, padding-bottom 0.9s ease-out, padding-top 0.9s ease-out, margin-top 0.9s ease-out;
        -ms-transition: max-height 0.9s ease-out, padding-bottom 0.9s ease-out, padding-top 0.9s ease-out, margin-top 0.9s ease-out;
        transition: max-height 0.9s ease-out, padding-bottom 0.9s ease-out, padding-top 0.9s ease-out, margin-top 0.9s ease-out;
    }
    input.features-toggle:checked + table td.preview,
    input.features-toggle:checked + table td.key-points {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
        max-height: 500px;
        margin-top: 16px;
    }
    .syncr .landing-page .content input.features-toggle + .feature .description {
        margin-top: 16px;
    }
    input.feature-toggler + ul > li:nth-child(n+2):nth-last-child(n+2) {
        min-height: 0;
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: 0;
        overflow: hidden;
        -o-transition: all 0.9s ease-in-out;
        -moz-transition: all 0.9s ease-in-out;
        -khtml-transition: all 0.9s ease-in-out;
        -webkit-transition: all 0.9s ease-in-out;
        -ms-transition: all 0.9s ease-in-out;
        transition: all 0.9s ease-in-out;
    }
    input.feature-toggler:checked + ul > li:nth-child(3){
        min-height: 112px;
    }
    .Features.tnf input.feature-toggler:checked + ul > li:nth-child(2),
    .Features.tnf input.feature-toggler:checked + ul > li:nth-child(3),
    input.feature-toggler:checked + ul > li:nth-last-child(2) {
        min-height: 128px;
    }
    input.feature-toggler:checked + ul > li:nth-child(n+2):nth-last-child(n+3) {
        max-height: 500px;
        padding: 16px 0;
    }
    input.feature-toggler:checked + ul > li:nth-child(n+2):nth-last-child(n+4) {
        border-bottom: 1px solid #33a8e0;
    }
    .Features .icon.plus-minus-toggler,
    .syncr .landing-page .icon.plus-minus-toggler {
        display: inline-block;
    }
    .syncr .landing-page header {
        background-image: url('../images/syncr_landing_page_header_480_darker.jpg');
    }
    .syncr .landing-page header.pricing {
        background-image: url('../images/syncr_landing_page_header_pricing_480_darker.jpg');
    }
    .syncr .landing-page footer {
        background-image: url('../images/syncr_landing_page_footer_try_it_480_darker.jpg');
    }
    .syncr .landing-page .content table.feature + * {
        width: 100%;
        margin-top: -32px;
        text-align: center;
    }
    .syncr .landing-page header.pricing .logo {
        float:none;
        display: inline-block;
    }
    .syncr .landing-page header.pricing .content .description {
        font-size: 18px;
        font-weight: 100;
        line-height: 22px;
        text-align: justify;
        padding-bottom: 64px;
    }
    .syncr .landing-page footer .content .ask {
        padding: 0 0 24px;
        font-size: 26px;
        line-height: 32px;
    }
    .tnf .landing-page .info-box h1 {
        font-size: 20px;
        margin: 0;
    }
    .tnf .landing-page .info-box .description {
        font-size: 16px;
        margin: 8px 0 16px;
    }
    .tnf .landing-page .showreel-player .info {
        font-size: 12px;
        right: 8px;
        bottom: 8px;
    }
    .tnf .landing-page tr > td {
        padding: 4px;
    }
    .tnf .landing-page tr > td > h2,
    .tnf .landing-page tr > td > span {
        padding: 4px;
    }
    .tnf .landing-page tr > .clients {
        padding: 8px 0 8px 4px;
    }
    .tnf .landing-page tr > .awards {
        padding: 8px 4px 8px 0;
    }
    .tnf .landing-page tr > .clients h3,
    .tnf .landing-page tr > .awards h3 {
        margin-bottom: 4px;
    }
    .tnf .landing-page .details td .button.white-framed {
        margin: 4px;
    }
    .tnf .landing-page .om-banner {
        display: none;
    }
    .tnf .landing-page table.details {
        margin-bottom: 48px;
    }
    .tnf .landing-page table.blog,
    .tnf .landing-page .blog-headline {
        margin: 8px;
    }
    .tnf .landing-page .blog-headline {
        margin-bottom: 24px;
    }
    .tnf .landing-page .blog-post {
        border-bottom-width: 8px;
        padding: 8px;
    }
    .tnf .landing-page .blog-post p:nth-child(2) {
        margin-bottom: 24px;
    }
    .xdsoft_datetimepicker {
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        position: fixed !important;
    }
    .name-value-pair {
        margin-bottom: 8px;
    }
    .name-value-pair > *:first-child {
        float: none;
        text-align: left;
        width: 100%;
        left: 0;
    }
    .name-value-pair > *:nth-child(2),
    form .name-value-pair > *:nth-child(2) {
        float: none;
        width: 100%;
        left: 0;
    }
    .Account .edit_personal_information .name-value-pair > *:nth-child(2),
    .Account .edit_personal_information .name-value-pair > *:nth-child(2) input[type=text],
    .Account .edit_personal_information .name-value-pair > *:nth-child(2) input[type=password],
    .Account .edit_personal_information .name-value-pair > *:nth-child(2) input[type=number],
    .Account .edit_personal_information .name-value-pair > *:nth-child(2) textarea,
    .Account .edit_personal_information .name-value-pair > *:nth-child(2) select {
        width: 100%;
    }
    form .form-nav.back-n-forward > *:nth-last-child(n+2),
    form .form-nav.back-n-forward > *:last-child {
        float: left;
        clear: left;
        margin-right: 0;
        margin-bottom: 0;
        margin-top: 4px;
    }
    .Track.list_entry .clearfix-wrapper > *:first-child,
    .Submission.list_entry .clearfix-wrapper > *:first-child {
        float: right;
    }
    .Track.list_entry .info,
    .Submission.list_entry .info,
    .Track.list_entry .navigation,
    .Submission.list_entry .navigation,
    .Track.list_entry .player_container,
    .Submission.list_entry .player_container {
        margin-bottom: 8px;
    }
    .Track.list_entry .player_container,
    .Submission.list_entry .player_container {
        width: 100%;
        padding-right: 66px;
        margin-right: -50px;
    }
    .Track.list_entry .info,
    .Submission.list_entry .info {
        width: auto;
        margin-right: 8px;
    }
    .Track.list_entry .info table,
    .Submission.list_entry .info table {
        display: none;
    }
    .Playlist.list_entry .info {
        margin-left: 24px;
    }
    .Request .details .budget_payout_box {
        float: left;
    }
    .Request .details .traffic-sign-container {
        float: right;
        margin-right: -12px;
    }
    .Request .details .budget_payout_box .budget_payout {
        margin: 16px 0 8px;
    }
    .messages_container .single .user_picture,
    .conversation.single .user_picture,
    .comments_container .single .user_picture,
    .comments_container .commentlist li article .user_picture {
        padding-right: 8px;
    }
    #error_box {
        left: 4px;
        right: 4px;
    }
    .page-navi-toggler {
        left: 60px;
    }
    .page_navigation_container {
        left: 60px;
    }
    #mobile-menu-toggle:checked ~ .main-content,
    #mobile-menu-toggle:checked ~ .navigation_container {
        width: 320px;
    }
    #site-navi-toggle:checked ~ .page-navi-toggler,
    #site-navi-toggle:checked ~ .page_navigation_container,
    .site_navigation_container:focus ~ .page-navi-toggler,
    .site_navigation_container:focus ~ .page_navigation_container {
        -moz-transform: translate(146px, 0);
        -webkit-transform: translate(146px, 0);
        -o-transform: translate(146px, 0);
        -ms-transform: translate(146px, 0);
        transform: translate(146px, 0);
    }
    .light-box .page_modal_frame,
    .light-box .page_modal_nav {
        padding: 0;
        top: 4px;
        right: 4px;
        left: 4px;
    }
    .light-box .page_modal_nav {
        display: block;
        padding: 0;
        bottom: auto;
        min-height: unset;
    }
    .light-box .page_modal_nav .page_modal_close_btn {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 26px;
    }
    #mobile-menu-toggle:checked ~ label.mobile-menu-toggle,
    #mobile-menu-toggle:checked ~ .navigation_container,
    #mobile-menu-toggle:checked ~ .main-content {
        -moz-transform: translate(270px, 0);
        -webkit-transform: translate(270px, 0);
        -o-transform: translate(270px, 0);
        -ms-transform: translate(270px, 0);
        transform: translate(270px, 0);
    }
    ul.on_page_navigation > li > * > * {
        font-size: 80%;
    }

    .hidable_menu .sub_non_hover {
        position: fixed;
        z-index: 999;
        right: 28px;
    }
}

/* Advanced search */  
.searchSel{
    float: left;
}
.output{
    margin-bottom: 4px;
}

/* elevated partnership */
.row-media_use .right .nested,
.row-media_use .right .nested .row-0,
.row-media_use .right .nested .row-0 .right,
.row-media_use .right .nested .row-0 .right .nested,
.row-all .right .nested,
.row-all .right .nested .row-0,
.row-all .right .nested .row-0 .right,
.row-all .right .nested .row-0 .right .nested,
.row-TVint .right .nested,
.row-TVint .right .nested .row-0,
.row-TVint .right .nested .row-0 .right,
.row-TVint .right .nested .row-0 .right .nested,
.row-intother .right .nested,
.row-intother .right .nested .row-0,
.row-intother .right .nested .row-0 .right,
.row-intother .right .nested .row-0 .right .nested {
    width: 100%;
}

.row-national,
.row-continental,
.row-world,
.row-national_all,
.row-continental_all,
.row-world_all,
.row-national_TVint,
.row-continental_TVint,
.row-world_TVint,
.row-national_intother,
.row-continental_intother,
.row-world_intother {
    width: 30%;
    position: relative;
}

.row-national_all .left label,
.row-continental_all .left label,
.row-world_all .left label,
.row-national_TVint .left label,
.row-continental_TVint .left label,
.row-world_TVint .left label,
.row-national_intother .left label,
.row-continental_intother .left label,
.row-world_intother .left label {
    position: absolute;
    right: 0.5em;
}

.row-media_use .right .nested .row-0 .right .nested .row-world {
    vertical-align: top;
}

.ep-agreement-fees .table .td {
    border:1px solid;
    width:25%;
    padding:0.5em;
}

.ep-agreement #signature_form {
    background-color: inherit;
    border: none;
}
.ep-agreement #signature_form p {
    text-align: center;
    font-style: italic;
}
.ep-agreement #signature {
   border: 1px dashed #98989a;
   border-radius: 3px;
}
.ep-agreement #signature_form .actions {
    margin-top: 2vh;
}
.elevated-partnership{
    border-bottom: 0.65vh solid #84B518;
}
.icon-search {
  width: 25px;
  height: 25px;
  display: inline-block;
  background: transparent url(../images/icons.svg) no-repeat scroll 0 0;
  background-size: 800px 800px;
  background-position: -425px -650px;
}
.icon-nav {
  width: 25px;
  height: 25px;
  display: inline-block;
  background: transparent url(../images/icons.svg) no-repeat scroll 0 0;
  background-size: 800px 800px;
  background-position: -400px -650px;
}
.icon-search-modal {
  width: 25px;
  height: 25px;
  display: inline-block;
  background: transparent url(../images/icons.svg) no-repeat scroll 0 0;
  background-size: 800px 800px;
  background-position: -450px -650px;
  position: absolute;
  right:0;
  z-index: 4;
  cursor: pointer;
}
.visibility_nav {
    display: none;
}
h1.visibility_search,
h1.visibility_nav {
  cursor: pointer;
  font-size: 2em;
}
@media (min-width: 1201px) {
  .viewPortSwitchText {width: 77%;}
  .viewPortSwitchImage {width: 10%;}
  .viewPortSwitchSubmit {top: -4px;}
}
@media (min-width: 421px) and (max-width: 1200px) {
  .viewPortSwitchText {width: 77%;}
  .viewPortSwitchImage {width: 10%;}
  .viewPortSwitchSubmit {top: 0px;}
}
@media (max-width: 420px) {
  .viewPortSwitchText {width: 66% !important}
  .viewPortSwitchImage {width: 15%;}
  .viewPortSwitchSubmit {top: -4px;}
}
.visibility_search > input {
  outline:none;
  border: none;
  border-bottom: 1px dotted;
}
.visibility_search > input::-webkit-input-placeholder {
  font-style: italic;
  font-weight: 200;
}
.visibility_search > input:-moz-placeholder {
  font-style: italic;
  font-weight: 200;
}
.visibility_search > input::-moz-placeholder {
  font-style: italic;
  font-weight: 200;
}
.visibility_search > input:-ms-input-placeholder {
  font-style: italic;
  font-weight: 200;
}

.filterInput {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  background: #F5F5F6;
  margin-top: 5px;
  margin-right: 10px;
  border-radius: 12px;
  color: #000;
}
.FilterOptionsMenuIdentifierClass {
  position: absolute;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-top: none;
  padding: 0;
  left: 0;
  top: 25px;
  width: 100%;
  z-index: 4;
}
.FilterOptionsMenu__item {
  -webkit-transition: 0.15s -webkit-filter linear;
  -o-transition: 0.15s -o-filter linear;
  transition: 0.15s filter linear;
}
.FilterOptionsMenu__item.SearchCategory {
  cursor: default;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 28px;
  color: #353535;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.FilterOptionsMenu__item.SearchItem {
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  color: #353535;
  font-weight: 200;
  line-height: 25px;
  font-size: 15px;
}
.FilterOptionsMenu__list li:hover {
  background-color: #f0f0f0;
}
.searchFilterElement{
  float: left;
  cursor: default;
  cursor:pointer;
}
.searchFilterElementClose{
  float:right;
  cursor:pointer;
  padding-right: 5px;
  color: #353535;
  padding-left: 2px;
  padding-bottom: 3px;
  line-height: 2px;
  font-size: 18px;
  font-weight: 200;
}
.slider .SearchCategory {
  text-transform: uppercase;
  font-size: 17px;
}
.page-load-status {
  display:none;
}
.page_modal_bg .loader_anim {
  position: absolute;
  top: 50%;
}
#mheader{
/*
letter-spacing: 0.5px;
font-weight: 200;
font-size: 19px;
*/
  height: 34px;
}

.wapperDummy{
    margin: 0px;
    padding:0px;
}
.visibility_search > .wapperDummy > h1 + .top-list {
    padding-top: 0;
}

/**  playlist gallery  **/
#playlist-gallery .no-margin-top {
    margin-top: 0;
}

#playlist-gallery .no-padding-left {
    padding-left: 0;
}

#playlist-gallery h4 {
    font-size: 2.28rem;
    line-height: 110%;
    margin: 0 0 .912rem 0;
}

#playlist-gallery .carousel-fullwidth {
    height: 200px;
}

#playlist-gallery .carousel-fullwidth .carousel-item {
    height: 200px;
}

#playlist-gallery .carousel .carousel-item {
  opacity: 1 !important;
}

@media only screen and (max-width: 992px){
    #playlist-gallery .carousel-fullwidth {
        height: 31vw;
    }

    #playlist-gallery .carousel-fullwidth .carousel-item {
        height: 31vw;
    }
}

@media only screen and (max-width: 600px){
    #playlist-gallery .carousel-fullwidth {
        height: 60vw;
    }

    #playlist-gallery .carousel-fullwidth .carousel-item {
        height: 60vw;
    }
}

#playlist-gallery .card {
    margin: 0;
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}

div.playlist-tile {
    transition: 0.1s ease-in-out 0s;  
}

.card.playlist-tile .card-image .card-title {
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.17) 67%, rgba(0,0,0,0) 100%);
    width: 100%;
    font-size: 1.3em; 
    padding: 36px 12px 12px 12px;
}

.playlist-tile .fixed-action-btn ul {
    left: -90px;
    bottom: 14px;
}

.playlist-tile:hover {
    transform: scale(1.008);
}

.playlist-tile .fixed-action-btn.direction-left ul, .playlist-tile .fixed-action-btn.direction-right ul {
    right: 55px;
}

/* aims input */
.similarity-yt-search {
    margin-bottom: 3em;
}

.similarity-yt-search input {
    outline: none;
    border: none;
    border-bottom: 1px dotted;
    width: 75%;
    margin-right: 2em;
    font-size: 14px;
}

@media (min-width: 576px) and (max-width: 1271px) {
    .similarity-yt-search input {
        width: 70%;
    }
}

@media (max-width: 575px) {
    .similarity-yt-search {
        text-align: center;
    }

    .similarity-yt-search input {
        width: 100%;
        margin-bottom: 1em;
    }
}

.wechat-qr {
    max-width: 150px;
}