body{
    background:#d6d6d6;
    font-family:'Open Sans',sans-serif
}
.logo img{
    padding:10px 0
}
.btn-success{
    background-color:#57a900;
    background-image:-moz-linear-gradient(top,#70d900,#57a900);
    background-image:-ms-linear-gradient(top,#70d900,#57a900);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#70d900),to(#57a900));
    background-image:-webkit-linear-gradient(top,#70d900,#57a900);
    background-image:-o-linear-gradient(top,#70d900,#57a900);
    background-image:linear-gradient(top,#70d900,#57a900);
    filter:progid DXImageTransform.Microsoft.gradient(startColorstr='#70d900',endColorstr='#57a900',GradientType=0)
}
.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{
    background-color:#57a900
}
#navbar-brand-centered{
    margin:0;
    padding:0;
    height:37px!important
}
.navbar-nav>li{
    background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#eaeaea));
    background:-webkit-linear-gradient(top,#fff,#eaeaea);
    background:-moz-linear-gradient(top,#fff,#eaeaea);
    background:-o-linear-gradient(top,#fff,#eaeaea);
    background:linear-gradient(top,#fff,#eaeaea);
    border:1px solid #aaa;
    border-right:0
}
#menu-menu_main li:last-child{
    border-right:1px solid #aaa
}
.nav>li>a{
    padding:8px 15px
}
.navbar-inverse{
    border:0;
    min-height:30px;
    background:none!important
}
.dropdown-menu{
    position:static;
    max-height:300px;
    overflow-y:auto
}
li.dropdown{
    position:inherit
}
.pagenationCat{
    margin-left:13px
}
.Metadesc{
    padding:5px 0
}
.btn-success:active,.btn-success.active{
    background-color:#57a900
}
.item .meta{
    padding:3px
}
.meta span{
    font-size:12px;
    line-height:10px
}
.audio-meta{
    display:block;
    color:#333;
    font-weight:normal;
    background:#eaeaea;
    border-left:1px solid #ccc;
    height:115px;
    margin-left:85px;
    margin-right:20px;
    color:#333;
    font-weight:normal;
    padding:10px!important;
    font-size:12px
}
.hr{
    background-color:rgba(0,0,0,.2);
    border:0;
    -webkit-box-shadow:0 1px 0 rgba(255,255,255,.5);
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.5);
    box-shadow:0 1px 0 rgba(255,255,255,.5);
    height:1px;
    margin:5px 0
}
h6,h5,h4,h3,h2,h1{
    color:#333;
    text-rendering:optimizeLegibility
}
h5,h4{
    font-size:1.143em;
    margin:0;
    padding:0
}
h1{
    font-size:30px
}
hr{
    margin:0;
    padding:0
}
a{
    color:#03c;
    outline:0;
    text-decoration:none!important
}
.trailer,#slideshow,.tonefuse{
    margin-bottom:10px
}
.itemsong .item{
    background-color:white;
    padding:0;
    -webkit-box-shadow:0 1px 3px rgba(10,10,15,.7);
    -moz-box-shadow:0 1px 3px rgba(10,10,15,.7);
    box-shadow:0 1px 3px rgba(10,10,15,.7);
    border-radius:3px
}
.home-section .item:nth-last-child(4){
    margin-right:0
}
.logo .navbar-brand{
    padding-left:0
}
.image-title{
    line-height:inherit;
    font-size:1.143em!important;
    margin:0;
    font-weight:bold
}
.item.image a{
    color:#333;
    font-weight:bold
}
.image-meta span{
    font-weight:bold;
    font-size:13px;
    color:#000
}
.meta.image-meta{
    padding:10px;
    height:80px
}
.image-preview img{
    width:100%;
    height:100%
}
.image-preview{
    max-height:190px;
    overflow:hidden
}
.audio-nada{
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;
    border-top-right-radius:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-right-radius:4px;
    border-bottom-right-radius:4px;
    background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#3c4047),color-stop(100%,#212328));
    background:-webkit-linear-gradient(top,#3c4047,#212328);
    background:-moz-linear-gradient(top,#3c4047,#212328);
    background:-o-linear-gradient(top,#3c4047,#212328);
    background:linear-gradient(top,#3c4047,#212328);
    float:right;
    height:115px;
    width:20px
}
.icon_music{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer;
    float:left;
    height:115px;
    overflow:hidden;
    position:relative;
    text-align:center;
    vertical-align:middle;
    width:85px;
    top:0
}
.landscape .image-preview,.player .image-preview{
    line-height:80px;
    height:80px
}
.landscape .image-meta,.player .image-meta{
    height:35px
}
.landscape .more-meta,.player .more-meta{
    display:inline-block
}
.landscape .more-preview,.player .more-preview{
    line-height:164px;
    position:absolute;
    right:0;
    width:96px
}
.landscape .more-title,.player .more-title{
    position:relative;
    left:-20px
}
.insignificant,.sub{
    font-size:.857em;
    line-height:1.667em
}
.cacthuonghieu{
    border:1px solid #d9d9d9;
    border-radius:5px;
    box-shadow:0 0 5px rgba(0,0,0,.2);
    margin-bottom:20px;
    padding:0;
    position:relative
}
.btn-download{
    color:#03c !important;
    padding:3px;
    display:inline-block
}
.btn-more{
    color:white!important;
    background:#060;
    padding:5px 10px;
    border-left:3px solid #57a900;
    display:inline-block;
    float:right
}
.no_1{
    background-image:url(../img/no-1.png)!important;
    background-size:100%!important;
    background-repeat:no-repeat!important
}
.no_2{
    background-image:url(../img/no-2.png)!important;
    background-size:100%!important;
    background-repeat:no-repeat!important
}
.no_3{
    background-image:url(../img/no-3.png)!important;
    background-size:100%!important;
    background-repeat:no-repeat!important
}
.new-red{
    background:#a90329;
    background:-moz-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#a90329),color-stop(44%,#8f0222),color-stop(100%,#6d0019));
    background:-webkit-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);
    background:-o-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);
    background:-ms-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);
    background:linear-gradient(to bottom,#a90329 0,#8f0222 44%,#6d0019 100%);
    color:white!important;
    border:1px solid #9a0225!important
}
.cacthuonghieu h2{
    background-color:#edeff4;
    border:1px solid #d8dfea;
    font-size:20px;
    margin:0 0 10px;
    margin-bottom:0;
    padding:5px;
    text-align:center
}
.widget-song-list .song-play{
    visibility:visible
}
.widget-song-list .media-body,.widget-song-list .media-left,.widget-song-list .media-right{
    vertical-align:middle
}
.widget-song-list .media{
    border-bottom:1px solid #eee;
    padding:10px;
    margin:0
}
.list-topic .media{
    padding:10px
}
.audio-title a,.audio-title a:visited,.audio-title a:hover,.audio-title a:active{
    color:#333
}
.btn-download,.btn-download:visited,.btn-download:hover,.btn-download:active{
    color:white;
    position:absolute;
    top:55px;
    right:0
}
.btn-download-single,.btn-download-single:hover,.btn-download-single:active,.btn-download-single:visited{
    position:relative!important;
    top:auto;
    right:auto
}
.list-topic .global-name{
    margin-bottom:0
}
.widget-album-list .media:hover,.widget-video-list .media:hover,.widget-song-list .media:hover{
    background-color:#eee
}
.global-author,.global-name{
    margin:0;
    font-weight:400;
    text-transform:capitalize
}
.global-name{
    font-size:14px;
    margin:0 0 5px;
    overflow:hidden;
    max-height:38px;
    line-height:1.3em
}
.global-author{
    font-size:14px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.global-name a,.global-name a:visited,.global-name a:active,.global-name a:hover{
    color:#222
}
.global-name a:hover{
    color:#000
}
.global-author a{
    color:#999
}
.widget-video-list,.widget-song-list{
    border:1px solid #eee;
    border-top:0;
    margin-top:1px
}
.widget-song-list .ratings{
    width:30px;
    text-align:center;
    display:block
}
.widget-song-list .ratings span{
    display:block
}
.widget-song-list .ratings .num{
    display:block;
    font-size:18px;
    font-weight:400
}
.widget-song-list .ratings .up{
    color:#090
}
.order-1{
    font-size:28px!important;
    color:red
}
.order-2{
    font-size:24px!important;
    color:green
}
.order-3{
    font-size:20px!important;
    color:#1a53ff
}
.global-image{
    width:100%;
    height:100%;
    position:relative;
    display:block;
    z-index:2
}
.global-image span{
    width:100%;
    height:100%;
    display:block;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top center
}
.media{
    margin-top:15px
}
.media:first-child{
    margin-top:0
}
.media,.media-body{
    overflow:hidden;
    zoom:1
}
.media-body{
    width:10000px
}
.media-object{
    display:block
}
.media-object.img-thumbnail{
    max-width:none
}
.media-right,.media>.pull-right{
    padding-left:10px
}
.media-left,.media>.pull-left{
    padding-right:10px
}
.media-left,.media-right,.media-body{
    display:table-cell;
    vertical-align:top
}
.media-middle{
    vertical-align:middle
}
.media-bottom{
    vertical-align:bottom
}
.media-heading{
    margin-top:0;
    margin-bottom:5px
}
.media-list{
    padding-left:0;
    list-style:none
}
.widget-song-list .global-author{
    max-width:240px
}
.widget-content{
    margin-top:5px
}
.widget-nav{
    width:100%;
    background-color:#060
}
.widget-nav li{
    width:33.3333%;
    float:left;
    text-transform:capitalize
}
.widget-nav li a:hover,.widget-nav li a:active,.widget-nav li a:visited{
    background-color:#57a900
}
.widget-nav li a{
    color:#fff;
    padding:10px 0 7px;
    border-bottom:2px solid transparent;
    display:block;
    text-align:center
}
.widget-nav li.active a{
    border-color:#ff93a9;
    color:white
}
.widget-song-list .thumb-1{
    float:left;
    margin-right:10px;
    width:40px;
    height:40px;
    position:relative
}
.media-body .global-name,.media-body .global-author{
    max-height:20px;
    text-overflow:ellipsis;
    white-space:nowrap
}
.global-author{
    color:#777;
    font-size:12px
}
.widget-song-list .song-play{
    visibility:visible
}
.widget-song-list .media-body,.widget-song-list .media-left,.widget-song-list .media-right{
    vertical-align:middle
}
.widget-song-list .media{
    border-bottom:1px solid #eee;
    padding:10px;
    margin:0
}
.list-topic .media{
    padding:10px
}
.list-topic .global-name{
    margin-bottom:0
}
.widget-album-list .media:hover,.widget-video-list .media:hover,.widget-song-list .media:hover{
    background-color:#eee
}
.widget-song-list .global-author{
    max-width:240px
}
.home-section{
    position:relative;
    clear:both;
    margin-bottom:20px
}
.home-section .header{
    position:relative;
    margin-bottom:15px
}
.home-section .header:after{
    content:"";
    display:block;
    position:absolute;
    left:0;
    bottom:-10px;
    height:2px;
    width:50px;
    background-color:#ed1c24
}
.widget h3.title,.home-section h3.title,.home-section h2.title,.home-section h1.title{
    margin:0
}
.icon-list{
    background-position:center left;
    padding-left:28px;
    background-repeat:no-repeat
}
.widget h3.title a,.home-section .header h3.title a,.home-section .header h2.title a{
    color:#333;
    text-decoration:none;
    padding-right:10px;
    margin-bottom:-1px
}
.color{
    color:#060
}
.category-list li{
    border:0
}
.home-section h3,.home-section h2,.home-section h1{
    font-size:18px
}
.widget h3.title,.home-section h3.title,.home-section h2.title,.home-section h1.title{
    text-transform:capitalize;
    font-weight:300;
    position:relative
}
h1.title-site,h2.title-site{
    font-size:18px;
    color:#000;
    margin-top:125px;
    padding:15px 0 3px;
    text-rendering:optimizeLegibility
}
.header-top{
    background-color:#000;
    min-height:65px
}
.widget h3.title .color,.home-section .header h3.title,.home-section .header h2.title,.home-section .header h1.title{
    color:#333
}
.intro-btn h2{
    font-size:15px;
    font-family:tahoma;
    padding:12px 0;
    text-transform:uppercase
}
a:visited{
    color:#03c
}
a:focus{
    color:#1a53ff
}
a:hover{
    color:#1a53ff
}
a:active{
    color:#1a53ff
}
.tinmoi .audio-meta{
    background:0
}
.tinmoi .trailer{
    margin-bottom:0
}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{
    color:#000;
    background-color:transparent
}
@media(max-width:992px){
    .navbar-form .form-search{
        margin-bottom:0
    }
    .social4i{
        float:left!important
    }
    .form-search{
        position:absolute;
        right:50px
    }
    .navbar-brand{
        padding-left:25px
    }
}
.navbar-form .form-group{
    margin-bottom:0
}
.navbar-toggle{
    margin-right:2px;
    background:#428bca
}
.category-list h3 a{
    color:#03c;
    font-size:14px;
    font-weight:bold
}
.category-list h3{
    margin:0;
    padding:0;
    font-size:12px
}
.paginationCat{
    margin-left:13px
}
.tag-main{
    margin:0 -15px;
    font-size:100%;
    font-weight:bold;
    height:34px;
    padding:0 8px;
    border-bottom:1px solid #d9d9d9;
    background:-moz-linear-gradient(center top,#fefefe 0,#eee 100%) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear,0% 0,0% 100%,from(#fefefe),to(#eee));
    background:-webkit-linear-gradient(top,#fefefe,#eee);
    background:-moz-linear-gradient(top,#fefefe,#eee);
    background:-ms-linear-gradient(top,#fefefe,#eee);
    background:-o-linear-gradient(top,#fefefe,#eee)
}
.tag-main a{
    display:block;
    height:35px;
    border-bottom:1px solid #d9d9d9;
    float:left;
    padding:9px 10px 3px 10px;
    font-size:13px
}
.tag-main a.active{
    color:#565555;
    background-color:#fff;
    border-bottom:1px solid #fff;
    border-left:1px solid #d9d9d9;
    border-top:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
    padding-bottom:2px
}
.pd-playlist{
    padding:4px 0
}
.pd-playlist .row:hover,.pd-playlist .active{
    position:relative;
    cursor:pointer;
    background:-moz-linear-gradient(center top,#5db9e3 0,#49a4d3 100%) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear,0% 0,0% 100%,from(#5db9e3),to(#49a4d3));
    background:-webkit-linear-gradient(top,#5db9e3,#49a4d3);
    background:-moz-linear-gradient(top,#5db9e3,#49a4d3);
    background:-ms-linear-gradient(top,#5db9e3,#49a4d3);
    background:-o-linear-gradient(top,#5db9e3,#49a4d3)
}
.pd-playlist .row:hover h3,.pd-playlist .active h3{
    margin-right:34px;
    overflow:hidden
}
.pd-playlist .row:hover h3 a,.pd-playlist .active h3 a,.pd-playlist .active p a,.pd-playlist .row:hover p a,.pd-playlist .row:hover p,.pd-playlist .active p{
    color:#fff
}
.song-lyrics-title{
    font-weight:500;
    font-size:16px;
    margin:15px 0
}
.song-lyrics-height{
    overflow:hidden
}
.song-lyrics-height.open{
    max-height:inherit
}
.tags-ringtone a{
    color:#ed1b36!important
}
.song-lyrics-more,.song-lyrics-collapse{
    background-color:#ddd;
    padding:5px 15px
}
.song-lyrics-more a:hover,.song-lyrics-collapse a:hover .song-lyrics-more a:focus,.song-lyrics-collapse a:focus{
    color:#ed1b36;
    text-decoration:none
}
.song-lyrics-more a,.song-lyrics-collapse a{
    font-size:14px;
    color:#222;
    text-decoration:none
}
.footer{
    margin-top:50px;
    width:100%;
    padding:15px 0 0;
    color:#333;
    background:#fff
}
.cfooter p{
    font-size:12px
}
.cfooter .address .name-copany{
    color:#fff!important;
    font-size:14px
}
.cfooter .address .nctcorp_logo{
    width:86px;
    height:44px;
    float:left;
    display:block;
    background:url(../images/icon.png) left -94px no-repeat;
    margin:4px 10px 0 0
}
.back-to-top{
    cursor:pointer;
    position:fixed;
    bottom:20px;
    right:20px;
    display:none
}
.footerCatags a{
    padding:5px 10px
}
.cfooter a{
    color:#b3b3b3
}
.footer_top .widgetitle{
    font-size:14px;
    line-height:18px;
    font-weight:bold
}
.center-block{
    float:none
}
.kk-star-ratings.bottom-right.rgt{
    float:left
}
#breadcrumbs{
    background-color:white;
    border:#b3b3b3 solid 1px;
    border-bottom:0;
    -moz-border-radius-topleft:8px;
    -webkit-border-top-left-radius:8px;
    border-top-left-radius:8px;
    -moz-border-radius-topright:8px;
    -webkit-border-top-right-radius:8px;
    border-top-right-radius:8px;
    padding:.5em 1em 0 1em;
    position:relative;
    top:-43px;
    z-index:9;
    width:155px
}
.cfooter p{
    margin:0 0 5px
}
.pagination{
    margin:15px 10px;
    float:right
}
h1.title{
    margin-top:140px
}
.pagination>li>a{
    padding:12px;
    background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#eaeaea));
    background:-webkit-linear-gradient(top,#fff,#eaeaea);
    background:-moz-linear-gradient(top,#fff,#eaeaea);
    background:-o-linear-gradient(top,#fff,#eaeaea);
    background:linear-gradient(top,#fff,#eaeaea);
    border:1px solid #aaa;
    border-right:0;
    padding:6px 12px
}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus,.pagination>li>span{
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.5);
    -moz-box-shadow:inset 0 0 5px rgba(0,0,0,.5);
    box-shadow:inset 0 0 5px rgba(0,0,0,.5);
    background:#303030;
    border-color:black;
    color:white
}
.navs{
    position:absolute;
    margin-top:90px;
    z-index:9;
    width:80%
}
.logo{
    position:relative;
    z-index:9999
}
.lyrics-content{
    font-size:16px
}
.player-song .panel-body{
    padding:0
}
.panel-title a{
    color:#fff
}
.panel-title h2{
    font-size:16px;
    color:#fff;
    font-weight:bold;
    margin-top:0
}
.fb-like{
    margin-right:5px;
    margin-top:5px
}
.sicalfb{
    width:130px;
    margin-top:-8px;
    float:right
}
.download{
    width:100px;
    float:left
}
.post-rate{
    float:right;
    width:100px;
    margin-right:10px
}
.relate-list{
    list-style:none;
    margin:0;
    padding:0;
    font-size:1.143em
}
.relate-list li a{
    color:#333;
    font-weight:bold
}
li{
    list-style-type:none
}
.bgmusic{
    padding-left:28px;
    background-image:url(../img/ico-m2.gif);
    background-repeat:no-repeat;
    background-position:5px 8px
}
.bgmusic a{
    text-decoration:none;
    color:#0d6aa9;
    font-weight:bold
}
.bgmusic{
    background-position:center left;
    padding:10px 5px;
    border-bottom:1px dotted #cecece;
    overflow:hidden;
    padding-left:20px
}
.bgmusic p{
    padding:0;
    margin:0;
    font-size:12px;
    color:#777
}
.bgmusic p span{
    margin-left:10px
}
.bgmusic h3{
    font-size:14px!important;
    margin:0 0 4px 0;
    padding:0;
    margin-right:3px
}
#sidebar .row{
    padding-left:15px
}
.clearfix hr{
    border-bottom:solid 1px #f7f7f7
}
.meta.audio-meta a{
    color:#000;
    line-height:10px
}
.youtube{
    position:relative;
    padding-bottom:56.25%;
    padding-top:25px;
    height:0
}
.youtube iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.images img{
    width:100%;
    height:100%
}
.images{
    width:72px;
    height:72px;
    position:absolute;
    left:6px;
    top:10px
}
.itemsong{
    padding:0 5px
}
.itemsinger{
    padding:0;
    max-width:285px;
    margin:0 auto
}
.meta .audio-title{
    font-size:14px;
    padding-bottom:10px;
    font-weight:bold!important;
    text-transform:capitalize!important
}
.content_song{
    background:#dfdfdf
}
.tags_2:before{
    content:","
}
.meta a:hover{
    color:#1a53ff
}
.post-share a{
    border:1px solid rgba(0,0,0,.05);
    border-radius:2px;
    color:#fff;
    float:left;
    font-size:12px;
    padding:7px;
    position:relative;
    text-align:center;
    text-decoration:none;
    font-size:13px;
    width:100%
}
.faceb{
    background-color:#49639F
}
.faceb:hover{
    background-color:#3664CD
}
.twitter{
    background-color:#4099ff
}
.twitter:hover{
    background-color:#7BB7FB
}
.jwlogo{
    margin:-35000px;
    display:none!important
}
.backplay{
    display:none
}
.navbar-collapse{
    position:relative;
    padding-top:30px;
    max-height:270px
}
.navbar-collapse form[role="search"]{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    padding:0;
    margin:0;
    z-index:0
}
.navbar-collapse form[role="search"] button,.navbar-collapse form[role="search"] input{
    padding:8px 12px;
    border-radius:0;
    border-width:0;
    color:rgb(119,119,119);
    background-color:rgb(248,248,248);
    border-color:rgb(231,231,231);
    box-shadow:none;
    outline:none
}
.navbar-collapse form[role="search"] input{
    padding:18px 12px;
    font-size:14pt;
    font-style:italic;
    color:rgb(160,160,160);
    box-shadow:none
}
.player {
    padding: 14px 10px 5px 10px;
    background-image: url(../img/bgplayer-song.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    height: 68px;
    border-top: 2px solid #5cafd5;
}
.hide-html5 {
    width: 0;
    overflow: hidden;
    display: none;
}
#play.play {
    background-image: url(../img/ico-play.png);
    background-repeat: no-repeat;
    background-position: left top;
    cursor: pointer;
    margin-top: 2px;
}
#play {
    width: 26px;
    height: 31px;
    float: left;
}
#play.pause {
    background-image: url(../img/ico-pause.png);
    background-repeat: no-repeat;
    background-position: left top;
    cursor: pointer;
    margin-top: 2px;
}
#progress {
    margin: 0 55px 0 40px;
    padding-top: 12px;
}
#progress #progress_box {
    background-color: #858585;
    height: 11px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: inset 0 0 10px #3e3e3e;
    -webkit-box-shadow: inset 0 0 10px #3e3e3e;
    box-shadow: inset 0 0 3px #363636;
}
#progress #load_progress {
    background-color: #626262;
    height: 11px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    -moz-box-shadow: inset 0 0 10px #3e3e3e;
    -webkit-box-shadow: inset 0 0 10px #3e3e3e;
    box-shadow: inset 0 0 3px #363636;
}
#progress .hand-control {
    position: absolute;
    top: -7px;
    background-image: url(../img/ico-pro.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 25px;
    height: 26px;
}
#progress #play_progress {
    background-color: #197cbc;
    height: 11px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: inset 0 0 10px #3e3e3e;
    -webkit-box-shadow: inset 0 0 10px #3e3e3e;
    box-shadow: inset 0 0 3px #363636;
}
#play_time {
    width: 45px;
    padding-top: 0;
    float: right;
    text-align: center;
    color: #575757;
    font-size: 14px;
    font-weight: bold;
    text-shadow: #fff 0 1px 1px;
    margin-top: -14px;
}
@media(max-width:1000px){
    .form-search{
        position:absolute;
        right:50px
    }
    .navbar-header{
        float:none
    }
    .navbar-toggle{
        display:block
    }
    .navbar-collapse.in{
        overflow-y:auto
    }
    .dropdown-menu>li>a{
        color:#eee
    }
    .navbar-collapse{
        max-height:340px;
        padding-right:15px;
        padding-left:15px;
        overflow-x:visible;
        border-top:1px solid transparent;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.1)
    }
    .navbar-collapse.collapse{
        display:none!important
    }
    .navbar-nav{
        float:none!important
    }
    .navbar-nav .open .dropdown-menu{
        position:static;
        float:none;
        width:auto;
        margin-top:0;
        background-color:transparent;
        border:0;
        box-shadow:none
    }
    .open>.dropdown-menu{
        display:block
    }
    .navbar-nav>li{
        float:none
    }
    .navbar-nav>li>a{
        padding-top:10px;
        padding-bottom:10px
    }
}
@media(max-width:768px){
    .form-search{
        position:absolute;
        right:65px
    }
    .navbar-inverse{
        position:fixed;
        top:46px;
        right:0;
        width:100%;
        z-index:999
    }
    .navbar-collapse{
        padding-top:0!important
    }
    .nav>li>a{
        padding:8px 25px
    }
    .navs{
        margin-bottom:0;
        margin-top:90px
    }
    .logo{
        max-width:250px
    }
    #navbar-brand-centered{
        height:100%!important
    }
    .header-top{
        min-height:54px
    }
    h1.title{
        margin-top:100px
    }
    h1.title-site,h2.title-site{
        margin-top:90px
    }
    .image-preview{
        max-height:300px
    }
}
@media(min-width:320px) and (max-width:768px){
    #sidebar .row{
        padding-left:0
    }
    .dropdown-menu>li>a{
        color:#000
    }
    .backplay{
        display:block!important
    }
    .sicalfb{
        float:none;
        margin-top:0
    }
    .fb-like{
        top:5px
    }
    .player .player--play{
        margin-left:35%!important
    }
}
@media (min-width:768px){
    .navbar-collapse{
        padding-top:0px!important;
        padding-right:38px!important
    }
    .navbar-collapse form[role="search"]{
        width:43px
    }
    .navbar-collapse form[role="search"] button,.navbar-collapse form[role="search"] input{
        padding:22px 15px
    }
    .navbar-collapse form[role="search"] input{
        padding:0 12px;
        font-size:18pt;
        opacity:0;
        display:none
    }
    .search .form-control{
        height:64px
    }
    .navbar-collapse form[role="search"].active{
        width:100%
    }
    .navbar-collapse form[role="search"].active button,.navbar-collapse form[role="search"].active input{
        display:table-cell;
        opacity:1
    }
    .navbar-collapse form[role="search"].active input{
        width:60%;
        text-align:right;
        float:right
    }
    .navbar-collapse form[role="search"].active button[type="submit"]{
        background-color:rgb(231,231,231)
    }
}
