html {
	overflow-y: scroll;
    overflow-anchor: none;
}

html.with-featherlight {
	overflow-y: scroll;
}

html, body {
	height: 100%;
}

body { 
	width: 100%;
    font: 400 15px 'rawline'; 
    color: #fff;
    line-height: 180%;
    background: #18191a;
    font-variant-numeric: lining-nums;
    -webkit-font-feature-settings: "lnum" on; 
    -moz-font-feature-settings: "lnum" on; 
    font-feature-settings: "lnum" on; 
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 { 
    color: #fff; 
}

p, li {
    line-height: 24px;
    font-size: 16px;
}

a { 
    color: #f79443; 
    font-weight: 600; 
    transition: color ease 300ms;
}

a:hover {
    color: #f4ae75;
	outline: none;
}

a:focus {
	outline: none;
}

strong { 
    font-weight: 600;
}

body.swal2-height-auto {
	height: 100% !important;
}

/*  DEV 
--------------------------- */	
div.develop {
	width: 100%;
	max-width: 320px;
	margin: 15px auto 0;
	padding: 5px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	text-align: center;
	background: #d12626;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/*  HEADER 
--------------------------- */	
section.header {
    position: relative;
    z-index: 999;
}    

section.header div.line {
    width: 100%;
    height: 0;
}

section.header article {
    padding: 20px;
    position: relative;
    z-index: 450;
}

section.content {
	width: 100%;
	min-width: 320px;
    min-height: 100%;
	padding: 0 0 100px;
    position: relative;
}

section.page {
	max-width: 1024px;
	margin: 50px auto;
	padding: 20px;
}

section.page h1 {
	margin: 20px 0;
}

section.page p {
	margin: 0 0 20px 0;
}

section.content.artists {
    height: auto;
    width: 100%;
    padding: 0;
	overflow: hidden;
	
}

section.content.artists > header {
	width: 220px;
	min-height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
	transition: linear 200ms all;
}

section.content.artists header a.nav-logo {
	width: calc(100% - 50px);
	margin: 15px 0 10px 30px;
    padding: 90px 0 0;
	display: inline-block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 900;
    background: url(/assets/img/icon-logov2.svg) no-repeat top center / 130px auto;
    color: #fff;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .55);
}

section.content.artists header a.personal {
    position: absolute;
    top: 3px;
    right: 0;
    font-weight: 500;
}

section.content.artists header nav {
	width: 100%;
	height: 100%;
    padding: 20px 0;
    margin: 0;
	line-height: 18px;
}

section.content.artists header nav a {
	width: 100%;
    padding: 14px 20px 14px 30px;
	font-size: 17px;
	line-height: 24px;
	font-weight: 400;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	position: relative;
	transition: linear 100ms color;
}

section.content.artists header nav a.sub {
	padding: 5px 20px 10px 20px;
	margin: 5px 0 5px 30px;
	font-size: 18px;
}

section.content.artists header nav a:after {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 0;
	background: -moz-linear-gradient(left,  rgba(38,36,37,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(38,36,37,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(38,36,37,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262425', endColorstr='#00ffffff',GradientType=1 );
}	

section.content.artists header nav a:hover,
section.content.artists header nav a.active { 
	color: #e97f29;
}

section.content.artists header nav a:first-of-type {
	padding-top: 0;
}

section.content.artists header nav a.public span {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
	margin: 4px 0 0 6px;
	background: url('/assets/img/icon-link-external.svg') no-repeat center / 15px;
	
}

section.content.artists div.contain-content {
	width: calc(100% - 220px);
	min-height: 100vh !important;
	margin-left: 220px;
	padding: 84px 80px 40px;
	display: inline-block;
	vertical-align: top;
	transition: linear 200ms margin;
	overflow: auto; 
}

section.content.artists div.welcome {
	width: 100%;
	margin: 0 0 20px;
	padding: 40px 0 20px;
	display: inline-block;
}

div.menu-slide {
	width: 50px;
	height: 50px;
	background: #e97f29 url('/assets/img/icon-open-menu.svg') no-repeat center / 25px;
	margin-right: 20px;
	display: none;
	vertical-align: top;
	border-radius: 30px;
}

section.content.artists div.welcome h3 {
	margin: 0;
	font-size: 16px;
	line-height: 50px;
	font-weight: 300;
	display: inline-block;
	vertical-align: top;
}

section.content.artists div.stick.cloned {
	width: calc(100% - 220px);
	padding: 0 80px;
	right: 0;
	left: auto;
	background: #18191a;
}

section.content.artists div.stick.cloned div.blocks {
	margin-top: 20px;
}

section.content.artists div.stick.cloned div.welcome {
	display: none;
}

section.content.artists h4 {
	margin: 13px 0;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	padding: 0 0 0 10px;
	margin-left: 10px;
	border-left: 1px solid #242526;
	display: inline-block;
	vertical-align: top;
}

section.content.artists h4 a {
	width: 20px;
	height: 20px;
	margin: -8px 0 0 10px;
	display: inline-block;
	vertical-align: middle;
	background: #ee1b52;
	-webkit-border-radius: 300px;
	border-radius: 300px;
	cursor: pointer;
	-webkit-transition: ease opacity 200ms;
	transition: ease opacity 200ms;
}

section.content.artists h4 a:hover {
	opacity: .8;
}

section.content.artists h4 a.active {
	width: 20px;
	height: 20px;
	margin: -8px 0 0 10px;
	display: inline-block;
	vertical-align: middle;
	background: #3ef306;
	-webkit-border-radius: 300px;
	border-radius: 300px;
}

section.content.artists p.intro {
	width: calc(100% - 180px);
	margin: 0 0 0 15px;
    padding: 12px 0 12px 15px !important;
    display: inline-block;
    background: transparent;
    border-left: 2px solid #242526;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
}

section.content.front {
	background: url('/assets/img/bg-4k.jpg') no-repeat center / cover;
	padding-bottom: 0;
}

section.content.front.nobg {
	background: #fafafa;
}

section.content.front header {
	padding: 20px 20px 150px;
	background: url('/assets/img/bg-4k.jpg') no-repeat center / cover;
	-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 15px rgba(0, 0, 0, .1);
}

section.content.front header div.top {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}

section.content.front header div.top span.logo {
	width: 100%;
	max-width: 200px;
    padding-top: 80px;
	display: inline-block;
	vertical-align: top;
    background: url('/assets/img/icon-logov2.svg') no-repeat center top / 120px auto;
	font-size: 24px;
    line-height: 30px;
    font-weight: 900;
	text-align: center;
    color: #fff;
    text-shadow: 1px 1px 15px rgba(0, 0, 0, .35);
}

section.content.front header div.top div.language {
	float: right;
}

section.content.front header div.top div.language a {
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	line-height: 13px;
	-webkit-transition: color ease 300ms;
	transition: color ease 300ms;
}

section.content.front header div.top div.language a:first-of-type {
	margin-right: 5px;
}

section.content.front header div.top div.language a.active,
section.content.front header div.top div.language a:hover {
	color: #e97f29;
}

section.content.front header h1.slogan {
	width: 100%;
	max-width: 1024px;
    margin: 0 auto;
	padding-top: 120px;
    font-size: 40px;
    line-height: 44px;
    font-weight: 700;
	text-transform: uppercase;
	text-align: center;
    color: #fff;
    text-shadow: 1px 1px 15px rgba(0, 0, 0, .35);
}

section.content.front div.block {
	padding: 100px 20px;
}

section.content.front div.unique-selling-points ul {
	max-width: 1280px;
	margin: 0 auto;
}

section.content.front div.unique-selling-points ul li {
	width: calc(33.3333333333% - 26px);
	height: 120px;
	margin: 0 30px 0 0;
	padding: 30px 40px 30px 150px;
	display: inline-block;
	vertical-align: top;
	background: #fff no-repeat 40px center / 70px auto;
	font-weight: 400;
	font-size: 16px;
	color: #555555;
	text-align: left;
	line-height: 26px;
	border: 1px solid #f5f5f5;
    border-bottom: 2px solid #f1f1f1;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .03);
    -webkit-transition: border 200ms ease;
    transition: border 200ms ease;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

section.content.front div.unique-selling-points ul li:nth-of-type(1) {
	background-image: url('/assets/img/icon-usp1.svg');
}

section.content.front div.unique-selling-points ul li:nth-of-type(2) {
	background-image: url('/assets/img/icon-usp2.svg');
}

section.content.front div.unique-selling-points ul li:nth-of-type(3) {
	background-image: url('/assets/img/icon-usp3.svg');
}

section.content.front div.unique-selling-points ul li:nth-of-type(4) {
	background-image: url('/assets/img/icon-usp4.svg');
}

section.content.front div.unique-selling-points ul li:nth-of-type(5) {
	background-image: url('/assets/img/icon-usp5.svg');
}

section.content.front div.unique-selling-points ul li:nth-of-type(6) {
	background-image: url('/assets/img/icon-usp6.svg');
}

section.content.front div.unique-selling-points ul li:nth-of-type(3n) {
	margin-right: 0;
}

section.content.front div.unique-selling-points ul li:nth-of-type(-n+3) {
	margin-bottom: 30px;
}

section.content.front div.how-it-works {
	padding: 80px 0;
	background: #F4F4F4;
}

section.content.front div.how-it-works div.center {
	max-width: 1120px;
	padding: 30px 0;
	margin: 0 auto;
	padding-left: 350px;
	text-align: left;
	background: rgba(0, 0, 0, 0) url('/assets/img/front-illustration-band.png') no-repeat left center / 300px;
}

section.content.front div.how-it-works h2 {
	margin-bottom: 25px;
	font-size: 26px;
	line-height: 36px;
	font-weight: 600;
	color: #555555;
}

section.content.front div.how-it-works p {
	line-height: 28px;
	color: #555555;
}

section.content.front div.how-it-works p:first-of-type {
	margin-bottom: 10px;
}

section.content.front div.use-cases {
	padding: 80px 0;
}

section.content.front div.use-cases div.center {
	max-width: 1120px;
	padding: 30px 0;
	margin: 0 auto;
}

section.content.front div.use-cases div.center h2 { 
	width: 100%;
    margin-bottom: 55px;
	display: inline-block;
	vertical-align: top;
    font-size: 26px;
    line-height: 36px;
    font-weight: 600;
    color: #555555;
	text-align: center;
}

section.content.front div.use-cases div.center div.block { 
	width: calc(33.3333333333% - 26px);
	min-height: 510px;
	margin: 0 39px 0 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	background: #fff no-repeat 40px center / 70px auto;
	border: 1px solid #f5f5f5;
    border-bottom: 2px solid #f1f1f1;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .03);
    -webkit-transition: border 200ms ease;
    transition: border 200ms ease;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

section.content.front div.use-cases div.center div.block:last-of-type {
	margin-right: 0;
}

section.content.front div.use-cases div.center div.block img {
	width: 100%;
	height: auto;
	display: inline-block;
}

section.content.front div.use-cases div.center div.block h3 { 
	padding: 30px 30px 15px 30px;
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	color: #555555;
}

section.content.front div.use-cases div.center div.block p { 
	padding: 0 30px 30px 30px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	color: #555555;
}

section.content.front div.subscriptions div.center {
	width: 100%;
	max-width: 1120px;
	padding: 0;
	margin: 0 auto;
	display: flex;
}

section.content.front div.subscriptions div.center div.subscription {
	width: 25%;
	margin-right: 15px;
	padding: 35px;
	flex: 1 1 auto;
	background: #fff;
    border: 1px solid #f5f5f5;
    border-bottom: 2px solid #f1f1f1;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .03);
    -webkit-transition: border 200ms ease;
    transition: border 200ms ease;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

section.content.front div.subscriptions div.center div.subscription:last-of-type {
	margin-right: 0;
}

section.content.front div.subscriptions div.center div.subscription h5 {
	width: 100%;
	margin-bottom: 30px;
	font: 500 20px / 22px 'rawline';
	color: #555555;
}

section.content.front div.subscriptions div.center div.subscription p {
	width: 100%;
	margin: 0;
	padding: 0;
	display: inline-block;
	font: 500 14px / 24px 'rawline';
	color: #555555;
}

section.content.front div.subscriptions div.center div.subscription p.cancelmonthly {
	font: 400 12px / 24px 'rawline';
	font-style: italic;
}

section.content.artists.subscriptions h3 {
	margin-bottom: 30px;
}

section.content.front div.subscriptions div.center div.subscription p.subscription {
	margin-bottom: 10px;
	font: 400 14px / 14px 'rawline';
}

section.content.front div.subscriptions div.center div.subscription p.viewers {
	padding: 0 0 0 30px;
	background: url(/assets/img/icon-subscription-viewers.svg) no-repeat left center / 20px;
}

section.content.front div.subscriptions div.center div.subscription p.minutes {
	padding: 0 0 0 30px;
	background: url(/assets/img/icon-subscription-minutes.svg) no-repeat left center / 16px;
}

section.content.front div.subscriptions div.center div.subscription p.resolution {
	padding: 0 0 0 30px;
	background: url(/assets/img/icon-subscription-resolution.svg) no-repeat left center / 16px;
}

section.content.front div.subscriptions div.center div.subscription p.price {
	margin-top: 30px;
	font: 500 22px / 22px 'rawline';
}

section.content.front div.subscriptions div.center div.subscription p.price span {
	margin-left: 5px;
	font: 400 14px / 14px 'rawline';
}

section.content.front div.video-tutorials {
	width: 100%;
	display: inline-block;
	margin-top: 10px;
	text-align: center;
}

section.content.front div.video-tutorials h3 {
	margin-bottom: 50px;
}

section.content.front div.video-tutorials a.video {
	width: 115px;
	margin: 0 10px;
	display: inline-block;
	vertical-align: top;
}

section.content.front div.video-tutorials a.video:last-of-type {
	margin-right: 0;
}

section.content.front div.video-tutorials a.video:first-of-type {
	margin-left: 0;
}

section.content.front div.video-tutorials a.video:not(.howitworks) div {
	width: 70px;
	height: 70px;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: top;
	background: rgba(0, 0, 0, 0) url('/assets/img/icon-play.svg') no-repeat center / 24px;
	border: 4px solid rgba(247, 148, 67, .3);
	border-radius: 300px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
	transition: ease border 200ms;
}

section.content.front div.video-tutorials a.video:not(.howitworks):hover div {
	border: 2px solid rgba(247, 148, 67, .8);
}

section.content.front div.video-tutorials a.video.howitworks {
	text-decoration: underline;
}

section.content.front div.video-tutorials a.video.howitworks:hover {
	text-decoration: none;
}

section.content.front div.video-tutorials a.video p {
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
}
section.content.front div.video-tutorials #video-container {
	width: auto;
	height: 100%;
	position: relative;
	z-index: 1000;
	display: none;
}

.featherlight .featherlight-content {
	width: 100%;
	max-width: 1200px;
	height: 100%;
	max-height: 800px;
	padding: 0;
	border: 0;
	background: transparent;
}

section.content.front div.call-to-action {
	padding: 60px 0 0;
	text-align: center;
}

section.content.front div.call-to-action.left {
	padding: 30px 0 0;
	text-align: left;
}

section.content.front div.call-to-action a.button {
    margin: 0 20px 0 0;
    padding: 8px 30px 13px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
	border: 2px solid #f79443;
    background: #f79443;
    color: #000;
	text-align: center;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all ease 300ms;
    transition: all ease 300ms
}

section.content.front div.call-to-action a.button:nth-of-type(2) {
    margin-right: 0;
	background: transparent;
	border: 2px solid #f79443;
	color: #f79443;
	font-weight: 400;
}

section.content.front div.call-to-action a.button:hover {
    background: rgba(247, 148, 67, .6); 
	border-color: rgba(247, 148, 67, .6);
}

section.content.front div.call-to-action a.button:hover:nth-of-type(2) {
	background: none;
	border-color: rgba(247, 148, 67, .6); 
	color: rgba(247, 148, 67, .6); 
}

section.content p.notfound {
    width: auto;
    max-width: 960px;
    margin: 0 auto;
    padding: 110px 30px 30px; 
    position: absolute;
    background: url('/assets/img/icon-logov2.svg') no-repeat top / 150px auto;
    right: 0;
    left: 0;
    top: 40%;
    -ms-transform: translateY(-40%);
    transform: translateY(-40%); 
    text-align: center;
    font-size: 35px;
    line-height: 45px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .55);
    letter-spacing: .1em;
}

section.content p.notfound span {
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    font-size: 55px;
    line-height: 55px;
    font-weight: 900;
    color: #fff;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .55);
}

section.content.songs {
	background: #18191a;
}

section.content.songs article {
	max-width: 1024px;
	margin: 0 auto;
}

section.content.songs header {
	min-width:0;
    min-height:0;
	padding: 40px 0 0 0;
	text-align: center;
}

section.content.songs div.language {
	width: 100%;
	padding: 30px 0;
	display: inline-block;
	z-index: 9999;
	line-height: 13px;
	background: #18191a;
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

section.content.songs div.language a {
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	line-height: 13px;
	-webkit-transition: color ease 300ms;
	transition: color ease 300ms;
}

section.content.songs div.language a:first-of-type {
	margin-right: 5px;
}

section.content.songs div.language a.active,
section.content.songs div.language a:hover {
	color: #e97f29;
}

section.content.songs header div.keep {
	width: 300px;
	height: 300px;
	margin: 20px auto;
	position: relative;
}

section.content.songs header div.band-header {
	width: 300px;
	height: 300px;
	display: inline-block;
	border-radius: 300px;
	background: #111011;
	border: 0 solid #474747;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	z-index: 20;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3), 0 0 30px 0 rgba(255, 255, 255, .15);
}

section.content.songs header div.cta-contain {
	width: 100%;
	position: relative;
	display: inline-block;
	margin: 0;
}

section.content.songs header div.cta-contain h1 {
	margin: -20px 0 20px;
}

section.content.songs header div.cta-contain img.invalid-stream {
	width: 100%;
	height: auto;
	max-height: 429px;
	margin: 0 auto;
	display: block;
}

section.content.songs header div.cta-contain a.giveatip {
	width: 150px;
	height: 54px;
	padding: 0 0 0 40px;
	position: absolute;
	top: 34%;
	left: -120px;
	z-index: 10;
    transform: translateY(-50%);
	border: 1px solid #474747;
	font-size: 16px;
	line-height: 48px;
	color: #fff;
	text-align: left;
	cursor: pointer;
	background: url(/assets/img/icon-tipv3.svg) no-repeat 15px center / 18px;
	border-radius: 300px 0 0 300px;
}

section.content.songs header div.cta-contain a.giveatip.single {
	top: 50%;
}

section.content.songs header div.cta-contain a.makeabooking {
	width: 150px;
	height: 54px;
	padding: 0 0 0 40px;
	position: absolute;
	top: 59%;
	left: -120px;
    transform: translateY(-50%);
	border: 1px solid #474747;;
	font-size: 16px;
	line-height: 48px;
	color: #fff;
	text-align: left;
	cursor: pointer;
	background: url(/assets/img/icon-booking.svg) no-repeat 15px center / 16px;
	border-radius: 300px 0 0 300px;
}

section.content.songs header div.cta-contain a.makeabooking.single {
	top: 50%;
}

section.content.songs header div.cta-contain a.facebook {
	width: 150px;
	height: 54px;
	padding: 0 40px 0 0;
	position: absolute;
	top: 36%;
	right: -120px;
    transform: translateY(-50%);
	border: 1px solid #474747;
	font-size: 16px;
	line-height: 48px;
	color: #fff;
	text-align: right;
	cursor: pointer;
	background: url(/assets/img/icon-facebook.svg) no-repeat calc(100% - 15px) / 16px;
	border-radius: 0 300px 300px 0;
}

section.content.songs header div.cta-contain a.facebook.single {
	top: 50%;
}

section.content.songs header div.cta-contain a.abouttheband {
	width: 150px;
	height: 54px;
	padding: 0 40px 0 0;
	position: absolute;
	top: 59%;
	right: -120px;
    transform: translateY(-50%);
	border: 1px solid #474747;
	font-size: 16px;
	line-height: 48px;
	color: #fff;
	text-align: right;
	cursor: pointer;
	background: url(/assets/img/icon-abouttheband.svg) no-repeat calc(100% - 15px) / 16px;
	border-radius: 0 300px 300px 0;
}

section.content.songs header div.cta-contain a.abouttheband.single {
	top: 50%;
}

section.content.songs header span#totalDonations {
	width: 100%;
	margin: 15px 0 0;
	padding: 10px 10px 0 0;
	display: inline-block;
	border-top: 2px solid #242526;
	color: #fff;
	font-size: 17px;
	line-height: 17px;
	font-weight: 500;
	text-align: center;
}

section.content.songs header div.cta-contain .singleDonation {
	width: auto;
	max-width: 640px;
    margin: 0 auto;
    height: auto;
    position: fixed;
    left: 0;
    right: 0;
    bottom: -130px;
    padding: 15px 15px 17px;
    background: #e97f29;
    color: #000;
    font-weight: 600;
    font-size: 20px;
    line-height: 18px;
    border-radius: 30px;
    text-align: center;
    overflow: hidden;
    z-index: 9000;
    white-space: nowrap;
    text-overflow: ellipsis;
	transition: ease bottom 200ms;
	-webkit-transform: translateZ(0);
}	

section.content.songs header div.cta-contain div.livestream {
	width: 60%;
	margin: 0;
	display: inline-block;
	vertical-align: top;
}

section.content.songs header div.cta-contain div.livestream.nocomments {
	width: 100%;
}

section.content.songs header div.cta-contain div.livestream h1 {
	margin: 0 0 20px;
}

section.content.songs header div.cta-contain div.livestream div.contain-video {
	width: 100%;
	margin: 0;
	position: relative;
}

section.content.songs header div.cta-contain div.livestream div.contain-video span.livestream-banner {
	width: 100%;
	max-width: 640px;
	margin: auto;
	padding: 6px 10px 8px;
	position: absolute;
	bottom: 45px;
	left: 0;
	right: 0;
	z-index: 999;
	background: #e97f29;
	font-size: 16px;
    line-height: 26px;
    font-weight: 600;
	text-align: center;
    color: #fff;
    text-shadow: 1px 1px 15px rgba(0, 0, 0, .35);
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

section.content.songs header div.cta-contain div.livestream div.contain-video span.logo {
	width: 100%;
	max-width: 60px;
    padding-top: 30px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 9999999;
    background: url('/assets/img/icon-logov2.svg') no-repeat center top / 50px auto;
	font-size: 8px;
    line-height: 20px;
    font-weight: 500;
	text-align: center;
    color: #fff;
    text-shadow: 1px 1px 15px rgba(0, 0, 0, .35);
}

section.content.songs header div.cta-contain div.livestream .video-js {
	width: 100%;
    margin: 0;
	height: 500px;
	display: block;
	vertical-align: top;
	overflow: hidden;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

section.content.songs header div.cta-contain div.livestream .nolivestream {
	width: 100%;
	height: 430px;
	margin: 0;
	position: relative;
	background: #111011;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

section.content.songs header div.cta-contain div.livestream .nolivestream span.livestream-banner {
	width: 100%;
	padding: 10px;
	position: absolute;
	top: 20px;
	left: 20px;
	border: 1px solid #242526;
	font-size: 14px;
    line-height: 20px;
    font-weight: 500;
	text-align: center;
    color: #fff;
    text-shadow: 1px 1px 15px rgba(0, 0, 0, .35);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

section.content.songs header div.cta-contain div.livestream .nolivestream .logo {
	width: 100%;
	max-width: 60px;
    padding-top: 30px;
	position: absolute;
	bottom: 20px;
	left: 20px;
    background: url('/assets/img/icon-logov2.svg') no-repeat center top / 50px auto;
	font-size: 8px;
    line-height: 20px;
    font-weight: 500;
	text-align: center;
    color: #fff;
    text-shadow: 1px 1px 15px rgba(0, 0, 0, .35);
}

section.content.songs header div.cta-contain div.livestream .nolivestream p {
	width: 100%;
	height: 22px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	text-align: center;
	font-weight: 500; 
	font-size: 20px;
	line-height: 20px;
	font-weight: 500;
}

section.content.songs header div.cta-contain div.button-contain {
	width: 100%;
	margin: 0;
}

section.content.songs header div.cta-contain span#viewers-audience {
	width: calc(24% - 10px);
	margin: 15px 12px 0 0;
	display: inline-block;
	vertical-align: top;
	border: 2px solid #e97f29;
	color: #fff;
	font-weight: 400; 
	font-size: 14px;
	line-height: 42px;
	text-align: center;
	border-radius: 300px;
}

section.content.songs header div.cta-contain div.livestream a {
	width: calc(19% - 10px);
	height: 46px;
	margin: 15px 12px 0 0;
	padding: 0 0 0 50px;
	display: inline-block;
	position: static;	
	line-height: 42px;
	border-radius: 300px;
	text-align: left;
	transform: translateY(0);
	transition: ease 200ms border;
}

section.content.songs header div.cta-contain div.livestream a:last-of-type {
	margin-right: 0;
}

section.content.songs header div.cta-contain div.livestream a:hover {
	border: 1px solid #e97f29;
}

section.content.songs header div.cta-contain div.livestream a {
	background-position: 20px center;
}

section.content div.comment-box {
	width: calc(100% - 40px); 
	margin: 20px 0 0 40px;
	padding: 20px 0 60px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #242526;
	border-radius: 20px;
}

section.content div.comment-box div#comments {
	width: calc(100% - 40px);
	min-height: 200px;
	max-height: 200px;
	margin: 0 20px 20px;
	overflow-y: scroll;
	display: flex;
	flex-direction: column-reverse;
	text-align: left;
}

section.content div.comment-box div#comments::-webkit-scrollbar {
  width: 10px; 
}

/* Track */
section.content div.comment-box div#comments::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .2);
}

/* Handle */
section.content div.comment-box div#comments::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .8);
}

/* Handle on hover */
section.content div.comment-box div#comments::-webkit-scrollbar-thumb:hover {
  background: #555;
}

section.content div.comment-box div#comments div.comment {
	width: 100%;
	margin-bottom: 5px;
	display: inline-block;
	vertical-align: top;
}

section.content div.comment-box div#comments div.comment div.inner {
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	background: #171717;
	border-radius: 10px;
}

section.content div.comment-box div#comments div.comment div.inner p {	
	padding: 0;
	font-size: 18px;
	line-height: 18px;
	word-break: break-word;
}

section.content div.comment-box div#comments div.comment div.inner h4 {	
	margin: 10px 0 0 0;
	padding: 0;
	border: 0;
	font-size: 16px;
	line-height: 16px;
	color: #e97f29;
}

section.content div.comment-box div#comments div.comment div.inner h4 span {
	padding-left: 10px;
	font-size: 12px;
	line-height: 12px;
	color: #7c7c7c;
}

section.content div.comment-box div.comment-sent {
	width: calc(100% - 40px);	
	padding: 13px 0 0 0;
	position: absolute;
	left: 15px;
	bottom: 15px;
	border-top: 1px solid rgba(0, 0, 0, .1);
}

section.content div.comment-box div.comment-sent input[type=text] { 
    width: 25%;
    margin: 0;
	padding: 10px 15px 12px;
    background: #202020;
	border: 0;
    font-size: 16px;
    line-height: 24px;
    border-radius: 20px;
	font-family: 'rawline';
    color: #fff;
	outline: none;
}

section.content div.comment-box div.comment-sent input[type=text]:last-of-type {
	width: calc(50% - 10px);
	margin-left: 10px;
}

section.content div.comment-box div.comment-sent button {
	width: calc(25% - 10px);
    margin: 0 0 0 10px;
	padding: 10px 15px 12px;
    background: #e97f29;
	border: 0;
    font-size: 16px;
    line-height: 18px;
    border-radius: 20px;
	font-weight: 500;
    color: #000;
	font-family: 'rawline';
	cursor: pointer;
	outline: none;
	transition: ease background 200ms;
}

section.content div.comment-box div.comment-sent button:hover {
	background: #e9924b;
}

section.content.songs h1,
section.content.artists h1 {
	display: inline-block;
	vertical-align: top;
	margin: 10px 0;
	font-size: 30px;
	line-height: 30px;
}

section.content.songs h1 {
	width: calc(100% - 80px);
	margin: 0 40px 30px;
	padding: 50px 0 0;
	display: inline-block;
	vertical-align: top;
	font-weight: 700;
	font-size: 38px;
	color: #fff;
	text-align: center;
}

section.content.songs p.noperformance-about {
	width: 100%;
	padding: 30px 25%;
	display: inline-block;
	vertical-align: top;
	border-top: 1px solid rgba(255, 255, 255, .1);
	text-align: center;
}

section.content.artists h1 {
    padding: 0 0 20px 0;
}

section.content.songs h1 span,
section.content.artists h1 span {
	margin: 3px 0 0 0;
    display: inline-block;
    vertical-align: top;
	font-size: 18px;
	color: #000;
}

section.content.songs div.navigation {
    width: auto;
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 8px 10px 10px;
    background: #f1f1f1;
    color: #e97f29;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    cursor: pointer;
    border-radius: 3px;
    transition: ease all 300ms;
}

section.content.songs div.navigation:hover {
    background: #eee;
}

section.content.songs div.navigation.tip {
	right: 70px;
}

div.nowplaying-contain {
	width: 100%;
	display: inline-block;
	padding: 0 0 20px 0;	
}

div.nowplaying-contain.livestream {
	margin-bottom: 0;
	border-bottom: 0;
}

section.content.artists div.nowplaying-contain {
	padding: 0;
	border-bottom: 0 solid #eee;
	margin-bottom: 0;
}

section.content.artists div.nowplaying-contain a.lyrics {
	width: 29%;
}

section.content div.nowplaying {
	width: calc(100%);
	margin-right: 20px;
	height: 44px;
	display: inline-block;
	vertical-align: top;
    padding: 12px 10px 8px;
    background: #e97f29;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    border-radius: 30px;
	text-align: center;
    overflow:hidden;
	white-space: nowrap;
	position: relative;
}

section.content div.nowplaying.lyricsavailable {
	width: calc(71% - 20px);
	margin-right: 20px;
}

section.content.songs div.nowplaying {
	width: 100%;
}

section.content.songs div.nowplaying.lyricsavailable {
	width: calc(75% - 20px);
}

section.content div.nowplaying div#scroll {	
	width: 100%;
	height: 100%;
	-webkit-animation: scroll-left 7s linear infinite;
	animation: scroll-left 7s linear infinite;
	position: absolute;
	white-space: nowrap;
	-webkit-transform:translateX(100%);	
	transform:translateX(100%);
}

@-webkit-keyframes scroll-left {
	0%   { -webkit-transform: translateX(75%); }
	100% { -webkit-transform: translateX(-75%); }
}
@keyframes scroll-left {
	0%   { 
		-webkit-transform: translateX(75%); /* Browser bug fix */
		transform: translateX(75%); 		
	}
	100% { 
		-webkit-transform: translateX(-75%); /* Browser bug fix */
		transform: translateX(-75%); 
	}
}

section.content a.lyrics {
	width: 25%;
	display: inline-block;
	vertical-align: top;
    padding: 10px 10px 12px;
    border: 2px solid #e97f29;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    cursor: pointer;
    border-radius: 30px;
	text-align: center;
    transition: ease all 300ms;
}

section.content a.lyrics:hover {
    background: #e97f29;
}

section.content.nowplaying {
    padding: 30px 20px 100px;
	background: #111011;
}

section.content.nowplaying div.actions {
	width: 100%;
	display: inline-block;
}

section.content.nowplaying div.actions div.font,
section.content.nowplaying div.actions div.changechordslyrics {
	height: 42px;
	padding: 13px 25px 13px;
	display: inline-block;
    vertical-align: top;
    background: #e97f29;
    border: 0;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
	-webkit-border-radius: 30px;
    border-radius: 30px;
	-webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

section.content.nowplaying div.actions div.changechordslyrics,
section.content.nowplaying div.actions div.font.decreasefont {
	margin-right: 10px;
}

section.content.nowplaying div.actions div.font.decreasefont {
	width: 40px;
	background: #e97f29 url(/assets/img/icon-font-decrease.svg) no-repeat center / 20px;	
}

section.content.nowplaying div.actions div.font.increasefont {
	width: 40px;
	background: #e97f29 url(/assets/img/icon-font-increase.svg) no-repeat center / 20px;	
}

section.content.nowplaying div.actions div.font:hover,
section.content.nowplaying div.actions div.changechordslyrics:hover {
	opacity: .8;
    cursor: pointer;
}

section.content.nowplaying div.actions div.font:focus,
section.content.nowplaying div.actions div.changechordslyrics:focus,
section.content.nowplaying div.actions div.font:active,
section.content.nowplaying div.actions div.changechordslyrics:active {
	opacity: 1;
}

section.content.nowplaying a.goback {
	width: auto;
    margin: 0 10px 0 0;
    padding: 13px 25px 13px;
    display: inline-block;
    vertical-align: top;
    border: 2px solid #474747;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    border-radius: 30px;
}

section.content.nowplaying a.goback:hover {
	opacity: .8;
    cursor: pointer;
}

section.content.nowplaying h2 {
	width: 100%;
	display: inline-block;
	margin: 30px 0 5px;
	color: #fff;
}

section.content.nowplaying p.original {
	display: inline-block;
	margin: 0 0 20px;
	font-style: italic;
	color: #fff;
}

section.content.nowplaying p {
	color: #fff;
}

section.content.nowplaying p.nowPlayingArtist {
	margin-bottom: 20px;
}

.transpose-keys {
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
}

.transpose-keys a {
	padding: 10px;
	margin-bottom: 5px;
	display: inline-block;
	border: 2px solid #202020;
	margin-right: 10px;
}

section.content.nowplaying pre {
	width: 100%;
	color: #fff;
	white-space: pre;
	font-family: 'robotomono';
	font-size: 16px;
	line-height: 24px;
	overflow-x: hidden;
	overflow-y: hidden;
}

section.content.nowplaying pre::-webkit-scrollbar {
  display: none;
}

section.content.nowplaying pre {
  -ms-overflow-style: none;
}

section.content.nowplaying pre > span:not(.c) {
	width: 100%;
	display: inline-block;
}

section.content.nowplaying span.c,
div.chords_input_transposed span.c {
	color: #e97f29;
}

section.content form.songs div.requester {
	margin-bottom: 15px;
}

section.content form.songs label.song {
	width: 100%;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

section.content form.songs label.song input[type="radio"] {
    display: none;
}

section.content form.songs label.song input[type="radio"]:checked + div.contain {
    
}

section.content form.songs label.song input[type="radio"]:checked + div.contain h3 {
    
}

section.content form.songs label.song input[type="radio"]:checked + div.contain p {
    
}

section.content form.songs label.song:first-of-type div.contain {
	border-top: 1px solid #242526;
}

section.content form.songs label.song div.contain {
	width: 100%;
	margin: 0;
	padding: 25px 120px 25px 25px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	border-bottom: 1px solid #202020;
	transition: ease all 300ms;
}

section.content.songs div.contain.charity {
	width: 100%;
	margin: 0;
	padding: 35px 150px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	border-top: 1px solid #202020;
	transition: ease all 300ms;
}

section.content.songs div.contain.charity h3 {
	font-size: 20px;
	line-height: 28px;
	text-align: center;
}

section.content.songs div.contain.charity a.cta {
	height: 32px;
    padding: 7px 13px;
    position: absolute;
    right: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
	background: #dc2f2f;
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    border-radius: 20px;
}

section.content.songs div.contain.charity a.cta.left {
	left: 40px;
	right: auto;
}

section.content form.songs label.song div.preview {
	width: 100px;
	height: 100px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	border-radius: 300px;
	overflow: hidden;
}

section.content form.songs label.song div.preview.placeholder {
	background: #242526;
}

section.content form.songs label.song div.contain div.image {
	width: 100px;
	height: 100px;
	background-size: 100px;
	background-position: center;
	display: inline-block;
	vertical-align: top;
	border: 0;
	overflow: hidden;
}

@media (hover:hover) {
        
}

section.content form.songs label.song:nth-of-type(5n+5) {
	margin-right: 0;
}

section.content form.songs label.song div.right {
	width: calc(100% - 120px);
	margin-left: 20px;
	padding-top: 20px;
	display: inline-block;
	vertical-align: top;
}

section.content form.songs label.song h3 {
	width: 100%;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
	white-space: normal;
    overflow: hidden;
	color: #fff;
    word-break: keep-all;
}

section.content form.songs label.song p {
	width: 100%;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	white-space: normal;
    overflow: hidden;
	color: #fff;
    word-break: break-all;
}

section.content form.songs label.song:not(.active) div.contain div.request {
	display: none;
}

section.content form.songs label.song.active div.contain div.request {
	height: 32px;
	padding: 7px 13px;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	background: rgba(0, 0, 0, .2);
	color: rgba(255, 255, 255, .3);
	font-size: 15px;
	line-height: 15px;
	font-weight: 500;
	border-radius: 20px;
	background: #e97f29;
	color: #000;
}

section.content.artists div.language {
	padding: 10px 30px;
	text-align: left;
}

section.content.artists div.language a {
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	text-decoration: none;
}

section.content.artists div.language a:first-of-type {
	margin-right: 5px;
}

section.content.artists div.language a.active,
section.content.artists div.language a:hover {
	color: #e97f29;
}

section.content.artists div.request-actions {
	width: 100%;
	margin: 0;
	padding: 20px 0;
	display: inline-block;
	vertical-align: top;
}

section.content.artists div.request-actions div.switch-requests {
	margin-right: 15px;
	display: inline-block;
}

section.content.artists div.request-actions div.switch-requests a {
	padding: 11px 0;
	margin: 0 11px;
	display: inline-block;
	color: #fff;
	border-bottom: 2px solid transparent;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
}

section.content.artists div.request-actions div.switch-requests a:first-of-type {
	margin-right: 5px;
}

section.content.artists div.request-actions div.switch-requests a.active {
	border-bottom: 2px solid #e97f29;
	background: rgba(233, 127, 41, .01);
}

section.content.artists p {
	padding: 0 0 20px 0;
}

section.content.artists p.nothing-found { 
	width: 100%;
	margin: 20px 0;
	display: inline-block;
	vertical-align: top;
}

section.content.artists p.nothing-found.requests,
section.content.artists p.nothing-found.playlist,
section.content.artists p.nothing-found.songs,
section.content.artists p.nothing-found.events,
section.content.artists p.nothing-found.subscriptions {
	max-width: 768px;
	padding: 30px 30px 30px 120px;
	margin: 50px 0 0 0;
	background: #242526 url(/assets/img/icon-nosongsfound.svg) no-repeat 30px center / 50px;		
}

section.content.artists p.nothing-found.songs {
	margin-top: 20px;
}

section.content.artists p.nothing-found.events {
	max-width: 100%;
	margin-top: 0;
	border-radius: 6px;
}

section.content.artists p.nothing-found.subscriptions {
	margin-top: 0;
	background: #242526 url(/assets/img/icon-subscriptions.svg) no-repeat 30px center / 50px;		
}

section.content.artists p.nothing-found.requests span,
section.content.artists p.nothing-found.playlist span,
section.content.artists p.nothing-found.songs span,
section.content.artists p.nothing-found.events span {
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
	font-size: 20px;
	line-height: 20px;
}

section.content.artists p.visitors {
	width: 80px;
	padding: 0 0 0 30px;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	font-weight: 600;
	line-height: 36px;
	color: #000;
	overflow: hidden;
	background: url(/assets/img/icon-visitors.svg) no-repeat 9px center / 20px;	
}

section.content.artists p.visitors span {
	padding: 10px 15px 9px;
	margin: 0 0 0 10px;
	background: #e97f29;
	display: inline-block;
	vertical-align: top;
	line-height: 20px;
	border-radius: 3px;
}

section.content.artists div.blocks {
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	overflow: hidden;
}

section.content.artists div.blocks span.request-count {
	width: 30px;
	height: 30px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	background: #e97f29;
	font-size: 18px;
	line-height: 26px;
	color: #000;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}

section.content.artists div.blocks span.request-count.new {
	background: #6ea421;
}

section.content.artists div.blocks a {
	margin: 0 30px 0 0;
	padding: 10px 0 15px;
	text-align: center;
	width: auto;
	display: inline-block;
	position: relative;
    border-bottom: 2px solid transparent;
	color: #fff;
    font-size: 20px;
    line-height: 20px;
	font-weight: 400;
	letter-spacing: 0;
	color: #fff;
	transition: ease 300ms background;
}	

section.content.artists div.blocks a.active,
section.content.artists div.blocks a:hover {
	border-bottom: 2px solid #e97f29;	
}

section.content.artists div.blocks a:last-of-type {
    border-right: 0;
	margin-right: 0;
}

section.content.artists div.blocks a:nth-of-type(2) {
	padding-right: 40px;
}

section.content.artists > p {
	padding: 20px 0;
}

section.content.artists p.sub {
    margin-bottom: 0;
	padding: 15px 40px;
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
}

section.content.artists a.song-button {
	width: 100%;
	max-width: 150px;
    margin: 10px 0 20px 0;
    padding: 3px 20px 6px;
    display: inline-block;
    vertical-align: middle;
    background: #e97f29;
    border: 0;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
	text-align: center;
    font-family: 'rawline';
    -webkit-border-radius: 30px;
    border-radius: 30px;
    transition: all 100ms linear;
}

section.content.artists a.song-button.goback {
	width: auto;
	padding: 0;
	background: transparent;
	color: #e97f29;
}

section.content.artists input[name=member_name],
section.content.artists input[name=label_name] {
	max-width: 300px;
}

section.content.artists a.song-button:hover {
    opacity: .8;
    cursor: pointer;
}

section.content.artists div.contain-content > a.filter-labels {
	width: 100%;
	padding: 0 40px;
	margin: 0 0 20px 0;
	display: inline-block;
    vertical-align: top;
}

section.content.artists div.settings {
    width: 100%;
	padding: 0;
    display: inline-block;
    vertical-align: top;
}

section.content.artists div.settings div.setting {
	width: 100%;
	border-top: 1px solid #242526;
	padding: 40px 0;	
	position: relative;
}

section.content.artists div.settings div.setting:first-of-type {
	border-top: 0;
	padding-top: 20px;
}

section.content.artists div.settings div.setting h3 {
	margin-bottom: 10px;
	font-size: 22px;
}

section.content.artists div.settings div.setting p {
	font-weight: 400;
	line-height: 18px;
	font-size: 14px;	
}

section.content.artists div.settings div.setting div.button {
	height: 42px;
	margin: auto;
	position: absolute;
	top: -55px;
	bottom: 0;
	right: 20px;
}

section.content.artists div.settings div.setting div.button.multiple {
	height: 94px;
	text-align: right;
}

section.content.artists div.settings div.setting div.button div.buttons-full {
	width: 100%;
	max-width: 400px;
	margin: 0 0 10px;
	display: inline-block;
    vertical-align: top;
}

section.content.artists div.settings div.setting div.button div.buttons-full span {
	width: calc(50% - 10px);
	display: inline-block;
	text-align: center;
}

section.content.artists div.settings div.setting div.button div.buttons-full span:last-of-type {
	margin-right: 0;
}

section.content.artists div.settings h3:first-of-type {
	border-top: 0;
	padding-top: 0;
}

section.content.artists div.settings p {
	padding: 5px 0 5px 0;
}

section.content.artists div.settings p.success {
	margin: 0 0 20px;
	font-style: italic;
}

section.content.artists div.settings.songs {
    width: auto;
    margin-bottom: 0;
    float: right;
}

section.content.artists div.settings.songs a {
    margin-right: 8px;
	color: #e97f29;
	font-weight: 400;
	transition: linear color 200ms;
}

section.content.artists div.settings.songs a:last-of-type {
    margin-right: 0px;
}

section.content.artists div.settings.songs a:hover {
	color: #474747;
}

section.content.artists span.song-edit-title {
	margin: 0 0 0 15px;
	padding: 12px 0 12px 15px;
	display: inline-block;
    background: transparent;
	border-left: 2px solid #242526;
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
}

section.content.artists div.tabs {
	width: 100%;
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
}

section.content.artists div.tabs a.tab,
section.content.artists div.tabs div.tab {
	margin: 0 30px 0 0;
    padding: 10px 0 15px;
    text-align: center;
    width: auto;
    display: inline-block;
    position: relative;
    border-bottom: 3px solid transparent;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: #fff;
	cursor: pointer;
    transition: ease 300ms background;
}

section.content.artists div.tabs div.tab.active,
section.content.artists div.tabs div.tab:hover,
section.content.artists div.tabs a.tab.active,
section.content.artists div.tabs a.tab:hover {
	border-bottom: 3px solid #e97f29;
}

section.content.artists div.tab-container {
	width: 100%;
	display: none;
}

section.content.artists div.tab-container.visible {
	display: inline-block;
}

section.content.artists div.tab-container.song-information,
section.content.artists div.tab-container.setting-performance { 	
	display: inline-block;
}

section.content.artists div.tab-container div.left,
section.content.artists div.tab-container div.right {
	width: calc(50% - 20px);
	display: inline-block;
	vertical-align: top;
	position: relative;
}

section.content.artists div.tab-container div.left {
	margin-right: 40px;
}


.chords_contain {
	width: 100%;
	display: inline-block;
	position: relative;
}

.chords_contain div.left,
.chords_contain div.right {  
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.tab-container div.key-container {
	width: 100%;
	max-width: 200px;
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;	
}

.tab-container div.key-container select {
	width: 100%;
}

.tab-container select.transpose-keys {
	margin: 0 0 20px;
}

div.chords_input {
	width: 100%;
	padding: 20px;
	margin-bottom: 20px;
	height: 500px;
	white-space: pre;
	overflow-y: scroll;
	overflow-x: hidden;
	background: #242526;
	outline: none;
	font-family: 'robotomono';
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	border-radius: 6px;
	-webkit-user-select: text;
	-webkit-overflow-scrolling: none;
	-webkit-transform: translate3d(0,0,0);
}

div.chords_input_transposed {
	width: 100%;
	padding: 20px;
	display: inline-block;
	height: 500px;
	overflow-y: scroll;
	overflow-x: hidden;
	background: #242526;
	white-space: pre-wrap;
	font-family: 'robotomono';
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}
.lyrics {
	/*counter-reset: verse;*/
}
pre.verse {
	padding: 10px 0;
}

pre:before {
	display: block;
	font-weight: bold;
	font-style: italic;
	/*content: attr(class);*/
}

pre.verse:before
{
	/*counter-increment: verse;
	content: counter(verse);*/
}

section.content.artists span.show-tips {
	margin: 0 0 0 0;
	padding: 6px 8px 8px;
	background: #e97f29;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
    font-weight: 500;
	border-radius: 3px;
	cursor: pointer;
	text-transform: uppercase;
	transition: ease 300ms background;
}

section.content.artists span.show-tips:hover {
	background: #595970;
}

a.reset-tips {
	cursor: pointer;
}

form.settings {
	margin-top: 10px;
	padding: 0 !important;
}

form.settings input {
	width: 100%;
	max-width: 320px;
}

form.settings p.example {
	font-style: italic;
	font-size: 12px !important;
	word-break: break-all;
}

form.settings.livestream input {
	max-width: 640px;
	margin-bottom: 0;
}

div.settings p#reset-comments {
	margin-top: 0;
	display: inline-block;
	vertical-align: middle;
	border: 0;
	cursor: pointer;
	color: #e97f29;
}

div.settings p#reset-comments:hover {
	text-decoration: underline;
}

form.event.youtube {
	max-width: 640px;
	padding: 0;
}

form.event input[type=submit],
form.settings input[type=submit],
section.content.artists.events div.yesno-contain span.choice {
	margin: 0 0 5px 0 !important;
	padding: 10px 15px !important;
	font-size: 14px !important;
	line-height: 14px !important;
}

form.event input[type=submit] {
	margin-top: 10px !important;
	width: 50%;
}

section.content.artists.events div.yesno-contain span.choice:first-of-type {
	margin-right: 10px !important;
}

form.settings .submit-holder {
	width: 100%;
	display: inline-block;
}

section.content.artists span.activate-show {
	margin: 0 0 11px 10px;
	padding: 10px 20px 12px;
	background: #e97f29;
	display: inline-block;
	vertical-align: middle;
	color: #000;
	font-size: 18px;
	line-height: 18px;
    font-weight: 500;
	cursor: pointer;
	transition: ease 200ms opacity;
	border-radius: 30px;
}

section.content.artists span.activate-show:hover {
	opacity: .8;
}

section.content.artists span.reset-show {
	margin: 0 0 0 0;
	padding: 10px 20px 12px;
	background: red;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	font-size: 18px;
	line-height: 18px;
    font-weight: 500;
	cursor: pointer;
	border-radius: 30px;
	transition: ease 200ms opacity;
}

section.content.artists span.reset-show:hover {
	opacity: .8;
}

section.content.artists div.playlist-contain {
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

section.content.artists div.yesno-contain p {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 0 0;
    padding: 0;
    font-size: 14px;
    line-height: 28px;
}

section.content.artists div.yesno-contain span.choice {
    padding: 10px 20px 12px;
	margin: 10px 10px 0 0;
    display: inline-block;
    vertical-align: top;
    background: #242526;
    border: 1px solid #242526;
    font-size: 14px;
	line-height: 14px;
    font-weight: 500;
	border-radius: 30px;
    cursor: pointer;
}

section.content.artists div.yesno-contain span.choice.on {
    background: #e97f29;
    border-color: #e97f29;
	color: #000;
}

section.content.artists div.yesno-contain span.choice.off {
    
}

section.content.artists div.yesno-contain span.choice:hover {
    background: #e97f29 !important;
    border-color: #e97f29 !important;
	color: #000;
}

section.content.artists div.contain-cta {
	width: 100%;
	max-width: 225px;
	height: 48px;
	position: absolute;
	right: 15px;
	top: 20px;
	margin: auto;
}

section.content.artists div.contain-cta div.tipgiven {
	padding: 12px 20px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
	border: 2px solid #e97f29;
	color: #fff;
	font-size: 18px;
	line-height: 18px;
    font-weight: 500;
	border-radius: 30px;
	cursor: pointer;
    text-transform: uppercase;
	transition: ease 300ms background;
}

section.content.artists div.contain-cta div.play-song {
	padding: 12px 20px;
	display: inline-block;
	vertical-align: top;
	background: #e97f29;
	color: #fff;
	font-size: 18px;
	line-height: 18px;
    font-weight: 500;
	border-radius: 30px;
	cursor: pointer;
    text-transform: uppercase;
	transition: ease 300ms background;
}

section.content.artists span.play-song:hover {
	background: #595970;
}
section.content.artists div.rows a.video.addasong {
	padding-top: 30px;
	display: inline-block;
	vertical-align: top;
	border-top: 1px solid #242526; 
}

section.content.artists div.rows a.video.addasong h3 {
	margin: 0;
    padding: 0 36px 7px 0;
	background: rgba(0, 0, 0, 0) url('/assets/img/icon-play.svg') no-repeat right center / 26px;
}

section.content.artists div.rows a.video.addasong:hover h3 {
	text-decoration: underline;
}

section.content.artists div.rows img.video-placeholder {
	width: 100%;
	max-width: 600px;
	height: auto;
	margin-top: 15px;
	border: 2px solid rgba(255, 255, 255, .3);
} 

section.content.artists div.rows img.video-placeholder:hover { 
	opacity: .8;
}

section.content.artists div.rows {
	width: 100%;
	padding: 0;
	display: inline-block;
	vertical-align: top;
}

section.content.artists div.row {
	width: 100%;
	padding: 10px 15px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

section.content.artists div.row.header {
	padding: 5px 15px;
	border-bottom: 1px solid #2c2c2c;
}

section.content.artists div.row:not(.header):nth-of-type(odd) {
	background: #242526;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

section.content.artists div.row.disabled {
	opacity: .3;
}

section.content.artists.admin div.cell {
	width: 20.5%;
}
section.content.artists div.cell {
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

section.content.artists div.cell img.song-thumb {
	width: 100%;
	height: auto;
	max-width: 55px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 300px;
}

section.content.artists div.cell img.song-thumb.placeholder {
	background: #242526;
}


section.content.artists div.cell div.song-data {
	width: calc(100% - 80px);
	margin-left: 25px;
	display: inline-block;
	vertical-align: middle;
}

section.content.artists div.cell div.song-data p {
	padding: 0;
}

section.content.artists div.rows.songs {
	margin-top: 40px;
}

section.content.artists div.rows.songs div.cell {
	width: 45%;
}

section.content.artists div.rows.requests div.cell {
	width: 10%;
}

section.content.artists div.rows.requests div.cell:nth-child(1) { 
	width: 30%;
}

section.content.artists div.rows.requests.playlist div.row:not(.header) div.cell:nth-child(1) { 
	width: 100%;
}
section.content.artists div.rows div.cell:nth-child(1) span {
	width: 100%;
	margin-top: 4px;
	display: inline-block;
	vertical-align: top;
	float: left;
	font-size: 13px;
	line-height: 13px;
	font-weight: 400;
}

section.content.artists div.rows.requests div.cell:nth-child(2) { 
	width: 35%;
}

section.content.artists div.row div.cell.action {
	float: right;
	text-align: right;
}

section.content.artists div.labels div.row div.cell.action {
	width: 79%;
}

section.content.artists div.rows.songs div.cell.action {
	width: 55%;
	float: none;
}

section.content.artists div.row div.cell.action a {
	margin-right: 10px;
	padding: 8px 20px;
	display: inline-block;
	vertical-align: middle;
	background: #e97f29;
	font-size: 14px;
	line-height: 14px;
	color: #000;
	border-radius: 30px;
	cursor: pointer;
}

section.content.artists div.row div.cell.action a:hover {
    opacity: .8;
}

section.content.artists div.row div.cell.action a:last-of-type {
	margin: 0;
}

section.content.artists div.row div.cell.action a.icon-lyrics {
	width: 30px;
	height: 30px;
	padding: 8px;
	background: transparent url('/assets/img/icon-lyrics.svg') no-repeat center / 20px;
	cursor: help;
}

section.content.artists div.row div.cell.action a.icon-lyrics.available {
	background-image: url('/assets/img/icon-lyrics-available.svg');
}

section.content.artists div.row div.cell.action a.icon-chords {
	width: 30px;
	height: 30px;
	padding: 8px 0;
	background: transparent url('/assets/img/icon-chords.svg') no-repeat center / 20px;
	cursor: help;
}

section.content.artists div.row div.cell.action a.icon-chords.available {
	background-image: url('/assets/img/icon-chords-available.svg');
}

section.content.artists div.row div.cell.small {
	width: 9%;
}

section.content.artists div.row div.cell.small.link {
	color: #e97f29;
	cursor: pointer;
}

section.content.artists div.row div.cell.small.link:hover {
	text-decoration: underline;
}

section.content.artists div.row.header div.cell {
	font-weight: 500;
}

section.content.artists div.songs.playlist,
section.content.artists div.songs.requests {
	width: 100%;
}

section.content.artists div.song-block {
	width: 100%;
	margin-right: 20px;
	display: inline-block;
    vertical-align: top;
}

section.content.artists div.song-block div.inner {
	width: 100%;
	margin: 0;
	padding: 15px 20px;
	display: inline-block;
    vertical-align: top;
	position: relative;
	border-radius: 2px;
	cursor: default;
	transition: linear 100ms opacity;
}

section.content.artists div.song-block:hover div.inner {
	opacity: .5;
}

section.content.artists div.song-block:nth-of-type(even) div.inner {
	background: #242526;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

section.content.artists div.song-block:nth-of-type(1n+1) {
	margin-right: 0;
}

section.content.artists div.song-block:nth-of-type(1n+2) {
	margin-top: 0;
}

section.content.artists div.song-block:nth-of-type(1n+1) {
	margin-left: 0;
}

section.content.artists div.song-block img.song-thumb { 
	width: 15%;
	max-width: 80px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	border-radius: 300px;
}

section.content.artists div.song-block img.song-thumb.placeholder {
	background: #242526;
}

section.content.artists div.song-block div.song-data {
	width: 100%;
	max-width: calc(100% - 100px);
	margin-left: 20px;
	padding: 15px 300px 15px 20px;
	display: inline-block;
    vertical-align: middle;
}

section.content.artists div.song-block div.song-requester {
	width: 100%;
	padding: 10px 40px 10px 120px;
	display: inline-block;
    vertical-align: middle;
}

section.content.artists div.song-block div.song-requester p {
	width: auto;
	margin-right: 25px;
	padding-left: 25px;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}

section.content.artists div.song-block div.song-requester p:nth-child(1) {
	background: url(/assets/img/icon-clock.svg) no-repeat left center / 16px;	
}

section.content.artists div.song-block div.song-requester p:nth-child(2) {
	background: url(/assets/img/icon-total.svg) no-repeat left center / 16px;	
}

section.content.artists div.song-block div.song-requester p:nth-child(3) {
	background: url(/assets/img/icon-requester.svg) no-repeat left center / 16px;	
}

section.content.artists div.song-block div.song-requester p:nth-child(4) {
	background: url(/assets/img/icon-comment.svg) no-repeat left center / 16px;	
}

section.content.artists div.song-block div.song-data h4 {
	width: 100%;
	margin: 0;
	padding: 0;
	display: inline-block;
    vertical-align: top;
	font-size: 22px;
    line-height: 30px;	
	border: 0;
}

section.content.artists div.song-block p {
	width: 100%;
	margin: 0;
	padding: 0;
	display: inline-block;
    vertical-align: top;
	font-size: 16px;
	line-height: 22px;	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

section.content.artists div.song-block p span {
	width: 100%;
	max-width: 120px;
	display: inline-block;
    vertical-align: top;
}

section.content.artists div.song-block div.song-data p.total {
	margin-left: 10px;
	font-size: 12px;
	line-height: 12px;		
}

section.content.artists div.song-block .button {
	width: 100%;
	max-width: 110px;
	height: 44px;
	padding: 12px 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 25px;
	margin: auto;
	background: #e97f29;
	color: #000;
	font-size: 16px;
	line-height: 16px;
    font-weight: 500;
	border-radius: 30px;
	text-align: center;
	cursor: pointer;
	transition: linear 100ms opacity;
}

section.content.artists div.song-block .button.song-play.playing {
	background: #6ea421;
}

section.content.artists div.song-block .button.song-lyrics {
	width: auto;
	max-width: none;
	padding: 11px 20px 11px;
	right: 150px;
	background: transparent;
	border: 2px solid #e97f29;
	color: #fff;
}

section.content.artists div.song-block .button.song-play.playing {
	background-color: #6ea421;
}

section.content.artists div.song-block .button.song-play.loading {
	background: #e97f29 url(/assets/img/icon-loading.svg) no-repeat calc(100% - 15px) center / 16px;	
}

section.content.artists div.song-block .button.song-play:hover {
	opacity: .8;
}

section.content.artists div.song-block .button.song-play:before {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -36px;
}

section.content.artists div.song-block .button.song-play:not(.nolyrics):before {
	left: -170px;
}

section.content.artists div.song-block .button.song-play.guitar:before {
	background: url(/assets/img/icon-instrument-guitar.svg) no-repeat center / 20px;	
}

section.content.artists div.song-block .button.song-play.percussion:before {
	background: url(/assets/img/icon-instrument-percussions.svg) no-repeat center / 20px;	
}

div.payment-holder {
	height: 100%;
	background: #111011;
}

div.payment-box {
	max-width: 640px;
	padding: 40px 30px;
	margin: 0 auto;
	text-align: left;
}

div.payment-box h2 {
	font-size: 22px;
	line-height: 32px;
	color: #fff;
	font-weight: 600;
}

div.payment-box select {
	width: 100%;
	margin: 0 0 10px;
}

div.payment-box select option {
	text-align: center;
}

div.payment-box a.goback {
	width: auto;
	margin: 9px 10px 0 0;
	padding: 13px 25px 13px;
    display: inline-block;
    vertical-align: top;
    border: 2px solid #474747;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	border-radius: 30px;
}

div.payment-box label {
	margin: 20px 0 10px;
	display: inline-block;
	vertical-align: top;
	color: #fff;
}

div.payment-box a {
	width: 100%;
	margin-top: 15px;
	display: inline-block;
}

form.noplaylist {
    padding: 20px;
	text-align: center;
}

form.noplaylist h3 {
    margin-bottom: 20px;
	color: #fff;
}

form.noplaylist div.notice-noplaylist {
	width: 100%;
	max-width: 414px;
	margin: 0 auto 20px;
	padding: 30px;
	border-radius: 6px;
	width: 100%;
	background: #242526;
	display: inline-block;
}

form.noplaylist p {
	width: 100%;
	display: inline-block;
}

form.noplaylist a.giveatip {
	margin: 10px 0 20px 0;
    padding: 8px 30px 13px;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    background: #f79443;
    color: #000;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    transition: background ease 300ms, margin ease 100ms;
}

form.noplaylist label {
    margin-bottom: 5px;
	color: #fff;	
}

form.noplaylist input {
	max-width: 414px;
	border-radius: 30px;
}

form.noplaylist button {
	margin-bottom: 20px !important;
}

p.requested-noplaylist {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    padding: 10px 15px;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    color: #f79443;
}

section.content.artists div.about-left,
section.content.artists div.about-right,
section.content.artists div.about-center {
	display: inline-block;
    vertical-align: top;
}

section.content.artists div.about-left {
	width: calc(100% - 340px);
	margin-right: 40px;
}

section.content.artists div.about-left div.left-contain,
section.content.artists div.about-left div.right-contain {
	width: calc(50% - 20px);
	margin-right: 40px;
	display: inline-block;
    vertical-align: top;
}

section.content.artists div.about-left div.right-contain {
	margin: 0;
}

section.content.artists div.about-left div.right-contain div.input-publicpage {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

section.content.artists div.about-left div.right-contain div.input-publicpage span {
	width: 150px;
	padding: 8px 5px 7px;
	display: inline-block;
	vertical-align: top;
	background: #1C1D1E;
	text-align: center;
	font-size: 12px;
	-webkit-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
}

section.content.artists div.about-left div.right-contain div.input-publicpage input {
	width: calc(100% - 150px);
	-webkit-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}

section.content.artists div.about-right {
	width: 100%;
	max-width: 300px;
	margin-top: 36px;
	padding: 20px 20px 40px;
	background: #242526;
	text-align: center;
	border-radius: 6px;
}

section.content.artists div.about-right div.current-image img {
	max-width: 170px;
	height: auto;
	border-radius: 300px;
}

section.content.artists div.about-right p {
	font-weight: 600;
	font-size: 18px;
}

section.content.artists div.about-center {
	width: 100%;
}

/* Broadcast */

section.content.artists div.broadcasts {
	padding: 0 40px;	
}

section.content.artists div.broadcasts div.contain {
	margin: 50px 0;
}

section.content.artists div.broadcasts div.contain:first-of-type {
	margin-top: 0;
}

section.content.artists div.broadcasts div.contain p{
	padding: 8px 0;
	margin: 0;
	border-bottom: 1px solid #242526;
}

section.content.artists div.broadcasts div.contain p:first-of-type {
	border-bottom: 0;
	margin-bottom: 15px;
}

section.content.artists div.broadcasts div.contain p span {
	width: 150px;
	display: inline-block;
	vertical-align: top;
}

section.content.artists div.broadcasts div.contain p.streamlabs {
	margin-top: 20px;
	border: 0;
	font-size: 14px;
	font-style: italic;
}

section.content.artists div.broadcasts div.contain form {
	padding: 0;
}

section.content.artists div.broadcasts div.contain form input[type=submit] {
	padding: 10px 20px 12px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    background: #e97f29;
    border: 1px solid #e97f29;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    border-radius: 30px;
    cursor: pointer;	
}

section.content.artists p.molliemessage {
	margin-bottom: 20px;
	padding: 10px 20px 12px;
	background: #e97f29;
	color: #000;
	border-radius: 30px;
	font-size: 18px;
    line-height: 18px;
    font-weight: 500;
	display: inline-block;
    vertical-align: top;
}

section.content.artists div.broadcasts div.contain div.message p {
	padding: 20px;
	background: #e97f29;
	border-radius: 6px;
}

div.incorrect-molliekey {
	padding: 20px;	
	margin: 20px;
	background: #242526;
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
    line-height: 18px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* Events */

section.content.artists.events h3 {
	margin-bottom: 25px;
}

section.content.artists div.events {
	width: calc(67% - 40px);
	margin: 0 0 0 40px;
	padding: 0;
	display: inline-block;
	vertical-align: top;
}

section.content.artists div.events div.past-events {
	margin-top: 40px;
}

section.content.artists div.events div.event {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 20px;
	display: inline-block;
	vertical-align: top;
	background: #242526;
	border-radius: 6px;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
}

section.content.artists div.events div.event:nth-of-type(3n+3) {
	margin-right: 0;
}

section.content.artists div.events div.event header {
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
	padding-bottom: 10px;	
	border-bottom: 1px solid #2a2b2c;
}

section.content.artists div.events div.event .button {
	float: left;
}

section.content.artists div.events div.event h5 {
	padding: 0 0 5px;
	display: inline-block;
	vertical-align: top;
	font-size: 22px;
	line-height: 22px;
}

section.content.artists div.events div.event h5.onair {
	padding-left: 60px;
	background: url(/assets/img/icon-onair.svg) no-repeat left center / 50px;	
}

section.content.artists div.events div.event span.paid {
	padding: 6px 10px;
	margin: 1px 10px 0 0;
	float: right;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	-webkit-border-raduis: 3px;
	border-radius: 3px;
}

section.content.artists div.events div.event span.paid.success {
	background: #03b73e;
}

section.content.artists div.events div.event span.paid.failed {
	background: #b70325;
}

section.content.artists div.events div.event span.paid.failed a {
	color: #fff;
	cursor: pointer;
	text-decoration: underline;
}

section.content.artists div.events div.event p {
	padding: 0;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 22px;
}

section.content.artists div.events div.event p span {
	width: 24px;
	height: 24px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
}

section.content.artists div.events div.event .button {
	width: 30px;
	height: 30px;
    margin: 0 15px 0 0;
    float: right;
	background: no-repeat center / 24px;	
    border: 0;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    font-family: 'rawline';
    -webkit-border-radius: 30px;
    border-radius: 30px;
    transition: all 100ms linear;
}

section.content.artists div.events div.event .button:hover {
	opacity: .8;
    cursor: pointer;
}

section.content.artists div.events div.event .button#sent-email {
	background-image: url(/assets/img/icon-email.svg);
}

section.content.artists div.events div.event .button#stop-event {
	background-image: url(/assets/img/icon-stop.svg);
}

section.content.artists div.events div.event .button#start-event {
	background-image: url(/assets/img/icon-start.svg);
}

section.content.artists div.events div.event .button#archive-event {
	background-image: url(/assets/img/icon-archive.svg);
}

section.content.artists div.events div.event .button#end-event {
	background-image: url(/assets/img/icon-stop2.svg);
}

section.content.artists div.events div.event .button#delete-event {
	background-image: url(/assets/img/icon-delete.svg);
}

section.content.artists div.events div.event .button#edit-event {
	background-image: url(/assets/img/icon-edit.svg);
}

section.content.artists div.events div.event .button#visit-event {
	background-image: url(/assets/img/icon-link-event.svg);
}

section.content.artists div.events div.event .button#share-facebook {
	background-image: url(/assets/img/icon-facebook-event.svg);
}

section.content.artists div.events div.event .button#event-ticket {
	width: auto;
	height: auto;
	padding: 0 10px 0 40px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	background-position: 10px center;
	background-color: #18191a;
	background-image: url(/assets/img/icon-ticket.svg);
	cursor: pointer;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

section.content.artists div.events div.event .button#event-ticket:hover {
	background-color: #313234;
	border-color: #f3ab71;
}

section.content.artists div.event-tickets {
	margin-bottom: 30px;
}

section.content.artists div.event-tickets p.row {
	width: 100%;
	margin: 0 0 5px;
	padding: 0 0 5px;
	display: flex;
	border-bottom: 1px solid #242526;
}

section.content.artists div.event-tickets p.row span {
	width: 25%;
	flex: 1 1 auto;
}

section.content.artists div.event-tickets p.row span:first-of-type {
	width: 20px;
}

section.content.artists div.event-tickets-add {
	width: 100%;
	max-width: 320px;
}

section.content.artists p.youtubeurlmessage {
	width: 100%;
	padding: 0;
	margin: 0 0 5px;
	display: inline-block;
	color: rgba(233, 127, 41, 1);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
	text-align: left;
}

section.content.artists div.events div.event div.streaminginfo {
	width: 100%;
	margin-top: 20px;
	display: inline-block;
}

section.content.artists div.events div.event div.streaminginfo div {
	display: inline-block;
	vertical-align: top;
}

section.content.artists div.events div.event div.streaminginfo input {
	padding: 5px 5px 5px 27px;
	display: inline-block;
	background: no-repeat 7px center / 15px;
	border: 0;
	font-family: 'rawline';
    font-size: 13px;
    line-height: 13px;
    font-weight: 400;
	color: #fff;
	outline: 0;
	border: 1px solid #353637;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

section.content.artists div.events div.event div.streaminginfo input.streamingserver {
	width: 250px;
	background-image: url(/assets/img/icon-streamingserver.svg);
}

section.content.artists div.events div.event div.streaminginfo input.streamingkey {
	width: 200px;
	background-image: url(/assets/img/icon-streamingkey.svg);
}

section.content.artists div.events div.event div.streaminginfo span {
	margin-left: 10px;
	display: inline-block;
	cursor: pointer;
	color: #e97f29;
	font-weight: 600;
	font-size: 13px;
}

section.content.artists div.events div.event div.streaminginfo span:first-of-type {
	margin-right: 30px;
}

section.content.artists div.events div.event div.streaminginfo span:hover {
	text-decoration: underline;
}

section.content.artists .event-notfound h4 {
	margin: 0 0 10px;
	padding: 0;
	border: 0;
}

section.content.artists .event-notfound a.goback {
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}

section.content.artists.events div.subscription-holder {
	width: 100%;
	margin-bottom: 35px;
}

section.content.artists.events div.subscription-holder div.current-subscription {
	padding: 0;
	display: inline-block;
    vertical-align: top;
    border: 0 solid #242526;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

section.content.artists.events div.subscription-holder div.current-subscription p {
	padding: 0;
	margin: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    border-radius: 3px 6px 6px 3px;
}

section.content.artists.events div.subscription-holder div.current-subscription a.upgrade-subscription {
	padding: 0;
	margin: 15px 0 0 0;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
}

section.content.artists div.event-monthly-limit {
	width: 100%;
}

section.content.artists div.event-sidebar {
	width: 33%;
	max-width: 768px;
	margin: 0;
	padding: 0 40px 0 0;
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid #242526;
}

section.content.artists div.event-sidebar div.event-settings {
	width: 100%;
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #242526;
}

section.content.artists div.event-sidebar form.livestream { 
	margin-top: 10px;
	padding-top: 20px !important;
	border-top: 1px solid #242526;
}

section.content.artists div.event-sidebar h3 {
	margin: 0 0 10px;
}

section.content.artists form.event.edit {
	width: 100%;
	max-width: 500px;
	margin: 0;
	padding: 0;
	border: 0;
}

section.content.artists form.event.edit input:disabled {
	opacity: .3;
}

section.content.artists form.event a.goback {
	width: 100%;
	display: inline-block;
	margin-bottom: 30px;
}

section.content.artists form.event div.input-contain {
	width: 100%;
	margin: 0 0 10px;
	display: inline-block;
	vertical-align: top;
}

section.content.artists form.event div.input-contain:nth-of-type(2n+2) {
	margin-right: 0;
}

section.content.artists form.event div.input-contain.double input {
	width: 100%;
}

section.content.artists form.event div.input-contain input {
	margin: 0 0;
}

section.content.artists form.event div.input-contain.ticketprice {
	display: none;
}

section.content.artists form.event div.input-contain.ticketprice span {
	width: 41px;
	height: 41px;
	display: inline-block;
	vertical-align: top;
	background: #242526;
	border-right: 1px solid #18191a;
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	font-weight: 600;
	-webkit-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
}

section.content.artists form.event div.input-contain.ticketprice input {
	width: calc(100% - 41px);
	-webkit-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}

section.content.artists form.event div.input-contain div.switch-wrapper.disabled {
	opacity: .3;
}

section.content.artists form.event div.input-contain div.switch-wrapper label {
	width: calc(100% - 5px);
	padding: 10px 10px 10px 35px;
	margin: 0 10px 0 0;
	position: relative;
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #fff;
	line-height: 20px;
	text-align: left;
	font-size: 16px;
	cursor: pointer;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: background ease 200ms;
	transition: background ease 200ms;
}

section.content.artists form.event div.input-contain div.switch-wrapper label:last-of-type {
	margin-right: 0;
}

section.content.artists form.event div.input-contain div.switch-wrapper input {
    display: none;
}

section.content.artists form.event div.input-contain div.switch-wrapper input + label:after {
	content: "";
	width: 24px;
	height: 24px;
	margin: auto;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #242526;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

section.content.artists form.event div.input-contain div.switch-wrapper input:checked + label:after {
	background: #e97f29 url(/assets/img/icon-checkbox.svg) no-repeat center / 12px;	
}

.contain-content form.event p {
	margin: 10px 0 30px;
	padding: 0;
	font-size: 14px !important;
	line-height: 22px !important;
}

.contain-content form.event p i {
	font-style: italic;
}

.contain-content div.event-sidebar p {
	font-size: 14px;
	line-height: 22px;
}

section.content.artists div.schedule-event-contain {
	width: 100%;
}

section.content.artists a.schedule-event {
	width: 100%;
	max-width: 300px;
	margin-top: 45px;
	padding: 13px 15px 16px;;
	display: inline-block;
	background: #ff3449;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font: 700 22px / 22px 'rawline';
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: ease background 100ms;
	transition: ease background 100ms;
}

section.content.artists a.schedule-event:hover {
	background-color: #fe5869;
}

section.content.artists div.payment-success {
	max-width: 414px;
	padding: 20px;
	background: #242526;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

section.content.artists div.payment-success h2 {
	margin-bottom: 15px;
}

section.content.artists form.event-schedule {
	width: 100%;
	max-width: 768px;
}

section.content.artists form.event-schedule a.goback {
	margin-bottom: 10px;
	display: inline-block;	
}

section.content.artists form.event-schedule h3 {
	margin-bottom: 15px;
}

section.content.artists form.event-schedule h4 {
	width: 100%;
	margin: 0 0 10px 5px;
	padding: 15px 10px 5px;
}

section.content.artists form.event-schedule p {
	font-size: 14px;
	line-height: 22px;
}

section.content.artists form.event-schedule div.input-contain {
	width: 100%;
	margin: 0 0 10px;
	display: inline-block;
	vertical-align: top;
}

section.content.artists form.event-schedule div.input-contain.last {
	margin-bottom: 0;
}

section.content.artists form.event-schedule div.input-contain:nth-of-type(2n+2) {
	margin-right: 0;
}

section.content.artists form.event-schedule div.input-contain input {
	margin: 0;
}

section.content.artists form.event-schedule div.input-contain div.multiple {
	position: relative;
}

section.content.artists form.event-schedule div.input-contain input#duration + span {

}

section.content.artists form.event-schedule div.input-contain input#duration + span:lang(nl):after {
	content: "Minuten"
}

section.content.artists form.event-schedule div.input-contain input#duration + span:lang(en):after {
	content: "Minutes"
}

section.content.artists form.event-schedule div.input-contain input#duration + span:after {
	padding: 5px 8px;
	background: #18191a;
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 12px;
	line-height: 12px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

section.content.artists form.event-schedule div.input-contain input.icon {
	padding-left: 45px;
	background: #242526 no-repeat 12px center / 18px;	
}

section.content.artists form.event-schedule div.input-contain input.icon#starttime {
	background-image: url(/assets/img/icon-date.svg);	
}

section.content.artists form.event-schedule div.input-contain input.icon#endtime {
	background-image: url(/assets/img/icon-date.svg);	
}

section.content.artists form.event-schedule div.input-contain input.icon#viewers {
	background-image: url(/assets/img/icon-viewers.svg);	
}

section.content.artists form.event-schedule div.input-contain input.icon#duration {
	background-image: url(/assets/img/icon-duration.svg);	
}

section.content.artists form.event-schedule div.input-contain input#duration:disabled {
	background-color: #1C1D1D;
}

section.content.artists form.event-schedule div.input-contain div.multiple {
	width: calc(50% - 10px);
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
}

section.content.artists form.event-schedule div.input-contain div.multiple:last-of-type {
	margin-right: 0;
}

section.content.artists form.event-schedule div.input-contain.ticketprice {
	display: none;
	margin: 10px 0 25px;
}

section.content.artists form.event-schedule div.input-contain.ticketprice span {
	width: 41px;
	height: 42px;
	display: inline-block;
	vertical-align: top;
	background: #242526;
	border-right: 1px solid #18191a;
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	font-weight: 600;
	-webkit-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
}

section.content.artists form.event-schedule div.input-contain.ticketprice input {
	width: calc(100% - 41px);
	-webkit-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}

section.content.artists form.event-schedule div.input-contain div.switch-wrapper.disabled {
	opacity: .3;
}

section.content.artists form.event-schedule div.input-contain div.switch-wrapper label {
	width: calc(50% - 5px);
	padding: 10px 10px 10px 35px;
	margin: 0 10px 0 0;
	position: relative;
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #fff;
	line-height: 20px;
	text-align: left;
	font-size: 16px;
	cursor: pointer;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: background ease 200ms;
	transition: background ease 200ms;
}

section.content.artists form.event-schedule div.input-contain div.switch-wrapper label:last-of-type {
	margin-right: 0;
}

section.content.artists form.event-schedule div.input-contain div.switch-wrapper input {
    display: none;
}

section.content.artists form.event-schedule div.input-contain div.switch-wrapper input + label:after {
	content: "";
	width: 24px;
	height: 24px;
	margin: auto;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #242526;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

section.content.artists form.event-schedule div.input-contain div.switch-wrapper input:checked + label:after {
	background: #e97f29 url(/assets/img/icon-checkbox.svg) no-repeat center / 12px;	
}

section.content.artists form.event-schedule div.submit-holder {
	margin: 20px 0 0;
	padding-top: 20px;
	border-top: 1px solid #282828;
}

section.content.artists form.event-schedule div.submit-holder input[type=submit] {
	margin: 5px 0;
}

section.content.artists div.try-livestream {
	width: 100%;
	margin: 20px 0;
	padding: 20px;
	background: #282828;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

section.content.artists div.try-livestream h5 {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 20px;
}

section.content.artists div.try-livestream p {
	margin: 0;
	padding: 0;
}

section.content.artists div.try-livestream p span.click-free-livestream {
	color: #e97f29;
	cursor: pointer;
}

section.content.artists div.try-livestream p span.click-free-livestream:hover {
	text-decoration: underline;
}

section.content.reached-maxusers {
	width: 100%;
	max-width: 414px;
	min-height: 0;
	margin: 100px auto 0;
	padding: 30px;
    border: 1px solid #242526;
	text-align: center;
}

section.content.reached-maxusers h3 {
	margin-bottom: 10px;
}

div.payment-wall-center {
	width: 100%;
	max-width: 414px;
	margin: 100px auto 0;
	padding: 30px;
    border: 1px solid #242526;
	text-align: center;
}

div.payment-wall-center div.button-contain {
	margin-bottom: 20px;
}

div.payment-wall-center div.button-contain a {
	padding: 0 10px;
	cursor: pointer;
}

div.payment-wall-center h3 {
	margin: 20px 0;
	line-height: 30px;
}

div.payment-wall-center p {
	margin: 20px 0;
}

div.payment-wall-center p.incorrect-voucher {
	padding: 5px 5px 8px;
	background: #d3173f;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 16px;
	line-height: 16px;
}

div.payment-wall-center form input[type='text'] {
	text-align: center;
}

section.content.event div.contain-event {
	width: 100%;
	max-width: 768px;
	margin: 100px auto;
	padding: 30px;
	border: 1px solid #242526;
}

section.content.event div.contain-event.front {
	margin: 20px auto 40px;
	max-width: 1024px;
}

section.content.event div.contain-event-event h4 {
	margin-bottom: 10px;
}

section.content.event div.contain-event div.event-data {
	width: calc(60% - 50px);
	margin-right: 50px;
	padding: 30px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

section.content.event div.contain-event div.event-data.noticket {
	width: 100%;
	margin: 0;
}

section.content.event div.contain-event div.event-data img {
	width: 100%;
	max-width: 170px;
	height: 170px;
	object-fit: cover;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

section.content.event div.contain-event div.event-data h3 {
	margin: 15px 0 5px;
}

section.content.event div.contain-event div.event-data p.performed {
	margin: 0 0 15px;
	font-size: 12px;
}

section.content.event div.contain-event div.event-ticket {
	width: 40%;
	height: 100%;
	max-height: 414px;
	padding: 30px;
	display: inline-block;
	vertical-align: top;
	background: #242526;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
}

section.content.event div.contain-event div.event-ticket div.tickets {
	margin-bottom: 20px;
}

section.content.event div.contain-event div.event-ticket p.amount-ticket {
	width: 100px;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

section.content.event div.contain-event div.event-ticket p.amount-ticket span.minus,
section.content.event div.contain-event div.event-ticket p.amount-ticket span.plus {
	width: 100%;
	max-width: 30px;
	height: 30px;
	margin: 5px 0 0 0;
	display: inline-block;
	vertical-align: top;
	background: #e97f29; 
	font-weight: 700;
	font-size: 18px;
	line-height: 25px;
	color: #000;
	cursor: pointer;
	-webkit-border-radius: 6px;
    border-radius: 6px;
	-webkit-transition: ease opacity 200ms;
	transition: ease opacity 200ms;
}

section.content.event div.contain-event div.event-ticket p.amount-ticket span.minus:hover,
section.content.event div.contain-event div.event-ticket p.amount-ticket span.plus:hover {
	opacity: .8;
}

section.content.event div.contain-event div.event-ticket p.amount-ticket span.current {
	width: 20px;
	margin: 0 5px;
	display: inline-block;
	vertical-align: top;
	line-height: 40px;
}

section.content.event div.contain-event div.event-ticket p.amount-price {
	width: calc(100% - 120px);
	margin: 0 0 0 20px;
	display: inline-block;
	vertical-align: top;
	line-height: 40px;
}

section.content.event div.contain-event div.event-ticket input[type=text] {
	width: 100%;
	margin: 0 0 10px;
}

section.content.event div.contain-event div.event-ticket p.amount-price input {
    width: calc(100% - 22px);
	max-width: 200px;
	margin: 0 0 0 5px;
}

section.content.event div.contain-event div.event-ticket h3 {
	margin-bottom: 15px;
}

section.content.event div.contain-event div.event-ticket p {
	margin-bottom: 15px;
}

section.content.event div.contain-event div.event-ticket input[type=text] {
	background: #18191a;
}

section.content.event div.contain-event div.event-ticket p.voucher {
	font-size: 12px;
}

section.content.event div.contain-event p.event-payment-result {
	width: 100%;
	margin-bottom: 15px;
	padding: 10px;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

section.content.event div.contain-event p.event-payment-result.paid {
	background: #14be48;
}

section.content.event div.contain-event p.event-payment-result.error {
	background: #d3173f;
}

section.content.artists div.requests-actions-right p {
	padding-bottom: 0;
}

section.content.artists div.modules {
	width: 100%;
	margin: 0;	
}

section.content.artists div.modules div.module {
	width: calc(50% - 40px);
	display: inline-block;
	vertical-align: top;
}

section.content.artists div.modules div.module.comments {
	width: 100%;
}

section.content.artists div.modules div.module:nth-of-type(2n+1) {
	margin-right: 80px;
}

section.content.artists div.modules div.module h5 {
	width: 100%;
	margin-bottom: 20px;
}

section.content.artists div.modules div.module h5 span {
	margin-right: 20px;
	color: #e97f29;
	font-size: 14px;
	float: right;
	cursor: pointer;
}

section.content.artists div.modules div.module div.comment-box {
	width: 100%;
	margin: 0;
	min-height: 620px;
	max-height: 620px;
	padding: 20px 0;
}

section.content.artists div.modules div.module div.comment-box div#comments {
	min-height: 580px;
	max-height: 580px;
}

section.content.artists div.modules div.module div.tip-box,
section.content.artists div.modules div.module div.request-box {
	width: 100%;
	min-height: 520px;
    max-height: 520px;
    margin: 0;
    padding: 20px 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #242526;
    border-radius: 20px;
}

section.content.artists div.modules div.module div.tip-box div#tips,
section.content.artists div.modules div.module div.request-box div#requests {
    width: calc(100% - 40px);
    min-height: 480px;
	max-height: 480px;
    margin: 0 20px 20px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column-reverse;
    text-align: left;
}

section.content.artists div.modules div.module div.tip-box div#tips div.tip,
section.content.artists div.modules div.module div.request-box div#requests div.request {
    width: 100%;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: top;
}

section.content.artists div.modules div.module div.tip-box div#tips div.tip div.inner,
section.content.artists div.modules div.module div.request-box div#requests div.request div.inner {
    display: inline-block;
    vertical-align: top;
    padding: 5px 10px;
    background: #171717;
    border-radius: 10px;
}

section.content.artists div.modules div.module div.tip-box div#tips div.tip h4,
section.content.artists div.modules div.module div.request-box div#requests div.request h4 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 16px;
    line-height: 32px;
	font-weight: 500;
    color: #fff;
}

section.content.artists div.modules div.module div.tip-box div#tips div.tip div.inner h4 span,
section.content.artists div.modules div.module div.request-box div#requests div.request div.inner h4 span {
    padding-left: 10px;
    font-size: 16px;
    line-height: 16px;
    color: #7c7c7c;
}

section.content.artists div.modules div.module div.tip-box div#tips div.tip div.inner h4 span.tip-name,
section.content.artists div.modules div.module div.request-box div#requests div.request div.inner h4 span.request-item {
	color: #e97f29;
}

section.content.artists div.modules div.module div.tip-box div#tips::-webkit-scrollbar,
section.content.artists div.modules div.module div.request-box div#requests::-webkit-scrollbar {
  width: 10px; 
}

/* Track */
section.content.artists div.modules div.module div.tip-box div#tips::-webkit-scrollbar-track,
section.content.artists div.modules div.module div.request-box div#requests::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .2);
}

/* Handle */
section.content.artists div.modules div.module div.tip-box div#tips::-webkit-scrollbar-thumb,
section.content.artists div.modules div.module div.request-box div#requests::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .8);
}

/* Handle on hover */
section.content.artists div.modules div.module div.tip-box div#tips::-webkit-scrollbar-thumb:hover,
section.content.artists div.modules div.module div.request-box div#requests::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.grecaptcha-badge {
	display: none;
}

form.signup,
form.login {
    width: auto;
    max-width: 340px;
    margin: 0 auto;
    padding: 0; 
    position: absolute;
    background: #fff;
    right: 0;
    left: 0;
    top: 50%;
	overflow: auto;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); 
    border-radius: 6px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
}

form.signup label,
form.login label {
	margin: 0 0 5px 0;
	color: #000;
}

form.signin p,
form.login p {
	padding: 0 30px;
    color: #000;
}

form.signup h3,
form.login h3 {
    margin-bottom: 25px;
    padding: 25px 30px 25px;
	border-bottom: 1px solid #eee;
	font-size: 27px;
	line-height: 40px;
	color: #000;
	border-radius: 6px 6px 0 0;
}

form.signup div.contain,
form.login div.contain {
	margin-bottom: 10px;
	padding: 0 30px;
}

form.signup div.contain input,
form.login div.contain input {
	margin-bottom: 0;
	background-color: #eee;
	border: 1px solid #ddd;
	color: #000;
}

form.signup div.contain input,
form.login div.contain input {
	background-color: #eee;
	color: #000;
}

form.signup div.contain:last-of-type,
form.login div.contain:last-of-type {
	margin-bottom: 30px;
}

form.signup a.goback,
form.login a.goback {
    margin: 15px 0 0 15px;
    display: inline-block;
    vertical-align: top;
}

form.signup a.goback.single,
form.login a.goback.single {
	margin: 0;
}

form.login a.login,
form.login a.tryagain {
    margin: 0;
	padding: 10px 30px 30px;
    display: inline-block;
    vertical-align: top;
}

form.signup p.message,
form.login p.message {
	width: calc(100% - 60px);
	margin: 0 30px 30px;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	background: rgba(233, 127, 41, .2);
	color: #000;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	border-radius: 6px;
}

form.signup div.contain.agree label {
	width: calc(100% - 5px);
	padding: 10px 10px 10px 35px;
	margin: 0 10px 0 0;
	position: relative;
	display: inline-block;
	vertical-align: top;
	position: relative;
	line-height: 20px;
	text-align: left;
	font-size: 16px;
	cursor: pointer;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: background ease 200ms;
	transition: background ease 200ms;
}

form.signup div.contain.agree label:last-of-type {
	margin-right: 0;
}

form.signup div.contain.agree input {
    display: none;
}

form.signup div.contain.agree input + label:after {
	content: "";
	width: 24px;
	height: 24px;
	margin: auto;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #eee;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

form.signup div.contain.agree input:checked + label:after {
	background: #e97f29 url(/assets/img/icon-checkbox.svg) no-repeat center / 12px;	
}

form.login a.forgotpassword {
	width: 100%;
	margin-top: 15px;
	display: inline-block;
    vertical-align: top;
	color: #000;
	font-weight: 400;
}

form.formTip {
	padding: 15px 0 20px;
}

form.formTip h2 {
	margin-bottom: 20px;
	font-size: 21px;
	line-height: 29px;
}

div.popUpTipResult h2 {
	margin-bottom: 10px;
	font-size: 21px;
	line-height: 29px;
}

div.popUpTipResult p {
	margin-bottom: 10px;
}

form.formTip div.contain {
	width: 100%;
}

h2.donationsNotActive {
	font-size: 24px;
    line-height: 28px;
    font-weight: 700;
}

p.donationsNotActive {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 20px;
}

div.closeTipPopUp {
	width: auto;
	margin: 8px 10px 0 0;
	padding: 10px 20px 12px;
	display: inline-block;
    vertical-align: top;
	border: 2px solid #474747;
	color: #fff;
	font-size: 17px;
	line-height: 17px;
	font-weight: 500;
	cursor: pointer;
	border-radius: 30px;
}

div.closeTipPopUp:hover {
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));
}

form.formTip input[name=firstname] {
	border-radius: 30px;
	font-size: 18px;
	line-height: 26px;
}

form.formTip select[name=amount] {
	border-radius: 30px;
	font-size: 18px;
	line-height: 26px;
}

form > p {
	line-height: 20px;
	margin-bottom: 10px;
}

form label {
    width: 100%;
	margin-bottom: 5px;
    display: inline-block;
    vertical-align: top;
	font-size: 16px;
	line-height: 31px;
}

div.textarea-contain {
	width: 100%;
	position: relative;
	display: inline-block;
    vertical-align: top;
}

div.textarea-contain div.textarea-loading {
	width: 100%;
	height: calc(100% - 20px);
	position: absolute;
	display: none;
	border-radius: 6px;
	background: rgba(0, 0, 0, .1) url(/assets/img/icon-loading.svg) no-repeat center / 120px;	
}

div.textarea-contain div.textarea-loading span {
	width: 200px;
	height: 30px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
}

div.input-contain {
	width: 100%;
	position: relative;
	display: inline-block;
    vertical-align: top;
}

div.input-contain div.input-loading {
	width: 100%;
	height: calc(100% - 20px);
	position: absolute;
	display: none;
	border-radius: 6px;
	background: rgba(0, 0, 0, .8) url(/assets/img/icon-loading.svg) no-repeat calc(100% - 15px) 50% / 20px;	
}
 
form label div.get-data-external {
	width: auto;
	float: right;
	margin-bottom: 0;
	padding: 6px 12px 8px;
	border: 2px solid #e97f29;
	color: #fff;
	font-weight: 400;
	font-size: 13px;
	line-height: 13px;
	cursor: pointer;
	border-radius: 30px;
	text-align: center;
	transition: ease all 300ms; 
}
 
form label div.get-data-external:hover {
	background-color: #e97f29;
}

form span.copy-paste-chords {
	width: auto;
	position: absolute;
	right: 0;
	top: 0;
	margin-bottom: 0;
	padding: 6px 12px 8px;
	border: 2px solid #e97f29;
	color: #fff;
	font-weight: 400;
	font-size: 13px;
	line-height: 13px;
	border-radius: 30px;
	text-align: center;
	transition: ease all 300ms; 
}

form input,
form textarea,
form select {
    width: 100%;
    display: inline-block;
	vertical-align: top;
    background: #242526;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
}

form input[type='text'],
form input[type='number'],
form input[type='tel'],
form input[type='email'],
form input[type='submit'],
form select,
form textarea { 
    -webkit-appearance: none; 
}

form input[type='text'],
form input[type='number'],
form input[type='tel'],
form input[type='email'],
form input[type='password'],
form textarea,
form select {
    margin: 0 0 20px;
    padding: 10px 15px;
    border: 0 solid transparent;
    font-family: 'rawline';
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #fff;
    border-radius: 6px;
    -webkit-transition: ease border 200ms;
    transition: ease border 200ms;
}

.fb-like { 
	width: calc(100% - 20px);
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 20px;
}

.contain-content form {
	width: 100%;
	padding: 0 0 40px;
}

.contain-content form.sort.songs,
.contain-content form.sort.requests {
	max-width: 640px;
	margin: 0;
	padding: 0;
	border: 0;
}

.contain-content form.sort.requests.performance {
	max-width: 320px;
}

form.songs {
	margin: 0;
}

form.sort {
	margin: 0;
	padding: 15px 0 25px;
}

.contain-content form.sort.requests.performance select {
	width: 100%;
	max-width: 320px;
	margin: 0;
}

form.sort select {
	width: calc(50% - 10px);
	margin: 0;
	padding: 8px 18px 9px;
	font-size: 16px;
	line-height: 22px;
	background-color: #242526;
	border-radius: 30px;
	display: inline-block;
	vertical-align: top;
	color: #fff;
}

select.transpose-keys {
	width: auto;
	height: 42px;
	margin: 0 0 0 10px;
	padding: 5px 18px 6px;
	display: inline-block;
	font-size: 16px;
	line-height: 22px;
	padding-right: 35px !important;
	display: none;
	background: #242526 url(/assets/img/icon-arrow-down.svg) no-repeat calc(100% - 15px) center / 22px;	
	border: 0;
	border-radius: 30px;
	display: inline-block;
	vertical-align: top;
	-webkit-appearance: none;
	color: #fff;
}


form select[name=transpose-keys] option[value=""] {
	color: #fff;
}

form.sort select.hide {
	display: none;
}

p.nosongsfound { 
	margin: 0;
	padding: 20px;
	color: #fff;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
}

form.sort div.contain-keyword {
	width: calc(50% - 5px);
	margin-left: 10px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

form.sort.songs div.contain-keyword {
	margin-left: 0;
}

form.sort div.contain-keyword.wide {
	width: 100%;
	margin: 0;
}

form.sort div.resetkeyword {
	width: 42px;
	height: 42px;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 300px;
	background: url(/assets/img/icon-reset-search.svg) no-repeat center / 16px;	
	cursor: pointer;
}

form.sort input {
	width: auto;
	display: inline-block;
	vertical-align: top;
}

form.sort.requests {
	max-width: 640px;
	width: calc(100% - 90px);
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 18px;
}
form.sort.requests select {
	width: calc(50% - 10px);
	padding: 9px 12px;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 21px;
	background-color: #242526;
	color: #fff;
	font-family: 'rawline';
	border-radius: 3px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
}

select, option {
  font: -moz-pull-down-menu;
}

form.sort.requests input[name=search_keyword],
form.sort.songs input[name=search_keyword] {
	background-color: #242526;
	color: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
}

form.sort.requests input[name=search_keyword]::-webkit-input-placeholder,
form.sort.songs input[name=search_keyword]::-webkit-input-placeholder { /* Edge */
	color: #fff;
	font-size: 14px;
	line-height: 18px;
}

form.sort.requests input[name=search_keyword]:-ms-input-placeholder,
form.sort.songs input[name=search_keyword]:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
	font-size: 14px;
	line-height: 18px;
}

form.sort.requests input[name=search_keyword],
form.sort.songs input[name=search_keyword]::placeholder {
	color: #fff;
	font-size: 16px;
	line-height: 18px;
}

.requests-actions-right {
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
}

form.sort label {
	width: auto;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	line-height: 41px;
}

form.sort input[name=search_keyword] {
	height: 39px;
	width: 100%;
	margin: 0;
	background: #242526;
	font-size: 16px;
	line-height: 18px;
	border-radius: 30px;
	color: #fff;
}

form.sort input[name=search_keyword]::-webkit-input-placeholder {
	color: #fff;
	font-size: 16px;
	line-height: 18px;
}

form.sort input[name=search_keyword]:-ms-input-placeholder {
	color: #fff;
	font-size: 16px;
	line-height: 18px;
}

form.sort input[name=search_keyword]::placeholder {
	color: #fff;
	font-size: 16px;
	line-height: 18px;
}

form.sort label.search {
	margin-left: 15px;
}

form.sort.requests label {
	line-height: 36px;
}

form input[type='text']:hover,
form input[type='text']:focus,
form input[type='number']:hover,
form input[type='number']:focus,
form input[type='tel']:hover,
form input[type='tel']:focus,
form input[type='email']:hover,
form input[type='email']:focus,
form input[type='password']:hover,
form input[type='password']:focus,
form textarea:hover,
form textarea:focus,
form select:hover,
form select:focus { 
    outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #242526 inset !important;
    -webkit-text-fill-color: #fff;
}

input.error:-webkit-autofill,
input.error:-webkit-autofill:hover,
input.error:-webkit-autofill:focus,
input.error:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #242526 inset !important;
    -webkit-text-fill-color: #fff;
}

form.login input:-webkit-autofill,
form.login input:-webkit-autofill:hover,
form.login input:-webkit-autofill:focus,
form.login input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #eee inset !important;
    -webkit-text-fill-color: #000;
}

form.signup input:-webkit-autofill,
form.signup input:-webkit-autofill:hover,
form.signup input:-webkit-autofill:focus,
form.signup input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #eee inset !important;
    -webkit-text-fill-color: #000;
}

form input[type='submit'],
form button.submit {
    width: auto;
    margin: 8px 0 0 0;
    padding: 5px 25px 8px;
    display: inline-block;
    vertical-align: top;
    background: #e97f29;
    border: 0;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    font-family: 'rawline';
    -webkit-border-radius: 30px;
    border-radius: 30px;
    transition: all 100ms linear;
	outline: none;
}

form input[type='submit']:hover,
form button.submit:hover {
    opacity: .8;
    cursor: pointer;
}

form input[type='submit']:focus,
form input[type='submit']:active,
form button.submit:focus,
form button.submit:active {
    background: #e97f29;
}

form input[type='submit'].save-about.loading,
form input[type='submit'].save-song.loading {
	padding-right: 60px;
	background: #e97f29 url(/assets/img/icon-loading.svg) no-repeat calc(100% - 20px) center / 24px;	
}

section.content.artists p.loading-text {
	margin: 18px 0 0 20px;
	padding: 0;
	display: inline-block;
	vertical-align: top;
}

h3.selectkey {
	margin-bottom: 10px;
}

.swal-title {
	color: #fff !important;
}

form textarea {
	resize: none;
	height: 300px;
}

form textarea[name=song_lyrics] {
	height: 500px;
}

form textarea[name=song_chords] {
	height: 500px;
	font-family: 'robotomono';
	-webkit-user-select: text;
    user-select: text;
}

form select { 
	padding-right: 35px !important;
	background: #242526 url(/assets/img/icon-arrow-down.svg) no-repeat calc(100% - 15px) center / 22px;	
}

/*
 * Admin menu
 */

section.content.artists.admin div.admin-menu {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 30px;
}

section.content.artists.admin div.admin-menu a {
	margin: 0 20px 0 0;
	padding: 8px 0;
	display: inline-block;
	vertical-align: top;
	border-bottom: 2px solid transparent;
	font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: #fff;
	-webkit-transition: ease 200ms all;
	transition: ease 200ms all;
}

section.content.artists.admin div.admin-menu a.active,
section.content.artists.admin div.admin-menu a:hover { 
	border-bottom: 2px solid #e97f29;
}

section.content.artists.admin div.admin-menu a:last-of-type {
	margin-right: 0;
}

/*
 * Admin - Subscriptions
 */

section.content.artists.admin div.rows div.row.header {
	margin-top: 30px;
}

section.content.artists.admin div.rows div.row {
	width: 100%;
	display: flex;
}

section.content.artists.admin div.rows div.row div.cell {
	flex: 0 1 auto;
}

section.content.artists.admin div.rows div.row:not(.header) div.cell:last-of-type {
	text-align: right;
}

section.content.artists.admin div.rows div.row div.cell a {
	cursor: pointer;
	margin-right: 10px;
}

section.content.artists.admin div.rows div.row div.cell a:last-of-type {
	margin-right: 0;
}

section.content.artists.admin form.users {
	max-width: 200px;
}

section.content.artists.admin form.users a.goback {
	margin-bottom: 15px;
	display: inline-block;
	vertical-align: top;
}

section.content.artists.admin form.subscription {
	max-width: 640px;
}

section.content.artists.admin p.notice {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	color: #de2626;
}

section.content.artists.admin form.subscription a.goback {
	margin-bottom: 15px;
	display: inline-block;
	vertical-align: top;
}

section.content.artists.admin form.subscription label.checkbox {
	cursor: pointer;
}

section.content.artists.admin form.subscription label.checkbox input[type=checkbox] {
	width: auto;
	margin: 10px 10px 0 0;
	display: inline-block;
	vertical-align: top;
}

/*
 * User select - Subscriptions
 */

section.content.artists.subscriptions div.subscriptions {
	width: 100%;
	display: flex;
}

section.content.artists.subscriptions div.subscriptions div.subscription {
	width: 25%;
	margin-right: 30px;
	padding: 35px;
	flex: 1 1 auto;
	border: 1px solid rgba(38,36,37,1);
	cursor: pointer;
	position: relative;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: ease border 200ms;
	transition: ease border 200ms;
}

section.content.artists.subscriptions div.subscriptions div.subscription.active,
section.content.artists.subscriptions div.subscriptions div.subscription:hover {
	border: 1px solid #ea8b3e;
}

section.content.artists.subscriptions div.subscriptions div.subscription:first-of-type:hover {
	border: 1px solid rgba(38,36,37,1);
	cursor: default;	
}

section.content.artists.subscriptions div.subscriptions div.subscription.current {
	background: rgba(38,36,37,1);
	border: 1px solid rgba(38,36,37,1);
	cursor: default;
}

section.content.artists.subscriptions div.subscriptions div.subscription:last-of-type {
	margin-right: 0;
}

section.content.artists.subscriptions div.subscriptions div.subscription h5 {
	width: 100%;
	margin-bottom: 30px;
	font: 700 26px / 26px 'rawline';
}

section.content.artists.subscriptions div.subscriptions div.subscription p {
	width: 100%;
	margin: 0;
	padding: 0;
	display: inline-block;
	font: 500 16px / 24px 'rawline';
}

section.content.artists.subscriptions h3 {
	margin-bottom: 30px;
}

section.content.artists.subscriptions p#successfully-activated {
	margin: 20px 0;
	padding: 0;
	display: none;
	font: 500 22px / 22px 'rawline';
	color: #fff;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

section.content.artists.subscriptions div.subscriptions div.subscription p.subscription {
	margin-bottom: 10px;
	font: 400 14px / 14px 'rawline';
}

section.content.artists.subscriptions div.subscriptions div.subscription p.viewers {
	padding: 0 0 0 30px;
	background: url(/assets/img/icon-subscription-viewers.svg) no-repeat left center / 20px;
}

section.content.artists.subscriptions div.subscriptions div.subscription p.minutes {
	padding: 0 0 0 30px;
	background: url(/assets/img/icon-subscription-minutes.svg) no-repeat left center / 16px;
}

section.content.artists.subscriptions div.subscriptions div.subscription p.resolution {
	padding: 0 0 0 30px;
	background: url(/assets/img/icon-subscription-resolution.svg) no-repeat left center / 16px;
}

section.content.artists.subscriptions div.subscriptions div.subscription p.price {
	margin-top: 30px;
	font: 500 22px / 22px 'rawline';
}

section.content.artists.subscriptions div.subscriptions div.subscription p.price span {
	margin-left: 5px;
	font: 400 14px / 14px 'rawline';
}

section.content.artists.subscriptions div.subscriptions div.subscription span.cancel-subscription {
	padding: 10px;
	display: none;
	position: absolute;
	bottom: 30px;
	right: 95px;
	font: 400 13px / 14px 'rawline';
	color: #e97f29;
	cursor: pointer;
}

section.content.artists.subscriptions div.subscriptions div.subscription span.cancel-subscription.current {
	display: inline-block;
}

section.content.artists.subscriptions div.subscriptions div.subscription span.cancel-subscription.current:hover {
	text-decoration: underline;	
}

section.content.artists.subscriptions div.subscriptions div.subscription p.cancelmonthly {
	font: 400 12px / 12px 'rawline';
	font-style: italic;
}	

section.content.artists.subscriptions div.subscriptions div.subscription span.selected {
	position: absolute;
	bottom: 30px;
	right: 30px;
}

section.content.artists.subscriptions div.subscriptions div.subscription span.selected.current {
	padding: 10px;
	background: #e97f29;
	font: 500 14px / 14px 'rawline';
	color: #000;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

section.content.artists.subscriptions div.subscriptions div.subscription p.next-date {
	position: absolute;
	bottom: -25px;
	left: 0;
	text-align: center;
	font: 500 italic 12px / 16px 'rawline';
}

section.content.artists.subscriptions p.yearly {
	margin: 30px 0 0 0;
	padding: 0;
	font: 400 italic 12px / 18px 'rawline';
}

section.content.artists.subscriptions p.vat {
	margin: 0 0 10px;
	padding: 0;
	font: 400 italic 12px / 18px 'rawline';
}

section.content.artists.subscriptions div#order-subscription {
	width: 100%;
	max-width: 200px;
	margin-top: 20px;
	padding: 10px;
	display: inline-block;
	background: #e97f29;
	font: 500 14px / 14px 'rawline';
	color: #000;
	text-align: center;
	cursor: pointer;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: ease background 200ms;
	transition: ease background 200ms;
}

section.content.artists.subscriptions div#order-subscription:hover {
	background-color: #ea8b3e;
}

section.content.artists.subscriptions form.subscription {
	max-width: 768px;
}

section.content.artists.subscriptions form.subscription h3 {
	margin-bottom: 30px;
}

section.content.artists.subscriptions form.subscription a.goback {
	margin-bottom: 15px;
    display: inline-block;
    vertical-align: top;
}

section.content.artists.subscriptions form.subscription p {
	line-height: 24px;
}

section.content.artists.subscriptions form.subscription p.error {
	margin-top: 5px;
	padding: 0 0 20px 0;
	color: #d12626;
}

section.content.artists.subscriptions form.subscription input[type=text] {
	max-width: 500px;
	margin-bottom: 10px;
}

section.content.artists.subscriptions form.subscription div.subscriptions div.subscription {
	margin-bottom: 30px;
}

section.content.artists.subscriptions div.subscriptions.cancel {
	max-width: 414px;
	margin-top: 30px;	
}

section.content.artists.subscriptions div.subscriptions.cancel div.subscription:hover {
	border: 1px solid rgba(38,36,37,1);
	cursor: default;
}

section.content.artists.subscriptions form.subscription div.input-contain div.multiple {
	width: calc(50% - 5px);
	margin-right: 10px;
	display: inline-block;
    vertical-align: top;
}

section.content.artists.subscriptions form.subscription div.input-contain div.multiple:last-of-type {
	margin-right: 0;
}

section.content.artists.subscriptions form.subscription h3.direct-debit {
	width: 100%;
	padding-bottom: 30px;
	margin: 30px 0 15px;
	border-bottom: 1px solid rgba(38,36,37,1);
}

section.content.artists.subscriptions form.subscription h4.mandate-title {
	border: 0;
	margin: 20px 0 15px;
	padding: 0;
	font: 400 18px / 20px 'rawline';
}

section.content.artists.subscriptions form.subscription div.contain.agree label {
	width: calc(100% - 5px);
	padding: 10px 10px 10px 35px;
	margin: 0 10px 0 0;
	position: relative;
	display: inline-block;
	vertical-align: top;
	position: relative;
	line-height: 20px;
	text-align: left;
	font-size: 16px;
	cursor: pointer;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: background ease 200ms;
	transition: background ease 200ms;
}

section.content.artists.subscriptions form.subscription div.contain.agree label:last-of-type {
	margin-right: 0;
}

section.content.artists.subscriptions form.subscription div.contain.agree input {
    display: none;
}

section.content.artists.subscriptions form.subscription div.contain.agree input + label:after {
	content: "";
	width: 24px;
	height: 24px;
	margin: auto;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #eee;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

section.content.artists.subscriptions form.subscription div.contain.agree input:checked + label:after {
	background: #e97f29 url(/assets/img/icon-checkbox.svg) no-repeat center / 12px;	
}

div.invoice-module {
	width: 100%;
	margin-top: 30px;
}

div.invoice-module span {
	width: 100%;
	display: inline-block;
    vertical-align: top;
}

/*
 * Livestream calculator 
 */

form.livestream-calculator {
	max-width: 640px;
}

form.livestream-calculator label.radio {
	width: 100%;
	max-width: 150px;
	padding: 10px;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: top;
	background: #242526;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	cursor: pointer;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

form.livestream-calculator input[type=radio] {
	width: auto;
	margin: 0 10px 0 0;
}

form.livestream-calculator p {
	padding: 0 0 3px !important;
	margin: 0;
}

form.livestream-calculator p span {
	width: 250px;
	display: inline-block;
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { 
	overflow: visible !important; 
}

.swal2-container {
	background: rgba(0, 0, 0, .8);
}

.swal2-popup {
	background: #111011;
}

.swal2-popup.nowplaying,
.swal2-popup.abouttheband {
	height: 100%;
	min-height: 101%;
	padding: 30px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	justify-content: flex-start;
	background: rgba(17, 16, 17, .8);
}

.swal2-popup.nowplaying section.content.nowplaying {
	padding: 20px 0;
	background: transparent;
}

.swal2-popup h3.popup-song {	
	margin: 10px 0;
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
}

.swal2-popup h3.popup-about {	
	margin: 10px 0 10px;
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
}

.swal2-popup div.about-profile {
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}

.swal2-popup div.about-profile img {
	max-width: 200px;
}

.swal2-popup div.about-buttons {
	width: 100%;
	margin: 30px 0 0;
}

.swal2-popup div.about-buttons a.button {
	width: auto;
	margin: 0 5px 10px;
    padding: 0 20px;
	display: inline-block;
    border: 1px solid #474747;
    font-size: 14px;
    line-height: 38px;
    color: #fff;
    text-align: right;
    cursor: pointer;
    border-radius: 300px;
	transition: ease border 200ms;
	word-break: break-all;
}

.swal2-popup div.about-buttons a.button:hover {
	border: 1px solid #e97f29;
}

.swal2-popup div.about-buttons a.button:last-of-type {
	margin-right: 0;
}

.swal2-popup p.appreciation {
	margin-top: 10px;
}

.swal2-popup h3.popup-song.spacing {
	margin-bottom: 25px;
}

.swal2-popup h3.popup-song span {	
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin: 5px 0 0;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
}

.swal2-popup label {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}

.swal2-styled.swal2-confirm,
.swal2-styled.swal2-cancel {
	border-radius: 30px;
}
.swal2-styled.swal2-confirm {
	font-weight: 700;
}

.swal2-styled.swal2-cancel {
	background: none;
	border: 2px solid #474747;
	font-weight: 500;
}

.swal2-container p.timer {
	font-size: 16px;
	font-weight: 600;
}

.swal2-popup h3.popup-booking {	
	margin: 0 0 10px;
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
}

div.swal2-content {
	width: 90%;
	margin: 0 auto;
}

div.swal2-content h3 {
	margin-bottom: 10px;
	font-size: 28px;
	line-height: 28px;
	font-weight: 700;
}

.swal2-title {
	color: #fff !important;
	line-height: 36px;
}

.swal2-input {
	width: 100% !important;
	max-width: 100% !important;
	height: 40px;
	padding: 8px 15px;
	margin: 5px 0;
	background-color: #242526;
	color: #fff;
	border-radius: 30px;
	border: 0;
	box-shadow: none;
	text-align: center;
	-webkit-appearance: none;
}
.swal2-input:focus {
	border: 0;
	box-shadow: none;
}

.swal2-styled:focus {
	box-shadow: none;
}


.swal2-content img {
    width: 80%;
    height: auto;
	border-radius: 300px;
}

.swal2-content div.preview-audio {
	position: relative;
}

.swal2-content div.preview-audio span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/assets/img/icon-play-audio2.svg) no-repeat center / 72px;
	cursor: pointer;
}

.swal2-content div.preview-audio span:hover {
	opacity: .9;
}

.swal2-content a.link {
    width: 100%;
    margin: 0;
    color: #e97f29;
    display: inline-block;
    vertical-align: top;
    line-height: 14px;
}

.swal2-content p:last-of-type a.link {
    margin: 15px 0;
}

.swal2-content p {
    width: 100%;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
    display: inline-block;
}

.swal2-validation-message {
	background: none;
	color: #fff;
}

.swal2-content p span {
    width: 100%;
    margin-bottom: 3px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 14px;
}

.swal2-styled.swal2-confirm {
    box-shadow: none;
}

.swal2-styled.swal2-confirm {
    background: #e97f29;
}

.swal2-styled.swal2-confirm {
	padding: 7px 30px 9px;
	border: 2px solid #e97f29;
	color: #000;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    font-family: 'rawline';
}

.swal2-styled.swal2-cancel {
	padding: 7px 30px 9px;
	font-size: 18px;
    line-height: 30px;
    font-family: 'rawline';
}

/*
 * Setup
 */

section.content.artists.setup {
	background: url('/assets/img/bg-4k.jpg') no-repeat center / cover;
}

section.content.artists.setup > div.contain {
	width: auto;
    max-width: 414px;
    margin: 0 auto;
    padding: 0; 
}

section.content.artists.setup > div.contain span.logo {
	width: 100%;
	max-width: 140px;
	margin: 80px 0 30px 30px;
    padding-top: 70px;
	display: inline-block;
	vertical-align: top;
    background: url('/assets/img/icon-logov2.svg') no-repeat center top / 100px auto;
	font-size: 20px;
    line-height: 28px;
    font-weight: 800;
	text-align: center;
    color: #fff;
    text-shadow: 1px 1px 15px rgba(0, 0, 0, .35);
}

section.content.artists.setup div.contain form {
	width: 100%;
	margin: 0;
    background: #fff;
	display: inline-block;
	vertical-align: top;
	overflow: auto;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
	position: relative;
	
}

section.content.artists.setup div.contain form #savesong {
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

section.content.artists.setup div.contain form #savesong div.center {
	height: 190px;
	padding: 70px 40px 20px;
	margin: auto;
	background: url(/assets/img/icon-loading-black.svg) no-repeat top center / 50px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}

section.content.artists.setup div.contain form #savesong div.center h4 {
	border: 0;
	padding: 0;
	margin: 0 0 10px;
	color: #000;
	font-weight: 700;
	font-size: 27px;
	line-height: 40px;
}

section.content.artists.setup div.contain form #savesong div.center p {
	color: #000;
	font-size: 14px;
	line-height: 22px;
}

section.content.artists.setup form h1 {
	width: 100%;
	margin: 0 0 25px;
    padding: 25px 30px 25px;
	border-bottom: 1px solid #eee;
	font-size: 27px;
	line-height: 40px;
	color: #000;
	border-radius: 6px 6px 0 0;
}

section.content.artists.setup form label {
	color: #000;
	margin-bottom: 5px;
}

section.content.artists.setup form label:first-of-type {
	margin-bottom: 20px;
}

section.content.artists.setup form div.contain {
	margin-bottom: 30px;
	padding: 0 30px;
}

section.content.artists.setup form div.contain input,
section.content.artists.setup form div.contain textarea { 
	margin-bottom: 10px;
	
	background-color: #eee;
	color: #000;
}

section.content.artists.setup form div.contain span.extra-genre-input,
section.content.artists.setup form div.contain span.extra-songs-input {
	width: 100%;
	display: inline-block;
	margin-bottom: 5px;
	color: #e97f29;
	font-weight: 300;
	font-size: 13px;
	cursor: pointer;
}

section.content.artists.setup form div.contain span.extra-songs-input:hover,
section.content.artists.setup form div.contain span.extra-genre-input:hover {
	text-decoration: underline;
} 

section.content.artists.setup form div.contain p.already-added-songs,
section.content.artists.setup form div.contain p.already-added-genre {
	width: 100%;
	display: inline-block;
	padding-bottom: 8px;
	color: #000;
	font-weight: 300;
	font-size: 13px;
	font-style: italic;
}

section.content.artists.setup form div.contain input.cr-slider {
	background: none;
}

section.content.artists.setup form div.contain textarea {
	height: 200px;
}

section.content.artists.setup form div.contain.buttons {
	text-align: center;
}


section.content.artists.setup form div.contain.buttons button.submit {
	margin: 0;
}

section.content.artists.setup form div.contain.buttons a.step {
	width: 100%;
	max-width: 100px;
    display: inline-block;
    vertical-align: middle;
	line-height: 43px;
}

section.content.artists.setup form div.contain.buttons a.step.skip {
	text-align: left;
	padding-left: 20px;
}

section.content.artists.setup form div.contain.buttons a.step.back {
	text-align: right;
	padding-right: 20px;
}

section.content.artists.setup form div.contain.buttons a.step.finish {
    width: auto;
	max-width: 100%;
    margin: 0;
    padding: 5px 25px 8px;
    display: inline-block;
    vertical-align: top;
    background: #e97f29;
    border: 0;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    font-family: 'rawline';
    -webkit-border-radius: 30px;
    border-radius: 30px;
    transition: all 100ms linear;
    outline: none;
}	

section.content.artists.setup form div.contain.buttons a.step.finish:hover {
    opacity: .8;
    cursor: pointer;
}

section.content.artists.setup form div.contain div.song {
	width: 100%;
	display: inline-block;
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #eee;
}

section.content.artists.setup form div.contain div.song:last-of-type {
	border: 0;
}

section.content.artists.setup form div.contain div.song div.input {
	width: calc(50% - 8px);
	margin-right: 16px;
	display: inline-block;
}

section.content.artists.setup form div.contain div.song div.input:last-of-type {
	margin-right: 0;
}

section.content.artists.setup form div.contain div.song div.input label {
	margin-bottom: 5px;
	display: inline-block;
	vertical-align: bottom;
	font-weight: 300;
    font-size: 13px;
    line-height: 13px;
}	

section.content.artists.setup a.skip-setup {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 20px 0;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	font-weight: 300;
}

section.content.artists.setup a.skip-setup:hover {
	text-decoration: underline;
}

section.content.artists.setup p.message {
	width: 100%;
	padding: 10px 6px;
	display: inline-block;
	margin-bottom: 10px;
	background: rgba(233, 127, 41, .2);
	color: #000;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
}

section.content.artists.setup .current-image { 
	text-align: center;
}

section.content.artists.setup .current-image img {
	width: 200px;
	height: 200px;
	margin-bottom: 25px;
	display: inline-block;
	-webkit-border-radius: 300px;
	border-radius: 300px;
}

footer {
	width: 100%;
	margin: 0;
	text-align: center;
    padding: 10px 20px;
	border-top: 1px solid #202020;
}

footer.front {
	width: 100%;
	padding: 10px;
}

footer p {
    width: 100%;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
	font-weight: 400;
}

footer a {
	font-size: 12px;
	line-height: 22px;
	font-weight: 400;
	color: #fff;
}

div.sound-button {
	width: 60px;
	height: 60px;
	background: rgba(70, 70, 70, .5) url('../img/icon-mute.svg') no-repeat center / 30px;
	position: absolute;
	top: 35px;
	right: 35px;
	z-index: 1050;
	cursor: pointer;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background ease 200ms;
	transition: background ease 200ms;
}

div.sound-button:hover {
	background-color: rgba(70, 70, 70, .7);
}

@media screen 
and (min-width: 1025px) 
{
	
	section.content.songs article {
		max-width: 1280px;
	}
	
	section.content.songs header {
		margin: 0 0 10px;
		padding-top: 40px;
		text-align: left;
	}
	
	section.content.songs header span#totalDonations {
		width: auto;
		margin: 7px 0 0 20px;
		padding: 5px 20px;
		border: 0;
		border-left: 2px solid #242526;
	}
				
	section.content div.comment-box {
		width: calc(40% - 40px);
		min-height: 490px;
		max-height: 490px;
		margin-top: 0;
	}
	
	section.content div.comment-box div#comments {
		min-height: 380px;
		max-height: 380px;
		text-align: left;
	}
	
	section.content form.songs label.song {
		width: 50%;
	}
	
	section.content form.songs label.song:nth-child(even) div.contain {
		background: transparent !important;
	}
	
	section.content form.songs label.song:first-of-type div.contain {
		border-top: 0;
	}
	
	section.content form.sort {
		border-bottom: 1px solid #202020;
	}
	
}

@media screen 
and (min-width: 0) 
and (max-width: 1366px) 
{
	
	section.content.front div.unique-selling-points ul li:nth-of-type(n) {
		width: calc(50% - 15px);
		margin: 0 30px 0 0;
	}
	
	section.content.front div.unique-selling-points ul li:nth-of-type(2n+2) {
		margin-right: 0;		
	}
	
	section.content.front div.unique-selling-points ul li:nth-of-type(n+3) {
		margin-top: 30px;		
	}
	
	section.content.artists div.stick.cloned {
		width: 100%;
	}
	
	section.content.artists header {
		left: -220px;
	}
	
	div.menu-slide {
		display: inline-block;
	}
	
	section.content.artists div.contain-content {
		width: 100%;
		margin-left: 0;
		border: 0;
	}
	
	section.content.songs header div.cta-contain div.livestream a {
		padding: 0;
		text-align: center;
		background: none;
	}
	
}

@media screen 
and (min-width: 0) 
and (max-width: 1320px) 
{

	section.content.songs {
		padding: 0 40px;
	}
	
}

@media screen 
and (min-width: 0) 
and (max-width: 1280px) 
{

	section.content.artists div.events div.event div.streaminginfo div {
		width: 100%;
	}
	
	section.content.artists div.events div.event div.streaminginfo div.server {
		margin-bottom: 20px;
	}
	
	section.content.artists div.events div.event div.streaminginfo div input {
		width: 100% !important;
	}
	
	section.content.artists div.events div.event div.streaminginfo span {
		margin: 5px 0 0 0 !important;
	}
	
}

@media screen 
and (min-width: 0) 
and (max-width: 1024px) 
{
	
	section.content.front div.subscriptions div.center {
		flex-flow: row wrap;
	}
	
	section.content.front div.subscriptions div.center div.subscription {
		width: calc(50% - 10px);
		margin: 0 20px 20px 0;
		display: inline-block;
	}
	
	section.content.front div.subscriptions div.center div.subscription:nth-of-type(2n+2) {
		margin-right: 0;
	}
	
	section.content div.comment-box { 
		width: 100%;
		margin-left: 0;
	}
	
	section.content.songs p.noperformance-about {
		padding: 30px;
	}
	
	section.content.front header div.top span.logo {
		max-width: 100%;
	}
	
	section.content.front header h1.slogan {
		padding-top: 50px;
		font-size: 26px;
		line-height: 34px;
	}
	
	section.content.artists div.contain-content {
		padding: 30px;
	}

	section.content.artists div.rows.songs div.cell {
		width: 100%;
	}
	
    section.content.artists div.row div.cell,
    section.content.artists div.labels div.cell.action {
		width: 100% !important;
		text-align: left;
	}
	
	section.content.artists div.labels div.cell.action {
		margin: 10px 0 5px;
	}
	
	section.content.songs header div.cta-contain div.livestream {
		width: 100%;
	}
	
	section.content.artists.subscriptions div.subscriptions {
		flex-flow: row wrap;
	}
	
	section.content.artists.subscriptions div.subscriptions div.subscription:nth-of-type(n) {
		width: calc(50% - 10px);
		display: inline-block;
		margin: 0 20px 0 0;
	}
	
	section.content.artists.subscriptions div.subscriptions div.subscription:nth-of-type(-n+2) {
		margin-bottom: 20px;
	}
	
	section.content.artists.subscriptions div.subscriptions div.subscription:nth-of-type(2n+2) {
		margin-right: 0;
	}
	
}

@media screen 
and (min-width: 0) 
and (max-width: 910px) 
{
	
	section.content.front div.block {
		padding: 50px 20px;
	}
	
	section.content.front div.unique-selling-points ul li:nth-of-type(n) {
		width: calc(100%);
		margin: 0;
	}

	section.content.front div.unique-selling-points ul li:nth-of-type(n+1) {
		margin-top: 15px;		
	}
	
	section.content.artists div.rows.songs div.cell.action {
		width: 100%;
	}
	
	section.content.artists div.rows.songs div.cell.action a:not(.icon-lyrics):not(.icon-chords) {
		padding: 0;
		margin: 0 10px 0 0;
		background: none;
		color: #e97f29;
		font-weight: 500;
		font-size: 12px;
	}
	
	section.content.artists div.rows.songs div.cell.action a:last-of-type {
		margin: 0;
	}
	
	section.content.artists form.event { 
		width: 100%;
		margin: 0 0 40px;
		padding: 0;
		border: 0;
	}
	
	section.content.artists div.event-sidebar,
	section.content.artists div.events {
		width: 100%;
		margin: 0;
	}
	
	section.content.artists div.event-sidebar {
		margin-bottom: 20px;
		max-width: 100%;
		padding: 0;
		border: 0;
	}
	
	form label div.get-data-external {
		width: 100%;
		float: none;
		display: inline-block;
	}
	
	section.content.artists div.about-left div.left-contain, 
	section.content.artists div.about-left div.right-contain {
		width: 100%;
		margin: 0;		
	}
	
}

@media screen 
and (min-width: 0) 
and (max-width: 860px) 
{
	
	section.content.front div.how-it-works div.center {
		padding: 0;
		background: none;
	}
	
	section.content.front div.use-cases div.center div.block {
		width: 100%;
		margin: 0 0 20px;
	}
		
	section.content.event div.contain-event div.event-data {
		width: 100%;
		margin: 0 0 20px;
	}
	
	section.content.event div.contain-event div.event-ticket {
		width: 100%;
		height: auto;
		max-height: 100%;
		padding: 15px;
	}
	
}

@media screen 
and (min-width: 0) 
and (max-width: 768px) 
{
	
	section.content.songs {
		padding: 0 20px;
	}
		
	section.content.artists div.song-block div.song-data h4 {
		font-size: 18px;
		line-height: 26px;
	}
	
	section.content form.songs label.song.active div.contain div.request {
		right: 0;
	}
	
	section.content.artists form {
		padding: 0;
	}
	
	section.content.artists div.rows {
		padding: 0;
	}
	
	a.addnew {
		padding-left: 20px;
	}
	
	.request-actions {
		padding: 0 20px;
	}
	
	section.content.songs header {
		padding-top: 20px;
	}
		
	div.nowplaying-contain {
		padding: 0 0 20px 0;
	}
	
	section.content.artists div.welcome {
		width: 100%;
		margin: 0 0 20px;
		padding: 0;
	}
	
	section.content.artists div.nowplaying-contain {
		margin-top: 0;
		padding: 20px 0;
	}
	
	form.songs {
		margin: 0;
	}
	
	form.sort {
		margin: 0;
		padding: 15px 0;
	}

	section.content div.comment-box {
		margin-top: 15px;
	}
	
	section.content.songs h1 { 
		margin: 15px 0;
		padding: 0;
	}	
	
	section.content.songs header div.cta-contain div.livestream .nolivestream p {
		padding: 0 20px;
		font-size: 16px;
		line-height: 24px;
		font-weight: 500;
	}
	
	section.content.songs header div.cta-contain div.livestream a {
		padding: 0;
		text-align: center;
		background: transparent !important;
	}
	
	section.content form.songs label.song div.contain {
		padding-left: 0;
	}
	
	section.content form.songs label.song div.contain div.request {
		right: 0;
	}
	
	section.content form.songs label.song.active div.contain div.request {
		
	}
	
	section.content form.songs label.song div.contain {
		padding-right: 100px;
	}
    
    section.content p.notfound span,
    section.content.front div.welcome-box h1.title {
        font-size: 45px;
        line-height: 45px;
    }

	section.content.nowplaying {
		margin-top: 0;
	}
	
	section.content.artists div.blocks {
		margin: 20px 0 0;
		padding: 0;
	}
	
	section.content.artists div.tabs div.tab,
	section.content.artists div.tabs a.tab,
	section.content.artists div.blocks a {
		margin-right: 10px;
		padding: 15px 0 10px;
		font-size: 15px;
		line-height: 15px;
		font-weight: 500;
		letter-spacing: 0;
	}
	
	section.content.artists div.settings {
		padding: 0;
	}
	
	section.content.artists div.tabs.settings {
		padding: 0;
	}

	section.content.artists div.settings.songs {
		padding-left: 0;
	}
	
	section.content.artists div.settings div.setting div.button {
		height: auto;
		position: static;
		width: 100%;
		margin: 10px 0;
		display: inline-block;
		vertical-align: top;
	}
	
	section.content.artists p.sub {
		padding: 15px 20px;
	}
		
	section.content.artists div.song {
		padding: 15px 20px;
	}
	
	section.content.artists div.request-actions {
		width: 100%;
		margin: 0;
		padding: 20px 0;
	}
	
	section.content.artists div.settings div.setting {
		padding: 20px 0;
	}
	
	section.content.artists p {
		padding: 15px 20px;
	}
	
	form.sort.requests {
		padding-left: 0;
	}
	
	section.content.artists form p {
		padding: 15px 0;
	}
	
	.contain-content form.sort.songs div.contain-keyword {
		width: 100%;
	} 
	
	a.addnewsong {
		margin-left: 20px;
	}
	
    section.content.artists {
        margin-top: 0;
        padding: 0 0 30px;
        border-radius: 0;
    }
    
    section.content.artists h1 {
        padding-top: 55px;
    }
	
	section.content.artists div.songs.playlist, 
	section.content.artists div.songs.requests {
		width: 100%;
		margin: 0;
	}
    
    section.content.artists header a.personal {
        width: 100%;
		display: inline-block;
        top: 0;
		margin-bottom: 10px;
        background: #fbfbfb;
        border-bottom: 1px solid #eee;
        padding: 5px;
        text-align: center;
        border-radius: 3px;
		position: static;
    }

    section.content.front div.welcome-box {
        max-width: 100%;
        padding: 80px 25px 25px;
    }
    
    section.content p.notfound,
    section.content.front div.welcome-box p.slogan {
        font-size: 25px;
        line-height: 35px;
    }
	
	section.content.front div.welcome-box p.slogan:last-of-type {
		font-size: 20px;
        line-height: 28px;		
	}
    
}

@media screen 
and (min-width: 0) 
and (max-width: 640px) 
{
	
	section.content.artists div.song-block .button.song-play:not(.nolyrics):before {
		left: 0;
		right: -150px;
	}
	section.content.artists div.song-block .button.song-play:before {
		left: 0;
		right: -150px;
	}
	
	
	section.content.front header h1.slogan {
		font-size: 20px;
		line-height: 28px;
	}
	
	section.content.artists p.intro {
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	section.content.artists div.song-block .button.song-play {
		height: auto;
		padding: 10px 10px 11px;
		margin: 10px 0 0 0;
		top: auto;
		right: 0;
		bottom: 0;
		right: 0;
		font-size: 14px;
		line-height: 14px;
		position: relative;
		display: inline-block;
	}
	
	section.content.artists div.song-block .button.song-play.nolyrics {
		margin: 10px 0 0 0;
	}
	
	
	section.content.artists div.contain-cta div.tipgiven {
		margin: 10px 0 0 0;
		padding: 8px 10px 10px;
		font-size: 14px;
		line-height: 14px;
	}
	
	.contain-content form.sort.requests.performance {
		width: 100%;
		margin-top: 20px;
	}
	
	section.content.artists div.song-block .button.song-lyrics {
		width: 100%;
		max-width: 110px;
		height: auto;
		padding: 8px 10px 10px;
		margin: 10px 10px 0 0;
		top: auto;
		right: 10px;
		bottom: 45px;
		font-size: 14px;
		line-height: 14px;
		font-weight: 400;
		position: static;
		display: inline-block;
	}
	
	section.content.artists div.welcome h3 {
		width: calc(100% - 75px);
	}
	
	section.content.artists h4 {
		width: auto;
		padding: 0;
		margin: 10px 20px 0 0;
		border: 0;
	}
	
	section.content.artists h4:last-of-type {
		margin-right: 0;
	}
	
	section.content.songs header div.cta-contain div.livestream a {
		font-size: 12px;
	}
	
	section.content.artists div.tab-container div.left, section.content.artists div.tab-container div.right {
		width: 100%;
		margin: 0;
	}
	
	section.content.artists div.nowplaying.lyricsavailable {
		width: calc(50% - 20px);
	}

	section.content.artists div.nowplaying-contain a.lyrics {
		width: 50%;
	}
	
	section.content.artists div.contain-cta {
		width: 100%;
		margin-top: 15px;
		display: inline-block;	
		position: static;
	}
	
	section.content.artists div.song-block img.song-thumb {
		max-width: 50px;
	}
	
	section.content.artists div.song-block div.song-data h4 {
		font-size: 18px;
		line-height: 26px;
	}
	
	section.content.artists div.song-block div.song-data p {
		font-size: 14px;
		line-height: 22px;
	}
	
	section.content.artists div.song-block div.song-data {
		width: 100%;
		max-width: calc(100% - 70px);
		padding: 15px 0 15px 5px
	}
	
	section.content.artists div.song-block div.song-requester {
		padding: 10px 10px 10px 0;
	}
	
	section.content.artists div.about-left,
	section.content.artists div.about-right {
		width: 100%;
		margin: 0;
	}
	
	section.content.artists div.about-right {
		max-width: 100%;
		margin: 10px 0 20px 0;
	}
	
	section.content.songs div.contain.charity {
		width: 100%;
		padding: 35px;
		text-align: center;
	}
	
	section.content.songs div.contain.charity a.cta {
		margin-top: 20px;
		position: static;
		display: inline-block;
		vertical-align: top;
	}
	
	section.content.songs div.contain.charity a.cta.left {
		display: none;
	}
	
	section.content.songs div.contain.charity h3 {
		font-size: 16px;
		line-height: 24px;
	}
	
	section.content.songs header div.keep {
		width: 170px;
		height: 170px;	
	}
	
	section.content.songs header div.band-header {
		width: 170px;
		height: 170px;	
	}	
	
	section.content.songs header div.cta-contain a.giveatip {
		top: 30%;
		left: -90px;
	}
	
	section.content.songs header div.cta-contain a.makeabooking {
		top: 65%;
		left: -90px;
	}
	
	section.content.songs header div.cta-contain a.facebook {
		top: 30%;
		right: -90px;
	}
	
	section.content.songs header div.cta-contain a.abouttheband {
		top: 65%;
		right: -90px;
	}
	
	section.content.songs header div.cta-contain a:nth-of-type(n) {
		width: 110px;
		height: 40px;
		font-size: 14px;
		line-height: 38px;
		padding: 0 15px;
		background: none;
	}

	section.content.artists div.tabs.settings div.tab {
		width: 50%;
	}
	
	section.content.artists div.yesno-contain span.choice {
		font-size: 14px;
		line-height: 14px;
	}
	
	section.content.artists div.events div.event h5 { 
		width: 100%;
		margin-bottom: 10px;
	}
	
	section.content.artists div.events div.event .button {
		margin-right: 5px;
		float: left;
	}
	
	section.content.artists div.song-block div.song-requester p {
		width: 100%;
	}
	
}

@media screen 
and (min-width: 0) 
and (max-width: 500px) 
{
	
	section.content.front div.subscriptions div.center div.subscription {
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	section.content form.songs label.song h3 {
		font-size: 16px;
		line-height: 24px;
	}
	
	section.content.front header {
		padding-bottom: 60px;
	}
	
	section.content.front div.call-to-action a.button {
		width: 100%;
		margin: 0 0 10px;
	}
	
	div.payment-wall-center {
		width: calc(100% - 40px);
		max-width: 100%;
		margin: 20px 20px 0;
	}
	
	section.content.event div.contain-event div.event-ticket p.amount-price {
		width: 100%;
		margin: 10px 0 0;
	}
	
	section.content.event div.contain-event {
		width: calc(100% - 40px);
		max-width: 100%;
		margin: 20px 20px 0;
	}
	
	section.content.artists div.nowplaying.lyricsavailable {
		width: calc(100% - 64px);
	}
	
	section.content.songs div.nowplaying.lyricsavailable {
		width: calc(100% - 64px);
	}
	
	section.content.artists div.nowplaying-contain a.lyrics,
	section.content a.lyrics {
		width: 44px;
		height: 44px;
		background: url(/assets/img/icon-songlyrics.svg) no-repeat center / 32px;
	}
	
	section.content a.lyrics span {
		display: none;
	}
	
	section.content.songs header div.cta-contain span#viewers-audience { 
		width: 100%;
		padding: 6px 0 8px;
		line-height: 14px;
	}
	
	section.content.songs header div.cta-contain div.livestream a:first-of-type {
		margin-left: 0;
	}
	
	section.content.songs header div.cta-contain div.livestream a {
		width: calc(25% - 10px);
		height: 35px;
		line-height: 31px;
	}

	section.content.nowplaying div.actions div.font, 
	section.content.nowplaying div.actions div.changechordslyrics,
	section.content.nowplaying a.goback {
		padding: 13px 22px 13px;
		margin-left: 5px;
	}
	
	section.content.nowplaying a.goback {
		margin-left: 0;
	}	
	    
    section.content p.notfound span,
    section.content.front div.welcome-box h1.title {
        font-size: 36px;
        line-height: 36px;
    }
    
    section.content.artists header nav a {
        margin-right: 3%;
    } 

    section.content.artists div.song p span {
        width: 100px;
    }
    
    section.content.artists div.settings.songs {
        width: 100%;
    }
    
    section.content p.notfound,
    section.content.front div.welcome-box p.slogan {
        font-size: 20px;
        line-height: 28px;
    }
	
	section.content.front div.welcome-box p.slogan:last-of-type {
		font-size: 14px;
        line-height: 24px;		
	}
	
	div.payment-box {
		margin-top: 0;
	}	
	
	section.content form.songs label.song div.preview {
		width: 60px;
		height: 60px;
	}
	
	section.content form.songs label.song div.preview div.image {
		width: 60px;
		height: 60px;
		background-size: 60px;
	}
	
	section.content form.songs label.song div.right {
		width: calc(100% - 80px);
		padding-top: 0;
	}
	
	section.content.front div.welcome-box .notice p.left {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
		text-align: center;
	}
	
	section.content.front div.welcome-box .notice p.cta {
		width: 100%;
		margin: 0;
	}
	
	section.content.front div.welcome-box .notice p.cta a {
		display: inline-block;
		position: static;
	}
	
	section.content.front div.welcome-box .notice p.right {
		width: 100%;
		margin: 0;
	}
	
	section.content.artists.subscriptions div.subscriptions div.subscription:nth-of-type(n) {
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	section.content.artists.subscriptions div.subscriptions div.subscription:last-of-type {
		margin-bottom: 0;
	}
	
	section.content.artists.subscriptions div#order-subscription {
		max-width: 100%;
	}
	
	footer p {
		text-align: center;
	}
	
	footer p span {
		display: none;
	}
	
	footer p a {
		width: 100%;
		display: inline-block;
	}
    
}

@media screen 
and (min-width: 0) 
and (max-width: 413px) 
{
	
	section.content.artists div.song-block div.inner {
		padding: 10px 15px;
	}
	
	section.content.artists.setup form div.contain.buttons a.step {
		width: 100%;
		margin: 0;
		padding: 0 !important;
		max-width: 100%;
		text-align: center !important;
	}
	
	section.content.songs header div.cta-contain div.livestream a {
		width: calc(25% - 5px);
		margin-right: 5px;
		font-size: 10px;
		font-weight: 400;
	}
	
	section.content.artists div.song-block img.song-thumb {
		display: none !important;
	}
	
	section.content.artists div.song-block div.song-data {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0 0 5px 0;
	}

	section.content.artists div.row div.cell.action a {
		margin-right: 5px;
		padding: 8px 15px;
		font-size: 12px;
	}
	
	section.content form.songs label.song h3 {
		padding-top: 3px;
		font-size: 16px;
		line-height: 24px;
		font-weight: 500;
	}
	
	section.content form.songs label.song p {
		font-size: 12px;
		line-height: 16px;
	}
	
	section.content.front div.welcome-box a.button {
		padding: 8px 20px 13px;
	}
	
	section.content div.comment-box div#comments {
		margin-bottom: 80px;
	}
	
	section.content div.comment-box div.comment-sent input[type=text] {
		width: 40%;
	}
	
	section.content div.comment-box div.comment-sent input[type=text]:last-of-type {
		width: calc(60% - 10px);
	}
	
	section.content div.comment-box div.comment-sent button {
		width: 100%;
		margin: 10px 0 0 0;
	}	
	
}

@media screen 
and (min-width: 0) 
and (max-width: 350px) 
{
	section.content.artists div.row div.cell.action a {
		margin-right: 5px;
		padding: 5px 10px;
		font-size: 12px;
	}
	
	section.content.songs header div.band-header,
	section.content.songs header div.keep {
		width: 120px;
		height: 120px;
	}
	
	section.content.songs header div.cta-contain a {
		height: 36px !important;
		line-height: 34px !important;
	}
	
	
}

/* iPad */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1)
{ 

    section.content.artists div.requests.ipad div.song p.title,
	section.content.nowplaying pre {
        font-size: 30px;
        line-height: 40px;
    }
    
    section.content.artists div.requests.ipad div.song p {
        font-size: 18px;
        line-height: 26px;   
        font-weight: 400;        
    }
    
    section.content.artists div.requests.ipad div.song p span {
        font-weight: 400;
    }
    
    section.content.artists div.requests.ipad div.play-song {
        font-size: 20px;
        line-height: 30px;
        height: 40px;
    }
	
}

/* iPad Pro */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  
	section.content.artists div.rows.songs div.cell {
		width: 45%;
	}

	section.content.artists div.row div.cell.action {
		width: 55%;
		text-align: right;
	}
	  
	section.content.nowplaying a.goback,
	section.content.nowplaying div.actions div.font,
	section.content.nowplaying div.actions div.changechordslyrics {
		font-size: 24px;
		line-height: 28px;
	}
	
	section.content.nowplaying div.actions div.changechordslyrics {
		height: 58px !important;
	}
	
	section.content.nowplaying div.actions div.font {
		width: 62px !important;
		height: 58px !important;
	}
	
	select.transpose-keys {
		
	}

	section.content.nowplaying h2 {
		font-size: 30px;
		line-height: 34px;
	}
	
	section.content.nowplaying p,
	section.content.nowplaying pre {
		font-size: 22px;
		line-height: 32px;
	}
	
	section.content.artists div.cell {
		font-size: 24px;
		line-height: 30px;
	}
	
	section.content.artists div.rows.requests div.cell:nth-child(1) span {
		margin-top: 5px;
		font-size: 16px;
		line-height: 22px;
	}
	
	section.content.artists div.song-block div.song-data h4 {
		font-size: 30px;
		line-height: 38px;
	}
	
	section.content.artists div.song-block div.song-data p {
		font-size: 20px;
		line-height: 28px;
	}

}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}