html, body {
    font-family: robotolight;
  font-size:16px;
  letter-spacing: 0.5px;

}
body{
	 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-rendering: optimizeLegibility; 
   font-weight: normal;
	}
	
	option {padding:5px 10px;}
/* ************** Upload New Content ***********  */

.form-field-container {
  float: left;
  margin: 0 auto 20px;
  min-height: 40px;
  width: 100%;
}

.form-label, .no-form-label {
  color: #888;
  float: left;
  font-size: 15px;
  font-weight: bold;
  height: 40px;
  padding-top: 10px;
  width: 20%;
}

.form-field {float:left; width:80%;}
.content-type {
  border: 1px solid;
  border-radius: 10px;
  margin: 20px 20px 20px 5px;
  min-height: 39px;
  width: 75%;
}
.upload-input {
  border: 1px solid #ccc;
  border-radius: 10px;
  color: #777;
  font-size: 16px;
  height: 40px !important;
  letter-spacing: 0.5px;
  padding-left: 20px !important;
  width: 380px !important;
}
#new_content_form {
  margin: 40px auto 0;
  width: 81%;
}
.content-type > ul, .content-type-filter > ul, .layout-filter > ul {
  width: 100%;
}

.content-type li, .content-type-filter li {
  border-right: 1px solid;
  color: #2e2c2d;
  cursor: pointer;
  float: left;
  font-family: robotobold;
  font-size: 20px;
  height: 37px;
  padding-top: 3px;
  text-align: center;
  width: 21.33%;
}
.content-type-filter li{width:32.33%}
#new_content_form .content-type ul li:nth-child(1) {
  border-radius: 10px 0px 0px 10px;
}
#new_content_form .content-type ul li:nth-child(3) {
  border-radius: 0px 10px 10px 0px;
}

.content-type li:hover, .content-type .active { 
  background:#d2d3ce;
  border-color:#333;
  
}

.content-type-filter li:hover, .content-type-filter .active {
  background: #99cc33 none repeat scroll 0 0;
  border-color: #99cc33;
  color: #fff;
}


.content-type .last, .content-type-filter .last {
  border-right: 0 none;

}
.content-type .last {
  width: 57.33%;
}

.browse-btn {
  background: #5057bf none repeat scroll 0 0;
  border: 1px solid;
  border-radius: 10px;
  color: #fff;
  display: block;
  height: 40px;
  position: absolute;
  width: 167px;
  padding-left:15px;
}
#add_content, #content_image {
  height: 40px;
  opacity: 0;
  position: absolute;
  width: 166px;
  z-index: 999;
  cursor:pointer;
}

.browse-btn-contaain {
  float: left;
  height: auto;
  width: 174px;
}

.browse-btn span {
  color: #fff !important;
  display: block;
  float: left;
  margin-left: 10px !important;
  margin-top: 2px !important;
  min-width: 20px;
  position: relative !important;
  font-size: 20px;
  font-weight: bold;
  left:0px
}
.browse-btn .fa-file-sound-o{font-weight:normal !important;font-size:24px !important; margin-top:8px !important;}
.button{
	display: inline-block;
	vertical-align: middle;
	margin: 0px 5px;
	padding: 5px 12px;
	cursor: pointer;
	outline: none;
	font-size: 13px;
	text-decoration: none !important;
	text-align: center;
	color:#fff;
	background-color: #4D90FE;
	background-image: linear-gradient(top,#4D90FE, #4787ED);
	background-image: -ms-linear-gradient(top,#4D90FE, #4787ED);
	background-image: -o-linear-gradient(top,#4D90FE, #4787ED);
	background-image: linear-gradient(top,#4D90FE, #4787ED);
	border: 1px solid #4787ED;
	box-shadow: 0 1px 3px #BFBFBF;
}
a.button{
	color: #fff;
}
.button:hover{
	box-shadow: inset 0px 1px 1px #8C8C8C;
}
.button.disabled{
	box-shadow:none;
	opacity:0.7;
}

.record-button {
  background-color: #99cc33;
  border: 1px solid #99cc33;
  border-radius: 10px;
  color: #fff;
  font-size: 20px;
  padding: 3px 30px 3px 10px;
  text-align: center;
  text-transform: capitalize;
  margin-right: 20px;
}
.upload-btn {
  padding: 5px 40px;
}
.record-button .fa.fa-microphone {
  font-size: 24px !important;
  margin-top: 4px !important;
}
.record-button span {
  color: #fff !important;
  display: block;
  float: left;
  margin-left: 10px !important;
  margin-top: 2px !important;
  min-width: 20px;
  position: relative !important;
  left:0px;
}


.uploadSquare input{opacity:0 !important;}

.uploadSquare {
  background: #eeeeee none repeat scroll 0 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  float: left;
  height: 20px;
  margin: -9px 5px -9px auto;
  position: relative;
  width: 20px;
}
.uploadSquare input[type="checkbox"]:checked + label::after {
  opacity: 1;
}
.uploadSquare label::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #5057bf;
  border-image: none;
  border-radius: 0;
  border-style: hidden none solid solid;
  border-width: medium medium 4px 4px;
  content: "";
  height: 8px;
  left: -2px;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: rotate(-51deg);
  width: 13px;
}
.uploadSquare label {
  cursor: pointer;
  height: 44px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 44px;
}



.contiSquare input{opacity:0 !important;}

.contiSquare {
  background: #fff none repeat scroll 0 0;
  border: 3px solid #666;
  border-radius: 1px;
  float: left;
  height: 17px;
  margin: -9px 5px -9px auto;
  position: relative;
  width: 17px;
}
.contiSquare input[type="checkbox"]:checked + label::after {
  opacity: 1;
}
.contiSquare label::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #666;
  border-image: none;
  border-radius: 0;
  border-style: hidden none solid solid;
  border-width: medium medium 2px 2px;
  content: "";
  height: 7px;
  left: -1px;
  opacity: 0;
  position: absolute;
  top: -5px;
  transform: rotate(-35deg);
  width: 16px;
}
.contiSquare label {
  cursor: pointer;
  height: 44px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 44px;
}

.form-last {
  clear: both;
  display: block;
  float: left;
  height: 50px;
  padding-left: 20%;
  width: 100%;
}
.after-check {
  color: #666 !important;
  display: block;
  font-weight: bold;
  padding-top: 6px !important;
}
.after-check a{color:#6368cc; text-decoration:underline !important;}
.cate-selection {
  clear: both;
  display: inline-block;
  margin-bottom: 20px;
  width: 25%;
}
#conti-category {
  width: 75%;
}

.useraudio-content-newcontent .col-img {
    margin-left: 25%;
}
.product_player {
  float: left;
  margin-left: 26%;
  margin-top: 1%;
}

span.file_name_lable {
  clear: both;
  display: block;
  float: left;
  margin-left: 181px;
  margin-top: 5px;
  font-size: 16px;
  font-weight: bold;
  position:absolute;
}
#advice-required-entry-i_agreed {
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
#date_from_trig {
  color: #666;
  font-size: 20px !important;
  margin-left: 5px;
  margin-top: 1px;
  position: absolute;
  cursor:pointer;
}
.multiple-select {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  height: 120px !important;
  padding-left: 0 !important;
}.multiple-select > option {
  padding: 4px 0 4px 20px;
  width: 100%;
}
/* ******************* Filter  ************ */

.content-type-filter {  
  float: left;
  margin: 0;
  min-height: 30px;
  width: 30%;
}

.useraudio-content-myupload .content-type-filter {   
  width:19%;
}
.content-type-filter li {
  background: #b3b3b3 none repeat scroll 0 0;
  border-bottom: 3px solid #666666;
  color: #fff !important;
  height: 33px;
  margin-right: 1px;
  padding-top: 2px;
}
.content-type-filter li > a {
  color: #fff;
  font-size: 16px;
}

.layout-filter {
  float: right;
  margin: 0 0 20px 20px;
  min-height: 30px;
  width: 47%;
}
.useraudio-content-myupload .layout-filter {   
  width: 33%;
}
.layout-filter li {
  background-color: #b3b3b3;
  cursor: pointer;
  float: left;
  font-size: 27px;
  font-weight: bold;
  height: 34px;
  margin: 0 0 0 9px;
  padding-top: 0;
  text-align: center;
  width: 11%;
}
.layout-filter li.grid-padding {
  padding-top: 4px;
}

.layout-filter li > a {
  color: #656565;
  float: left;
left: 0 !important;
margin-left: 7px;
margin-top: -3px;
padding-left: 0;
position: relative;
}
.layout-filter li.active{background:#656565 !important}
.layout-filter li.active a {color:#b3b3b3 !important}

.layout-filter li:first-child {
  border-radius: 11px;
  margin-right: 25px;
  width: 63%;
}
.layout-filter .fa-chevron-down {
  float: left;
  font-size: 15px;
  margin-left: 6px;
  margin-top: 11px !important;
}

.layout-filter li .search-category {
  border: 0 none;
  border-radius: 13px;
  float: left;
  height: 28px;
  margin: 3px 0 0 3px;
  padding: 0 0 0 10px;
  width: 97%;
}
.circle-arround {
  border: 3px solid;
  border-radius: 44px;
  font-size: 28px !important;
  height: 50px;
  margin-right: 10px;
  padding: 9px;
  width: 50px;
}


.gird-container {
 
  float: left;
  margin: 0 auto;
  width: 100%;
}
.grid-row {
  min-height: 200px;
  width: 100%;
}
.category-products .gird-collum {
  background-color: #000;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border-radius: 10px;
  float: left;
  margin: 0 15px 13px 0;
  min-height: 176px;
  position: relative;
  width: 23%;
}

.gird-collum {
  background-color: #000; 
  background-repeat: no-repeat;
  background-size: 100% auto; 
  border-radius: 10px;
  float: left;
  margin: 13px;
  min-height: 244px;
  position: relative;
  width: 23%;
}
.useraudio-dashboard-index .gird-collum:hover {
  background: #6d9126 none repeat scroll 0 0;
  transition: background 0.5s ease-in-out 0s;
}
.myaudio-grid .gird-collum {
  background-color: #000;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border-radius: 10px;
  float: left;
  margin: 13px;
  min-height: 245px;
  position: relative;
  width: 245px;
}

.category-products .gird-collum .icon-set {
  margin: 35px auto 0;
}
.category-products .gird-collum .icon-set > a {
  padding: 0 3px;
}
.category-products .gird-collum .ua-icon {
  font-size: 49px !important;
}

.list-name {
  color: #fff;
  float: left;
  margin-top: 10px;
  width: 100%;
}
.list-col-audio-title {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
}.list-col-audio-catgory {
  color: #fff;
  font-size: 15px;
  height: 27px;
  overflow: hidden;
}
.icon-set {
  margin: 60px auto 0;
  width: 100%;
}
.ua-icon {
  cursor: pointer;
  font-size: 65px !important;
  margin: 5px 7px;
  opacity: 0.5;
}
.icon-set > a {
  padding: 0 13px;
}
.ua-icon:hover {
  opacity:1;
}
.grid-back-image
{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	opacity:0.5;
	 border-radius: 10px;
	
}
.grid-audio-detail{
	width:100%;
	height:100%;
	padding:15px;
	position:absolute;
	z-index:999;
	color:#FFF;
	}




/* ************  Login And Signup  POPUP ********** */

.account-login {
  clear: both;
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: 28px;
  width: 48%;
}
.clearer {
  float: left;
  margin: 0 14px;
}

/******** Product List page ********    */

.product-gird-collum {
    background-color: #000;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 10px;
    float: left;
    margin: 10px;
    min-height: 180px;
    position: relative;
    width: 22.33%;
}

 ul { list-style: none; }
    #recordingslist audio { display: block; margin-bottom: 10px; }
	
.notice {
  background-color: #eee;
  border-radius: 10px;
  color: #e26703;
  font-weight: bold;
  padding: 20px;
  position: fixed;
  right: 45px;
  top: 100px;
  width: 36%;
  z-index: 9999;
}

.close-notice {
  background: #676767 none repeat scroll 0 0;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  font-family: robotobold;
  font-size: 18px;
  font-weight: bold;
  height: 40px;
  letter-spacing: 1px;
  padding-top: 5px;
  position: absolute;
  right: -16px;
  text-align: center;
  top: -16px;
  width: 40px;
}

#recordingslist
{
float: left;
  width: 100%;
  margin: 0px;

}

#my-orders-table a {
    color: inherit;
    text-decoration: none;
}



/***********************  Product / Item Page / View Page ************************/

.product-name {
  width: 100%;
}
.product-attribute-left {
  float: left;
  width: 50%;
  margin-top:30px;
}
.price-box .price {
  font-size: 15px !important;
  color: #777 !important;
}
.attribute-value {
  color: #777;
  float: left;
  font-family: robotolight;
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0;
  width: 100%;
}
.product-attribute {
  float: left;
  padding-left: 5%;
  width: 34%;
}

.product-value {
  float: left;
  width: 60%;
  word-wrap: break-word;
}
.product-attribute::after {
  content: ":";
  float: right;
  padding-right: 28px;
}
.product-audio-player-container {
  float: left;
  margin: 60px 0;
  width: 100%;
}

.product-player {
  float: right;
  text-align: right;
  width: 32%;
}
.audio-image {
  float: left;
  height: 350px;
  position: relative;
  width: 350px;
}
.action-title {
  color: #888 !important;
  font-size: 21px;
  font-weight: bold;
  margin-left: 8px;
  margin-top: 2px;
}
.product-action-button-set {
  float: right;
  padding-left: 16%;
  padding-top: 20px;
  width: 39%;
}

.product-action-button-set ul
{
	width:100%;
	float:left;	
}
.please-wait img {
  left: 44%;
  position: absolute;
}

.audio-play-btn {
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  float: left;
  font-size: 85px !important;
  height: 60px;
  left: 39%;
  padding-left: 5px;
  padding-top: 12px;
  position: absolute;
  text-align: center;
  top: 35%;
  width: 60px;
}
.audio-image img{width:100%;height:100%; border-radius:10px;}
.product-player .audio-play-btn .fa-pause{padding-left:0px !important; font-size:32px !important }
.product-action-button-set ul li
{
	width:100%;
	float:left;
	margin:5px 0px;
	cursor:pointer;
		
}

.yellow {
  color: #ffd700;
  font-size: 25px !important;
  height: auto;
  text-align: center !important;
  width: 29px;
}
.download_button {
  background: #99cc33 none repeat scroll 0 0;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-family: robotobold;
  padding: 11px 10px;
  text-align: center;
  width: 160px;
}
.download_button .fa.fa-download {
  float: left;
  font-size: 27px !important;
  margin-left: 6px;
  margin-top: -3px;
}
.social-icon {
  border-radius: 10px;
  font-size: 42px !important;
  height: 38px;
  margin-left: 0px;
  margin-right: 12px;
  margin-top: -3px;
}
.dwn-txt {
  font-family: robotolight;
  font-size: 19px;
  font-weight: bold;
  padding-left: 6px;
}
.like-btn .fa-twitter-square {
  background-color: #fff;
  color: #41aaf1;
}
.like-btn .fa-google-plus-square {
  background-color: #fff;
  color: #f1000b;
}

.like-btn .fa-facebook-square {
  background-color: #fff;
  color: #3b539a;
}
.like-btn {
  background: none repeat scroll 0 0 #333;
  border-radius: 10px;
  width: 161px;
  position:relative;
}
.twitter-share-button,
#fb-like,
.like-btn #___plusone_0 {
  border: 1px solid;
  height: 33px !important;
  left: 2px !important;
  position: absolute !important;
  top: 1px;
  width: 150px !important;
  opacity:0;
  z-index:99;
}



.review-title{width:50%;float:left;}
.like-dislike{width:30%;float:right;}
.give-a-review {
  color: #ccc !important;
  float: left;
  font-size: 15px;
  font-weight: bold;
  width: 40%;
}
.give-a-review #view-review-form {
  color: #3366cc;
  text-decoration: underline !important;
}
.review-rating {
  float: left;
  margin-bottom: 13px;
  min-width: 50px;
  width: 100%;
}
.like-count {
  color: #fff;
  display: inline-block;
  font-family: robotolight;
  font-size: 20px;
  margin-top: 7px;
  position: absolute;
}
.ua-like, .ua-dislike {
  font-size: 39px !important;
  margin: -10px 10px 0;
}
.review-bock {
  border: 2px solid #eee;
  float: left;
  padding: 15px 15px 30px;
  width: 100%;
  border-bottom:none;
}
#customer-reviews dl div:last-child {
  border-bottom: 2px solid #eee !important;
}
.review-block-span {
  color: #888;
  float: left;
  font-size: 15px;
  font-weight: bold;
  padding: 3px 24px 3px 0;
  font-family: robotolight;
}

.review-bock dt, .review-bock dd {  padding-left: 20px;}

.review-form {
/*  border: 20px solid #ccc;
  border-radius: 5px;
  clear: both;
  display: block;
  height: 600px;
  left: 18%;
  margin: 0 auto;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 50px 30px 50px 50px;
  position: fixed;
  top: 3%;
  width: 60%;
  z-index: 100;*/
  background: #fff none repeat scroll 0 0;
  border-radius: 13px;
  clear: both;
  display: block;
  left: 18%;
  margin: 0 auto;
  min-height: 450px;
  outline: 9999px solid rgba(0, 0, 0, 0.5);
  overflow-x: hidden;
  position: absolute;
  top: 4%;
  width: 61%;
  z-index: 100;
}
 


#review-form::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#review-form::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#review-form::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #D62929;
}
.form-add{border: 40px solid #eeeeee;
  padding: 50px;}

.button.btn-review {
  background-color: #5057bf;
  border-radius: 10px;
  font-size: 20px;
  padding: 12px 15px;
  text-transform: none;
}
#review-close {
  background: #000 none repeat scroll 0 0;
  border-radius: 40px;
  color: #fff;
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 30px;
  left: 96%;
  padding-top: 4px;
  position: absolute;
  right: 22% !important;
  text-align: center;
  top: 3px;
  width: 30px;
  z-index: 99999999;
}
#review-form > h3 {
  color: #83d528;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 0;
  text-transform: none;
}

.review-block-span-vote {
  display: block;
  font-size: 37px !important;
  margin-left: -12px;
  margin-top: -6px;
  padding: 0 10px;
}

.active-vote { color:#99cc33 }
.ua-like, .like-vote {color:#99cc33 !important;}
.ua-dislike, .dislike-vote{color:#fe0000 !important;}

.rating-vote {
  font-size: 75px !important;
  padding: 0 10px;
  cursor:pointer;
}

.rating-field {
  float: left;
  padding: 20px 0;
  width: 100%;
}
.review-like-dislike {
  float: left;
  margin: 0 auto !important;
  padding-bottom: 35px;
  padding-top: 20px;
  text-align: center;
  width: 100%;
}
.review-checkbox {
  float: left;
  padding: 20px 0;
  width: 100%;
}
.review-checkbox-block{
	  float: left;
  padding: 0px 0 20px 20%;
  width: 100%;
  }
 .rating-ul {
  float: left;
  margin-left: 3%;
  width: 70%;
}
.review-message {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-left: 20%;
}
.rating-ul > li {
  background: #b3b3b3 none repeat scroll 0 0;
  border-bottom: 2px solid #666666;
  border-right: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  float: left;
  font-size: 19px;
  font-weight: bold;
  margin-right: 1px;
/*  padding: 4px 25px;*/
  padding: 4px 20px;
}
.mature-title {
  color: #3566cd;
  float: left;
  font-size: 20px;
  font-weight: bold;
/*  width: 24%;*/
  width: 27%;
}
.rating-active
{
	background-color:#99cc33 !important;
	border-bottom: 2px solid #99cc33 !important;
	color:#fff;
}

.product-name .h1 {
  color: #98cb30 !important;
  font-family: robotobold;
  font-size: 30px !important;
  text-transform: none !important;
}
.product-shop{padding-left:0px !important}


.riviewSquare input{opacity:0 !important;}

.riviewSquare {
  border: 1px solid #bbb;
  border-radius: 5px;
  float: left;
  height: 35px;
  margin: -9px auto;
  position: relative;
  width: 35px;
  margin-right:5px;
  background:#eeeeee;
}
.riviewSquare input[type="checkbox"]:checked + label::after {
  opacity: 1;
}
.riviewSquare label::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color:#4f56be;
  border-image: none;
  border-radius: 0;
  border-style: hidden none solid solid;
  border-width: medium medium 5px 5px;
  content: "";
  height: 11px;
  left: 4px;
  opacity: 0;
  position: absolute;
  top: 5px;
  transform: rotate(-51deg);
  width: 19px;
}
.riviewSquare label {
  cursor: pointer;
  height: 44px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 44px;
}

/****  *************  DASHBOARD  ********************************************  ***/


.section_1, .section_2, .section_3 {
  float: left;
  height: auto;
  margin: 0 auto;
  padding: 60px 0;
  width: 100%;
}
.section_1 {
    background: #dddddd none repeat scroll 0 0;
}
.inner_section_1{width:100%; float:left;margin:0 auto;}	
.favorite_block, .playlist_block {
  background: #fff none repeat scroll 0 0;
  border-radius: 10px;
  float: left;
  margin: 2%;
  width: 46%;
  padding:20px;
}
.block-row {
  background: #eee none repeat scroll 0 0;
  border-radius: 10px;
  float: left;
  height: 172px;
  margin-bottom: 20px;
  margin-left: 0;
  width: 100%;
}
.block-heading {
  padding: 15px 0px;
  width: 100%;
  float: left;
}
.block-heading-title {
  display: block;
  float: left;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.5px;
  margin-top: -5px;
  padding-left: 7px;
  color:#777;
}
.block-button {
  background: #999 none repeat scroll 0 0;
  border-radius: 7px;
  color: #fff;
  float: right;
  font-weight: bold;
  letter-spacing: 0.5px;
  padding: 5px 13px;
  text-transform: uppercase;
}
.block-col-img {
  border-radius: 10px;
  float: left;
  height: 172px;
  position: relative;
  width: 172px;
  background-color:#000;
}
.block-col-name {
  float: left;
  padding: 18px 26px 26px;
  width: 50%;
}
.list-audio-title {
  color: #333;
  font-size: 28px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  width:100%;
  white-space: nowrap;
}
.myaudio-grid .gird-collum .ua-icon {
  cursor: pointer;
  font-size: 50px !important;
  margin: 0;
  opacity: 0.5;
}
.myaudio-grid .gird-collum .ua-icon:hover{opacity:1}
.myaudio-grid .gird-collum .icon-set {
  margin: 38px auto 0;
  width: 100%;
}
.grid-audio-detail .grid-color{color:#FFF;}
.list-audio-category {
  color: #333;
  font-size: 16px;
   overflow: hidden;
  text-overflow: ellipsis;
  width:100%;
  white-space: nowrap;
}
.list-audio-price {
  color: #333;
  font-size: 19px;
  font-weight: bold;
}
.myupload_block {
  float: left;
  margin-left: 0;
  margin-top: 10px;
  padding-left: 0;
  width: 100%;
}
.list-icon-set {
  float: left;
  padding-right: 30px;
  padding-top: 50px;
  text-align: right;
  width: 33%;
}
.list-icon-set a .circle-arround {
  border: 4px solid;
  color: #333;
  font-size: 37px !important;
  height: 64px;
  text-align: center;
  width: 64px;
}

.icon-set.block-col-icon {
  float: left;
  width: 45%;
  padding-left: 5px;
}
.block-col-icon .ua-icon {
  border: 3px solid;
  border-radius: 36px;
  color: #333;
  cursor: pointer;
  font-size: 24px !important;
  height: 45px;
  margin: 5px 7px;
  opacity: 1;
  padding-top: 8px;
  text-align: center;
  width: 45px;
}
.block-col-img img
{
	height:100%;width:100%;
border-radius:10px;
}

.ua-icon-headrt{font-size:24px !important;float:left;display:block;color:#777;}
.play-on-image {
  color: #fff;
  cursor: pointer;
  font-size: 70px !important;
  left: 30%;
  opacity: 0.5;
  position: absolute;
  top: 30%;
  z-index: 99;
}
.play-on-image:hover{opacity:1;}
.block-col-audio-title {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
.block-col-audio-catgory {
   color: #999;
    font-size: 15px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: pre;
}
.block-row:last-child {
  border-bottom: medium none !important;
}


.dashboard .block-row {
  background:none;
  border-radius: 0px;
  float: left;
  height: 77px; 
}

.dashboard .block-col-img {
  height: 60px;
  width: 60px;
}
.dashboard .block-col-name {
  float: left;
  padding: 0 14px 17px;
  width: 41%;
}
.dashboard .icon-set.block-col-icon {
  float: left;
  padding-left: 5px;
  width: 41%;
  margin-top:0px;
}
.dashboard  .play-on-image {
  color: #fff;
  cursor: pointer;
  font-size: 27px !important;
  left: 31%;
  opacity: 0.5;
  position: absolute;
  top: 30%;
  z-index: 99;
}
.dashboard  .play-on-image:hover{
  opacity: 1;
 
}
.useraudio-dashboard-index .block-col-audio-title
{
    text-overflow: ellipsis;
    white-space: pre;
	overflow: hidden;
	font-size:17px;
	color:#444444;
}
.useraudio-dashboard-index .block-col-audio-catgory
{
   text-overflow: ellipsis;
    white-space: pre;
	overflow: hidden;
	color:#acacac;
	font-size:15px;
}
.useraudio-dashboard-index #review-form {
  margin-left: 3%;
  width: 100%;
}
.useraudio-dashboard-index .form-add {
    border: 0  !important;
    padding: 0 !important;
}
.useraudio-dashboard-index .buttons-set {
  clear: both;
  margin: 10px 0 0;
  padding-top: 10px;
  text-align: center;
}

/* *********************   Header   *************************************/

.header-menu {
  background: #566e56 none repeat scroll 0 0;
  color: #fff !important;
  float: right;
  height: 50px;
  position: relative;
  text-align: right;
  width: 100%;
 z-index: 9;
 
}
.header-menu > ul {
  float: right;
  margin-right: 5%;
  width: 43%;
}
.header-menu li {
  border-left: 1px solid #ccc;
  color: #fff !important;
  display: inline-block;
  float: left;
  font-size: 15px;
  font-weight: bold;
  height: 50px;
  padding: 14px 10px 6px 13px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 22%;
  white-space:nowrap;
}
.header-menu li:hover,.header-menu li.active {
  background: #84d62a none repeat scroll 0 0;
  transition: background 0.5s ease-in-out 0s;
}
 
.header-menu li:last-child {
  border-right: 1px solid #ccc;
  color:#fff
}
.header-menu li a:hover{
	color:#fff !important}

.header-menu a {
  color: #fff;
  padding-top: 10px !important;
}
.guest-top-links li, .customer-top-links li {
  color: #fff !important;
  float: left;
  font-size: 17px !important;
  padding: 5px 20px;
}
.guest-top-links li a {
  color: #839af2;
  font-size: 16.5px;
  text-decoration: none;
}
.guest-top-links li a:hover, .guest-top-links li a.active-menu {
  color: #fff;  
}
.signup-btn {
  background: #85d62a none repeat scroll 0 0;
  border-radius: 7px;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: bolder;
  padding: 5px 15px;
}

.header-top-links-container {
  float: right;
  margin-top: 14px;
}

.page-header,.header-language-background,.page{width:100%;float:left;}

.customer-profile {
  display: block;
  float: left;
  height: 195px;
  left: 8.5%;
  position: absolute;
  width: 195px;
  z-index: 99;
  top: 35%;
  border: 20px solid #eee;
  border-radius: 100px;
  -webkit-box-shadow: 0px 0px 7px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px -2px rgba(0,0,0,0.75);
}
.customer-profile > img {  
  border-radius: 100px;
  left: 0;
  position: absolute;
  top: 0;
  width:100%;
  height:100%
}


.footer-container {
  background: #fbfbfb none repeat scroll 0 0;
}

.footer-copyright {
  background: #fff none repeat scroll 0 0;
  color: #555d60;
  float: left;
  font-size: 14px;
  padding: 20px 0;
  width: 100%;
  font-weight: bold;
}
.policy-terms {
  margin-left: 50px;
}
.policy-terms a {color: #555d60;}
.fo-copyright {
  margin-left: 12%;
}	
.col-main > button {
	  background: #6271C9;
	  background-image: -webkit-linear-gradient(top, #6271C9, #6271C9);
	  background-image: -moz-linear-gradient(top, #6271C9, #6271C9);
	  background-image: -ms-linear-gradient(top, #6271C9, #6271C9);
	  background-image: -o-linear-gradient(top, #6271C9, #6271C9);
	  background-image: linear-gradient(to bottom, #6271C9, #6271C9);
	  -webkit-border-radius: 11;
	  -moz-border-radius: 11;
	  border-radius: 11px;
	  font-family: Arial;
	  color: #ffffff;
	  font-size: 20px;
	  padding: 7px 27px 7px 26px;
	  text-decoration: none;
	  display: block;
	  margin: 25px auto 0;
	  border-width:0;
	  
}
.header-icon {
  color: #fff;
  font-size: 27px !important;
}
.user-account {
  background: #4a62bc none repeat scroll 0 0;
  height: 230px;
  margin-left: -15px;
  margin-top: 1px;
  position: absolute;
  width: 200px;
  z-index: 999;
}
.user-account ul{padding-top:20px;}
.user-account li {
  float: left;
  padding: 8px 20px;
  width: 100%;
}

.change-picture {
  left: 30%;
  position: absolute;
  top: 34%;
}

.profile-upload-icon {
  color: #fff !important;
  font-size: 50px !important;
}
.customer-profile:hover #uploadPhoto{opacity:1 !important;}
a{text-decoration:none !important; border:none;}




/* ********************************* Cart Page ****************************************/

#shopping-cart-table{width:100% !important;
 border: 1px solid;
    border-collapse: separate;
    border-radius: 10px;}
#shopping-cart-totals-table {
  float: right;
  width:100%;
}
#shopping-cart-totals-table tr{border-bottom:none !important}
.cart-table .product-cart-image {
  padding-left: 0;
  padding-right: 0;
  width: 11%;
}

.purchased-price {
  bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  right: 15px;
}
#shopping-cart-table tbody tr td{padding-top:10px; padding-bottom:10px !important;}
#shopping-cart-table tbody tr td:first-child{padding-left:20px;}
#shopping-cart-table tbody tr td:last-child{padding-right:20px;}
td .product-image img {
  border-radius: 10px;
}
.product-image {
  border: medium none;
}

.cart .page-title h1, .cart-item-number {
  color: #6798ff;
  font-family: robotobold;
  font-size: 28px;
  font-weight: bold;
  margin-top: 20px;
  text-transform: none;
}
.cart-item-lable {
  color: #999 !important;
  font-size: 17px;
  font-weight: bold;
  padding: 24px 10px 0;
}
.cart-item-price {
  color: #999;
  font-family: robotobold;
  font-size: 24px;
  font-weight: bold;
  width:100%
}
.class-item-remove {
  display: block;
  font-size: 18px;
  padding-top: 5px;
  text-decoration: underline !important;
  width: 100%;
  color: #ff110f;
  font-weight: bold;
}
.cart .grid-row .gird-collum {
  background-color: #000;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border-radius: 10px;
  float: left;
  height: 265px;
  margin:0px;
  margin-right: 7px;
  min-height: 244px;
  position: relative;
  width: 265px;
}
.button.btn-proceed-checkout.btn-checkout {
  background: #76c41e none repeat scroll 0 0;
  
  border-radius: 10px;
  color: #fff !important;
  font-size: 19px;
  text-transform: none;
}
.cart-icon {
  font-size: 20px;
  padding-right: 15px;
}
#shopping-cart-totals-table tr td strong {
  color: #999;
  font-family: robotobold;
  font-size: 24px;
  font-weight: bold;
}

/****************** One Page *************/

.payment_page_message {
  color: #222;
  font-size: 20px;
  font-weight: bolder;
}
#checkoutSteps { 
  margin: 25px auto 0;
  width: 59%;
}

.paymentRound {
  border: 5px solid #43c200;
  border-radius: 15px;
  float: left;
  height: 28px;
  margin: 2px auto;
  position: relative;
  width: 28px;
}
.paymentRound input[type="radio"]:checked + label::after {
  opacity: 1;
}
.paymentRound label::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #43c200 none repeat scroll 0 0;
  border-radius: 20px;
  content: "";
  height: 14px;
  left: -2px;
  opacity: 0;
  position: absolute;
  top: -2px;
  width: 14px;
}
.paymentRound label {
  cursor: pointer;
  height: 20px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 20px;
}
.paymentRound input{opacity:0 !important;}

#payment_form_wallet .price {
  display: block;
  font-size: 30px !important;
  position: relative;
  color: #708cef;
}
#payment_form_wallet > span {
  font-weight: normal;
  font-size: 16px;
}
#payment_form_wallet {
  margin-left: 12%;
  margin-top: 14px;
}
/***********************  Profile Page ************************/


.profile-block
{
	float:left; width:100%;
	padding:20px;
	padding-bottom:70px
}
.profile-left{width:50%;float:left}
.profile-right {
  float: right;
  margin-right: -60px;
  width: 50%;
}
.profile-ul{width:100%;float:left;}
.profile-ul > li {
  float: left;
  margin: 0 auto;
  padding: 10px 0;
  width: 80%;
}
.profile-input {
  border: 1px solid #ccc;
  border-radius: 10px;
  color: #777;
  font-size: 16px;
  height: 46px !important;
  letter-spacing: 0.5px;
  padding-left: 20px !important;
  width: 100% !important;
}
.profile-input::-moz-placeholder {
  color: #999;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  opacity:0.8;
}

.audio-page-title{ color: #4a62bd;
  font-family: robotobold;
  font-size: 30px;
  font-weight: bold;}
  
.profile-heading {
  color: #4a62bd;
  font-family: robotobold;
  font-size: 26px;
  font-weight: bold;
}
.profile-rating-box li {
  width: 10%;
  float: left;
}
.profile-rating-box > ul {
  margin-left: 10%;
  margin-top: 20px;
}
.profile-category-box ul { margin-top:20px;}
.profile-category-box li {
  background: #000 none repeat scroll 0 0;
  border-radius: 10px;
  cursor: pointer;
  float: left;
  height: 178px;
  margin-bottom: 3px;
  margin-right: 3px;
  position: relative;
  width: 178px;
}

.profile-category-box li img {
  border-radius: 10px;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  z-index: 99;
}
.profile-category-box li span {
  bottom: 10px;
  color: #fff;
  position: absolute;
  right: 10px;
  left:10px;
  text-transform: uppercase;
  z-index: 100;
  text-align:right;
}
.category-select {
  border: 6px solid #a83e0f;
}
.profile-category-box input {
  opacity: 0; 
}
.profile-continue{float:left;}
.profile-bar-number{float:right; width: 36%;}
.profile-bar-number lable{float:left}
.profile-bar-number input{margin-left: 20px;
    width: 66% !important;}

.profile-continue-education {margin-top:20px; width:100%;float:left;}
.profile-continue-education li {
  float: left;
  padding-bottom: 10px;
  padding-left: 7%;
  width: 33%;
}
.profile-block .button {
  background: #99cc33 none repeat scroll 0 0;
  border-radius: 10px;
  font-size: 16px;
  text-transform: capitalize;
  width: 150px;
  font-weight: bold;
}

.my-validation {
  float: left;
  width: 100%;
}

.squaredTwo {
  border: 1px solid #bbb;
  border-radius: 5px;
  float: left;
  height: 35px;
  margin: -9px auto;
  position: relative;
  width: 35px;
  margin-right:5px;
}
.squaredTwo input[type="checkbox"]:checked + label::after {
  opacity: 1;
}
.squaredTwo label::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #000;
  border-image: none;
  border-radius: 0;
  border-style: hidden none solid solid;
  border-width: medium medium 4px 4px;
  content: "";
  height: 14px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 4px;
  transform: rotate(-51deg);
  width: 27px;
}
.squaredTwo label {
  cursor: pointer;
  height: 44px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 44px;
}
.cat-select{
  cursor: pointer;
  height: 44px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 44px;
} 

.categorysquaredTwo {
  border-radius: 5px;
  float: right;
  height: 35px;
  margin: -9px 5px -9px auto;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 10px;
  width: 35px;
  z-index: 999;
}
.categorysquaredTwo input[type="checkbox"]:checked + label::after {
  opacity: 1;
}
.categorysquaredTwo label::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #84d62a;
  border-image: none;
  border-radius: 0;
  border-style: hidden none solid solid;
  border-width: medium medium 4px 4px;
  content: "";
  height: 14px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 4px;
  transform: rotate(-51deg);
  width: 27px;
}
.categorysquaredTwo label {
  cursor: pointer;
  height: 44px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 44px;
}

.squaredTwo input, .roundTwo input{opacity:0 !important;}

.roundTwo {
  border: 5px solid #748d77;
  border-radius: 15px;
  float: left;
  height: 28px;
  margin: 2px auto;
  position: relative;
  width: 28px;
}
.roundTwo input[type="checkbox"]:checked + label::after {
  opacity: 1;
}
.roundTwo label::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #748d77 none repeat scroll 0 0;
  border-radius: 20px;
  content: "";
  height: 14px;
  left: -2px;
  opacity: 0;
  position: absolute;
  top: -2px;
  width: 14px;
}
.roundTwo label {
  cursor: pointer;
  height: 20px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 20px;
}

/*** ********************  View Earning ************************  **/

.earning-block {
  width: 35%;
  border: 1px solid #333;
  padding: 20px;
  margin: 20px auto;
  border-radius: 10px;
  background: #f1f1f1;
}
.earning-value {
  font-size: 30px;
  font-weight: bold;
  margin-left: 50px;
  margin-top: 10px;
}
.earning-heading {
  float: left;
  font-size: 20px;
  width:85%;
}
.earning-icon {
  float: left;
  font-size: 30px !important;
	width:50px;
}

.empty-message {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #ccc;
  border-radius: 10px;
  color: #566e56;
  font-size: 22px;
  margin: 20px 0;
  padding: 20px;
  text-align: center;
  text-transform: none;
}
/*   Withdraw Page */

#withdraw
{
	background-color: #77c41e;
    border-radius: 11px;
    border-width: 0;
    color: #ffffff;
    display: block;
    font-family: Arial;
    font-size: 20px;
    padding: 7px 27px 7px 26px;
    text-decoration: none;
}
.div-table{
    background-color: #eee;
    border: 1px solid #d6d6d6;
    border-radius: 15px;
    border-spacing: 5px;
    display: table;
    margin: 10px;
    padding: 10px;
}
.div-table-row{
  display:table-row;
  width:auto;
  height:70px;
  clear:both;
  
}
.div-table-col{
  display: table-column;
    float: left;
    margin-right: 28px;
    width: 340px;        
 /* background-color:#ccc;*/  
}
 .div-table-col > input, .div-table-col > textarea {
  -moz-border-radius: 15px;
  border-radius: 11px;
  height: 40px;
   border: 1px solid #d6d6d6;
 }
 .grid-audio-detail .nobr {
  display: block;
  height: 25px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  word-wrap: break-word;
}

.grid-audio-detail .icon-set a {color:#FFF !important;}

td .block-col-img 
{
  height: 110px;
  width: 110px;
}
td .block-col-img .play-on-image {
  color: #fff;
  cursor: pointer;
  font-size: 38px !important;
  left: 38%;
  position: absolute;
  top: 34%;
}


/* social share icom */ 
.share-g{font-size:22px !important;color:#d72a25; cursor:pointer;}
.share-t{font-size:22px !important;color:#22bbf4;cursor:pointer;}
.share-f{font-size:22px !important;color:#314a87;cursor:pointer;}
.share-it > ul {
  display: none;
  position: absolute;
  right: 20%;
  text-align: right;
  top: 0px;
  width: 50px;
}
.share-it ul li {
  padding: 2px 0;
}
.share-it ul li:nth-child(1), .share-it ul li:nth-child(3) {
  margin-right: 13px;
}
.share-it ul li:nth-child(3) {
  margin-right: 17px;
}
.share-it{position:relative;}


.share-it-grid > ul {
  bottom: -22px;
  display: none;
  position: absolute;
  right: -15px;
  text-align: right;
  width: 48%;
  padding-top:10px;
}
.share-it-grid ul li {

  float: left;
  padding: 2px 0;
  text-align: center;
  width: 33%;
  cursor:pointer;
}
.share-it-grid ul li span{font-size:22px !important;}
.share-it-grid{position:relative;}

.view-popup {
  border: 2px solid #ccc;
  height: auto;
  left: 38%;
  padding: 20px;
  position: fixed;
  top: 50%;
  min-width: 250px;
  z-index: 99;
  background: #fff;
  color: #000;
  text-align:center;
}
.please-wait img {
  left: 44%;
  position: absolute;
}
.block-row .share-it > ul {
  display: none;
  position: absolute;
  right: -18px;
  text-align: right;
  top: -10px;
  width: 50px;
}
.myupload_block .block-row .share-it > ul {
  display: none;
  position: absolute;
  right: 11px;
  text-align: right;
  top: 40px;
  width: 50px;
}


/*  Help And Support   */
.help-support
{
	left: 50%;
    margin: 20px auto;
    position: absolute;
    top: 50%;
}
#report_name {
    width: 20%;
}
#report > input {
 border: 1px solid #d6d6d6;
    border-radius: 11px;
}
#reportissue {
  float: left;
  height: 10%;
  margin: 10px 0;
  width: 100%;
}

.report > input {
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    height: 29px;
    width: 100%;
}

.main-report {
    display: table;
    margin: 10px;
    padding: 10px;
    width: 95%;
}
textarea {
	 border: 1px solid #d6d6d6;
    border-radius: 5px;
    width: 100%;
}
.report {
    width: 330px;
}
.helpsupportform
{
  left: 50%;
  margin: 0 auto;
  width: 50%;
}
.support-font {
       color: #4a62bc;
    font-size: 20px;
    font-weight: bold;
    margin-left: -23%;
    padding: 24px;
}

.cms-help-support .main-container {
  padding: 0 !important;
}
/*
form {
    margin: 0 auto;
    width: 50%;
}*/

/* Withdraw */
.withdraw-earning-block {
	
	background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    float: left;
    height: 85px;
    margin: 10px 18px 53px auto;
    padding: 10px;
    width: 21%;
}
.withdraw-earning-heading
{
	float: left;
    font-size: 14px;
    font-weight: bold;
}
.withdraw-earning-value
{
	 font-size: 19px;
    font-weight: bold;
    margin-left: 50px;
}

/* Home page - 28-7-15 Shailesh virani */

.cms-home .main-container{padding:0!important;}

.listen-share-discover-left{float:left; width:50%;}
.listen-share-discover-left h2 {
  color: #fff;
  font-size: 40px;
  font-weight: bold !important;
  text-transform: capitalize;
}
.listen-share-discover-left p {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  margin: 0;
}
.listen-share-discover-left .downloadinfo {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  margin: 34px 0 77px;
}
.listen-share-discover-left .downloadinfo span {
  font-size: 30px;
  margin-left: 15px;
  padding-top: 5px;
}
.listen-share-discover-left > form {
  background: #a7c586 none repeat scroll 0 0;
  border: 5px solid #a7c586;
  border-radius: 5px;
  width: 95%;
}

.icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid, .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button::before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number::after, .ratings-table .rating-box, .ratings-table .rating-box .rating {background:none!important}


.cms-how-it-works .audio-way {
  background-color: #fafafa;
  float: left;
  margin-left: 0;
  width: 100%;
}
.audio-way {
background-color: #fafafa;
float: left;
width: 100%;   
}
	.audio-way-left {
  float: left;
  padding-top: 60px;
  width: 44%;
}
.audio-way-left img {margin:0 auto}
.audio-way-right {
  float: left;
  width: 54%;
}
.audio-way-right {
  padding-left: 10px;
  padding-top: 70px;
}
.audio-way-right h2 {
  color: #728cee;
  font-size: 30px;
  font-weight: bold;
  text-transform: capitalize;
}
.audio-way-right p {color:#373439; font-size:18px; width:75%; margin-bottom:25px !important}
.audio-way-right .get_app {
  font-size: 22px !important;
  font-weight: bold;
  margin-bottom: 25px !important;
}
.audio-way-right .download_app{color: #97cc34; font-size:16px;}
.audio-way-right .download_app span{font-size: 30px; margin-left: 10px;}


.home-category {
  float: left;
  padding: 90px 0 80px 8.5%;
  width: 100%;
}
.home-category-left {
  float: left;
  width: 27%;
}
.home-category-right {
  float: left;
  padding-left: 0;
  width: 67%;
}
.home-category-left h2, .home-category-right h2 {
  color: #728cee;
  font-size: 32px;
  font-weight: bold;
  padding-bottom: 30px;
  text-transform: none;
}
.home-category-left ul {
  background-color: #fafafa;
  border-radius: 10px;
  list-style: outside none none;
  padding: 15px 15px 15px 0;
}
.home-category-left ul li {
  display: block !important;
  margin-left: 1em;
  padding-top: 5px;
}
.home-category-left li .fa-volume-up {
  font-size: 18px;
  padding-right: 10px;
}
.home-category-right .gird-collum {
  margin: 0 2px 4px;
}
.home-category-left .sub a {color: #777777;font-size: 18px; text-transform: capitalize;}


.home-recommended {
  background-color: #fbfbfb;
  float: left;
  padding: 50px 8.5%;
  width: 100%;
}.home-recommended-left{width:73%; float:left}
.home-recommended-right{width:25%; float:left}
.home-recommended-left .gird-collum {
  margin: 0 2px 4px;
}
.home-recommended-left h2, .home-recommended-right h2 {
  color: #728cee;
  font-size: 32px;
  font-weight: bold;
  text-transform: none;
}
.home-recommended-right-content {padding:15px; background-color:#fff; border-radius: 10px;}
.home-recommended-right-content h2{color:#444444; font-size:26px; font-weight:bold; margin:0; padding-top:30px;}
.home-recommended-right-content p{color:#777777; font-size:12px;} 
.home-recommended-right-content .ar_type{font-weight:bold; padding:5px 0 20px; margin: 0; }
.home-recommended-right-content a{color:#99cc33; font-size:12px;} 
.home-recommended-right-content .viewall{color:#488030; font-weight:bold; font-size:14px;}

.home-how-work {
  background-color: #4a62bc;
  float: left;
  padding: 49px 0 49px 12%;
  width: 100%;
}

.home-how-work-left {
  float: left;
  margin-right: 37px;
  width: 43%;
}
.home-how-work-left h2 {
  color: #99cc33;
  font-size: 28px;
  font-weight: bold;
  text-transform: none;
}
.home-how-work-left p {color:#ffffff; font-size:18px;}
.home-how-work-left a{color:#99cc33; font-size:18px;}
.home-how-work-right {
  float: left;
  width: 50%;
  padding-left: 10px;
}





/* Dashboard - shailesh virani - 28-7-15 */

.useraudio-dashboard-index .main-container{padding:0!important}
.section_2 .home-recommended {
  background-color: #fff;
  padding-top: 20px;
}
.section_2 .earning-block{width:100%!important; border:0!important; margin: 10px auto 0;  padding: 10px 10px 0;background:#FFF; }
.section_2 .home-recommended-right-content{border:1px solid #ccc!important;  padding: 10px 0 20px 5px!important; background:#FFF;}
.section_2 .earning-icon {
  font-size: 24px !important;
  width: 40px;
}
.section_2 .earning-value {
  font-family: robotobold;
  font-size: 30px;
  font-weight: bold;
  margin-left: 40px;
  margin-top: 1px;
}
.section_2 .earning-heading {
  float: none;
  font-size: 16px;
  font-weight: bold;
  width: auto;
}

.view_earning_withdraw a {padding:5px 10px; color:#fff; font-weight:bold; font-size:13px; border-radius: 5px;}
.view_earning_withdraw .view_earning{background-color:#4a62bc;}
.view_earning_withdraw .withdraw{background-color:#76c41e;}

.useraudio-dashboard-index .section_3 {
  padding: 0;
}
.useraudio-dashboard-index .section_2 {padding-bottom:30px;}
.useraudio-dashboard-index .audio-way {
  background-color: #dddddd;
  float: left;
  margin-left: 0;
  padding-bottom: 60px;
  padding-left: 8%;
  width: 100%;
}

/************* order success ********************************/

.sucess-orderid {
  height: 20px;
  text-align: left;
  width: 100%;
}
.order-sucess-container {
  background-color: #eceaeb;
  margin: 10px auto 0;
  padding: 15px;
  width: 60%;
}
.right {
  float: right !important;
}
.left {
  float: left;
}
.order-success {
  background-color: #fff !important;
  border: 0 solid #333 !important;
  color: #999 !important;
  float: none !important;

  margin: 10px auto 0 !important;
  width: 100% !important;
  min-height:100px !important
  /*  height: auto !important;*/
}
.order-success h3 {
  margin: 0 !important;
  font-size: 17px !important;
  text-transform: none;
}
.order-success .block-col-name{text-align:left;}
.order-sucess-container  .block-col-name {
  float: left;
  padding-left: 16px;
  width: 76%;
}
.img-back {
  background-color: #000;
  border: 1px solid;
  border-radius: 10px;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.order-more{font-size:20px !important;cursor:pointer;}
.continu-edu{color:#C00;margin-left:30px; text-transform:capitalize; }
.order-sucess-container .continu-edu{margin-left:30%;}
.order-success .nobr {
  display: block;
  float: left;
  width: 99%;
  white-space: normal;
}
/* How its Work -- shailesh virani -- 29-7-15 */

/*.how_its_work{float:left; width:100%;}
.how_its_work .page_title {background-image:url('../images/title_back.png'); height:120px;}
.how_its_work .page_title h1 {padding:40px 15%; color:#fff!important; font-weight:bold; font-size:36px; margin:0; text-transform: capitalize;}
.audio-way-right {padding:70px 0 50px;}
.how_its_work .audio-way {padding: 0 15%;}
.how_its_work  .audio-way-first {background-color:#99cc33}
.how_its_work  .audio-way-first .audio-way-right h2 {color:#fff!important}
.how_its_work .audio-way-first .audio-way-right p {
  color: #fff !important;
  font-size: 18px;
  font-weight: bold;
  font-style: unset;
}
.how_its_work  .audio-way-first  .audio-way-left{padding:50px 0!important}
.how_its_work .audio-way-second .audio-way-left {padding:50px 0!important}
.how_its_work .audio-way-second .audio-way-left img {margin-left:0!important}
.audio-way-second .audio-way-right {padding-left: 3%;}
.audio-way-right p {width: 84%;}
.audio-way-second .audio-way-right p {width: 89%;}
.audio-way-second .audio-way-right .download_app{color: #97cc34 !important;}

.how_its_work  .home-how-work-left h2 {color: #fff !important;font-size: 30px;text-transform:capitalize;}
.how_its_work .home-how-work-left p {
  color: #fff !important;
  width: 85%;
  font-style:normal !important
}
.how_its_work  .home-how-work-left a {color:#fff!important; font-size:18px!important; }
.how_its_work  .home-how-work-left a span{margin-left:10px;}*/

.cms_page { float:left; width:100%; }
.cms_page .page_title { background-image:url('../images/title_back.png'); height:120px; }
.cms_page .page_title h1 { padding:40px 15%; color:#fff!important; font-weight:bold; font-size:36px; margin:0; text-transform: capitalize; }
.cms_page .page_content { margin:0; padding:40px 15%; }

/****************************************** Footer ****/
.footer .fa-arrow-circle-right{
  font-size: 14px !important;
  padding-right: 5px;
}

.footer .fa-android, .footer .fa-apple {
  font-size: 18px !important;
  padding-right: 5px;
}
.footer-address{
	text-transform:none;
	font-weight:bold;
	font-size:15px;}

.audio-name {
  clear: both;
  font-size: 18px;
  font-weight: bold;
  height: 44px;
  line-height: 1;
  overflow: hidden;
  padding-top: 20px;
  text-overflow: ellipsis;
  white-space: pre;
  width: 225px;
  word-wrap: inherit;
}
.logout {
  color: #fff !important;
  font-family: robotobold;
  font-size: 16px;
  text-transform: uppercase;
}

/***************** dashboard  ******************/

.inner_section_1 {
  margin: 0 0 0 8%;
  width: 83%;
}
.inner_section_1 .favorite_block  .block-row, .inner_section_1 .playlist_block  .block-row{background: none;
    border-bottom: 1px solid #ccc;}
.inner_section_1 .favorite_block .icon-set > a, .inner_section_1 .playlist_block .icon-set > a{ padding:0px; margin:0px}	



/***  Congigure Main / Set main margin **/

.catalog-category-view .main,
.useraudio-content-myupload .main,
.useraudio-dashboard-profile .main,
.useraudio-dashboard-history .main,
.useraudio-dashboard-withdrawpage .main,
.useraudio-dashboard-viewearning .main,
.useraudio-dashboard-mydownload .main,
.useraudio-content-newcontent .main,
.catalog-product-view .main,
.checkout-cart-index .main,
.checkout-onepage-index .main,
.catalogsearch-result-index .main,
.useraudio-dashboard-playlist .main,
.useraudio-dashboard-favorite .main,
.downloadable-customer-products .main,
.useraudio-content-search .main,
.customer-account-resetpassword .main,
.customer-account-forgotpassword .main,
.checkout-onepage-failure .main

{
	margin-left: 7% !important;
	padding-top: 50px;
	width: 85%;
}
em {
  margin-right: 4px;
}
.catalog-category-view .col-main {
  float: left;
  width: 71%;
}
.catalog-category-view .col-left {
  clear: left;
  float: left;
  padding-left: 0;
  width: 28%;
}

/************************************  Category PAge ***/

.sidebar .home-category-left {
  width: 100%;
}
/*  Contact us page */
.contacts-index-index .main-container, 
.cms-how-it-works .main-container,
.cms-why-use-useraudio .main-container,
.cms-user-commandments .main-container,
.cms-about-useraudio .main-container,
.cms-video-tutorials .main-container,
.catalogsearch-result-index .main-container,
.cms-faq .main-container,  
.cms-ratings-guidelines .main-container,
.cms-privacy-policy .main-container,
.cms-terms-of-use .main-container,
.cms-copyright .main-container
{
	padding: 0 !important;
}

.cms-about-useraudio .col-main .col3-set, 
.cms-why-use-useraudio .col-main .col3-set,
.cms-video-tutorials .col-main .col3-set,
.cms-faq .col-main .col3-set {
    margin-left: 7% !important;
    width: 85%;
}

.cms_page .page_content p{
    color: #333 !important;
    font-size: 15px !important;
    line-height: 24px;
    text-align: justify !important;
}
.cms_page ul li {color:#333 !important; font-style:normal !important; line-height:30px !important}
.page_content > i {
    display: block;
    font-size: 17px;
    margin: 30px 0 15px !important;
}
.page_content u {
    color: #000;
}

.bold-ulli li {
  color: #000;
  font-style: normal !important;
  font-weight: bold;
  list-style: outside none none;
  text-decoration: none;
  text-orientation: mixed;
}
.bold-title {
  font-weight: bold;
}
.yesno-ulli > li {
  font-style: normal !important;
}
.ul-title {
  margin-left: 20px !important;
}
.yesno-ulli {
  color: #333 !important;
  margin-left: 40px;
}
.subpoint {
  margin-left: 10%;
  width: 100%;
}

.catalogsearch-result-index .gird-collum {
    min-height: 250px;
}
.catalogsearch-result-index .gird-row {
    min-height: 250px;
}
.rating-table td, .rating-table th {
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  padding: 20px;
  vertical-align: top;
}
.rating-table td p{  font-size: 16px;}
.rating-table th {
  font-size: 18px;
  font-weight: bold;
}
.page_content h4 {
  font-size: 16px;
  text-transform: none;
}
.page_content h5 {
  font-size: 17px;
  text-transform: none;
  color:#333;
}
#my-downloadable-products-table th {
  font-size: 17px;
  font-weight: bold;
  text-align: left;
  text-transform: capitalize;
}
#cheque > label, #paypal > label {
  font-size: 18px;
  margin-left: 10px;
  margin-top: 3px;
  margin-right: 10px;
}



.useraudio-dashboard-index .review-form {
  background: #fff none repeat scroll 0 0;
  border: 0 none;
  clear: both;
  display: block;
  height: 139px;
  left: 25%;
  margin: 0 auto;
  overflow: hidden;
  padding: 9px 14px;
  position: fixed;
  top: 30%;
  width: 260px;
  z-index: 9999;
}


/**** search ***/

.search-category {

  border-image: none;
  border-style: none solid none none;
  border-width: medium 1px medium medium;
  float: left;
  height: 40px;
  margin-left: 0;
  margin-top: 1px;
  padding: 10px;
  width: 22%;
  
}

.search-title {
  color: #fff;
  font-size: 30px;
  text-transform: capitalize;
  font-weight: normal !important;
}
select{  -moz-appearance: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-image: url("../images/dropdown.png");
  background-position: 96% 49%;
  background-repeat: no-repeat;
  -webkit-appearance:initial;
    border-color: #ccc;
  border-image: none;

  }
.search-btn {
  background-color: #88da30 !important;
  border: medium none;
  border-radius: 0 10px 10px 0;
  color: #fff !important;
  float: left;
  font-size: 17px !important;
  height: 42px !important;
  margin: 0 !important;
  width: 14% !important;
}
.search-btn span {
  font-family: robotolight;
  font-weight: bold;
  padding-left: 2px;
  text-transform: uppercase;
}
.useraudio-serach {
  background-color: #b2c1ae;
  border: 10px solid #b2c1ae;
  border-radius: 8px;
  float: left;
  height: auto;
  width: 100%;
}
.search-keyword {
  float: left;
  width: 42% !important;
  height: 42px !important;
}
#search {
  border-left: 0 none;
  border-radius: 0 !important;
}	

.catalogsearch-result-index .layout-filter 
{
 float: left;
    height: 40px;
    margin: 0 0 20px;
    width: 45%;
}
.catalogsearch-result-index .layout-filter li
{
 height: 55px !important;
 background-color: #f0f0f0; 
}

.catalogsearch-result-index .layout-filter .fa-chevron-down
{
 float: left;
 font-size: 15px;
 margin-left: -27px;
 margin-top: 18px !important;
}
.catalogsearch-result-index .layout-filter li .search-category
{
 border: 0 none;
 border-radius: 11px;
 float: left;
 height: 43px;
 margin: 5px 0 0 8px;
 padding: 0 0 0 10px;
 width: 95%;
}
.catalogsearch-result-index .layout-filter li:first-child {
  border-radius: 19px;
  width: 75%;
}
.catalogsearch-result-index h3
{
 margin-left: 10px;
}

.search-page-title {
  color: #888;
  font-size: 30px !important;
  text-transform: capitalize;
  width: 100%;
}
.search-page-filter {
  background: #eee none repeat scroll 0 0;
  border-radius: 10px;
  float: left;
  height: 63px;
  padding: 10px;
  width: 40%;
}
.search-page-filter select {
  border-radius: 5px;
  font-size: 17px;
  padding: 0 0 0 10px;
  width: 100%;
}

.search-grid .grid-audio-detail {
  padding: 0;
}
	.search-audio-detail {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  height: 65%;
  padding: 20px 20px 0;
  display:none;
}
.search-grid .gird-collum:hover .search-audio-detail{display:block;}
.audio-detail-lable {
  color: #fff !important;
  font-size: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.search-grid .icon-set {
  bottom: 0;
  padding-top: 0px !important;
  position: absolute;
  margin-top: 0px !important;
  text-align: center;
}
.search-grid .gird-collum .icon-set .ua-icon {
    font-size: 70px !important;
}	
.browse-btn .fa.fa-file-sound-o, .browse-btn .fa.fa-file-photo-o {
  font-size: 25px !important;
  margin-top: 7px !important;
}
.date_from_trig {
  left: 49%;
  position: absolute;
  top: 12px;
  width: 23px;
}
.list-audio-title a {color:#333 !important}

ul.messages {
  left: 9%;
  position: fixed;
  top: 80px;
  width: 81%;
  z-index: 2147483647;
}
.not_available {
  bottom: 10px;
  color: #333;
  font-size: 16px;
  position: absolute;
  right: 47px;
}
#advice-required-entry-add_content {
  position: relative;
  top: 36px;
  z-index: 9999;
}
#advice-required-entry-review_field {
  margin-left: 20%;
  padding-bottom: 4px;
}
#advice-required-entry-date_from {
  position: absolute;
  top: 40px;
}
select::-ms-expand {
    display: none;
}
select 
{    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none;  /*Removes default style Firefox*/
     text-indent: 0.01px;  
}

.search-duration {
  bottom: 7px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  right: 15px;
}
.catalogsearch-result-index .layout-filter 
{
	float: left;
    height: 40px;
    margin: 0 0 20px;
    width: 45%;
}
.catalogsearch-result-index .layout-filter li
{
	height: 55px !important;
	background-color: #f0f0f0; 
}

.catalogsearch-result-index .layout-filter .fa-chevron-down
{
	float: left;
	font-size: 15px;
	margin-left: -27px;
	margin-top: 18px !important;
}
.catalogsearch-result-index .layout-filter li .search-category
{
	border: 0 none;
	border-radius: 11px;
	float: left;
	height: 43px;
	margin: 5px 0 0 8px;
	padding: 0 0 0 10px;
	width: 95%;
}
.catalogsearch-result-index .layout-filter li:first-child {
  border-radius: 19px;
  width: 75%;
}
.catalogsearch-result-index h3
{
	margin-left: 10px;
}

.password_form {
  border: 1px solid #ccc;
  border-radius: 10px;
  margin: 0 auto;
  padding: 30px;
  width: 50%;
}