/* Phần css reset */
@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url('../fonts/RobotoCondensed-Bold.ttf');
}

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

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

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

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

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

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html, body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    color: #2a2a2a;
    line-height: 22px
}

header, section, footer, aside, nav, main, article, figure, figcaption, mark, summary, time, details {
    display: block;
    margin: 0
}

h1, h2, h3, h4, h5, h6, b, strong {
    margin: 0;
    font-family: 'RobotoCondensed-Bold', sans-serif
}

input, button, textarea, select {
    font-size: 15px;
    color: #333;
    background: transparent;
    border: none;
    padding: 0
}

button {
    background: transparent;
    border: none
}

.site-content {
    max-width: 1170px;
    margin: 0 auto;
}

.cf, .cf:after, .cf:before {
    content: "";
    display: table;
    width: 100%
}

.fl-left {
    float: left
}

.fl-right {
    float: right
}

.fix-clear {
    clear: both
}

.container {
    max-width: 1170px;
    margin: 0 auto
}

.b-shadow {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08)
}


/* Icon font inline */
.sm-nav ul li:after, .sm-hotline:before, .sm-cate-news > ul > li > a:before, .sm-nav:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* Transition */
.sm-links-hd ul li:after, .sm-links-hd ul li a, .sm-grp-social ul li a, .sm-nav ul ul, .sm-nav ul ul li,
.sm-cate-news > ul > li > a:before, .sm-logo img, .bx-wrapper .bx-prev, .bx-wrapper .bx-next {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


.icon-option {
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
    transition: all 0.6s linear;
}


/* Rotate 360 */
.sm-option-hospital ul li:hover .icon-option {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}


/* Phần tử chung */
.sm-all-links {
    margin: 0;
    padding: 0
}

    .sm-all-links li {
        display: inline-block;
        list-style: none;
        position: relative
    }

        .sm-all-links li a {
            text-decoration: none
        }


/* Bắt đầu phần thĂ¢n Website */
#sm-header {
}

.sm-top-hd {
    background: #283792
}

.sm-links-hd {
}

    .sm-links-hd ul li {
        margin: 0 20px
    }

        .sm-links-hd ul li:first-child {
            margin-left: 0
        }

        .sm-links-hd ul li:after {
            content: "";
            background: #d8261f;
            width: 100%;
            height: 3px;
            position: absolute;
            left: 0;
            bottom: 0;
            visibility: hidden;
            opacity: 0
        }

        .sm-links-hd ul li:hover:after, .sm-links-hd ul .act-link-hd:after {
            visibility: visible;
            opacity: 1
        }

        .sm-links-hd ul li a {
            color: #cae3d5;
            font-family: 'RobotoCondensed-Light', sans-serif;
            text-transform: capitalize;
            line-height: 52px
        }

            .sm-links-hd ul li a:hover, .sm-links-hd ul .act-link-hd a {
                color: #fff
            }

.sm-control-top-hd {
    margin-top: 12px
}

.sm-grp-social {
    float: right;
    margin-left: 20px
}

    .sm-grp-social ul li {
        margin: 0 2px
    }

        .sm-grp-social ul li:last-child {
            margin-right: 0
        }

        .sm-grp-social ul li a {
            display: inline-block;
            background: #cae3d5;
            width: 28px;
            height: 28px;
            border-radius: 100%;
            text-align: center;
            line-height: 29px
        }

            .sm-grp-social ul li a:hover {
                background: #fff
            }

            .sm-grp-social ul li a .fa {
                color: #283792;
                font-size: 16px
            }

.sm-form-search {
    display: inline-block;
    position: relative;
    background: #fff;
    border-radius: 24px;
    padding: 0 100px 0 15px
}

.sm-input-text {
    line-height: 24px;
    font-size: 14px;
    color: #333;
    font-family: 'OpenSans-Regular',Roboto',sans-serif;
}

.sm-btn-submit {
    position: absolute;
    right: 12px;
    top: 3px;
    color: #999
}

#sm-header .scroll-to-fixed-fixed {
    border-top: solid 5px #283792
}

    #sm-header .scroll-to-fixed-fixed .sm-logo img {
        max-width: 150px
    }

    #sm-header .scroll-to-fixed-fixed .sm-nav ul > li {
        line-height: 76px
    }

        #sm-header .scroll-to-fixed-fixed .sm-nav ul > li:hover ul {
            top: 77px
        }

    #sm-header .scroll-to-fixed-fixed .sm-hotline {
        line-height: 77px
    }

.sm-bot-hd {
    background: #fff
}

.sm-control-bot-hd {
}

.sm-logo {
    float: left;
    margin-right: 30px;
    padding: 10px 0
}

.sm-nav {
    display: inline-block
}

    .sm-nav:before {
        content: "\f0c9";
        color: #999;
        font-size: 28px;
        border: solid 1px #eee;
        background: #f9f9f9;
        width: 46px;
        height: 36px;
        text-align: center;
        line-height: 34px;
        margin-top: 30px;
        display: none
    }

    .sm-nav ul > li {
        margin: 0 20px;
        line-height: 95px
    }

        .sm-nav ul > li:hover:after, .sm-nav ul > li:hover > a {
            color: #283792
        }

        .sm-nav ul > li:after {
            content: "\f0d7";
            margin-left: 10px;
            font-size: 16px
        }

        .sm-nav ul > li > a {
            font-size: 15px;
            font-family: 'RobotoCondensed-Bold', sans-serif;
            text-transform: uppercase;
            color: #2a2a2a
        }

        .sm-nav ul > li:hover ul {
            visibility: visible;
            opacity: 1;
            top: 95px
        }

    .sm-nav ul ul {
        margin: 0;
        padding: 5px 20px;
        background: rgba(255, 255, 255, 0.96);
        position: absolute;
        left: 0;
        top: 110px;
        width: 235px;
        z-index: 100;
        visibility: hidden;
        opacity: 0
    }

        .sm-nav ul ul li {
            display: block;
            padding: 10px 0;
            margin: 0;
            border-bottom: solid 1px #eee;
            line-height: normal !important
        }

            .sm-nav ul ul li:hover {
                padding-left: 10px
            }

            .sm-nav ul ul li:after {
                content: "";
                display: none
            }

            .sm-nav ul ul li:last-child {
                border-bottom: none
            }

            .sm-nav ul ul li a {
                color: #2a2a2a;
                text-decoration: none;
                font-family: 'Roboto Condensed', sans-serif;
                text-transform: capitalize
            }

            .sm-nav ul ul li:hover {
                padding-left: 10px
            }

.sm-hotline {
    font-size: 20px;
    color: #d8261f;
    font-family: 'RobotoCondensed-Bold', sans-serif;
    line-height: 95px
}

    .sm-hotline:before {
        content: "\f095";
        color: #fff;
        background: #d8261f;
        width: 32px;
        height: 32px;
        border-radius: 100%;
        text-align: center;
        line-height: 36px;
        margin-right: 10px
    }


#sm-wrapper {
}

.sm-row {
    margin-top: 30px
}

.sm-option-hospital {
    width: 40.2%
}

    .sm-option-hospital ul li {
        float: left;
        width: 50%;
        height: 197px;
        padding: 45px 0;
        text-align: center;
        background: #f9f9f9
    }

        .sm-option-hospital ul li:nth-child(1), .sm-option-hospital ul li:nth-child(4) {
            background: #ddf7e9
        }

        .sm-option-hospital ul li a em {
            display: block;
            font-style: normal;
            margin-top: 5px;
            color: #283792;
            text-transform: capitalize
        }

.icon-option {
    display: inline-block;
    background-color: #283792;
    width: 62px;
    height: 62px;
    border-radius: 100%;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center
}

.icon-option-1 {
    background-image: url(../images/icon-option-1.png)
}

.icon-option-2 {
    background-image: url(../images/icon-option-2.png)
}

.icon-option-3 {
    background-image: url(../images/icon-option-3.png)
}

.icon-option-4 {
    background-image: url(../images/icon-option-4.png)
}

.sm-video {
    width: 59.8%;
    height: 394px
}

    .sm-video iframe {
        width: 100%;
        height: 100%
    }

.sm-slide {
    position: relative;
    overflow: hidden
}

    .sm-slide:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: solid 5px rgba(255, 255, 255, 0.5);
        z-index: 50
    }

    .sm-slide:hover .bx-wrapper .bx-prev {
        left: 20px
    }

    .sm-slide:hover .bx-wrapper .bx-next {
        right: 20px
    }

    .sm-slide:hover .bx-wrapper .bx-prev, .sm-slide:hover .bx-wrapper .bx-next {
        visibility: visible;
        opacity: 1
    }

    .sm-slide .bx-wrapper .bx-prev {
        left: -25px
    }

    .sm-slide .bx-wrapper .bx-next {
        right: -25px
    }

.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
    visibility: hidden;
    opacity: 0
}

.sm-news {
    position: relative;
    padding-right: 72.6%
}

.sm-cate-news {
}

.sm-tt-cate {
    background: #f6821f;
    padding: 0 30px;
    height: 42px;
    line-height: 46px;
    border-left: solid 5px #2e8b41;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    position: relative;
    z-index: 50;
}

.sm-cate-news > ul {
    margin: 0;
    padding: 20px 0 20px 20px
}

    .sm-cate-news > ul > li {
        width: 100%;
        list-style: none;
        padding-right: 20px;
        margin-bottom: 1px
    }

        .sm-cate-news > ul > li:hover {
            padding-right: 0
        }

        .sm-cate-news > ul > li:last-child {
            margin-bottom: 0
        }

        .sm-cate-news > ul > li > a {
            color: #2a2a2a;
            text-decoration: none;
            /*font-family: 'RobotoCondensed-Light', sans-serif;*/
            background: #f9f9f9;
            padding: 8px 0 8px 20px;
            display: inline-block;
            width: 100%;
            text-transform: capitalize;
            position: relative;
            z-index: 50
        }

            .sm-cate-news > ul > li > a:before {
                content: "\f105";
                color: #2e8b41;
                position: absolute;
                top: 6px;
                right: 50px;
                font-size: 26px;
                visibility: hidden;
                opacity: 0
            }

        .sm-cate-news > ul > li:hover > a:before {
            right: 20px;
            visibility: visible;
            opacity: 1
        }

        .sm-cate-news > ul > li:hover > a {
            color: #2e8b41
        }

        .sm-cate-news > ul > li:hover .sm-sub-news, .sm-cate-news > ul > .act-cate-news .sm-sub-news {
            visibility: visible;
            opacity: 1
        }

.sm-sub-news {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    padding-left: 27.4%;
    background: #fff;
    visibility: hidden;
    opacity: 0
}

.sm-list-news {
}

    .sm-list-news ul li {
        float: right;
        width: 43.4%;
        padding: 10px 20px
    }

        .sm-list-news ul li a {
            color: #2a2a2a;
            font-family: 'RobotoCondensed-Light', sans-serif;
        }

        .sm-list-news ul li .sm-tt-news {
            display: block
        }

        .sm-list-news ul li .thumb-img {
            float: left;
            margin-right: 15px;
            max-height: 85px;
            overflow: hidden
        }

        .sm-list-news ul li:nth-child(1) {
            float: left;
            width: 56.6%;
            min-height: 515px;
            padding: 0
        }

            .sm-list-news ul li:nth-child(1) .thumb-img {
                margin-right: 0;
                max-height: 300px
            }

            .sm-list-news ul li:nth-child(1) .sm-tt-news {
                display: inline-block;
                width: 100%;
                margin-top: 20px;
                font-size: 24px;
                font-family: 'Roboto Condensed', sans-serif;
                line-height: normal
            }

            .sm-list-news ul li:nth-child(1) p {
                margin-top: 20px;
                font-family: 'RobotoCondensed-Light', sans-serif;
            }


#sm-footer {
    margin-top: 30px;
    border-top: solid 5px #1f6b40
}

.sm-top-ft {
    background: #283792;
    padding: 30px 0
}

.grp-col {
}

.colx2 {
    float: left;
    width: 40%
}

.sm-location {
    background: url(../images/icon-map.png) no-repeat right bottom;
}

    .sm-location h3 {
        color: #fff;
        text-transform: uppercase;
        font-size: 20px;
        margin-bottom: 25px
    }

    .sm-location ul li {
        width: 100%;
        margin: 3px 0;
        color: #cae3d5;
        font-family: 'RobotoCondensed-Light', sans-serif;
        position: relative;
        padding-left: 30px
    }

        .sm-location ul li:last-child {
            margin-bottom: 0
        }

        .sm-location ul li .fa {
            position: absolute;
            left: 0;
            top: 1px
        }

.sm-hotline-tv {
    display: block;
    margin-top: 20px;
    text-align: right
}

    .sm-hotline-tv img {
        display: inline-block
    }

.sm-bot-ft {
    background: #298a53;
    height: 42px;
    line-height: 44px
}

.sm-copyright {
    color: #cae3d5;
    font-size: 15px;
    font-family: 'RobotoCondensed-Light', sans-serif;
    margin: 0
}


/* Bắt đầu trang list news */
.sm-sidebar {
    width: 27.4%;
    margin-right: 2.5%;
    overflow: hidden
}

.sm-row-sidebar {
    margin-bottom: 30px
}

    .sm-row-sidebar:last-child {
        margin-bottom: 0
    }

    .sm-row-sidebar .sm-cate-news > ul {
        padding: 20px
    }

        .sm-row-sidebar .sm-cate-news > ul > li {
            padding-right: 0
        }

.sm-main {
    width: 91.9%;
    padding: 0 20px 20px
}

.sm-tt-list {
    padding-bottom: 20px;
    border-bottom: solid 1px #eee
}

    .sm-tt-list span {
        display: inline-block;
        margin-right: 10px;
        text-transform: capitalize
    }

        .sm-tt-list span h2 a {
            font-size: 20px;
            color: #f6821f;
            text-transform: uppercase;
            position: relative;
            top: 2px
        }

        .sm-tt-list span a {
            font-size: 20px;
            color: #f6821f;
            text-transform: uppercase;
            position: relative;
            top: 2px;
        }

.sm-list-item {
    margin-top: 0px
}

    .sm-list-item ul {
        margin: 0;
        padding: 0
    }

        .sm-list-item ul li {
            display: inline-block;
            width: 100%;
            margin: 10px 0
        }

            .sm-list-item ul li .thumb-img {
                float: left;
                width: 280px;
                height: 180px;
                margin-right: 20px;
                overflow: hidden
            }

                .sm-list-item ul li .thumb-img img {
                    height: 100%;
                    width: 100%
                }

            .sm-list-item ul li a {
                color: #2a2a2a;
                text-decoration: none;
                font-family: 'RobotoCondensed-Light', sans-serif;
            }

            .sm-list-item ul li .sm-tt-news {
                font-size: 22px;
                line-height: normal;
                font-family: 'Roboto Condensed', sans-serif;
            }

            .sm-list-item ul li p {
                margin: 20px 0 0
            }

.sm-paging {
    padding: 20px 0 5px;
    margin-top: 10px;
    border-top: solid 1px #eee;
    text-align: center
}

    .sm-paging ul {
        margin: 0;
        padding: 0
    }

        .sm-paging ul li {
            display: inline-block;
            margin: 5px 2px
        }

            .sm-paging ul li a {
                line-height: 32px;
                padding: 0 10px;
                border: solid 1px #eee;
                text-decoration: none;
                color: #2a2a2a
            }

            .sm-paging ul li:hover a, .sm-paging ul .act-paging a {
                background: #283792;
                border: solid 1px #283792;
                color: #fff
            }


/* Bắt đầu trang details news */
.sm-content-post {
    padding-top: 20px
}

.sm-top-ct-post {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: dashed 1px #eee
}

    .sm-top-ct-post h1 {
        line-height: normal;
        color: #2a2a2a;
        font-size: 32px
    }

.sm-time-control {
    margin-top: 10px;
    font-size: 15px;
    color: #999;
    font-family: 'RobotoCondensed-Light', sans-serif;
}

    .sm-time-control .fa {
        margin-right: 10px
    }

.sm-mid-ct-post {
    font-family: 'RobotoCondensed-Light', sans-serif;
}

.note-img {
    text-align: center;
    display: block;
    font-size: 15px;
    font-style: italic;
    margin-top: 10px;
    color: #0f71c7
}

.sm-user-post {
    margin-top: 20px;
    text-align: right;
    font-family: 'RobotoCondensed-Bold', sans-serif;
}

.sm-bot-ct-post {
    margin-top: 30px
}

.sm-share-social {
    margin-bottom: 20px
}

.sm-tag-post {
    margin-bottom: 15px
}

    .sm-tag-post ul {
        margin: 0;
        padding: 0
    }

        .sm-tag-post ul li {
            border: solid 1px #eee;
            background: #f9f9f9;
            display: inline-block;
            margin: 0 5px 5px 0;
            padding: 5px 10px;
            font-size: 15px
        }

            .sm-tag-post ul li:nth-child(1) {
                background: #f3002a;
                color: #fff;
                border: solid 1px #f3002a
            }

            .sm-tag-post ul li a {
                text-decoration: none;
                font-size: 15px;
                color: #131f2e
            }

    .sm-tag-post .fa {
        margin-right: 5px
    }

.sm-related-post {
    margin-top: 30px;
    padding-top: 30px;
    border-top: solid 1px #eee
}

    .sm-related-post h2 {
        font-size: 20px;
        color: #283792;
        text-transform: uppercase;
        margin-bottom: 20px
    }

    .sm-related-post ul {
        margin: 0;
        padding: 0
    }

        .sm-related-post ul li {
            float: left;
            width: 50%;
            list-style: none;
            margin: 10px 0
        }

            .sm-related-post ul li .thumb-img {
                float: left;
                width: 120px;
                height: 80px;
                margin-right: 15px
            }

            .sm-related-post ul li a {
                color: #2a2a2a;
                text-decoration: none;
                padding-right: 20px;
                font-family: 'RobotoCondensed-Light', sans-serif;
            }


/* Bắt đầu trang contact */
.sm-main-2 {
    padding: 0 20px 20px
}

.sm-ct-contact {
    display: inline-block;
    width: 100%;
    margin-top: 20px
}

.sm-location-contact {
    background: #f9f9f9;
    border: solid 1px #eee;
    padding: 20px;
    margin-right: 20px
}

    .sm-location-contact h3 {
        color: #2a2a2a
    }

    .sm-location-contact ul li {
        color: #666
    }

.sm-form-contact {
    margin: 20px 20px 0 0;
    padding: 20px 20px 0
}

    .sm-form-contact h3 {
        color: #283792;
        text-transform: uppercase;
        font-size: 20px;
        margin-bottom: 20px
    }

    .sm-form-contact ul {
        margin: 0;
        padding: 0
    }

        .sm-form-contact ul li {
            display: inline-block;
            width: 100%;
            margin: 5px 0
        }

.input-text {
    width: 70%;
    border: solid 1px #e0e0e0;
    padding: 0 10px;
    line-height: 32px;
    background: #fff
}

.sm-form-contact ul li textarea {
    width: 100%;
    border: solid 1px #e0e0e0;
    min-height: 150px;
    padding: 15px;
    resize: none
}

.sm-text-note {
    margin: 0 0 6px;
    font-style: italic;
    color: #999;
    font-size: 15px;
    font-family: 'RobotoCondensed-Light', sans-serif;
}

    .sm-text-note em {
        color: #f3002a
    }

.sm-text-form {
    display: block;
    margin-bottom: 5px
}

    .sm-text-form em {
        display: inline-block;
        margin-left: 5px;
        color: #f3002a;
        font-style: normal;
        font-size: 13px
    }

.input-submit {
    background: #f3002a;
    color: #fff;
    line-height: 32px;
    padding: 0 20px;
    border-radius: 3px
}

.sm-map-location iframe {
    width: 100%;
    height: 750px
}


/* Bắt đầu trang galler */
.sm-separator {
    background: #2a2a2a;
    padding: 20px 20px 15px
}

.sm-ct-separator {
    display: inline-block;
    width: 100%;
    background: #333
}

.sm-separator-left {
    width: 60%
}

.sm-list-glr {
    position: relative;
    overflow: hidden
}

    .sm-list-glr:hover .bx-wrapper .bx-prev {
        left: 20px
    }

    .sm-list-glr:hover .bx-wrapper .bx-next {
        right: 20px
    }

    .sm-list-glr:hover .bx-wrapper .bx-prev, .sm-list-glr:hover .bx-wrapper .bx-next {
        visibility: visible;
        opacity: 1
    }

    .sm-list-glr .bx-wrapper .bx-prev {
        left: -25px
    }

    .sm-list-glr .bx-wrapper .bx-next {
        right: -25px
    }

    .sm-list-glr ul {
        margin: 0;
        padding: 0
    }

        .sm-list-glr ul li {
            display: inline-block;
            width: 100%;
            position: relative
        }

            .sm-list-glr ul li .thumb-img {
                height: 400px;
                overflow: hidden
            }

                .sm-list-glr ul li .thumb-img img {
                    width: 100%;
                    height: 100%
                }

.caption-image-grl {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 20px;
    color: #fff;
    font-family: 'RobotoCondensed-Light', sans-serif;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0+0,0.5+50,0.9+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
}

.sm-separator-right {
    max-height: 400px;
    width: 40%;
    padding: 30px 30px 0
}

    .sm-separator-right h2 {
        color: #fff;
        font-size: 24px;
        text-transform: capitalize;
        line-height: normal;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: solid 1px #444
    }

.sm-text-glr {
    color: #fff;
    font-family: 'RobotoCondensed-Light', sans-serif;
    overflow-y: auto;
    max-height: 240px;
}

#bx-pager {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    text-align: center;
}

    #bx-pager .thumb-img {
        float: left;
        display: inline-block;
        width: 15%;
        height: 120px;
        margin-right: 2%;
        vertical-align: top;
        position: relative
    }

        #bx-pager .thumb-img:nth-child(6n) {
            margin-right: 0
        }

        #bx-pager .thumb-img img {
            width: 100%;
            height: 100%
        }

.thumb-img .fa {
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 100%;
    font-size: 14px;
    text-align: center
}

.sm-item-glr {
    margin-top: 30px;
    padding-top: 20px;
    border-top: solid 1px #eee
}

    .sm-item-glr h3 {
        color: #283792;
        text-transform: uppercase;
        font-size: 20px
    }

.sm-ct-item-glr {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%
}

    .sm-ct-item-glr ul {
        margin: 0;
        padding: 0
    }

        .sm-ct-item-glr ul li {
            float: left;
            display: inline-block;
            width: 23.5%;
            margin: 20px 1.5% 0 0;
            vertical-align: top
        }

            .sm-ct-item-glr ul li:nth-child(4n) {
                margin-right: 0
            }

            .sm-ct-item-glr ul li a {
                color: #2a2a2a;
                text-decoration: none
            }

            .sm-ct-item-glr ul li .thumb-img {
                display: block;
                height: 180px;
                overflow: hidden;
                position: relative
            }

                .sm-ct-item-glr ul li .thumb-img img {
                    width: 100%;
                    height: 100%
                }

            .sm-ct-item-glr ul li .sm-tt-news {
                display: block;
                margin-top: 10px;
                font-family: 'RobotoCondensed-Light', sans-serif;
            }


/* Bắt đầu trang đặt lịch */
.sm-ct-set-calendar {
    padding-top: 30px
}

    .sm-ct-set-calendar > h3 {
        color: #283792;
        font-size: 32px;
        text-transform: uppercase;
        line-height: normal;
        text-align: center;
        margin-bottom: 20px
    }

.sm-form-set-cld ul {
    margin: 0;
    padding: 0
}

.sm-form-set-cld {
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
    background: #f9f9f9;
    border: solid 1px #eee
}

    .sm-form-set-cld ul li {
        float: left;
        width: 33.333%;
        margin-top: 20px;
        padding: 0 25px;
        list-style: none
    }

        .sm-form-set-cld ul li:nth-child(1) {
            padding-right: 0
        }

    .sm-form-set-cld .input-text {
        width: 100%
    }

.sm-fix-cld {
    position: relative;
    padding-right: 112px
}

.sm-links-info {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 12px;
    text-decoration: none;
    color: #c1ab00;
    line-height: 32px;
    border: solid 1px #e8e3b7;
    font-size: 15px;
    background: #f5efc5
}

.sm-option {
    display: inline-block;
    margin-right: 5px;
    border: solid 1px #e0e0e0;
    line-height: 32px;
    padding: 0 10px;
    background: #fff
}

.fix-sm-option, .fix-sm-option select {
    width: 100%
}

.sm-option:last-child {
    margin-right: 0
}

.sm-form-set-cld ul li textarea {
    width: 100%;
    min-height: 50px;
    padding: 10px;
    border: solid 1px #e0e0e0;
    background: #fff;
    resize: none
}

.sm-captcha {
    background: #e5e5e5;
    padding: 0;
    border: none
}

.sm-article {
    clear: both;
    width: 100% !important
}

.sm-ct-article {
    display: inline-block;
    width: 100%;
    max-height: 200px;
    padding: 0 20px;
    background: #fff;
    border: solid 1px #e0e0e0;
    overflow-y: scroll
}

    .sm-ct-article h3 {
        margin: 20px 0 10px;
        font-size: 17px;
        text-transform: capitalize;
        color: #d8261f
    }

    .sm-ct-article ul > li {
        width: 100% !important;
        margin: 5px 0;
        font-family: 'RobotoCondensed-Light', sans-serif;
        padding: 0
    }

.sm-tick {
    margin-bottom: 20px
}

.vapa-search-nc {
    display: inline-block;
    background: #f5f5f5;
    padding: 20px;
    margin-top: 20px;
    border: solid 1px #c0c0c0
}

.vapa-row-search-nc {
    margin-bottom: 15px;
    float: left;
    width: 100%
}

    .vapa-row-search-nc:last-child {
        margin-bottom: 0
    }

.vapa-search-key {
    position: relative;
    padding-right: 96px
}

    .vapa-search-key input {
        width: 90%;
        height: 38px;
        background: #fff;
        padding: 0 10px;
        line-height: 34px;
        border: solid 1px #c0c0c0;
        font-size: 17px;
        font-family: 'RobotoCondensed-Light'
    }

    .vapa-search-key .vapa-search-key-btn {
        background: #c31313;
        color: #fff;
        width: 85px;
        height: 38px;
        border: none;
        padding: 0 10px;
        border-radius: 3px;
        position: absolute;
        right: 9%;
        top: 0;
        font-size: 17px;
        font-family: 'RobotoCondensed-Light'
    }

.vapa-colx2-search-nc {
    float: left;
    width: 49%;
    margin-right: 2%;
    position: relative
}


.img-capcha {
    width: 50px;
    float: left
}

.input-capcha {
    display: inline-block;
    width: 110px;
    height: 32px;
    text-align: center;
    padding: 0 12px;
    border: solid 1px #e0e0e0
}

.refresh {
    display: inline-block;
    background: url(../images/icon-refresh.png) no-repeat left center;
    padding-left: 25px;
    font-size: 14px;
    margin: 5px 0 0 15px;
    color: #333;
    text-decoration: none
}

.sns-row-cmt button {
    float: right;
    background: #fe8300;
    color: #fff;
    border-radius: 3px;
    height: 34px;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    width: 85px;
}


/* Update ngĂ y 17/07/2018 */
.total-online {
    text-align: right;
}

    .total-online ul {
        margin: 0;
        padding: 0
    }

        .total-online ul li {
            display: inline-block;
            margin-left: 5px;
            color: #cae3d5;
            font-size: 15px;
            font-family: 'RobotoCondensed-Light', sans-serif;
        }

            .total-online ul li .fa-users {
                margin-right: 5px
            }

            .total-online ul li span {
                font-family: 'RobotoCondensed-Bold', sans-serif;
            }

.sm-tt-news {
    color: #1290CB;
    font-weight: bold;
}