*{ outline:none; margin:0px; padding:0px; box-sizing:border-box;}
/* @font-face {
  font-family: 'futura_hv_btheavy';
  src: url('../font/futuhv-webfont.woff2') format('woff2'),
       url('../font/futuhv-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
} */
body{font-size:62.5%; font-family: 'Open Sans', sans-serif;}
#maincontainer{width: 100%; float: left; background: white;}
.container{max-width: 1100px; width: 90%; margin: 0 auto; position: relative;}
.bannerstrip{ height: 10px; background-color: #000000; width: 100%; float: left;}

/*------------------------------------------------------------Top Part--------------------------------------------------------------------------------------*/

.topbase{ background-color:#1e1e2a; width:100%; text-align:right; padding:15px 0px; }
.topbase ul{ display:inline-block; color:#FFFFFF; list-style:none;}
.topbase ul li{ display:inline-block; font-size:1.3em; font-weight:600; border-right:1px solid #FFFFFF; padding:0 8px;}
.topbase ul li.borernone{ border:none;}
.topbase ul li a{ text-decoration:none; color:#FFFFFF; transition:all .5s; cursor: pointer;}
.topbase ul li a i{ margin-right:6px; vertical-align:middle;}
.topbase ul li a.requestdemobtn{ background-color:#662f94; padding:6px 15px; border-radius:50px;}
.registernav{position: absolute; right:-43px; width: 240px; background-color: #ffffff; border-radius: 0; padding:0px; text-align: center; top:33px; box-shadow: 0 0 5px rgb(0 0 0 / 40%); display:none; z-index:99999;}
.registernav ul{ list-style:none; width:100%;}
.registernav ul li{ display:block; border:none; padding: 0;}
.registernav ul li a{transition:all .5s; text-decoration:none; display:block; text-align:left; padding:6px 20px; border-bottom:1px dashed #e3e3e3; color:#000000;}
.registernav ul li a:hover{background-color: #f1f1f1;}
.registernav:before{content: ''; border: 10px solid transparent; position: absolute; left: 0; right: 0; margin: auto; z-index: 9; width: 0; height: 0; top: -17px; border-bottom: 10px solid white;}

/*------------------------------------------------------------Header--------------------------------------------------------------------------------------*/
.voiceheader{ width: 100%; padding: 20px 0; float: left;}
.voiceheader .logo{float: left; width: 320px;}
.voiceheader .logo img{ width:100%; cursor: pointer;}
.voiceheader .navcontainer{width: calc(100% - 340px); float: left; padding-top: 10px;}


/*------------------------------------------------------------Banner--------------------------------------------------------------------------------------*/
.banner{ position: relative; max-width:1800px; width: 100%; margin: 0 auto; clear: both; } 
.banner img{ width: 100%;}
.banner .banner-inside{ position: absolute; max-width: 1100px; width: 90%; left: 0; right: 0; top:30px; bottom: 30px; margin: auto;}
.banner .banner-inside .headingsection{ margin-top: 40px;}
.banner .banner-inside .headingsection h1{font-size:8.6em; line-height:75px; -webkit-text-stroke: 2px white; color:#1e1e2a;}
.banner .banner-inside .headingsection h1 span{ display: block; color: #ffffff;}
.banner .banner-inside .headingsection a{ text-decoration: none;;}
.banner .banner-inside .headingsection a{background-color:#5a3789; display: inline-block;font-size: 1.6em; padding: 8px 10px; color: #FFFFFF; text-decoration: none; text-align: center;
  font-weight: 600; transition: all .5s; margin-top: 20px;}
.banner .banner-inside .headingsection a:hover{ background-color:#fd5d21;}

.searchvoice{ background-color: #ffffff; padding: 20px; position: absolute; bottom: 0; width: 100%;}
.searchvoice strong{font-size: 1.6em; color: #5a3789; display: block; margin-bottom: 10px;}
.searchvoice .row{ width: 100%; display: flex;  gap: 12px}
.searchvoice .row .col{flex: 0 0 19%; max-width:19%;}
.searchvoice .row .col.servicecol{ padding-right:20px; flex: 0 0 24%; max-width:24%;}
.searchvoice .row .col select{ padding: 10px; border: 1px solid grey; width: 100%;     background-color: #ffffff;}
.searchvoice .row .col.searchicon{flex: 0 0 20%; max-width: 20%; position: relative;}
.searchvoice .row .col.searchicon::before{    font-family: "Material Icons"; font-size: 2.2em; content: '\e8b6'; position: absolute; pointer-events: none; color: #ffffff;
  left: 19px; top: 8px;}
.searchvoice .row .col.searchicon input[type="submit"]{    background-color: #5a3789; padding: 10px; color: #ffffff; font-size: 1.6em; width: 150px; border: none; cursor: pointer;}

div#owl-demo5  .owl-controls{ display:none !important;}

/*------------------------------------------------------------SliderSection--------------------------------------------------------------------------------------*/
.slidercontainer{ width:100%; float: left; clear: both; margin:30px 0px; }
.box{ width:100%; display:block; padding:3px; position: relative;}
.box .imgbx{ width:100%; position:relative; overflow:hidden; transition:all .5s;}
.box .imgbx a{ display:block;}
.box .imgbx a img{transition:all .5s; width:100%; float:left; height: 190px; object-fit: cover;}

.box .imgbx i{ position:absolute; z-index:1; display: none; position:absolute; color:#FFFFFF; transition:all .5s; left:15px;  bottom:0; width:70px; height:60px; font-size:4em; text-shadow: 3px 3px rgb(0 0 0 / 75%);}
.box  .ui360{     position: absolute;
  left: 10px;
  top: 135px;
}
.ui360, .ui360 .sm2-360btn-default, .ui360 .sm2-360ui.sm2_paused .sm2-360btn{    background-size: 40px 40px !important;}
.ui360 .sm2-360ui.sm2_paused .sm2-360btn, .ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover, .ui360 .sm2-360btn-playing:hover{    background-size:22px 22px !important;}
.ui360 .sm2-360ui.sm2_playing .sm2-timing{    color: white;
  font-size: 12px;}
.box .contentdetail{ width:100%; background-color:#e5e5e5; padding:10px 0px; float:left;}
.box .contentdetail .ratingpart{ width:90%; margin:0 auto;}
.box .contentdetail .ratingpart h3{font-size:1.6em;}
.box .contentdetail .ratingpart .star{ margin:5px 0px;}
.box .contentdetail .ratingpart .star .material-icons-outlined{font-size:1.8em; color:#ea6b00; margin:0px; padding:0px;}
.box .contentdetail .ratingpart .star .material-icons-outlined.blackclr{color:#484848;}
.box .contentdetail .ratingpart strong{font-size:1.5em;}
.box .contentdetail .ratingpart strong i{ background-color:#ec6900; border-radius:50%; padding:0 2px;}
.box .contentdetail .ratingpart strong i:before{font-family: "Material Icons"; content:'\e876'; font-size: 1em; color:#FFFFFF;}
.box .contentdetail .ratingpart .gender{font-size:1.4em; margin:8px 0px; display:block;}
.box .contentdetail .ratingpart .advert{font-size:1.3em;}
.box .contentdetail .btngroup{ width:100%; margin:12px 0;}
.box .contentdetail .btngroup ul{ list-style:none;}
.box .contentdetail .btngroup ul li{ float:left; width:50%; text-align:center; }
.box .contentdetail .btngroup ul li a{text-decoration:none; color:#FFFFFF; font-size:1.4em; font-weight:600; display:block; padding:10px 4px; transition:all .5s;}
.box .contentdetail .btngroup ul li a.booknow{ background-color:#e86d06;}
.box .contentdetail .btngroup ul li a.viewdetails{ background-color:#feb070; color:#000000;}
.box .contentdetail .btngroup ul li a.booknow:hover{ background-color:#d16001;}
.box .contentdetail .btngroup ul li a.viewdetails:hover{background-color:#fea054;}

.owl-theme .owl-controls{top: 50%;  transform: translateY(-50%); position:absolute; margin:-25px 0 0 0; width:100%;}
.owl-theme .owl-controls .owl-pagination{ display:none;}
.owl-theme .owl-controls .owl-buttons div{opacity: 1; width:30px; height:30px; border-radius:0; margin:0px;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{left:-40px; position:absolute;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ right:-40px; position:absolute;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:after, .owl-theme .owl-controls .owl-buttons div.owl-next:after{font-family: "Material Icons"; font-size: 2.5em; position: absolute; background-color: #ef6e06; width: 100%; height: 100%;  top: 0px; left: 0; line-height: 30px;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:after{content: "\e5cb"; }
.owl-theme .owl-controls .owl-buttons div.owl-next:after{content: "\e5cc";}



/*------------------------------------------------------------ClientList--------------------------------------------------------------------------------------*/
.newcontainer{max-width:1040px; width:90%; margin:0 auto; }
.client{ width:60%; float:left;  margin: 40px 0;}
.heading{ text-align:center; line-height: 20px; position: relative; margin-bottom: 60px;}
.heading span{font-size:2em; font-weight: 600; color: #5c2793;}
.heading h2{font-size:3.5em; display:block; margin-top:6px;}
.heading::before{
  content: '\e029';
  font-family: "Material Icons";
  font-size: 3em;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  bottom: -45px;
  color: #9f9f9f;
  background-color: white;
  z-index: 1;
  width: 30px;
}
.heading::after{    border-bottom: 1px solid grey;
  content: '';
  position: absolute;
  max-width: 350px; width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -35px;}
  
.client .clientlogo{padding:20px 0;}
#owl-demo2.owl-theme .owl-controls, #owl-demo3.owl-theme .owl-controls{ display:block; position:static; margin:0px;}
#owl-demo2.owl-theme .owl-controls .owl-pagination, #owl-demo3.owl-theme .owl-controls .owl-pagination{ display:block; margin-top:0px;}
#owl-demo2 .owl-controls.clickable{margin-top: 30px;}
#owl-demo2.owl-theme .owl-controls .owl-buttons, #owl-demo3.owl-theme .owl-controls .owl-buttons{ display:none;}
#owl-demo2.owl-theme .owl-controls .owl-page span, #owl-demo3.owl-theme .owl-controls .owl-page span{ width:9px; height:9px; opacity:1; background-color:#e1e1e1;}
#owl-demo2.owl-theme .owl-controls .owl-page.active span, #owl-demo3.owl-theme .owl-controls .owl-page.active span{ background-color:#000000;}

.testimonial{ width:40%; border-left:2px solid #CCCCCC; padding-left:50px; float:left; margin: 40px 0px;}
.testimonial .monialcontent{}
.testimonial .monialcontent h4{font-size:1.6em; margin: 10px 0px; color: #5c2793; text-align: left;}
.testimonial .monialcontent h4 span{    font-size: 0.8em;
  display: block;
  color: #000000;
  font-weight: normal;}
.testimonial .monialcontent img{ display:block; text-align:center; margin:0px auto 10px;}
.testimonial .monialcontent p{font-size:1.4em; color:#333333; line-height:20px; text-align:justify;}



/*------------------------------------------------------------Categoires--------------------------------------------------------------------------------------*/
.ourwork{ background-color: #f1edec; width: 100%; float: left; padding: 30px 0;  }


/*------------------------------------------------------------Footer--------------------------------------------------------------------------------------*/
#footerbase{ background-color:#282828; width:100%;  clear:both;}
.footerinside{display:flex; flex-wrap:no-wrap; max-width:1200px; width:90%; margin:0 auto; padding:30px 0px;}
.footerinside .boxes{flex:0 0 25%;}
.footerinside .boxes strong{font-size:1.8em; font-weight: bold; font-weight:normal; color:#FFFFFF; display:block; pointer-events: none; font-weight: 600; margin-bottom:22px; position:relative;}
.footerinside .boxes strong:before{ width:30px; border-bottom:3px solid #FFFFFF; content:''; position:absolute; bottom:-7px; left:0;}
.footerinside .boxes ul{ list-style:none; padding-left:15px; cursor: pointer;}
.footerinside .boxes ul li{ display:block; font-size:1.2em; padding:3px 0; position:relative;}
.footerinside .boxes ul li:before{content: '\e5cc'; font-family: "Material Icons"; font-size: 1.3em; position: absolute; left: -20px; top:5px; color:#cfcfcf;}
.footerinside .boxes ul li a{ text-decoration:none; color:#cfcfcf; transition:all .5s; font-size: 1.2em;}
.footerinside .boxes ul li a:hover, .footerinside .boxes ul li:before{color:#ffffff;}
#footerbase .copyright{ text-align:center; background-color:#000000; width:100%; font-size:1.3em; color:#FFFFFF; padding:10px;}
.footerinside .boxes .arrow{ display:none;}
.footerinside .boxes ul.gallery{ padding: 0px; padding-right: 40px;}
.footerinside .boxes ul.gallery > li{ width: 50%; float: left;}
.footerinside .boxes ul.gallery > li::before{ content: inherit;}
.footerinside .boxes ul.gallery > li  img{ width:92%; height: 60px;}
.footerinside .boxes .footersocial{ width:100%; padding-left:40px; font-size: 1.3em;}
.footerinside .boxes .footersocial p{ color: #ffffff; padding-bottom:10px; position: relative;}
.footerinside .boxes .footersocial p.footermap:before{ content: '\f041'; font-family:FontAwesome;
  width: 30px;
  height:30px;
  color: #000000;
  font-size: 1.4em;
  background-color: #ffffff;
  display: block;
  position: absolute;
  left: -40px;
  border-radius: 50px;     line-height:30px;
  text-align: center;}
.footerinside .boxes .footersocial span{ display: block; padding:12px 0; position: relative;}
.footerinside .boxes .footersocial span.footerno{     margin-bottom: 10px;
  line-height: 10px;}
.footerinside .boxes .footersocial span.footerno:before{ content: '\f095'; font-family:FontAwesome;
  width: 30px;
  height: 30px;
  color: #000000;
  font-size: 1.4em;
  background-color: #ffffff; top: 0;
  display: block;
  position: absolute;
  left: -40px;
  border-radius: 50px;     line-height:30px;
  text-align: center;}
  .footerinside .boxes .footersocial span.footeremail{ line-height: 2px;}
  .footerinside .boxes .footersocial span.footeremail:before{ content: '\f003'; font-family:FontAwesome;
    width: 30px;
    height: 30px;
    color: #000000;
    font-size: 1.4em;
    background-color: #ffffff; top: 0;
    display: block;
    position: absolute;
    left: -40px;
    border-radius: 50px;     line-height:30px;
    text-align: center;}
.footerinside .boxes .footersocial span a{color:#ffffff; text-decoration: none;}
.footerinside .boxes .footersocial > ul { list-style: none; margin: 16px 0 0 -56px;}
.footerinside .boxes .footersocial > ul li:before{ display: none;}
.footerinside .boxes .footersocial > ul li{    display: inline-block; margin-right: 10px;
  width: 40px;
  height: 40px;
  
  text-align: center;

  line-height: 38px;}
  .footerinside .boxes .footersocial > ul li a{ display: block; color: #000000; background-color: white; transition: all .5s;   border-radius: 50px;}
  .footerinside .boxes .footersocial > ul li a i{line-height: 40px;}
  .footerinside .boxes .footersocial > ul li a:hover{background-color: #7445a9;
    color: white;}

@media only screen and (max-width:767px){
.footerinside{flex-direction: column;}
.footerinside .boxes{ position: relative;  border-bottom: 1px dashed #464646;}
.footerinside .boxes .head{cursor: pointer; transition: 0.2s ease;display: flex;justify-content: space-between; align-items: center; padding:6px 10px;}
.footerinside .boxes .arrow{transition: 0.25s ease; position:relative;}
.footerinside .boxes .head.active .arrow{ opacity: 1;  transform: rotate(90deg);}

.footerinside .boxes .arrow-animate{transform: rotate(0deg); opacity: 1;}
.footerinside .boxes .content{display: none; padding:10px 10px 10px 25px;}
.footerinside .boxes strong{pointer-events: auto; margin:0; font-size:1.5em;}
.footerinside .boxes .arrow{ display:block;}
.footerinside .boxes strong:before{ display:none;}
}



/*------------------------------------------------------------Login Popup--------------------------------------------------------------------------------------*/
.loginbase{position:absolute; width:100%; display:none; margin:auto; bottom:0; top:0; display:block;}
.loginbase.loginfrm{ display:none;}
.loginoverlayer{background-color:rgba(0,0,0,0.9); position:fixed; left:0; width:100%; height:100%; z-index:9999;  top:0; transition:all .5s;}
.loginbase .loginbox{max-width: 840px; width: 90%; position: absolute; height:580px; background-color: #FFFFFF; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index:99999;}
.loginbase .loginbox > span{position: absolute; top: 20px; right: 10px; color: white; z-index: 9; font-size: 4em; cursor: pointer; background-color: #5a3789;}
.loginbase .loginbox .leftpart{ width:55%; padding:30px; float:left; border-bottom:8px solid #5a3789; height:100%;}
.loginbase .loginbox .leftpart strong{font-size:3.2em; font-weight:bold; color: #5a3789; line-height:32px;}
.loginbase .loginbox .leftpart strong a{ display:block; text-decoration:underline; font-size:0.68em; color:#999999; font-weight:normal; margin-top:10px;}
.loginbase .loginbox .leftpart .formwrap{ width:100%; display:block; margin:40px 0px;}
.loginbase .loginbox .leftpart .formwrap .wrap{ margin-bottom:25px; position:relative; float:left; width:100%;}
.loginbase .loginbox .leftpart .formwrap .wrap input[type="text"], .loginbase .loginbox .leftpart .formwrap .wrap input[type="password"], .loginbase .loginbox .leftpart .formwrap .wrap input[type="password"], .loginbase .loginbox .leftpart .formwrap .wrap select{ border:none; width:100%; padding:10px 10px 10px 35px; font-size:1.6em; border-bottom:1px solid #333333;}
.loginbase .loginbox .leftpart .formwrap .wrap span.bottomline{ position:absolute; bottom:0; height:2px; background-color:#8969aa; left:0; width:0%; transition:all .5s;}
.loginbase .loginbox .leftpart .formwrap .wrap input[type="text"]:focus + span.bottomline, .loginbase .loginbox .leftpart .formwrap .wrap input[type="text"]:valid + span.bottomline, .loginbase .loginbox .leftpart .formwrap .wrap input[type="password"]:focus + span.bottomline, .loginbase .loginbox .leftpart .formwrap .wrap input[type="password"]:valid + span.bottomline{ left:0; right:0; margin:auto; background-color:#8969aa; width:100%;}

.loginbase.loginfrm,  .loginbase.ragisterfrm, .loginbase.voicecustomerpopup, .loginbase.translationpopup, .loginbase.contentnwritingpopup{ display:none;}
.loginbase.ragisterfrm .loginbox .leftpart .formwrap{margin:20px 0px;}
.loginbase.ragisterfrm .loginbox .leftpart .formwrap .wrap{ margin-bottom:20px;}
.loginbase .loginbox .leftpart .formwrap .wrap .wrap-divide{ width:48%; float:left; position:relative;}
.loginbase .loginbox .leftpart .formwrap .wrap .wrap-divide:last-child{ float:right;}
.loginbase .loginbox .leftpart .formwrap .wrap .wrap-divide input[type="text"], .loginbase .loginbox .leftpart .formwrap .wrap .wrap-divide input[type="password"], .loginbase .loginbox .leftpart .formwrap .wrap .wrap-divide select{ padding-left:0;}

.loginbase .loginbox .leftpart .formwrap .wrap.lock, .loginbase .loginbox .leftpart .formwrap .wrap.email{}
.loginbase .loginbox .leftpart .formwrap .wrap.lock:before, .loginbase .loginbox .leftpart .formwrap .wrap.email:before{ position:absolute; left:5px;  font-family: "Material Icons"; font-size: 1.8em; top:8px; color:#5a3789;}
.loginbase .loginbox .leftpart .formwrap .wrap.lock:before{content:'\e897';}
.loginbase .loginbox .leftpart .formwrap .wrap.email:before{content:'\e151';}
.loginbase .loginbox .leftpart .formwrap .wrap a.forgot{ float:right; font-size:1.5em; text-decoration:underline;  color:#333333;}
.loginbase .loginbox .leftpart .formwrap .wrap a.forgot:hover{ text-decoration:none;}
.loginbase .loginbox .leftpart .formwrap .wrap a.loginbtn{background-color:#5a3789; display:block; font-size:2em; padding:15px 10px; color:#FFFFFF; text-decoration:none; text-align:center; font-weight:600; transition:all .5s;}
.loginbase .loginbox .leftpart .formwrap .wrap a.loginbtn:hover{ background-color:#2a1546;}
.loginbase .loginbox .leftpart .formwrap .wrap span.registerline{font-size:1.8em; text-align:center; padding:10px; width:100%; display:block;}
.loginbase .loginbox .leftpart .formwrap .wrap span.registerline a{ color:#5a3789;}
.loginbase .loginbox .leftpart .formwrap .wrap ul{ list-style:none;}
.loginbase .loginbox .leftpart .formwrap .wrap ul li{ width:50%; text-align:center; float:left; margin-bottom:15px;}
.loginbase .loginbox .leftpart .formwrap .wrap ul li a{ text-decoration:underline; font-size:1.6em; color:#333333;}
.loginbase .loginbox .leftpart .formwrap .wrap ul li a:hover{ text-decoration:none;}

.loginbase .loginbox .rightpart{ width:45%; position:relative; float:left; background-color:#000000; height:100%;}
.loginbase .loginbox .rightpart img{ width:100%; height:100%;}
.loginbase .loginbox .rightpart .wemake{position: absolute; top: 120px; left: 0; color: #FFFFFF; width: 80%; right: 0;  margin: auto;}
.loginbase .loginbox .rightpart .wemake strong{font-size:3.4em; margin-bottom: 10px; display: block; color: #8a47e3; line-height:35px;}
.loginbase .loginbox .rightpart .wemake strong span{ display:block; color:#FFFFFF; font-size:.8em;}
.loginbase .loginbox .rightpart .wemake p{font-size:1.4em; line-height:22px;}
.loginbase .loginbox .rightpart .loginsocial{ position:absolute; bottom:50px; width:245px; left:0; right:0; margin:auto;}
.loginbase .loginbox .rightpart .loginsocial span{ font-size:2em; color:#FFFFFF; display:block; text-align:center; margin-bottom:20px;}
.loginbase .loginbox .rightpart .loginsocial ul{ list-style:none; text-align:center;}
.loginbase .loginbox .rightpart .loginsocial ul li{ display:inline-block; margin:0 5px;}
.loginbase .loginbox .rightpart .loginsocial ul li a{ text-decoration:none;}
.loginbase .loginbox .rightpart .loginsocial ul li a i.fa-facebook{background-color: #34487a; width: 40px; height: 40px; border-radius: 100%; line-height: 40px; text-align: center;
 color: white; font-size: 2em;}
 .loginbase .loginbox .rightpart .loginsocial ul li a i.fa-google-plus{background-color: #dc4335; width: 40px; height: 40px; border-radius: 100%; line-height: 40px; text-align: center; color: white; font-size: 2em;}
 .loginbase .loginbox .rightpart .loginsocial ul li a i.fa-linkedin{background-color: #005983; width: 40px; height: 40px; border-radius: 100%; line-height: 40px; text-align: center; color: white; font-size: 2em;}




/* The container */

.customcheck {display: inline-block; position: relative; padding-left:30px; cursor: pointer; font-size:1.5em; -webkit-user-select: none; -moz-user-select: none;
  -ms-user-select: none; user-select: none; line-height:20px; margin-left: 4px;}
/* Hide the browser's default checkbox */
.customcheck input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* Create a custom checkbox */
.checkmark {position: absolute; top: 0; left: 0; height:20px; width:20px; border:1px solid #5a3789;}
/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {}
/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark { border:none;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: ""; position: absolute; display: none;}
/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {display: block; border: solid #5a3789; border-width: 0 3px 3px 0; width: 5px; height: 10px;}
/* Style the checkmark/indicator */
.customcheck .checkmark:after {left:7px; top:3px; width:3px;  height: 8px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);  transform: rotate(45deg);}


/*------------------------------------------------------------Categories--------------------------------------------------------------------------------------*/
.categories{ } 
.categories .heading::before, .artistbase .heading::before{background-color: #f1edec;}
.categories p{font-size:1.8em; display:block; text-align:center; margin:40px 0px;}
.categories .row{ display:flex; flex-wrap:nowrap; justify-content: space-between;}
.categories .row .col{}
.categories .row .col a{ text-decoration: none;}
.categories .row .col a:hover{ text-decoration: underline;}
.categories .row .col .iconimg{width: 80px; height: 80px; background-color: #e1e1ff; border-radius: 50%; margin:0 auto; margin-bottom:10px;}
.categories .row .col .iconimg i{ background:url(../images/sprite.png) no-repeat; display:block; width:100%; height:100%; transition: all .5s;}
  .categories .row .col a:hover .iconimg i{ box-shadow: 3px 3px 5px rgb(0 0 0 / 40%);  border-radius: 50%; }
.categories .row .col .iconimg i.advertisment{background-position:11px 16px;}
.categories .row .col .iconimg i.anouncment{background-position:-70px 16px;}
.categories .row .col .iconimg i.child{background-position:-152px 12px;}
.categories .row .col .iconimg i.documentry{background-position:-241px 15px;}
.categories .row .col .iconimg i.explainer{background-position:-322px 15px;}
.categories .row .col .iconimg i.mimicry{background-position:-400px 13px;}
.categories .row .col .iconimg i.radio{background-position:-480px 12px;}
.categories .row .col .iconimg i.videogame{background-position:-567px 12px;}
.categories .row .col h3{font-size:1.5em; color:#461d6a; font-weight:600; text-align:center; display:block;}
.categories .btnblock{ display:block; text-align:center; margin-top:40px;}
.categories .btnblock a{display: inline-block; padding: 10px 30px; font-size: 1.6em; color: #FFFFFF; background-color: #3b0f5f; text-decoration: none;}


/*------------------------------------------------------------GetUpdates--------------------------------------------------------------------------------------*/
.getupdate{ float:left; width:100%; background:url(../images/getupbas.jpg) no-repeat center; background-size:cover; padding:20px;}
.getupdate .getintro{ width:100%; display: flex; justify-content: space-between; align-items: center;}
.getupdate .getintro .youinbox{ width:400px;}
.getupdate .getintro .youinbox i{ background:url(../images/sprite.png) no-repeat 0px -74px; margin-right:20px; width:60px; height:55px; display:inline-block;}
.getupdate .getintro .youinbox strong{ display:inline-block; font-size:2.8em; font-family:bold; width:70%; font-family:Arial, Helvetica, sans-serif; vertical-align:top; line-height:26px;}
.getupdate .getintro .youinbox strong span{font-size:.5em; display:block;}
.getupdate .getintro .subscribe{ width:calc(95% - 360px);}
.getupdate .getintro .subscribe input[type="text"]{ background-color:#FFFFFF; padding:13px; margin-right:1%; border:none; font-size:1.5em; color:#000000; display:inline-block; width:80%; border:1px solid white; transition:all .5s; font-family:inherit;}
.getupdate .getintro .subscribe input[type="text"]:focus{ border-color:#7445a9; background-color:#ebebeb;}
.getupdate .getintro .subscribe input[type="submit"]{background-color:#7445a9; padding: 14px; cursor: pointer;  color: #ffffff; font-size: 1.4em; font-weight:600;  width:17%;  border: none; transition:all .5s; font-family:inherit;}
.getupdate .getintro .subscribe input[type="submit"]:hover{ background-color:#5d2e91;}

span.closer{font-size:35px !important;}




/*------------------------------------------------------------professionalartist--------------------------------------------------------------------------------------*/
.artistbase{float:left; width:100%; background-color:#f1eded; }
.studiosection{width:100%; padding:0px 0px; float:left;}
.studiosection .studio{}
.studiosection .studio .studioimg{float:left; width:236px;}
.studiosection .studio .studiointro{ width:calc(95% - 250px); float:right;}
.studiosection .studio .studiointro .box{ padding:20px; position:relative; float:left; width:50%; padding-left:40px;}
.studiosection .studio .studiointro .box i{ position:absolute; left:0; font-size:2.8em; color:#662f93;}
.studiosection .studio .studiointro .box strong{font-size:1.8em; margin-bottom:10px; display:block;}
.studiosection .studio .studiointro .box p{ font-size:1.4em; line-height:20px;}
.studiosection .studio .studiointro .box a{ text-decoration:underline; color:#ef6c00; font-size:1.4em; margin:10px 0px; display:block;}
div#owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev:after, div#owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next:after{  background-color: #000000;}


/*------------------------------------------------------------artist recording--------------------------------------------------------------------------------------*/
.w1200{max-width: 1200px; width: 100%; margin: 0 auto;}
.wedget{width: 100%;}
.wedget .wedgetleft{width: 290px; background-color: #1e1e2a; vertical-align: top; float:left;}
.wedget .wedgetleft ul{ list-style: none; padding:0;}
.wedget .wedgetleft ul li{ display: block;}
.wedget .wedgetleft ul li a{ padding:5px 20px; color: #ffffff; font-size: 1.5em; text-decoration: none; display: block; transition: all .5s;}
.wedget .wedgetleft ul li a i{ background: url(../images/sprite.png) no-repeat; display: inline-block; width:32px; height:32px; vertical-align: middle; margin-right: 8px;}
.wedget .wedgetleft ul li a i.myrecording{background-position:-90px -85px;}
.wedget .wedgetleft ul li a i.favartist{background-position:-151px -85px;}
.wedget .wedgetleft ul li a i.artistrecord{background-position:-211px -85px;}
.wedget .wedgetleft ul li a i.transhistroy{background-position:-268px -85px;}
.wedget .wedgetleft ul li a i.wallet{background-position:-330px -85px;}
.wedget .wedgetleft ul li a i.acountset{background-position:-392px -85px;}
.wedget .wedgetleft ul li a i.invoiceset{background-position:-447px -85px;}
.wedget .wedgetleft ul li a i.notification{background-position:-500px -85px;}
.wedget .wedgetleft ul li:hover a, .wedget .wedgetleft ul li.active a{ background-color: #662f94;}
.wedget .wedgetright{width:calc(100% - 290px); float:left;}
.wedget .wedgetright h3{font-size: 1.8em; margin: 20px 0;}
.wedget .wedgetright .artistbx{width: 100%; display: block;}
.wedget .wedgetright .artistbx .row{ display: flex; flex-wrap: wrap; gap: 10px;}
.wedget .wedgetright .artistbx .row .cols{flex: 0 0 32%; max-width: 32%; background-color: #f1edec; padding: 8px;}

.dashboardwedget .wedgetright.wedgetfull{ width: 100%; padding: 0;}
.dashboardwedget{ margin-top: -4px;}




/*------------------------------------------------------------------------bof:InternalRegisterform-----------------------------------------------------*/
.fullwidth{ width:100%; float:left;}
.bg_purple{ background-color:#f1edec;}
.container2{ max-width:1040px; width:100%; margin:0 auto;}
.pointgrid{display: flex; flex-wrap: nowrap; justify-content: space-between; margin:60px 0; position:relative; overflow:auto; cursor: pointer;}
.pointgrid:before{content: ''; width: 100%; height:10px; background-color:#ffffff; display: block;  position: absolute; left: 0;  top:18px;  z-index:0;}
.pointgrid .pointcols{flex:0 1 25%; max-width:25%; text-align:center;}
.pointgrid .pointcols span{ width:100%; position:relative;}
.pointgrid .pointcols span i{ text-align:center; width:45px; height:45px; border-radius:50px; background-color:#ffffff; border:3px solid #662f94; display:block; margin:auto;}
.pointgrid .pointcols span i.active{ background-color:#662f94;}
.pointgrid .pointcols strong{margin-top: 10px; display: block; font-size: 1.5em; color: #662f94;}

.wedgetform{ width:100%; background-color:#FFFFFF; padding:40px; float:left;}
.wedgetform h3{font-size:2.4em; margin-bottom: 30px;}
.wedgetform .formnav{width:100%; display:block; float:left; margin-bottom:40px;}
.wedgetform .formnav ul{ list-style:none; border-collapse: collapse;}
.wedgetform .formnav ul li{ float:left; margin-left:-1px}
.wedgetform .formnav ul li a{ text-decoration:none; color:#000000; font-size:1.6em; padding:8px 12px; display:block; border:1px solid #000000; transition:all .5s;}
.wedgetform .formnav ul li a:hover, .wedgetform .formnav ul li a.active{ background-color:#000000; color:#FFFFFF;}
.wedgetform .form1{ clear:both;}
.wedgetform .form1 .formpanel{ display:flex; flex-wrap:wrap; justify-content: space-between; }
.wedgetform .delivery_form .formpanel { display: unset; }
.form_row { display: flex; flex-wrap: wrap; margin: 10px 0 30px;}
.wedgetform .form1 .formpanel .formwrap{flex:0 0 49%;  max-width: 49%; margin-bottom:30px; position: relative;}
.wedgetform .delivery_form .formpanel .formwrap { flex: 0 0 32%; margin-bottom: 10px; margin-right: 10px;}
.wedgetform .form1 .formpanel .formwrap i.fa-calendar{font-size: 1.6em;position: absolute; top: 40px; right: 15px;  color: #5a3789;}
.wedgetform .form1 .formpanel .formwrap label{font-size:1.4em; color:#000000; font-weight:600;}
.wedgetform .delivery_form .formpanel label{font-size:1.4em; color:#000000; font-weight:600;}
.tat{font-size:1.4em; color:#000000; font-weight:700;}
.wedgetform .form1 .formpanel .formwrap label span{ color:red;}
.wedgetform .form1 .formpanel .formwrap p{font-size: 1.1em; }
.wedgetform .form1 .formpanel .formwrap input[type="text"], input[type="date"], .wedgetform .form1 .formpanel .formwrap input[type="file"], .wedgetform .form1 .formpanel .formwrap .profileinput, .wedgetform .form1 .formpanel .formwrap textarea, .wedgetform .form1 .formpanel .formwrap select{margin-top: 10px; width: 100%; border: 1px solid #cdcdcd; padding:10px; font-family:inherit; transition:all .5s; font-size:1.4em;}
.wedgetform .form1 .formpanel .formwrap select.chosen-select ,.wedgetform .form1 .formpanel .formwrap input.chosen-search-input[type="text"] {margin-top: unset;}
.wedgetform .form1 .formpanel .formwrap input[type="time"]{width: 100%; border: unset; background-color:#cdcdcd; margin-top: 10px; padding-left: 15px; font-family:inherit; transition:all .5s; font-size:1.4em;}
input.start[type="time"]::-webkit-calendar-picker-indicator { background: url("../images/start-time.png") no-repeat; padding: 14px; background-size: contain; }
input.end[type="time"]::-webkit-calendar-picker-indicator { background: url("../images/end-time.png") no-repeat; padding: 14px; background-size: contain; }


.wedgetform .form1 .formpanel .formwrap textarea{height:150px;}
.wedgetform .form1 .formpanel .formwrap input[type="text"]:focus, .wedgetform .form1 .formpanel .formwrap input[type="file"]:focus, .wedgetform .form1 .formpanel .formwrap .profile input:focus, .wedgetform .form1 .formpanel .formwrap textarea:focus{border:1px solid #5a3789;}
.wedgetform .form1 .formpanel .formwrap .profileinput{ position:relative; padding:3px;}
.wedgetform .form1 .formpanel .formwrap .profileinput .profilepic{background-color:#5a3789; padding: 6px 0; color:#ffffff; font-size: 1.1em; width: 180px; display: block; text-align: center;}
.wedgetform .form1 .formpanel .formwrap input[type="file"]{position: absolute; left: 0; padding: 5px 0px; opacity: 0; top: 0; margin: 0;  cursor:pointer;}

.wedgetform .form1 .formpanel .formwrapfull{ width: 100%; position: relative;}
.wedgetform .form1 .formpanel .formwrapfull .submitdiv{ position: relative; float: right;}
.wedgetform .form1 .formpanel .formwrapfull .submitdiv input[type="submit"] {text-decoration: none; font-size: 1.8em; color: #FFFFFF; padding: 12px 40px 12px 20px;
  background-color: #874eac; display: inline-block; border: 0; cursor: pointer; transition:all .5s;}
.wedgetform .form1 .formpanel .formwrapfull .submitdiv i{position: absolute; right: 20px; font-size: 2.4em; color: white; top: 9px;}
.wedgetform .form1 .formpanel .formwrapfull strong{position: absolute; left: 0;font-size: 1.3em; font-weight: 600; top: 10px;}
  .wedgetform .form1 .formpanel .formwrapfull strong span{ color: red;}
  .wedgetform .form1 .formpanel .formwrapfull.lastdiv{margin-top:40px;} 

.rowavaility{ width: 100%; margin: 20px 0px;}  
.rowavaility label{font-size:1.4em; color:#000000; font-weight:600; display: block;}
.rowavaility label span{ color:red;}
.rowavaility p{font-size: 1.4em; margin-top: 5px;}
.rowavaility .rowscroll{ overflow: auto;}
.rowavaility .row{background-color: #cfcfcf; padding: 14px;  margin: 10px 0px; display: table; width: 100%; font-size: 1.5em; font-weight: 600;}
.rowavaility .row .available24x7{ display: table-cell; width:30%;}
.rowavaility .row .availablerightpart{ display: table-cell; font-weight: normal; width:70%; text-align: right; vertical-align: middle; vertical-align: middle;}
.rowavaility .row .col{width:14.28%; display: table-cell; vertical-align: middle;}
.timer {  position: absolute; top: 10px; right: 0px; }

.languagecategories{ width: 100%; display: block; margin-top: 5px;}
.languagecategories span{display: inline-block; background-color: #dcdcdc; padding: 5px; font-size: 1.3em; position: relative; margin-top: 3px;}
  .languagecategories span i{margin-left:5px; margin-right:0px; cursor: pointer; color:#666666;}
  

.personal{ width:100%; padding:10px 30px; background-color:#FFFFFF; border-bottom:6px solid #662f94; position:relative; margin-top:-150px; margin-bottom:30px;}
.personal h2{font-size:3em; color:#662f93; display:none;}
.personal .row{ margin:0px auto; display:flex;align-items: center;    align-items: stretch;}
.personal .row .pinfo{ width:340px; text-align:center; float:left;}
.personal .row .pinfo .infoimg{ margin-top:0px; width:170px; margin:0 auto;}
.personal .row .pinfo .infoimg img{ width:100%;}
.personal .row .pinfo ul{ list-style:none; text-align:center; margin-top:0px;}
.personal .row .pinfo ul li{ display:inline-block; margin:10px;}
.personal .row .pinfo ul li a{ text-decoration:none; font-size:2.4em;     text-decoration: none; color: #662f94;}
.personal .row .pdetails{ width:calc(100% - 300px); float:right;}
.personal .row .pdetails h3{font-size:2.8em; color:#333333;}
.personal .row .pdetails strong{font-size:2em; color:#3c3c3c; display:block; margin:10px 0px;}
.personal .row .pdetails .btngroup{ width:100%; display:block; margin:30px 0px; float:left;}
.personal .row .pdetails .btngroup ul{ list-style:none;}
.personal .row .pdetails .btngroup ul li{ margin-right:10px; float:left;}
.personal .row .pdetails .btngroup ul li a{ text-decoration:none; color:#FFFFFF; padding:8px 12px; font-size:2em;}
.personal .row .pdetails .btngroup ul li a.viewplan{ background-color:#662f93;}
.personal .row .pdetails .btngroup ul li a.platinum{ background-color:#ff5e1e;}
.personal .row .pdetails .pdetailbx{ width:100%; float:left ;    margin-top: 12px;}
.personal .row .pdetails .pdetailbx .row{ width:100%; display:block; margin:3px 0px; float:left;}
.personal .row .pdetails .pdetailbx .row span{font-size:1.5em;}
.personal .row .pdetails .pdetailbx .row span.addheading{ width:100px; float:left; font-weight:600; font-size:1.4em;}
.personal .row .pdetails .pdetailbx .row span.adddetail{ float:left;}

.editicon{ text-align:right; width:100%; display:none;}
.editicon a{ text-decoration:none;}
.clientbanner{ height:200px; overflow:hidden;}



/*------------------------------------------------------------------------bof:artistrecording-----------------------------------------------------*/
.w1200{ max-width:1200px; width:100%; margin:0 auto;}
.wedget{ width:100%; background-color: #000000; float:left;}
.wedget .wedgetleft{ width:290px; float:left; vertical-align:top; background-color:#000000; padding-top: 30px;}
.wedget .wedgetright{ width:calc(100% - 290px); float:left;   background-color: #f1edec;}
.wedget .wedgetright h3{font-size:2em; color:#000000; margin-bottom:20px;}
.wedget .wedgetright h3.prof{margin-top: unset;}
.wedget .wedgetright .artistrow{ display:flex; gap:10px; flex-wrap: wrap;}
.wedget .wedgetright .artistrow .cols{flex:0 0 32%; max-width:32%; background-color:#ffffff; padding:5px;}
.wedget .wedgetright .artistrow .cols .imgsection{ float:left; width:100px;}
.wedget .wedgetright .artistrow .cols .artistdetail{float:left; width:calc(100% - 100px); padding-left:10px;}
.wedget .wedgetright .artistrow .cols .artistdetail strong{color:#672f92; font-size:1.3em; margin-bottom:3px; display:block;}
.wedget .wedgetright .artistrow .cols .artistdetail strong i{ color:#000000; margin-right:5px;}
.wedget .wedgetright .artistrow .cols .artistdetail .noword{ display:block; font-weight:600; margin:3px 0px; font-size:1.1em;}
.wedget .wedgetright .artistrow .cols .artistdetail .noword span{ font-weight:bold;}
.wedget .wedgetright .artistrow .cols .artistdetail .btngrp{ width:100%; margin-top:8px;}
.wedget .wedgetright .artistrow .cols .artistdetail .btngrp ul{ list-style:none;}
.wedget .wedgetright .artistrow .cols .artistdetail .btngrp ul li{ display:inline-block; width:49%;} 
.wedget .wedgetright .artistrow .cols .artistdetail .btngrp ul li a{ text-decoration:none; font-size:1.2em; color:#FFFFFF; text-align:center; display:block; padding:3px 0; transition: all .5s;}
.wedget .wedgetright .artistrow .cols .artistdetail .btngrp ul li a.ongoing{ background-color:#874eac;}
.wedget .wedgetright .artistrow .cols .artistdetail .btngrp ul li a.view{ background-color:#ff7f02;}

.starbase{ background-color:rgba(0,0,0,.8); width:100%; height:100%; position:fixed; z-index:999; display:none; top:0; left:0;}
.starbase .starreview{ width:90%; max-width:900px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:440px; background-color:#662f94; padding:50px;}
.starbase .starreview span.satisfiedclose{position: absolute; right: 10px;  top: 10px; font-size: 4em; color: white; cursor: pointer;}
.starbase .starreview strong{ font-size:2.4em; color:#FFFFFF; border-bottom:1px solid #7d4aa6; padding-bottom:10px; display:block; font-weight:normal;}
.starbase .starreview .reviewpart{ width:100%; padding:30px 0px;}
.starbase .starreview .reviewpart p{ font-size:1.6em; color:#FFFFFF;}
.starbase .starreview .reviewpart .starrow{ margin-top:20px; display:block; margin-bottom:30px;}
.starbase .starreview .reviewpart .starrow i{font-size:5em; color: #FFFFFF; margin-right: 50px; }
.starbase .starreview .reviewpart textarea{ width:100%; border:1px solid #7d4aa6; padding:10px; height:80px; background:transparent; font-family:inherit; color:#FFFFFF; font-size:1.4em; margin-top:20px; background-color:#8035bf;}
.starbase .starreview .reviewpart input[type="submit"]{text-decoration: none; font-size:1.7em; color: #FFFFFF;padding:8px 25px; background-color: #ffffff; display: inline-block;
border: none; margin-top: 10px; cursor:pointer; font-weight:600; color:#662f94;}

ul.tabs, ul.tabs2 { list-style:none;}
ul.tabs li, ul.tabs2 li {float: left; width:100%;}
ul.tabs li a, ul.tabs2 li a {text-decoration: none; padding: 18px 14px;  display: block; color: #363636;  text-align: left;  border-radius: 0px; width: auto; margin-bottom: 0px;  font-weight: 600; font-size: .9em;}
ul.tabs li a:hover, ul.tabs2 li a:hover {background: #ccc;}
.tab_container {border-top: none; overflow: hidden; clear: both;  float: left; width: 100%; background: #fff;}
.tab_content, .tab_content2 { padding: 0px; font-size: 1.2em;}



.revision{ background-color:rgba(0,0,0,.8); width:100%; height:100%; position:fixed; z-index:999; display:none; top:0; left:0;}
.revision .revisionview{ width:90%; max-width:900px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:400px; background-color:#662f94; padding:50px;}
.revision .revisionview span.revisionclose{position: absolute; right: 10px;  top: 10px; font-size: 4em; color: white; cursor: pointer;}
.revision .revisionview strong{ font-size:2.4em; color:#FFFFFF; border-bottom:1px solid #7d4aa6; padding-bottom:10px; display:block; font-weight:normal;}
.revision textarea{ width:100%;}
.revision textarea{ width:100%; border:1px solid #7d4aa6; padding:10px; height:200px; background:transparent; font-family:inherit; color:#FFFFFF; font-size:1.4em; margin-top:20px; background-color:#8035bf;}
.revision input[type="submit"]{text-decoration: none; font-size:1.7em; color: #FFFFFF;padding:8px 25px; background-color: #ffffff; display: inline-block;
border: none; margin-top: 10px; cursor:pointer; font-weight:600; color:#662f94;}


.transhistory{ width:100%; float: left;}
.searchrow{position: relative;  text-align: right; width:100%; float:left; margin-bottom:20px;}
.searchrow .pagesdroplist{ display:table; float:left;}
.searchrow .pagesdroplist span{ vertical-align:middle; font-size:16px;}
.searchrow .pagesdroplist select{width: 63px;border: 1px solid grey;  padding: 7px 4px; margin: 0 8px; background-color: grey; color: white; font-size:15px;}
.searchinput{ position:relative; text-align:right;  float:right;}
.searchinput input[type='text']{ padding:8px; font-size:13px; border:1px solid #CCCCCC; width:200px; font-family:inherit; transition:all .5s;}
.searchinput input[type='text']:focus{ width:250px; background-color:#CCCCCC;}
.searchinput input[type='text']:focus + .searchinput:after{ background-color:#662f94; color:#FFFFFF;}
.searchinput:after{content: '\f002';font-family: FontAwesome; font-size: 1.4em; position: absolute;right: 0; top: 0; background-color:#CCCCCC; display: block;
height: 36px; width: 30px; text-align: center; line-height: 33px; cursor:pointer;}

.transhistory .row{ padding:15px 20px;}
.transhistory .row .searchinput{ position:relative; text-align:right; margin-right:-20px;}
.transhistory .row .searchinput input[type='text']{ padding:8px; font-size:1.2em; border:1px solid #CCCCCC; width:200px; font-family:inherit; transition:all .5s;}
.transhistory .row .searchinput input[type='text']:focus{ width:250px; background-color:#CCCCCC;}
.transhistory .row .searchinput input[type='text']:focus + .searchinput:after{ background-color:#662f94; color:#FFFFFF;}
.transhistory .row .searchinput:after{content: '\f002';font-family: FontAwesome; font-size: 1.4em; position: absolute;right: 0; top: 0; background-color:#CCCCCC; display: block;
height: 36px; width: 30px; text-align: center; line-height: 33px; cursor:pointer;}
.transhistory .row:nth-child(even){ background-color:#ffffff;}
.transhistory .row.historyhead{ background-color:#662f94;}
.transhistory .row.historyhead .col{ font-size:1.3em; color:#FFFFFF;}
.transhistory .row .col{ display:table-cell; color:#FFFFFF; font-size:1.2em; color:#000000; text-align:center;}
.transhistory .row .col:first-child{ text-align:left;}
.transhistory .row .col span{ display:block;}
.transhistory .row .col span.transid{ width:240px;}
.transhistory .row .col span.amounthistory{ width:140px}
.transhistory .row .col span.wallethistory{ width:115px;}
.transhistory .row .col span.datehistory{ width:107px;}
.transhistory .row .col span.statushistory{ width:112px;}
.transhistory .row .col span.completed{ color:green;}
.transhistory .row .col span.artistid{ width:85px;}

.transhistory .pagesdroplist{ display:table; float:left;}
.transhistory .pagesdroplist span{ vertical-align:middle; font-size:1.4em;}
.transhistory .pagesdroplist select{width: 63px; border: 1px solid grey;padding: 8px; margin: 0 8px;  background-color: grey;  color: white;}

.pagination{ text-align:right;}
.pagination ul{ list-style:none; float:left; width:100%; margin:30px 0px;}
.pagination ul li{ display:inline-block;}
.pagination ul li a{ text-decoration:none; padding:8px 12px; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; background-color:#333333; color:#FFFFFF; display:block; transition:all .5s;}
.pagination ul li a.active{background-color: #662f94;}


.nextmore{ display:block; text-align:right; margin:10px 0;}
.nextmore a{text-decoration: none; font-size: 1.4em; color: #FFFFFF; padding:7px 12px; background-color: #662f94; display: inline-block;}
.nextmore a i{ margin-left:5px; font-size:1.2em; vertical-align:middle;}

.walletbx{}
.walletbx p{ font-size:1.4em; margin-bottom:30px;}
.walletbx .walletscore{ width:250px; background-color:#FFFFFF; border-radius:8px; padding:15px; text-align:center;}
.walletbx .walletscore strong{color:#662f93; font-size:3em; display:block;}
.walletbx .walletscore small{font-size:1.3em;}

.accountbx{ background-color:#FFFFFF; padding:30px; max-width:500px; width:98%;}
.accountbx strong{font-size:1.8em; margin-bottom:20px; display:block;}
.accountbx .accwrap{ margin-bottom:15px;}
.accountbx .accwrap input[type='text']{ padding:10px; border:1px solid #CCCCCC; font-family:inherit; font-size:1.2em; width:100%; transition:all 0.5s;}
.accountbx .accwrap input[type='text']:focus{ border:1px solid #000000;}
.accountbx .accwrap .accbtngrp{ display:block; text-align:right;}
.accountbx .accwrap .accbtngrp ul{ list-style:none;}
.accountbx .accwrap .accbtngrp ul li{ display:inline-block; margin-left:10px;}
.accountbx .accwrap .accbtngrp ul li a{text-decoration: none; font-size: 1.4em; color: #FFFFFF; padding:7px 12px; background-color:#874eac; display: inline-block; transition: all .5s;}

.invoiceheading{ font-size:2.4em; margin:20px 0px;}
.invoiceheading a{text-decoration: none; font-size:.7em; color: #FFFFFF; padding: 7px 12px;  background-color:#000000; display: inline-block; transition: all .5s; float:right; font-weight:normal;}.invoiceheading a:hover{ background-color:#764698;}
.invoicebx{ width:100%;}
.invoicebx{ width:100%;}
.invoicebx .invoicedetail{ background-color:#FFFFFF; padding:10px; float:left; width:100%;}
.invoicebx .invoicedetail .imgpart{ width:200px; float:left;}
.invoicebx .invoicedetail .imgpart img{ width:100%;}
.invoicebx .invoicedetail .detailpart{ width:calc(100% - 220px); float:left; padding-left:20px;}
.invoicebx .invoicedetail .detailpart .iconwithdetail{ display:block; font-size:1.5em; margin-bottom:4px;}
.invoicebx .invoicedetail .detailpart .iconwithdetail i{ background:url(../images/sprite.png) no-repeat 0px -74px; width:25px; height:30px; display:inline-block; vertical-align: bottom;}
.invoicebx .invoicedetail .detailpart .iconwithdetail i.imgnone{ background:none; padding-top: 11px; color: #662f93;}
.invoicebx .invoicedetail .detailpart .iconwithdetail i.anchorarow{ background-position:-22px -144px;}
.invoicebx .invoicedetail .detailpart .iconwithdetail.iconinline{ display:inline-block; margin-right:10px;}
.invoicebx .invoicedetail .detailpart .iconwithdetail i.birthdate{background-position: -62px -144px;}
.invoicebx .invoicedetail .detailpart .iconwithdetail i.caticon{background-position:-103px -140px;}
.invoicebx .invoicedetail .detailpart .iconwithdetail i.languateicon{background-position:-145px -141px;}
.invoicebx .invoicedetail .detailpart .iconwithdetail i.recordicon{background-position:-186px -141px;}
.invoicebx .invoicedescription{ margin:30px 0px; display:block; border-bottom:1px solid #662f94; padding:20px 0px; float:left; width:100%;}
.invoicebx .invoicedescription strong{ font-size:1.8em; margin-bottom:10px; display:block;}
.invoicebx .invoicedescription strong span{    color:#874eac;
 
  font-size: .9em;
  padding-left: 10px; font-weight: normal;}
.invoicebx .invoicedescription p{     font-size: 1.5em;
  line-height: 20px;
  height: 64px;
  overflow: auto;
  width: 100%;
  padding-right: 10px;}

.invoicebx .uploadrecording{ background-color:#FFFFFF; padding:10px; float:left; width:100%; margin:20px 0px;}
.invoicebx .uploadrecording a{ text-decoration:none; color:#000000; font-weight:bold; font-size:1.6em;}
.invoicebx .uploadrecording a:hover{ text-decoration:underline;}
.invoicebx .uploadrecording a i{vertical-align: middle; font-size: 1.4em; margin-left: 6px; color: #662f94;}
.invoicebx .invoicebtngrp{ width:100%; text-align:right;}
.invoicebx .invoicebtngrp ul{ list-style:none; margin-left:10px;}
.invoicebx .invoicebtngrp ul li{ display:inline-block;}
.invoicebx .invoicebtngrp ul li a{text-decoration: none; color: #FFFFFF; font-size: 1.4em; background-color: #874eac; padding: 7px 12px; transition: all .5s;}
.invoicebx .invoicebtngrp ul li a i{ margin-right:5px;}

.invoicebx .reviewrating{width: 100%; float: left; margin-bottom: 30px;}
.invoicebx .reviewrating h4{font-size:2em;}
.invoicebx .reviewrating .row{ width:100%; padding-left:22px;}
.invoicebx .reviewrating .row strong{ font-size:1.7em; display:block; list-style-type:square; margin:10px 0 5px 0; position:relative;     color: #421c6c;}
.invoicebx .reviewrating .row strong:before{content: '\f04d'; font-family: FontAwesome; position: absolute; left: -20px; font-size: .6em; top: 8px;}
.invoicebx .reviewrating .row p{font-size:1.4em; width:70%; float:left;}
.invoicebx .reviewrating .row span{ float:right; width:30%; text-align:right;}
.invoicebx .reviewrating .row span i{font-size:1.8em; margin-left:4px; color:#c7c7c7;}
.invoicebx .reviewrating .row span i.staractive{ color:#662f94;}


.notificationbx{border-bottom: 1px solid #878787; padding: 20px 0;}
.notificationbx strong{font-size: 1.5em; font-weight: 500; margin-bottom: 10px;  display: block;}
.notificationbx .row{ width:100%; display:block; padding:8px;}
.notificationbx .row:nth-child(even){ background-color:#FFFFFF;}
p{display: inline-block; vertical-align: middle;  width: 90%; font-size:1.2em;}

/*----------------------------------------------------------SwtichOnOff--------------------------------------------*/
label.switch {position: relative; display: inline-block;  width:50px; height:21px; float:right;}
label.switch input { opacity: 0; width: 0; height: 0;}
label.switch span.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffffff; -webkit-transition: .4s;  transition: .4s;}
label.switch span.slider:before {position: absolute; content: ""; height:15px; width:15px; left: 4px; bottom:2px; background-color:#662f93; -webkit-transition: .4s;
  transition: .4s;}
  label.switch input:checked +  span.slider { background-color:#f1edec;}
  label.switch input:focus +  span.slider {box-shadow: 0 0 1px #2196F3;}
  label.switch input:checked +  span.slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
/* Rounded sliders */
label.switch span.slider.round {border-radius: 34px; border: 1px solid #662f93;}
label.switch span.slider.round:before {border-radius: 50%;}
/*----------------------------------------------------------SwtichOnOff--------------------------------------------*/


/*--------------------------------------------------------------------------Dashboard----------------------------------------------------------------------*/
.dashboardtop{ background-color:#ffffff; width:100%; text-align:right; padding:4px 0px; float:left;}
.dashboardtop .logo{float: left; max-width: 320px;}
.dashboardtop .logo img{ width:100%;}
.dashboardtop .signoutpara{ position: relative; float:right; padding-top:30px;}
.dashboardtop .signoutpara > ul{color:#FFFFFF; list-style:none; }
.dashboardtop .signoutpara > ul > li{ display:inline-block; font-size:1.3em; font-weight:600; border-right:1px solid #FFFFFF; padding:0 8px;}
.dashboardtop .signoutpara > ul > li.borernone{ border:none;}
.dashboardtop .signoutpara > ul > li > a{ text-decoration:none; color:#000000; transition:all .5s;}
.dashboardtop .signoutpara > ul > li > a > i{ margin-right:6px; vertical-align:middle; font-size:1.4em;}
.dashboardtop .signoutpara > ul > li > a.requestdemobtn{ background-color:#662f94; padding:6px 15px; border-radius:50px;}

.dashboardnav{position: absolute; right:16px; width: 180px; background-color:#161616; border-radius: 0; padding: 0px;text-align: center; top: 60px; box-shadow: 0 0 5px rgb(0 0 0 / 40%); display: none; z-index: 99999;}
.dashboardnav ul{ list-style:none; width:100%; padding:0px;}
.dashboardnav ul li{ display:block; border:none; padding: 0;}
.dashboardnav ul li a{transition:all .5s; text-decoration:none; display:block; text-align:left; padding:6px 20px; border-bottom:1px dashed #e3e3e3; color:#ffffff; font-size: 1.4em; font-weight: 500; text-align: center;}
.dashboardnav ul li a:hover{background-color: #000000;}
.dashboardnav:before{content: ''; border: 10px solid transparent; position: absolute; left: 0; right: 0; margin: auto; z-index: 9; width: 0; height: 0; top: -17px; border-bottom: 10px solid #000000;}

.dashboardbanner{position: relative; max-width: 1800px; width: 100%;  margin: 0 auto; clear: both;}
.dashboardbanner img{ width:100%;    height: 140px;
  object-fit: cover;}
.dashboardbanner .bannerheading{max-width: 1040px; width: 90%; position: absolute; top: 50%; left: 0; right: 0; margin: auto;font-size: 6em; color: white; font-weight: bold;    transform: translateY(-50%);}


.w1200{max-width: 1200px; width: 100%; margin: 0 auto;}
.dashboardwedget{width: 100%;     background-color: #662f93; float: left;}
.dashboardwedget .wedgetleft{width:340px; background-color: #662f93; vertical-align: top; float:left; padding-top:20px;}
.dashboardwedget .wedgetleft ul{ list-style: none; padding:0;}
.dashboardwedget .wedgetleft ul li{ display: block; border-bottom:1px solid #333333;}
.dashboardwedget .wedgetleft ul li.managedropdown { display: none;}
.dashboardwedget .wedgetleft ul li a{ padding:5px 20px; color: #ffffff; font-size: 1.5em; text-decoration: none; display: block; transition: all .5s; font-weight: normal;}
.dashboardwedget .wedgetleft ul li a span{padding-top: 0px; display: inline-block; vertical-align: middle;}
.dashboardwedget .wedgetleft ul li a i{ background: url(../images/dashboard-sprite.png) no-repeat; display: inline-block; width:32px; height:32px; vertical-align: middle; margin-right: 8px;}
.dashboardwedget .wedgetleft ul li a i.dashboardicon{background-position:-15px -120px; background:none; font-size: 24px; padding: 5px 0 0 5px;}
.dashboardwedget .wedgetleft ul li a i.profileicon{background-position:-15px -120px;}
.dashboardwedget .wedgetleft ul li a i.usersicon{background-position:-84px -120px;}
.dashboardwedget .wedgetleft ul li a i.promoicon{background-position:-155px -123px;}
.dashboardwedget .wedgetleft ul li a i.voiceicon{background-position:-221px -125px;}
.dashboardwedget .wedgetleft ul li a i.reviewicon{background-position:-285px -125px;}
.dashboardwedget .wedgetleft ul li a i.pictureicon{background-position:-354px -125px;}
.dashboardwedget .wedgetleft ul li a i.videoicon{background-position:-427px -125px;}
.dashboardwedget .wedgetleft ul li a i.paymenticon{background-position:-485px -130px;}
.dashboardwedget .wedgetleft ul li a i.contacticon{background-position:-551px -130px;}
.dashboardwedget .wedgetleft ul li a i.usercommenticon{background-position:-17px -193px;}
.dashboardwedget .wedgetleft ul li a i.recordsicon{background-position:-90px -190px;}
.dashboardwedget .wedgetleft ul li a i.mdropdownicon{background-position:-207px -193px;}
.dashboardwedget .wedgetleft ul li a i.musersicon{background-position:-156px -190px;}
.dashboardwedget .wedgetleft ul li a i.mlike{background-position:-261px -190px;}
.dashboardwedget .wedgetleft ul li:hover a, .dashboardwedget .wedgetleft ul li.active a{ background-color: #471570;}
.dashboardwedget .wedgetleft ul li ul{ display:none;}
.dashboardwedget .wedgetleft ul li ul li:hover a, .dashboardwedget .wedgetleft ul li ul li.active a{ background-color: #662f93;}

.dashboardwedget .wedgetright{width:calc(100% - 340px); padding-left: 30px; float:left;     background-color: #f1edec; min-height: 570px;}
.dashboardwedget .wedgetright h3{font-size: 1.8em; margin: 20px 0;}
.dashboardwedget .wedgetright .dashwed{ width:100%;}
.dashboardwedget .wedgetright .dashwed ul.homelink{ list-style:none;  background-color: white;}
.dashboardwedget .wedgetright .dashwed ul.homelink li{ float:left; position:relative; margin-right:5px;}
.dashboardwedget .wedgetright .dashwed ul.homelink li a{background-color:#662f93; color: #FFFFFF; text-decoration: none; display: block; padding:9px; padding-left: 30px; font-size:16px;}
.dashboardwedget .wedgetright .dashwed ul.homelink li a:before{content: ''; border: 20px solid transparent; border-left: 20px solid #662f93; position: absolute; top: 0; right: -40px; z-index: 9;}
.dashboardwedget .wedgetright .dashwed ul.homelink li a:after{content: ''; border: 20px solid transparent; position: absolute; top: 0; left:0px; border-left: 20px solid #ffffff;}
.dashboardwedget .wedgetright .dashwed ul.homelink li a.active{background-color: #ffffff;  color: black;  padding:4px 0 4px 14px;}
.dashboardwedget .wedgetright .dashwed ul.homelink li a.active:before{ border-left:20px solid #ffffff; z-index:1;}
.dashboardwedget .wedgetright .dashwed ul.homelink li a.active:after{ display:none;}
.dashboardwedget .wedgetright .dashwed ul.homelink li a i{color:#662f93;}
.dashboardwedget .wedgetright .dashwed ul.points{ list-style:none; float: left;   margin: 10px 0 0 -10px;}
.dashboardwedget .wedgetright .dashwed ul.points li{ float:left; width:45%; padding:10px;}
.dashboardwedget .wedgetright .dashwed ul.points li a{font-size:1.8em; color:#FFFFFF; display: flex; align-items:center; justify-content:left; text-decoration:none; height:100px; padding-left:40px; transition:all .5s;}
.dashboardwedget .wedgetright .dashwed ul.points li a.userbg{ background-color:#fbad4b;}
.dashboardwedget .wedgetright .dashwed ul.points li a.userbg:hover{background-color:#e69229;}
.dashboardwedget .wedgetright .dashwed ul.points li a.artistbg{ background-color:#5bcd51;}
.dashboardwedget .wedgetright .dashwed ul.points li a.artistbg:hover{ background-color:#3dc141;}
.dashboardwedget .wedgetright .dashwed ul.points li a.recordingbg{ background-color:#009efa;}
.dashboardwedget .wedgetright .dashwed ul.points li a.recordingbg:hover{ background-color:#0196ed;}
.dashboardwedget .wedgetright .dashwed ul.points li a.voicebg{ background-color:#662f94;}
.dashboardwedget .wedgetright .dashwed ul.points li a.voicebg:hover{ background-color:#521d7f;}
.dashboardwedget .wedgetright .dashwed ul.points li a.redeembg{ background-color:#ff656d;}
.dashboardwedget .wedgetright .dashwed ul.points li a.redeembg:hover{ background-color:#f4464f;}
.dashboardwedget .wedgetright .dashwed ul.points li a.reviewbg{ background-color:#f25c05;}
.dashboardwedget .wedgetright .dashwed ul.points li a.reviewbg:hover{ background-color:#d6550b;}
.dashboardwedget .wedgetright .dashwed ul.points li a.artistprofilebg{ background-color:#21a598;}
.dashboardwedget .wedgetright .dashwed ul.points li a.artistprofilebg:hover{ background-color:#179b8e;}
.dashboardwedget .wedgetright .dashwed ul.points li a.managecontactbg{ background-color:#8c6e64;}
.dashboardwedget .wedgetright .dashwed ul.points li a.managecontactbg:hover{ background-color:#7b5b51;}
.dashboardwedget .wedgetright .dashwed ul.points li a i{background: url(../images/dashboard-sprite.png) no-repeat; display: inline-block; width:60px; height:60px; vertical-align: middle; margin-right:20px;}
.dashboardwedget .wedgetright .dashwed ul.points li a i.usericon2{ background-position:-14px -19px;}
.dashboardwedget .wedgetright .dashwed ul.points li a i.artisticon2{ background-position:-114px -13px;}
.dashboardwedget .wedgetright .dashwed ul.points li a i.recodingicon2{ background-position:-217px -15px;}
.dashboardwedget .wedgetright .dashwed ul.points li a i.voiceicon2{ background-position:-323px -17px;}
.dashboardwedget .wedgetright .dashwed ul.points li a i.redeemicon2{ background-position:-417px -16px;}
.dashboardwedget .wedgetright .dashwed ul.points li a i.reviewicon2{ background-position:-511px -14px;}
.dashboardwedget .wedgetright .dashwed ul.points li a i.profileicon2{background-position: -318px -180px;}
.dashboardwedget .wedgetright .dashwed ul.points li a i.contacticon2{background-position: -400px -180px;}

/**multiselect dropdown***/
.chosen-container {  font-size: 13px;} 
.chosen-container .chosen-drop {  position: absolute;  top: 100%;  left: -9999px;  z-index: 1010;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  width: 100%;  border: 1px solid #cdcdcd;  border-top: 0;  background: #fff;}
.chosen-container.chosen-with-drop .chosen-drop {  left: 0;}
.chosen-container a {  cursor: pointer;}
.chosen-container.chosen-container-multi { width: 100% !important; } 
/* @end */

/* @group Results */
.chosen-container .chosen-results {  position: relative;  overflow-x: hidden;  overflow-y: auto;  margin: 0 4px 4px 0;  padding: 0 0 0 4px;  max-height: 240px;  -webkit-overflow-scrolling: touch;}
.chosen-container .chosen-results li {  display: none;  margin: 0;  height: 32px;  padding: 8px 12px;  font-size: 14px;  list-style: none;  -webkit-touch-callout: none;}
.chosen-container .chosen-results li.active-result {  display: list-item;  cursor: pointer;}
.chosen-container .chosen-results li.disabled-result {  display: list-item;  color: #ccc;  cursor: default;}
.chosen-container .chosen-results li.highlighted {  background-color: #874eac;  color: #fff; background-image: unset;}
.chosen-container .chosen-results li.no-results {  display: list-item;  background: #f4f4f4;}
.chosen-container .chosen-results li.group-result {  display: list-item;  font-weight: bold;  cursor: default;}
.chosen-container .chosen-results li.group-option {  padding-left: 15px;}
.chosen-container .chosen-results li em {  font-style: normal;  text-decoration: underline;}
/* @end */

/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {margin-top: 10px;  overflow: hidden;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  border: 1px solid #cdcdcd; cursor: text;  padding: 3px; box-shadow: unset; background-image: unset;}
.chosen-container-multi .chosen-choices li {  float: left;  list-style: none;}
.chosen-container-multi .chosen-choices li.search-field {  margin: 0;  padding: 0;  white-space: nowrap;font-size: 10px;}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {  margin: 1px 0;  height: 32px;  padding: 6px 12px;  font-size: 14px;  outline: 0;  border: 0 !important;  background: transparent !important;  box-shadow: none;  color: #666;  font-size: 100%;  font-family: sans-serif;  line-height: normal;  border-radius: 0;}
.chosen-container-multi .chosen-choices li.search-field .default {  color: #999;}
.chosen-container-multi .chosen-choices li.search-choice {  position: relative;  margin: 4px 0 4px 5px;  padding: 5px 25px 5px 5px;  background-color: #e4e4e4;  line-height: 13px;  cursor: default; border: unset; box-shadow: unset; background-image: unset; border-radius: unset;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {  position: absolute;  top: 6px;  right: 3px;  display: block;  width: 12px;  height: 12px;  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/35790/chosen-sprite.png') -42px 1px no-repeat;  font-size: 1px;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {  background-position: -42px -10px;}
.chosen-container-multi .chosen-choices li.search-choice-disabled {  padding-right: 5px;  border: 1px solid #cdcdcd;  background-color: #e4e4e4;  color: #666;}
.chosen-container-multi .chosen-choices li.search-choice-focus {  background: #d4d4d4;}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {  background-position: -42px -10px;}
.chosen-container-multi .chosen-results {  margin: 0;  padding: 0;}
.chosen-container-multi .chosen-drop .result-selected {  display: list-item;  color: #ccc;  cursor: default;}
/**multiselect dropdown**/






/* price delivery time & availity swich off on */
/*----------------------------------------------------------SwtichOnOff--------------------------------------------*/
label.availityswitch {position: relative; display: inline-block;  width:60px; height:25px; float:right;}
label.availityswitch.textmiddle{ vertical-align: middle; float: none; margin-left: 10px;}
label.availityswitch input { opacity: 0; width: 0; height: 0;}
label.availityswitch span.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffffff; -webkit-transition: .4s;  transition: .4s;}
label.availityswitch span.slider:before {position: absolute; content: ""; height:15px; width:15px; left:4px; bottom:3px; background-color:#662f93; -webkit-transition: .4s;
  transition: .4s;}
  label.availityswitch input:checked +  span.slider { background-color:#662f93;}
  label.availityswitch input:checked + span.r2 { background-color: #000; }
  label.availityswitch input:focus +  span.slider {box-shadow: 0 0 1px #2196F3;}
  label.availityswitch input:checked +  span.slider:before {-webkit-transform: translateX(33px); -ms-transform: translateX(33px); transform: translateX(33px);background-color: #fff;}
/* Rounded sliders */
label.availityswitch span.slider.round {border-radius: 34px; border:2px solid #662f93;}
label.availityswitch span.slider.round:before {border-radius: 50%;}

label.availityswitch.active{} 
label.availityswitch.active span.slider.round{border-color:black;}
label.availityswitch.active span.slider:before{background-color: #000000;}
/*----------------------------------------------------------SwtichOnOff--------------------------------------------*/


/*----------------------------------------------------------artistdashboard--------------------------------------------*/


.artistboard {width: 100%; float: left; margin: 30px 0;}
.artistboard .filtercont{ width: 100%; background-color: #662f93; padding:6px 10px; float: left; margin-bottom: 25px;}
.artistboard .filtercont .filterheading{ width: 100%; display: block; font-weight: normal; }
.artistboard .filtercont .filterheading > span{ float: left; font-size: 2.2em; color: #ffffff;}
.artistboard .filtercont .filterheading .filtertoggle{ position: relative;}
.artistboard .filtercont .filterheading .filtertoggle span{float: right; font-size: 1.6em; text-decoration: none; color: white; background-color: #f06522; padding: 6px 15px; cursor: pointer;}
.artistboard .filtercont .filterheading .filtertoggle ul{list-style: none; position: absolute; right: 0; top:39px; width: 131px; z-index: 9; display: none; background-color: #ffffff;}
.artistboard .filtercont .filterheading .filtertoggle ul li{ display: block; width: 100%; clear: both; margin-bottom:1px; float: left;}
.artistboard .filtercont .filterheading .filtertoggle ul li a{float: right; font-size: 1.6em; text-decoration: none; color: white; background-color: #f06522; padding: 6px 15px; display: block; text-align: center; width: 100%; transition: all .5s;}
.artistboard .filtercont .filterheading .filtertoggle ul li a:hover{background-color: #ffffff; color: #f06522;}
.artistboard .gridartist{ float: left; width: 100%; overflow: auto; white-space: nowrap;}
.artistboard .gridartist .row{ width: 100%; display: table;  border-collapse: collapse;}
.artistboard .gridartist .row .col{ border: 1px solid black; padding: 10px; padding: 10px; display: table-cell;}
.artistboard .gridartist .row .col strong{font-size:1.3em;}
.artistboard .gridartist .row .col.artiston{ width:70px;}
.artistboard .gridartist .row .col.aprovedon{width:130px;}
.artistboard .gridartist .row .col.lastlogin{width:120px;}
.artistboard .gridartist .row .col.emailverified{width:230px;}
.artistboard .gridartist .row .col.adminaproved{width: 200px;}
.artistboard .gridartist .row .col.projectcompleted{width:200px;}
.artistboard .gridartist .row .col.uniqueclient{width:200px;}
.artistboard .gridartist .row .col.regmode{width:120px;}
.artistboard .gridartist .row .col.operation{width:300px;}



.atrtable{border-collapse:collapse; overflow:auto; float:left; margin:0px 0px; width:100%;  max-height: 275px; min-height: auto; padding: 0 10px 10px 0px;} 
.atrtable .row{ display:table-row; background-color: #ffffff;}
.atrtable .row:nth-child(even){background-color:#e9e9e9;}
.atrtable .row:first-child span{ font-weight:bold; padding:5px 0;}
.atrtable .row .col{ display:table-cell; border:1px solid #000000; padding:5px 10px;}
.atrtable .row .col span{ display:block; white-space:nowrap; font-size: 1.4em;}
.atrtable .row .col span.first1{ width:65px;}
.atrtable .row .col span.first2{ width:140px;}
.atrtable .row .col span.first3{ width:120px;}
.atrtable .row .col span.first4{ width:210px;}
.atrtable .row .col span.first5{ width:80px;}
.atrtable .row .col span.first6{ width:43px;}
.atrtable .row .col span.first7{ width:151px;}
.atrtable .row .col span.first8{ width:98px;}
.atrtable .row .col span.first6, .atrtable .row .col span.first7, .atrtable .row .col span.first8{ text-align: center;}

div#myList .row span{font-weight: normal;}

.atrtable .row .col span.second1{ width:125px;}
.atrtable .row .col span.second2{ width:217px;}
.atrtable .row .col span.second3{ width:106px;}
.atrtable .row .col span.second4{ width:88px;}
.atrtable .row .col span.second5{ width:98px;}
.atrtable .row .col span.second6{ width:68px;}
.atrtable .row .col span.second1, .atrtable .row .col span.second3, .atrtable .row .col span.second4, .atrtable .row .col span.second5, .atrtable .row .col span.second6{ text-align: center;}


.atrtable .row .col span.three1{ width:57px;}
.atrtable .row .col span.three2{ width:88px;}
.atrtable .row .col span.three3{ width:80px;}
.atrtable .row .col span.three4{ width:158px;}
.atrtable .row .col span.three5{ width:130px;}
.atrtable .row .col span.three6{ width:128px;}
.atrtable .row .col span.three7{ width:94px;}
.atrtable .row .col span.three8{ width:68px;}
.atrtable .row .col span.three9{ width:557px;}

.atrtable .row .col span.three9 a{ display:inline-block; text-decoration:none; font-size:1em; padding:5px 10px; color:#FFFFFF; margin:0px;  vertical-align: middle;}
.atrtable .row .col span.three9 a.walletbtn{ background-color:#662f94;  padding: 1px 11px 2px 8px;}
.atrtable .row .col span.three9 a.viewprofilebtn{ background-color:#f06522;}
.atrtable .row .col span.three9 a.ongoingbtn{ background-color:#ffb00d;}
.atrtable .row .col span.three9 a.activebtn{ background-color:#30b406;}
.atrtable .row .col span.three9 a.rejectbtn{ background-color:#e60009;}
.atrtable .row .col span.three9 a i{font-size:1.3em; margin-right: 4px; font-style: normal;}
.atrtable .row .col span.three9 a.walletbtn i{font-size: 1.4em;}
.atrtable .row .col span.three9 a.activebtn i, .atrtable .row .col span.three9 a.rejectbtn i{  vertical-align: initial; line-height: 0;}

.viewprofilesection{ background-color:rgba(0,0,0,.8); width:100%; height:100%; position:fixed; z-index:999; display:none; top:0; left:0;}
.viewprofilesection .viewprofiles{ width:90%; max-width:900px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:600px; background-color:#ffffff; padding:30px; overflow:auto;}
.viewprofilesection .viewprofiles span.revisionclose{position: absolute; right: 10px;  top: 10px; font-size: 4em; color: white; cursor: pointer; color:#000000;}
.viewprofilesection .viewprofiles p{ font-size:1.6em;}


.atrtable .row .col span.three2, .atrtable .row .col span.three3, .atrtable .row .col span.three4, .atrtable .row .col span.three5, .atrtable .row .col span.three6, .atrtable .row .col span.three7, .atrtable .row .col span.three8{ text-align: center;}


.viewprofilesection .viewprofiles h2{ position: absolute; left: 0; top: 0; background-color:#662f94;  width: 100%; color: white;  padding: 12px 20px;}
.viewprofilesection .viewprofiles span.revisionclose{ z-index: 9; right:14px; top: 8px; color: #ffffff; font-size: 3em;}
.viewprofilesection .viewprofiles .insideview{ width: 100%; margin-top: 30px;}

.viewprofilesection .viewprofiles .insideview ul{ list-style: none;}
.viewprofilesection .viewprofiles .insideview ul li{ display:block; font-size: 1.4em; margin-bottom: 7px;}
.viewprofilesection .viewprofiles .insideview ul{ list-style: none;}
.viewprofilesection .viewprofiles .insideview ul li span{ margin-left: 10px;}
.viewprofilesection .viewprofiles .insideview ul li b{ float: left;}
.viewprofilesection .viewprofiles .insideview strong{font-size:1.6em; display: block; margin: 30px 0 10px; text-decoration: underline;}
.viewprofilesection .viewprofiles .insideview .row{ width: 100%; margin:15px 0px; display: block;}
.viewprofilesection .viewprofiles .insideview .row .popimg{ width:136px; float: left; margin-right: 20px;}
.viewprofilesection .viewprofiles .insideview ul li.profilestate{ display: inline-block; margin-right: 60px;}

.viewprofilesection .viewprofiles .insideview .row >  ul > li{    display: inline-block;  border-right: 1px solid black;  padding-right:10px; margin-right: 10px;}


.searchvoice{}
.searchvoice{ padding:30px;}
.tabingcontainer{ position: relative; top: 90%;}
.tabingcontainer .searchvoice ul{ list-style: none; position: relative; left: -20px; top: -46px;}
.tabingcontainer .searchvoice ul li{ margin-right: -2px; display: inline-block;  background-color: #ffffff;}
.tabingcontainer .searchvoice ul li a{ text-decoration: none;  padding:12px; color: #000000; display: block; font-size: 1.6em; font-weight: 600;}
.tabingcontainer .searchvoice h2{font-size:8.6em; line-height:75px; -webkit-text-stroke: 2px white; color:#1e1e2a; position: absolute; top: -300px;}
.tabingcontainer .searchvoice h2 span{ display: block; color: #ffffff;}
.tabingcontainer .searchvoice ul li.active a{background-color: #5a3789; color: #ffffff;}
.tabingcontainer .searchvoice h2.translationheading{padding-top: 40px;}

#waveform{ height: 0; overflow: hidden;}



/*-------------------------------------------------Contact Us----------------------------------------------------------------------------------------------------*/
.contactus{ width:100%; display:table; margin:30px  auto; max-width:1000px;}
.contactus .contactleft{ width:40%; background-color:#662f94; display:table-cell; padding:30px;}
.contactus .contactleft h2{ font-size:2.2em; color:#FFFFFF; margin-bottom:8px;}
.contactus .contactleft .c_detail{ width:100%;}
.contactus .contactleft .c_detail .row{ float:left; width:100%; margin-top:20px;}
.contactus .contactleft .c_detail .row:last-child{ margin-top:30px;}
.contactus .contactleft .c_detail .row i{ float:left; color:#FFFFFF; width:50px;}
.contactus .contactleft .c_detail .row i.fa-map-marker{font-size:2.4em;  padding-left: 5px;}
.contactus .contactleft .c_detail .row i.fa-envelope-open{font-size:2em;}
.contactus .contactleft .c_detail .row i.fa-volume-control-phone{font-size: 2.5em; transform: rotate(-45deg); margin-top: -14px;}
.contactus .contactleft .c_detail .row .contact_detail{ float:left; color:#FFFFFF}
.contactus .contactleft .c_detail .row .contact_detail strong{ font-size:1.6em; font-weight:600; margin-bottom:5px; display:block;}
.contactus .contactleft .c_detail .row .contact_detail p{ font-size:1.4em; line-height:20px;}
.contactus .contactleft .c_detail .row .contact_detail a{ text-decoration:none; font-size:1.6em; color:#FFFFFF;}
.contactus .contactleft .c_detail .row > iframe{ border:10px solid #FFFFFF;}

.contactus .contactright{ width:60%; background-color:#FFFFFF; display:table-cell; padding:30px;}
.contactus .contactright strong{ font-size:1.8em;}

.contactus .contactright .formwrap{margin:0px 0px;}
.contactus .contactright .formwrap .wrap{ margin-bottom:20px;}
.contactus .contactright .formwrap .wrap .wrap-divide{ width:48%; float:left; position:relative;}
.contactus .contactright .formwrap .wrap .wrap-divide:last-child{ float:right;}
.contactus .contactright .formwrap .wrap .wrap-divide input[type="text"], .loginbase .loginbox .leftpart .formwrap .wrap .wrap-divide input[type="password"], .loginbase .loginbox .contactus .contactright .formwrap .wrap .wrap-divide select{ padding-left:0;}

.contactus .contactright .formwrap .wrap input[type="submit"]{background-color: #7445a9; padding: 8px; cursor: pointer; color: #ffffff; font-size: 1.8em; font-weight: normal;
    width:120px; border: none; transition: all .5s; font-family: inherit; float: right;}
.contactus .contactright .formwrap .wrap{margin:20px 0px;}
.contactus .contactright .formwrap .wrap .wrap-divide{ width:48%; float:left; position:relative;}
.contactus .contactright .formwrap .wrap .wrap-divide:last-child{ float:right;}
.contactus .contactright .formwrap .wrap .wrap-divide input[type="text"], .loginbase .loginbox .leftpart .formwrap .wrap .wrap-divide input[type="password"], .loginbase .loginbox .contactus .contactright .formwrap .wrap .wrap-divide select{ padding-left:0;}

.contactus .contactright .formwrap .wrap.lock, .loginbase .loginbox .leftpart .formwrap .wrap.email{}
.contactus .contactright .formwrap .wrap.lock:before, .contactus .contactright .formwrap .wrap.email:before{ position:absolute; left:5px;  font-family: "Material Icons"; font-size: 1.8em; top:8px; color:#5a3789;}
.contactus .contactright .formwrap .wrap.lock:before{content:'\e897';}
.contactus .contactright .formwrap .wrap.email:before{content:'\e151';}
.contactus .contactright .formwrap .wrap a.forgot{ float:right; font-size:1.5em; text-decoration:underline;  color:#333333;}
.contactus .contactright .formwrap .wrap a.forgot:hover{ text-decoration:none;}
.contactus .contactright .formwrap .wrap a.loginbtn{background-color:#5a3789; display:block; font-size:2em; padding:15px 10px; color:#FFFFFF; text-decoration:none; text-align:center; font-weight:600; transition:all .5s;}
.contactus .contactright .formwrap .wrap a.loginbtn:hover{ background-color:#2a1546;}
.contactus .contactright .formwrap .wrap span.registerline{font-size:1.8em; text-align:center; padding:10px; width:100%; display:block;}
.contactus .contactright .formwrap .wrap span.registerline a{ color:#5a3789;}
.contactus .contactright .formwrap .wrap ul{ list-style:none;}
.contactus .contactright .formwrap .wrap ul li{ width:50%; text-align:center; float:left; margin-bottom:15px;}
.contactus .contactright .formwrap .wrap ul li a{ text-decoration:underline; font-size:1.6em; color:#333333;}
.contactus .contactright .formwrap .wrap ul li a:hover{ text-decoration:none;}


.contactus .contactright strong{font-size:2.2em;}
.contactus .contactright .formwrap{ width:100%; display:block; margin:0px 0px;}
.contactus .contactright .formwrap .wrap{ margin-bottom:25px; position:relative; float:left; width:100%;}
.contactus .contactright .formwrap .wrap input[type="text"], .contactus .contactright .formwrap .wrap input[type="password"], .contactus .contactright .formwrap .wrap input[type="password"], .contactus .contactright .formwrap .wrap select, .contactus .contactright .formwrap .wrap textarea{ border:none; width:100%; padding:10px 10px 10px 35px; font-size:1.6em; border-bottom:1px solid #333333;}
.contactus .contactright .formwrap .wrap textarea{padding: 0px; height: 80px;  font-size: 1.6em; font-family: inherit;}
.contactus .contactright .formwrap .wrap span.bottomline{ position:absolute; bottom:0; height:2px; background-color:#8969aa; left:0; width:0%; transition:all .5s;}
.contactus .contactright .formwrap .wrap input[type="text"]:focus + span.bottomline, .contactus .contactright .formwrap .wrap input[type="text"]:valid + span.bottomline, .contactus .contactright .formwrap .wrap input[type="password"]:focus + span.bottomline, .contactus .contactright .formwrap .wrap input[type="password"]:valid + span.bottomline, .contactus .contactright .formwrap .wrap textarea:focus + span.bottomline{ left:0; right:0; margin:auto; background-color:#8969aa; width:100%;}
.contactus .contactright .formwrap .wrap textarea + span.bottomline{bottom:3px;}

/*--------------------------------------------------------------About Us--------------------------------------------------------------------------------------*/
.bannerheading h1{ font-size:1.2em;}
.aboutus{ padding:20px;}
.aboutus h2{ font-size:2.2em; color:#662f93; margin:30px 0px 20px 0;}
.aboutus p{ font-size:1.6em; line-height:26px; color:#000000; text-align:justify; width: 100%;}
.aboutus h3{font-size:2.4em; color:#662f93; margin:50px 0px 20px 0;}





.getfront{ width:100%; float:left;}
.getfront h2{font-size:3.5em; line-height:40px; font-weight: 600; color:  #000;}
.getfront h3{font-size: 2em; color: #181818; margin:20px 0px 20px 0;}

.getfront p{font-size: 1.5em; padding: 12px 0px; line-height: 22px; color: #000000;}
.accordion_container{width:100%;}
.accordion{color:#662f93; cursor: pointer; transition: 0.4s; cursor: pointer; font-size:1.4em;  padding:12px 12px; font-weight:600; border:1px solid #ccc; position:relative; background-color: #ffffff;}
 .getfrontinner{ width:100%; float:left;  padding:70px 40px;}
.getfrontinner strong, .getfrontinner h2{font-size:3.5em; line-height:40px; font-weight: 600; color: #000;text-align:center; display:block; padding-bottom:50px;}
 .getfrontinner p{ font-size:1.6em; padding:20px 0px; line-height: 25px; color:#7a7a7a; text-align:center;}
.accordion_container{width:100%; text-align:left;}
.accordion:after, .accordion.active:after{content: "\f107"; font-family: FontAwesome; right:12px; font-size: 1.4em; top:10px; font-weight: normal; position: absolute; width: 25px;
height: 25px; background-color: #662f93; text-align: center; border-radius: 50px; color: #fff; line-height: 26px;}
.accordion.active:after{content:"\f106";  line-height:24px;}
.panel{padding: 0 12px; max-height: 0; overflow: hidden; margin:-2px 0px; transition: max-height 0.2s ease-out; border: 1px solid #cccccc; background-color: #ffffff;}
.requestfordemo{ display:block; text-align:center; padding:30px 0px 50px; float:left; width:100%;}
.requestfordemo a{background-color: #7445a9; padding: 8px 14px; color: #ffffff; font-size: 1.6em; font-weight: normal; border: none; transition: all .5s; text-decoration: none;}

.personal .row .pdetails .categorie{ float:left; width:100%;}
.personal .row .pdetails .categorie > strong{font-size: 1.8em; color: #662f94; position: relative; padding-left: 26px; font-weight: 500; margin:0 0 6px 0;}
.personal .row .pdetails .categorie strong:before{ background:url(../images/sprite.png) no-repeat -374px -146px; width:25px; height:22px; position:absolute; content:''; left:0;}
.personal .row .pdetails .categorie tr td{ font-size: 1.5em; font-weight: 600; width: 125px; height: 35px;}
.personal .row .pdetails .categorie .editprofile{ margin-bottom:20px;}
.personal .row .pdetails a{text-decoration: none; font-size: 1.5em; color: #FFFFFF; padding: 13px 20px; background-color: #662f94; display: inline-block; font-weight: 500;}

.wedget .wedgetleft ul li a i.artistperson{background-position: -217px -145px;}
.profsection{width: 100%; padding: 20px; border-bottom: 2px solid white;  margin-bottom: 20px;}
.profsection .imgrow{ vertical-align:middle; font-size:2.2em; color:#FFFFFF;}
.profsection .imgrow img{ vertical-align:middle; margin-right:10px;}
.profsection .imgrow strong{ font-weight:normal;}
.wedget .wedgetleft .profsection ul{ list-style:none; padding:20px 0px 0;}
.profsection ul li a{ text-decoration:none; font-size:1.4em; color:#FFFFFF;}
.wedget .wedgetleft .profsection ul li a{ padding:0px;}
.wedget .wedgetleft .profsection ul li a i {background-image: none; margin: 0px -10px 0 0px;  vertical-align: baseline; height: 24px;}
.wedget .wedgetleft .profsection ul li:hover a{background: none;}

.sampledash{ width:100%; float:left; padding-top:20px;}
.sampledash h2{font-size:2.4em; margin-bottom:30px;}
.sampledash h2 i{background:url(../images/sprite.png) no-repeat -532px -142px; display:inline-block; width:38px; height:30px; transition: all .5s; vertical-align:top;}
.sampledash .row{ display:flex; flex-wrap:wrap; gap:10px;}
.sampledash .row .col{flex:0 0 32%; background-color:#FFFFFF; padding:14px; position:relative;}
.sampledash .row .col strong{font-size:1.6em; color: #662f94;}
.sampledash .row .col ul{ list-style:none; margin:10px 0px; min-height:50px; padding-left:28px;}
.sampledash .row .col ul li{ display:inline-block; font-size:1.6em; color: #662f94; font-weight:500; margin-right:10px; width:44%; vertical-align:top; position:relative; }
.sampledash .row .col ul li i.sampleicon{background:url(../images/sprite.png) no-repeat; display:inline-block; width:22px; height:22px; transition: all .5s; vertical-align:top; position:absolute; left:-28px;}
.sampledash .row .col ul li i.hindiicon{background-position: -265px -150px;}
.sampledash .row .col ul li i.audiobookicon{background-position:-319px -150px;}
.sampledash .row .col .audiospace{width: 112%;background-color: #eeeeee; position: relative; left: -6%; clear:both;}
.sampledash .row .col .audiospace .audioinside{}
.sampledash .row .col .audiospace .audioinside img{ width:100%;}

.sampledash .row .col .colimg{width:70px; float:left; margin-right:10px;}
.sampledash .row .col .colimg img{ width:100%;}
.sampledash .row .col .coldetails{ float:left;  width: calc(100% - 80px); padding-bottom:20px;}
.sampledash .row .col .coldetails p{font-size: 1.3em; color: #662f94; font-weight: 500;}
.sampledash h2 i.alsolikeicon{background: url(../images/sprite.png) no-repeat -18px -188px; display: inline-block; width: 38px; height: 30px; transition: all .5s; vertical-align: top;}
.sampledash h2 i.reviewicon{background: url(../images/sprite.png) no-repeat -65px -188px; display: inline-block; width: 38px; height: 30px; transition: all .5s; vertical-align: top;}
.linespace{ border-top:1px solid #999999; width:100%; display:block; padding-top:20px; margin-bottom:30px;}
.sampledash .row .col .strrating{ display:block; float: left; padding-top:10px;}
.sampledash .row .col .strrating i{font-size:1.3em; color: #72449b; margin-right:2px; }

.sampledash .row .col2{flex: 0 0 32%; background-color: #FFFFFF;  padding: 14px; position: relative; flex-direction: column; text-align: center;}
.sampledash .row .col2 strong{ display:block; font-size:1.8em; margin:10px 0px 5px; color:grey;}
.sampledash .row .col2 p{font-size:1.4em;}

.voiceleftpanel{ padding:20px; border-top: 2px solid white; float: left;  margin-top: 10px;}
.voiceleftpanel .box1{display: block; margin-bottom:30px; color: white;}
.voiceleftpanel .box1 strong{font-size:1.8em; font-weight:normal; margin-bottom:5px; display:block;}
.voiceleftpanel .box1 strong i{background: url(../images/sprite.png) no-repeat -65px -188px; display: inline-block; width: 30px; height: 30px; transition: all .5s; vertical-align: top;}
.voiceleftpanel .box1 strong i.voiceage{background-position:-161px -197px;}
.voiceleftpanel .box1 strong i.accent{background-position:-205px -190px;}
.voiceleftpanel .box1 strong i.rolesicon{background-position:-261px -200px;}
.voiceleftpanel .box1 strong i.styleicon{background-position:-306px -194px;}
.voiceleftpanel .box1 strong i.microicon{background-position:-346px -194px;}
.voiceleftpanel .box1 strong i.serviceicon{background-position:-384px -194px;}
.voiceleftpanel .box1 strong i.avilityicon{background-position:-425px -194px;}
.voiceleftpanel .box1 strong i.avilitytimeicon{background-position:-465px -194px;}
.voiceleftpanel .box1 p{font-size:1.2em;}

.sampledash h2 i.changepasswordicon{background: url(../images/sprite.png) no-repeat -505px -188px; display: inline-block; width: 38px; height: 30px; transition: all .5s; vertical-align: top;}
.accountbx{ margin-bottom:15px; padding:15px;}
.accountbx strong{font-size:1.6em;}
.accountbx{max-width: 100%; width: 100%;}
.accountbx form{max-width: 500px;  width: 100%;}
.walletbx{ margin-top:40px; display:block;}
.walletbx ul{list-style: none; width: 100%;display: block; clear: both;  float: left;  margin-bottom: 30px;}
.walletbx ul li{float:left;}
.walletbx ul li a{text-decoration: none;  color: #662f93;  padding: 10px 40px; background-color: white; font-size: 1.6em; font-weight: 600;}
.walletbx ul li a.active{ background-color: #662f93;  color: #ffffff;}
.walletbx ul li a.redeemamount{background-color: #662f93;  color: #ffffff; font-size:1.2em; padding:10px 15px;}
.walletbx .walletscore{ float:left; margin-right:20px; margin-top:40px;}
.walletbx ul li:last-child{ float:right;}

@media only screen and (max-width:767px){

}

@media only screen and (max-width:480px){


}