body{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#000000;}
.clear{clear:both;}
.sep{padding:5px;}
.sep1{padding:5px;}
.img{display:inline;}
.header-top{background:#000000;padding:10px 0px 9px 0px;}
.left-cb{text-align:left;}
.center-cb{text-align:center;}
.right-cb{text-align:right;}
.fleft{float:left;}
.fright{float:right;}
.fnone{float:none;}
.searchicon{float:none;margin-left:-5px;position:relative;top:-1px;}
#header{clear:both;}
#header .navbar-header{height:auto;}
.logo{padding-top:20px;}
.navbar{margin-bottom:0px;}
.navbar-brand{height:50px;padding:10px 15px;}
.showcase{background:#f9eb00;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{height:auto;width:auto;}
.maximizing-value-block{margin-bottom:10px;}
.section-block{clear:both;}
.sm-boxes{width:128px;float:left;margin:10px 4px 0px;text-align:center;}
.sm-boxes-last0{margin:10px 0px 0px 0px;}
.sm-boxes-inner{border:solid 1px #ebebeb;padding:10px 5px 5px 5px;}
.sm-boxes h2, .sm-boxes h3{font-size:14px;font-weight:bold;color:#3f95d0;margin:0px;padding:8px 0px 3px;text-align:center;}
.sm-boxes a{font-size:13px;font-weight:normal;color:#3f95d0;}
.sm-boxes p{font-size:10px;font-weight:normal;color:#d1d1d1;margin:0px;padding:5px 0px;}
.btn{font-family:'Arial', sans-serif;}
.buttonyellow{border-radius:0px;background:#f9eb00;border:1px solid black;font-size:14px !important;font-weight:bold !important;color:#000000 !important;padding-left:30px;padding-right:30px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.categoryyellow{border-radius:0px;background:#f9eb00;border:0px;font-size:16px !important;font-weight:bold !important;color:#000000 !important;padding-left:30px;padding-right:30px;}
.homeyellow{border-radius:0px;background:#f9eb00;border:0px;font-size:16px !important;font-weight:bold !important;color:#000000 !important;padding-left:30px;padding-right:30px;}
.buttonfull{padding-left:0px;padding-right:0px;width:100%;}
.paragraph{font-size:14px;color:#000000;line-height:20px;font-weight:normal;}
.paragraph h3{font-size:16px;color:#000000;font-weight:normal;font-weight:bold;margin:0px;padding:10px 0px 10px 0px;}
h1, .section-block h2{background:#d1d1d1;font-family:'Arial', sans-serif;font-size:14px;color:#000000;font-weight:600;text-decoration:none;border-bottom:solid 2px #000000;padding:4px 8px;margin:0px 0px 10px 0px;line-height:15px;min-height:15px;}
.leftpart{width:820px;float:left;}
.rightpart{width:300px;float:right;}
.rightpartboxspace{margin-bottom:15px;}
.ringtonebox{font-size:18px;color:#000000;padding-bottom:20px!important;}
.artists{border:solid 1px #ebebeb;padding:7px 7px 0px 7px;margin-bottom:15px;}
.artists h1, .artists h2, h2.widget-title, .innerpage-block h2.widget-title{background:none;font-family:'Arial', sans-serif;font-size:14px;color:#000000;font-weight:600;text-decoration:none;border-bottom:solid 4px #000000;padding:5px 0px 5px 0px;margin:0px 0px 5px 0px;line-height:10px;min-height:10px;text-align:left;}
.artistsbx{color:#3f95d0;font-size:16px;background:#f8f8f8;margin-top:0px!important;margin-bottom:9px!important;}
.artistsbxright{padding:6px 0px 0px 0px;}
.artistsbx p{font-weight:bold;margin:0px;padding:0px;}
.artistsbx a{color:#3f95d0;font-size:16px;text-decoration:none;}
.buttonyellow1{border-radius:0px;background:#f9eb00;border:0px;font-size:16px;font-weight:bold;color:#000000;text-transform:uppercase;}
.buttonblack{border-radius:0px;background:#000000;border:0px;font-size:16px;font-weight:bold;color:#ffffff;text-transform:uppercase;}
#footer{background:#000000;}
.footermain{padding:24px 0px 35px 0px;}
.footermain h1{background:none;font-family:'Arial', sans-serif;font-size:16px;color:#ffffff;font-weight:600;text-decoration:none;border-bottom:solid 4px #ffffff;padding:0px 0px 5px 0px;margin:0px 0px 9px 0px;line-height:30px;min-height:30px;text-align:left;}
.footermain h4{background:none;font-family:'Arial', sans-serif;font-size:16px;color:#ffffff;font-weight:600;text-decoration:none;border-bottom:solid 4px #ffffff;padding:0px 0px 5px 0px;margin:0px 0px 9px 0px;line-height:30px;min-height:30px;text-align:left;}
.footermain ul{margin:0px;padding:0px;}
.footermain li{margin:0px;padding:0px 0px 8px 0px;list-style:none;font-size:12px;}
.footermain li a{color:#a2a2a2;text-decoration:none;}
.footermain li a:hover{color:#f9eb00;text-decoration:none;}
.footercolum{}
.copyright{background:#474747;text-align:center;font-size:11px;color:#c0c0c0;text-decoration:none;padding:10px 0px;}
.copyright a{color:#c0c0c0;text-decoration:underline;}
.navbar-default{background:none;border:none;}
.header2{font-family:'Arial', sans-serif;background:#474747;color:#ffffff;font-size:16px;text-decoration:none;line-height:31px;padding:5px 0px;}
.header3{font-family:'Arial', sans-serif;background:#f8f8f8;color:#000000;font-size:20px;font-weight:600;text-decoration:none;padding:15px 0px;}
.hed3selectform{font-size:16px;color:#000000;font-weight:normal;background:#ffffff;border:solid 1px #e1e1e1;padding:5px;width:215px;}
.buttontopwhite{border-radius:0px;background:#ffffff;border:0px;font-size:14px;font-weight:normal;color:#000000;margin:0px 6px 0px 0px;}
.buttontopyellow{border-radius:0px;background:#f9eb00;border:0px;font-size:14px;font-weight:normal;color:#000000;}
select.custom-dropdown{-webkit-appearance:none;-moz-appearance:none;color:#fff;font-size:16px;color:#000000;font-weight:normal;padding:5px 45px 5px 10px;width:50%;cursor:pointer;border:solid 1px #e1e1e1;background:#f9eb00 url(../images/select-icon.jpg) no-repeat right center;background-size:40px 37px;}
.post-title h1{line-height:18px;margin:10px 0 0 0;padding:10px 0px 10px 0px; font-size:22px;}
.innerpage-block{padding-top:30px;}
.innerpage-contain p{line-height:22px;margin:5px 0 0 0;padding:0 10px 0 0; font-size:16px; font-weight:normal;}
.blog-small-intro p{line-height:22px;margin:5px 0 0 0;padding:0 10px 0 0; font-size:14px; font-weight:normal;}
.blog-post-date p{line-height:18px;margin:5px 0 5px 0;padding:0; font-size:12px;font-weight:normal;color:#9F9F9F;}
.entry-content h1{line-height:24px;margin:0 0 0 0;padding:0 0 0 0; font-size:30px; font-weight:100; margin:20px 0 20px 0;border:0px; background:#fff;color:#3f95d0;}
.entry-content p{line-height:22px;margin:0 0 20px 0;padding:0 10px 0 0; font-size:14px; font-weight:normal;}
.innerpage-block h2{background:none;font-size:16px;color:#000000;font-weight:bold;text-decoration:none;border:none;padding:0px;margin:0px;line-height:30px;min-height:30px;text-align:left;}
.innerpoint01{padding:10px 0px 0px 15px;}
.innerpoint01 ul{margin:0px;padding:0px;}
.innerpoint01 li{margin:0px;padding:0px 0px 5px 8px;list-style:square;}
.innerpointsub{padding:8px 0px 8px 15px!important;}
.innerpointsub ul{margin:0px;padding:0px;}
.innerpointsub li{margin:0px;padding:0px 0px 4px 8px;list-style:circle;}
.privacy{font-size:12px;}
.privacy h4{font-weight:bold;font-size:12px;}
.privacy p{margin:0px 0px 20px 0px;padding:0 0 0 0;}
.privacy ul, li {font-size: 16px;line-height: 22px;padding-bottom: 22px;text-align: justify;}
.form01{width:60%;color:#454545;}
.form01 span{color:#FF0000;}
.form-control{border-radius:0px;}
select.form01{-webkit-appearance:none;-moz-appearance:none;color:#fff;font-size:16px;color:#000000;font-weight:normal;padding:5px 6px;width:100%;cursor:pointer;border:solid 1px #cccccc;background:#ffffff url(../images/select-icon-form1.jpg) no-repeat right center;background-size:40px 37px;}
.helpguide{padding-bottom:20px;}
.helpguide img{float:left;padding:0px 10px 0px 0px;}
.helpguide p{margin:0px;padding:8px 0px 0px 0px;}
.ringtoneslink{padding:15px 0px 0px 0px;color:#b4b4b4;font-size:14px;}
.ringtoneslink a{color:#3f95d0;text-decoration:none;}
.ringtoneslink a:hover{color:#000000;text-decoration:none;}
.ringtoneblock{border-bottom:solid 1px #f8f8f8;padding:15px 0px 18px 0px;clear:both;}
.ringtonecol1{float:left;width:57px;}
.ringtonecol2-boldblue{color:#4095d1;font-weight:bold;line-height:25px;}
.ringtonecol2{float:left;width:34%;padding:5px 0px 0px 20px;line-height:25px;}
.ringtonecol4btn{float:right;padding-top:15px;}
.minheight{min-height:300px;}
.advertisement{padding:30px 0px 30px;}
.pagination{padding:6px 0px;}
.artistscol1{float:left;width:57px;}
.artistscol2{float:left;padding:5px 0px 0px 20px;color:#4095d1;font-weight:bold;line-height:25px;}
.artistscol2 span{color:#000000;font-weight:normal;}
.artistscol3btn{float:right;padding-top:15px;}
.mytingtonesblock{border-bottom:solid 1px #f8f8f8;padding:15px 0px 18px 0px;clear:both;font-size:12px;line-height:21px;}
.mytingtonescol2{float:left;width:30%;padding:0px 0px 0px 20px;}
.mytingtonescol3{float:left;width:20%;padding:0px 0px 0px 20px;}
.mytingtonescol5btn{float:right;text-align:right;}
.btnfixed{width:105px;font-size:14px;margin:5px 0px;}
.txtskyblue{color:#4095d0;}
.txtgreen{color:#41ac00;text-transform:capitalize;}
.txtlightgreen{color:#00c417;}
.txtred{color:#c40000;text-transform:capitalize;}
.member-details{font-size:16px;text-decoration:none;padding:5px 10px 15px 10px;}
.member-details ul{margin:0px;padding:0px 0px 20px 0px;}
.member-details li{margin:0px;padding:0px 0px 5px 0px;list-style:none;}
.playerblock{clear:both;}
.playerblockleft{float:left;width:200px;}
.playerblockright{float:left;width:60%;padding:0px 0px 0px 28px;font-size:20px;font-family:'Arial', sans-serif;font-weight:lighter;}
.playerblockright ul{margin:0px;padding:0px;}
.playerblockright li{margin:0px;padding:0px 0px 10px 0px;list-style:none;}
.playerpoint{padding:30px 0px 0px 0px;}
.playerpoint h5{margin:0px;padding:0px 0px 15px 0px;font-size:14px;font-weight:bold;}
.playerpoint ol{padding:6px 0px 15px 12px;margin:0px;}
.playerpoint li{padding:0px 0px 6px 0px;margin:0px;}
.buttongray{border-radius:0px;background:#ffffff;border:0px;font-size:14px;font-weight:lighter;color:#337ab7;padding-left:20px;padding-right:20px;font-weight:bold;text-decoration:underline;}
.table-responsive{font-weight:normal;}
.table-responsive table tr th{background:#f8f8f8;width:18%;font-weight:bold;font-size:12px;color:#000000;text-align:right;}
#myCarousel .carousel-control{width:40px;background:none;}
.arrow-left{text-align:left;}
.arrow-right{text-align:right;}
.tp-bullets.simplebullets.round .bullet{background:none !important;background-color:rgba(0, 0, 0, 0) !important;border:1px solid #fff !important;border-radius:10px !important;cursor:pointer !important;display:inline-block !important;height:10px !important;margin:2px !important;text-indent:-999px !important;width:10px !important;}
.tp-bullets.simplebullets.round .bullet.selected{background-color:rgba(255, 255, 255, 1) !important;}
.tp-leftarrow.large, .tp-rightarrow.large{opacity:0.6!important;background-position:left center!important;background-repeat:no-repeat!important;background-size:24px auto!important;margin-left:0!important;width:50px!important;height:50px!important;margin-top:-25px!important;}
.tp-leftarrow.large:hover, .tp-rightarrow.large:hover{opacity:1!important;}
.tp-leftarrow.large{background-image:url("../images/left-arrow.png")!important;}
.tp-rightarrow.large{background-image:url("../images/right-arrow.png")!important;}
.homepage .star-result{display:none !important;}
.steps{display:none;}
.search-submit{border:0;padding:0;}
.comment-reply-title{font-weight:bold;text-transform:uppercase;}
.categorylinks ul{color:#3f95d0;font-weight:bold;}
.categorylinks li{line-height:20px;margin:0 0 30px 0;font-size:22px;}
.m_freeringtones h1{font-size:18px;margin:8px 0 0 0;padding:0 0 0 0;color:#fff;background:#474747;font-weight:600;border-bottom:0px;}
.m_freeringtones h2{font-size:18px;margin:8px 0 0 0;padding:0 0 0 0;}
.section-block .crecent{background:#d1d1d1;font-family:'Arial', sans-serif;font-size:14px;color:#000000;font-weight:600;text-decoration:none;border-bottom:solid 2px #000000;padding:4px 8px;margin:0px 0px 10px 0px;line-height:15px;min-height:15px;}
.cstmetitle{background:none;font-family:'Arial', sans-serif;font-size:14px;color:#000000;font-weight:600;text-decoration:none;border-bottom:solid 4px #000000;padding:5px 0px 5px 0px;margin:0px 0px 5px 0px;line-height:10px;min-height:10px;text-align:left;}
.m_freeringtones p{font-size:18px;margin:8px 0 0 0;padding:0 0 0 0;color:#fff;background:#474747;font-weight:600;border-bottom:0px;}
.m_freeringtones{font-size:18px;margin:8px 0 0 0;padding:0 0 0 0;color:#fff;background:#474747;font-weight:600;border-bottom:0px;}
@media (max-width:1199px){.leftpart{width:610px;}
.mytingtonescol2{padding:0 0 0 15px;width:26%;}
}
@media screen and (max-width:991px){.leftpart, .rightpart{float:none;margin:0px auto;width:100%;}
.rightpart{padding:0px 0px 0px 0px;}
.logo{width:200px;padding-top:10px;}
.sm-boxes{width:45%;float:left;margin:10px 4px 0px;text-align:center;}
/* .buttonyellow{border-radius:0px;background:#f9eb00;border:1px solid black;font-size:14px !important;font-weight:no !important;text-transform:uppercase;color:#000000 !important;padding:5px 15px 5px 15px;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;width:100%;} */
.buttonyellow{border-radius:0px;background:#3d3d3d;font-size:16px !important;font-weight:no !important;text-transform:capitalize;color:#fff !important;padding:10px 15px 10px 15px;-webkit-border-radius:15px;-moz-border-radius:5px;border-radius:5px;width:100%;-webkit-box-shadow: 0px 11px 17px -3px rgba(0,0,0,0.31); 
box-shadow: 0px 11px 17px -3px rgba(0,0,0,0.31);font-family:Arial;}
.categoryyellow{border-radius:0px;background:#d1d1d1;border:0px;font-size:14px !important;font-weight:normal !important;color:#000000 !important;padding:7px 15px 7px 15px;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;width:95%;border:0px solid #000000;margin:7px 0 0 0;}
.homeyellow{border-radius:0px;background:#d1d1d1;border:0px;font-size:14px !important;font-weight:normal !important;color:#000000 !important;padding:7px 15px 7px 15px;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;width:95%;border:0px solid #000000;}
.m_freeringtones h2{font-size:13px;margin:8px 0 0 0;padding:0 0 0 0;}
.m_newaccount{display:none;}
.m_signin{display:none;}
.sm-boxes a{font-size:16px;font-weight:normal;color:#3f95d0;font-weight:bold;}
.footermain li{margin:0px;padding:0px 0px 12px 0px;list-style:none;font-size:16px;}
}
@media screen and (max-width:767px){.header-top{text-align:center;}
.header3{font-size:14px;padding:5px 0px;}
.left-cb, .center-cb, .right-cb{text-align:center;padding:5px 0px;}
.arrowleft, .arrowright{text-align:center!important;}
img.logo, .logo{width:150px;padding:0;}
.header2, .right-cb{text-align:center;}
.form01{width:100%;}
.searchicon{top:-2px;}
select.custom-dropdown{width:232px;}
}
@media screen and (max-width:639px){.mytingtonescol2{display:inline;padding:0 0 0 10px;width:40%;}
.mytingtonescol3{display:block;padding:0 0 0 70px;width:100%;}
.mytingtonescol5btn{clear:both;display:inline-block;float:none;margin-left:70px;margin-top:5px;text-align:left;width:auto;}
.ringtonecol2{width:40%;padding:5px 0px 15px 20px;line-height:25px;}
.ringtonecol4btn{float:none;margin-left:75px;}
.artistscol2{float:left;width:42%;padding:5px 0px 0px 20px;}
.playerblockleft{float:none;width:100%;text-align:center;padding-bottom:15px;}
.playerblockright{float:none;width:100%;padding:0px 0px 0px 0px;font-size:20px;font-family:'Arial', sans-serif;font-weight:lighter;text-align:center;}
}
@media screen and (max-width:479px){.mytingtonescol2{display:block;float:none;padding:0 0 0 70px;width:100%;}
.ringtonecol2{float:none;width:auto;padding:0px 0px 10px 70px;line-height:25px;}
.ringtonecol4btn{float:none;padding-top:0px;margin-left:70px;}
.artistscol2{float:none;padding:5px 0 0 75px;width:auto;}
.artistscol3btn{float:none;width:auto;padding-top:0px;margin:10px 0px 0px 75px;}
}
@media screen and (max-width:360px){.footercolum{width:100%;}
}

.category-button{font-size:26px;font-weight:800;text-align:center;line-height:28px;letter-spacing:-1px;margin:0 0 15px 0;padding:15px 5px 15px 5px;border-radius:60px;border:1px solid #FFC503;margin:0 10px 10px 10px;background: #FFEA18; background: -webkit-linear-gradient(top, #FFEA18, #FFC503); background: -moz-linear-gradient(top, #FFEA18, #FFC503);background: linear-gradient(to bottom, #FFEA18, #FFC503);-webkit-box-shadow: 0px 5px 0px 0px #DDDDDD; box-shadow: 0px 5px 0px 0px #DDDDDD;}

.category-headline{font-size:48px;font-weight:bold;text-align:center;line-height:45px;text-transform:uppercase;letter-spacing:-2px;margin:0 0 15px 0;}

.category-subheadline{font-size:21px;font-weight:normal;text-align:center;line-height:28px;letter-spacing:-1px;margin:0 0 15px 0;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;padding:5px;color:#f17d09;}

.category-subheadline-two{font-size:21px;font-weight:800;text-align:center;line-height:28px;letter-spacing:-1px;margin:0 0 0 0;padding:5px;color:#757575;text-transform:uppercase;}

.category-disclaimer p{font-size:13px;color:#3B3B3B;margin:30px 10px 30px 10px;text-align:justify;padding:0 30px 0 30px;}




/* Ringtone Module START

/* Container Styles */
.mpf-module-container {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 25px;
    max-width: 700px;
    margin: 0px auto 30px auto;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: center;
}

/* Header & Progress Bar */
.mpf-header h3 {
    margin: 0 0 15px 0;
    color: #2c3e50;
    font-size: 22px;
	font-weight: 1000;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.mpf-progress-bar {
    background: #f0f0f0;
    height: 8px;
    border-radius: 4px;
    margin-bottom: 25px;
    overflow: hidden;
}
.mpf-progress-fill {
    background: #27ae60; /* Green success color */
    height: 100%;
    transition: width 0.4s ease;
}

/* Steps & Transition */
.mpf-step {
    display: none;
    animation: fadeIn 0.5s;
}
.mpf-step.active {
    display: block;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Questions */
.mpf-question {
    font-size: 18px;
    margin-bottom: 20px;
    color: #333;
}

/* Stack Layout (Full Width) */
.mpf-options-grid {
    display: flex;
    flex-direction: column; /* Stacks items vertically */
    gap: 0px;
    width: 100%;
}

/* Ensure Buttons Fill the Space */
.mpf-option-btn, 
.mpf-btn-step1, 
.mpf-btn-step2,
.mpf-btn-step3 {
    width: 100%; /* Forces full width */
    max-width: 100%; /* Prevents overflow */
    box-sizing: border-box; /* Includes padding in width calculation */
    
    /* Optional: Center the content for a cleaner look */
    justify-content: flex-start; /* Keeps icon/text aligned to the left */
    padding: 18px 20px; /* Slightly larger tap target for mobile */
}

/* Button Styles (Updated for Step 1 & Step 2 classes) */
.mpf-option-btn, 
.mpf-btn-step1, 
.mpf-btn-step2,
.mpf-btn-step3{
    background: linear-gradient(to bottom, #FFEA18, #FFC503);
	border:1px solid #FFC503;
    border-radius: 30px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: left;
    width: 100%;
    color: #000;
	margin:0 0 0 0;
}

/* Button Hover Effects */
.mpf-option-btn:hover, 
.mpf-btn-step1:hover, 
.mpf-btn-step2:hover,
.mpf-btn-step3:hover{
    border-color: #adadad;
    background: #e6e6e6;
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	color: #444; /* Default text color */
}

/* Icon & Label Styles */
.mpf-icon { 
    font-size: 20px; 
}
.mpf-label { 
    font-weight: 600; 
    color: inherit;
	font-size:20px;
}

/* Loading State Animation */
.mpf-loading-state { 
    padding: 20px 0; 
}
.mpf-spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #27ae60;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 0 auto 20px auto;
}
#mpf-sub-text { 
    color: #7f8c8d; 
    font-size: 14px; 
    margin-top: 5px; 
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Ringtone Module END