* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

body {
	margin: 0;
	padding: 0;
	font-size: 13px;
	-webkit-text-size-adjust: 100%;
	color: #000;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	background: url(../images/mainbg.jpg) no-repeat;
	min-height: 100%;
	background-size: cover;
	font-family: 'quicksandmedium';
}

html {
	min-height: 100%
}

::-moz-selection {
	background: #121212;
	color: #FFF;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-family: 'quicksandbold';
}

a:focus {
	outline: none
}

a {
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s
}

a:hover {
	color: #559756;
	text-decoration: none;
}

ul {
	margin: 0;
}

img {
	max-width: 100%;
	height: auto
}

p {
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.02em;
	font-weight: normal
}

button:focus,
input:focus,
textarea:focus {
	outline: none
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="phone"],
input[type="submit"],
textarea {
	-webkit-appearance: none;
	appearance: none
}

button {
	outline: none;
	border: none;
	cursor: pointer
}

.rds.login {
	background: #fff;
	border-radius: 10px;
	box-shadow: 3px 0 27px #00000085;
	margin-top: 28px;
	min-height: 650px;
	overflow: hidden
}

.rds.login .logowrap {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%
}

.rds.login .row {
	min-height: 650px
}

.rds.login .row>div:first-child {
	padding-right: 0
}

.rds.login .row>div:last-child {
	padding-left: 0
}

.rds.login .logindetail {
	background: #eee;;
	/*background: #d9f0da;*/
	margin: 0 auto;
	height: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
}

.rds.login .logindetail .lgmain {
	max-width: 464px;
	width: 100%;
	margin: 0 auto;
}

.rds.login .logindetail .lgmain h1 {
	font-size: 44px;
	color: #121212;
	/*color: #559756;*/
	margin: 0
}

.rds.login .logindetail .lgmain p {
	font-size: 16px;
	color: #666666;
	font-family: 'quicksandbold';
	font-weight: normal
}

.rds.login .logindetail .lgmain .loginform ul li {
	list-style: none;
	margin-bottom: 20px;
}

.rds.login .logindetail .lgmain .loginform ul li input {
	background: #fff;
	border: none;
	width: 100%;
	color: #999999;
	font-family: 'quicksandbold';
	font-size: 16px;
	padding: 18px 70px 18px 36px;
	border-radius: 50px
}

.rds.login .logindetail .lgmain .loginform input.user {
	background: #fff url(../images/user.svg) no-repeat;
	background-position: right 30px center;
	background-size: 23px;
}

.rds.login .logindetail .lgmain .loginform input.pass {
	background: #fff url(../images/password.svg) no-repeat;
	background-position: right 28px center;
	background-size: 28px;
}

.checkbox {
	position: relative;
	padding-left: 30px;
}

.checkbox input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	left: -9999px;
}

.checkbox input[type="checkbox"]:not(:checked)+label::before,
.checkbox input[type="checkbox"]:checked+label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 21px;
	height: 21px;
	background: url(../images/checkbox.svg) no-repeat
}

.checkbox input[type="checkbox"]:checked+label:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 21px;
	height: 21px;
	background: url(../images/checkbox.svg) no-repeat;
	background-position: bottom
}

.rembr label {
	font-size: 16px;
	/*color: #559756;*/
	color: #121212;
	font-family: 'quicksandbold';
}

.rembr {
	float: left
}

.remlink {
	float: right;
	font-size: 16px;
	color: #121212;
	text-decoration: underline;
}

.signin {
	float: left;
	width: 100%;
	background: #121212;
	color: #fff;
	text-align: center;
	font-size: 24px;
	font-family: 'quicksandbold';
	text-transform: uppercase;
	border-radius: 50px;
	padding: 12px 10px;
}

.signin:hover {
	/*background-color: #356834;*/
	background-color: #444242;
	color: #fff;
}

.fb {
	float: left;
	width: 100%;
	background: #3c5799;
	color: #fff;
	text-align: center;
	font-size: 24px;
	font-family: 'quicksandbold';
	text-transform: uppercase;
	border-radius: 50px;
	padding: 12px 12px;
	margin-top: 13px;
	position: relative;
	padding-left: 55px
}

.fb i {
	position: absolute;
	left: 12px;
	top: 50%;
	margin-top: -21px
}

.fb:hover {
	color: #fff;
	background-color: #263d74
}

.loginform {
	margin-top: 20px;
	float: left;
	width: 100%
}

.sndiv {
	margin-top: 22px;
}

.rds.innerpage {
	background: #fff;
	border-radius: 20px;
	margin-top: 28px;
	overflow: hidden
}

.leftbar {
	width: 100%;
	background: #f4f4f4;
	float: left;
}

.leftbar .lftlogo {
	padding: 28px;
	margin-bottom: 27px
}

.leftbar .lftlogo img {
	max-width: 131px;
}

.searchwrap {
	width: 100%;
	max-width: 450px;
	position: relative;
	float: left
}

.searchwrap input.searchinp {
	background: #ececec;
	border: none;
	font-size: 18px;
	color: #999999;
	border-radius: 50px;
	font-family: 'quicksandregular';
	padding: 8px 17px;
	width: 100%;
}

.searchwrap input.searchic {
	background: url(../images/search.svg) no-repeat;
	width: 25px;
	height: 28px;
	border: none;
	font-size: 0;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 6px
}

.topsec {
	padding: 23px 0;
	border-bottom: 1px solid #ececec;
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	background: #fff;
	border-radius: 0 20px 0 0
}

.logincrd {
	float: right;
}

.logout img {
	width: 25px;
}

.logincrd i {
	margin-right: 16px;
	display: inline-block;
	vertical-align: middle
}

.logincrd i img {
	border-radius: 50%;
	width: 43px;
	height: 43px
}

.logincrd label {
	font-size: 16px;
	color: #282828;
	margin-right: 6px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
	cursor: pointer;
}

.footer {
	margin-top: 30px;
	margin-bottom: 30px
}

.footer p {
	font-family: 'quicksandregular';
	font-size: 16px;
	color: #fff;
}

.footer p a {
	color: #fff
}

.footer p a:hover {
	text-decoration: underline
}

.rds.innerpage .col-lg-9 {
	padding-left: 0;
	position: static;
}

.rds.innerpage .col-lg-3 {
	padding-right: 0;
	background: #F4F4F4;
	position: static
}

.rds.innerpage {
	position: relative;
}

.tbwrp {
	padding-left: 20px;
	margin-bottom: 22px;
	padding-right: 20px;
}

.tbwrp h3 {
	font-size: 18px;
	color: #333333;
	text-transform: uppercase;
	padding-left: 5px;
	margin-bottom: 10px
}

.tbwrp h3 i {
	width: 16px;
	display: inline-block;
	vertical-align: top;
	margin-top: -5px;
	margin-left: 4px
}

.tbwrp h3 i img {
	display: block
}

.tbwrp ul li {
	list-style: none;
	margin-bottom: 1px;
	display: flex;
	flex-direction: column;
	position: relative
}

.tbwrp ul li>a {
	color: #333333;
	padding: 10px 30px;
	display: inline-block;
	width: 100%;
	border-radius: 50px
}

.tbwrp ul li.active>a,
.tbwrp ul li>a:hover {
	background-color: #e8e8e8 !important
}

.tbwrp ul li a.arrw {
	background: url(../images/right.png) no-repeat;
	background-size: 6px;
	padding-left: 33px;
	background-position: 20px 15px;
}

.tbwrp ul li i {
	height: 17px;
	margin-left: 16px;
	cursor: pointer
}

.tbwrp ul li i img {
	height: 17px
}

.tbwrp ul li span {
	float: right;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	position: absolute;
	right: 13px;
	top: 8px
}

.tbwrp ul li:hover span {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

.tbwrp ul li a.plylst {
	background: url(../images/playlist.png) no-repeat;
	background-size: 20px;
	padding-left: 46px;
	background-position: 20px 13px;
}

.tabcontainer {
	padding-top: 20px;
	clear: both;
	padding: 20px 30px
}

.tbwrp h3 a.pls {
	float: right;
	width: 19px;
	margin-top: -5px
}

.titlewrp {
	display: flex;
	border-bottom: 1px solid #ececec;
	clear: both;
	padding-bottom: 30px
}

.jp-jplayer {
	margin-right: 14px;
	max-width: 143px;
	border-radius: 7px;
	overflow: hidden;
	padding: 3px;
	box-shadow: 0 0px 2px #9f9f9f;
	height: auto !important;
	margin-left: 30px;
	float: left;
	background: #fff
}

.jp-type-playlist {
	background: #fff;
	float: left;
	width: 100%;
	margin-top: 30px;
}

.jp-jplayer img {
	border-radius: 5px;
	height: auto !important
}

.titlewrp .ttlwrap {
	justify-content: flex-end;
	display: flex;
	flex-direction: column;
}

.ttlwrap h1 {
	font-size: 48px;
	/*color: #67b668;*/
	color: #121212;
	margin-bottom: 0;
	line-height: normal
}

.ttlwrap h3 {
	margin-bottom: -5px;
	font-family: 'quicksandregular';
	font-size: 30px;
	/*color: #67b668;*/
	color: #121212;
	margin-top: -5px;
}

.imagelist ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: -27px
}

.imagelist ul li {
	margin-left: 27px;
	width: calc(20% - 27px);
	list-style: none;
	padding: 3px;
	box-shadow: 0 0px 2px #9f9f9f;
	border-radius: 10px;
	margin-bottom: 27px;
	display: flex;
	flex-direction: column
}

.imagelist ul li img {
	width: 100%;
	border-radius: 10px 10px 0px 0px
}

.imagelist ul li .dtlwrp {
	/*background: #6db06e;*/
	background: #121212;
	border-radius: 0px 0px 10px 10px;
	padding: 7px 14px;
	flex-grow: 1
}

.imagelist ul li .dtlwrp h3 {
	margin-bottom: 0;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
}

.imagelist ul li .dtlwrp p {
	margin-bottom: 0;
	color: #fff;
	font-size: 10px;
	line-height: normal
}

.imagelist ul li .dtlwrp h3 a {
	color: #fff
}

.imagelist ul li .dtlwrp p a {
	color: #fff
}

.jp-play:focus,
.jp-play {
	width: 37px;
	height: 36px;
	background: url(../images/jpimg.png) no-repeat;
	background-size: 378px;
	background-position: -139px -2px;
}

.jp-state-playing .jp-play,
.jp-state-playing .jp-play:focus {
	background: url(../images/jpimg.png) no-repeat;
	background-size: 378px;
	background-position: -98px -2px
}

.jp-interface {
	overflow: hidden;
	min-height: 50px
}

.jp-previous:focus,
.jp-previous {
	width: 37px;
	height: 36px;
	background: url(../images/jpimg.png) no-repeat;
	background-size: 378px;
	background-position: -55px -2px;
	margin-top: 0;
	margin-right: 7px;
}

.jp-next:focus,
.jp-next {
	width: 37px;
	height: 36px;
	background: url(../images/jpimg.png) no-repeat;
	background-size: 378px;
	background-position: -176px -2px;
	margin-top: 0;
	margin-left: 7px;
}

.jp-volume-bar {
	/*background: #6db06e;*/
	background: #121212;
	height: 6px;
	border-radius: 3px;
	overflow: visible !important;
}

.jp-volume-bar-value {
	background: #fff;
	height: 6px;
	border-radius: 3px;
	position: relative;
}

.jp-seek-bar {
	/*background: #6db06e;*/
	background: #121212;
	border-radius: 3px
}

.jp-play-bar {
	background: #fff;
	border-radius: 3px;
}

.jp-mute:focus,
.jp-mute {
	width: 37px;
	height: 36px;
	background: url(../images/jpimg.png) no-repeat;
	background-size: 378px;
	background-position: -253px -1px;
	margin-top: 0;
}

.jp-state-muted .jp-mute:focus,
.jp-state-muted .jp-mute {
	width: 37px;
	height: 36px;
	background: url(../images/jpimg.png) no-repeat;
	background-size: 378px;
	background-position: -296px -1px;
	margin-top: 0;
}

body .jp-state-looped .jp-repeat:focus,
.jp-state-looped .jp-repeat,
body .jp-repeat:focus,
body .jp-repeat {
	width: 37px;
	height: 36px;
	background: url(../images/jpimg.png) no-repeat;
	background-size: 378px;
	background-position: 0px 1px;
	margin-top: 0;
	pointer-events: auto
}

body .jp-repeat {
	opacity: 0.4;
}

body .jp-shuffle {
	opacity: 0.4;
}

body .jp-state-looped .jp-repeat.active {
	opacity: 1;
}

body .jp-state-shuffled .jp-shuffle.active {
	opacity: 1;
}

body .jp-state-shuffled .jp-shuffle,
body .jp-state-shuffled .jp-shuffle:focus,
body .jp-shuffle:focus,
body .jp-shuffle {
	width: 37px;
	height: 36px;
	background: url(../images/jpimg.png) no-repeat;
	background-size: 378px;
	background-position: -219px 1px;
	margin-top: 0;
	pointer-events: all;
	float: right;
}

.jp-video .jp-current-time {
	color: #fff;
	margin-top: 10px;
	position: absolute;
	left: 22.2%;
	top: 17px;
	font-style: normal
}

.jp-video .jp-duration {
	color: #fff;
	margin-top: 10px;
	position: absolute;
	right: 268px;
	top: 17px;
	font-style: normal
}

.jp-video-270p {
	width: 100% !important
}

.jp-details,
.jp-playlist {
	background: #fff;
	border-top: none
}

.jp-audio,
.jp-audio-stream,
.jp-video {
	border: none
}

.jp-playlist {
	margin-top: 20px;
	float: left;
	width: 100%;
	max-height: 100vh;
	overflow: auto
}

.form-signin .jp-type-playlist .jp-playlist {
	height: 90vh
}

.searchwrap.jp-playlist {
	margin-top: 0;
}

.jp-playlist li a.jp-playlist-item {
	font-size: 16px;
	color: #333333;
	padding: 9px 74px 9px 51px;
	float: left;
	width: 100%;
	border-radius: 50px;
	background: url(../images/playic.png) no-repeat;
	background-size: 25px;
	background-position: 11px 10px
}

.jp-state-playing .jp-playlist li a.jp-playlist-current:hover,
.jp-state-playing .jp-playlist li a.jp-playlist-current {
	background:  url(../images/pauseic.png) no-repeat;
/*	background: rgba(0,0,0,0.2) url(../images/pauseic.png) no-repeat;*/
	background-size: 25px;
	background-position: 11px 10px
}

.jp-playlist li:hover {
	border-color: #fff
}

.jp-playlist li a.jp-playlist-item:hover {
	background: rgba(0,0,0,0.2) url(../images/playic.png) no-repeat;
	color: #333333;
	background-size: 25px;
	background-position: 11px 10px
}

.jp-playlist li div {
	width: 100%;
	float: left
}

.jp-playlist li {
	padding: 0 0 0 0!important;
	border-bottom: 1px solid #ececec;
	float: left;
	width: 100%
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	list-style: none
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-current,
div.jp-type-playlist div.jp-playlist a:hover {
	color: #333
}

.jp-controls-holder {
	width: 100%;
	top: 19px
}

.jp-video .jp-interface {
	border: none;
	background: none;
	max-width: 1420px;
	margin: 0 auto
}

.player_body {
	padding-bottom: 70px
}

.player_body .jp-gui {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 99;
	width: 100%;
	background: rgba(80, 81, 80, 0.81)
	/*background: rgba(26, 99, 24, 0.81)*/
}

.player_body .rds.innerpage .col-lg-3 {
	border-radius: 20px 0 0 20px
}

.player_body .rds.innerpage .col-lg-9 {
	border-radius: 0px 20px 20px 0
}

.jp-video .jp-toggles {
	position: absolute;
	left: 45px;
	margin: -3px 0 0;
	width: 216px;
	pointer-events: none
}

body .jp-video .jp-volume-controls {
	top: -2px;
	left: 0;
	position: relative;
	float: right;
	width: 190px;
	margin-right: 20px
}

body .jp-volume-bar {
	width: 123px;
	top: 15px;
	left: 44px;
}

body .jp-video .jp-progress {
	height: 6px;
	position: absolute;
	right: 332px;
	width: 50%;
	top: 32px;
	z-index: 99;
	border-radius: 10px;
	left: auto;
}

body .jp-stop {
	pointer-events: none
}

.jp-video .jp-type-playlist .jp-controls {
	margin-left: 95px;
}

.player_body .ttlwrap {
	padding-top: 62px;
}

.rds.login .row .col-md-7 .alert-danger {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	font-size: 14px
}

.rds.login .row .col-md-7 .alert-danger strong {
	margin-right: 5px;
}

.rds.innerpage>row {
	margin-left: 0
}


/*....profile...*/

.rds.login.profile .prflogo {
	float: left;
	width: 130px;
	margin: 16px 27px
}

.rds.login.profile .row>div:last-child {
	padding-left: 15px;
}

.rds.login.profile .row>div:first-child {
	padding-right: 15px;
}

.rds.login.profile .topsec {
	float: right;
	border: none;
	width: auto
}

.rds.login.profile .profilerow {
	border-bottom: 1px solid #f4f4f4;
	float: left;
	width: 100%;
}

.rds.login.profile .row {
	min-height: 0
}

.rds.login.profile .col-md-4 .prf {
	min-height: 650px;
}

.rds.login.profile .prf_form {
	padding-top: 20px;
	max-width: 75%;
	text-align: center;
	min-height: 80vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.rds.login.profile #profile{
	height: 50vh;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.rds.login.profile #profile .updatebtn a{
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.rds.login.profile #profile .updatebtn a:hover{background-color: #e8e8e8;color:#333333!important;border-color:transparent;}
/*.rds.login.profile #profile .updatebtn a:focus{
	border-color:transparent!important;
	outline: none!important;
	box-shadow: none;
}*/

.rds.login.profile .prf_form h1 {
	font-size: 48px;
	/*color: #67b668;*/
	color: #121212;
	line-height: normal;
	margin-bottom: 40px;
	text-transform: uppercase;
}
.paymentmethod #form1 input{border-bottom:1px solid;}

.paymentmethod #form1 input[type="text"]{width:100%}

.paymentmethod #form1 #column-left{width: 46.8%;float: left;}
.paymentmethod #form1 #column-right {width: 46.8%;float: right;}

.paymentmethod #form1 .card-wrapper{margin-top:30px;background-color: transparent;}
.paymentmethod #form1 .personal-information {
  background-color: #f4f4f4;
  color: #333;
  padding: 1px 0;
  text-align: center;
}
.personal-information h6{margin-bottom:0px;}


.paymentmethod #form1 [type="submit"] {
  margin: 30px 0px;
  float: left;
  border:none;
}
.paymentmethod #form1 [type="submit"]:hover{
	background: #ececec;
	color:#333!important;
}

.rds.login.profile .prf_form ul li {
	list-style: none;
	width: 100%;
	margin-bottom: 20px;
}

.rds.login.profile .prf_form ul li input {
	background: #ececec;
	background-position: right 28px center;
	background-size: 28px;
	border: none;
	width: 100%;
	color: #999999;
	font-size: 18px;
	padding: 7px 70px 8px 20px;
	border-radius: 50px;
}

.rds.login.profile .updatebtn input {
	background: #121212;
	font-size: 24px;
	color: #fff;
	border: none;
	border-radius: 30px;
	padding: 11px 40px;
	cursor: pointer;
	width: 100%;
	max-width: 463px;
}

.modal-backdrop {
	/*background-color: rgba(85, 151, 86, 0.67);*/
	background-color: rgba(0,0,0,0.5);
}

.modal-body h1 {
	font-size: 30px;
	/*color: #67b668;*/
	color: #121212;
	margin-bottom: 0;
	line-height: normal;
	text-transform: uppercase
}

.modal-header .close {
	margin: 0;
	background: #636363;
	border-radius: 50%;
	width: 39px;
	height: auto;
	text-shadow: none;
	color: #fff;
	font-size: 43px;
	line-height: 23px;
	padding: 5px 0px 10px 0px;
	position: absolute;
	right: -16px;
	top: -17px;
	opacity: 1;
}

.modal-header {
	padding: 0;
	border: none
}

.modal-content {
	border: none;
	border-radius: 20px;
	box-shadow: 0 0 6px #aeaeae;
	padding: 15px 15px 25px 15px
}

.modal-dialog {
	max-width: 637px
}

.plylstwrp {
	margin-top: 30px;
	position: relative
}

.plylstwrp input.text {
	background: #ececec;
	border: none;
	width: 100%;
	color: #999999;
	font-size: 18px;
	padding: 7px 139px 8px 20px;
	border-radius: 50px;
	height: 41px;
}

.plylstwrp a.edit,
.plylstwrp a.create {
	background: #121212;
	color: #fff;
	font-size: 18px;
	font-family: 'quicksandbold';
	padding: 6px 33px 10px 33px;
	display: inline-block;
	position: absolute;
	right: 0px;
	border-radius: 40px;
	height: 41px;
	top: 0;
	cursor: pointer;
}

.plylstwrp a.edit:hover,
.plylstwrp a.create:hover {
	color: #fff;
}

.plylstwrp .err_msg {
	position: absolute;
	top: 44px;
	color: red;
	left: 20px;
}

.prfcntwrp {
	padding: 20px;
}

.prfcntwrp .prfimg {
	float: left;
	border-radius: 12px;
	overflow: hidden;
	border: 2px solid #fff;
	margin-right: 22px;
	width: 79px;
}

.prfcntwrp .prfrgt {
	overflow: hidden;
	padding-top: 12px;
}

.prfcntwrp .prfrgt h3 {
	font-size: 21px;
	color: #ffffff;
	font-family: 'quicksandmedium';
	margin-bottom: 0
}

.prfcntwrp .prfrgt a {
	font-size: 14px;
	color: #999999;
}

.jp-playlist-item-list {
	display: block !important;
}

.jp-playlist li {
	position: relative
}

.jp-playlist li .ItemInList {
	background: url(../images/dot.png) no-repeat right center;
	position: absolute;
	right: 27px;
	width: 25px;
	height: 43px;
	top: 0;
}

h4.modal-title {
	font-size: 30px;
	color: #121212;
	/*color: #67b668;*/
	padding-bottom: 15px;
	margin-bottom: 0;
	line-height: normal;
	text-transform: uppercase
}

.modal-dialog {
	width: 100%
}

#addto_playlist {
	width: 100%;
}

.submit_plist {
	background: #121212;
	color: #fff;
	font-size: 18px;
	font-family: 'quicksandbold';
	padding: 6px 33px 6px 33px;
	display: inline-block;
	border-radius: 40px;
	height: 41px;
	top: 0;
	cursor: pointer;
}

.plylstnw {
	margin-top: 20px;
	float: left;
	width: 50%;
	border-right: 1px solid #ccc;
}

.plylstnw .PlayList input[type="checkbox"] {
	margin: 0px 9px 0 0;
	display: inline-block;
	vertical-align: middle;
}

.plylstnw .PlayList label {
	font-size: 14px;
}

div#loader {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: #00000073;
	z-index: 99;
	left: 0;
}

.searchwrap.jp-playlist .jp-playlist {
	margin-top: 0
}

.form-signin .jp-type-playlist .jp-playlist {
	padding-bottom: 10px
}

.plylstnw .rembr {
	width: 100%;
	margin-bottom: 5px;
}

.plylstnw .rembr label {
	margin-top: -2px
}

.loader {
	text-align: center
}

.loader img {
	width: 55px;
	border-radius: 50%;
	padding: 5px;
	background-color: #fff;
	opacity: 0.7;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	margin-left: -25px;
}

.logincrd .logout {
	-webkit-appearance: none;
	border: none;
	background: none;
}

.swal-footer .swal-button {
	/*background-color: rgba(26, 99, 24, 0.81);*/
	background-color: #121212;
	color: #fff;
	border: 1px solid transparent;
	box-shadow: none;
	border-radius: 30px;
}

.swal-footer .swal-button.swal-button--danger {
	background-color: #e64942;
}

.swal-footer .swal-button:hover {
	background: #fff;
	color: #121212;
	/*color: rgba(26, 99, 24, 0.81);*/
	border: 1px solid #121212;
	/*border: 1px solid rgba(26, 99, 24, 0.81);*/
}

.swal-footer .swal-button.swal-button--danger:hover {
	border: 1px solid #e64942;
	color: #e64942;
}

.modal-body .rembr {
	width: 100%;
}

#addto_playlist .create_pl {
	-webkit-appearance: none;
}

.redirect_to_album {
	background: #121212;
	color: #fff;
	margin: 0 auto;
	font-size: 18px;
	font-family: 'quicksandbold';
	padding: 6px 33px 10px 33px;
	display: inline-block;
	border-radius: 40px;
	height: 41px;
	top: 0;
	cursor: pointer;
}

.redirect_to_album:hover {
	color: #fff;
}

.redirect_to_album img {
	width: 20px;
}

.create_new_pl {
	position: relative;
}

.create_new_pl .textpl {
	background: #ececec;
	border: none;
	width: 100%;
	color: #999999;
	font-size: 18px;
	padding: 7px 20px 8px 20px;
	border-radius: 50px;
	height: 41px;
}

.create_new_pl .create_new_playlist {
	background: #121212;
	color: #fff !important;
	font-size: 15px;
	font-family: 'quicksandbold';
	padding: 10px 33px 9px 33px;
	display: inline-block;
	position: relative;
	right: 0px;
	border-radius: 40px !important;
	height: 41px;
	top: 0;
	cursor: pointer;
	-webkit-appearance: none;
	width: 100%;
	margin-top: 8px;
	text-align: center;
}

.create_new_pl .err_msg {
	position: absolute;
	right: 12px;
	top: -23px;
}

.no_data .ttlwrap {
	padding: 0 0 0 15px;
	margin-top: -26px;
}

.no_data .jp-playlist li {
	font-size: 18px;
	border: navajowhite;
}

.back.create {
	-webkit-appearance: none;
	appearance: none;
	font-size: 13px;
	color: #fff;
	padding: 6px 21px;
	cursor: pointer;
	margin-right: 10px;
	border-radius: 50px;
	display: inline-block;
	vertical-align: middle;
	border: none;
	text-transform: uppercase;
}

.title_plus .modal-title {
	float: left;
}

.title_plus .pls.create_pl {
	float: right;
}

.create_new_pl {
	float: right;
	width: 46%;
	margin-top: 20px;
}

.create_new_pl .textpl {
	position: relative;
	width: 100%;
	right: 0;
	top: 0;
	font-size: 15px;
}

.add_pbtn {
	position: absolute;
	bottom: 15px;
}

.modal-body {
	padding-bottom: 60px
}

#addto_playlist .err_msg {
	width: 100%;
	float: left;
	text-align: center;
}

body .profile-row .prf_form {
	max-width: 100% !important;
}

.jp-volume-bar-value::after {
	width: 15px;
	height: 15px;
	content: "";
	background: #fff;
	z-index: 999;
	position: absolute;
	right: -6px;
	border-radius: 20px;
	top: -4px;
}

.ui-slider-horizontal {
	background: #444;
	cursor: pointer;
	display: inline-block;
	position: relative;
	height: 4px;
	width: 100px;
}

.ui-slider-range {
	background: #cc181e;
}

.jp-volume-controls .ui-slider-handle .ui-state-default {
	width: 15px;
	height: 15px;
	border: none !important;
	background: #fff;
	border-radius: 20px;
}

.jp-volume-controls .ui-widget.ui-widget-content {
	border: none;
	height: 6px;
}

body .jp-volume-bar {
	top: 2px;
}

.jp-volume-controls .ui-widget.ui-widget-content {
	/*background: #6db06e;*/
	background: #121212;
}

.jp-volume-bar-value::after {
	display: none;
}
.cancel .cancel {
	float: left;
    width: 100%;
    background: #121212;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-family: 'quicksandbold';
    text-transform: uppercase;
    border-radius: 50px;
    padding: 12px 10px;
    margin: 11px 0 0 0px;
}

.remlink.forgot_password:hover {
	color: #121212;
	text-decoration: none;
}


/********/

.checkbox input[type="checkbox"]:not(:checked) + label::before, .checkbox input[type="checkbox"]:checked + label::before {		background-position: top center;	
background-size: 20px;
}
.checkbox input[type="checkbox"]:checked + label::after {
	background-position: bottom center;
	background-size: 21px;
}

.paddingcls {
	padding: 0px 100px;
}

@media (max-width: 991px) {
   .paddingcls {
	padding: 0px 0px !important;
   }
}

li.draglist {border-radius: 50px;}
li.draglist:hover {background-color: rgba(0,0,0,0.2);}
li.draglist > div {display: flex;align-items: center;}
li.draglist a.jp-playlist-item {padding:0 0 0 51px;height: 41px;width: 51px;display: inline-block;width: auto;}
li.draglist span.song_title {padding: 9px 51px 9px 0px;}
/*li.draglist.jp-playlist-current {background-color: rgba(0,0,0,0.2) !important;}*/
.jp-playlist li a.jp-playlist-item:hover {background: url(../images/playic.png) no-repeat;color: #333333;background-size: 25px;background-position: 11px 10px}

li.draglist.selectedli a.jp-playlist-item {background-color: transparent !important;}
li.draglist.selectedli {background-color: rgba(0,0,0,0.2) !important;}

.dragdropbtn {
  background: #121212;
  color: #fff!important;
  font-size: 13px;
  font-family: 'quicksandbold';
  padding: 5px 20px;
  display: inline-flex;
  align-items: center;
  border-radius: 40px;
  height: 35px;
  border-color: #121212;
}
button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

.dragdropmodal {max-width: 350px;margin-left: auto;margin-right: auto;}
.dragdropmodal .modal-header .close {width: 29px;font-size: 33px;line-height: 13px;right: -10px;top: -10px;}
.dragdropmodal .modal-body {padding-bottom: 0px;}
.dragdropmodal .modal-body h1 {margin-top: 0px;font-size: 25px;text-transform: capitalize;}
.dragdropmodal .modal-body h6 {font-size: 13px;margin: 40px 0;}
.dragdropmodal .modal-body .plylstwrp {margin-top: 10px}
.dragdropmodal .dragdropmodal-buttons {display: flex;align-items: center;justify-content: flex-end;column-gap: 15px;}
.dragdropmodal .modal-body .dragdropmodal-buttons .dragdropbtn:hover {background-color: #121212;}
.dragdropmodal .modal-body .dragdropmodal-buttons .dragdropbtn:first-child {border: 1px solid #121212;background: transparent;color: #121212 !important;}

/********/