/*
Theme Name: MobCupRingtones
*/
.checkbox,
.input-group-addon.has-checkbox,
.input-group-addon.has-radio,
.radio {
    position: relative;
    -webkit-transition: color linear .2s;
    -o-transition: color linear .2s;
    transition: color linear .2s;
    overflow: hidden
}

.checkbox.checked .ctrl-overlay,
.input-group-addon.has-checkbox.checked .ctrl-overlay,
.input-group-addon.has-radio.checked .ctrl-overlay,
.radio.checked .ctrl-overlay {
    content: "\f00c";
    background-color: #9b59b6;
    -webkit-transition: background-color linear .2s;
    -o-transition: background-color linear .2s;
    transition: background-color linear .2s
}

.checkbox.disabled .ctrl-overlay,
.input-group-addon.has-checkbox.disabled .ctrl-overlay,
.input-group-addon.has-radio.disabled .ctrl-overlay,
.radio.disabled .ctrl-overlay {
    background-color: #bcc1c7
}

.checkbox:hover,
.input-group-addon.has-checkbox:hover,
.input-group-addon.has-radio:hover,
.radio:hover {
    color: #9b59b6;
    -webkit-transition: color linear .2s;
    -o-transition: color linear .2s;
    transition: color linear .2s
}

.checkbox input[type=checkbox],
.checkbox input[type=radio],
.input-group-addon.has-checkbox input[type=checkbox],
.input-group-addon.has-checkbox input[type=radio],
.input-group-addon.has-radio input[type=checkbox],
.input-group-addon.has-radio input[type=radio],
.radio input[type=checkbox],
.radio input[type=radio] {
    opacity: 0;
    outline: 0 !important
}

.form-inline .checkbox>label>input[type=checkbox],
.form-inline .checkbox>label>input[type=radio],
.form-inline .radio>label>input[type=checkbox],
.form-inline .radio>label>input[type=radio] {
    margin-top: 0;
    margin-right: 6px
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    padding-top: 0
}

.checkbox-inline,
.radio-inline {
    margin-top: 0
}

.input-group-addon.has-checkbox .ctrl-overlay,
.input-group-addon.has-radio .ctrl-overlay {
    display: block;
    position: relative;
    cursor: pointer;
    color: #d8dbde;
    background-color: transparent;
    width: 14px
}

.input-group-addon.has-checkbox input[type=checkbox],
.input-group-addon.has-checkbox input[type=radio],
.input-group-addon.has-radio input[type=checkbox],
.input-group-addon.has-radio input[type=radio] {
    display: none
}

.input-group-addon.has-checkbox.checked .ctrl-overlay,
.input-group-addon.has-radio.checked .ctrl-overlay {
    color: #9b59b6;
    background-color: transparent
}

.input-focused .input-group-addon.checked>.ctrl-overlay {
    color: #fff !important
}

.checkbox,
.radio {
    padding-left: 30px
}

.radio .ctrl-overlay {
    border-radius: 100px
}

.ctrl-overlay {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    line-height: 21px;
    background-color: #bcc1c7;
    border-radius: 3px;
    color: #fff;
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    -webkit-transition: background-color linear .2s;
    -o-transition: background-color linear .2s;
    transition: background-color linear .2s
}

.toggle {
    position: relative;
    width: 70px;
    height: 30px;
    margin-bottom: 10px;
    border-radius: 500px;
    overflow: hidden;
    background-color: #bcc1c7;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}

.toggle input {
    opacity: 0;
    outline: 0;
    display: none
}

.toggle>em,
.toggle>em[class^=icon-] {
    position: absolute;
    font-size: 24px;
    line-height: 30px;
    right: auto;
    left: 0;
    margin-left: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: margin-left .3s ease-out;
    -o-transition: margin-left .3s ease-out;
    transition: margin-left .3s ease-out
}

.toggle .toggle-off,
.toggle .toggle-on {
    width: 50px;
    height: 30px;
    margin-left: 20px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700
}

.toggle .toggle-off {
    display: block
}

.toggle .toggle-on {
    display: none
}

.toggle.on {
    background-color: #9b59b6;
    -webkit-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}

.toggle.on>em {
    margin-left: 40px;
    -webkit-transition: margin-left .3s ease-out;
    -o-transition: margin-left .3s ease-out;
    transition: margin-left .3s ease-out
}

.toggle.on .toggle-on {
    display: block;
    margin-left: 0
}

.toggle.on .toggle-off {
    display: none
}

.toggle.disabled {
    background-color: #bcc1c7
}

.toggle.toggle-square {
    border-radius: 6px
}

.toggle-success.on {
    background-color: #27ae60
}

.toggle-warning.on {
    background-color: #f5af41
}

.toggle-info.on {
    background-color: #3498db
}

.toggle-danger.on {
    background-color: #d94d3f
}

.dropdown-toggle.dropdown-selectasd {
    width: 100%;
    text-align: left !important;
    float: none
}

.dropdown-toggle.dropdown-selectasd .caret {
    position: absolute;
    right: 10px;
    top: 45%
}

.dropdown-toggle.dropdown-selectasd+.dropdown-menu {
    width: 100%
}

.input-group.input-icon .form-control,
.input-group.input-icon.input-focused .form-control {
    outline: 0 !important
}

.input-group.input-icon.input-focused>.input-group-addon,
.input-group.input-icon.input-focused>.input-group-addon:hover,
.input-group.input-icon>.input-group-addon,
.input-group.input-icon>.input-group-addon:hover {
    border-width: 2px;
    background-color: #fff !important;
    color: #bcc1c7 !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s
}

.input-group.input-icon .input-group-addon+.form-control,
.input-group.input-icon.input-focused .input-group-addon+.form-control {
    border-left-width: 0;
    border-right-width: 0
}

.input-group.input-icon.input-focused>.form-control:first-child,
.input-group.input-icon>.form-control:first-child {
    border-right-width: 0
}

.input-group.input-icon.input-focused>.form-control:last-child,
.input-group.input-icon>.form-control:last-child {
    border-right-width: 2px
}

.table-bordered.bordered-primary,
.table-bordered.bordered-primary td,
.table-bordered.bordered-primary th,
.table-bordered.bordered-primary tr {
    border-color: #9b59b6
}

.table-bordered.bordered-danger,
.table-bordered.bordered-danger td,
.table-bordered.bordered-danger th,
.table-bordered.bordered-danger tr {
    border-color: #d94d3f
}

.table-bordered.bordered-info,
.table-bordered.bordered-info td,
.table-bordered.bordered-info th,
.table-bordered.bordered-info tr {
    border-color: #3498db
}

.table-bordered.bordered-success,
.table-bordered.bordered-success td,
.table-bordered.bordered-success th,
.table-bordered.bordered-success tr {
    border-color: #27ae60
}

.table-bordered.bordered-warning,
.table-bordered.bordered-warning td,
.table-bordered.bordered-warning th,
.table-bordered.bordered-warning tr {
    border-color: #f1c40f
}

.table-bordered.bordered-inverse,
.table-bordered.bordered-inverse td,
.table-bordered.bordered-inverse th,
.table-bordered.bordered-inverse tr {
    border-color: #2c3e50
}

table.header-primary thead {
    background-color: #9b59b6;
    color: #fff
}

table.header-primary tbody>tr:first-child>td {
    border-top: 0
}

table.header-danger thead {
    background-color: #d94d3f;
    color: #fff
}

table.header-danger tbody>tr:first-child>td {
    border-top: 0
}

table.header-info thead {
    background-color: #3498db;
    color: #fff
}

table.header-info tbody>tr:first-child>td {
    border-top: 0
}

table.header-success thead {
    background-color: #27ae60;
    color: #fff
}

table.header-success tbody>tr:first-child>td {
    border-top: 0
}

table.header-warning thead {
    background-color: #f1c40f;
    color: #fff
}

table.header-warning tbody>tr:first-child>td {
    border-top: 0
}

table.header-inverse thead {
    background-color: #2c3e50;
    color: #fff
}

table.header-inverse tbody>tr:first-child>td {
    border-top: 0
}

.btn-icon {
    padding-left: 10px;
    padding-right: 10px
}

.btn-icon em {
    display: inline-block;
    width: 1.28571429em;
    text-align: center
}

.btn-transparent {
    background-color: transparent;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.btn-transparent:hover {
    color: #fff !important;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.btn-transparent.btn-primary {
    color: #9b59b6
}

.btn-transparent.btn-danger {
    color: #d94d3f
}

.btn-transparent.btn-warning {
    color: #f5af41
}

.btn-transparent.btn-info {
    color: #3498db
}

.btn-transparent.btn-success {
    color: #27ae60
}

.btn-facebook {
    color: #fff;
    background-color: #2e4a88;
    border-color: #2e4a88
}

.btn-facebook.active,
.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover,
.open>.dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #385ba6;
    border-color: #385ba6
}

.btn-facebook.active,
.btn-facebook:active,
.open>.dropdown-toggle.btn-facebook {
    background-image: none
}

.btn-facebook.disabled,
.btn-facebook.disabled.active,
.btn-facebook.disabled:active,
.btn-facebook.disabled:focus,
.btn-facebook.disabled:hover,
.btn-facebook[disabled],
.btn-facebook[disabled].active,
.btn-facebook[disabled]:active,
.btn-facebook[disabled]:focus,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook,
fieldset[disabled] .btn-facebook.active,
fieldset[disabled] .btn-facebook:active,
fieldset[disabled] .btn-facebook:focus,
fieldset[disabled] .btn-facebook:hover {
    background-color: #2e4a88;
    border-color: #2e4a88
}

.btn-facebook .badge {
    color: #2e4a88;
    background-color: #fff
}

.btn-twitter {
    color: #fff;
    background-color: #008dde;
    border-color: #008dde
}

.btn-twitter.active,
.btn-twitter:active,
.btn-twitter:focus,
.btn-twitter:hover,
.open>.dropdown-toggle.btn-twitter {
    color: #fff;
    background-color: #08a5ff;
    border-color: #08a5ff
}

.btn-twitter.active,
.btn-twitter:active,
.open>.dropdown-toggle.btn-twitter {
    background-image: none
}

.btn-twitter.disabled,
.btn-twitter.disabled.active,
.btn-twitter.disabled:active,
.btn-twitter.disabled:focus,
.btn-twitter.disabled:hover,
.btn-twitter[disabled],
.btn-twitter[disabled].active,
.btn-twitter[disabled]:active,
.btn-twitter[disabled]:focus,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter,
fieldset[disabled] .btn-twitter.active,
fieldset[disabled] .btn-twitter:active,
fieldset[disabled] .btn-twitter:focus,
fieldset[disabled] .btn-twitter:hover {
    background-color: #008dde;
    border-color: #008dde
}

.btn-twitter .badge {
    color: #008dde;
    background-color: #fff
}

.btn-google {
    color: #fff;
    background-color: #cc3622;
    border-color: #cc3622
}

.btn-google.active,
.btn-google:active,
.btn-google:focus,
.btn-google:hover,
.open>.dropdown-toggle.btn-google {
    color: #fff;
    background-color: #de4c39;
    border-color: #de4c39
}

.btn-google.active,
.btn-google:active,
.open>.dropdown-toggle.btn-google {
    background-image: none
}

.btn-google.disabled,
.btn-google.disabled.active,
.btn-google.disabled:active,
.btn-google.disabled:focus,
.btn-google.disabled:hover,
.btn-google[disabled],
.btn-google[disabled].active,
.btn-google[disabled]:active,
.btn-google[disabled]:focus,
.btn-google[disabled]:hover,
fieldset[disabled] .btn-google,
fieldset[disabled] .btn-google.active,
fieldset[disabled] .btn-google:active,
fieldset[disabled] .btn-google:focus,
fieldset[disabled] .btn-google:hover {
    background-color: #cc3622;
    border-color: #cc3622
}

.btn-google .badge {
    color: #cc3622;
    background-color: #fff
}

.btn-rss {
    color: #fff;
    background-color: #f88f25;
    border-color: #f88f25
}

.btn-rss.active,
.btn-rss:active,
.btn-rss:focus,
.btn-rss:hover,
.open>.dropdown-toggle.btn-rss {
    color: #fff;
    background-color: #f9a34d;
    border-color: #f9a34d
}

.btn-rss.active,
.btn-rss:active,
.open>.dropdown-toggle.btn-rss {
    background-image: none
}

.btn-rss.disabled,
.btn-rss.disabled.active,
.btn-rss.disabled:active,
.btn-rss.disabled:focus,
.btn-rss.disabled:hover,
.btn-rss[disabled],
.btn-rss[disabled].active,
.btn-rss[disabled]:active,
.btn-rss[disabled]:focus,
.btn-rss[disabled]:hover,
fieldset[disabled] .btn-rss,
fieldset[disabled] .btn-rss.active,
fieldset[disabled] .btn-rss:active,
fieldset[disabled] .btn-rss:focus,
fieldset[disabled] .btn-rss:hover {
    background-color: #f88f25;
    border-color: #f88f25
}

.btn-rss .badge {
    color: #f88f25;
    background-color: #fff
}

.btn-facebook em,
.btn-google em,
.btn-rss em,
.btn-twitter em {
    display: inline-block !important;
    text-align: center;
    width: 1em
}

[class*=btn-turn-],
[class*=btn-turn-]:hover {
    -webkit-transition: color .2s ease, background-color .2s ease;
    -o-transition: color .2s ease, background-color .2s ease;
    transition: color .2s ease, background-color .2s ease
}

.btn-turn-primary:hover {
    color: #fff;
    background-color: #9b59b6;
    border-color: #9b59b6
}

.btn-turn-primary:hover.active,
.btn-turn-primary:hover:active,
.btn-turn-primary:hover:focus,
.btn-turn-primary:hover:hover,
.open>.dropdown-toggle.btn-turn-primary:hover {
    color: #fff;
    background-color: #ac75c2;
    border-color: #ac75c2
}

.btn-turn-primary:hover.active,
.btn-turn-primary:hover:active,
.open>.dropdown-toggle.btn-turn-primary:hover {
    background-image: none
}

.btn-turn-primary:hover.disabled,
.btn-turn-primary:hover.disabled.active,
.btn-turn-primary:hover.disabled:active,
.btn-turn-primary:hover.disabled:focus,
.btn-turn-primary:hover.disabled:hover,
.btn-turn-primary:hover[disabled],
.btn-turn-primary:hover[disabled].active,
.btn-turn-primary:hover[disabled]:active,
.btn-turn-primary:hover[disabled]:focus,
.btn-turn-primary:hover[disabled]:hover,
fieldset[disabled] .btn-turn-primary:hover,
fieldset[disabled] .btn-turn-primary:hover.active,
fieldset[disabled] .btn-turn-primary:hover:active,
fieldset[disabled] .btn-turn-primary:hover:focus,
fieldset[disabled] .btn-turn-primary:hover:hover {
    background-color: #9b59b6;
    border-color: #9b59b6
}

.btn-turn-primary:hover .badge {
    color: #9b59b6;
    background-color: #fff
}

.btn-turn-warning:hover {
    color: #fff;
    background-color: #f5af41;
    border-color: #f5af41
}

.btn-turn-warning:hover.active,
.btn-turn-warning:hover:active,
.btn-turn-warning:hover:focus,
.btn-turn-warning:hover:hover,
.open>.dropdown-toggle.btn-turn-warning:hover {
    color: #fff;
    background-color: #f7bf68;
    border-color: #f7bf68
}

.btn-turn-warning:hover.active,
.btn-turn-warning:hover:active,
.open>.dropdown-toggle.btn-turn-warning:hover {
    background-image: none
}

.btn-turn-warning:hover.disabled,
.btn-turn-warning:hover.disabled.active,
.btn-turn-warning:hover.disabled:active,
.btn-turn-warning:hover.disabled:focus,
.btn-turn-warning:hover.disabled:hover,
.btn-turn-warning:hover[disabled],
.btn-turn-warning:hover[disabled].active,
.btn-turn-warning:hover[disabled]:active,
.btn-turn-warning:hover[disabled]:focus,
.btn-turn-warning:hover[disabled]:hover,
fieldset[disabled] .btn-turn-warning:hover,
fieldset[disabled] .btn-turn-warning:hover.active,
fieldset[disabled] .btn-turn-warning:hover:active,
fieldset[disabled] .btn-turn-warning:hover:focus,
fieldset[disabled] .btn-turn-warning:hover:hover {
    background-color: #f5af41;
    border-color: #f5af41
}

.btn-turn-warning:hover .badge {
    color: #f5af41;
    background-color: #fff
}

.btn-turn-danger:hover {
    color: #fff;
    background-color: #d94d3f;
    border-color: #d94d3f
}

.btn-turn-danger:hover.active,
.btn-turn-danger:hover:active,
.btn-turn-danger:hover:focus,
.btn-turn-danger:hover:hover,
.open>.dropdown-toggle.btn-turn-danger:hover {
    color: #fff;
    background-color: #e06d61;
    border-color: #e06d61
}

.btn-turn-danger:hover.active,
.btn-turn-danger:hover:active,
.open>.dropdown-toggle.btn-turn-danger:hover {
    background-image: none
}

.btn-turn-danger:hover.disabled,
.btn-turn-danger:hover.disabled.active,
.btn-turn-danger:hover.disabled:active,
.btn-turn-danger:hover.disabled:focus,
.btn-turn-danger:hover.disabled:hover,
.btn-turn-danger:hover[disabled],
.btn-turn-danger:hover[disabled].active,
.btn-turn-danger:hover[disabled]:active,
.btn-turn-danger:hover[disabled]:focus,
.btn-turn-danger:hover[disabled]:hover,
fieldset[disabled] .btn-turn-danger:hover,
fieldset[disabled] .btn-turn-danger:hover.active,
fieldset[disabled] .btn-turn-danger:hover:active,
fieldset[disabled] .btn-turn-danger:hover:focus,
fieldset[disabled] .btn-turn-danger:hover:hover {
    background-color: #d94d3f;
    border-color: #d94d3f
}

.btn-turn-danger:hover .badge {
    color: #d94d3f;
    background-color: #fff
}

.btn-turn-success:hover {
    color: #fff;
    background-color: #27ae60;
    border-color: #27ae60
}

.btn-turn-success:hover.active,
.btn-turn-success:hover:active,
.btn-turn-success:hover:focus,
.btn-turn-success:hover:hover,
.open>.dropdown-toggle.btn-turn-success:hover {
    color: #fff;
    background-color: #2ecf72;
    border-color: #2ecf72
}

.btn-turn-success:hover.active,
.btn-turn-success:hover:active,
.open>.dropdown-toggle.btn-turn-success:hover {
    background-image: none
}

.btn-turn-success:hover.disabled,
.btn-turn-success:hover.disabled.active,
.btn-turn-success:hover.disabled:active,
.btn-turn-success:hover.disabled:focus,
.btn-turn-success:hover.disabled:hover,
.btn-turn-success:hover[disabled],
.btn-turn-success:hover[disabled].active,
.btn-turn-success:hover[disabled]:active,
.btn-turn-success:hover[disabled]:focus,
.btn-turn-success:hover[disabled]:hover,
fieldset[disabled] .btn-turn-success:hover,
fieldset[disabled] .btn-turn-success:hover.active,
fieldset[disabled] .btn-turn-success:hover:active,
fieldset[disabled] .btn-turn-success:hover:focus,
fieldset[disabled] .btn-turn-success:hover:hover {
    background-color: #27ae60;
    border-color: #27ae60
}

.btn-turn-success:hover .badge {
    color: #27ae60;
    background-color: #fff
}

.btn-turn-info:hover {
    color: #fff;
    background-color: #3498db;
    border-color: #3498db
}

.btn-turn-info:hover.active,
.btn-turn-info:hover:active,
.btn-turn-info:hover:focus,
.btn-turn-info:hover:hover,
.open>.dropdown-toggle.btn-turn-info:hover {
    color: #fff;
    background-color: #57aae1;
    border-color: #57aae1
}

.btn-turn-info:hover.active,
.btn-turn-info:hover:active,
.open>.dropdown-toggle.btn-turn-info:hover {
    background-image: none
}

.btn-turn-info:hover.disabled,
.btn-turn-info:hover.disabled.active,
.btn-turn-info:hover.disabled:active,
.btn-turn-info:hover.disabled:focus,
.btn-turn-info:hover.disabled:hover,
.btn-turn-info:hover[disabled],
.btn-turn-info:hover[disabled].active,
.btn-turn-info:hover[disabled]:active,
.btn-turn-info:hover[disabled]:focus,
.btn-turn-info:hover[disabled]:hover,
fieldset[disabled] .btn-turn-info:hover,
fieldset[disabled] .btn-turn-info:hover.active,
fieldset[disabled] .btn-turn-info:hover:active,
fieldset[disabled] .btn-turn-info:hover:focus,
fieldset[disabled] .btn-turn-info:hover:hover {
    background-color: #3498db;
    border-color: #3498db
}

.btn-turn-info:hover .badge {
    color: #3498db;
    background-color: #fff
}

.accordion {
    margin-bottom: 1.42857143
}

.accordion-group {
    margin-bottom: 2px;
    border-radius: 4px
}

.accordion-heading {
    border-bottom: 0;
    background-color: #476674;
    border: 0;
    border-radius: 4px;
    border-left: 0 solid #9b59b6;
    -webkit-transition: border-left-width .3s linear;
    -o-transition: border-left-width .3s linear;
    transition: border-left-width .3s linear
}

.accordion-heading:hover {
    border-left-width: 6px;
    -webkit-transition: border-left-width .2s linear;
    -o-transition: border-left-width .2s linear;
    transition: border-left-width .2s linear
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 10px 15px;
    color: #fff
}

.accordion-toggle,
a.accordion-toggle {
    cursor: pointer;
    font-weight: 700
}

.accordion-toggle:focus,
.accordion-toggle:hover,
a.accordion-toggle:focus,
a.accordion-toggle:hover {
    outline: 0;
    text-decoration: none !important
}

.accordion-inner {
    padding: 9px 15px
}

.nav-stacked.nav-spaced li {
    margin-bottom: 10px
}

.nav-stacked.nav-spaced li a,
.nav-stacked.nav-spaced li a:focus,
.nav-stacked.nav-spaced li a:hover {
    border-width: 0;
    border-radius: 4px !important;
    background-color: #eee;
    color: #566678;
    font-weight: 700
}

.nav-stacked.nav-spaced li a:hover {
    color: #9b59b6
}

.nav-stacked.nav-spaced li.active a {
    background-color: #9b59b6;
    color: #fff
}

.nav-stacked.nav-spaced li.active .label {
    background: #fff;
    color: #777
}

.nav-tabs.nav-stacked {
    border-bottom: 0
}

.nav-tabs.nav-stacked>li>a {
    border: 2px solid #ddd;
    border-bottom-width: 0;
    border-radius: 0
}

.nav-tabs.nav-stacked>li:first-child>a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.nav-tabs.nav-stacked>li:last-child>a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-width: 2px
}

.nav-tabs.nav-stacked>li>a:focus,
.nav-tabs.nav-stacked>li>a:hover {
    border-color: #ddd;
    z-index: 2
}

.nav-pills.img-pills li a {
    color: #566678
}

.nav-pills.img-pills li.active a {
    color: #fff
}

.nav-pills.img-pills li img {
    border-radius: 3px;
    margin-right: 10px
}

.nav-stacked a:after,
.nav-stacked a:before {
    content: " ";
    display: table
}

.nav-stacked a:after {
    clear: both
}

.nav-stacked .toggle {
    margin: 0;
    float: right
}

.row.flush {
    margin: 0
}

.row.flush [class*=col-] {
    padding: 0
}

.row.flush [class*=col-] a>img {
    opacity: 1;
    -webkit-transition: opacity ease .3s;
    -o-transition: opacity ease .3s;
    transition: opacity ease .3s
}

.row.flush [class*=col-] a>img:hover {
    opacity: .8;
    -webkit-transition: opacity ease .3s;
    -o-transition: opacity ease .3s;
    transition: opacity ease .3s
}

.flex-video {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 16px;
    overflow: hidden
}

.flex-video.widescreen {
    padding-bottom: 57.25%
}

.flex-video.vimeo {
    padding-top: 0
}

.flex-video .video-js,
.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media only screen and (max-device-width:800px),
only screen and (device-width:1024px) and (device-height:600px),
only screen and (width:1280px) and (orientation:landscape),
only screen and (device-width:800px),
only screen and (max-width:767px) {
    .flex-video {
        padding-top: 0
    }
}

.cover {
    padding: 16px
}

ul.actionbar {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.actionbar li {
    float: left
}

ul.actionbar li a {
    position: relative;
    display: block;
    padding: 20px 15px;
    text-decoration: none;
    color: #333;
    line-height: 20px;
    font-size: 16px
}

ul.actionbar li a:hover {
    border-bottom: 2px #3498db solid;
    color: #3498db
}

ul.actionbar li.active a {
    border-bottom: 2px #3498db solid;
    color: #3498db
}

.progress-radial {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid #f7f8f9;
    background-color: #9b59b6;
    margin-bottom: 30px;
    margin-right: 20px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.progress-radial,
x:-o-prefocus {
    background-clip: content-box
}

.progress-radial .overlay {
    position: absolute;
    width: 70px;
    height: 70px;
    background-color: #f7f8f9;
    border-radius: 50%;
    margin-left: 15px;
    margin-top: 15px;
    text-align: center;
    line-height: 70px;
    font-size: 22px;
    font-weight: 100
}

.progress-0 {
    background-image: linear-gradient(90deg, #f7f8f9 50%, transparent 50%, transparent), linear-gradient(90deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-5 {
    background-image: linear-gradient(90deg, #f7f8f9 50%, transparent 50%, transparent), linear-gradient(108deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-10 {
    background-image: linear-gradient(90deg, #f7f8f9 50%, transparent 50%, transparent), linear-gradient(126deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-15 {
    background-image: linear-gradient(90deg, #f7f8f9 50%, transparent 50%, transparent), linear-gradient(144deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-20 {
    background-image: linear-gradient(90deg, #f7f8f9 50%, transparent 50%, transparent), linear-gradient(162deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-25 {
    background-image: linear-gradient(90deg, #f7f8f9 50%, transparent 50%, transparent), linear-gradient(180deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-30 {
    background-image: linear-gradient(90deg, #f7f8f9 50%, transparent 50%, transparent), linear-gradient(198deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-35 {
    background-image: linear-gradient(90deg, #f7f8f9 50%, transparent 50%, transparent), linear-gradient(216deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-40 {
    background-image: linear-gradient(90deg, #f7f8f9 50%, transparent 50%, transparent), linear-gradient(234deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-45 {
    background-image: linear-gradient(90deg, #f7f8f9 50%, transparent 50%, transparent), linear-gradient(252deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-50 {
    background-image: linear-gradient(270deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-55 {
    background-image: linear-gradient(288deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-60 {
    background-image: linear-gradient(306deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-65 {
    background-image: linear-gradient(324deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-70 {
    background-image: linear-gradient(342deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-75 {
    background-image: linear-gradient(360deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-80 {
    background-image: linear-gradient(378deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-85 {
    background-image: linear-gradient(396deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-90 {
    background-image: linear-gradient(414deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.progress-95 {
    background-image: linear-gradient(432deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #f7f8f9 50%, #f7f8f9)
}

.valign {
    display: table;
    table-layout: fixed;
    width: 100%
}

.valign>div {
    display: table-cell;
    vertical-align: middle;
    padding-right: 25px
}

.valign>div:last-child {
    padding-right: 0
}

.valign .cell-1-2 {
    width: 50%
}

.valign .cell-1-3 {
    width: 33%
}

.valign .cell-2-3 {
    width: 66%
}

.valign .cell-1-4 {
    width: 25%
}

.valign .cell-2-4 {
    width: 50%
}

.valign .cell-3-4 {
    width: 75%
}

.valign .cell-1-5 {
    width: 20%
}

.valign .cell-2-5 {
    width: 40%
}

.valign .cell-4-5 {
    width: 60%
}

.valign .cell-5-5 {
    width: 80%
}

.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.btn-file>input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer
}

.fileupload .uneditable-input {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: text
}

.fileupload .thumbnail {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.fileupload .thumbnail>img {
    display: inline-block;
    vertical-align: top;
    max-height: 100%
}

.fileupload.pull-left .thumbnail {
    margin-right: 10px
}

.fileupload.pull-right .thumbnail {
    margin-left: 10px
}

.fileupload .btn {
    vertical-align: middle
}

.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
    display: none
}

.fileupload-inline .fileupload-controls {
    display: inline
}

.fileupload-new .input-append .btn-file {
    border-radius: 0 3px 3px 0
}

.thumbnail-borderless .thumbnail {
    border: none;
    padding: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.fileupload-new.thumbnail-borderless .thumbnail {
    border: 1px solid #ddd
}

.control-group.warning .fileupload .uneditable-input {
    color: #a47e3c;
    border-color: #a47e3c
}

.control-group.warning .fileupload .fileupload-preview {
    color: #a47e3c
}

.control-group.warning .fileupload .thumbnail {
    border-color: #a47e3c
}

.control-group.error .fileupload .uneditable-input {
    color: #b94a48;
    border-color: #b94a48
}

.control-group.error .fileupload .fileupload-preview {
    color: #b94a48
}

.control-group.error .fileupload .thumbnail {
    border-color: #b94a48
}

.control-group.success .fileupload .uneditable-input {
    color: #468847;
    border-color: #468847
}

.control-group.success .fileupload .fileupload-preview {
    color: #468847
}

.control-group.success .fileupload .thumbnail {
    border-color: #468847
}

.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 16px
}

.rating span.star {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block
}

.rating span.star:hover {
    cursor: pointer
}

.rating span.star:before {
    content: "\f006";
    color: #999
}

.rating span.star.starred:before,
.rating span.star:hover:before,
.rating span.star:hover~span.star:before {
    content: "\f005";
    color: #e3cf7a
}

.panel-amethyst {
    border-color: transparent
}

.panel-amethyst>.panel-heading {
    color: #fff;
    background-color: #9b59b6;
    border-color: transparent
}

.panel-amethyst>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent
}

.panel-amethyst>.panel-heading .badge {
    color: #9b59b6;
    background-color: #fff
}

.panel-amethyst>.panel-footer {
    background-color: #9b59b6
}

.panel-amethyst>.panel-footer,
.panel-amethyst>.panel-footer a {
    color: #fff
}

.panel-amethyst>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: transparent
}

.panel-carrot {
    border-color: transparent
}

.panel-carrot>.panel-heading {
    color: #fff;
    background-color: #e67e22;
    border-color: transparent
}

.panel-carrot>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent
}

.panel-carrot>.panel-heading .badge {
    color: #e67e22;
    background-color: #fff
}

.panel-carrot>.panel-footer {
    background-color: #e67e22
}

.panel-carrot>.panel-footer,
.panel-carrot>.panel-footer a {
    color: #fff
}

.panel-carrot>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: transparent
}

.panel-greensea {
    border-color: transparent
}

.panel-greensea>.panel-heading {
    color: #fff;
    background-color: #16a085;
    border-color: transparent
}

.panel-greensea>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent
}

.panel-greensea>.panel-heading .badge {
    color: #16a085;
    background-color: #fff
}

.panel-greensea>.panel-footer {
    background-color: #16a085
}

.panel-greensea>.panel-footer,
.panel-greensea>.panel-footer a {
    color: #fff
}

.panel-greensea>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: transparent
}

.panel-belizehole {
    border-color: transparent
}

.panel-belizehole>.panel-heading {
    color: #fff;
    background-color: #2980b9;
    border-color: transparent
}

.panel-belizehole>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent
}

.panel-belizehole>.panel-heading .badge {
    color: #2980b9;
    background-color: #fff
}

.panel-belizehole>.panel-footer {
    background-color: #2980b9
}

.panel-belizehole>.panel-footer,
.panel-belizehole>.panel-footer a {
    color: #fff
}

.panel-belizehole>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: transparent
}

.main {
    margin-top: 70px
}

.mt-60 {
    margin-top: 60px
}

.mrign_top {
    margin-top: 32px
}

bg-white {
    background-color: #fff
}

.nav-img {
    margin-top: 10px
}

.rt_lead {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

.rt_lead a {
    color: #388e3c
}

.rigtone-detail>p {
    overflow: hidden;
    white-space: nowrap
}

.ringtone-tags a {
    padding: 8px;
    margin: 1px
}

.page-footer {
    color: #fff
}

/* ===== FOOTER CATEGORY LIST ===== */
.footer-content {
    margin: 30px auto;
}

/* Title */
.footer-content > h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.footer-content > h2 a {
    color: #222;
    text-decoration: none;
}

.footer-content > h2 a:hover {
    color: #ff5722;
}

/* Category columns */
.footer-content ul {
    padding-left: 0;
    margin-bottom: 0;
}

.footer-content li {
    margin-bottom: 6px;
}

/* Category link */
.footer-content li a {
    display: block;
    padding: 6px 0;
    color: #555;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* Category name */
.footer-content li h3 {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    line-height: 1.4;
}

/* Hover effect */
.footer-content li a:hover {
    color: #ff5722;
    padding-left: 6px;
}

/* Add bullet dot */
.footer-content li a::before {
    content: "›";
    color: #ff5722;
    margin-right: 6px;
    font-weight: 700;
}

/* Responsive */
@media (max-width: 768px) {
    .footer-content li h3 {
        font-size: 13px;
    }
}


.legal {
    text-align: left
}

.legal ul {
    text-decoration: none;
    list-style: none;
    -webkit-padding-start: 6px
}

.legal ul li a {
    color: #d8dbde;
    font-size: 16px;
    margin-bottom: 15px;
    display: block
}

.footer-copyright {
    background-color: #333;
    padding: 12px
}

.border {
    border: 1px #555 solid
}

.text-white {
    color: #fefefe
}

.rt_title a {
    color: #000;
    font-weight: bold
}

.mobile-nav {
    background-color: #52e052;
    text-align: center;
    height: 40px;
    margin-top: -10px;
    display: none
}

.mobile-nav ul {
    list-style: none;
    width: fit-content;
    margin-right: auto;
    margin-left: auto
}

.mobile-nav ul li {
    float: left
}

.mobile-nav ul li a {
    text-decoration: none;
    color: #000;
    display: inline-block;
    padding: 10px 12px
}

.gradient_bg {
    background: #c50749;
    background: -moz-radial-gradient(center, ellipse cover, #c50749 0%, #ba2259 49%, #c50749 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #c50749), color-stop(49%, #ba2259), color-stop(100%, #c50749));
    background: -webkit-radial-gradient(center, ellipse cover, #c50749 0%, #ba2259 49%, #c50749 100%);
    background: -o-radial-gradient(center, ellipse cover, #c50749 0%, #ba2259 49%, #c50749 100%);
    background: -ms-radial-gradient(center, ellipse cover, #c50749 0%, #ba2259 49%, #c50749 100%);
    background: radial-gradient(ellipse at center, #c50749 0%, #ba2259 49%, #c50749 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c50749', endColorstr='#c50749', GradientType=1)
}

.ringtone_list_snipet {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px
}

.ring_list_top {
    width: 100%;
    float: left;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.ring_left_side {
    width: 100px;
    float: left;
    padding: 10px;
    height: 110px
}

.ring_right_side {
    width: calc(100% - 100px);
    float: right;
    padding: 10px 10px 10px 0
}

.ring_list_play_icon {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 15px
}

.ring_list_play_icon a {
    color: #fff;
    font-size: 30px
}

.ring_list_play_icon a i {
    position: relative
}

.ring_list_play_icon a i:after {
    content: "";
    width: 60px;
    height: 60px;
    border: 3px solid;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -33px;
    top: 50%;
    margin-top: -30px
}

.ring_download_counter {
    position: absolute;
    right: 5px;
    bottom: 0;
    color: #fff
}

.ring_user {
    width: 100%;
    display: inline-block;
    color: #fff;
    margin-bottom: 10px
}

.ring_user a {
    color: #fff;
    font-size: 16px
}

.ring_list_bottom {
    width: 100%;
    float: left;
    background-color: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px
}

.ring_list_anchor {
    width: 100%;
    margin-bottom: 5px;
    display: inline-block;
    height: 44px;
    overflow: hidden
}

.ring_list_anchor a {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.ring_list_cat {
    float: left;
    margin-top: 5px
}

.ring_download_btn {
    float: right;
    padding: 5px;
    font-size: 14px;
    border-radius: 3px
}

.gradient_bg {
    background: #023246;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%
}

.gradient_bg_1 {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%
}

.gradient_bg_2 {
    background: linear-gradient(-45deg, #12c2e9, #c471ed, #f64f59, #F1948A);
    background-size: 400% 400%
}

.gradient_bg_3 {
    background: linear-gradient(-45deg, #59C173, #a17fe0, #5D26C1, #D7BDE2);
    background-size: 400% 400%
}

.gradient_bg_4 {
    background: linear-gradient(-45deg, #833ab4, #fd1d1d, #22d16b, #fcb045);
    background-size: 400% 400%
}

.gradient_bg_5 {
    background: linear-gradient(-45deg, #22c1c3, #6a7abf, #c05fc4, #fdbb2d);
    background-size: 400% 400%
}

.gradient_bg_6 {
    background: linear-gradient(-45deg, #2253c3, #e6af38, #bd3452, #fd5a2d);
    background-size: 400% 400%
}

.gradient_bg_7 {
    background: linear-gradient(-45deg, #22c345, #e66524, #7034bd, #2db9fd);
    background-size: 400% 400%
}

.gradient_bg_8 {
    background: linear-gradient(-45deg, #aad539, #1dfde4, #2275d1, #fc45ae);
    background-size: 400% 400%
}

@keyframes gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.inner_ring_container {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    height: 300px
}

.new_ring_list_play_icon {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    z-index: 1;
    width: auto;
    left: 50%;
    margin-left: -15px;
    color: #fff;
    font-size: 40px;
    display: inline-block
}

.new_ring_list_play_icon:before {
    position: absolute;
    z-index: -1;
    top: -18px;
    left: -25px;
    width: 80px;
    height: 80px;
    content: "";
    border-radius: 100%;
    background-color: #023246;
    opacity: 0
}

.new_ring_list_play_icon i {
    position: relative
}

.new_ring_list_play_icon i:after {
    content: "";
    width: 80px;
    height: 80px;
    border: 3px solid;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -41px;
    top: 50%;
    margin-top: -40px
}

.new_ring_list_playArea {
    padding: 100px 10px;
    border-radius: 4px;
    height: 100%;
    position: relative
}

.new_ring_download_counter {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff
}

.new_ring_list_title {
    width: 100%;
    display: inline-block;
    position: absolute;
    bottom: 10px;
    left: 0;
    color: #fff;
    padding: 0 10px;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

.middle_text_container {
    width: 100%;
    position: relative;
    display: table;
    height: 150px;
    color: #fff;
    font-size: 18px;
    padding: 5px;
    margin-bottom: 20px
}

.middle_text_container h3 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    font-weight: bold
}

.profile_detail_container {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 15px 0 20px;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
    background: #fff;
    box-shadow: 10px 10px 5px 0 #b9b7b7;
    color: #646464;
    overflow: hidden
}

.profile_cover_detail {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 100px;
    padding: 10px 0 50px
}

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

.profile_img_detail img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    box-shadow: 4px 4px 8px 0 #b9b7b7;
    margin-top: -50px
}

.profile_detail_heading {
    font-size: 20px
}

.profile_detail_para {
    font-size: 16px;
    margin-top: 10px
}

.profile_detail_para strong {
    margin-left: 10px
}

.audio_player_area {
    background-color: #000;
    border: 1px solid #32363f;
    display: inline-block;
    padding: 10px;
    width: 100%;
    margin: 10px 0 0;
    position: relative
}

.jp-play {
    width: 80px;
    height: 80px
}

.jp-play::after {
    font-size: 40px;
    left: 26px;
    top: 17px
}

.jp-state-playing .jp-play::after {
    left: 21px
}

.download_title {
    color: #fff;
    font-family: cursive;
    font-weight: 700;
    width: 100%;
    display: inline-block;
    font-size: 24px;
    margin-bottom: 10px;
    font-style: italic
}

.play-pause p {
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out
}

.play-pause p:hover {
    background-color: #32363f;
    color: #fff
}

.play i {
    left: 5px !important
}

.top_player_area_left {
    width: 100%;
    float: left;
    text-align: center;
    margin: 20px 0;
    position: relative
}

.top_player_area_right {
    width: 100%;
    float: right;
    padding-left: 10px
}

.player_download_btn {
    float: right;
    background-color: #dd6b55;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 10px 15px
}

.player_download_btn:hover {
    background-color: #32363f;
    color: #fff
}

.player_ring_duration {
    color: #fff
}

.player_ring_duration i {
    margin-right: 5px
}

.jp-play {
    border: 4px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 2.2em;
    height: 100px;
    text-align: center;
    width: 100px;
    position: relative;
    cursor: pointer;
    z-index: 3
}

.jp-play:hover,
.jp-play:focus {
    color: #fff
}

.jp-play:after {
    font-family: fontawesome;
    content: "\f04b";
    display: inline-block;
    font-size: 50px;
    left: 32px;
    position: absolute;
    top: 12px
}

.jp-state-playing .jp-play {
    background-color: #fff;
    color: #c5074a;
    border-color: #c5074a
}

.jp-state-playing .jp-play:after {
    content: "\f04c";
    left: 25px
}

.jp-seek-bar {
    background-color: #d6d6d6;
    width: 100% !important;
    display: inline-block;
    height: 15px;
    cursor: pointer;
    margin-top: 10px
}

.jp-play-bar {
    background-color: #c5074a;
    width: 0;
    height: 100%
}

.download_ringtone_by {
    width: 100%;
    display: inline-block;
    color: #fff;
    padding-right: 100px
}

.download_ringtone_by a {
    color: #fff;
    text-decoration: underline
}

.spinCircle {
    width: 10px;
    height: 10px;
    background: #fff;
    margin: 5px 5%;
    border-radius: 50%;
    transform-origin: top center;
    animation: spinCircle 1s linear infinite
}

@keyframes spinCircle {
    0% {
        transform: rotate(0) scale(1.1)
    }

    50% {
        transform: rotate(180deg) scale(.2)
    }

    100% {
        transform: rotate(360deg) scale(1.1)
    }
}

.spinCircleArea {
    width: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 20px
}

.spinCircleRow {
    display: flex;
    flex: 0 1 100%
}

.spinCircleRow:nth-child(1) .spinCircle {
    animation-delay: 100ms
}

.spinCircleRow:nth-child(2) .spinCircle {
    animation-delay: 200ms
}

.spinCircleRow:nth-child(3) .spinCircle {
    animation-delay: 300ms
}

.spinCircleRow .spinCircle:last-child {
    margin-right: 0
}

.showSpinCircles {
    display: inline-block
}

.mobile_search_form {
    display: none;
    width: 100%;
    float: left;
    padding: 20px
}

.responsiveSearchIcon {
    float: right;
    margin-right: 15px;
    margin-top: 15px;
    cursor: pointer;
    display: none
}

.mobile-nav-ul a.select_nav {
    background-color: #c5074a;
    color: #fff
}

.footer-copyright a {
    color: #fff
}

.cat_sort_order {
    width: 100%;
    display: inline-block;
    margin: 10px 0;
    text-align: center
}

.cat_sort_order>li {
    display: inline-block;
    position: relative;
    list-style: none
}

.cat_sort_order>li>a {
    float: left;
    background-color: #fff;
    border: 1px solid #32363f;
    color: #32363f;
    min-width: 110px;
    padding: 8px 20px;
    text-align: center;
    font-size: 14px;
    border-radius: 2px
}

.cat_sort_order li a.select_nav,
.cat_sort_order>li:hover>a {
    background-color: #c5074a;
    color: #fff
}

.down_ring_tags_area {
    /*display:flex;*/
    overflow: hidden;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 15px;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #000;
    border-top: none;
    background-color: #fff
}

.down_ring_tags_area a {
    text-align: center;
    /*background-color:#c5074a;color:#fff;padding:7px 16px;*/
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    margin-right: 4px;
    white-space: nowrap;
    text-transform: capitalize;
    text-decoration: none;
    border-radius: 21px
}

.down_ring_tags_area a:hover {}

.down_ring_tags_area p {
    overflow: hidden;
}

.loadmorebtn {
    padding: 10px 50px
}

.ringDuration {
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #fff
}

.cat_banner_section {
    padding: 0 10px;
    margin-top: 10px;
    margin-bottom: 10px
}

.adContainerInList {
    margin-bottom: 15px;
    text-align: center
}

.linkAddContainer {}

body {
    background-color: #f5f5f5
}

@media(max-width:991px) {
    #headNavbar {
        display: none !important
    }

    .responsiveSearchIcon,
    .mobile-nav {
        display: block
    }

    .navbar-header {
        width: 100%
    }

    .navbar {
        height: auto
    }
}

@media(max-width:767px) {
    .navbar-header {
        width: auto
    }

    .ring_list_anchor {
        height: auto
    }

    .cat_banner_section {
        background: 0 0;
        box-shadow: none
    }

    .cat_banner_section h1 {
        text-align: left;
        font-size: 18px
    }
}

@media(max-width:600px) {
    .setasbtn {
        width: 100%;
        display: inline-block;
        margin-top: 15px
    }

    .profile_cover_detail {
        font-size: 60px
    }

    .spinCircleRow .spinCircle:nth-child(3) {
        display: none
    }
}

@media(max-width:480px) {
    .navbar {
        position: fixed;
        width: 100%;
        z-index: 5;
        left: 0;
        top: 0
    }

    .navbar+.container {
        margin-top: 100px
    }

    .mobile-nav {
        margin-top: 0
    }

    .mobile-nav ul {
        width: 100%;
        display: inline-block;
        margin: 0;
        padding: 0
    }

    .mobile-nav ul li {
        margin-right: 10px;
        display: inline-block;
        float: none
    }

    .mobile-nav ul li:last-child {
        margin-right: 0
    }

    .row .customRingClassContainer {
        padding: 0 1%
    }

    .ringContainerList {
        padding: 0 10px
    }

    .new_ring_list_title {
        font-size: 13px
    }

    .new_ring_list_play_icon {
        font-size: 25px;
        margin-left: -6px
    }

    .new_ring_list_play_icon i:after {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-left: -34px
    }

    .inner_ring_container {
        height: 230px;
        margin-bottom: 10px
    }

    .mrign_top {
        margin-top: 7px
    }

    .cat_banner_section h1 {
        font-weight: 400;
        font-size: 1em
    }

    .adContainerInList {
        margin-bottom: 6px
    }

    .linkAddContainer {}
}
.rank-math-breadcrumb{
    margin: 20px 0;
}
#breadcrumbs {
    font-size: 110%;
    color: #8e908f;
    padding: 1em 0 1em 0;
}

#breadcrumbs a {
    display: inline;
    border: none;
    padding: 0;
    text-transform: none;
}

/* ===== TOP LIST RINGTONES ===== */
.toplist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.toplist .top-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 8px;
    border-bottom: 1px dashed #e5e5e5;
    font-size: 14px;
}

.toplist .top-item:last-child {
    border-bottom: none;
}

/* Rank number */
.toplist .rank {
    min-width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-weight: 700;
    border-radius: 50%;
    background: #f2f2f2;
    color: #555;
    font-size: 13px;
}

/* Highlight TOP 1–3 */
.toplist .top-item:nth-child(1) .rank {
    background: #ffd700;
    color: #000;
}
.toplist .top-item:nth-child(2) .rank {
    background: #c0c0c0;
    color: #000;
}
.toplist .top-item:nth-child(3) .rank {
    background: #cd7f32;
    color: #fff;
}

/* Ringtone link */
.toplist a {
    flex: 1;
    color: #222;
    text-decoration: none;
    font-weight: 500;
    line-height: 1.4;
}

.toplist a:hover {
    color: #ff5722;
    text-decoration: underline;
}

/* Download count */
.toplist .downloads {
    font-size: 12px;
    color: #888;
    white-space: nowrap;
}

/* Hover effect */
.toplist .top-item:hover {
    background: #fafafa;
}

/* Mobile optimization */
@media (max-width: 576px) {
    .toplist .top-item {
        font-size: 13px;
        padding: 8px 6px;
    }
}
/* ===== Related Ringtones Section ===== */
.sl-links {
    margin: 15px 0;
    /* padding: 20px 24px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 14px; */
}

/* Title */
.sl-links h2 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* List */
.sl-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px;
}

/* Item */
.sl-links li {
    margin: 0;
}

/* Link */
.sl-links a {
    display: block;
    padding: 10px 14px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #1f2937;
    text-decoration: none;
    transition: all 0.25s ease;
}

/* Hover */
.sl-links a:hover {
    border-color: #3b82f6;
    background: #eff6ff;
    color: #1d4ed8;
    text-decoration: none;
}

/* Focus (accessibility) */
.sl-links a:focus-visible {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

/* Mobile */
@media (max-width: 640px) {
    .sl-links {
        padding: 16px;
    }

    .sl-links h2 {
        font-size: 16px;
    }

    .sl-links a {
        font-size: 13.5px;
        padding: 10px 12px;
    }
}