.btn-style,
body {
    font-weight: 400
}

.list-song li a .author,
.name-song {
    text-overflow: ellipsis;
    white-space: nowrap
}

body {
    font-family: Cabin, sans-serif;
    font-size: 16px;
    color: #040404;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

p {
    font-family: 'Noto Serif', serif
}

img {
    width: 100%
}

ul {
    padding-left: 0
}

ul li {
    list-style: none
}

a,
a:active,
a:focus,
a:hover,
button,
button:active,
button:focus,
button:hover,
input,
input:focus {
    outline: 0!important
}

.icon-telephone {
    width: 14px;
    height: 14px;
    background: url(../img/icon-telephone.png) no-repeat;
    background-size: contain;
    display: inline-block
}

.btn-style {
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    text-transform: uppercase;
    color: #000;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-transition: all .2s;
    transition: all .2s;
    font-family: Cabin, sans-serif;
    padding: 0 45px
}
.list-find li .time {color:#4A4A4A;font-size: 16px;display:  block;width:  100%;padding-right: 85px;}
.btn-style:hover {
    color: #fff;
    background: #040404
}

.btn-style-2 {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 72px;
    line-height: 72px;
    padding: 0 35px;
    background: #e3c383;
    border-radius: 4px;
    color: #040404;
    font-size: 24px;
    font-weight: 700
}

.art-detail,
.embed-responsive {
    -webkit-transform: translateY(-50%)
}

.btn-style-2:hover {
    background: #fff;
    color: #b11116
}
.ui-loader { display: none!important;}

.highlight-menu .btn-style {
    color: #fff;
    border-color: #fff;
    background: #040404
}

.highlight-menu .btn-style:hover {
    color: #040404;
    background: #fff
}

.highlight-newsong {
    position: relative
}

.highlight-newsong .container {
    position: relative;
    z-index: 10
}

.highlight-newsong:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 68%;
    z-index: 9;
    background: rgba(219, 218, 214, 1);
    background: -moz-linear-gradient(top, rgba(219, 218, 214, 1) 0, rgba(219, 218, 214, 1) 0, rgba(219, 218, 214, 1) 66%, rgba(156, 156, 156, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(219, 218, 214, 1)), color-stop(0, rgba(219, 218, 214, 1)), color-stop(66%, rgba(219, 218, 214, 1)), color-stop(100%, rgba(156, 156, 156, 1)));
    background: -webkit-linear-gradient(top, rgba(219, 218, 214, 1) 0, rgba(219, 218, 214, 1) 0, rgba(219, 218, 214, 1) 66%, rgba(156, 156, 156, 1) 100%);
    background: -o-linear-gradient(top, rgba(219, 218, 214, 1) 0, rgba(219, 218, 214, 1) 0, rgba(219, 218, 214, 1) 66%, rgba(156, 156, 156, 1) 100%);
    background: -ms-linear-gradient(top, rgba(219, 218, 214, 1) 0, rgba(219, 218, 214, 1) 0, rgba(219, 218, 214, 1) 66%, rgba(156, 156, 156, 1) 100%);
    background: linear-gradient(to bottom, rgba(219, 218, 214, 1) 0, rgba(219, 218, 214, 1) 0, rgba(219, 218, 214, 1) 66%, rgba(156, 156, 156, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dbdad6', endColorstr='#9c9c9c', GradientType=0)
}

.btn-style-3 {
    padding: 0;
    border: none;
    text-transform: none;
    font-size: 16px;
    color: #b11116
}

.btn-style-3:hover {
    color: #040404
}

.list-flag {
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 2;
    margin-bottom: 0;
    color: #e5b1b3
}

.box,
.box-find {
    position: relative
}

.list-flag li a {
    color: #fff;
    display: inline-block;
    margin-left: 3px
}

.list-flag li a:hover {
    opacity: .8
}

.list-flag li:first-child {
    padding-right: 11px
}

.list-flag li:nth-child(2) {
    padding-left: 13px;
    padding-right: 18px
}

.list-flag li:last-child {
    padding-left: 0;
    padding-right: 0
}

.list-flag li a i {
    margin-right: 2px
}

.list-flag li a i.fa-phone {
    width: 20px;
    height: 20px;
    font-size: 12px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 20px
}

.box-find {
    overflow: hidden
}

.art-detail {
    padding: 50px 40px;
    background: #fff;
    color: #040404;
    width: 100%;
    max-width: 370px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 11
}

.art-detail h2 {
    font-size: 48px;
    margin-bottom: 25px;
    margin-top: 0
}

.art-detail p {
    margin-bottom: 25px;
    font-style: italic;
    color: #040404
}

.highlight-menu .art-detail {
    background: 0 0;
    color: #fff;
    padding-left: 0;
    padding-right: 0
}

.highlight-menu .art-detail p {
    color: #fff
}

.highlight-find .art-detail {
    max-width: 640px;
    background: 0 0;
    color: #fff;
    position: static;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    float: left;
    padding: 2px 0
}

.highlight-find .art-detail h2 {
    font-size: 36px
}

.highlight-find p {
    color: #fff;
    font-style: italic
}

.highlight-slider .block-title h2 {
    font-family: "Noto Serif";
    color: #fff;
    font-style: italic
}

.block-title,
.block-title p {
    font-family: Cabin, sans-serif
}

.highlight-slider .block-title p {
    color: #fff;
    font-size: 18px;
    opacity: .7
}

.outer-img {
    margin-left: 205px;
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.outer-img .one-img {
    position: relative;
    z-index: 10
}

.outer-img .two-img {
    position: absolute;
    top: 13%;
    right: 50%;
    z-index: 9;
    -webkit-transform: rotateX(27deg);
    transform: rotateX(27deg);
    width: 88%;
    margin-right: -44%;
    -webkit-filter: blur(20px);
    filter: blur(20px)
}

.box-song,
.highlight-menu .bgd-full {
    width: 100%
}

#room {
    background: #dbdad6;
    overflow: visible
}

.art-new-2,
.block-address ul,
.block-find,
.list-song li a,
.list-song li a .author,
.list-tool,
.outer-address,
.outer-slider,
.outer-time p,
.slider-menu,
.top-footer ul {
    overflow: hidden
}

.highlight-menu {
    position: relative;
    padding: 0
}

.highlight-menu .art-detail {
    position: static;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.highlight-news {
    background: #040404
}

.highlight-find {
    background: #b11116;
    padding-top: 50px;
    padding-bottom: 50px
}

.highlight-brand {
    background: #040404;
    padding: 50px 0
}

.box-song {
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto
}

.box-black {
    background: #040404;
    padding: 40px 0;
    margin-bottom: 60px;
    height: 352px;
    position: relative;
    z-index: 10
}

.box-song .row .col-sm-6:first-child:after,
.box-song .row .col-sm-6:last-child:after {
    position: absolute;
    bottom: -6px;
    content: "";
    height: 300px;
    width: 350px;
    z-index: -1
}

.box-song .row .col-sm-6:first-child:after {
    left: -100px;
    background: url(../img/shadow-right.svg) center center no-repeat;
    transform: rotate(-10deg)
}

.box-song .row .col-sm-6:last-child:after {
    right: -100px;
    background: url(../img/shadow-left.svg) center center no-repeat;
    transform: rotate(10deg)
}

.embed-responsive,
.inner-baner {
    -ms-transform: translateY(-50%)
}

.list-song li {
    padding: 10px 30px;
    font-size: 18px
}

.list-song li:first-child {
    padding-top: 0
}

.list-song li:last-child {
    padding-bottom: 0
}

.list-song li a {
    display: block;
    line-height: 26px;
    font-size: 18px;
    color: #fff;
    text-decoration: none!important
}

.art-choose>.detail .inner:hover,
.art-list h3 a:hover,
.art-new h4 a:hover,
.art-new-2 h4 a:hover,
.content .art-new h4 a:hover,
.link-address,
.list-song li a:hover,
.outer-address div a,
.outer-breadcumb ol li a:hover,
.sidebar .art-new h4 a:hover,
.slider-menu .inner-menu a:hover {
    text-decoration: none
}

.list-song li a i {
    margin-right: 15px;
    color: #727270;
    text-align: center;
    font-size: 12px;
    height: 26px;
    width: 26px;
    line-height: 25.5px;
    border-radius: 50%;
    border: 1px solid #727270
}

.list-song li a i.fa-play:before {
    margin-left: 3px
}

.list-song li a .author {
    float: right;
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    max-width: 35%;
    margin-top: 1px
}

.list-song li a:hover i,
.list-song li.active a i {
    color: #fff;
    border-color: #fff
}

.scroll-song {
    height: 272px
}

.outer-video {
    height: 312px
}

.embed-responsive {
    top: 50%;
    transform: translateY(-50%)
}

.block-title {
    text-align: center;
    margin-bottom: 50px
}

.block-title h2 {
    font-size: 48px;
    color: #040404;
    margin-bottom: 20px;
    margin-top: 0
}

.block-title p {
    font-size: 24px;
    color: #040404;
    opacity: .7
}

.highlight-news .block-title {
    margin-bottom: 70px
}

.highlight-news .block-title h2 {
    color: #fff;
    font-weight: 700
}

.highlight-news .block-title p {
    color: #fff;
    font-family: 'Noto Serif', serif;
    font-style: italic;
    font-size: 18px
}

.art-new p,
.bottom-footer p,
.footer,
.top-footer p {
    font-family: Cabin, sans-serif
}

.art-new h4 {
    font-size: 24px;
    margin: 15px 0;
    line-height: 1.4;
    font-weight: 400
}

.art-new h4 a {
    color: #fff; height: 62px; overflow: hidden; display: block;
}

.art-new h4 a:hover {
    color: #b11116
}

.art-new p {
    font-size: 18px;
    margin-bottom: 20px;
    color: #fff; height: 81px; overflow: hidden;
}

.art-new .btn-style-1 {
    padding: 0 3px 2px 0;
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 0;
    font-weight: 400;
    color: #fff
}

.art-new .btn-style-1:hover {
    border-color: #fff
}

.art-new .btn-style-1 i {
    font-size: 14px;
    margin-left: 3px
}

.content .art-new {
    padding: 32px 0 30px;
    border-bottom: solid 2px #dbdad6
}

.content .art-new:first-child {
    padding-top: 0
}

.content .art-new h4 a,
.content .art-new p {
    color: #040404
}

.content .art-new .btn-style-1 {
    color: #B11116;
    border-bottom: 2px solid #B11116
}

.content .list-tool li {
    color: #838383
}

.content .art-new h4 a:hover {
    color: #b11116
}

.content .art-new .btn-style-1:hover {
    color: #040404;
    border-color: #040404
}

.sidebar .inner-bar {
    padding: 30px;
    background: #ededed
}

.sidebar .inner-bar .art-new {
    padding-top: 30px
}

.sidebar .inner-bar .art-new:first-child {
    padding-top: 0
}

.sidebar .inner-bar .art-new:last-child {
    padding-bottom: 0
}

.sidebar .art-new h4 {
    font-size: 18px;
    margin-bottom: 10px
}

.content .art-new p,
.sidebar .art-new h4 a {
    color: #040404
}

.content .art-new p {
    opacity: .7
}

.sidebar .art-new .btn-style-1 {
    color: #B11116;
    border-bottom: 2px solid #B11116
}

.sidebar .list-tool {
    margin-bottom: 0
}

.sidebar .list-tool li {
    color: #838383
}

.sidebar .art-new h4 a:hover {
    color: #b11116
}

.sidebar .art-new .btn-style-1:hover {
    color: #040404;
    border-color: #040404
}

.sidebar .inner-bar .art-new-1 {
    padding: 20px 0 18px;
    border-bottom: solid 2px #dbdad6
}

.sidebar .inner-bar .art-new-1:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.sidebar .art-new-1 h4 {
    margin-top: 0
}

.block-bar {
    margin-bottom: 30px
}

.sidebar .block-bar:last-child {
    margin-bottom: 0
}

.art-new-2 {
    padding-bottom: 20px
}

.art-new-2>a {
    float: left;
    margin-right: 30px;
    width: 270px
}

.art-new-2 h4 {
    margin-top: 0;
    font-size: 24px;
    line-height: 1.4
}

.art-new-2 h4 a {
    color: #040404
}

.art-new-2 h4 a:hover {
    color: #B11116
}

.list-tool {
    margin-bottom: 30px;
    opacity: .7
}

.list-tool li {
    float: left;
    padding: 0 15px 0 17px;
    position: relative
}

.list-tool li:after {
       content: "•";
    position: absolute;
    top: 8px;
    left: 0;
    font-size: 12px;
    width: 3px;
    height: 3px;
    line-height: 3px
}

.list-tool li:first-child {
    padding-left: 0
}

.list-tool li:first-child:after {
    display: none
}

.list-tool li:last-child {
    padding-right: 0
}

.list-tool li {
    font-size: 16px;
    color: #fff
}

.list-tool li i {
    margin-right: 3px
}

.slider-brand .slick-slide a {
    margin: 0 12px;
    display: block
}

.slider-brand .slick-slide a:hover {
    opacity: .8
}

.slider-brand .slick-next,
.slider-brand .slick-prev {
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.slider-brand:hover .slick-next,
.slider-brand:hover .slick-prev {
    opacity: 1
}

.pagging {
    padding-top: 65px;
    font-size: 18px
}

.pagging>span {
    display: inline-block;
    padding-right: 20px
}

.pagging .pagination {
    margin: 0;
    display: inline-block;
    vertical-align: middle
}

.pagging .pagination>li {
    display: inline-block;
    vertical-align: top
}

.pagging .pagination>li a {
    display: block;
    border: none;
    font-size: 18px;
    color: #040404;
    padding-left: 0;
    padding-right: 0;
    min-width: 30px;
    text-align: center
}

.pagging .pagination>.active>a,
.pagging .pagination>.active>a:focus,
.pagging .pagination>.active>a:hover,
.pagging .pagination>.active>span,
.pagging .pagination>.active>span:focus,
.pagging .pagination>.active>span:hover {
    background: 0 0;
    color: #B11116
}

.footer,
.top-footer {
    color: #040404
}

.top-footer {
    font-size: 18px;
    padding: 75px 0;
    background: url(../img/footer-bg.png) center center no-repeat;
    background-size: cover
}

.top-footer h3 {
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 35px;
    text-transform: uppercase;
    font-weight: 700
}

.top-footer p {
    font-size: 18px;
    color: #555
}

.top-footer p strong {
    color: #040404
}

.top-footer .first-col p {
    text-align: justify
}

.top-footer ul.list-link li {
    padding-bottom: 20px
}

.top-footer ul.list-link li a {
    color: #040404;
    opacity: .7
}

.top-footer ul.list-link li a:hover {
    color: #b11116;
    text-decoration: none
}

.top-footer .inner>div {
    float: left
}

.top-footer .inner>div:first-child {
    width: 69.5%
}

.top-footer .inner>div:nth-child(2) {
    width: 37%
}

.top-footer .inner>div:last-child {
    width: 30.5%
}

.frm-search {
    overflow: hidden;
    margin: 20px 0;
    position: relative
}

.frm-search .txt-search {
    border: 1px solid #cecece;
    border-radius: 4px;
    height: 40px;
    width: 100%;
    padding: 0 40px 0 20px;
    font-style: italic;
    font-size: 16px;
    color: #838383;
    line-height: 40px;
    background: 0 0
}

.frm-search .btn-search,
.list-social-f li a i {
    font-size: 20px;
    width: 40px;
    height: 40px;
    text-align: center
}

.frm-search .btn-search {
    background: 0 0;
    border: none;
    color: #040404;
    opacity: .7;
    position: absolute;
    top: 0;
    right: 0
}

.list-social-f li {
    vertical-align: top
}

.list-social-f li a i {
    border-radius: 50%;
    line-height: 40px;
    border: 1px solid #555;
    color: #555
}

.list-social-f li a i.fa-facebook:hover {
    background: #3B5998;
    border-color: #3B5998;
    color: #fff
}

.list-social-f li a i.fa-twitter:hover {
    background: #55ACEE;
    border-color: #55ACEE;
    color: #fff
}

.list-social-f li a i.fa-instagram:hover {
    background: #3F729B;
    border-color: #3F729B;
    color: #fff
}

.list-social-f li a i.icon-youtube {
    border: none;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../img/youtube.png) no-repeat;
    background-size: 100%
}

.list-social-f li a i.icon-youtube:hover {
    border: none;
    background-image: url(../img/youtube-hover.png)
}

.list-social-f li a i.icon-zalo {
    border: none;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../img/zalo.png) no-repeat;
    background-size: 100%
}

.list-social-f li a i.icon-zalo:hover {
    border: none;
    background-image: url(../img/zalo-hover.png);
    background-color: #fff
}

.bottom-footer {
    padding: 35px 0
}

.bottom-footer p {
    margin-bottom: 0;
    font-size: 18px
}

.box-new .outer-btn {
    margin-bottom: 0;
    margin-top: 50px
}

.box-new .outer-btn .btn-style {
    color: #fff;
    border-color: #fff;
    background: #000
}

.box-new .outer-btn .btn-style:hover {
    color: #000;
    background: #fff
}

.block-banner {
    position: relative
}

.inner-baner {
    position: absolute;
    top: 50%;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.inner-baner h1 {
    font-size: 36px;
    font-style: italic;
    font-family: "Noto Serif";
    color: #fff;
    margin: 0;
    text-align: center
}

.art-room h3 a,
.fck h2 {
    color: #040404
}

.art-room {
    margin-bottom: 40px
}

.art-room h3 {
    font-size: 24px;
    font-weight: 500
}

.art-room p,
.fck p {
    font-size: 18px
}

.art-room p {
    font-family: Cabin, sans-serif;
    margin-bottom: 10px;
    opacity: .7
}

.block-list {
    padding-bottom: 55px
}

.block-detail {
    padding-top: 65px;
    border-top: 2px dotted #a1a1a1
}

.block-detail.no-border {
    padding-top: 0;
    border: 0
}

.block-ctn,
.list-share {
    border-top: 2px solid #acacac
}

.block-detail .fck {
    width: 100%;
    max-width: 770px;
    margin-left: auto;
    margin-right: auto
}

section.main {
    padding-top: 55px
}

.fck h2 {
    margin-top: 0;
    text-align: center;
    margin-bottom: 40px;
    font-family: "Noto Serif";
    font-style: italic
}

.fck h1,
.fck p {
    margin-bottom: 25px
}

.block-gt p,
.fck p {
    color: #5d5d5d;
    font-family: Cabin, sans-serif
}

.block-gt h2,
.fck h1 {
    margin-top: 0;
    font-size: 24px
}

.main .container .block-gt:nth-child(2) {
    padding-top: 50px
}

.block-gt h2 {
    margin-bottom: 20px;
    font-weight: 500
}

.block-gt p {
    font-size: 18px;
    text-align: justify
}

.block-ctn h2,
.title-bar span {
    font-family: "Noto Serif";
    font-style: italic
}

.outer-breadcumb {
    padding: 7px 0;
    border-bottom: 2px solid #e7e6e3
}

.outer-breadcumb ol.breadcrumb>.active {
    color: #040404
}

.outer-breadcumb ol li a {
    color: #838383
}

.outer-breadcumb ol li a:hover {
    color: #040404
}

.outer-breadcumb-1 {
    margin-top: 120px
}

.block-share {
    padding-bottom: 30px
}

.list-share {
    display: inline-block;
    padding-top: 15px;
    margin-bottom: 0
}

.list-share li {
    display: inline-block
}

.list-share li:first-child {
    color: #040404;
    font-size: 18px;
    padding-right: 10px
}

.block-ctn {
    padding-top: 35px
}

.block-ctn h2 {
    margin: 0 0 20px;
    font-size: 24px
}

.title-bar {
    margin-top: 0;
    background: url(../img/bgd-title.jpg) repeat-x;
    height: 96px;
    text-align: center;
    line-height: 96px
}

.title-bar span {
    position: relative;
    color: #FFF;
    font-size: 24px;
    padding-left: 50px;
    padding-right: 50px
}

.title-bar span:after,
.title-bar span:before {
    opacity: .8;
    position: absolute;
    bottom: 8px;
    height: 2px;
    width: 30px;
    background: #fff;
    content: ""
}

.title-bar span:after {
    left: 0
}

.title-bar span:before {
    right: 0
}

.block-address h2 {
    border-bottom: solid 2px #e7e6e3;
    font-size: 24px;
    color: #040404;
    text-transform: uppercase;
    margin: 0;
    font-family: Cabin;
    padding-bottom: 15px
}

.block-address ul li {
    margin-top: 15px;
    font-size: 18px;
    color: #444
}

.block-address ul li a {
    color: #444
}

.block-address ul li a span,
.list-address li:hover a {
    color: #B11116
}
.list-address p {margin-bottom: 0;font-family: Cabin, sans-serif;padding: 0 10px 0 20px;color: #888;height:  48px;overflow: hidden;}

.block-address ul li i {
    margin-right: 5px;
    font-size: 15px;
    min-width: 15px;
    margin-left: 1px
}

.block-address address {
    margin: 0
}

.content .block-address {
    padding-top: 60px
}

.content .block-address:first-child {
    padding-top: 0
}

.list-address li {
    width: 50%;
    float: left;
    padding-right: 10px
}

.sidebar.col-md-5.col-md-push-7 {
    margin-top: 0
}

.left-find {
    float: left;
    width: 45%;
    position: relative
}

.outer-address div,
.right-find {
    float: right
}

.frm-find {
    width: 600px;
    position: relative;
    padding-left: 100px;
    padding-top: 30px
}

.frm-find .txt-find {
    color: #6c6c6c;
    width: 100%;
    height: 40px;
    border: none;
    border-bottom: 2px solid #e7e6e3
}

.frm-find .btn-find {
    font-family: Cabin;
    font-size: 18px;
    color: #303030;
    background: 0 0;
    height: 40px;
    width: 40px;
    text-align: right;
    line-height: 40px;
    border: none;
    position: absolute;
    top: 30px;
    right: 0
}

.list-find {
    padding-top: 15px;
    margin-bottom: 0;
    padding-bottom: 15px
}

.list-find li {
    width: 100%;
    position: relative;
    cursor: pointer;
    padding: 20px 10px 20px 100px
}

.list-find li h4 {
    margin-top: 0;
    font-weight: 600
}

.list-find li.active {
    background: #dbdad6
}

.list-find li:hover {
    background: #f3f3f3
}

.list-find li i {
    display: block;
    font-size: 12px;
    color: #414141;
    height: 18px;
    width: 18px;
    line-height: 16px;
    border-radius: 50%;
    border: 1px solid #414141;
    margin: 0 auto 5px
}

.list-find li .link-modal {
    cursor: pointer;
    right: 25px;
    top: 50%;
    margin-top: -19px;
    position: absolute;
    text-align: center;
    font-size: 11px
}

.list-find li .link-modal:hover,
.list-find li .link-modal:hover i {
    color: #b11116;
    border-color: #b11116
}

.list-find li .link-modal span {
    visibility: hidden
}

.list-find li.active .link-modal span,
.list-find li:hover .link-modal span {
    visibility: visible
}

.right-find {
    width: 55%
}

section.main.full-height {
    height: 100%;
    padding: 120px 0 0
}

.list-find .mCSB_inside>.mCSB_container {
    margin-right: 0
}

.list-find .mCSB_scrollTools {
    right: 0;
    width: 7px
}

.list-find .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #a8a8a8
}

.list-find .mCSB_scrollTools .mCSB_draggerRail {
    background: #fff;
    border: 1px solid #ededed;
    width: 7px
}

.ctn-address h3 {
    color: #4a4a4a;
    margin-top: 0
}

.ctn-address .time {
    color: grey;
    display: block;
    padding-bottom: 15px
}

.outer-address {
    padding-bottom: 25px
}

.outer-address div a {
    display: block;
    line-height: 20px;
    color: #4a4a4a
}

.outer-address div a:hover {
    color: #b11116
}

.outer-address div a:hover span {
    border-color: #b11116
}

.outer-address div a:first-child {
    padding-bottom: 5px
}

.outer-address div a span {
    border-bottom: 2px solid #858585
}

.outer-address address {
    margin-bottom: 0;
    width: 60%;
    float: left
}

.outer-time p span,
.slider-for {
    float: right
}

.outer-time {
    padding-top: 25px;
    border-top: 2px solid #e7e6e3
}

.outer-time h4 {
    margin-top: 0
}

.outer-time p {
    margin-bottom: 0;
    padding: 5px 0;
    font-family: Cabin, sans-serif
}

.outer-time p.current {
    font-weight: 700
}

.modal-height {
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto;
    width: 100%
}

.modal-height .modal-content {
    position: relative;
    border: none;
    border-radius: 0
}

.modal-height .modal-content .ctn-address {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    padding-right: 20px;
    padding-left: 95px
}

.modal-height .modal-dialog {
    margin: 0;
    width: 100%
}

.modal-height .close {
    font-size: 40px;
    color: #000;
    position: absolute;
    top: 15px;
    right: 30px;
    z-index: 999
}

.main-song {
    background: #191919
}

.outer-title-song {
    border-bottom: dashed 2px #b4b4b4;
    padding-bottom: 10px
}

.outer-title-song h2 {
    font-weight: 400;
    height: 31px;
    line-height: 31px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase
}

.outer-title-song select {
    font-weight: 400;
    color: #fff;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 0;
    margin-left: 10px;
    font-size: 24px;
    background: 0 0;
    border: none
}

.outer-box-song .box-song {
    margin-bottom: 60px;
    margin-top: 45px;
    position: relative
}

.outer-box-song .box-song:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    left: 50%;
    width: 80%;
    margin-left: -40%;
    background: #b4b4b4
}

.outer-box-song .box-song h3 {
    text-align: center;
    color: #fff;
    font-size: 24px;
    margin: 0 0 30px;
    font-weight: 400
}

.outer-box-song .box-song:last-child:after {
    display: none;
    margin-bottom: 0
}

.outer-box-song .box-song:last-child {
    margin-bottom: 0
}

.outer-box-song .box-black {
    margin-bottom: 30px;
    box-shadow: 0 6px 20px 0 #000
}

.highlight-slider {
    background: url(../img/bgd-slider.svg) center center no-repeat;
    background-size: cover
}

.outer-slider {
    padding: 0;
    position: relative
}

.slider-for {
    width: 90%;
    padding-left: 20px;
    padding-right: 10%
}

.slider-nav {
    float: left;
    width: 10%
}

.outer-slider .slick-vertical .slick-slide span {
    cursor: pointer;
    position: relative;
    margin-bottom: 15px
}

.outer-slider .slick-vertical .slick-slide span img {
    display: block
}

.outer-slider .slick-vertical .slick-slide span:after {
    top: 0;
    left: 0;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .4);
    -webkit-transition: all .35s;
    -moz-transition: all .35s
}

.outer-slider .slick-vertical .slick-slide span:hover:after {
    display: none;
    background-color: rgba(255, 255, 255, 0)
}

.outer-slider .slick-vertical .slick-slide.slick-current span:after {
    display: none
}

.outer-slider .slick-vertical .slick-slide.slick-current span:before {
    top: 0;
    left: 0;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid #0caead;
    -webkit-transition: all .35s;
    -moz-transition: all .35s
}

.slider-combo .slick-slide>div,
.slider-for .inner-slider,
.slider-menu .inner-menu a {
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out
}

.slick-vertical .slick-list {
    padding-top: 2px;
    height: 498px!important
}

.slider-for .inner-slider {
    transform: scale(0)
}

.slider-for .slick-slide.slick-current .inner-slider {
    transform: scale(1)
}

.slider-for .inner-slider p {
    color: #fff;
    font-size: 18px;
    opacity: .7;
    margin: 45px auto 0;
    max-width: 80%;
    width: 100%;
    font-family: Cabin;
    text-align: center
}

.equalizer {
    position: absolute;
    top: 30px;
    right: 0;
    width: 90px
}

.slider-menu {
    width: 100%
}

.slider-menu .inner-menu {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slider-menu .inner-menu a {
    color: #fff;
    font-family: Cabin;
    font-size: 36px;
    font-weight: 500;
    display: inline-block;
    transform: scale(0)
}

.highlight-choose .block-title p,
.highlight-combo .block-title p,
.slider-menu .inner-menu a span {
    font-family: "Noto Serif";
    font-style: italic
}

.slider-menu .slick-slide.slick-current .inner-menu a {
    transform: scale(1)
}

.slider-menu .inner-menu a span {
    font-size: 48px;
    display: block
}

.slider-menu .inner-menu a sup {
    font-size: 18px;
    font-weight: 400
}

.slider-menu .slick-slide {
    position: relative
}

.slider-menu .slick-prev {
    left: 50px
}

.slider-menu .slick-next {
    right: 50px
}

.slider-menu .slick-next:before,
.slider-menu .slick-prev:before {
    font-size: 48px
}

.highlight-combo {
    background: #040404;
    margin: 10px 0
}

.highlight-combo .block-title h2 {
    color: #fff
}

.highlight-combo .block-title p {
    color: #f3f3f3;
    font-size: 18px
}

.slider-combo {
    margin-left: -15px;
    margin-right: -15px
}

.slider-combo .slick-slide {
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.slider-combo .slick-slide>div {
    position: absolute;
    bottom: 0;
    right: 15px;
    width: 66%;
    background: #fff;
    border-left: 6px solid #d0021b;
    padding: 20px 10px;
    transition: .5s ease-out
}

.art-choose,
.slider-combo .slick-slide>div p {
    position: relative;
    overflow: hidden
}

.slider-combo .slick-slide>div h3 {
    font-size: 18px;
    color: #4a4a4a;
    font-weight: 500;
    margin: 0 0 5px
}

.slider-combo .slick-slide>div p {
    margin-bottom: 0;
    font-size: 16px;
    color: #4a4a4a;
    text-overflow: ellipsis;
    max-height: 47px;
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    transition: .5s ease-out
}

.slider-combo .slick-slide:hover>div p {
    max-height: 100px
}

.slider-combo .slick-prev {
    left: -10px
}

.slider-combo .slick-next {
    right: -10px
}

.slider-combo .slick-next,
.slider-combo .slick-prev {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 3px 3px #888
}

.slider-combo .slick-next:before,
.slider-combo .slick-prev:before {
    font-size: 36px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    color: #4a4a4a;
    text-align: center
}

.slider-combo .slick-prev:before {
    margin-left: -5px
}

.slider-combo .slick-next:before {
    margin-right: -5px
}

.highlight-choose {
    background: #dbdad6;
    margin: 10px 0
}

.highlight-choose .block-title p {
    font-size: 18px
}

.art-choose>.detail h3,
.art-choose>h3 {
    font-size: 36px;
    font-weight: 400;
    text-transform: uppercase
}

.art-choose>.detail,
.art-choose>.detail .inner,
.art-choose>h3 {
    color: #fff;
    position: absolute;
    left: 0
}

.art-choose>a {
    display: block
}

.art-choose>h3 {
    margin: 0;
    top: 0;
    padding: 25px;
    transition: all .35s;
    -webkit-transition: all .35s;
    -moz-transition: all .35s
}

.art-choose>.detail {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    z-index: 2;
    padding: 30px;
    top: 100%;
    transition: all .35s;
    -webkit-transition: all .35s;
    -moz-transition: all .35s
}

.art-choose:hover>.detail {
    top: 0
}

.art-choose:hover>h3 {
    top: -100%
}

.art-choose>.detail .inner {
    padding: 20px 0;
    border-top: 2px solid #8d7a53;
    border-bottom: 2px solid #8d7a53;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 30px;
    min-height: 70%
}

.art-choose>.detail .inner:hover {
    color: #ccc
}

.art-choose>.detail h3 {
    font-family: Cabin;
    margin-top: 0
}

.slider-for .slick-next,
.slider-for .slick-prev {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    margin-top: -65px;
    height: 60px;
    width: 60px;
    opacity: 0
}

.art-choose>.detail p {
    font-size: 16px;
    font-family: Cabin;
    margin-bottom: 0
}

.slider-for .slick-prev {
    left: -50px
}

.slider-for .slick-next:before,
.slider-for .slick-prev:before {
    font-size: 60px;
    height: 60px;
    width: 60px
}

.slider-for .slick-next {
    right: 50px
}

.slider-for .slick-slide>a:after,
.slider-for .slick-slide>a:before {
    content: "";
    height: 100%;
    top: 0;
    width: 40px;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);
    -webkit-transition: all .35s;
    -moz-transition: all .35s
}

.slider-for:hover .slick-prev {
    left: 15px;
    opacity: 1
}

.slider-for:hover .slick-next {
    right: 105px;
    opacity: 1
}

.slider-for .slick-slide>a {
    display: block;
    position: relative;
    overflow: hidden
}

.slider-for .slick-slide>a:before {
    position: absolute;
    left: -40px;
    background: rgba(0, 0, 0, .7);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(0, 0, 0, .7)), color-stop(0, rgba(0, 0, 0, .7)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0) 100%)
}

.slider-for .slick-slide>a:after {
    position: absolute;
    right: -40px;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .7)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%)
}

.slider-for:hover .slick-slide>a:before {
    left: 0
}

.slider-for:hover .slick-slide>a:after {
    right: 0
}

.modal-full {
    width: 1280px;
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    margin-right: 0;
    min-height: 100%
}

.modal-full .modal-content,
.modal-full-1 .modal-content {
    border: 0;
    border-radius: 0;
    min-height: 100%
}

.modal-full .modal-body,
.modal-full-1 .modal-body {
    padding: 0
}

.modal-full .fck,
.modal-full-1 .fck {
    max-width: 770px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.modal-full .fck h2,
.modal-full-1 .fck h2 {
    font-size: 36px
}

.modal-full .close,
.modal-full-1 .close {
    z-index: 99;
    position: absolute;
    top: 25px;
    right: 25px;
    width: 37px;
    opacity: 1;
    height: 37px
}

.modal-full .close span,
.modal-full-1 .close span {
    line-height: 30px;
    font-size: 37px;
    color: #838383;
    width: 37px;
    height: 37px;
    border: 1px solid #838383;
    border-radius: 50%;
    opacity: 1;
    display: block
}

.modal-full .close:hover,
.modal-full-1 .close:hover {
    opacity: .7
}

.modal-full-1 {
    width: 1300px;
    margin-top: 0
}

.modal-open .modal {
    padding-right: 0!important
}

.space {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

.highlight-list {
    padding: 45px 70px
}

.highlight-list h2 {
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 36px;
    font-style: italic;
    font-family: "Noto Serif"
}

.art-list {
    margin-bottom: 35px
}

.art-list>a {
    float: left;
    width: 33%;
    margin-right: 25px
}

.art-list>a img {
    display: block
}

.art-list h3 {
    font-size: 18px;
    font-family: Cabin;
    font-weight: 600;
    margin-top: 0
}

.art-list h3 a {
    color: #4A4A4A
}

.art-list h3 a:hover {
    color: #b11116
}

.art-list p {
    color: #4A4A4A;
    font-size: 16px;
    font-family: Cabin;
    max-height: 144px;
    overflow: hidden;
    margin-bottom: 0
}

.no-overlay.modal-open {
    overflow: visible
}

.no-overlay .modal-backdrop.in {
    opacity: 0!important
}

.twitter-typeahead {
    width: 100%!important
}

.tt-hint {
    display: none!important
}

.tt-dropdown-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .1);
    -moz-border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%
}

.block-gt {
    max-width: 900px;
    width: 100%;
    margin: 0 auto
}

.block-gt p.pull-right {
    margin-left: 20px
}

.block-gt p.pull-left {
    margin-right: 20px
}

.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #cc393e;
    background-image: -moz-linear-gradient(top, #08c, #0077b3);
    background-image: -o-linear-gradient(top, #08c, #0077b3);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.tt-suggestion p {
    margin: 0;
    padding: 5px 15px;
    font-size: 14px
}

.name-song {
    max-width: 45%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}


.box-address .btn-style-5 {height: 56px;line-height: 46px;padding-left: 30px;padding-right: 30px;font-size: 20px;text-transform: uppercase;font-weight: normal;margin-top: 40px;margin-bottom: 30px;}
.icon-call {width: 20px;height: 20px;background: url(../img/icon-call.png) center center no-repeat;background-size: 100%;display: inline-block;margin-right: 7px;vertical-align: middle;margin-bottom: 4px;}


.loading {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0
}

.signal {
    border: 5px solid #b11116;
    border-radius: 30px;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 30px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite
}

@keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

.block-search {
    width: 100%;
    max-width: 700px
}

.block-search h1 {
    margin-top: 0;
    font-size: 48px;
    color: #838383;
    font-family: Cabin;
    margin-bottom: 30px
}

.block-search .frm-find {
    padding: 0;
    margin: 0 0 30px;
    width: 100%
}

.block-search .frm-find .txt-find {
    height: 48px;
    line-height: 46px;
    border: 1px solid #cecece;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px
}

.block-search .frm-find .btn-find {
    top: 2px;
    right: 10px
}

.outer-slider .slick-vertical .slick-slide span,
.wrapper-img {
    padding-bottom: 56%;
    display: block
}

.select_one.open>.dropdown-toggle.btn-default {
    background: 0 0;
    border: none;
    box-shadow: none;
    color: #fff
}

.select_one .open>.dropdown-toggle.btn-default:hover,
.select_one.open>.dropdown-toggle.btn-default:focus {
    color: #eee
}

.icon-direction {
    width: 16px;
    height: 16px;
    background: url(../img/icon-direction.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle
}

.btn-top,
.hide-pc {
    display: none
}

.block-middle {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.link-address:hover {
    text-decoration: underline
}

.gsc-search-button input.gsc-search-button-v2:hover,
input.gsc-search-button-v2:hover {
    font-family: Cabin;
    font-size: 18px;
    color: #303030;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background: url(assets/images/icon-search.png) center center no-repeat #fff;
    background-size: 70%;
    border: 1px solid #cecece!important;
    text-align: left;
    text-indent: -99999px;
    padding: 23px;
    margin-left: -1px;
    margin-top: 0;
    opacity: .7
}


.art-room-1 {overflow: hidden;padding: 40px 0;border-top: solid 2px #eaeae8;}
.block-list .art-room-1:first-child {padding-top: 0;border: 0;} 
.block-list p.text-center {margin-top: 0;margin-bottom: 0;} 
.art-room-1 .inner { float: left; }
.art-room-1 h3 { color: #040404; font-size: 24px; margin-top:5px; margin-bottom: 20px; }
.art-room-1 h3 a { color: #040404;  }

.art-room-1 address {font-size: 18px;/* font-size: 16px; */color: #040404;opacity: 0.7;line-height: 1.7;}
.art-room-1 address a  { color: #040404; text-decoration: none; display: block;}
.art-room-1 address span { display: block; }
.art-room-1 > a {float: right;width: 490px;}
.btn-style-5 { font-size: 16px; height: 40px;  line-height: 28px; padding-left: 25px; padding-right: 25px;  background-color: #ED1C24;  box-shadow: 0 4px 8px 0 rgba(237,28,36,0.5);    border-radius: 4px; color: #fff; text-transform: none;}
.btn-style-5:hover { box-shadow: none; color: #fff;}
.highlight-detail {padding-bottom: 30px;/* padding-top: 0; */}
.highlight-detail .block-title h2 { font-family: "Noto Serif"; font-size: 36px; font-style: italic; margin-top: 0;}
.highlight-detail.no-border { padding-top: 0;}
.highlight-detail .box-new .outer-btn .btn-style { background: #fff; color: #000;border: 1px solid #000; }
.highlight-detail .box-new .outer-btn .btn-style:hover { background: #000; color: #fff; }
.highlight-detail .art-new h4 a { color: #040404; }
.highlight-detail .art-new h4 a:hover { color: #D73D32; }
.highlight-detail .art-new h4 { line-height: 1.3; }
.highlight-detail .box-new {border-bottom: solid 2px #eaeae8;padding-bottom: 70px;}
.style-address { height: 55px; margin-bottom: 4px; background: #ededed; overflow: hidden; line-height: 55px; font-family: Cabin; color: #838383;  font-size: 18px;}
.style-address span { height: 55px; background: #9b9b9b; display: block; float: left; min-width: 22%; text-align: center;    color: #fff; margin-right: 20px;}
.style-address a { color: #838383; }
.box-address { padding-bottom: 45px; }
.equalizer-left { right: auto; left: 0; }
.outer-video-style { padding-left: 11%; padding-right: 11%; }
.outer-video-style .embed-responsive { top: 0; transform: translateY(0);}
.outer-slider-style .equalizer-left { transform: rotate(180deg); }
.txt-noted { text-align: center; width: 100%; max-width: 690px;     color: #fff;
    font-size: 18px;
    opacity: .7;
    margin: 45px auto 0;
 
    font-family: Cabin;
  }
.btn-top {
    position: fixed;
    right: 20px;
    opacity: 1;
    margin-top: 73px;
    z-index: 999;
    bottom: 40px
}

.btn-top i {
    font-size: 22px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 37px;
    background: #D73D32;
    color: #fff;
    border-radius: 4px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.btn-top:hover i {
    opacity: .8
}
.tbl-style { width: 100%; }
.tbl-style tr td {line-height: 1.2;vertical-align: middle;background: #ededed;color: #838383;padding: 17px 15px;border-top: 4px solid #fff;font-size: 18px;}
.tbl-style tr td:first-child { background: #9b9b9b; color: #fff; text-align: center;}
.tbl-style tbody tr:first-child td { border: 0; }
.tbl-style tr td a { color: #838383; }


@media screen and (width:1920px) {
    .frm-find {
        margin-left: 375px;
        padding-left: 0;
        width: 470px
    }
    .modal-height .modal-content .ctn-address {
        padding-left: 380px
    }
    .list-find li {
        padding-left: 375px
    }
}

@media screen and (max-width:1199px) {
    .modal-full,
    .modal-full-1 {
        width: 100%!important;
        margin: 0
    }
    .slider-for .slick-slide>a:after,
    .slider-for .slick-slide>a:before {
        display: none
    }
}

@media screen and (min-width:991px) {
    #mainNav {
        height: 120px;
        margin-bottom: 0
    }
    #mainNav .container {
        position: relative
    }
    #mainNav .navbar-nav>li>a {
        font-size: 16px;
        padding: 30px 0;
        margin-right: 16px;
        margin-left: 16px;
        font-weight: 400;
        color: #fff;
        overflow: hidden
    }
    #mainNav .navbar-nav>li.active>a,
    #mainNav .navbar-nav>li>a:hover {
        color: #dcc684!important
    }
    #mainNav .navbar-nav>li>a:after {
        left: 0;
        content: "";
        position: absolute;
        bottom: 0;
        width: 0;
        height: 2px;
        background: #dcc684;
        -webkit-transition: all .2s;
        transition: all .2s
    }
    #mainNav .navbar-nav>li.active>a:after,
    #mainNav .navbar-nav>li>a:hover:after {
        bottom: 0;
        width: 100%
    }
    #mainNav .navbar-nav>li:last-child>a {
        margin-right: 15px
    }
    #mainNav .navbar-nav.navbar-right {
        margin-top: 40px
    }
    #mainNav.navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
        background: #b11116
    }
    #mainNav.affix {
        background-color: #b11116
    }
    #mainNav .navbar-brand {
        padding: 22px 15px 0 0
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
	.navbar-default .navbar-collapse { clear: both;}
    .map-detail {margin-top: 20px;}
    .art-room-1 > a { width: 100%; float: none; padding-bottom: 20px; display: block;}
    .art-room-1 .inner { float: none; display: block; }
    .outer-img,
    .slider-combo {
        margin-left: 0
    }
    #mainNav {
        background: #b11116
    }
    #mainNav .navbar-nav>li.active>a,
    #mainNav .navbar-nav>li>a:hover {
        color: #dcc684!important
    }
    #mainNav.navbar-default .nav>li>a,
    #mainNav.navbar-default .nav>li>a:focus {
        color: #fff
    }
    #mainNav.navbar-default .nav>li>a {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px
    }
    .frm-find,
    .list-find li {
        padding-left: 30px
    }
    header {
        padding-top: 101px
    }
    .highlight-menu {
        min-height: 0;
        background-size: contain
    }
    .highlight-find .art-detail {
        width: 60%
    }
    .box-new .outer-btn {
        margin-top: 20px
    }
    .btn-top {
        opacity: .8
    }
    .sidebar {
        margin-top: 60px
    }
    .art-new-2 h4 {
        font-size: 20px
    }
    section.main {
        padding-top: 20px
    }
    .sidebar.col-md-5.col-md-push-7 {
        margin-bottom: 30px
    }
    .sidebar.col-md-5.col-md-push-7 iframe {
        height: 300px!important
    }
    .frm-find {
        width: 100%;
        padding-right: 10px
    }
    .frm-find .btn-find {
        right: 10px
    }
    .slider-for .slick-next,
    .slider-for .slick-prev,
    .slider-menu .slick-next,
    .slider-menu .slick-prev {
        display: none!important
    }
    .outer-breadcumb-1 {
        margin-top: 100px
    }
    .equalizer {
        width: 52px
    }
    .slick-vertical .slick-list {
        height: 305px!important
    }
    .slider-combo {
        margin-right: 0
    }
    .slider-combo .slick-slide>div {
        background-color: rgba(255, 255, 255, .4)
    }
    .slider-combo .slick-slide>div h3,
    .slider-combo .slick-slide>div p {
        color: #000
    }
    .art-choose>.detail h3,
    .art-choose>h3 {
        font-size: 28px
    }
    .art-detail {
        width: 100%;
        max-width: 100%;
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .highlight-menu .art-detail {
        color: #000;
        width: 100%;
        max-width: 100%;
        background: #fff;
        padding: 20px 30px
    }
    .highlight-menu .btn-style:hover {
        color: #fff;
        background: #b11116
    }
    .highlight-menu {
        background: #dbdad6
    }
    .highlight-menu .art-detail p {
        text-shadow: none;
        color: #040404
    }
    .highlight-menu .hide-pc {
        display: block
    }
    section {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .slider-for .slick-slide>a:after,
    .slider-for .slick-slide>a:before {
        display: none
    }
    .block-middle {
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .highlight-menu .bgd-full {
        padding-left: 15px;
        padding-right: 15px;
        width: 750px;
        display: block;
        margin: 0 auto
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .art-room-1 > a { width: 400px;}
    .frm-find,
    .list-find li {
        padding-left: 30px
    }
    .slider-brand .slick-next,
    .slider-brand .slick-prev,
    .slider-for .slick-next,
    .slider-for .slick-prev,
    .slider-menu .slick-next,
    .slider-menu .slick-prev {
        display: none!important
    }
    .art-new-2 h4,
    .title-bar span {
        font-size: 20px
    }
    .frm-find {
        width: 100%;
        padding-right: 10px
    }
    .frm-find .btn-find {
        right: 10px
    }
    .slick-vertical .slick-list {
        height: 408px!important;
        padding-top: 4px
    }
    .outer-slider .slick-vertical .slick-slide span {
        margin-bottom: 10px
    }
    .equalizer {
        width: 72px
    }
    #mainNav .navbar-nav>li>a {
        font-size: 13px
    }
}

@media screen and (max-width:992px) {
    .top-footer .inner>div {
        width: 100%!important;
        padding-right: 0!important;
        padding-left: 0!important;
        float: none;
        padding-bottom: 25px
    }
    .top-footer {
        padding-bottom: 30px;
        padding-top: 55px
    }
    .top-footer h3 {
        margin-bottom: 25px
    }
    .btn-top {
        opacity: .8
    }
}

@media screen and (max-width:767px) {
    .box-address .btn-style-5 {height: 46px;line-height: 36px;padding-left: 20px;padding-right: 20px;font-size: 18px;text-transform: uppercase;font-weight: normal;margin-top: 30px;margin-bottom: 15px;}
    .map-detail {margin-top: 10px;}
    .tbl-style tr td { font-size: 14px; }
    .highlight-detail .block-title h2, .highlight-detail .block-title h2 { font-size: 30px; }
    .block-list p.text-center { margin-top: 15px; }
    .block-detail { padding-top: 50px; }
    .art-room-1 { padding: 25px 0; }
    .block-list .art-room-1:first-child {
    padding-top: 0;
    border: 0;
}
    .art-room-1 h3 { font-size: 20px; margin-bottom: 10px;}
    .art-room-1 > a { width: 100%; float: none; padding-bottom: 22px; display: block;}
    .art-room-1 address { font-size: 15px; margin-bottom: 10px; }
    .art-room-1 .inner { float: none; display: block; }
    .modal-height { height: 414px; overflow-y: scroll; }
    .no-overlay.modal-open { overflow: hidden;}
    .art-new p, .art-new h4 a, .list-address p { height: auto;}
    .modal-height {
        top: 0;
        bottom: auto
    }
    .modal-height .modal-content {
        height: 600px;
        background: #fff;
    }
    .modal-height .modal-content .ctn-address {
        padding-left: 20px
    }
    .top-footer ul.list-link li:nth-child(2n+2) {
        width: 55%;
        float: left
    }
    .top-footer ul.list-link li:nth-child(2n+1) {
        width: 45%;
        float: left
    }
    .art-list,
    .frm-find,
    .left-find,
    .right-find {
        width: 100%
    }
    .block-search h1 {
        margin-top: 0;
        font-size: 30px;
        color: #838383;
        font-family: Cabin;
        margin-bottom: 20px
    }
    .block-search .frm-find {
        padding: 0;
        margin: 0 0 20px;
        width: 100%
    }
    .block-search .frm-find .txt-find {
        height: 40px;
        line-height: 38px;
        border: 1px solid #cecece;
        border-radius: 4px;
        padding-left: 10px;
        padding-right: 10px
    }
    .block-search .frm-find .btn-find {
        top: -1px;
        right: 10px
    }
    .list-find li .link-modal span {
        font-size: 10px;
        letter-spacing: -.3px
    }
    
    .box-song .row .col-sm-6:first-child:after,
    .box-song .row .col-sm-6:last-child:after,
    .slider-for .slick-slide>a:after,
    .slider-for .slick-slide>a:before {
        display: none
    }
    .slider-for .slick-next,
    .slider-for .slick-prev {
        display: none!important
    }
    .art-list {
        overflow: hidden
    }
    .outer-img .two-img {
        display: none
    }
    section.main.full-height {
        height: auto;
        padding-top: 100px
    }
    .block-find {
        /* padding-left: 15px; */
        /* padding-right: 15px; */
    }
    .left-find {
        float: right
    }
    .right-find iframe {
        height: 300px!important;
    }
    .frm-find {
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
    }
    .frm-find .btn-find {
        right: 10px;
        top: 4px;
    }
    .list-find li {
        padding: 15px
    }
    .list-find li h4 {
        margin-bottom: 5px;
        font-size: 16px
    }
    .list-find li .time {
        font-size: 13px
    }
    .modal-full .fck,
    .modal-full-1 .fck {
        margin-top: 40px
    }
    .modal-full .close,
    .modal-full-1 .close {
        top: 15px;
        right: 15px
    }
    .highlight-list {
        padding-left: 15px;
        padding-right: 15px
    }
    .reflect {
        width: 100%!important;
        height: auto!important
    }
    .sidebar.col-md-5.col-md-push-7 {
        margin-bottom: 30px
    }
    .sidebar.col-md-5.col-md-push-7 iframe {
        height: 300px!important
    }
    .sidebar {
        margin-top: 15px
    }
    body {
        font-size: 16px
    }
    .block-gt p,
    p {
        font-size: 14px
    }
    header {
        padding-top: 85px
    }
    section {
        padding-top: 60px;
        padding-bottom: 60px
    }
    section.main {
        padding-top: 25px;
        padding-bottom: 25px
    }
    #mainNav {
        min-height: 85px;
        background: #b11116;
        z-index: 1010;
        border: none;
    }
    #mainNav .navbar-brand {
        height: auto;
        padding-top: 10px;
        padding-bottom: 0
    }
    #mainNav .navbar-brand img {
        width: 95px
    }
    #mainNav .navbar-toggle {
        margin-top: 42px;
        margin-bottom: 0;
        padding: 6px 8px;
        color: #fff;
        border-radius: 0
    }
    .art-detail h2,
    .art-detail p {
        margin-bottom: 15px
    }
    #mainNav.navbar-default .navbar-toggle:focus,
    #mainNav.navbar-default .navbar-toggle:hover {
        background: #fff;
        color: #b11116
    }
    #mainNav .navbar-nav>li>a {
        color: #4A4A4A;
    }
    #mainNav .navbar-nav>li.active>a {
        color: #dcc684!important
    }
    #mainNav.navbar-default .navbar-collapse {
        margin-top: 10px;
        background: #f5f5f5;
    }
    .list-flag {
        top: 7px
    }
    .list-flag li:first-child {
        padding-right: 5px
    }
    .list-flag li:nth-child(2) {
        padding-left: 6px;
        padding-right: 13px
    }
    .list-flag li:last-child {
        padding-left: 0;
        padding-right: 0
    }
    .highlight-menu {
        padding-top: 0;
        padding-bottom: 0;
        min-height: 0;
        background-size: contain
    }
    .art-detail {
        padding: 20px 30px
    }
    .art-detail h2 {
        font-size: 36px
    }
    .btn-style {
        height: 40px;
        font-size: 16px;
        line-height: 40px;
        padding-left: 35px;
        padding-right: 35px
    }
    .block-title,
    .highlight-news .block-title {
        margin-bottom: 30px
    }
    .block-title h2,
    .list-tool {
        margin-bottom: 15px
    }
    .block-title h2 {
        font-size: 36px
    }
    .block-title p {
        font-size: 18px
    }
    .list-song li a {
        font-size: 16px
    }
    .art-new {
        padding-bottom: 30px
    }
    .art-new h4 {
        font-size: 20px
    }
    .list-tool li {
        font-size: 13px
    }
    .art-new p {
        font-size: 16px
    }
    .art-new .btn-style-1 {
        font-size: 14px
    }
    .highlight-find .art-detail {
        width: 100%;
        float: none;
        text-align: center;
        max-width: 100%;
        padding-bottom: 10px;
        padding-top: 0
    }
    .box-find {
        text-align: center
    }
    .btn-style-2 {
        padding: 0 25px;
        height: 60px;
        line-height: 60px;
        font-size: 20px;
        display: inline-block;
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .slick-dots {
        bottom: 5px
    }
    .slick-dots li {
        width: 12px
    }
    .slick-dots li button,
    .slick-dots li button:before {
        width: 12px;
        height: 12px;
        font-size: 12px
    }
    .inner-baner h1,
    .top-footer h3 {
        font-size: 24px
    }
    .box-black {
        margin-bottom: 30px
    }
    .box-new .outer-btn {
        margin-top: 20px
    }
    .top-footer h3 {
        margin-bottom: 15px
    }
    .art-room h3 {
        font-size: 20px
    }
    .art-room p {
        font-size: 16px
    }
    .btn-style-3 {
        font-size: 14px
    }
    .btn-top {
        opacity: .8
    }
    .content .art-new {
        padding: 20px 0 18px
    }
    .pagging {
        padding-top: 20px
    }
    .title-bar span {
        font-size: 24px
    }
    .art-new-2 h4,
    .outer-title-song h2,
    .outer-title-song select {
        font-size: 18px
    }
    .outer-breadcumb-1 {
        margin-top: 85px
    }
    .art-new-2>a {
        float: none;
        width: 100%;
        margin-right: 0
    }
    .art-new-2 h4 {
        margin-top: 15px
    }
    .sidebar .inner-bar .art-new {
        padding-bottom: 0
    }
    .sidebar .inner-bar .art-new-1 {
        padding-bottom: 13px;
        padding-top: 15px
    }
    .sidebar .inner-bar {
        padding: 15px
    }
    .outer-box-song .box-song h3 {
        font-size: 20px;
        margin-bottom: 20px
    }
    .outer-title-song {
        padding-bottom: 0
    }
    .outer-box-song .box-song {
        margin-bottom: 45px;
        margin-top: 30px
    }
    .box-song .row>.col-sm-6:nth-child(2) .box-black.sr-right {
        padding-bottom: 55.25%;
        padding-top: 0;
        position: relative;
        height: auto
    }
    .box-song .row>.col-sm-6:nth-child(2) .box-black.sr-right .embed-responsive {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .box-song .row>.col-sm-6:nth-child(2) .box-black.sr-right-1 {
        padding-bottom: 55.25%;
        padding-top: 0;
        position: relative;
        height: auto
    }
    .box-song .row>.col-sm-6:nth-child(2) .box-black.sr-right-1 .embed-responsive {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .box-song .row>.col-sm-6:nth-child(2) .box-black.sr-right-2 {
        padding-bottom: 55.25%;
        padding-top: 0;
        position: relative;
        height: auto
    }
    .box-song .row>.col-sm-6:nth-child(2) .box-black.sr-right-2 .embed-responsive {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .box-song .row>.col-sm-6:nth-child(2) .box-black.sr-right-3 {
        padding-bottom: 55.25%;
        padding-top: 0;
        position: relative;
        height: auto
    }
    .box-song .row>.col-sm-6:nth-child(2) .box-black.sr-right-3 .embed-responsive {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .slider-for {
        width: 100%;
        padding: 0;
        margin-bottom: 10px
    }
    .slider-nav {
        width: 100%;
        background: rgba(0, 0, 0, .4);
        padding: 10px 5px
    }
    .slider-for .inner-slider p {
        font-size: 13px;
        margin: 0;
        max-width: 100%;
        position: absolute;
        bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        color: #fff;
        text-shadow: 0 1px 1px #000;
        opacity: 1
    }
    .fck h2,
    .highlight-list h2 {
        margin-bottom: 25px
    }
    .art-detail,
    .slider-combo .slick-slide>div {
        width: 100%;
        position: static
    }
    .slider-nav .slick-slide span {
        display: block;
        margin-right: 5px;
        margin-left: 5px;
        padding-bottom: 56%
    }
    .outer-img,
    .slider-combo {
        margin-left: 0
    }
    .equalizer {
        display: none
    }
    .modal-full-1 .fck h2 {
        font-size: 28px
    }
    .slider-menu .slick-next,
    .slider-menu .slick-prev {
        display: none!important
    }
    .slider-menu .inner-menu a {
        font-size: 24px
    }
    .slider-menu .inner-menu a span {
        font-size: 28px
    }
    .slider-combo .slick-slide {
        padding-left: 7px;
        padding-right: 7px
    }
    .slider-combo {
        margin-right: 0
    }
    .highlight-list h2 {
        font-size: 30px
    }
    .art-list h3 {
        font-size: 16px
    }
    .art-list p {
        font-size: 15px;
        max-height: 264px
    }
    .slider-combo .slick-slide>div p {
        max-height: 200px
    }
    .hide-pc {
        display: block
    }
    .highlight-menu .art-detail {
        color: #000;
        width: 100%;
        max-width: 100%;
        background: #fff;
        padding: 20px 30px
    }
    .highlight-menu .btn-style:hover {
        color: #fff;
        background: #b11116
    }
    .highlight-menu {
        background: #dbdad6
    }
    .highlight-menu .art-detail p {
        text-shadow: none;
        color: #040404
    }
    .art-detail {
        max-width: 100%;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .art-choose>.detail,
    .art-choose>.detail .inner {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        position: static
    }
    .art-choose {
        margin-bottom: 15px
    }
    .art-choose>.detail {
        padding: 0 15px;
        transform: translateY(0)
    }
    .art-choose>.detail .inner {
        padding: 20px 0;
        border: none;
        transform: translateY(0)
    }
    .art-choose>.detail h3,
    .art-choose>h3 {
        font-size: 24px
    }
    .art-choose>h3 {
        display: none
    }
    .highlight-choose .row .col-sm-4:last-child .art-choose {
        margin-bottom: 0
    }
    .block-middle {
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .highlight-menu .bgd-full {
        padding-left: 15px;
        padding-right: 15px;
        display: block
    }
}
@media screen and (max-width:640px) {
    .modal-height { height: 320px; overflow-y: scroll;}
}

@media screen and (max-width:480px) {
    .modal-height, .modal-height .modal-dialog { height: 600px; overflow-y: scroll;}
    .modal-height .modal-content { box-shadow: none;}
    section.main.full-height { overflow: hidden; }
    .list-find {overflow-y: scroll;padding-top: 0;/* margin-top: 15px; */padding-bottom: 0;}
    .frm-find .txt-find {border-bottom: 0;height: 50px;padding-left: 10px;}
    .block-find {position: relative;padding: 0;/* overflow: visible; */margin-top: -15px;}
    .frm-find {position: absolute;top: 0;left: 0;padding: 0;box-shadow: 0 2px 4px 0 rgba(0,0,0,.12);}
    .right-find {/* position: relative; *//* padding-bottom: 56.25%; */padding-top: 50px;/* margin-top: 50px; *//* height: 200px; */}
    .right-find iframe {
        /* height: 100%!important; */
        width: 100%;
        /* position: absolute; */
        /* left: 0; */
        /* top: 35px; */
        height: 200px!important;
        display: block;
    }
    .modal-height .modal-content {/* height: 652px; */}
    .outer-address div { float:  none; width: 100%;}
    .outer-address address { float: none; width: 100%; margin-bottom: 10px;}
    .modal-height {top: 85px;}
    .left-find {position: static;/* margin-top: 20px; */}
    .art-choose>.detail,
    .art-detail {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        position: static
    }
    .list-flag li:first-child a,
    .outer-img {
        margin-left: 0
    }
    .slider-menu .inner-menu a {
        font-size: 20px
    }
    .art-detail {
        width: 100%;
        max-width: 100%;
        transform: translateY(0)
    }
    .bottom-footer p {
        text-align: center;
        font-size: 16px
    }
    #mainNav .navbar-brand {
        padding-top: 36px
    }
    #mainNav .navbar-brand img {
        width: 64px
    }
    .list-flag {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        right: 0;
        font-size: 12px;
        top: 5px;
        border-bottom: solid 1px #ca3f44;
        padding-bottom: 5px
    }
    .list-flag img {
        width: 25px
    }
    .list-flag li:last-child {
        float: right
    }
    .list-flag li:first-child {
        padding-left: 0
    }
    #mainNav.navbar-default .navbar-collapse {
        margin-top: 5px
    }
    .fck p,
    .top-footer,
    .top-footer p {
        font-size: 15px
    }
    .block-address h2,
    .top-footer h3 {
        font-size: 20px
    }
    .sidebar.col-md-5.col-md-push-7 iframe {
        height: 200px!important
    }
    .block-address ul li {
        width: 100%;
        font-size: 16px
    }
    .content .block-address {
        padding-top: 30px
    }
    .content .block-address:first-child {
        padding-top: 0
    }
    .highlight-find,
    section {
        padding-top: 25px;
        padding-bottom: 25px
    }
    .highlight-menu {
        padding-top: 0;
        padding-bottom: 0
    }
    .art-detail h2 {
        font-size: 30px;
        margin-bottom: 15px
    }
    .block-title h2 {
        font-size: 30px;
        margin-bottom: 5px;
    }
    .highlight-menu .art-detail p {
        text-shadow: none;
        color: #040404
    }
    .list-song li {
        padding-left: 15px;
        padding-right: 15px
    }
    .box-black {
        padding-top: 15px;
        padding-bottom: 15px;
        height: auto
    }
    .block-title,
    .highlight-news .block-title {
        margin-bottom: 20px;
    }
    .highlight-news .block-title p {
        font-size: 16px
    }
    .top-footer {
        padding-top: 25px
    }
    .top-footer p,
    .top-footer ul {
        margin-bottom: 0
    }
    .slider-combo .slick-next,
    .slider-combo .slick-prev {
        width: 40px;
        height: 40px;
        margin-top: -20px
    }
    .slider-combo .slick-next:before,
    .slider-combo .slick-prev:before {
        width: 40px;
        height: 40px;
        font-size: 36px;
        line-height: 40px
    }
    .art-choose {
        margin-bottom: 15px
    }
    .art-choose>.detail {
        padding: 0 15px;
        transform: translateY(0)
    }
    .art-choose>.detail .inner {
        padding: 20px 0;
        border: none;
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .art-choose>.detail h3,
    .art-choose>h3 {
        font-size: 24px
    }
    .highlight-choose .row .col-sm-4:last-child .art-choose {
        margin-bottom: 0
    }
    .art-list p {
        font-size: 14px;
        max-height: 1000px
    }
    .art-list>a {
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
        display: block;
        width: 100%
    }
    .top-footer ul.list-link li a {
        font-size: 15px
    }
    .modal-height .close { top: -5px; right: 10px; }
    
    .modal-height .modal-content .ctn-address {position: static;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);padding-top: 30px;} 
    .outer-video-style { padding-left: 0; padding-right: 0; }
    .highlight-slider .block-title p, .txt-noted { font-size: 16px; }
}

@media screen and (max-width:376px) {
    .block-title h2 { font-size: 26px; }
    .bootstrap-select>.dropdown-toggle,
    .outer-title-song h2,
    .outer-title-song select {
        font-size: 17px
    }
    .title-bar span {
        font-size: 22px
    }
    .top-footer ul.list-link li a {
        font-size: 15px
    }
    .modal-height, .modal-height .modal-dialog { height: 667px; font-size: 14px; }
}

@media screen and (max-width:360px) {
    .breadcrumb { font-size: 13px; }
    .bootstrap-select>.dropdown-toggle,
    .outer-title-song h2,
    .outer-title-song select {
        font-size: 16px
    }
    .top-footer ul.list-link li a {
        font-size: 14px
    }
    .modal-height, .modal-height .modal-dialog { height: 600px; font-size: 13px; }
    .ctn-address h3 { font-size: 21px; }
    .highlight-slider .block-title p, .txt-noted { font-size: 14px; }
}

@media screen and (max-width:320px) {
    .modal-height, .modal-height .modal-dialog { height: 568px; }
    .highlight-slider .block-title p {
        font-size: 16px
    }
    .bootstrap-select>.dropdown-toggle,
    .outer-title-song h2,
    .outer-title-song select {
        font-size: 15px;
        letter-spacing: -.6px
    }
    .title-bar span {
        font-size: 18px
    }
    .top-footer ul.list-link li a {
        letter-spacing: -.5px
    }
}