*{ margin:0; padding:0; }
body{background:#dee2e5 !important; margin:0; padding:0; font-family:'open sans'; overflow-x:hidden;}
img{ max-width:100%;}
a:focus{ outline:none !important; border:none !important;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus{border-color:#fff !important; outline-color:none!important; color:none !important;}
.top-head{ background:url('../images/top-nav-bg.jpg')0 0 no-repeat; background-size:cover; height:85px;}
ul.sign-up-nav{margin:20px 0 0 0; padding:0; display:inline-block; list-style:none; font-family:'open sans' ;float:right}
ul.sign-up-nav li{margin:0; padding:0; display:inline-block;}
ul.sign-up-nav li a{margin:0; padding:10px 30px; display:inline-block; color:#fff; font-weight:bold; border-radius:5px;}
input.form-control{ width:100% !important;}
p{ font-family:'open sans';}
.nav{ background:#fff;}
.nav.navbar-nav{ background:linear-gradient(#eee,#fff); background:-moz-linear-gradient(#eee,#fff);
                 background:-o-linear-gradient(#eee,#fff); background:-webkit-linear-gradient(#eee,#fff);} 
.glyphicon.glyphicon-search.form-control-feedback{ color:#fff;}
.banner-wrapper{ margin:25px 0 0 0;}
.rel-position{ margin:-1px 0 0 0;}
.green-text{ font-size:14px; font-family:'open sans'; margin:0; color:#8DB20F;}
.pad{ width:100%;  margin:2px 0; text-align:left;}
.xtra-pad{ padding:15px; line-height:22px; color:#989995; font-size:13px;}
.banner-wrapper{ margin:5px 0 0 0;}
.facebook {
    background: none repeat scroll 0 0 #81b9fe;
    border-radius: 13px;
    padding: 7px 19px !important;
    line-height:23px;

}

.ico-two, .ico-ten, .ico-nine, .ico-five, .ico-six,
.ico-eight, .ico-last, .ico-four, .ico-one, .ico-seven,
.ico-three, .ico-twelve, .model
{ max-width: 100%; background-size: 100%; background-image: url('../images/icon.png'); }

.ico-two { background-position: 0 0%; background-size: 100%; }
.ico-ten { background-position: 0 11.034483%; background-size: 103.571429%; }
.ico-nine { background-position: 0 18.556701%; background-size: 131.818182%; }
.ico-five { background-position: 0 25.773196%; background-size: 138.095238%; }
.ico-six { background-position: 0 32.989691%; background-size: 138.095238%; }
.ico-eight { background-position: 0 40.068493%; background-size: 145%; }
.ico-last { background-position: 0 46.917808%; background-size: 145%; }
.ico-four { background-position: 0 54.703833%; background-size: 152.631579%; }
.ico-one { background-position: 0 64.539007%; background-size: 161.111111%; }
.ico-seven { background-position: 0 71.621622%; background-size: 161.111111%; }
.ico-three { background-position: 0 80.851064%; background-size: 161.111111%; }
.ico-twelve { background-position: 0 88.356164%; background-size: 170.588235%; }
.model { background-position: 0 100%; background-size: 263.636364%; }

.fb, .gplus, .linked, .pin, .twiter
{ max-width: 100%; background-size: 100%; background-image: url('../images/social.png'); }

.fb { background-position: 0 0%; background-size: 100%; }
.gplus { background-position: 0 25%; background-size: 100%; }
.linked { background-position: 0 50%; background-size: 100%; }
.pin { background-position: 0 75%; background-size: 100%; }
.twiter { background-position: 0 100%; background-size: 100%; }



.facebook > i {color:#333;}
.google-plus > i {color:#333;}
.twitter > i {color:#333;}
.pinterest > i {color:#333;}

.google-plus {
    background: none repeat scroll 0 0 #ED676B;
    border-radius: 13px;
    padding: 7px 15px !important;
    line-height:23px;

}

.twitter{
    background: none repeat scroll 0 0 #30A8E6;
    border-radius: 13px;
    padding: 7px 15px !important;
    line-height:23px;

}
.pinterest{
    background: none repeat scroll 0 0 #ED676B;
    border-radius: 13px;
    padding: 7px 15px !important;
    line-height:23px;

}
.linked1{
    background: none repeat scroll 0 0 #81E0FE;
    border-radius: 13px;
    padding: 7px 15px !important;
    line-height:23px;

}
.new-cls {
    background: none repeat scroll 0 0 #750506;
    border: 1px solid #750506;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: -28px 10px 0 0;
    padding: 3px;
    position: relative;
    z-index: 51;
}
.fea-bg {
    background: url("../images/featured_artist_bg.jpg") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
    color: #445705;
    float: left;
    font-family: "open sans";
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 10px;
    text-align: center;
}
.new-cls-two{ background:#750506 !important; color:#fff; font-size:12px ; font-weight:bold; border:#750506 1px solid; border-radius:0px; position:relative; z-index:51; margin-right:2px; }
.new-cls-three{ background:#8DB20F !important; color:#fff; font-size:12px ; font-weight:bold; border:#8DB20F 1px solid; border-radius:0px; position:relative; z-index:51; }
.new-cls-three:hover{
    border:#7A990C 1px solid;
}
.red-image{ background:url('../images/footer-bg.jpg')0 0 no-repeat; color:#fff; margin:0px; font-family:'open sans'; padding:10px 0; float:left; width:100%;}
.red-image h4{ margin:0;}
.new-cls:hover{ background:#900607}
.white-box{ background:#fff; padding:0px 0px 0px 0px; width:100%; /* float:left; */ margin:17px 0 0px 0; padding:10px;}
.white-box-three{ background:#fff; padding:0px 0px 0px 0px; width:100%; float:left; margin:3px 0 0px 0; padding:10px;}
.white-box-four {
    background: none repeat scroll 0 0 #fff;
    float: left;
    margin: 3px 0 0;
    padding: 1px 0px;
    width: 100%;
}

.white-box-two {
    background: linear-gradient(#fff,#eee) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ddd;
    float: left;
    padding: 1px 0;
    width: 100%;
    margin:1px 0 6px 0;
}
h2.green-bg {
    background: none repeat scroll 0 0 #8db20f;
    color: #fff;
    font-family: "open sans";
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 7px 10px;
    text-transform: uppercase;
    width: 100%;
}
.carousel-inner .item img.cus{ height:275px; width:100%;}

.left-panel{  /* width:100%; float:left;  */}
.box{ border:#b53233 2px solid; padding:10px; width:100%; float:left;}
.search-form input[type=text]{ background:transparent; padding:5px; border:none; width:70%; float:left;}

ul.footer-nav{ margin:0; padding:10px 0 0 0; display:inline-block; list-style:none; border-top:#a5480f 1px solid;}
ul.footer-nav li{ margin:0; padding:0; display:inline-block;}
ul.footer-nav li a{ margin:0 ;padding:0 20px; display:inline-block; color:#f2f2f2; font-size:12px; text-decoration:none;}

ul.ico-nav{ margin:10px 0; padding:0; display:inline-block; list-style:none;}
ul.ico-nav li{ margin:0; padding:0; display:inline-block;}
ul.ico-nav li a{ margin:0; padding:0; display:inline-block; color:#fff;}
.last-bar{ background:#4b0303; padding:5px; float:left; width:100%;}

.footer{ background:url('../images/footer-bg.jpg')0 0 no-repeat; background-size:cover; margin:15px 0 0 0;}
footer p{ color:#fff;}
.box{ margin:15px 0;}
footer h1{ color:#fff;}
footer input{ background:#fff; padding:8px 10px; outline:none; border:none; width:50%; margin:10px 0}
footer select{background:#fff; padding:8px 10px; outline:none; border:none; width:30%;}
/*bootstrap modified*/
.navbar-nav > li > a{ line-height:12px !important;}
.navbar{ margin-bottom:5px !important}
.navbar-nav > li > a{ padding-top:10px!important;  padding-bottom:10px!important; padding-left:26px !important; padding-right:26px !important;}
.thumbnail{margin-bottom:10px !important;}
.navbar{ padding:5px 0; background:linear-gradient(#eee,#fff); background:-moz-linear-gradient(#eee,#fff); background:-o-linear-gradient(#eee,#fff); background:-webkit-linear-gradient(#eee,#fff);}
.blockquote p{ font-size:14px !important;}
.nav > li > a{ font-family:'open sans'; font-size:12px; border-right:#e7e7e7 2px solid;}
.nav > li > a > span {background: url("../images/sprite.png") no-repeat scroll 1px 2px transparent;display: block;height: 30px;width: 30px;}
.ico1.text-center > span {background-position:4px 5px; }
.ico2.text-center > span {background-position:4px -25px; }
.ico3.text-center > span {background-position:8px -57px ;}
.ico4.text-center > span {background-position:2px -88px ;}
.ico5.text-center > span {background-position:2px -118px; }
.ico6.text-center > span {background-position:5px -147px ; margin:0 0 0 10px;}
.ico7.text-center > span {background-position:4px -178px; margin:0 0 0 10px; }
.ico8.text-center > span {background-position:2px -205px; }
.ico9.text-center > span {background-position:2px -239px; }
.ico10.text-center > span {background-position:2px -269px ; margin:0 0 0 15px;}
.ico11.text-center > span {background-position:2px -297px ;}
.ico12.text-center > span {background-position:2px -328px ;}

.nav > li > a.ico1:hover  span {background-position:-28px 3px; }
.nav > li > a.ico2:hover  span{background-position:-28px -26px; }
.nav > li > a.ico3:hover  span{background-position:-25px -57px; }
.nav > li > a.ico4:hover  span{background-position:-29px -88px; }
.nav > li > a.ico5:hover  span{background-position:-29px -118px; }
.nav > li > a.ico6:hover  span{background-position:-28px -147px; }
.nav > li > a.ico7:hover  span{background-position:-28px -178px; }
.nav > li > a.ico8:hover  span{background-position:-28px -205px; }
.nav > li > a.ico9:hover  span{background-position:-28px -239px; }
.nav > li > a.ico10:hover  span{background-position:-28px -269px; }
.nav > li > a.ico11:hover  span{background-position:-28px -297px; }
.nav > li > a.ico12:hover  span{background-position:-28px -328px; }


.nav > li > a > span > img{ height:22px;}
.nav > li > a:hover{ background:#8db20f !important; color:#fff !important; border-right:#e7e7e7 2px solid;}
.nav > li > a.active{ background:#8db20f !important; color:#fff;}
ul .dropdown-menu{margin:0; padding:0; background:linear-gradient(#eee,#fff); background:-moz-linear-gradient(#eee,#fff); border:none;}
ul .dropdown-menu li a{padding:8px 15px; font-family:'open sans'; font-size:12px; border-bottom:#ddd 1px solid;}
ul .dropdown-menu li a span{ padding:5px}
ul .dropdown-menu li a span img{height:10px ;width:10px;}
ul .dropdown-menu li a:hover{background:#8db20f !important; color:#fff;}
.btn-success{ background:#8DB20F !important; border-radius:0px; border:#8DB20F 1px solid !important;font-weight:bold;}
.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 18px !important;
}
.navbar-toggle{ padding:5px 10px !important;}
/*latest-news-slider*/
.transition-timer-carousel .carousel-caption {


    width: 100%;
    left: 0px;
    right: 0px;
    bottom: -17px;
    text-align: left;
    padding-top: 5px;
    padding-left: 15%;
    padding-right: 15%;
}
.transition-timer-carousel .carousel-caption .carousel-caption-header {
    margin-top: 10px;
    font-size: 24px;
}



.transition-timer-carousel .carousel-indicators {
    bottom: 0px;
    margin-bottom: 5px;
}
.transition-timer-carousel .carousel-control {
    z-index: 11;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar {
    height: 5px;
    background-color: #5cb85c;
    width: 0%;
    margin: -5px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
    /* We make the transition time shorter to avoid the slide transitioning
    before the timer bar is "full" - change the 4.25s here to fit your
    carousel's transition time */
    -webkit-transition: width 4.25s linear;
    -moz-transition: width 4.25s linear;
    -o-transition: width 4.25s linear;
    transition: width 4.25s linear;
}

/*registered-user-slider*//* carousel */
.media-carousel 
{
    margin-bottom: 0;
    padding: 0 40px 0px 40px;
    margin-top: 20px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
    left: -12px;
    background-image: none;
    background: none repeat scroll 0 0 #8db20f;
    border: 4px solid #FFFFFF;
    /* border-radius: 23px 23px 23px 23px;*/
    height: 40px;
    width : 40px;
    margin-top: 30px;
    z-index:50;

}
/* Next button  */
.media-carousel .carousel-control.right 
{
    right: -12px !important;
    background-image: none;
    background: none repeat scroll 0 0 #8db20f;
    border: 4px solid #FFFFFF;
    /*border-radius: 23px 23px 23px 23px;*/
    height: 40px;
    width : 40px;
    margin-top: 30px;
    z-index:50;
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
    background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
    background: #333333;
}
.media-carousel img
{
    width: 250px;
    height: 100px
}
/* End carousel */

/*testimonials*/
/*-------------------------------*/
/*      Code snippet by          */
/*      @maridlcrmn              */
/*-------------------------------*/



.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
    padding-bottom: 15px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
    opacity: 1;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
    bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
    background-color: #e84a64;
    border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
.profile-circle {
    width: 100px;
    height: 100px;
    margin: 42px auto 0 auto;
    border-radius: 100px;
}
span.foo-header{color: rgb(255, 255, 255); line-height: 20px; font-family: "open sans"; font-size: 20px;}

.carousel-caption-text{
    background-color: rgba(0,0,0,0.8);
    padding:10px;
    text-align: center;
}
.newsTxt{
    font-size: 12px;
    margin: 5px 0 0;
    text-align: left;
}


/*search*/
.search-form .form-group {
    float: right !important;
    transition: all 0.35s, border-radius 0s;
    width: 32px;
    height: 32px;
    background-color: #6f0607;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

    border: 1px solid #ccc;
}
.search-form .form-group input.form-control {
    padding-right: 20px;
    border: 0 none;
    background: transparent;
    box-shadow: none;
    display:block;
}
.search-form .form-group input.form-control::-webkit-input-placeholder {
    display: none;
}
.search-form .form-group input.form-control:-moz-placeholder {
    /* Firefox 18- */
    display: none;
}
.search-form .form-group input.form-control::-moz-placeholder {
    /* Firefox 19+ */
    display: none;
}
.search-form .form-group input.form-control:-ms-input-placeholder {
    display: none;
}
.search-form .form-group:hover,
.search-form .form-group.hover {
    width: 100%;
    border-radius: 4px 25px 25px 4px;
}

.glyphicon .glyphicon-search .form-control-feedback{ color:#fff !important;}

.search-form .form-group span.form-control-feedback {
    position: absolute;
    top: -1px;
    right: -2px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

.search-form .form-group {
    float: right !important;
    transition: all 0.35s, border-radius 0s;
    width: 32px;
    height: 32px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    border-radius: 25px;
    border: 1px solid #ccc;
}
.search-form .form-group input.form-control {
    padding-right: 20px;
    border: 0 none;
    background: transparent;
    box-shadow: none;
    display:block;
}
.search-form .form-group input.form-control::-webkit-input-placeholder {
    display: none;
}
.search-form .form-group input.form-control:-moz-placeholder {
    /* Firefox 18- */
    display: none;
}
.search-form .form-group input.form-control::-moz-placeholder {
    /* Firefox 19+ */
    display: none;
}
.search-form .form-group input.form-control:-ms-input-placeholder {
    display: none;
}
.search-form .form-group:hover,
.search-form .form-group.hover {
    width: 100%;
    border-radius: 4px 25px 25px 4px;
}
.search-form .form-group span.form-control-feedback {
    position: absolute;
    top: -1px;
    right: -2px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #3596e0;
    left: initial;
    font-size: 14px;
}


.categorytable td a{
    color:#8DB20F;
    font-size:13px;
}
.categorytable td span{
    display:inline-block;
    background-color:#B21313;
    padding:3px 5px;
    color:#FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:9px;
    margin-left:10px;
}
.languagetable td a{
    color:#D91A1F;
    font-size:13px;
}
.languagetable td span{
    display:inline-block;
    background-color:#8DB20F;
    padding:3px 5px;
    color:#FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:9px;
    margin-left:10px;
}
.artistListBox p{
    font-size:13px;
    color:#59656D;

}
.noTopMar{margin-top:0;}
.searchboxContainer{
    padding:20px;
    background:url(../images/footer-bg.jpg) no-repeat left top;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.searchBox{
    padding:3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:2px solid rgba(255,255,255,0.2);
}
.searchBox div{
    margin-right:130px;
}
.searchBox div input[type="text"]{
    width:100%;
    height:35px;
    border:none;
    padding-left:40px;
    background:#FFF url(../images/magnify_glass.png) no-repeat 5px center;
}
.searchBox  input[type="submit"]{
    width:120px;
    float:right;
    height:35px;
    background-color: #8DB20F;
    color:#FFF;
    border:1px solid #7E9E0E;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
a.sinArtistBox{
    background-color:#FFF;
    border-bottom:1px solid #C8C8C8;
    border-right:1px solid #C8C8C8;
    border-top:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:5px;
    font-size:12px;
    margin-bottom:20px;
    display:block;
    color:#414141;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
a.sinArtistBox:hover{
    border-top:1px solid #C8C8C8;
    border-left:1px solid #C8C8C8;
    border-bottom:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF;
}
.sinArtistBox li{
    margin-bottom:5px;
    word-wrap: break-word;
}
.sinArtistBox ul{
    list-style-type:none;
}
.artistBoxesContainer{
    padding:10px 0;
}
.sinArtSubDetails{
    background-color:#8DB20F;
    padding:5px;
    color:#FFF;
    margin-top:10px;
}
.artistBoxesContainer .row{ margin: 0 -10px; }
.artistBoxesContainer div[class*="col-"]{padding: 0 8px;} 

.left-panel .pagination>li>a, .left-panel .pagination>li>span { border-radius: 50% !important;margin: 0 5px;}
.left-panel .pagination{
    margin:10px 0 0 0 ;
}
.left-panel .pagination > .active > a,.left-panel .pagination > .active > span,.left-panel .pagination > .active > a:hover,.left-panel .pagination > .active > span:hover,.left-panel .pagination > .active > a:focus, .left-panel .pagination > .active > span:focus {
    background-color: #8DB20F;
    border-color: #8DB20F;
}
.sinArtistBox .text-center{
    font-weight:bold;
}
.sinArtistBox img{
    margin:0 auto;
}
.advancedSearchBox{
    border:2px solid rgba(255,255,255,0.3);
    padding:10px;
    margin-top:5px;
}
.advancedSearchBox label{
    display:block;
    color:#535353;
    font-size:12px;
    font-weight:normal;
}
.advancedSearchBox input[type="text"]{
    width:100%;
    height:30px;
    border:none;
    margin-bottom:10px;
    padding-left:5px;
    border:1px solid #E6E6E6;
}
.advancedSearchBox select{
    width:100%;
    height:30px;
    border:none;
    margin-bottom:10px;
    border:1px solid #E6E6E6;
}
.advancedSearchBox input[type="submit"]{
    width:100px;
    height:30px;
    background-color:#8DB20F;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    color:#FFF;
}
a.advanSeaToggle{
    color: #FFF;
    display:block;
    margin:5px 0 0;
    font-size:12px;
}
.recordsFound{
    font-size:13px;
    text-align:right;
    margin-top:5px;
}
.row{ margin: 0 -7px; }
div[class*="col-"]{padding: 0 7px;}  
#myModal01 .modal-body {
    padding:10px;
}
.left-panel .pagination > li > a, .left-panel .pagination > li > span {
    padding: 2px 7px;
    font-size:10px;
}
.filesTable th,.filesTable td{
    text-align:center;
    font-size:13px;
}
.activeStar{
    color:#FFB032;
}
.inActiveStar{
    color:#CACACA;
}
a.applyBut{
    display:inline-block;
    padding:3px 10px;
    background-color:#8DB20F;
    color:#FFF;
    font-size:11px;
    text-decoration:none;
}
.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 700px;
    margin: 20px auto;
}
.contact-popup{
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
}
/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
.ui360,
.sm2-360ui {
    /* size of the container for the circle, etc. */
    width:30px;
    height:30px;
}
.jobResumeForm{
    border:1px solid #D4D4D4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:20px;
    margin-top:10px;
}
.jobResumeForm label{
    color:#8DB20F;
}
.captchaBox{
    margin:30px 0 6px 0 ;
}
.jobResumeForm input[type="text"]{
    margin-bottom:15px;
}
.jobResumeForm input[type="submit"]{
    background: #a90329; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-8 */
    padding:10px 20px;
    float:right;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:#FFF;
    text-transform:uppercase;
}
.jobResumeForm input[type="submit"]:hover{
    background: #6d0019; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkMDAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOTAzMjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #6d0019 0%, #8f0222 56%, #a90329 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d0019), color-stop(56%,#8f0222), color-stop(100%,#a90329)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%); /* IE10+ */
    background: linear-gradient(to bottom, #6d0019 0%,#8f0222 56%,#a90329 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329',GradientType=0 ); /* IE6-8 */
}
.searchTd{
    background:url(../images/footer-bg.jpg) no-repeat left top;
    text-align:left !important;
    color:#FFF;
}
.searchTd select{
    width:200px;
    height:25px;
    color:#333;
    margin-left:10px;
}
.adBlock01{
    margin-top:20px;
}

.singleAudioFile{
    background-color:#FFF;
    border-bottom:1px solid #C8C8C8;
    border-right:1px solid #C8C8C8;
    border-top:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:5px;
    font-size:12px;
    margin-bottom:20px;
    display:block;
    color:#414141;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.singleAudioFile:hover{
    border-top:1px solid #C8C8C8;
    border-left:1px solid #C8C8C8;
    border-bottom:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF;
}
.sinAudioSubDeta{
    background-color:#700608;
    padding:5px;
    color:#FFF;
    margin-top:10px;
}
.singleAudioFile ul{
    list-style-type:none;
}
.singleAudioFile ul li{
    margin-bottom:5px;
}
.videoPlayBut img{
    text-align:center;
}
.audioBox{
    border:1px solid #E8E8E8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom:5px;
}
.audioBoxInner{
    background:url(../images/audiobg.jpg) no-repeat center center;
    background-size:cover;
    margin:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height:110px;
    padding:1px;
}
.audioBoxInner.sm2-inline-list .ui360, .audioBoxInner.sm2-inline-block .ui360 {
    float: none;
    position: relative;
    display:block;
    margin:0 auto;
    margin-top:30px;
}
.profile_boxes{
    background-color:#FFF;
    padding:10px;
    font-size:13px;
    border:1px solid #CBD0D3;
    border-top:none;
    border-left:none;
}
.artistFilesCon{
    margin-top:15px;
}
.profile_boxes h3{
    margin-top:0;
    font-size:18px;
    color:#8DB20F;
    font-weight: bold;
}
.profile_boxes p{
    color:#5C5C5C;
    line-height:22px;
}
.artQualUl{
    list-style-type:none;
}
.artQualUl strong{
    display:block;
    color: #8DB20F;
}


.artQualUl li:not(clearfix){
    margin-bottom:10px;
}
.clear{
    clear:both;
}
.fileScrollContainer{
    height:300px;
}
.artisFilWrap{
    background-color:#FFF;
    border:1px solid #CBD0D3;
    border-top:none;
    border-left:none;
    padding:5px;
}
.artisFilWrap h3{
    padding:10px;
    background-color:#8DB20F;
    margin-top:0;
    font-weight:bold;
    color:#FFF;
    font-size:16px;
}
.artistSinFile{
    border-bottom: 1px solid #DDD;
    font-size:13px;
    margin-bottom:15px;
}
.artProFilRat{
    background-color:#EFEFEF;
    padding:10px;
}
.artistSinFile li{
    margin-bottom:10px;
}
.artistSinFile ul{
    list-style-type:none;
}
.artistQidgetCon,.artisCommentCon{
    background-color:#FFF;
    border:1px solid #CBD0D3;
    border-top:none;
    border-left:none;
    padding:15px;
    margin-top:15px;
}
.artistQidgetCon h4,.artistQidgetCon h5{color: #8DB20F;}.artistQidgetCon h4{font-weight: bold;}
.artistQidgetCon p {
    color: #5c5c5c;
    line-height: 22px;
    font-size:13px;
}
.artistLikeBox img{
    margin-right:10px;
}
.artistLikeBox {
    font-size:11px;
}
.artistSinFile .ui360{
    margin:0 auto;
    margin-top:10px;
}
#carousel li{
    width:50px !important;
}
a.sinAlpha{
    display:inline-block;
    overflow:hidden;
    border:1px solid #C5C5C5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none!important;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size:12px;
}
.theAlpha{
    padding:5px;
    font-weight:bold;
    color:#6B6B6B;
}
.albhabetGroups{
    margin-top:20px;
}
.theDigit{
    background-color:#E5E5E5;
    color:#868686;
    padding:5px;
}
a.sinAlpha:hover .theDigit {
    background-color: #78960D;
    color:#FFF;
}
.lyricsListTable a{
    color:#5B5B5B;
}
a.artistPageLink{
    color: #A51316;
}
.artisConSub button,.commentBoxContainer input[type="submit"]{
    background-color:#8DB20F;
    color:#FFF;
    font-weight:bold;
}
.artisConSub button:hover, .commentBoxContainer input[type="submit"]:hover{
    background-color:#78960D;
    color:#FFF;
}
.maroon_txt{color:#930B0E;}
.codeEntryInput input[type="text"]{
    width:200px !important;
}
.facebooklike{
    font-size: 12px;
}
.commentBoxContainer{
    background-color:#EFEFEF;
    padding:10px;
    margin-top: 10px;
}
.commentBoxContainer input[type="text"]{
    display: block;
    height:30px;
    width:100%;
    border:1px solid #D3D3D3;
    margin-bottom:10px;
    padding-left:10px;
}
.commentBoxContainer textarea{
    display: block;
    height:170px;
    width:100%;
    border:1px solid #D3D3D3;
    margin-bottom:10px;
    padding:10px;
}
.commentBoxContainer h3{
    margin-top: 0;
}
.sinPopComment{
    border: 1px solid #CDCDCD;
    margin-bottom: 10px;
}
.sinPopComment article{
    padding:10px;
    font-size:13px;
}
.sinPopComment section{
    padding:5px 10px;
    background-color: #8DB20F;
    border-top: 1px solid #7C9B0D;
    font-size: 11px;
    color:#FFFFFF;
    text-align: right;
}
.popCommentWrap {
    overflow-y:scroll;
    height:200px;
}
.commentBoxContainer input[type="submit"]{
    float: right;
}
.noBotMar{
    margin-bottom: 0;
}
a.artistProfileConBut{
    background-color: #960C0C;
    display:inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:5px 10px;
    color:#FFF;
    position:relative;
    text-decoration: none;
    padding-left:25px;
}
a.artistProfileConBut:hover{
    background-color: #750506;
}
a.artistProfileConBut:before{
    content: "\f095";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    color:#FFF;
    top: 2px;
    left: 5px;
    position:absolute;
}
.toptenlist{
    list-style-type: none;
    margin-top: 20px;
}
.toptenlist li{
    display: inline-block;
    margin-bottom:5px;
}
.toptenlist li a{
    padding:5px 10px;
    border:1px solid #5B0506;
    display: inline-block;
    text-decoration: none;
    background-color: #6F0708;
    color:#FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.toptenlist li a:hover{
    background-color: #960F0F;
}
.song_details{
    background-color: #FFFFFF;
    color:#667984;
    padding:15px;
    border-left: 3px solid #8DB20F;
    border-bottom: 1px solid #CDD1D3;
    border-right: 1px solid #CDD1D3;
}
.song_details h1{
    font-size:20px;
    margin-top: 0;
    color: #8DB20F;
}
.song_details .row div{
    margin-bottom:10px;
    font-size:13px;
}
.song_details .row div strong{
    color: #8DB20F;
    font-weight: normal;
}
.songRatingDiv{
    background-color: #750506;
    /*margin: 15px 0;*/
    padding:10px;
    color: #FFF;
}
.songRatingDiv p{
 margin: 0 0 1px;   
}
.songRating{ font-size:24px; }
.songRatingDiv ul{
    list-style-type: none;
}
.songRatingDiv li{
    display: inline-block;
}
.songRatingDiv li a {
    text-shadow:1px 1px 0 rgba(0,0,0,0.5);
}
.songRatingDiv li a .activeStar{
    font-size: 24px;
    color:#FFBB00;
}
.songRatingDiv li a .inActiveStar{
    font-size: 24px;
    color:#F2F2F2;
}
.martop10px{
    margin-top:10px;
}
.martop5px{
    margin-top:5px!important;
}
.lyricsSongList a{
    color:#8DB20F;
    position:relative;
    padding-left: 15px;
    display:block;
}
.lyricsSongList a:before{
    content:"";
    width:6px;
    height:6px;
    position:absolute;
    text-indent:-9999em;
    background-color:#A00E10;
    left:0;
    top:7px;
}
.lyricsSongList a:after{
    content:"";
    width:6px;
    height:6px;
    position:absolute;
    text-indent:-9999em;
    background-color:#A00E10;
    left:0;
    top:7px;
    -webkit-transition:none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;

}
.lyricsSongList a:hover:after{
    content:"";
    width:6px;
    height:6px;
    position:absolute;
    text-indent:-9999em;
    background-color:#A00E10;
    left:-7px;
    top:-7px;
    opacity:0;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.videoLike{
    margin-top:0;
    margin-bottom:15px;
}
.marBot15px{
    margin-bottom: 15px;
}
.width100per{
    width:100%;
    margin-top:5px;
}
.registerForm{
    font-size:13px;
}

/* STARTS PROFILE MENU */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#cssmenu #menu-button {
    display: none;
}
#cssmenu {
    font-family: Montserrat, sans-serif;
    background: #333333;
}
#cssmenu > ul > li {
    float: left;
}
#cssmenu.align-center > ul {
    font-size: 0;
    text-align: center;
}
#cssmenu.align-center > ul > li {
    display: inline-block;
    float: none;
}
#cssmenu.align-center ul ul {
    text-align: left;
}
#cssmenu.align-right > ul > li {
    float: right;
}
#cssmenu > ul > li > a {
    padding: 17px;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #dddddd;
    font-weight: 700;
    text-transform: uppercase;
}
#cssmenu > ul > li:hover > a {
    color: #ffffff;
}
#cssmenu > ul > li.has-sub > a {
    padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
    position: absolute;
    top: 22px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
}
#cssmenu > ul > li.has-sub > a:before {
    position: absolute;
    top: 19px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
    top: 23px;
    height: 0;
}
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
}
#cssmenu.align-right ul ul {
    text-align: right;
}
#cssmenu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu li:hover > ul {
    left: auto;
}
#cssmenu.align-right li:hover > ul {
    left: auto;
    right: 0;
}
#cssmenu li:hover > ul > li {
    height: 35px;
}
#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0;
}
#cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}
#cssmenu ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 11px 15px;
    width: 170px;
    font-size: 12px;
    text-decoration: none;
    color: #dddddd;
    font-weight: 400;
    background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
    border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
    color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
    right: auto;
    left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
    right: auto;
    left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
    top: 17px;
    height: 0;
}
#cssmenu.small-screen {
    width: 100%;
}
#cssmenu.small-screen ul {
    width: 100%;
    display: none;
}
#cssmenu.small-screen.align-center > ul {
    text-align: left;
}
#cssmenu.small-screen ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#cssmenu.small-screen ul ul li,
#cssmenu.small-screen li:hover > ul > li {
    height: auto;
}
#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a {
    width: 100%;
    border-bottom: 0;
}
#cssmenu.small-screen > ul > li {
    float: none;
}
#cssmenu.small-screen ul ul li a {
    padding-left: 25px;
}
#cssmenu.small-screen ul ul ul li a {
    padding-left: 35px;
}
#cssmenu.small-screen ul ul li a {
    color: #dddddd;
    background: none;
}
#cssmenu.small-screen ul ul li:hover > a,
#cssmenu.small-screen ul ul li.active > a {
    color: #ffffff;
}
#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
}
#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul > li.has-sub > a:after,
#cssmenu.small-screen ul ul > li.has-sub > a:before {
    display: none;
}
#cssmenu.small-screen #menu-button {
    display: block;
    padding: 17px;
    color: #dddddd;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}
#cssmenu.small-screen #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
}
#cssmenu.small-screen #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
}
#cssmenu.small-screen #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#cssmenu.small-screen #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#cssmenu.small-screen .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
}
#cssmenu.small-screen .submenu-button.submenu-opened {
    background: #262626;
}
#cssmenu.small-screen ul ul .submenu-button {
    height: 34px;
    width: 34px;
}
#cssmenu.small-screen .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
}
#cssmenu.small-screen ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:after {
    background: #ffffff;
}
#cssmenu.small-screen .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
}
#cssmenu.small-screen ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:before {
    display: none;
}
#cssmenu.small-screen.select-list {
    padding: 5px;
}
.left-panel #cssmenu > ul > li > a{
    font-size: 10px;
    padding:8px 5px;
    color: #757575;
    border-bottom: 2px solid #FFF;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.left-panel #cssmenu > ul > li > a:hover, .left-panel #cssmenu > ul >  li.activeSubMenu a{
    background-color: #8DB20F;
    border-bottom: 2px solid #698409;
    color:#FFF;
}
.left-panel #cssmenu > ul >  li.activeSubMenu a{
    background-color: #8DB20F;
    border-bottom: 2px solid #698409;
    color:#FFF;
}
.left-panel #cssmenu {
    background: none repeat scroll 0 0 #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
    border: 1px solid #E0E0E0;
    overflow:hidden;
    margin-bottom: 15px;
}
.profileFormContainer{
    margin-top: 20px;
}
.profileFormContainer .row > .col-sm-6{
    margin-bottom:15px;
}
.profileFormContainer .row > .col-sm-4{
    margin-bottom:10px;
}
.profileFormContainer .row > .col-sm-4 label{
    font-weight: normal;
}
.profileFormContainer .row > div label{
    display:block;
}
.genderSelector span{
    font-weight: normal;
    margin-left:5px;
}
.profileFormContainer {
    font-size: 13px;
}
.mandatory_identifier{
    color:#FF403D;
}
.originalTextareaInfo,.warningTextareaInfo{
    width:100% !important;
}


#owl-demo .owl-item div{
    padding:5px;
}
#owl-demo .owl-item img{
    display: block;
    width: 100%;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/* ENDS PROFILE MENU */

.profilePages .bx-wrapper .bx-viewport {
    border:none;
    left: 0px;
}
.marTop15px{
    margin-top: 15px;
}

.contactForm input[type=submit]{
    background-color:#8DB20F;
    color:#FFF;
    font-weight:bold;
}
.contactForm input[type=submit]:hover{
    background-color:#78960D;
    color:#FFF;
}
.contactForm input[type="text"]{
    margin-bottom:15px;
}
.contactForm h2{
    margin-bottom: 20px;
}
/*
.tooltip{
    white-space: nowrap;
}*/
#cssmenu a i{
    display:block;
    width:16px;
    height:20px;
    margin:0 auto 5px auto;
    font-size:14px;
}
.songRatingp{font-size: 12px;}

.songrateVideoAdd .row{ margin: 0 -2px; }
.songrateVideoAdd div[class*="col-"]{padding: 0 2px;} 
.google_search_box .input.gsc-input{
    font-size: 12px !important;
}
.google_search_box input[type="text"]{
    width:100%;
    height:30px;
    border: 1px solid #DFDFDF;
}
.google_search_box{
    margin-top:15px;
}
.google_search_box input[type="submit"]{
    width:100%;
    height:30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #750506;
    color:#FFF;
    border: none;
}
.google_search_box input[type="submit"]:hover{
    background-color: #8DB20F;
}
.audioDel{
    display:block;
    width:20px;
    height:20px;
    margin:0 auto;
}
.audioFilesTable tr th{
    background-color: #8DB20F;
    color: #FFF;
}
.roundedDiv{
    width:50px;
    height:50px;
    background-color: #870507;
    color:#FFF;
    font-size:20px;
    margin:0 auto;
    text-align: center;
    line-height:50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.action_group a{
    display:inline-block;
    color:#FFF;
    font-size: 12px;
    padding:3px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    margin-bottom:3px;
}
.action_group a:nth-child(1){
    background-color: #E8060A;
}
.action_group a:nth-child(3){
    background-color:#8DB20F;
}
.action_group a:nth-child(5){
    background-color:#FFBD26;
}
.action_group a:nth-child(7){
    background-color:#FF6D0C;
}

#feature_yourself ul{
    padding-left:30px;
    font-size: 13px;
}
#feature_yourself .featUl li{
    margin-bottom:10px;
    color:#59656d;
}	
.resetBut{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-right:10px;
}
.lyricsTab ul > li.active > a{
    background-color:#7A0305 !important;
    color:#FFF !important;
    text-transform: uppercase;
}
.lyricsTab ul > li> a{
    text-transform: uppercase;
    border-right: 0;
}
.lyricsTab ul > li > a:hover{ background:#7A0305 !important; color:#fff !important; border-right:#e7e7e7 2px solid;}

.editalbutform{
    background-color: #F3F3F3;
    padding:10px;
}
.editalbutform div{
    margin-bottom:15px;
}
.chordList li{
    display:inline-block;
    list-style-type:none;
}
.chordList li a{
    display:inline-block;
    border:1px solid #E9E9E9;
    padding:3px 10px;
    margin-bottom:5px;
    text-decoration: none;
    color: #8DB20F;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.chordList li a:hover, .chordList li a.active{
    background-color: #8DB20F;
    color:#FFF;
}
.chordsMovieTable a{
    color:#D3251F;
}
.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f078";    
    float: right;
}
.accordion-opened .accordion-toggle:after {    
    content: "\f054";    
}
.terms ,.terms .panel-title{
    font-size:13px;
}
.terms  .panel-title:hover {
    cursor: pointer;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.imageListTable thead th{
    background-color:#8DB20F;
    color:#FFF;
}
.uploadFeaturedDetails{
    color:#59656d;
}	
.sinFeatField{
    margin-bottom: 15px;
}
.sinFeatField label{
    display: block;
    font-size: 13px;

}
.borderedBox{
    border:1px solid #E2E2E2;
}
.featuredArtistImage{
    background-repeat: no-repeat;
    background-size: cover;
    height:200px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width:200px;
    background-position:center center;
    margin:10px auto;
}
.sinEvent{
    color: #59656d;
    margin-bottom:15px;
}
.sinEvent .eventHeader{
    background-color:#F3F3F3;
    margin-bottom:10px;
}
.eventHeader section{
    background-color: #8DB20F;
    display:inline-block;
    color:#FFF;
    font-size:20px;
    padding:5px;
}
.sinEvent h2{
    margin-top:0px;
    font-size: 18px;
    color: #8DB20F;
}
.sinEvent h4{
    font-size: 14px;
}
.catAndtags{
    font-size: 12px;
}
.catAndtags a{
    color:#8DB20F;
}
.eventHeader{
    position:relative;
}
.eventHeader a{
    display:block;
    position:absolute;
    right:5px;
    background-color: #8DB20F;
    font-size:12px;
    color: #FFF;
    padding:3px;
    height:25px;
    top:50%;
    margin-top:-12px;
    text-decoration: none;
}
.main {
    padding: 0 0px 0px 0px;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
#custom-year{
    margin-top:0;
}
.linkGroup ul{
    list-style-type: none;
}
.linkGroup ul a,.linkGroup ul li{
    color:#454E54;
}
.linkGroup li{
    font-size: 13px;
    padding:2px 2px 2px 10px;
}
.linkGroup{
    background-color: #F6F6F6;
}
	


    #event-images .item{
    margin: 3px;
    }
    #event-images .item img{
    display: block;
    width: 100%;
    height: auto;
    }
   .eventSinComment{
	   border-top:2px solid #8DB20F;
	   padding:15px;
	   background-color: #F3F3F3;
	   margin-bottom:5px;
	   }
	.commenter_name{
		color:#8DB20F;
		display:inline-block;
		} 
	 .eventSinComment h5{
		font-size:13px;
		 }
      .coimmentForm textarea{
		  border:1px solid #DDD;
		  width:100%;
		  }
		.coimmentForm input[type=reset]{
			margin-right:10px;
			}
		.noBorderRad{
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			}
		.eventFacts a{
			color:#8DB20F;
			}
		.thin_dash{
			display:block;
			width:50px;
			height:2px;
			margin-top: 10px;
			background-color:#8DB20F;
			}
		.event_action{
			margin-top: 15px;
			}
		.event_action a{
			display:inline-block;
			padding:5px 10px;
			}
		.event_action a:first-child{
			background-color: #8DB20F;
			color: #FFF;
			text-decoration: none;
			}
		.event_action a:first-child:hover{
			background-color: #79960F;
			}
		.event_action a:last-child{
			background-color: #A3160C;
			color: #FFF;
			text-decoration: none;
			}
		.event_action a:last-child:hover{
			background-color: #84130D;
			}
		.imageupload-popup {
			position: relative;
			background: #FFF;
			padding: 20px;
			width: auto;
			max-width: 400px;
			margin: 20px auto;
		  }
		 .addImageFormInner label{
			 color:#8DB20F;
			 }
		  .marRig10px{
			 margin-right: 10px;
			  }
		.greenTableHeader thead th{
			color: #FFF;
			background-color:#8DB20F;
			}
 .choose_verification_type .nav > li > a {
      padding: 30px 20px;
	  -webkit-border-radius: 0;
	  -moz-border-radius: 0;
	  border-radius: 0;
	  font-size:14px;
	  font-weight: bold;
	  border:1px solid #D4D4D4;
	  color:#555;
}
 .choose_verification_type .nav > li > a i{
	 font-size: 20px;
	 }
 .choose_verification_type .nav-tabs > li {
     width: 200px;
	 display:inline-block;
	 float: none;
}
 .choose_verification_type .nav-tabs{
	 text-align:center;
	 }
 .choose_verification_type	 .active a{
	 background-color:#8DB20F !important;
	 color:#FFF !important;
	 }
 .choose_verification_type  .nav-tabs {
  border-bottom:none;
}
.payEmailCon{
	max-width:400px;
	border:1px solid #CFCFCF;
	padding: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0 auto;
	background: #f9f9f9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9f9f9 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9f9f9 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9f9f9 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #f9f9f9 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	}
.payEmailCon label{
	display:block;
	
	}
.payEmailCon input:not([type="submit"]){
    margin-bottom:20px;
	}
.registerTicketForm{
	max-width:600px;
	}
.registerTicketForm label{
	display:block;
	font-size:13px;
	font-weight: normal;
	}
.registerTicketForm input,.registerTicketForm textarea{
	margin-bottom:15px;
	}
.payment_options{
	list-style-type: none;
	}
.payment_options li{
	display: inline-block;
	margin-right:10px;
	}
.payment_options > li > a{
	display:inline-block;
	border:1px solid #D6D6D6;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	}
.payment_options li a:hover{
	border-color:#8DB20F;
	}
.finalTicket{
	font-size: 13px;
	}
.ticket_buts{
	width:600px;
	}
.ticket_buts button{
	float: right;
	margin-left: 10px;
	}
.eventImageCon{
	width:100px;
	}
.eventImageCon div{
	border:1px solid #D7D7D7;
	}
.eventImageCon{
	float:left;
	}
.marRight10px{
	margin-right:10px;
	}
.addeventForm label{
	display:block;
	font-size: 13px;
	}
.addeventForm div[class^="col-sm"] {
    margin-bottom:15px;
} 
.eventImgCon{
	margin-top: 50px;
	margin-left:20px;
	float:left;
	}

.sinTopSong{
	
	padding:10px;
	border-top:1px solid #E6E6E6;
	border-left:1px solid #E6E6E6;
	border-right:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
	margin-bottom:15px;
	position:relative;
	padding-right:120px;
	}

.sinTopSong h3{
	margin-top: 0;
	color:#8DB20F;
	font-size: 20px;
	}
.sinTopSong .sintoplylft a {
	color:#696969;
	font-size: 13px;
	display:block;
	margin-bottom: 5px;
	}
.sintoplyRt{
	width:100px;
	height:100px;
	float:left;
	margin-right:20px;
	position:relative;
	}
.sintoplyRt a{
	display:block;
	width:100px;
	height:100px;
	background: url(../images/footer-bg.jpg) no-repeat left top;
	text-align: center;
	line-height:100px;
	
	}
.sintoplylft{
	margin-left: 120px;
	}
.commentbox{
	display:none;
	}
.numbering{
	position:absolute;
	left:-5px;
	top:-5px;
	background-color:#8DB20F;
	padding:0px 5px;
	color:#fff;
	font-size:16px;
	font-weight: bold;
	}
.votingDiv{
	position:absolute;
	right:10px;
	top:10px;
	width:100px;
	border:2px solid #CCCCCC;
	}
a.VoteBut{
	width:50%;
	float:left;
	background-color:#DF1A1F;
	text-align:center;
	color:#FFF;
	text-decoration: none;
	font-size: 12px;
	}
.VoteCount{
	text-align: center;
	font-weight: bold;
	}
.icSmallComment span{
	display:inline-block;
	background-color: #8DB20F;
	color:#FFF;
	padding:3px 5px;
	}
.icSmallComment{
	font-size: 13px;
	}
.commentLikeNotlike a{
	display:inline-block !important;
	margin-right:10px;
	float:right;
	margin-bottom:0 !important;
	}
.commentLikeNotlike .likecount{
	float:left;
	font-size: 11px;
	}
.commentLikeNotlike{
	overflow:hidden;
	margin-top: 10px;
	}
.commentLikeNotlike a.thumbsUp{
	color: #8DB20F;
	}
.commentLikeNotlike a.thumbsDown{
	color: #DF1A1F;
	}

.artistImgCon { 
    width: 200px; 
    height: 200px; 
    overflow: hidden; 
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin:10px auto;
	display:block;
}
.artistImgCon img { 
    width: 100%;
	height:100%;
}
.featuredArtist{
	background:#FFF url(../images/artist_pattern.png) repeat left top;
	}
/*  MEDIA QUERIES  */
@media screen and (max-width:767px){
    .width100per{
        width:auto;
        margin-top:5px;
    }
    .profileFormContainer{
        padding:10px;
    }
}
@media screen and (min-width:768px){
    .navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        width: 160px;
        text-align: center;
        background-color: #eee;
    }
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
}

@media all and (max-width: 767px) and (min-width: 220px) {

    .top-head{ height:auto;}
    .nav > li > a{ font-family:'open sans'; font-size:12px; text-align:center; border:none; line-height:34px !important; border-bottom: 1px solid #e7e7e7; }
    .nav > li > a br{ display: none; }
    .nav > li > a > span > img{ line-height:20px; float:left;}
    ul.sign-up-nav{ margin:0 0 5px 0;}
    ul.sign-up-nav li a{ padding:6px 6px;}
    br{height:0px; margin:0; padding:0;}
    .white-box{ background:#fff; padding:0px 0px 0px 0px; width:100%; /* float:left; */ margin:2px 0 2px 0;}
    .white-box-two {
        background: linear-gradient(#fff,#eee) repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: 1px solid #ddd;
        float: left;
        padding: 1px 0;
        width: 100%;
        margin:2px 0;
    }
    span.foo-header{color: rgb(255, 255, 255); line-height: 20px; font-family: "open sans"; clear:both; width:100%; float:left; line-height:36px;}

    .dropdown-menu{margin:0; padding:0; background:linear-gradient(#eee,#fff); background:-moz-linear-gradient(#eee,#fff); border:none; font-family:'open sans'; font-size:12px !important; text-align:center;}
    ul .dropdown-menu li a{padding:8px 30px; font-family:'open sans'; font-size:12px !important; text-align:center;}
    ul .dropdown-menu li a span{ padding:5px}
    ul .dropdown-menu li a span img{height:5px ;width:5px;}
    ul .dropdown-menu li a:hover{background:#8db20f !important; color:#fff;}

    .navbar-nav .open .dropdown-menu > li > a{text-align:center;}


    ul.footer-nav{border:none;}
    ul.footer-nav li{ display:inline-block;}
    ul.footer-nav li a{ display:inline-block; padding:5px;}
    .navbar{min-height:0px !important; padding:0px !important;}
    .col-sm-8{padding:0px;}
    .col-xs-12{padding:0px;}

    .container{padding-left:5px; padding-right:5px;}
    /*added by karan for fix menu in mobile view*/
    .nav > li > a > span{ float: left; }
    .artistListBox .table-responsive>.table>tbody>tr>td{ white-space: initial; width: 33.3% }
    .categorytable td a{ width: 75%; float: left; }
    .categorytable td span{ margin-left: 2px;}
}
.help-block{
    font-size : 12px;
}
.error-block{
    font-size: 12px;
    font-weight: normal;
    color:#ff403d;
}
.videoLike .fb_iframe_widget {
    display: inline-block;
    position: relative;
}

.no-padding{
    padding : 0!important;
}
.no-margin{
    margin : 0!important;
}
a.disabled{
    pointer-events: none;
    cursor: none;
    opacity: .7;
}

/* NEW JOB PAGE STYLES 23-04-2015 */
  .sinJobBox{
	  background-color: #FFF;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
	  -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	  -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	  box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	  border:1px solid #C5C7C7;
	  padding:10px;
	  }
   .sinJobBox h2{ 
      color:#FFF;
	  margin-top:0;
	  font-size: 16px;
	  background-color: #8DB20F;
	  padding:5px 10px;
   }
  .sinJobBox h3{
	  font-size: 14px;
	  margin-top: 0;
	  }
	.sinJobBox p{
	  font-size: 12px;
	  color: #787878;
	  } 
	 .postedApply div{
		 font-size: 12px;
		 font-weight: bold;
		 color: #787878;
		 }
	.postedApply a{
		font-size: 14px;
		display:inline-block;
		float:right;
		background-color: #A2180B;
		color: #FFF;
		margin-top: 10px;
		padding:5px 10px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-decoration: none;
		}
	.postedApply a:hover{
		background-color: #8DB20F;
		}
  #jobGrid{
	  margin:20px 0;
	  }
	 .jobDesc a{
		 color: #A1170C;
		 }
	 .jobGridOuter{
		 margin:0 -20px;
		 }
	.job-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;
}
.jobPara{
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	}
.pop_job_desc h2{
	margin-top: 0;
	color: #8DB20F;
	font-size: 20px;
	}
.pop_job_desc h3{ 
    margin-top: 0;
	color: #AEAEAE;
	font-size: 13px;
	font-weight: bold;
}
.pop_job_desc{
	font-size: 13px;
	}
.pop_job_desc h4{
	 font-size: 13px;
	 }
.employersBox{
	background: #A0130A url(../images/footer-bg.jpg) no-repeat left top;
	padding:10px;
	background-size:cover;
	color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.employersBox h3{
	margin-top: 0;
	}
.employersBox a{
	float: right;
	padding:10px 20px;
	color:#FFF;
	background-color: #8DB20F;
	font-size: 20px;
	text-decoration: none;
	}
.employersBox a:hover{
	background-color: #7E9E0C;
	}
#uploadVitae{
	display: block;
	}
/* ENDS NEW JOB PAGE STYLES 23-04-2015 */
.tabWithScroll .nav-tabs > li.active > a, .tabWithScroll .nav-tabs > li.active > a:hover,.tabWithScroll .nav-tabs > li.active > a:focus {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #8db20f;
  border-color: #ddd #ddd transparent;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  cursor: default;
}
.tabWithScroll .nav-tabs{
	padding-left : 0px!important;
}
.tabWithScroll .nav-tabs > li > a {
  background-color: #CCC;
  color:#333;
}


@media all and (max-width:1024px) and (min-width:768px) {
    .navbar-nav > li > a{padding:10px 8px !important;}
    .nav > li > a:hover{ background:#8db20f !important; color:#fff;}
    span.foo-header{color: rgb(255, 255, 255); line-height: 20px; font-family: "open sans"; clear:both; width:100%; float:left; line-height:36px;}

}

@media all and (max-width:1200px) and (min-width:1025px) {
    .navbar-nav > li > a{padding:10px 14px !important;}

}

@media only screen and (max-width:420px){
	.sintoplyRt{
		float: none;
		}
	.sintoplylft{
		margin-left:0;
		margin-top:10px;
		}
	}
@media all and (max-width:767px) and (min-width:320px) {
    .ico6.text-center > span {margin:0;}
    .ico7.text-center > span {margin:0; }
    .ico10.text-center > span {margin:0;}
    .recordsFound{
        text-align: left;
    }
}

@media (min-width: 970px) {
    /* Lower the font size of the carousel caption header so that our caption
    doesn't take up the full image/slide on smaller screens */
    .transition-timer-carousel .carousel-caption .carousel-caption-header {
        font-size: 36px;
    }
}
.popover-validations.popover {
    background: none repeat scroll 0 0 rgba(211, 32, 32, 0.8);
    color: #fff;
    font-family: "proxima_nova_rgregular";
}
.popover-validations.popover.top > .arrow:after {
    border-top-color: rgba(211, 32, 32, 0.8);
}
.popover-validations button.close {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #1d2027;
    font-family: "proxima_nova_rgregular";
    font-size: 14px;
    height: auto;
    opacity: 0.28;
    position: absolute;
    right: -7px;
    text-align: center;
    text-shadow: 0 1px 0 #1d2027;
    top: 0;
    width: 30px;
}
.popover-validations button.close:hover {
    color: #1d2027;
    opacity: 1;
    text-shadow: 0 1px 0 #1d2027;
}
.popover-validations .popover-content{
    padding: 2px 14px;
}
.orBtn{
background-color: #8db20f;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 47px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    padding:10px;
}
.mt140{
 margin-top: 140px;   
}
.mt100{
   margin-top: 100px; 
}
/* related links */
.relLinks {
   /* margin-bottom: 15px; */
}
.relLinks ul {
    list-style-type: none;
}
.relLinks li {
    border-bottom: 1px solid #e4e4e4;
}
li.listWhitDrop {
    border-bottom: 0 none;
    padding-left: 30px;
}
li.listWhitDrop {
    border-bottom: 0 none;
    padding-left: 30px;
}
.listWhitDrop select {
    border: 1px solid #e8e8e8;
    height: 30px;
    margin-bottom: 10px;
    width: 250px;
}
/* Added by Mazahir Patrawala for dropdown-menu changes on 21 oct,2017. */
.nav > li:last-child > a{
    border-right: none;
}
@media all and (min-width:1201px) {
    .navbar-nav > li > .dropdown-menu{
        right: -57px;
    }
}
@media all and (max-width:1200px) and (min-width:768px) {
    .navbar-nav > li > .dropdown-menu{
        right: -40px;
    }   
}
@media all and (max-width:1200px) and (min-width:1025px) {
    ul .dropdown-menu li a{
        padding: 8px;
        font-size: 10px;
    }
}
@media all and (max-width:1024px) and (min-width:769px) {
    ul .dropdown-menu li a{
        padding: 8px 5px;
        font-size: 9px;
    }
}
@media all and (min-width:768px) {
    .navbar-nav > li > .dropdown-menu{
        left: auto;
    }
    .dropdown-menu > li{
        display: inline-block;
        float:left;
     }
    .navbar-nav .open .dropdown-menu {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}
/* End Added by Mazahir Patrawala for dropdown-menu changes on 21 oct,2017. */

/* CSS for artists page and contact us form */
.artist_info_wrap{border:1px solid #ccc; background:#fff; }
.artist_name {background:#8db20f; color:#fff; padding:3px 5px; text-align:center; font-weight:bold; text-transform:uppercase; font-size:15px; }
.image_holder {position:relative;background:#960C0C; height:80px; margin-bottom:25px;}
.artist_image { position:absolute; left:50%; margin-left:-50px; top:5px;}
.artist_image img{border-radius:50%; width:100px!important; height:100px!important; border:3px solid #fff;}
.artist_style{color:#000; text-align:center; padding-left:10px; padding-right:10px;margin-bottom:0px;}
.type_of_artist {color:#000; font-weight:bold; margin-bottom:0px;text-align:center; padding-left:10px; padding-right:10px;}
.best_audio_link {position:absolute; right:5px; bottom:-10px;}
.best_audio_link_btn {background:#8db20f; padding:5px 10px; color:#fff; cursor:pointer; border-radius:5px;}
a.best_audio_link_btn:hover {text-decoration:none; color:#000; background:#b7e51a;}
.lowerlinkssection {padding:10px; padding-top:0px;}
.audio_icon {margin-left:5px; font-size:20px; vertical-align:-4px;}
.otherlowericons {margin-right:5px; color:#8db20f;}
a.star_popup_open {color:#000; text-decoration:none;}
a.star_popup_open:hover {color:#8db20f; text-decoration:none;}
.otherlowerlinks ul {margin:0px; padding:0px; list-style:none; }
.addtofav a {text-decoration:none;}
.otherlowerlinks ul li {border-bottom:1px dotted #ccc; padding-bottom:1px; padding-top:1px;}
.rupeesymbol {font-weight:bold; font-size:17px;}
.otherlowerlinks ul li:last-child {border-bottom:0px!important;}
a.contact_artist {width:45%; background:#960C0C; color:#fff; padding:5px 10px; text-align:center; float:left; cursor:pointer; font-weight:bold; font-size:12px;}
a.contact_artist:hover{background:#b7e51a; text-decoration:none; color:#000;}
a.contact_artist_enq {width:45%; background:#960C0C; color:#fff; padding:5px 10px; text-align:center; float:right; cursor:pointer; font-weight:bold; font-size:12px;}
a.contact_artist_enq:hover{background:#b7e51a; text-decoration:none; color:#000;}
.mahroon{color:#b7e51a;}
.starrating {position:absolute; left:5px; bottom:-25px;}
.addtofav{position:absolute; left:15px; bottom:23px; font-size:20px;}
.clear-fix-but {clear:both;}
.artist_particulars {border-bottom:1px dotted #ccc; padding-bottom:2px;}
.ratedstar{font-size:10px;}
.form_col{background:#f9f9f9; padding-top:20px; padding-bottom:20px; color:#960C0C;}
.form_col h3 {background:#8db20f; color:#fff; padding:10px; font-size:19px;}
.form_col input, .form_col textarea, .form_col select {border:0px; border-bottom:1px solid #960C0C; box-shadow:none!important;}
.padding10 {padding:10px;}
.send_btn, .send_btn:hover {background:#960C0C; color:#fff;}
.mtop10{margin-top:10px;}
.form_warning {background:#8db20f; color:#fff; padding:10px;}
/* End of CSS for artists page and contact us form */

/* CSS for artist detail page */
.whitebg {background:#fff;}
.artist_big_img img {width:100%;  border-radius:20px;}
.left-panel_m {margin:0; padding:0;}
.profile_boxes_m {background:#fff; padding:10px;}
.contact_artist_btn,.contact_artist_btn:hover {background:#960C0C; color:#fff; padding:10px 20px; text-decoration:none;}
.artist_cta {margin-top:30px;}
.add_singer_to_fav {padding:3px 10px; margin-left:0px;  font-size:35px; vertical-align:-10px;}
.greencolor_bg{background:#8db20f;}
.greencolor{color:#8db20f;}
.text-center{text-align:center;}
.mroon{background:#960C0C;}
.white_text, .white_text:hover, .white_text:focus{color:#fff;}
.mtop5{margin-top:5px;}
.glyph-sizing20{font-size:16px;}
.rupeebig{margin-top:-6px; display:inline-block;}
.mtop20{margin-top:20px;}
.lowerband_icon {margin-right:15px; font-size:25px;}
.bandhead{font-size:18px; font-weight:bold; vertical-align:5px;}
.about_singer h4 {color:#8db20f;}
.about_singer p {font-size:13px;}
.padding20{padding:10px;}
.panelborder{border-color:#8db20f;}
.padbot20{padding-bottom:20px;}

.greendot {width:15px; height:15px; border-radius:50%; background:#214d21; display:inline-block; vertical-align:-3px;}
.font13 {font-size:12px;}
.pinkdot {width:15px; height:15px; border-radius:50%; background:#c64884; display:inline-block;vertical-align:-3px;}
.mrl5{margin-left:5px; margin-right:5px;}
.pinklegend {margin-top:5px;}
.padtb{padding-top:5px!important;padding-bottom:5px!important;}
.mbot5{margin-bottom:5px;}

.form_col label {font-weight:normal;}
.whitebox1{background: #fff; width: 100%; float: left; margin: 15px 0 0px 0;padding: 10px;}
.panel-heading {
  padding: 0;
    border:0;
}
.panel-title>a, .panel-title>a:active{
	display:block;
	background:#8DB20F;
	padding:10px;
  color:#fff;
  font-size:16px;
  font-weight:bold;
	text-decoration:none;
}
.panel-heading  a:before {
   font-family: 'Glyphicons Halflings';
   content: "\e114";
   float: right;
   transition: all 0.5s;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 
.mbot0{margin-bottom:0px;}
.noborder {border:0px; box-shadow:none;}
.bx-wrapper { margin: 0 auto; }
.fav-link-wrapper{ position: fixed;
    top: 0;
    left: 0;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform-origin: 0 100%;
    text-transform: uppercase;
}
.modal-backdrop{
    position: fixed;
    bottom: 0;
    z-index: 1000;
}
/*Santanu Designer css code*/
.search-wrap {
     margin: 65px auto 0;
    position: absolute;
    top: 0;
    width: 98.2%;
    z-index: 9;
}
.search-wrap h2{
	text-align: center;
	color: #fff;
	font-size: 27px;
	font-weight: 600;
	margin-bottom: 9px;
}
.form-box{
	position: relative;
}
.search {
    background-color: #fff;
    border: medium none;
    border-radius: 0;
    color: #333;
    display: table;
    font-size: 18px;
    height: 42px;
    margin: 0 auto;
    padding-left: 5px;
    width: 62%;
}
.form-box button {
    background-color: #8db20f;
    border: 0 none;
    color: #fff;
    font-size: 28px;
    line-height: 42px;
    padding: 0;
    position: absolute;
    right: 148px;
    text-align: center;
    top: 0px;
    width: 100px;
}
.how div {
    background-color: #e6e6e6;
    border-radius: 50%;
    box-shadow: 3px 3px 8px #000;
    height: 160px;
    margin: 23px auto 0;
    padding: 30px;
    width: 160px;
}
.how div img{
	margin: 0 auto;
}
.how div i {
    color: #97120d;
    display: block;
    font-size: 40px;
    line-height: 90px;
    text-align: center;
}
.how h4{
	font-size: 19px;
	color: #474747;
	text-align: center;
	margin-top: 15px;
}
.how p{
	font-size: 15px;
	color: #474747;
	text-align: center;
	margin-top: 10px;
}
.get-quote {
    background-color: #97120d;
    color: #fff;
    display: table;
    font-size: 24px;
    font-weight: 400;
    line-height: 47px;
    margin: 20px auto;
    text-align: center;
    width: 570px;
    cursor: pointer;
    text-decoration: none;
    transition: all ease 0.3s;
}
.get-quote:hover {
    background-color: #700400;
    color: #fff;
    display: table;
    font-size: 24px;
    font-weight: 400;
    line-height: 47px;
    margin: 20px auto;
    text-align: center;
    width: 570px;
    text-decoration: none;
    transition: all ease 0.3s;
}
.greenbg{
	background-color: #8DB20F;
}
.greenbg h1{
	font-size: 25px;
	color: #fff;
	text-align: center;
}
.greenbg p{
	font-size: 18px;
	color: #fff;
	text-align: center;
}
.ratingcount {
    position: absolute;
    left: 5px;
    bottom: -40px;
    font-size: 10px;
    color: #960C0C;
}
/* Responsive */
@media (min-width: 992px) and (max-width: 1366px) {
.search-wrap {
    margin: 20px auto 0;
    position: absolute;
    top: 0;
    width: 97%;
    z-index: 9;
}
.search {
    font-size: 14px;
    height: 38px;
    width: 70%;
}
.form-box button {
    background-color: #8db20f;
    border: 0 none;
    color: #fff;
    font-size: 17px;
    line-height: 38px;
    padding: 0;
    position: absolute;
    right: 80px;
    text-align: center;
    top: 0;
    width: 65px;
}
.tab-hide{
	display: none;
}	
.search-wrap {
    margin: 66px auto 0;
    position: absolute;
    top: 0;
    width: 97%;
    z-index: 9;
}
.transition-timer-carousel .carousel-caption {
    bottom: -30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.greenbg p {
    font-size: 14px;
}
.get-quote {
    background-color: #97120d;
    color: #fff;
    display: table;
    font-size: 16px;
    font-weight: 400;
    line-height: 47px;
    margin: 20px auto;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 82%;
}
.get-quote:hover {
    background-color: #700400;
    color: #fff;
    display: table;
    font-size: 16px;
    font-weight: 400;
    line-height: 47px;
    margin: 20px auto;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 82%;
}	
.search-wrap h2 {
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 9px;
    text-align: center;
}
.search-wrap {
    margin: 73px auto 0;
    position: absolute;
    top: 0;
    width: 97%;
    z-index: 9;
}
.transition-timer-carousel .carousel-caption {
    bottom: -32px;
}
.tab-hide{
	display: none;
}
.search {
    font-size: 14px;
    height: 38px;
    width: 70%;
}
.form-box button {
    background-color: #8db20f;
    border: 0 none;
    color: #fff;
    font-size: 17px;
    line-height: 38px;
    padding: 0;
    position: absolute;
    right: 58px;
    text-align: center;
    top: 0;
    width: 65px;
}
.mobile-hide{
	display: none;
}
.greenbg p {
    font-size: 14px;
    line-height: 16px;
}
.greenbg p {
    font-size: 14px;
    line-height: 16px;
}
.greenbg h1 {
    font-size: 18px;
}
.banner-wrapper.rel-position {
    display: block;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.carousel.slide.transition-timer-carousel {
    display: none;
}
.search-wrap {
    /*background-image: url('../images/banner.jpg');*/
    margin: 0 auto;
    padding: 12px 0;
    position: relative;
    width: 100%;
    background-size: cover;
    top: 0;

}
.search-wrap h2 {
    color: #000;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 18px;
    text-align: center;
}
.search {
    font-size: 14px;
    height: 38px;
    width: 85%;
}
.form-box button {
    background-color: #8db20f;
    border: 0 none;
    color: #fff;
    font-size: 17px;
    line-height: 38px;
    padding: 0;
    position: absolute;
    right: 21px;
    text-align: center;
    top: 0;
    width: 65px;
}
.how div {
    background-color: #e6e6e6;
    border-radius: 50%;
    box-shadow: 3px 3px 8px #000;
    height: 130px;
    margin: 20px auto 0;
    padding: 18px;
    width: 130px;
}
.get-quote {
    background-color: #97120d;
    color: #fff;
    display: table;
    font-size: 16px;
    font-weight: 400;
    line-height: 47px;
    margin: 20px auto;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 82%;
}
.get-quote:hover {
    background-color: #700400;
    color: #fff;
    display: table;
    font-size: 16px;
    font-weight: 400;
    line-height: 47px;
    margin: 20px auto;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 82%;
}
.greenbg {
    padding-top: 4px;
}
.banner-wrapper.rel-position {
    display: none;
}
.mobile-hide{
	display: none;
}
.greenbg p {
    font-size: 14px;
    line-height: 16px;
}
.greenbg h1 {
    font-size: 18px;
}
}
.artist_image .ui360{
                float: none;
                position: absolute;
                display: block;
                top: 23%;
                left: 25%;
            }
/* loader */
.loader {
    display: none;
  position: fixed;
  width: 75px;
  height: 100px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1060;
}
.loader:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(248,248,248,0.7);
}
.loader__bar {
  position: absolute;
  bottom: 0;
  width: 10px;
  height: 50%;
  background: #8DB20F;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.loader__bar:nth-child(1) {
  left: 0px;
  -webkit-transform: scale(1, 0.2);
          transform: scale(1, 0.2);
  -webkit-animation: barUp1 4s infinite;
          animation: barUp1 4s infinite;
}
.loader__bar:nth-child(2) {
  left: 15px;
  -webkit-transform: scale(1, 0.4);
          transform: scale(1, 0.4);
  -webkit-animation: barUp2 4s infinite;
          animation: barUp2 4s infinite;
}
.loader__bar:nth-child(3) {
  left: 30px;
  -webkit-transform: scale(1, 0.6);
          transform: scale(1, 0.6);
  -webkit-animation: barUp3 4s infinite;
          animation: barUp3 4s infinite;
}
.loader__bar:nth-child(4) {
  left: 45px;
  -webkit-transform: scale(1, 0.8);
          transform: scale(1, 0.8);
  -webkit-animation: barUp4 4s infinite;
          animation: barUp4 4s infinite;
}
.loader__bar:nth-child(5) {
  left: 60px;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-animation: barUp5 4s infinite;
          animation: barUp5 4s infinite;
}
.loader__ball {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #960C0C;
  border-radius: 50%;
  -webkit-animation: ball 4s infinite;
          animation: ball 4s infinite;
}

@-webkit-keyframes ball {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  5% {
    -webkit-transform: translate(8px, -14px);
            transform: translate(8px, -14px);
  }
  10% {
    -webkit-transform: translate(15px, -10px);
            transform: translate(15px, -10px);
  }
  17% {
    -webkit-transform: translate(23px, -24px);
            transform: translate(23px, -24px);
  }
  20% {
    -webkit-transform: translate(30px, -20px);
            transform: translate(30px, -20px);
  }
  27% {
    -webkit-transform: translate(38px, -34px);
            transform: translate(38px, -34px);
  }
  30% {
    -webkit-transform: translate(45px, -30px);
            transform: translate(45px, -30px);
  }
  37% {
    -webkit-transform: translate(53px, -44px);
            transform: translate(53px, -44px);
  }
  40% {
    -webkit-transform: translate(60px, -40px);
            transform: translate(60px, -40px);
  }
  50% {
    -webkit-transform: translate(60px, 0);
            transform: translate(60px, 0);
  }
  57% {
    -webkit-transform: translate(53px, -14px);
            transform: translate(53px, -14px);
  }
  60% {
    -webkit-transform: translate(45px, -10px);
            transform: translate(45px, -10px);
  }
  67% {
    -webkit-transform: translate(37px, -24px);
            transform: translate(37px, -24px);
  }
  70% {
    -webkit-transform: translate(30px, -20px);
            transform: translate(30px, -20px);
  }
  77% {
    -webkit-transform: translate(22px, -34px);
            transform: translate(22px, -34px);
  }
  80% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px);
  }
  87% {
    -webkit-transform: translate(7px, -44px);
            transform: translate(7px, -44px);
  }
  90% {
    -webkit-transform: translate(0, -40px);
            transform: translate(0, -40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes ball {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  5% {
    -webkit-transform: translate(8px, -14px);
            transform: translate(8px, -14px);
  }
  10% {
    -webkit-transform: translate(15px, -10px);
            transform: translate(15px, -10px);
  }
  17% {
    -webkit-transform: translate(23px, -24px);
            transform: translate(23px, -24px);
  }
  20% {
    -webkit-transform: translate(30px, -20px);
            transform: translate(30px, -20px);
  }
  27% {
    -webkit-transform: translate(38px, -34px);
            transform: translate(38px, -34px);
  }
  30% {
    -webkit-transform: translate(45px, -30px);
            transform: translate(45px, -30px);
  }
  37% {
    -webkit-transform: translate(53px, -44px);
            transform: translate(53px, -44px);
  }
  40% {
    -webkit-transform: translate(60px, -40px);
            transform: translate(60px, -40px);
  }
  50% {
    -webkit-transform: translate(60px, 0);
            transform: translate(60px, 0);
  }
  57% {
    -webkit-transform: translate(53px, -14px);
            transform: translate(53px, -14px);
  }
  60% {
    -webkit-transform: translate(45px, -10px);
            transform: translate(45px, -10px);
  }
  67% {
    -webkit-transform: translate(37px, -24px);
            transform: translate(37px, -24px);
  }
  70% {
    -webkit-transform: translate(30px, -20px);
            transform: translate(30px, -20px);
  }
  77% {
    -webkit-transform: translate(22px, -34px);
            transform: translate(22px, -34px);
  }
  80% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px);
  }
  87% {
    -webkit-transform: translate(7px, -44px);
            transform: translate(7px, -44px);
  }
  90% {
    -webkit-transform: translate(0, -40px);
            transform: translate(0, -40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes barUp1 {
  0% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  40% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  90% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
}
@keyframes barUp1 {
  0% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  40% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  90% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
}
@-webkit-keyframes barUp2 {
  0% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  40% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  50% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  90% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  100% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
}
@keyframes barUp2 {
  0% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  40% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  50% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  90% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  100% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
}
@-webkit-keyframes barUp3 {
  0% {
    -webkit-transform: scale(1, 0.6);
            transform: scale(1, 0.6);
  }
  100% {
    -webkit-transform: scale(1, 0.6);
            transform: scale(1, 0.6);
  }
}
@keyframes barUp3 {
  0% {
    -webkit-transform: scale(1, 0.6);
            transform: scale(1, 0.6);
  }
  100% {
    -webkit-transform: scale(1, 0.6);
            transform: scale(1, 0.6);
  }
}
@-webkit-keyframes barUp4 {
  0% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  40% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  50% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  90% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  100% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
}
@keyframes barUp4 {
  0% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  40% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  50% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  90% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  100% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
}
@-webkit-keyframes barUp5 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  40% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  90% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes barUp5 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  40% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  90% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}