@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 300;
	src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v6/toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff) format("woff");
}

@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v6/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format("woff");
}

@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 600;
	src: local("Source Sans Pro Semibold"), local("SourceSansPro-Semibold"), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v6/toadOcfmlt9b38dHJxOBGJ6-ys_j0H4QL65VLqzI3wI.woff) format("woff");
}

.navbar-right-bordered {
	border-left: 0px !important;
	margin-left: -15px !important;
	padding-left: 0px !important;
}

.navbar-top {
	clear: both;
}

.navbar-user-top {
	float: right;
	margin-right: 20px;
}

.navbar-bordered {
	/* padding: 5px 0px 10px 0; */
	padding: 0px;
	height: 58px;
}

.navbar-brand {
	float: left;
	padding: 0px;
	margin-left: 16px;
	/* margin-top: 10px; */
	line-height: 58px;
}

.size-title {
	font-size: 24px;	
}

.menu-expand-button {
	float: right;
	height: 100%;
	width: 58px;
	text-align: right;
	line-height: 58px;
	padding-right: 16px;
	cursor: pointer;
	/*
	margin-top: 2px;
	margin-right: 5px;
	*/
}

.menu-close {
	width: 100%; text-align: right; clear: both; height: 40px; display: block;
}

.icon-bar {
}

.user-setting-title {
}

.user-page-info-name, .user-page-info-url {
	display: none;
}

.user-home-navbar ul {
	margin-left: 0px;
}

.user-private-info {
	border-bottom: 0px;
	margin-top: 0px;
}

.user-setting-page {
	padding-left: 0px;
	padding-right: 0px;
}

.user-setting-page ul {
	margin-left: 0px;
}

.btn-framedv2-link {
	width: 100% !important;
}

.device-framed-cover {
	width: 100% !important;
	height: 0px !important;
}

.artwork-installed-list {
}

.user-purchased-list, .user-play-list {
	text-align: center;
	margin: auto;
}

.user-purchased-list-info {
	margin: auto;
	margin-top: 10px;
}

.bg-green {
	padding: 10px 10px;
}

.nav > li > a, .dropdown-menu > li > a {
	text-align: center;
	font-size: 15px;
	letter-spacing: 2px;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: transparent;
}

.private-navbar {
	display: table;
	margin: 0 auto;
	margin-top: 50px;
    padding-top: 50px;
	padding-left: 15px;
}

.private-navbar li {
	float: left;
}

.navbar-nav-footer > li > a {
	text-align: center;
	font-size: 12px;
	letter-spacing: 1.1px;
}

.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
	padding: 0px 14px;
}

.device_items {
	margin-bottom: 30px;
}

.margin-left-15 .form-group {
	margin-right: -15px;
}

.margin-right-15 .form-group {
	margin-left: -15px;
}

.user-button-wrapper {
	/* margin-right: 10px; */
	cursor: pointer;
}

.lines-button {
	transition: .3s;
	cursor: pointer;
	user-select: none;
	/* background-color: #fff; */
	/* border-radius: 50%; */
	/* width: 30px; */
	/* height: 30px; */
	background-color: transparent;
  /* */
}
.lines-button:hover {
	opacity: 1;
}
.lines-button:active {
	transition: 0;
}
.hidden {
	display: none;
}

.lines {
	display: inline-block;
	width: 0rem;
	height: 0.2rem;
	background: #FFF;
	transition: 0.5s;
	position: relative;
	top: -0.5rem;
	right: 0px;
}
.lines:before, .lines:after {
	display: inline-block;
	width:1.6rem;
	height: 0.2rem;
	background: #FFF;
	transition: 0.5s;
	position: absolute;
	left: 0;
	content: '';
	-webkit-transform-origin: 0.28571rem center;
	transform-origin: 0.28571rem center;
}
.lines:before {
	top: 0.4rem;
}
.lines:after {
	top: -0.4rem;
}

.lines-button:hover .lines:before {
	top: 0.4rem;
}
.lines-button:hover .lines:after {
	top: -0.4rem;
}

/** Close icon **/
.lines-button.x.close_icon .lines {
	background: transparent;
}
.lines-button.x.close_icon .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.close_icon .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

/** End close icon **/

.sidr-class-first-item-class {
	height: 58px !important;
	line-height: 58px !important;
}

.fa-navigation {
	font-size: 24px;
	font-weight: 300;
	color: #AAA;
}

.sidr ul {
	display: block;
}

li.sidr-class-separate {
	display: block;
	padding: 0px 0px 0px 20px;
	height: 45px;
	line-height: 45px;
	font-size: 10.5px !important;
	font-weight: 200 !important;
	letter-spacing: 2px !important;
	text-transform: full-width !important;
}

.nav-icon-line {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	width: 1.3em;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.nav-icon-line:after, 
.nav-icon-line:before 
 {
	display: block;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	content: '';
	margin: 7px 0;
	margin-top: 0px;
	height: 2px;
	background-color: #fff;
}

.nav-icon-line-black:after,
.nav-icon-line-black:before
{
    background-color: #fff;
}

.close_icon:before {
	transform: translateY(5px) rotate(135deg);
	-webkit-transform: translateY(5px) rotate(135deg);
	-moz-transform: translateY(5px) rotate(135deg);
}
.close_icon:after {
	transform: translateY(-4px) rotate(-135deg);
	-moz-transform: translateY(-4px) rotate(-135deg);
	-webkit-transform: translateY(-4px) rotate(-135deg);
}

.close_icon span {
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
}