.layout-sprite, .layout-bg-sidebar-right, .layout-bt-android-hov, .layout-bt-android-right-hov, .layout-bt-android-right, .layout-bt-android-sub-hov, .layout-bt-android-sub, .layout-bt-android, .layout-bt-apk-hov, .layout-bt-apk-right-hov, .layout-bt-apk-right, .layout-bt-apk-sub-hov, .layout-bt-apk-sub, .layout-bt-apk, .layout-bt-camnang, .layout-bt-dangky-hov, .layout-bt-dangky, .layout-bt-fanpage, .layout-bt-hd-napthe, .layout-bt-home, .layout-bt-ios-hov, .layout-bt-ios-right-hov, .layout-bt-ios-right, .layout-bt-ios-sub-hov, .layout-bt-ios-sub, .layout-bt-ios, .layout-bt-napthe-right-hov, .layout-bt-napthe-right, .layout-bt-nhapcode, .layout-bt-pc-right-hov, .layout-bt-pc-right, .layout-bt-pc-sub-hov, .layout-bt-pc-sub, .layout-bt-play, .layout-bt-tai-pc-hov, .layout-bt-tai-pc, .layout-bt-youtube, .layout-close-right, .layout-logo-right, .layout-open-right, .layout-search-bg, .layout-thu-cung, .layout-title-botoc, .layout-title-thuvien, .layout-top-hov, .layout-top, .game-info__bt_dangky, .game-info__bt_dangky:hover, .game-info__bt_dangky.off, .game-info__bt_ios, .game-info__bt_ios:hover, .game-info__bt_ios.off, .game-info__bt_android, .game-info__bt_android:hover, .game-info__bt_android.off, .game-info__bt_pc, .game-info__bt_pc:hover, .game-info__bt_pc.off, .game-info__bt_apk, .game-info__bt_apk:hover, .game-info__bt_apk.off, .subpage .game-info__bt_ios, .subpage .game-info__bt_ios:hover, .subpage .game-info__bt_ios.off, .subpage .game-info__bt_android, .subpage .game-info__bt_android:hover, .subpage .game-info__bt_android.off, .subpage .game-info__bt_pc, .subpage .game-info__bt_pc:hover, .subpage .game-info__bt_pc.off, .subpage .game-info__bt_apk, .subpage .game-info__bt_apk:hover, .subpage .game-info__bt_apk.off, .sidebar-right .close, .sidebar-right .open, .sidebar-right .thu-cung, .sidebar-right .bt_ios, .sidebar-right .bt_ios:hover, .sidebar-right .bt_ios.off, .sidebar-right .bt_android, .sidebar-right .bt_android:hover, .sidebar-right .bt_android.off, .sidebar-right .bt_pc, .sidebar-right .bt_pc:hover, .sidebar-right .bt_pc.off, .sidebar-right .bt_apk, .sidebar-right .bt_apk:hover, .sidebar-right .bt_apk.off, .sidebar-right .bt_napthe, .sidebar-right .bt_napthe:hover, .sidebar-right .bt_napthe.off, .sidebar-right .bt_fanpage, .sidebar-right .bt_fanpage.off, .sidebar-right .bt_youtube, .sidebar-right .bt_youtube.off, .wrapper-out .wrapper .page-header__clip, .top, .top:hover, .btn-sub a.bt-huongdan, .btn-sub a.bt-camnang, .btn-sub a.bt-nhapcode {
    background-image: url('../images/layout-s2963c285f0.png');
    background-repeat: no-repeat
}

.layout-bg-sidebar-right {
    background-position: 0 0;
    height: 689px;
    width: 222px
}

.layout-bt-android-hov {
    background-position: 0 -689px;
    height: 68px;
    width: 182px
}

.layout-bt-android-right-hov {
    background-position: 0 -757px;
    height: 42px;
    width: 112px
}

.layout-bt-android-right {
    background-position: 0 -799px;
    height: 42px;
    width: 112px
}

.layout-bt-android-sub-hov {
    background-position: 0 -841px;
    height: 75px;
    width: 200px
}

.layout-bt-android-sub {
    background-position: 0 -916px;
    height: 75px;
    width: 200px
}

.layout-bt-android {
    background-position: 0 -991px;
    height: 68px;
    width: 182px
}

.layout-bt-apk-hov {
    background-position: 0 -1059px;
    height: 68px;
    width: 182px
}

.layout-bt-apk-right-hov {
    background-position: 0 -1127px;
    height: 42px;
    width: 112px
}

.layout-bt-apk-right {
    background-position: 0 -1169px;
    height: 42px;
    width: 112px
}

.layout-bt-apk-sub-hov {
    background-position: 0 -1211px;
    height: 75px;
    width: 200px
}

.layout-bt-apk-sub {
    background-position: 0 -1286px;
    height: 75px;
    width: 200px
}

.layout-bt-apk {
    background-position: 0 -1361px;
    height: 68px;
    width: 182px
}

.layout-bt-camnang {
    background-position: 0 -1429px;
    height: 180px;
    width: 120px
}

.layout-bt-dangky-hov {
    background-position: 0 -1609px;
    height: 68px;
    width: 372px
}

.layout-bt-dangky {
    background-position: 0 -1677px;
    height: 68px;
    width: 372px
}

.layout-bt-fanpage {
    background-position: 0 -1745px;
    height: 47px;
    width: 48px
}

.layout-bt-hd-napthe {
    background-position: 0 -1792px;
    height: 180px;
    width: 120px
}

.layout-bt-home {
    background-position: 0 -1972px;
    height: 36px;
    width: 38px
}

.layout-bt-ios-hov {
    background-position: 0 -2008px;
    height: 68px;
    width: 182px
}

.layout-bt-ios-right-hov {
    background-position: 0 -2076px;
    height: 42px;
    width: 112px
}

.layout-bt-ios-right {
    background-position: 0 -2118px;
    height: 42px;
    width: 112px
}

.layout-bt-ios-sub-hov {
    background-position: 0 -2160px;
    height: 75px;
    width: 200px
}

.layout-bt-ios-sub {
    background-position: 0 -2235px;
    height: 75px;
    width: 200px
}

.layout-bt-ios {
    background-position: 0 -2310px;
    height: 68px;
    width: 182px
}

.layout-bt-napthe-right-hov {
    background-position: 0 -2378px;
    height: 109px;
    width: 109px
}

.layout-bt-napthe-right {
    background-position: 0 -2487px;
    height: 109px;
    width: 109px
}

.layout-bt-nhapcode {
    background-position: 0 -2596px;
    height: 180px;
    width: 120px
}

.layout-bt-pc-right-hov {
    background-position: 0 -2776px;
    height: 42px;
    width: 112px
}

.layout-bt-pc-right {
    background-position: 0 -2818px;
    height: 42px;
    width: 112px
}

.layout-bt-pc-sub-hov {
    background-position: 0 -2860px;
    height: 75px;
    width: 200px
}

.layout-bt-pc-sub {
    background-position: 0 -2935px;
    height: 75px;
    width: 200px
}

.layout-bt-play {
    background-position: 0 -3010px;
    height: 114px;
    width: 107px
}

.layout-bt-tai-pc-hov {
    background-position: 0 -3124px;
    height: 68px;
    width: 182px
}

.layout-bt-tai-pc {
    background-position: 0 -3192px;
    height: 68px;
    width: 182px
}

.layout-bt-youtube {
    background-position: 0 -3260px;
    height: 47px;
    width: 48px
}

.layout-close-right {
    background-position: 0 -3307px;
    height: 33px;
    width: 28px
}

.layout-logo-right {
    background-position: 0 -3340px;
    height: 109px;
    width: 109px
}

.layout-open-right {
    background-position: 0 -3449px;
    height: 33px;
    width: 28px
}

.layout-search-bg {
    background-position: 0 -3482px;
    height: 30px;
    width: 260px
}

.layout-thu-cung {
    background-position: 0 -3512px;
    height: 300px;
    width: 222px
}

.layout-title-botoc {
    background-position: 0 -3812px;
    height: 65px;
    width: 2000px
}

.layout-title-thuvien {
    background-position: 0 -3877px;
    height: 65px;
    width: 2000px
}

.layout-top-hov {
    background-position: 0 -3942px;
    height: 98px;
    width: 100px
}

.layout-top {
    background-position: 0 -4040px;
    height: 98px;
    width: 100px
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/RobotoCondensed-Regular.ttf)
}

a {
    color: #000;
    text-decoration: none
}

a:hover {
    color: #ff7e00
}

input {
    margin: 0;
    padding: 0;
    color: #414141
}

input::-webkit-input-placeholder {
    color: #414141
}

input:-moz-placeholder {
    color: #414141
}

input::-moz-placeholder {
    color: #414141
}

input:-ms-input-placeholder {
    color: #414141
}

strong {
    font-weight: bold
}

fieldset legend {
    display: none
}

.loading {
    background: url(../images/loading.gif) no-repeat center;
    width: 100%;
    height: 200px;
    margin: 0 auto
}


.game-info a, .search__button, .top {
    display: block;
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}

.game-info {
    width: 100%;
    overflow: hidden;
    margin: 0 0 5px
}

.game-info a {
    float: left
}

.game-info__napthe {
    width: 372px;
    height: 168px;
    background: url(../images/bt-napgem.gif) center 0 no-repeat;
    margin: 0 0 8px
}

.game-info__napthe:hover {
    background: url(../images/bt-napgem.gif) center 0 no-repeat
}

.game-info__napthe.off, .game-info__napthe.off:hover {
    background: url(../images/bt-napgem.png) center 0 no-repeat;
    filter: grayscale(100%);
    cursor: not-allowed
}

.game-info__bt_dangky {
    background-position: 0 -1677px;
    height: 68px;
    width: 372px;
    margin: 0
}

.game-info__bt_dangky:hover {
    background-position: 0 -1609px;
    height: 68px;
    width: 372px
}

.game-info__bt_dangky.off {
    background-position: 0 -1677px;
    height: 68px;
    width: 372px;
    filter: grayscale(100%);
    cursor: not-allowed
}

.game-info__bt_ios {
    background-position: 0 -2310px;
    height: 68px;
    width: 182px;
    margin-bottom: 10px
}

.game-info__bt_ios:hover {
    background-position: 0 -2008px;
    height: 68px;
    width: 182px
}

.game-info__bt_ios.off {
    background-position: 0 -2310px;
    height: 68px;
    width: 182px;
    filter: grayscale(100%);
    cursor: not-allowed
}

.game-info__bt_android {
    background-position: 0 -991px;
    height: 68px;
    width: 182px;
    margin: 0 7px 10px 0
}

.game-info__bt_android:hover {
    background-position: 0 -689px;
    height: 68px;
    width: 182px
}

.game-info__bt_android.off {
    background-position: 0 -991px;
    height: 68px;
    width: 182px;
    filter: grayscale(100%);
    cursor: not-allowed
}

.game-info__bt_pc {
    background-position: 0 -3192px;
    height: 68px;
    width: 182px;
    margin-bottom: 10px
}

.game-info__bt_pc:hover {
    background-position: 0 -3124px;
    height: 68px;
    width: 182px
}

.game-info__bt_pc.off {
    background-position: 0 -3192px;
    height: 68px;
    width: 182px;
    filter: grayscale(100%);
    cursor: not-allowed
}

.game-info__bt_apk {
    background-position: 0 -1361px;
    height: 68px;
    width: 182px;
    margin: 0 7px 10px 0
}

.game-info__bt_apk:hover {
    background-position: 0 -1059px;
    height: 68px;
    width: 182px
}

.game-info__bt_apk.off {
    background-position: 0 -1361px;
    height: 68px;
    width: 182px;
    filter: grayscale(100%);
    cursor: not-allowed
}

.subpage .game-info a {
    margin: 0 0 20px
}

.subpage .game-info__napthe {
    width: 202px;
    height: 204px;
    background: url(../images/bt-napthe-sub.gif) 0 0 no-repeat
}

.subpage .game-info__napthe:hover {
    background: url(../images/bt-napthe-sub.gif) 0 0 no-repeat
}

.subpage .game-info__napthe.off, .subpage .game-info__napthe.off:hover {
    background: url(../images/bt-napthe-sub.png) 0 0 no-repeat
}

.subpage .game-info__bt_ios {
    background-position: 0 -2235px;
    height: 75px;
    width: 200px
}

.subpage .game-info__bt_ios:hover {
    background-position: 0 -2160px;
    height: 75px;
    width: 200px
}

.subpage .game-info__bt_ios.off {
    background-position: 0 -2235px;
    height: 75px;
    width: 200px
}

.subpage .game-info__bt_android {
    background-position: 0 -916px;
    height: 75px;
    width: 200px
}

.subpage .game-info__bt_android:hover {
    background-position: 0 -841px;
    height: 75px;
    width: 200px
}

.subpage .game-info__bt_android.off {
    background-position: 0 -916px;
    height: 75px;
    width: 200px
}

.subpage .game-info__bt_pc {
    background-position: 0 -2935px;
    height: 75px;
    width: 200px
}

.subpage .game-info__bt_pc:hover {
    background-position: 0 -2860px;
    height: 75px;
    width: 200px
}

.subpage .game-info__bt_pc.off {
    background-position: 0 -2935px;
    height: 75px;
    width: 200px
}

.subpage .game-info__bt_apk {
    background-position: 0 -1286px;
    height: 75px;
    width: 200px
}

.subpage .game-info__bt_apk:hover {
    background-position: 0 -1211px;
    height: 75px;
    width: 200px
}

.subpage .game-info__bt_apk.off {
    background-position: 0 -1286px;
    height: 75px;
    width: 200px
}

.subpage .game-info__bt_dangky {
    display: none
}

.search {
    float: right;
    padding: 19px 20px 28px 0
}

.search__field {
    background: #1e2125;
    border: 1px solid #0e0f11;
    color: #9ca7ad;
    width: 160px;
    height: 23px;
    text-indent: 10px;
    float: left;
    padding: 0
}

.search__button {
    float: left;
    border: 0;
    cursor: pointer
}

#cse.search-results b {
    font-weight: bold
}

#cse.search-results table {
    margin: 0;
    font-size: 17px
}

#cse.search-results .gsc-adBlock, #cse.search-results .gsc-resultsHeader, #cse.search-results .gcsc-branding, #cse.search-results .gsc-url-top {
    display: none
}

#cse.search-results .gsc-control-cse, #cse.search-results .gsc-control-cse-vi {
    background: 0;
    border: 0;
    padding: 0
}

#cse.search-results .gsc-above-wrapper-area {
    border-bottom: 0
}

#cse.search-results .gsc-webResult.gsc-result {
    border: 0;
    border-bottom: 1px solid #bebebe
}

#cse.search-results .gs-result .gs-title, #cse.search-results .gs-result .gs-title * {
    color: #2c221b;
    height: auto;
    font-weight: bold;
    text-decoration: none
}

#cse.search-results .gs-result .gs-title:hover, #cse.search-results .gs-result .gs-title:hover * {
    color: #c82f00
}

#cse.search-results .gsc-table-result tr {
    background: 0
}

#cse.search-results .gsc-table-result td {
    border: 0;
    padding: 0
}

#cse.search-results .gsc-table-result, #cse.search-results .gsc-thumbnail-inside, #cse.search-results .gsc-url-top {
    padding-left: 0;
    padding-right: 0
}

#cse.search-results .gsc-expansionArea .gsc-webResult.gsc-result {
    margin-bottom: 0;
    padding: 10px 0
}

#cse.search-results .gsc-results .gsc-cursor-box {
    margin: 10px 0
}

#cse.search-results .gsc-results .gsc-cursor-box .gsc-cursor-page {
    background: #fff;
    border: 1px solid #8d8c8b;
    color: #000;
    display: block;
    float: left;
    height: 25px;
    line-height: 28px;
    padding: 0 10px;
    text-decoration: none
}

#cse.search-results .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
    text-decoration: none;
    background: #107e4e;
    border: 1px solid #8d8c8b;
    color: #fff
}

.sidebar-right {
    background: url(../images/bg-sidebar-right.png) 0 0 no-repeat;
    width: 222px;
    height: 689px;
    position: fixed;
    top: 5%;
    right: 0;
    z-index: 100;
    -webkit-transform-origin: right 0;
    -moz-transform-origin: right 0;
    -o-transform-origin: right 0;
    transform-origin: right 0;
    display: none
}

.sidebar-right a {
    display: block;
    text-indent: -9999px
}

.sidebar-right .bt-control {
    top: 200px;
    left: 40px;
    display: block;
    position: absolute;
    z-index: 10
}

.sidebar-right .close {
    background-position: 0 -3307px;
    height: 33px;
    width: 28px
}

.sidebar-right .open {
    background-position: 0 -3449px;
    height: 33px;
    width: 28px
}

.sidebar-right .qrcode {
    width: 109px;
    height: 109px;
    margin: 185px 0 7px 86px;
    position: relative;
    z-index: 4
}

.sidebar-right .qrcode a {
    text-indent: 0
}

.sidebar-right .thu-cung {
    background-position: 0 -3512px;
    height: 300px;
    width: 222px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    -moz-animation: nhun linear 1s infinite;
    -webkit-animation: nhun linear 1s infinite;
    animation: nhun linear 1s infinite
}

@keyframes nhun {
    0% {
        top: 0
    }
    70% {
        top: 10px
    }
    100% {
        top: 0
    }
}

.sidebar-right .bt_ios {
    background-position: 0 -2118px;
    height: 42px;
    width: 112px;
    margin: 0 0 7px 85px
}

.sidebar-right .bt_ios:hover {
    background-position: 0 -2076px;
    height: 42px;
    width: 112px
}

.sidebar-right .bt_ios.off {
    background-position: 0 -2118px;
    height: 42px;
    width: 112px;
    filter: grayscale(100%);
    cursor: not-allowed
}

.sidebar-right .bt_android {
    background-position: 0 -799px;
    height: 42px;
    width: 112px;
    margin: 0 0 7px 85px
}

.sidebar-right .bt_android:hover {
    background-position: 0 -757px;
    height: 42px;
    width: 112px
}

.sidebar-right .bt_android.off {
    background-position: 0 -799px;
    height: 42px;
    width: 112px;
    filter: grayscale(100%);
    cursor: not-allowed
}

.sidebar-right .bt_pc {
    background-position: 0 -2818px;
    height: 42px;
    width: 112px;
    margin: 0 0 7px 85px
}

.sidebar-right .bt_pc:hover {
    background-position: 0 -2776px;
    height: 42px;
    width: 112px
}

.sidebar-right .bt_pc.off {
    background-position: 0 -2818px;
    height: 42px;
    width: 112px;
    filter: grayscale(100%);
    cursor: not-allowed
}

.sidebar-right .bt_apk {
    background-position: 0 -1169px;
    height: 42px;
    width: 112px;
    margin: 0 0 10px 85px
}

.sidebar-right .bt_apk:hover {
    background-position: 0 -1127px;
    height: 42px;
    width: 112px
}

.sidebar-right .bt_apk.off {
    background-position: 0 -1169px;
    height: 42px;
    width: 112px;
    filter: grayscale(100%);
    cursor: not-allowed
}

.sidebar-right .bt_napthe {
    background-position: 0 -2487px;
    height: 109px;
    width: 109px;
    margin: 0 0 7px 85px
}

.sidebar-right .bt_napthe:hover {
    background-position: 0 -2378px;
    height: 109px;
    width: 109px
}

.sidebar-right .bt_napthe.off {
    background-position: 0 -2487px;
    height: 109px;
    width: 109px;
    filter: grayscale(100%);
    cursor: not-allowed
}

.sidebar-right .bt_fanpage {
    background-position: 0 -1745px;
    height: 47px;
    width: 48px;
    margin: 0 0 5px 0;
    float: left
}

.sidebar-right .bt_fanpage:hover {
    filter: brightness(120%)
}

.sidebar-right .bt_fanpage.off {
    background-position: 0 -1745px;
    height: 47px;
    width: 48px;
    filter: grayscale(100%);
    cursor: not-allowed
}

.sidebar-right .bt_youtube {
    background-position: 0 -3260px;
    height: 47px;
    width: 48px;
    margin: 0 10px 5px 86px;
    float: left
}

.sidebar-right .bt_youtube:hover {
    filter: brightness(120%)
}

.sidebar-right .bt_youtube.off {
    background-position: 0 -3260px;
    height: 47px;
    width: 48px;
    filter: grayscale(100%);
    cursor: not-allowed
}

.wrapper-out .wrapper {
    width: 100%;
    position: absolute;
    background: url(../images/page-header.jpg) no-repeat center top #fff
}

.wrapper-out .wrapper .page-header {
    height: 800px;
    width: 1110px;
    margin: 0 auto;
    position: relative
}

.wrapper-out .wrapper .page-header--outter {
    width: 100%;
    margin: 0 auto
}

.wrapper-out .wrapper .page-header__clip {
    position: absolute;
    left: 50%;
    top: 645px;
    text-indent: -9999px;
    margin-left: 0;
    display: block;
    background-position: 0 -3010px;
    height: 114px;
    width: 107px
}

.wrapper-out .wrapper .page-main {
    width: 1208px;
    height: 640px;
    margin: 0 auto 97px;
    position: relative;
    background: url(../images/bg-frame-1.png) no-repeat center top
}

.wrapper-out .wrapper .page-main aside {
    float: left;
    width: 394px;
    position: relative;
    z-index: 10;
    padding: 28px 0 0 34px
}

.wrapper-out .wrapper .page-main main {
    float: right;
    width: 780px;
    padding-bottom: 50px
}

.wrapper-out.subpage .wrapper .page-header {
    height: 465px;
    width: 1110px;
    margin: 0 auto
}

.wrapper-out.subpage .wrapper .page-main {
    height: auto;
    width: 1130px;
    margin: 0 auto;
    background: 0
}

.wrapper-out.subpage .wrapper .page-main--bot {
    width: 100%;
    background: url(../images/bg-bottom-sub.jpg) center bottom no-repeat;
    padding-bottom: 60px;
    overflow: hidden;
    position: relative
}

.wrapper-out.subpage .wrapper .page-main aside {
    width: 202px;
    padding: 0
}

.wrapper-out.subpage .wrapper .page-main main {
    width: 900px;
    padding-top: 0;
    background: #232f43
}

#main-content {
    position: relative
}

.top {
    clear: both;
    background-position: 0 -4040px;
    height: 98px;
    width: 100px;
    margin: 0 auto;
    position: absolute;
    bottom: 50px;
    right: 120px;
    z-index: 100;
    display: none
}

.top:hover {
    background-position: 0 -3942px;
    height: 98px;
    width: 100px
}

.top#scrolltop {
    position: fixed
}

.btn-sub {
    width: 100%;
    overflow: hidden
}

.btn-sub a {
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    float: left
}

.btn-sub a.bt-huongdan {
    background-position: 0 -1792px;
    height: 180px;
    width: 120px;
    margin: 0 5px 0 0
}

.btn-sub a.bt-huongdan:hover {
    filter: brightness(120%)
}

.btn-sub a.bt-huongdan.off {
    filter: grayscale(100%);
    cursor: not-allowed
}

.btn-sub a.bt-camnang {
    background-position: 0 -1429px;
    height: 180px;
    width: 120px;
    margin: 0 5px 0 0
}

.btn-sub a.bt-camnang:hover {
    filter: brightness(120%)
}

.btn-sub a.bt-camnang.off {
    filter: grayscale(100%);
    cursor: not-allowed
}

.btn-sub a.bt-nhapcode {
    background-position: 0 -2596px;
    height: 180px;
    width: 120px;
    margin: 0
}

.btn-sub a.bt-nhapcode:hover {
    filter: brightness(120%)
}

.btn-sub a.bt-nhapcode.off {
    filter: grayscale(100%);
    cursor: not-allowed
}

.subpage .btn-sub a.bt-dieukhoan, .subpage .btn-sub a.bt-nhapcode, .subpage .btn-sub a.bt-camnang {
    display: none
}

.FormSearch {
    width: 310px;
    background: #e1e1e1;
    border: #4f80fd solid 2px;
    float: left;
    margin: 0 0 15px
}

.subpage .FormSearch {
    right: -10px;
    position: absolute;
    top: 425px
}

.FormSearch input {
    background: 0;
    border: 0;
    float: left;
    width: 250px;
    padding-left: 10px;
    line-height: 30px;
    font-family: Arial;
    color: #000;
    outline: 0;
    font-size: 16px
}

.FormSearch .BtnSearch {
    outline: 0;
    background: url(../images/bt-search.png) 5px 3px no-repeat;
    height: 30px;
    width: 40px;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    float: right
}

.FormSearch .BtnSearch:hover {
    filter: brightness(130%)
}

.hot-line {
    width: 350px;
    background: #e1e1e1;
    border: #e0bb71 solid 2px;
    float: right;
    margin: 0 0 15px
}

.hot-line img {
    float: left;
    padding-right: 5px
}

.hot-line p {
    color: #5f4626;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px
}

.hot-line p span {
    font-weight: normal;
    font-size: 14px
}

.footer {
    clear: both;
    width: 100%;
    background: #000;
    text-align: left;
    color: #6c6c6c;
    font-size: 16px;
    line-height: 25px;
    padding: 25px 0 25px;
    position: relative
}

.footer img {
    display: block;
    position: absolute;
    top: 30px;
    left: 50%;
    width: auto;
    margin-left: -350px
}

.footer p {
    width: 900px;
    margin: 0 auto;
    padding: 10px 0 40px 440px
}

.boxfbchat .box_hotro {
    background: #2884c6;
    color: #fff;
    height: 25px;
    position: absolute;
    left: 0;
    width: 230px;
    top: -45px;
    padding: 10px
}

.boxfbchat label {
    color: #ccc;
    font-style: italic;
    display: block;
    width: 30px;
    height: 30px;
    background: #c62860;
    position: relative;
    text-indent: -9999px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: -40px
}

.boxfbchat label.close {
    background: url(../images/btn_close.gif) no-repeat
}

.boxfbchat label.open {
    background: url(../images/btn_open.gif) no-repeat
}

.fa-chevron-down:before {
    content: "\25bc";
    display: block;
    margin: 0;
    font: 10px/10px Arial
}

#main-nav {
    width: 100%;
    background: url(../images/bg-topbar.png) center top no-repeat;
    height: 163px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50%;
    transform-origin: center top;
    z-index: 100
}

#main-nav .logo {
    width: 160px;
    height: 160px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
    background: url(../images/logo.png) 0 0 no-repeat;
    display: block;
    text-indent: -9999px
}

#main-nav .hotline {
    width: 139px;
    height: 38px;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: 400px;
    background: url(../images/hotline.png) 0 0 no-repeat;
    display: block;
    text-indent: -9999px
}

#main-nav ul {
    width: 1200px;
    height: 102px;
    margin: 0 auto
}

#main-nav ul > li {
    float: left;
    position: relative;
    margin: 0 5px
}

#main-nav ul > li:first-child {
    margin-left: 180px
}

#main-nav ul > li > a {
    color: #33cefb;
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 25px 15px;
    display: block
}

#main-nav ul > li > a span {
    color: #d8d8d8;
    font-size: 14px;
    display: block
}

#main-nav ul > li > a:hover, #main-nav ul > li > a.active {
    background: url(../images/nav-hov-left.png) 0 0 no-repeat, url(../images/nav-hov-right.png) right 0 no-repeat, url(../images/nav-hov.png) 0 0 repeat-x;
    color: #f5c96f
}

#main-nav ul > li:hover ul {
    display: block
}

#main-nav ul > li > ul {
    background: #25354c;
    overflow: hidden;
    display: none;
    position: absolute;
    top: 102px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    height: auto;
    z-index: 9999
}

#main-nav ul > li > ul > li {
    width: 100%;
    background: #25354c;
    border-bottom: 1px solid #7a7b7e;
    margin: 0
}

#main-nav ul > li > ul > li:first-child {
    margin-left: 0
}

#main-nav ul > li > ul > li:last-child {
    border-bottom: 0
}

#main-nav ul > li > ul > li ul {
    display: none
}

#main-nav ul > li > ul > li a {
    color: #33cefb;
    height: auto;
    padding: 7px 20px;
    font: 15px/30px Roboto, Tahoma
}

#main-nav ul > li > ul > li a:hover, #main-nav ul > li > ul > li a.active {
    color: #f5c96f;
    background: #3c4166
}

#main-nav ul > li > ul > li a span {
    display: none
}
/*

.banner {
    clear: both;
    width: 740px;
    position: relative;
    margin: 26px 0 5px 15px
}

.banner-event {
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 740px;
    margin: 0 auto
}

.banner-event .swiper-wrapper {
    height: 385px;
    width: 658px;
    margin: 0 auto
}

.banner-event .swiper-wrapper .swiper-slide {
    height: 385px;
    width: 658px
}

.banner-event .swiper-wrapper .swiper-slide > a {
    height: 385px;
    width: 658px;
    display: block;
    position: relative
}

.banner-event .swiper-wrapper .swiper-slide > a > img, .banner-event .swiper-wrapper .swiper-slide > a > video {
    display: block;
    height: 385px;
    width: 658px
}

.banner-event .swiper-wrapper .swiper-slide > a::before {
    content: "";
    width: 198px;
    height: 75px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/border-top.png) no-repeat;
    display: block;
    z-index: 5
}

.banner-event .swiper-wrapper .swiper-slide > a::after {
    content: "";
    width: 198px;
    height: 75px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../images/border-bottom.png) no-repeat;
    display: block;
    z-index: 5
}

.banner-event .swiper-pagination {
    bottom: 10px
}

.banner-event .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 5px;
    opacity: 1;
    border: 0;
    display: inline-block
}

.banner-event .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #f5c96f;
    border-radius: 5px;
    width: 70px
}

.banner-event .swiper-button-prev {
    background: url(../images/bt-prev.png) no-repeat;
    width: 34px;
    height: 33px;
    left: 0
}

.banner-event .swiper-button-next {
    background: url(../images/bt-next.png) no-repeat;
    width: 34px;
    height: 33px;
    right: 0
}
*/

.chars-sprite, .chars-bt-back, .chars-bt-clip, .chars-char-menu-1-hov, .chars-char-menu-1, .chars-char-menu-2-hov, .chars-char-menu-2, .chars-char-menu-3-hov, .chars-char-menu-3, .chars-char-menu-4-hov, .chars-char-menu-4, .chars-char-menu-5-hov, .chars-char-menu-5, .chars-char-menu-6, .chars-tab-1-hov, .chars-tab-1, .chars-tab-2-hov, .chars-tab-2, .chars-tab-3-hov, .chars-tab-3, .chars-tab-4-hov, .chars-tab-4, .chars-tab-5-hov, .chars-tab-5, .chars-tab-6-hov, .chars-tab-6, .character .list-char li a.char-menu-1, .character .list-char li a.char-menu-2, .character .list-char li a.char-menu-3, .character .list-char li a.char-menu-4, .character .list-char li a.char-menu-5, .character .list-char li a.char-menu-6, .character .bt-back {
    background-image: url('../images/chars-s4c34239c77.png');
    background-repeat: no-repeat
}

.chars-bt-back {
    background-position: 0 0;
    height: 66px;
    width: 70px
}

.chars-bt-clip {
    background-position: 0 -66px;
    height: 75px;
    width: 75px
}

.chars-char-menu-1-hov {
    background-position: 0 -141px;
    height: 804px;
    width: 250px
}

.chars-char-menu-1 {
    background-position: 0 -945px;
    height: 687px;
    width: 205px
}

.chars-char-menu-2-hov {
    background-position: 0 -1632px;
    height: 804px;
    width: 250px
}

.chars-char-menu-2 {
    background-position: 0 -2436px;
    height: 687px;
    width: 206px
}

.chars-char-menu-3-hov {
    background-position: 0 -3123px;
    height: 804px;
    width: 250px
}

.chars-char-menu-3 {
    background-position: 0 -3927px;
    height: 687px;
    width: 205px
}

.chars-char-menu-4-hov {
    background-position: 0 -4614px;
    height: 804px;
    width: 250px
}

.chars-char-menu-4 {
    background-position: 0 -5418px;
    height: 687px;
    width: 205px
}

.chars-char-menu-5-hov {
    background-position: 0 -6105px;
    height: 804px;
    width: 250px
}

.chars-char-menu-5 {
    background-position: 0 -6909px;
    height: 687px;
    width: 206px
}

.chars-char-menu-6 {
    background-position: 0 -7596px;
    height: 687px;
    width: 205px
}

.chars-tab-1-hov {
    background-position: 0 -8283px;
    height: 121px;
    width: 174px
}

.chars-tab-1 {
    background-position: 0 -8404px;
    height: 85px;
    width: 122px
}

.chars-tab-2-hov {
    background-position: 0 -8489px;
    height: 121px;
    width: 174px
}

.chars-tab-2 {
    background-position: 0 -8610px;
    height: 85px;
    width: 122px
}

.chars-tab-3-hov {
    background-position: 0 -8695px;
    height: 121px;
    width: 174px
}

.chars-tab-3 {
    background-position: 0 -8816px;
    height: 85px;
    width: 122px
}

.chars-tab-4-hov {
    background-position: 0 -8901px;
    height: 121px;
    width: 174px
}

.chars-tab-4 {
    background-position: 0 -9022px;
    height: 85px;
    width: 122px
}

.chars-tab-5-hov {
    background-position: 0 -9107px;
    height: 121px;
    width: 174px
}

.chars-tab-5 {
    background-position: 0 -9228px;
    height: 85px;
    width: 122px
}

.chars-tab-6-hov {
    background-position: 0 -9313px;
    height: 121px;
    width: 174px
}

.chars-tab-6 {
    background-position: 0 -9434px;
    height: 85px;
    width: 122px
}

.character {
    width: 100%;
    height: 1030px;
    background: url(../images/bg-char.jpg) center top no-repeat;
    position: relative;
    clear: both
}

.character h2 {
    width: 100%;
    height: 65px;
    margin: 0 auto 2px;
    background: url(../images/title-botoc.png) center top no-repeat;
    text-indent: -9999px
}

.character .list-char {
    width: 1300px;
    margin: 0 auto;
    text-align: center;
    padding-top: 50px
}

.character .list-char li {
    width: 205px;
    display: inline-block;
    margin: 0
}

.character .list-char li a {
    display: block;
    text-indent: -9999px
}

.character .list-char li a:hover, .character .list-char li a.active {
    filter: brightness(1.2)
}

.character .list-char li a.char-menu-1 {
    background-position: 0 -945px;
    height: 687px;
    width: 205px
}

.character .list-char li a.char-menu-2 {
    background-position: 0 -2436px;
    height: 687px;
    width: 206px
}

.character .list-char li a.char-menu-3 {
    background-position: 0 -3927px;
    height: 687px;
    width: 205px
}

.character .list-char li a.char-menu-4 {
    background-position: 0 -5418px;
    height: 687px;
    width: 205px
}

.character .list-char li a.char-menu-5 {
    background-position: 0 -6909px;
    height: 687px;
    width: 206px
}

.character .list-char li a.char-menu-6 {
    background-position: 0 -7596px;
    height: 687px;
    width: 205px
}

.character .bt-back {
    background-position: 0 0;
    height: 66px;
    width: 70px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -600px;
    z-index: 10
}

.character .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 965px
}

.character .swiper-wrapper .swiper-slide > img, .character .swiper-wrapper .swiper-slide > video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.character .swiper-wrapper .swiper-slide > a {
    display: block;
    position: relative
}

.character .swiper-wrapper .swiper-slide > a.bt-clip {
    width: 89px;
    height: 88px;
    background: url(../images/bt-clip.png) left 0 no-repeat;
    text-indent: -99999px;
    position: absolute;
    top: 535px;
    left: 50%;
    margin-left: 110px
}

.character .swiper-wrapper .swiper-slide > a.bt-viewmore {
    color: #f7d142;
    position: absolute;
    top: 573px;
    left: 50%;
    margin-left: 320px;
    text-decoration: none;
    font-size: 15px
}

.character .swiper-wrapper .swiper-slide > a.bt-viewmore:hover {
    color: #f3af24
}

.character .swiper-pagination {
    height: 549px;
    width: 174px;
    left: 50%;
    margin-left: -600px;
    top: 250px;
    padding-top: 50px
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
    display: block;
    background-color: none;
    border-radius: 0;
    width: 122px;
    height: 85px;
    background: url(../images/tab-1.png) left 0 no-repeat;
    text-indent: -9999px;
    opacity: 1;
    margin-bottom: -15px;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(1):hover {
    background: url(../images/tab-1.png) left 0 no-repeat;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active {
    width: 174px;
    height: 121px;
    margin-top: -28px;
    background: url(../images/tab-1-hov.png) left 0 no-repeat;
    filter: grayscale(0)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
    display: block;
    background-color: none;
    border-radius: 0;
    width: 122px;
    height: 85px;
    background: url(../images/tab-2.png) left 0 no-repeat;
    text-indent: -9999px;
    opacity: 1;
    margin-bottom: -15px;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(2):hover {
    background: url(../images/tab-2.png) left 0 no-repeat;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active {
    width: 174px;
    height: 121px;
    margin-top: -28px;
    background: url(../images/tab-2-hov.png) left 0 no-repeat;
    filter: grayscale(0)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
    display: block;
    background-color: none;
    border-radius: 0;
    width: 122px;
    height: 85px;
    background: url(../images/tab-3.png) left 0 no-repeat;
    text-indent: -9999px;
    opacity: 1;
    margin-bottom: -15px;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(3):hover {
    background: url(../images/tab-3.png) left 0 no-repeat;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active {
    width: 174px;
    height: 121px;
    margin-top: -28px;
    background: url(../images/tab-3-hov.png) left 0 no-repeat;
    filter: grayscale(0)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
    display: block;
    background-color: none;
    border-radius: 0;
    width: 122px;
    height: 85px;
    background: url(../images/tab-4.png) left 0 no-repeat;
    text-indent: -9999px;
    opacity: 1;
    margin-bottom: -15px;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(4):hover {
    background: url(../images/tab-4.png) left 0 no-repeat;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active {
    width: 174px;
    height: 121px;
    margin-top: -28px;
    background: url(../images/tab-4-hov.png) left 0 no-repeat;
    filter: grayscale(0)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(5) {
    display: block;
    background-color: none;
    border-radius: 0;
    width: 122px;
    height: 85px;
    background: url(../images/tab-5.png) left 0 no-repeat;
    text-indent: -9999px;
    opacity: 1;
    margin-bottom: -15px;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(5):hover {
    background: url(../images/tab-5.png) left 0 no-repeat;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active {
    width: 174px;
    height: 121px;
    margin-top: -28px;
    background: url(../images/tab-5-hov.png) left 0 no-repeat;
    filter: grayscale(0)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(6) {
    display: block;
    background-color: none;
    border-radius: 0;
    width: 122px;
    height: 85px;
    background: url(../images/tab-6.png) left 0 no-repeat;
    text-indent: -9999px;
    opacity: 1;
    margin-bottom: -15px;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(6):hover {
    background: url(../images/tab-6.png) left 0 no-repeat;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active {
    width: 174px;
    height: 121px;
    margin-top: -28px;
    background: url(../images/tab-6-hov.png) left 0 no-repeat;
    filter: grayscale(0)
}

.hanh-trinh {
    width: 100%;
    height: 840px;
    background: url(../images/bg-hanhtrinh.jpg) center top no-repeat;
    position: relative
}

.hanh-trinh .swiper-container {
    width: 1460px;
    padding-top: 250px
}

.hanh-trinh .swiper-slide {
    background: url(../images/bg-img.png) center top no-repeat;
    background-position: center;
    background-size: cover;
    width: 933px;
    height: 457px
}

.hanh-trinh .swiper-slide img {
    width: 910px;
    height: 440px;
    padding: 9px 11px 8px 12px
}

.hanh-trinh .swiper-button-next {
    width: 49px;
    height: 79px;
    background: url(../images/arrow-next.png) center top no-repeat;
    outline: 0;
    right: 150px
}

.hanh-trinh .swiper-button-next:hover {
    filter: brightness(120%)
}

.hanh-trinh .swiper-button-prev {
    width: 49px;
    height: 79px;
    background: url(../images/arrow-prev.png) center top no-repeat;
    outline: 0;
    left: 150px
}

.hanh-trinh .swiper-button-prev:hover {
    filter: brightness(120%)
}

.hanh-trinh .swiper-pagination {
    position: relative;
    bottom: -40px
}

.hanh-trinh .swiper-pagination-bullet {
    width: 30px;
    height: 31px;
    background: url(../images/control-banner.png) 0 0 no-repeat;
    margin: 0 10px;
    opacity: 1;
    outline: 0
}

.hanh-trinh .swiper-pagination-bullet:hover, .hanh-trinh .swiper-pagination-bullet-active {
    background: url(../images/control-banner-hov.png) 0 0 no-repeat;
    opacity: 1
}

.wrapper__post-gallery {
    background: url(../images/bg-gallery.jpg) center top no-repeat;
    width: 100%;
    height: 860px;
    overflow: hidden;
    position: relative
}

.wrapper__post-gallery h2 {
    width: 100%;
    height: 65px;
    margin: 0 auto 80px;
    background: url(../images/title-thuvien.png) center top no-repeat;
    text-indent: -9999px
}

.wrapper__post-gallery .gallery-content {
    background: url(../images/bg-gallery-content.png) 0 0 no-repeat;
    width: 1207px;
    height: 550px;
    margin: 0 auto
}

.wrapper__post-gallery .block-gallery {
    width: 570px;
    float: left;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 10px 20px 20px;
    position: relative
}

.wrapper__post-gallery .block-gallery h3 {
    color: #f5c96f;
    font-size: 22px;
    line-height: 30px;
    padding: 5px 0;
    border-bottom: 1px solid #0076a3;
    font-weight: bold;
    padding-left: 20px
}

.wrapper__post-gallery .block-gallery h3 img {
    float: left;
    padding-right: 10px
}

.wrapper__post-gallery .list__image-more {
    border: 1px solid #f5c96f;
    border-radius: 20px;
    color: #f5c96f;
    font: 16px/25px Roboto;
    padding: 5px 10px;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 20px;
    display: block
}

.wrapper__post-gallery .list__image-more:hover {
    color: #f3af24
}

.wrapper__post-gallery span.lazy__loading-more {
    width: 100%;
    text-align: center;
    display: none;
    padding: 10px 0
}

.wrapper__post-gallery span.lazy__loading-more > img {
    margin: 0 auto
}

.wrapper__post-gallery .gallery__tabs {
    padding-top: 0;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #0076a3;
    float: left
}

.wrapper__post-gallery .gallery__tabs li {
    float: left;
    width: 49%;
    margin: 0;
    border-right: 1px solid #094485
}

.wrapper__post-gallery .gallery__tabs li:last-child {
    border-right: 0
}

.wrapper__post-gallery .gallery__tabs li a {
    background: 0;
    color: #fff;
    display: block;
    float: left;
    font: bold 20px/40px Roboto, Tahoma;
    text-decoration: none;
    text-align: center;
    width: 100%;
    margin-bottom: -1px
}

.wrapper__post-gallery .gallery__tabs li a:hover, .wrapper__post-gallery .gallery__tabs li a.active {
    background: url(../images/tab-active.png) center bottom no-repeat;
    color: #f5c96f
}

.wrapper__post-gallery .list__image {
    clear: both;
    overflow: hidden;
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
    color: #fff
}

.wrapper__post-gallery .list__image li {
    float: left;
    overflow: hidden;
    display: inline-block;
    margin: 10px;
    width: 260px;
    color: #fff;
    font-size: 18px;
    text-align: left
}

.wrapper__post-gallery .list__image li a {
    display: block;
    text-decoration: none;
    overflow: hidden
}

.wrapper__post-gallery .list__image li a > img {
    display: block;
    width: 100%;
    height: 145px;
    object-fit: cover;
    transform: scale(1);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.wrapper__post-gallery .list__image li a > img:hover {
    transform: scale(1.09)
}

.wrapper__post-gallery .list__image li a .item-name {
    background: #0c287f;
    color: #fff;
    padding: 5px 10px
}

.wrapper__post-gallery .list__image li .ico__play-video {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    top: 0
}

.wrapper__post-gallery .list__image li.dndmom__photoswipe-clip .ico__play-video {
    display: block
}

.main-content article .tabmain-sub {
    margin: 0;
    padding: 20px 0 20px;
    border-top: thin dashed #21398b;
    border-bottom: thin dashed #21398b
}

.main-content article .tabmain-sub li {
    list-style-type: none;
    display: inline-block;
    width: 48%;
    text-align: center
}

.main-content article .tabmain-sub li a {
    background: url(../images/icon-gallery-photo.png) center left no-repeat;
    padding: 10px 0 10px 40px;
    font-weight: bold;
    font-size: 20px;
    color: #f8cc35;
    -webkit-filter: hue-rotate(180deg);
    filter: hue-rotate(180deg);
    text-decoration: none
}

.main-content article .tabmain-sub li a:hover, .main-content article .tabmain-sub li a.active {
    filter: hue-rotate(0deg)
}

.main-content article .tabmain-sub li:nth-child(2) {
    border-left: thin solid #21398b
}

.main-content article .tabmain-sub li:nth-child(2) a {
    background: url(../images/icon-gallery-video.png) center left no-repeat
}

.main-content article .library-posts li {
    border: 0;
    display: block;
    float: left;
    position: relative;
    margin: 10px 10px;
    width: 230px
}

.main-content article .library-posts li a {
    display: block;
    float: left;
    position: relative;
    text-decoration: none;
    color: #fff;
    width: 100%
}

.main-content article .library-posts li a img {
    display: block;
    max-width: 100%;
    width: 100%;
    object-fit: cover
}

.main-content article .library-posts li a .posts__post-mask {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 4
}

.main-content article .library-posts li a:hover .posts__post-mask {
    width: 100%;
    height: 100%;
    background: url(../images/lib-msk-pic-hov.png) 45% 40% no-repeat
}

.main-content article .library-posts li a:hover .posts__post-title {
    color: #c82f00
}

.main-content article .library-posts li a .posts__post-title {
    background-color: #0c287f;
    display: block;
    height: 40px;
    line-height: 40px;
    color: #c0c8db;
    z-index: 4;
    padding: 0 10px
}

.gallery section.posts ul.tabHeader {
    text-align: center
}

.gallery section.posts ul.tabHeader li {
    display: inline-flex;
    float: none
}


.posts {
    width: 740px;
    margin-left: 15px;
    position: relative
}

.posts__view {
    border: 1px solid #f5c96f;
    border-radius: 20px;
    color: #f5c96f;
    font: 16px/25px Roboto;
    padding: 5px 10px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 2px;
    display: block
}

.posts__view:hover {
    color: #f3af24
}

.posts__tab {
    float: left;
    border-bottom: 1px solid #424f68;
    width: 100%;
    position: relative;
    font-weight: bold
}

.posts__tab li {
    float: left;
    margin: 0 5px 0 0
}

.posts__tab li a {
    background: 0;
    color: #fff;
    display: block;
    float: left;
    padding: 5px 9px;
    margin-bottom: -1px;
    font: bold 18px/32px Roboto, Tahoma
}

.posts__tab li a:hover, .posts__tab li a.active {
    background: url(../images/tab-active.png) center bottom no-repeat;
    color: #f5c96f
}

.posts__list {
    width: 700px;
    padding: 5px 20px 0 20px;
    overflow: hidden
}

.posts__list li {
    overflow: hidden;
    background: url(../images/icon-news.png) left 15px no-repeat;
    padding-left: 15px;
    color: #fff
}

.posts__list li:last-child {
    border-bottom: 0
}

.posts__list li:first-child a {
    color: #f5c96f
}

.posts__list li .posts__post-title {
    display: block;
    font-size: 18px;
    line-height: 38px;
    color: #fff;
    text-decoration: none
}

.posts__list li .posts__post-title:hover {
    color: #f5c96f
}

.posts__list li .posts__post-title:hover time {
    color: #f5c96f
}

.posts__list li .posts__post-title time {
    color: #fff;
    font-size: 14px;
    float: right;
    font-weight: normal
}

.character {
    width: 100%;
    height: 1030px;
    background: url(../images/bg-char.jpg) center top no-repeat;
    position: relative;
    clear: both
}

.character h2 {
    width: 100%;
    height: 65px;
    margin: 0 auto 2px;
    background: url(../images/title-botoc.png) center top no-repeat;
    text-indent: -9999px
}

.character .list-char {
    width: 1300px;
    margin: 0 auto;
    text-align: center;
    padding-top: 50px
}

.character .list-char li {
    width: 205px;
    display: inline-block;
    margin: 0
}

.character .list-char li a {
    display: block;
    text-indent: -9999px
}

.character .list-char li a:hover, .character .list-char li a.active {
    filter: brightness(1.2)
}

.character .list-char li a.char-menu-1 {
    background-position: 0 -945px;
    height: 687px;
    width: 205px
}

.character .list-char li a.char-menu-2 {
    background-position: 0 -2436px;
    height: 687px;
    width: 206px
}

.character .list-char li a.char-menu-3 {
    background-position: 0 -3927px;
    height: 687px;
    width: 205px
}

.character .list-char li a.char-menu-4 {
    background-position: 0 -5418px;
    height: 687px;
    width: 205px
}

.character .list-char li a.char-menu-5 {
    background-position: 0 -6909px;
    height: 687px;
    width: 206px
}

.character .list-char li a.char-menu-6 {
    background-position: 0 -7596px;
    height: 687px;
    width: 205px
}

.character .bt-back {
    background-position: 0 0;
    height: 66px;
    width: 70px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -600px;
    z-index: 10
}

.character .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 965px
}

.character .swiper-wrapper .swiper-slide > img, .character .swiper-wrapper .swiper-slide > video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.character .swiper-wrapper .swiper-slide > a {
    display: block;
    position: relative
}

.character .swiper-wrapper .swiper-slide > a.bt-clip {
    width: 89px;
    height: 88px;
    background: url(../images/bt-clip.png) left 0 no-repeat;
    text-indent: -99999px;
    position: absolute;
    top: 535px;
    left: 50%;
    margin-left: 110px
}

.character .swiper-wrapper .swiper-slide > a.bt-viewmore {
    color: #f7d142;
    position: absolute;
    top: 573px;
    left: 50%;
    margin-left: 320px;
    text-decoration: none;
    font-size: 15px
}

.character .swiper-wrapper .swiper-slide > a.bt-viewmore:hover {
    color: #f3af24
}

.character .swiper-pagination {
    height: 549px;
    width: 174px;
    left: 50%;
    margin-left: -600px;
    top: 250px;
    padding-top: 50px
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
    display: block;
    background-color: none;
    border-radius: 0;
    width: 122px;
    height: 85px;
    background: url(../images/tab-1.png) left 0 no-repeat;
    text-indent: -9999px;
    opacity: 1;
    margin-bottom: -15px;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(1):hover {
    background: url(../images/tab-1.png) left 0 no-repeat;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active {
    width: 174px;
    height: 121px;
    margin-top: -28px;
    background: url(../images/tab-1-hov.png) left 0 no-repeat;
    filter: grayscale(0)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
    display: block;
    background-color: none;
    border-radius: 0;
    width: 122px;
    height: 85px;
    background: url(../images/tab-2.png) left 0 no-repeat;
    text-indent: -9999px;
    opacity: 1;
    margin-bottom: -15px;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(2):hover {
    background: url(../images/tab-2.png) left 0 no-repeat;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active {
    width: 174px;
    height: 121px;
    margin-top: -28px;
    background: url(../images/tab-2-hov.png) left 0 no-repeat;
    filter: grayscale(0)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
    display: block;
    background-color: none;
    border-radius: 0;
    width: 122px;
    height: 85px;
    background: url(../images/tab-3.png) left 0 no-repeat;
    text-indent: -9999px;
    opacity: 1;
    margin-bottom: -15px;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(3):hover {
    background: url(../images/tab-3.png) left 0 no-repeat;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active {
    width: 174px;
    height: 121px;
    margin-top: -28px;
    background: url(../images/tab-3-hov.png) left 0 no-repeat;
    filter: grayscale(0)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
    display: block;
    background-color: none;
    border-radius: 0;
    width: 122px;
    height: 85px;
    background: url(../images/tab-4.png) left 0 no-repeat;
    text-indent: -9999px;
    opacity: 1;
    margin-bottom: -15px;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(4):hover {
    background: url(../images/tab-4.png) left 0 no-repeat;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active {
    width: 174px;
    height: 121px;
    margin-top: -28px;
    background: url(../images/tab-4-hov.png) left 0 no-repeat;
    filter: grayscale(0)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(5) {
    display: block;
    background-color: none;
    border-radius: 0;
    width: 122px;
    height: 85px;
    background: url(../images/tab-5.png) left 0 no-repeat;
    text-indent: -9999px;
    opacity: 1;
    margin-bottom: -15px;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(5):hover {
    background: url(../images/tab-5.png) left 0 no-repeat;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active {
    width: 174px;
    height: 121px;
    margin-top: -28px;
    background: url(../images/tab-5-hov.png) left 0 no-repeat;
    filter: grayscale(0)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(6) {
    display: block;
    background-color: none;
    border-radius: 0;
    width: 122px;
    height: 85px;
    background: url(../images/tab-6.png) left 0 no-repeat;
    text-indent: -9999px;
    opacity: 1;
    margin-bottom: -15px;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(6):hover {
    background: url(../images/tab-6.png) left 0 no-repeat;
    filter: grayscale(1)
}

.character .swiper-pagination .swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active {
    width: 174px;
    height: 121px;
    margin-top: -28px;
    background: url(../images/tab-6-hov.png) left 0 no-repeat;
    filter: grayscale(0)
}

.hanh-trinh {
    width: 100%;
    height: 840px;
    background: url(../images/bg-hanhtrinh.jpg) center top no-repeat;
    position: relative
}

.hanh-trinh .swiper-container {
    width: 1460px;
    padding-top: 250px
}

.hanh-trinh .swiper-slide {
    background: url(../images/bg-img.png) center top no-repeat;
    background-position: center;
    background-size: cover;
    width: 933px;
    height: 457px
}

.hanh-trinh .swiper-slide img {
    width: 910px;
    height: 440px;
    padding: 9px 11px 8px 12px
}

.hanh-trinh .swiper-button-next {
    width: 49px;
    height: 79px;
    background: url(../images/arrow-next.png) center top no-repeat;
    outline: 0;
    right: 150px
}

.hanh-trinh .swiper-button-next:hover {
    filter: brightness(120%)
}

.hanh-trinh .swiper-button-prev {
    width: 49px;
    height: 79px;
    background: url(../images/arrow-prev.png) center top no-repeat;
    outline: 0;
    left: 150px
}

.hanh-trinh .swiper-button-prev:hover {
    filter: brightness(120%)
}

.hanh-trinh .swiper-pagination {
    position: relative;
    bottom: -40px
}

.hanh-trinh .swiper-pagination-bullet {
    width: 30px;
    height: 31px;
    background: url(../images/control-banner.png) 0 0 no-repeat;
    margin: 0 10px;
    opacity: 1;
    outline: 0
}

.hanh-trinh .swiper-pagination-bullet:hover, .hanh-trinh .swiper-pagination-bullet-active {
    background: url(../images/control-banner-hov.png) 0 0 no-repeat;
    opacity: 1
}

.character .swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.character .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.character .swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.character .swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.character .swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.character .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.character .swiper-slide-invisible-blank {
    visibility: hidden
}

.character .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.character .swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.character .swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.character .swiper-container-3d .swiper-cube-shadow,
.character .swiper-container-3d .swiper-slide,
.character .swiper-container-3d .swiper-slide-shadow-bottom,
.character .swiper-container-3d .swiper-slide-shadow-left,
.character .swiper-container-3d .swiper-slide-shadow-right,
.character .swiper-container-3d .swiper-slide-shadow-top,
.character .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.character .swiper-container-3d .swiper-slide-shadow-bottom,
.character .swiper-container-3d .swiper-slide-shadow-left,
.character .swiper-container-3d .swiper-slide-shadow-right,
.character .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.character .swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.character .swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.character .swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.character .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.character .swiper-container-wp8-horizontal,
.character .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.character .swiper-container-wp8-vertical,
.character .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.character .swiper-button-next,
.character .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.character .swiper-button-next.swiper-button-disabled,
.character .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.character .swiper-button-prev,
.character .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.character .swiper-button-next,
.character .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.character .swiper-button-prev.swiper-button-white,
.character .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}