/*!
Theme Name: thuocdantoc-master
Theme URI: http://www.rubic9.com
Author: Rubic9
Author URI: http://www.rubic9.com
Description: Theme Develope By Rubic9
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tdt-r9
*/

.wp-caption,
embed,
iframe,
img,
object {
    max-width: 100%
}

#method .item .method-title,
#method .item p.readmore a,
#news-homepage .section-title,
#page-footer .office span,
#primary-nav .navbar-nav>li>a,
.btn-hotline,
.content-top .item .heading,
.name-center,
.post.doctor .post-title,
.widget-title,
p.tongdai {
    text-transform: uppercase
}

hr {
    box-sizing: content-box;
    overflow: visible;
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

html {
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

body {
    background: #fff;
    font-family: roboto;
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ol,
li>ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

figure {
    margin: 1em 0
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto!important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline: 0
}

#slide-home *,
.post.doctor .readmore a,
.slick-slide * {
    outline: 0!important
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter,
.bypostauthor {
    display: block
}

.aligncenter {
    clear: both;
    margin-left: auto;
    margin-right: auto
}

.comment-content a {
    word-wrap: break-word
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.custom-logo-link {
    display: inline-block
}

.wp-caption {
    margin-bottom: 1.5em
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

img {
    height: auto
}

a {
    color: #034620
}

a:focus,
a:hover {
    text-decoration: none
}

#page-header {
    background: #06632e;
    padding-top: 0;
    padding-bottom: 10px
}

#primary-nav,
.dropdown-item.active,
.dropdown-item:active {
    background: #034620
}

.name-center {
    font-weight: 900;
    color: #fff;
    font-size: 1.5rem;
    margin-top: 15px;
    margin-bottom: 0
}

.slogan {
    color: #ddb868;
    font-size: 18px;
    text-align: center;
    letter-spacing: 2px;
    margin-top: 4px
}

#primary-nav {
    background: #3f9043;
    margin-bottom: 0;
    border-bottom: 3px solid #ddb158
}

.homepage-icon {
    width: 40px;
    text-indent: -9999px;
    position: relative;
    padding: 0
}

.homepage-icon a {
    position: relative;
    display: block
}

.homepage-icon a:before {
    content: "\f015";
    font: normal normal normal 20px/1 FontAwesome;
    color: #fff;
    position: absolute;
    top: 6px;
    left: 0;
    width: 40px;
    text-indent: 0
}

.homepage-icon.active a:before {
    color: #ffd477
}

#primary-nav .navbar-nav .nav-link {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px
}

#primary-nav .navbar-nav>li>a {
    text-align: center;
    font-weight: 700;
    font-size: 14px
}

#primary-nav .navbar-nav>li.active>a,
#primary-nav .navbar-nav>li.active>a:hover,
#primary-nav .navbar-nav>li>a:hover {
    color: #ffd477
}

#primary-nav-collapse {
    position: relative
}

.mega-menu {
    position: static
}

.dropdown-menu {
    border-radius: 0;
    background: #3f9043;
    border: none;
    padding-top: 9px;
    min-width: 200px;
	margin: -3px 0 0;
}

.dropdown-menu a {
    display: block;
    background: #3f9043;
    padding-top: 10px;
    padding-bottom: 10px
}

.dropdown-menu a:hover {
    background: #ddb158;
    color: #fff
}

#primary-nav .dropdown-item.active,
#primary-nav .dropdown-item:active {
    background: #ddb158;
    color: #fff
}

.mega-menu .dropdown-menu {
    width: 100%;
    border-radius: 0;
    flex-wrap: wrap
}

.mega-menu .dropdown-menu.show {
    display: flex
}

.mega-menu .dropdown-item {
    width: 33.33%;
    display: flex;
    padding-left: 60px;
    position: relative;
    flex-wrap: wrap;
    word-break: break-word;
    word-wrap: break-word;
    white-space: inherit;
    font-size: 1rem;
    padding-top: 15px;
    padding-bottom: 15px
}

.list-doctor .thumb,
.menu-sidebar,
.sidebar .nav {
    flex-direction: column
}

.mega-menu .dropdown-item::before {
    width: 40px;
    height: 40px;
    content: "";
    border-radius: 40px;
    top: 15px;
    left: 5px;
    background: url(images/icons/sprite-icon.png) no-repeat #f3f3f3;
    position: absolute
}

.mega-menu .dropdown-item.da-day::before {
    background-position: 0 -100px;
    width: 50px;
    height: 50px
}

.mega-menu .dropdown-item.dai-trang::before {
    background-position: -50px -100px;
    width: 50px;
    height: 50px
}

.mega-menu .dropdown-item.tri::before {
    background-position: 0 -200px;
    width: 50px;
    height: 50px
}

.mega-menu .dropdown-item.gout::before {
    background-position: 0 -150px;
    width: 50px;
    height: 50px
}

.mega-menu .dropdown-item.gan::before {
    background-position: -100px -100px;
    width: 50px;
    height: 50px
}

.mega-menu .dropdown-item.viem-khop::before {
    background-position: -50px -50px;
    width: 50px;
    height: 50px
}

.mega-menu .dropdown-item.rang-mieng::before {
    background-position: -50px 0;
    width: 50px;
    height: 50px
}

.mega-menu .dropdown-item.viem-hong::before {
    background-position: -100px -50px;
    width: 50px;
    height: 50px
}

.mega-menu .dropdown-item.co-dia::before {
    background-position: -50px -200px;
    width: 50px;
    height: 50px
}

.mega-menu .dropdown-item.me-day::before {
    background-position: 0 0;
    width: 50px;
    height: 50px
}

.mega-menu .dropdown-item.da-dau::before {
    background-position: 0 -50px;
    width: 50px;
    height: 50px
}

.mega-menu .dropdown-item.lang-ben::before {
    background-position: -50px -150px;
    width: 50px;
    height: 50px
}

.mega-menu .dropdown-item.yeu-sinh-ly::before {
    background-position: -100px -200px;
    width: 50px;
    height: 50px
}

.mega-menu .dropdown-item.mat-ngu::before {
    background-position: -100px -150px;
    width: 50px;
    height: 50px
}

.mega-menu .dropdown-item.tiet-nieu::before {
    background-position: -100px 0;
    width: 50px;
    height: 50px
}

.slider-home {
    overflow: hidden
}

.slider-home .list-slide {
    margin-bottom: 0
}

.slider-home .slick-dots {
    bottom: 15px
}

.slider-home .slick-dots .slick-active button:before {
    color: #07512e;
    padding: 0
}

.slider-home .slick-dots button {
    height: 15px
}

.slider-home .slick-dots button:before {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    transition: all .3s
}

.slick-dots .slick-active button:before {
    background: #07512e;
    width: 25px;
    border-radius: 30px
}

.slick-next,
.slick-prev {
    z-index: 1
}

.slider-home .slick-prev {
    left: calc((100% - 1170px)/ 2)
}

.slider-home .slick-next {
    right: calc((100% - 1170px)/ 2)
}

.slick-next:before,
.slick-prev:before {
    display: inline-block;
    color: #07512e;
    font: normal normal normal 14px/1 FontAwesome
}

.slick-next:hover,
.slick-prev:hover {
    opacity: .9
}

.slick-prev:before {
    content: "\f104";
    font-size: 50px
}

.slick-next:before {
    content: "\f105";
    font-size: 50px
}

.content-top {
    margin-top: 50px;
    margin-bottom: 50px
}

.content-top .heading-name {
    font-size: 2.3rem;
    font-weight: 900;
    text-transform: uppercase;
    color: #046738
}

.content-top p.content {
    font-size: 19px;
    font-weight: 300;
    max-width: 85%
}

.content-top .slogan {
    text-align: left;
    font-weight: 700;
    font-size: 22px;
    position: relative
}

.content-top .slogan:after {
    content: '';
    border-top: 3px solid #ccc;
    width: 50px;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 10px
}

.content-top .btn-readmore {
    color: #fff;
    background: #046738;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px
}

.content-top .item {
    text-align: center;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-color: #3f9043
}

.content-top .item:hover {
    background: #4aa94e
}

.content-top .item .inner {
    padding: 15px;
    border-radius: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.content-top .item:nth-child(1) {
    border-right: 1px dashed rgba(224, 212, 82, .52);
    border-bottom: 1px dashed rgba(224, 212, 82, .52)
}

.content-top .item:nth-child(2) {
    border-bottom: 1px dashed rgba(224, 212, 82, .52)
}

.content-top .item:nth-child(3) {
    border-right: 1px dashed rgba(224, 212, 82, .52)
}

.content-top .item .heading a,
.content-top .item:hover .heading a {
    color: #ffd452
}

.content-top .item:hover .readmore a {
    color: #fff;
    border-color: #fff
}

.content-top .item .icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 999px;
    border-width: 0;
    border-style: solid;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-bottom: 15px
}

.content-top .item .icon img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.content-top .item .heading {
    font-size: 16px;
    font-weight: 700
}

.content-top .item .readmore {
    text-align: center;
    margin-bottom: 0;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.content-top .item .readmore a {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #3f9043;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.content-top .item .readmore a:hover,
.content-top .item:hover .readmore a {
    border-style: dashed
}

.widget-title {
    color: #fff;
    text-align: center;
    font-size: 18px;
    position: relative;
    background: #046738;
    padding: 10px 0;
    margin: 0 0 10px;
    font-weight: 700
}

.sidebar-default .widget-menu,
.sidebar-home .widget-menu {
    font-size: 14px;
    margin-bottom: 15px;
    color: #fff;
    background: #3f9043
}

.widget-featured-item .item {
    margin-bottom: 30px
}

.widget-featured-item {
    margin-bottom: 30px
}

.sidebar-default .widget-menu .widget-title {
    text-align: left;
    padding-left: 10px
}

.widget-featured-item .col-md-4 {
    border-top: 1px dashed #ccc;
    border-right: 1px dashed #ccc;
    border-top: 1px dashed #ccc
}

.widget-featured-item .col-md-4:nth-child(1),
.widget-featured-item .col-md-4:nth-child(2),
.widget-featured-item .col-md-4:nth-child(3) {
    border-top: none;
    border-bottom: none
}

.widget-featured-item .col-md-4:nth-child(1) {
    border-left: none
}

.widget-featured-item .col-md-4:nth-child(3) {
    border-right: none
}

.widget-featured-item .col-md-4:nth-child(3n) {
    border-right: none
}

.widget-featured-item .item {
    padding: 20px 10px;
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.widget-featured-item .post-item-title {
    margin-bottom: 0
}

.widget-featured-item .post-item-title a {
    font-size: 15px;
    color: #333
}

.method-title {
    margin-top: 30px;
    margin-bottom: 30px
}

#method .item .readmore {
    margin-bottom: 19px
}

#method .item,
#method .item p,
#method .item p.readmore,
.widget-video .readmore a,
p.caption {
    text-align: center
}

.menu-sidebar>li {
    border-bottom: 1px dashed #71bd74
}

.menu-sidebar>li>a {
    font-weight: 700;
    color: #e0db1c;
    text-transform: uppercase;
    background: 0 0;
    font-size: 14px;
    display: block;
    padding: 10px
}

.menu-sidebar>li:last-child {
    border-bottom: none
}

.menu-sidebar li ul li:first-child {
    padding-top: 0
}

.menu-sidebar li ul {
    list-style: none;
    padding-left: 10px
}

.menu-sidebar li ul li a {
    color: #fff;
    padding: 0 5px 0 15px;
    display: block
}

.menu-sidebar li ul li {
    position: relative;
    padding: 8px 0
}

.menu-sidebar li ul li a:hover {
    color: #e3f530
}

.menu-sidebar li ul li::before {
    content: "";
    position: absolute;
    top: 17px;
    left: 7px;
    border-top: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #79ce7c
}

.menu-sidebar li ul li:first-child::before {
    top: 6px
}

.sidebar-home {
    padding-right: 0
}

.widget-featured-item .item::after {
    content: "";
    display: table;
    clear: both
}

.widget-featured-item .icon {
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50px
}

.widget-featured-item .icon img {
    width: 100%;
    height: 100%
}

.widget-featured-item .post-item-title {
    font-size: 14px;
    font-weight: 400
}

.post-item-title a:hover {
    color: #3f9043
}

#method .widget-title {
    margin-bottom: 0;
    font-weight: 700
}

#method .item {
    position: relative;
    border-right: 1px dashed #b4abab;
    background: #ddd;
    padding: 0;
    font-size: 15px
}

#method .item:last-child {
    border: none
}

#method .item .header {
    background: #eee;
    padding: 15px 0;
    margin-bottom: 50px
}

#method .item a.thumb {
    margin-bottom: -70px;
    display: block
}

#method .item img {
    border: 5px solid #eee;
    width: 100px;
    height: 100px;
    display: block;
    border-radius: 50%;
    margin: 5px auto
}

#method .item p {
    padding: 15px;
    line-height: 24px
}

#method .item p.readmore a {
    padding: 5px 20px;
    text-align: center;
    color: #fff;
    background: #046738;
    border-radius: 4px
}

#method .item .method-title {
    color: #046738;
    font-size: 16px;
    font-weight: 700
}

#method .widget-content {
    padding-left: 15px;
    padding-right: 15px
}

.post-video .thumb {
    width: 100%;
    position: relative;
    height: 125px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 10px
}

.post-video .thumb img {
    -o-object-fit: cover;
    object-fit: cover;
    object-position: 50% 50%;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.post-video .post-title {
    font-size: 15px;
    font-weight: 700
}

.post-video .post-title a {
    color: #333
}

.post-video .post-title a:hover {
    color: #3f9043
}

.post-video .thumb::before {
    content: "";
    width: 50px;
    height: 50px;
    background: rgba(255, 152, 0, .58);
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    margin-top: -25px;
    margin-left: -25px;
    transition: all .3s
}

.post-video .thumb:hover::before {
    background: rgba(255, 152, 0, .88)
}

.list-video-thumb .post-video .thumb::before {
    content: "";
    width: 30px;
    height: 30px;
    background: rgba(255, 152, 0, .58);
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    margin-top: -15px;
    margin-left: -15px;
    transition: all .3s
}

.post-video .thumb::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 8px;
    border-color: transparent transparent transparent #fff
}

.widget-video .readmore a {
    display: inline-block;
    color: #046738;
    font-weight: 700;
    border-radius: 4px;
    font-size: 14px
}

.widget-video .readmore a:hover {
    text-decoration: underline
}

#news-homepage .inner {
    padding: 50px 0;
    margin-bottom: 30px
}

#news-homepage .section-title {
    font-weight: 700;
    color: #3f9043;
    font-size: 24px;
    position: relative;
    margin-bottom: 30px;
    margin-top: 15px
}

#news-homepage .section-title:after {
    content: "";
    width: 50px;
    height: 3px;
    background: #3f9043;
    position: absolute;
    top: 100%;
    left: 50%;
    border-radius: 4px;
    margin-left: -25px;
    margin-top: 5px
}

#news-homepage .post .thumb {
    width: 100%;
    position: relative;
    height: 245px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 10px
}

#news-homepage .post .thumb img {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%
}

#news-homepage .post-title {
    font-size: 1rem;
    font-weight: 700
}

#news-homepage .list-post .post-title {
    font-weight: 400;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    font-size: 15px
}

#news-homepage .list-post .post:last-child .post-title {
    border: none;
    margin-bottom: 0
}

#news-homepage .post-title a:hover {
    color: #3f9043
}

#news-homepage .caption {
    background: #3f9043;
    color: #fff;
    margin: 0 auto;
    font-weight: 700;
    padding: 15px
}

#bao-chi .slick-next:before,
#bao-chi .slick-prev:before {
    font: normal normal normal 14px/1 FontAwesome;
    color: #000;
    display: block
}

#news-homepage .list-logo {
    background: #fff;
    padding: 15px;
    border-radius: 15px
}

#news-homepage .list-logo img {
    display: block;
    margin: 0 auto;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

#news-homepage .list-logo img:hover {
    -webkit-filter: none;
    filter: none
}

#bao-chi {
    margin-top: 30px
}

#bao-chi .slick-prev {
    border: none;
    left: 15px;
    width: 30px;
    height: 30px;
    background: #cec8c8;
    color: #fff;
    line-height: 30px
}

#bao-chi .slick-prev:before {
    content: "\f104";
    color: #fff;
    line-height: 30px;
    font-size: 20px
}

#bao-chi .slick-next {
    border: none;
    right: 13px;
    width: 30px;
    height: 30px;
    background: #cec8c8;
    color: #fff;
    line-height: 30px
}

#bao-chi .slick-next:before {
    content: "\f105";
    color: #fff;
    line-height: 30px;
    font-size: 20px
}

#list-partner {
    padding: 30px 15px;
    background: #07512e
}

#list-partner img {
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    width: 100px;
    height: 100px
}

#page-footer {
    background: #046738;
    padding: 30px 0;
    color: #fff
}

#page-footer p {
    margin-bottom: 5px
}

#page-footer .widget-title {
    background: 0 0;
    text-align: left;
    color: #ffeb3b
}

#page-footer a {
    color: #fff
}

#page-footer p i {
    margin-right: 5px
}

#page-footer .office {
    position: relative;
    padding-left: 140px;
    margin-top: 10px;
    margin-bottom: 20px
}

#page-footer .office span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #fff;
    color: #333;
    font-weight: 700;
    line-height: 50px;
    width: 120px;
    height: 50px;
    text-align: center
}

#page-footer .office a.map {
    color: #ffeb3b;
    display: inline-block
}

#page-footer .info span {
    margin-right: 15px
}

#page-footer .col-md-5 .widget {
    border-bottom: 1px solid #018445
}

#page-footer .col-md-5 .widget:last-child {
    border-bottom: none
}

.btn-hotline {
    font-weight: 700;
    font-size: 40px;
    background: #3f9043;
    padding-top: 15px;
    padding-bottom: 15px
}

.btn-hotline i {
    margin-right: 5px;
    color: #e0db1c
}

p.tongdai {
    font-weight: 700;
    color: #ffeb3b
}

.widget-hotline {
    background: #ffc107;
    margin-bottom: 15px;
    border-radius: 5px;
    overflow: hidden
}

.widget-hotline .head {
    margin-bottom: 0
}

.widget-hotline p i {
    margin-right: 5px;
    font-size: 1.2rem;
    color: #333
}

#about-menu li a,
.widget-hotline strong {
    text-transform: uppercase;
    font-size: 14px
}

.widget-hotline p a {
    color: #000;
    font-weight: 700
}

.widget-hotline .widget-title {
    text-align: left;
    padding-left: 10px;
    margin-bottom: 0
}

#about-menu,
.about-page-title,
.doctor-title,
.img-about {
    margin-bottom: 15px
}

.widget-hotline .widget-title i {
    margin-right: 10px;
    color: #ffc107
}

.widget-hotline .widget-content {
    padding: 10px 15px
}

.widget-hotline strong {
    color: #000
}

.widget-menu i {
    margin-right: 10px;
    color: #fefefe
}

#about-menu {
    background: #06632e;
    color: #fff
}

#about-menu li a {
    color: #fff
}

#about-menu li a:hover,
#about-menu li.active a,
#about-menu li.active a:hover {
    color: #e0db1c
}

.about-page-title,
.archive-title,
.page-title {
    color: #046738;
    font-weight: 700;
    text-transform: uppercase
}

#main-content {
    padding-top: 30px;
    padding-bottom: 30px
}

.archive-title,
.page-title {
    font-size: 20px;
    margin-top: 0
}

.archive-title {
    font-size: 24px;
    margin-top: 0
}

.about-page-title {
    margin-top: 15px;
    font-size: 24px;
    text-align: center
}

#list-doctor .slick-prev {
    left: -50px
}

#list-doctor .slick-next {
    right: -50px
}

.doctor-title {
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase
}

.doctor-title::after {
    margin-top: 5px;
    border: 2px solid #ccc;
    border-radius: 4px
}

.doctor-item {
    background: #ededed;
    padding: 10px 15px;
    margin: 15px
}

.doctor-item .content {
    float: left
}

.doctor-item .doctor-name {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.doctor-item .name-card {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #8e8e8e
}

.doctor-item img {
    width: 100px;
    height: 100%;
    border-radius: 100px;
    float: right
}

#contact-page {
    padding-top: 15px;
    padding-bottom: 15px
}

#contact-page .contact-info {
    background: #f3f3f3;
    padding: 15px
}

#contact-page .contact-info h1 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px
}

#contact-page .form-control,
#contact-page button {
    border-radius: 0
}

#contact-page button {
    background: #ffc107;
    font-weight: 700;
    text-transform: uppercase;
    border-color: #ff9800;
    min-width: 200px
}

#contact-page button:focus,
#contact-page button:hover {
    background: #ff9800
}

#contact-page .office {
    position: relative;
    padding-left: 140px;
    margin-top: 10px;
    margin-bottom: 20px
}

#contact-page .office span {
    border-left: 5px solid #ff9800;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #046738;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 50px;
    width: 120px;
    height: 50px;
    text-align: center
}

#contact-page .office a.map {
    color: #ff9800;
    display: inline-block;
    font-weight: 700
}

#office-container {
    margin-top: 30px
}

.archive-description {
    padding: 15px;
    border: 1px dashed #ccc;
    border-radius: 5px;
    font-style: italic;
    text-align: justify;
    background: #f7f7f7;
    margin-bottom: 15px
}

.breadcrumb {
    background: 0 0;
    padding: 0;
    margin-bottom: 15px
}

.breadcrumb a {
    margin-right: 10px;
    display: inline-block;
    border-right: 2px solid #ccc;
    line-height: 1;
    padding-right: 5px
}

.list-post-cat .thumb {
    width: 265px;
    height: 165px;
    float: left;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-right: 10px
}

.list-post-cat .thumb img {
    -o-object-fit: cover;
    object-fit: cover;
    object-position: 50% 50%;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.list-post-cat .post-title {
    font-size: 18px;
    font-weight: 700
}

,
.list-post-cat .post-excerpt {
    font-size: 15px;
    color: #333
}

.entry {
    font-size: 16px
}

.list-post-cat .post-title a {
    color: #046738
}

.list-post-cat .post-title a:hover {
    color: #333
}

.list-post-cat .readmore a {
    font-weight: 700;
    font-size: 14px;
    color: #ffc107
}

.list-post-cat .readmore a:hover {
    color: #046738
}

.list-post-cat .post::after {
    content: "";
    display: table;
    clear: both
}

.list-post-cat .post {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc
}

.list-post-cat .post:first-child {
    padding-top: 0
}

.list-post-cat .post:last-child {
    border: none
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.entry strong {
    font-weight: 700
}

.entry .h1,
.entry h1 {
    font-size: 26px
}

.entry .h2,
.entry h2 {
    font-size: 24px
}

.entry .h3,
.entry h3 {
    font-size: 20px
}

.entry .h4,
.entry h4 {
    font-size: 16px
}

.entry .h5,
.entry h5 {
    font-size: 14px
}

.entry .h6,
.entry h6 {
    font-size: 14px
}

.post-with-thumb .post .thumb {
    margin-bottom: 10px;
    width: 100%;
    float: none
}

#filter-letter-container .page-title,
.post-with-thumb .post {
    margin-bottom: 15px
}

.searchform fieldset {
    width: 100%
}

.searchform .form-control {
    border-radius: 0;
    width: 100%;
    float: left
}

.searchform button {
    color: #ffc107;
    background: 0 0;
    border-radius: 0;
    float: left;
    margin-left: -42px
}

.sidebar-medical .widget-title {
    background: 0 0;
    color: #06632e;
    text-align: left;
    position: relative;
    padding-bottom: 5px
}

.sidebar-medical .widget-title::after {
    content: "";
    border-radius: 2px;
    border: 2px solid #ccc;
    width: 50px;
    position: absolute;
    left: 0;
    top: 100%
}

.sidebar-medical .widget {
    background: #e0e0e0;
    padding: 10px 15px;
    margin-bottom: 15px
}

.sidebar-medical .widget-menu {
    background: #3f9043
}

.sidebar-medical .widget-menu .widget-title {
    color: #fff
}

#filter-letter-container {
    min-height: 20vh
}

#filter-letter-container .list-filter {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap
}

#filter-letter-container .list-filter a {
    font-weight: 700;
    padding: 2px 8px;
    color: #fff;
    background: #046738;
    display: inline-block;
    margin: 1px
}

#filter-letter-container .list-filter a:hover {
    color: #ff9800;
    background: #046738
}

#filter-letter-container .list-item-post {
    list-style: square
}

#filter-letter-container .list-item-post li {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 0
}

.sidebar-research .widget {
    background: #f3f3f3;
    padding: 10px 15px;
    margin-bottom: 15px
}

.sidebar-research .widget-title {
    text-align: left;
    padding-left: 15px;
    background: #ffc107;
    color: #000
}

.sidebar-research .widget-title i {
    margin-right: 5px
}

.widget-blog .thumb {
    width: 125px;
    height: 85px;
    float: left;
    margin-right: 10px
}

.widget-blog .thumb img {
    -o-object-fit: cover;
    object-fit: cover;
    object-position: 50% 50%;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.widget-blog .post-title {
    font-size: 14px;
    font-weight: 700
}

.widget-blog .post {
    margin-bottom: 15px
}

.widget-blog .post::after {
    content: "";
    display: block;
    clear: both
}

.widget-blog .post-title a:hover {
    color: #000
}

#doctor-page-container .doctor-item {
    border-radius: 3px;
    margin: 0 0 15px
}

#doctor-page-container .doctor-item img {
    float: none;
    display: block;
    margin: 10px auto;
    border: 2px solid #ccc
}

#doctor-page-container .doctor-item .content {
    text-align: center;
    float: none
}

#doctor-page-container .doctor-item p {
    margin-bottom: 5px
}

#doctor-page-container .readmore a {
    padding: 8px 10px;
    border-radius: 4px;
    outline: 0!important;
    display: inline-block;
    font-weight: 700;
    background: #3f9043;
    color: #fff
}

#doctor-page-container .readmore a:hover {
    background: #3f9043;
    color: #fff
}

#doctor-page-container a i {
    margin-right: 5px
}

#primary-nav .container {
    position: relative
}

#primary-nav .search-form {
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    z-index: 2;
    width: 50%;
    padding: 0 30px;
    transition: all .3s;
    display: block;
    visibility: hidden;
    overflow: hidden;
    opacity: 0
}

#btn-show-search-form .show i::before {
    content: "\f00d";
    margin-right: 10px
}

#primary-nav .search-form.show {
    visibility: visible;
    width: 100%;
    opacity: 1
}

.search-form .form-control {
    border-radius: 0;
    float: left;
    border: 2px solid #3f9043;
    margin-top: 10px
}

.search-form button {
    float: left;
    margin-left: -46px;
    background: 0 0;
    border: none;
    margin-top: 10px
}

.banner-image img {
    display: block;
    margin: 5px auto
}

.pagination a,
.pagination span {
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
    position: relative
}

.pagination a {
    color: #008948
}

#respond {
    margin-left: -15px;
    margin-right: -15px
}

.response-none {
    display: none
}

#comments {
    padding-top: 15px
}

#comments .comment-body {
    text-align: justify
}

#comments .comment-section-title {
    font-size: 20px;
    font-weight: 700
}

#comments .comment-section-title span {
    color: #44609d;
    font-weight: 400
}

#commentform .form-control {
    border-radius: 0
}

#commentform input[type=submit] {
    cursor: pointer;
    margin: 15px;
    padding: 10px 15px;
    border: none;
    background-color: #046738;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    transition: all .3s
}

#commentform input[type=submit]:focus,
#commentform input[type=submit]:hover {
    background: #3f9043
}

.response-none {
    margin-bottom: 0
}

.comments-title {
    font-size: 20px
}

.comment-metadata>a>time {
    display: none
}

.comment-respond,
.entry-comments,
.entry-pings {
    color: #444;
    overflow: hidden
}

.entry-comments h3 {
    font-size: 30px;
    margin-bottom: 30px
}

.btn-show-comment {
    margin-top: 30px
}

.comment-respond h3,
.entry-pings h3 {
    font-size: 16px;
    margin-bottom: 30px;
    font-weight: 700
}

.comment-respond h3 small {
    font-weight: 700
}

.comment-respond {
    border-left: none!important
}

.comment-header {
    color: #adaeb3;
    font-size: 14px;
    margin-bottom: 20px
}

.comment-header cite a {
    border: none;
    font-style: normal;
    font-size: 16px;
    font-weight: 700
}

.comment-meta a {
    border: none;
    color: #b5ae37
}

li.comment {
    background-color: #fff;
    border-right: none
}

.comment-content {
    clear: both;
    overflow: hidden
}

.comment-list li {
    font-size: 14px;
    padding: 0 10px 10px 20px
}

.comment-list>li {
    padding: 10px 5px 10px 10px
}

.comment-list .children {
    position: relative;
    margin-top: 10px;
    padding-left: 0;
    list-style: none
}

.comment-list .children:before {
    content: "";
    display: block;
    position: absolute;
    top: -18px;
    left: 15px;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f3f3f3;
    border-left: 10px solid transparent
}

.comment-list li li {
    padding-top: 10px;
    background-color: #f3f3f3
}

.comment-list li li li {
    background-color: #fff
}

.comment-list li li .children:before {
    border-bottom-color: #fff
}

.comment-respond label {
    display: block;
    margin-right: 12px
}

.comment-notes,
.entry-pings .reply,
.logged-in-as,
span.says {
    display: none
}

.comment-form {
    display: flex;
    flex-wrap: wrap
}

.comment-author {
    margin-bottom: 0;
    position: relative
}

.comment-author img {
    margin-right: 10px;
    width: 40px;
    border-radius: 3px
}

.comment-form-author,
.comment-form-email {
    margin-bottom: 15px;
    display: none
}

.comment-form-author.show,
.comment-form-email.show {
    display: block
}

.form-allowed-tags {
    background-color: #f5f5f5;
    font-size: 16px;
    padding: 24px
}

.comment-reply-link {
    cursor: pointer;
    color: #ababab;
    border: none;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 0;
    width: auto
}

.comment-reply-link:hover {
    color: #333
}

span.reply {
    margin-left: 10px;
    color: #ababab
}

span.reply:hover {
    color: #333
}

.comment-metadata time {
    margin-top: -15px;
    margin-left: 45px;
    font-size: 12px;
    float: left;
    color: #000;
    display: none
}

.comment-list {
    padding-left: 0;
    margin-top: 15px;
    list-style: none
}

#doctor-archive .post.doctor {
    margin-bottom: 30px;
    text-align: center
}

#doctor-archive .post.doctor .thumb img {
    border-radius: 100%;
    display: block;
    margin: 10px auto
}

#doctor-archive .post.doctor .readmore a {
    background: #06632e;
    font-weight: 700
}

.doctor-title {
    text-align: center;
    position: relative
}

.doctor-title::after {
    content: "";
    width: 50px;
    border-top: 2px solid #ccc;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -25px
}

.doctor-info {
    padding: 15px 0
}

.doctor-info img {
    border-radius: 5px;
    display: block;
    margin: 10px auto
}

.doctor-info .btn {
    color: #fff!important
}

.doctor-content {
    padding-top: 30px;
    border-top: 1px solid #ccc
}

.doctor-info .post-title {
    color: #046738;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 10px
}

.doctor-info p {
    margin-bottom: 0
}

.doctor-info .rating i {
    color: #edb42b
}

.doctor-info .btn {
    display: inline-block;
    margin-top: 15px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 30px
}

.sidebar-book {
    padding: 0;
    color: #fff
}

.sidebar-book .widget {
    margin-bottom: 15px;
    background-color: #3f9043
}

.sidebar-book .widget-content {
    padding: 15px
}

.sidebar-book .widget-hotline .heading {
    color: #ffeb3b
}

.sidebar-book .widget-hotline p strong {
    color: #fff
}

#book-form-container .form-control {
    border-radius: 0
}

#book-form-container legend {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    color: #046738;
    font-size: 16px
}

#book-form-container .btn-reset,
#book-form-container .btn-submit {
    display: inline-block;
    text-align: center;
    font-size: 20px;
    padding: 10px 35px;
    margin: 15px auto;
    font-family: 'Roboto Condensed', sans-serif;
    border: none
}

#book-form-container .btn-submit {
    text-transform: uppercase;
    color: #fff;
    background: rgba(63, 144, 67, 1);
    background: -moz-linear-gradient(top, rgba(63, 144, 67, 1) 0, rgba(4, 103, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(63, 144, 67, 1)), color-stop(100%, rgba(4, 103, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(63, 144, 67, 1) 0, rgba(4, 103, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(63, 144, 67, 1) 0, rgba(4, 103, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(63, 144, 67, 1) 0, rgba(4, 103, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(63, 144, 67, 1) 0, rgba(4, 103, 57, 1) 100%);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

#book-form-container .btn-reset {
    color: #009688;
    background: rgba(241, 231, 103, 1);
    background: -moz-linear-gradient(top, rgba(241, 231, 103, 1) 0, rgba(254, 182, 69, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(241, 231, 103, 1)), color-stop(100%, rgba(254, 182, 69, 1)));
    background: -webkit-linear-gradient(top, rgba(241, 231, 103, 1) 0, rgba(254, 182, 69, 1) 100%);
    background: -o-linear-gradient(top, rgba(241, 231, 103, 1) 0, rgba(254, 182, 69, 1) 100%);
    background: -ms-linear-gradient(top, rgba(241, 231, 103, 1) 0, rgba(254, 182, 69, 1) 100%);
    background: linear-gradient(to bottom, rgba(241, 231, 103, 1) 0, rgba(254, 182, 69, 1) 100%)
}

#book-form-container .btn-reset:focus {
    outline: 0
}

#book-form-container .btn-submit:hover {
    background: rgba(126, 188, 64, 1);
    background: -moz-linear-gradient(top, rgba(126, 188, 64, 1) 0, rgba(0, 87, 51, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(126, 188, 64, 1)), color-stop(100%, rgba(0, 87, 51, 1)));
    background: -webkit-linear-gradient(top, rgba(126, 188, 64, 1) 0, rgba(0, 87, 51, 1) 100%);
    background: -o-linear-gradient(top, rgba(126, 188, 64, 1) 0, rgba(0, 87, 51, 1) 100%);
    background: -ms-linear-gradient(top, rgba(126, 188, 64, 1) 0, rgba(0, 87, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(126, 188, 64, 1) 0, rgba(0, 87, 51, 1) 100%)
}

#book-form-container button,
#modal-send-question button[type=submit] {
    text-align: center
}

#book-form-container h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px
}

#book-form-container button {
    text-transform: uppercase;
    color: #fff;
    padding: 10px 35px;
    margin: 15px auto;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    border: none;
    background: rgba(63, 144, 67, 1);
    background: -moz-linear-gradient(top, rgba(63, 144, 67, 1) 0, rgba(4, 103, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(63, 144, 67, 1)), color-stop(100%, rgba(4, 103, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(63, 144, 67, 1) 0, rgba(4, 103, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(63, 144, 67, 1) 0, rgba(4, 103, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(63, 144, 67, 1) 0, rgba(4, 103, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(63, 144, 67, 1) 0, rgba(4, 103, 57, 1) 100%);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

#book-form-container button:hover {
    background: rgba(126, 188, 64, 1);
    background: -moz-linear-gradient(top, rgba(126, 188, 64, 1) 0, rgba(0, 87, 51, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(126, 188, 64, 1)), color-stop(100%, rgba(0, 87, 51, 1)));
    background: -webkit-linear-gradient(top, rgba(126, 188, 64, 1) 0, rgba(0, 87, 51, 1) 100%);
    background: -o-linear-gradient(top, rgba(126, 188, 64, 1) 0, rgba(0, 87, 51, 1) 100%);
    background: -ms-linear-gradient(top, rgba(126, 188, 64, 1) 0, rgba(0, 87, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(126, 188, 64, 1) 0, rgba(0, 87, 51, 1) 100%)
}

.widget-calendar .widget-title {
    margin-bottom: 0
}

.widget-calendar .widget-content {
    background: #3f9043;
    color: #fff;
    padding: 15px
}

.widget-calendar p {
    margin-bottom: 5px
}

#fixed-footer {
    border-top: 2px solid #ffeb3b;
    background: #07512e;
    padding: 10px 0;
    color: #fff;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1001
}

#fixed-footer .navbar-brand {
    text-transform: uppercase;
    font-weight: 700;
    color: #ffeb3b;
    font-size: 40px
}

#fixed-footer a {
    color: #fff;
    font-weight: 700
}

#fixed-footer .btn-hotline {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px
}

#fixed-footer .mr-auto .btn-hotline {
    margin-right: 10px
}

#fixed-footer .mr-auto .btn-hotline:last-child {
    margin-right: 0
}

#fixed-footer .btn-hotline span {
    color: #ffeb3b
}

#fixed-footer .btn-book {
    background-color: #ffeb3b;
    color: #0d8049;
    font-size: 14px
}

#fixed-footer .btn-book span {
    color: #0d8049
}

#fixed-footer .btn-book i {
    color: #333
}

@media(max-width:1024px) {
    .content-top .item .inner {
        border: none
    }
    .content-top .item .heading {
        font-size: 14px
    }
    #news-homepage .post .thumb {
        height: 200px
    }
}

@media(max-width:991px) {
    .container {
        width: calc(100% - 15px);
        max-width: 991px
    }
}

@media(max-width:768px) {
    .name-center {
        font-size: 1rem
    }
    .content-top .heading-name {
        font-size: 1.5rem
    }
    .list-doctor .thumb {
        width: 100px;
        height: 100px
    }
    .btn-hotline {
        font-size: 2rem
    }
    .list-post-cat .thumb {
        width: 180px;
        height: 140px
    }
    .post-with-thumb .thumb {
        height: 115px
    }
}

@media(max-width:767px) {
    .doctor-info,
    .navbar-toggler {
        text-align: center
    }
    .header-logo img {
        display: block;
        margin: 0 auto
    }
    .navbar-toggler {
        display: inline-block;
        margin: 0 auto;
        outline: 0
    }
    .navbar-toggler:focus {
        outline: 0
    }
    .navbar-toggler-icon {
        background: #fff;
        height: 3px;
        border: none;
        position: relative
    }
    .navbar-toggler-icon::after,
    .navbar-toggler-icon::before {
        content: "";
        position: absolute;
        left: 0;
        background: #fff;
        height: 3px;
        width: 100%
    }
    .navbar-toggler-icon::before {
        top: 0;
        margin-top: -8px
    }
    .navbar-toggler-icon::after {
        bottom: 0;
        margin-bottom: -8px
    }
    .content-top .item .heading {
        font-size: 16px
    }
    .content-top .item .inner {
        background-color: #3f9043
    }
    .content-top .item .heading a {
        color: #fff
    }
    #slide-image img {
        width: 100%
    }
    .sidebar-home {
        padding-right: 15px
    }
    #method .item:nth-child(2) {
        border-right: none
    }
    #list-partner {
        display: none
    }
    .post-with-thumb .thumb {
        height: 150px
    }
    #fixed-footer .btn-hotline {
        display: inline-block;
        margin-right: 15px;
        font-size: 16px
    }
    #fixed-footer .btn-hotline.btn-book {
        margin-right: 0
    }
    #fixed-footer .col-md-6 {
        flex-direction: row
    }
    #news-homepage .col-md-5 {
        margin-bottom: 15px
    }
}

@media(max-width:640px) {
    #fixed-footer .btn-hotline {
        display: inline-block;
        margin-right: 15px;
        font-size: 14px
    }
    .header-logo img {
        width: 100px
    }
    .name-center {
        font-size: 1.2rem;
        margin-top: 15px
    }
    .list-doctor .thumb {
        width: 150px;
        height: 150px;
        margin-top: 15px
    }
}

@media(max-width:575px) {
    .name-center {
        font-size: 1rem
    }
    .mega-menu .dropdown-item {
        width: 50%
    }
    #fixed-footer .btn-hotline {
        display: inline-block;
        margin-right: 15px;
        font-size: 13px
    }
    #fixed-footer .col-md-6 {
        text-align: center;
        display: flex
    }
}

@media(max-width:480px) {
    .name-center {
        font-size: 1.4rem
    }
    .content-top .item .heading {
        font-size: 13px
    }
    .post-with-thumb .thumb {
        height: 120px
    }
}

@media(max-width:415px) {
    .name-center {
        font-size: 1.1rem
    }
    .mega-menu .dropdown-item {
        width: 100%;
        display: block;
        min-height: 40px
    }
    .mega-menu .dropdown-menu {
        flex-direction: column
    }
}

@media(max-width:360px) {
    .name-center {
        font-size: 1rem;
        display: none
    }
    .slogan {
        font-size: 16px
    }
    .content-top .item {
        width: 100%;
        max-width: 100%;
        flex: auto;
        margin-bottom: 5px
    }
    #method .item {
        width: 100%;
        max-width: 100%;
        flex: auto;
        margin-bottom: 0;
        border-right: none
    }
    #page-footer .office {
        padding-left: 0
    }
    #page-footer .office span {
        position: relative;
        margin-bottom: 10px
    }
    #page-footer .widget-title {
        text-align: center
    }
    .list-post-cat .thumb {
        width: 125px;
        height: 100px
    }
    .list-post-cat .post-title {
        font-size: 1rem
    }
    #news-homepage .section-title {
        font-size: 20px
    }
}

@media(max-width:320px) {
    body.home .widget-video .col-6 {
        width: 100%;
        max-width: 100%;
        flex: auto
    }
    .slogan {
        font-size: 14px
    }
    .btn-hotline {
        font-size: 1.2rem
    }
    .post-type-archive-duoc-lieu .post-with-thumb .col-md-4 {
        width: 100%;
        max-width: 100%;
        flex: auto
    }
    .post-type-archive-duoc-lieu .list-post-cat .thumb {
        height: 150px
    }
    .archive-title,
    .page-title {
        text-transform: none
    }
}

#modal-send-question .modal-content {
    margin-top: 50px
}

#modal-send-question .modal-header {
    border-radius: 0;
    background: #106839;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: block
}

#modal-send-question .modal-header .close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff
}

#modal-send-question .form-control {
    border-radius: 0
}

#modal-send-question button[type=submit] {
    text-transform: uppercase;
    color: #fff;
    padding: 10px 35px;
    margin: 15px auto;
    font-size: 20px;
    border: none;
    background: rgba(63, 144, 67, 1);
    background: -moz-linear-gradient(top, rgba(63, 144, 67, 1) 0, rgba(4, 103, 57, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(63, 144, 67, 1)), color-stop(100%, rgba(4, 103, 57, 1)));
    background: -webkit-linear-gradient(top, rgba(63, 144, 67, 1) 0, rgba(4, 103, 57, 1) 100%);
    background: -o-linear-gradient(top, rgba(63, 144, 67, 1) 0, rgba(4, 103, 57, 1) 100%);
    background: -ms-linear-gradient(top, rgba(63, 144, 67, 1) 0, rgba(4, 103, 57, 1) 100%);
    background: linear-gradient(to bottom, rgba(63, 144, 67, 1) 0, rgba(4, 103, 57, 1) 100%);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

#live-chat {
    position: fixed;
    bottom: 30%;
    right: 15px;
    z-index: 10000;
    display: block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: url(images/icon-messenger.png) center no-repeat;
    background-size: 64px
}

#live-chat:before {
    position: absolute;
    content: '1';
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    z-index: 1002;
    border-radius: 100px;
    color: #fff;
    background: #ff3b2d;
    right: -2px;
    top: -1px;
    font-size: 10px;
    transition: all .4s;
    -webkit-transition: all .4s
}

body.post-type-archive-video #primary-nav {
    margin-bottom: 0
}

#top-search {
    background: url(images/header.jpg) top center no-repeat #fff;
    background-size: cover;
    position: relative;
    padding-top: 150px;
    padding-bottom: 50px
}

#top-search:before {
    content: "";
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#top-search-inner {
    margin-bottom: 30px;
    background: #fff;
    padding: 30px 15px;
    position: relative;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .06), 0 4px 5px 0 rgba(0, 0, 0, .06), 0 1px 10px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .06), 0 4px 5px 0 rgba(0, 0, 0, .06), 0 1px 10px 0 rgba(0, 0, 0, .08)
}

#top-search-inner button {
    width: 100%
}

#top-search-inner .btn.light {
    border-width: 1px;
    border-color: #ccc;
    border-radius: 0
}

#top-search-inner .dropdown-menu {
    width: 100%;
    border-radius: 0
}

#top-search-inner .dropdown-menu li {
    display: block
}

#top-search-inner .dropdown-menu li a {
    padding: 10px 15px;
    font-size: 14px
}

#top-video {
    padding: 50px 0;
    background: #f4f3f2
}

#top-video .slick-next {
    right: 0
}

#top-video .slick-prev {
    left: 0
}

#top-video .list-tabs {
    text-align: center;
    margin-bottom: 30px;
    padding-left: 0
}

#top-video .list-tabs li {
    display: inline-block;
    margin: 0 30px;
    position: relative
}

#top-video .list-tabs li:before {
    content: "";
    width: 30px;
    height: 30px;
    background: #ff9800;
    position: absolute;
    top: 0;
    left: 50%;
    border-radius: 30px;
    margin-left: -15px;
    line-height: 40px
}

#top-video .list-tabs li i {
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#top-video .list-tabs li:hover i {
    margin-left: 2px;
    color: #fff
}

#top-video .list-tabs li span {
    display: block;
    color: #333;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-top: 15px
}

#top-video .list-tabs li:hover span {
    color: #16984e
}

#list-video-top .video-post {
    padding: 0 15px
}

#main-nav {
    background: #06632e;
    text-align: center;
    margin-bottom: 30px;
    justify-content: center
}

#list-video-top .post-video .thumb::before,
#main-nav ul li a:hover {
    background: #ff9800
}

#main-nav ul {
    float: none;
    text-align: center
}

#main-nav ul li a {
    font-weight: 700;
    color: #fff;
    border-radius: 5px
}

.video-post .post-title {
    font-size: 16px
}

#list-video-top .post-video .thumb {
    position: relative;
    height: 185px
}

#top-banner {
    padding: 30px 0
}

#top-banner .col-sm-4 img {
    margin-bottom: 10px
}

#top-video .list-tabs li i {
    color: #fff;
    font-size: 20px
}

#top-video .list-tabs li a {
    display: block
}

#video-column {
    padding: 50px 0;
    background: #f4f3f2
}

#video-column .widget {
    background: #fff;
    padding: 15px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .06), 0 4px 5px 0 rgba(0, 0, 0, .06), 0 1px 10px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .06), 0 4px 5px 0 rgba(0, 0, 0, .06), 0 1px 10px 0 rgba(0, 0, 0, .08)
}

#video-column .video-post {
    margin-bottom: 15px
}

#video-column .video-post .thumb {
    height: 138px
}

#video-column .video-post .post-title a {
    color: #333
}

#video-column .small-video .video-post {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px
}

#video-column .small-video .video-post:first-child {
    padding-top: 0
}

#video-column .small-video .thumb {
    width: 85px;
    height: 70px;
    float: left;
    margin-right: 10px
}

#video-column .small-video .inner:after {
    content: "";
    display: table;
    clear: both
}

#video-column .small-video .post-title {
    margin-bottom: 5px;
    margin-top: 0
}

#video-by-cat .post-video,
#video-column .post-video,
.archive-header,
.archive-header form,
.list-video-cat .post-video {
    margin-bottom: 15px
}

#video-column .small-video .meta {
    font-size: 13px
}

.livestream .widget-title i {
    color: #e7e51e
}

#video-by-cat {
    padding: 30px 0
}

#video-by-cat .widget-title {
    margin-bottom: 15px;
    background: 0 0;
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px
}

#video-by-cat .widget-title a {
    color: #046738
}

#video-by-cat .post-video .thumb {
    height: 150px
}

#video-by-cat .slick-prev {
    right: 50px;
    left: auto;
    top: -35px
}

#video-by-cat .slick-next,
#video-by-cat .slick-prev {
    width: 30px;
    height: 30px;
    border: none
}

#video-by-cat .slick-next:before,
#video-by-cat .slick-prev:before {
    display: none
}

#video-by-cat .slick-next {
    right: 15px;
    left: auto;
    top: -35px;
    background: url(images/arrow-right.png) top center no-repeat;
    background-position: top center!important;
    background-size: 30px!important
}

#video-by-cat .slick-prev {
    background: url(images/arrow-right.png) top center no-repeat;
    background-position: top center!important;
    background-size: 30px!important;
    transform: rotate(180deg);
    margin-top: -15px
}

#sidebar-video-cat {
    background: #f5f5f5
}

#sidebar-video-cat ul {
    padding-left: 0
}

#sidebar-video-cat ul li {
    font-weight: 700;
    display: block;
    position: relative
}

#sidebar-video-cat .widget>ul {
    margin-top: 15px
}

#sidebar-video-cat ul li a {
    display: block;
    color: #333;
    padding: 8px 10px
}

#sidebar-video-cat ul li a:hover {
    color: #16984e
}

#sidebar-video-cat .widget>ul>li {
    margin-top: 20px
}

#sidebar-video-cat .widget>ul.list-top>li {
    margin-top: 0;
    padding: 0
}

#sidebar-video-cat .widget>ul.list-top>li i {
    color: #16984e;
    margin-right: 10px;
    font-size: 18px
}

#sidebar-video-cat .widget>ul>li>a {
    padding-left: 0
}

#sidebar-video-cat ul li ul {
    padding-left: 10px;
    border-left: 1px solid #ccc
}

#sidebar-video-cat .widget>ul>li>ul li:before {
    content: "";
    width: 5px;
    border-top: 1px solid #ccc;
    position: absolute;
    top: 50%;
    left: -10px
}

#sidebar-video-cat .widget>ul>li>ul li a {
    color: #585858
}

#sidebar-video-cat .widget>ul>li a:hover,
#sidebar-video-cat .widget>ul>li>ul li a:hover {
    color: #16984e
}

.archive-header form {
    margin-left: 30px
}

.archive-header .form-control {
    border: none;
    border-bottom: 1px solid #ccc;
    background: 0 0;
    box-shadow: none;
    outline: 0!important;
    width: 320px;
    border-radius: 0
}

.archive-header .count {
    margin-top: 10px
}

.archive-header form button {
    background: 0 0;
    border: none;
    box-shadow: none;
    outline: 0!important;
    color: #000;
    margin-left: -40px;
    font-size: 20px
}

.archive-header form button:focus,
.archive-header form button:hover {
    background: 0 0;
    color: #333
}

.list-video-cat .post-video .thumb {
    height: 150px
}

#single-video-container .page-title {
    margin: 15px 0
}

@media(max-width:1200px) {
    #list-video-top .post-video .thumb {
        height: 120px
    }
}

@media(max-width:768px) {
    #video-column .post-video .thumb {
        height: 90px;
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 10px
    }
    #video-by-cat .post-video .thumb {
        height: 115px
    }
    #top-search-inner form,
    #video-column .widget.livestream .post-video:nth-child(6) {
        display: none
    }
}

@media(max-width:767px) {
    #main-nav ul {
        flex-direction: row
    }
    #main-nav ul li {
        margin: 10px
    }
    #main-nav ul li a {
        padding-left: 10px;
        padding-right: 10px
    }
    #video-column .post-video .thumb {
        height: 180px
    }
    #video-column .small-video .thumb {
        width: 160px;
        height: 90px;
        float: left;
        margin-right: 10px
    }
}

@media(max-width:640px) {
    #video-column .post-video .thumb {
        height: 145px
    }
}

@media(max-width:575px) {
    #top-search,
    #video-column .post-video: nth-child(9) {
        display: none
    }
    #top-banner img {
        margin-bottom: 10px
    }
    #video-column .small-video .thumb {
        width: 85px;
        height: 70px;
        float: left;
        margin-right: 10px
    }
}

@media(max-width:480px) {
    #video-column .col-md-8 .post-video .thumb {
        height: 120px
    }
}

@media(max-width:415px) {
    #video-by-cat .post-video .thumb {
        height: 150px
    }
    .list-video-cat .post-video .thumb {
        height: 115px
    }
}

@media(max-width:320px) {
    #video-column .col-md-8 .post-video {
        width: 100%;
        max-width: 100%;
        flex: auto
    }
    #video-column .col-md-8 .post-video .thumb {
        height: 120px
    }
    .list-video-cat .post-video {
        width: 100%;
        flex: auto;
        max-width: 100%
    }
    .list-video-cat .post-video .thumb {
        height: 150px
    }
}

#bao-chi .post-title {
    font-weight: 400;
    font-size: 15px;
    margin-top: 10px;
    text-align: center;
    padding: 0 10px
}

.list-bao-chi .item {
    margin-top: 50px;
    padding: 0 15px
}

#bao-chi .post-title span {
    color: #ff9800;
    font-weight: 400;
    text-align: center
}

#bao-chi .post-title a {
    color: #333
}

#bao-chi .col-md-4 {
    padding-right: 0
}

#bao-chi .col-md-4 img {
    width: 100%
}

#bao-chi .col-md-8 {
    background: #e9e9e9;
    padding-left: 0
}

.list-bao-chi img {
    display: block;
    margin: 0 auto
}

#list-product .post .thumbnail {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 15px
}

#list-product .post .thumbnail img {
    -o-object-fit: cover;
    object-fit: cover;
    object-position: 50% 50%;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 100%
}

#list-product {
    margin-top: 30px
}

#list-product .post {
    padding: 15px;
    margin-bottom: 30px;
    border: 1px solid transparent
}

#list-product .post:hover {
    border-color: #ccc
}

#list-product .post .post-title {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
}

#list-product .post-title a:hover,
#list-product .post:hover .post-title a {
    color: #ff9800
}

#list-product .post .post-excerpt {
    font-size: 14px
}

#list-product .post .product-price {
    font-size: 14px;
    text-align: center
}

#list-product .post .product-price span {
    font-weight: 700;
    color: #ff9800
}

#list-product .post .order {
    text-align: center
}

#list-product .post .btn-cart {
    background: #ff9800;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0
}

.list-product-image {
    margin-bottom: 15px
}

.list-product-thumbnail img {
    display: block;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #ccc
}

.list-product-thumbnail .slick-slide {
    margin: 5px
}

.list-product-thumbnail img {
    width: 100px;
    max-width: 100%
}

.list-product-thumbnail .slick-current img,
.list-product-thumbnail img:hover {
    border-color: red
}

#qty {
    border-radius: 3px;
    margin-right: 10px;
    position: relative;
    width: 45px;
    height: 65px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-right: 20px;
    border: 1px solid #eee
}

#qty::-webkit-inner-spin-button,
#qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#qty {
    -moz-appearance: textfield
}

.quantity-nav {
    float: left;
    position: relative;
    height: 65px;
    margin-right: 10px
}

.quantity-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #eee;
    width: 20px;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-family: "Trebuchet MS", Helvetica, sans-serif!important;
    line-height: 2;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid #eee
}

.quantity-button.quantity-down {
    position: absolute;
    bottom: -1px;
    height: 50%
}

#single-product-info .btn {
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 15px
}

#single-product-info .btn-add-to-cart {
    background: #046738;
    color: #fff;
    width: calc(100% - 80px)
}

#single-product-info .btn-add-to-cart:hover {
    background: #3f9043
}

#single-product-info .btn-add-to-cart span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    text-transform: none
}

#single-product-info .btn i {
    margin-right: 10px
}

#single-product .sidebar {
    background: #fefefe;
    padding: 15px
}

.widget-product {
    background-color: #fefefe
}

.widget-product .thumbnail {
    width: 100px;
    height: 100px;
    float: left;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-right: 10px
}

.widget-product .thumbnail img {
    -o-object-fit: cover;
    object-fit: cover;
    object-position: 50% 50%;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.widget-product .post {
    padding: 10px 15px;
    border-bottom: 1px solid #e8e8e8
}

.widget-product .post:last-child {
    border: none
}

.widget-product .post:after {
    content: '';
    display: table;
    clear: both
}

.widget-product .post-title {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700
}

.widget-product .post-title a:hover {
    color: #ff9800
}

.widget-product .price {
    font-size: 14px
}

#modal-checkout {
    background: rgba(255, 255, 255, .9)
}

#modal-checkout .cart-info {
    background: #eaeaea;
    padding: 15px;
    border-left: 1px solid #ccc
}

#modal-checkout .modal-content {
    border: none;
    border-radius: 0;
    padding: 30px 30px
}

@media(min-width:992px) {
    #modal-checkout.show .modal-dialog {
        max-width: 990px
    }
}

#modal-checkout .form-group {
    margin-bottom: 30px
}

#modal-checkout .heading {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px
}

.cart-info .thumbnail {
    position: relative;
    width: 65px;
    height: 65px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #fefefe;
    float: left;
    margin-right: 10px
}

.cart-info .thumbnail .qty {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 40px;
    background: #ccc;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: -10px;
    right: -10px
}

.cart-info .clearfix {
    padding-bottom: 15px
}

.cart-info .post-title {
    font-size: 1rem
}

.cart-info .coupon-code {
    padding: 30px 0 15px 0;
    display: block;
    margin: 15px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.cart-info .coupon-code button {
    background: #4caf50;
    color: #fff
}

.checkout-form button {
    background: #4caf50;
    padding: 15px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.checkout-form button:hover {
    background: #348237
}

#modal-checkout .success {
    color: #07512e;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase
}

#modal-checkout .finish {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: url(images/success.png) no-repeat center;
    background-size: 50px
}

@media(max-width:1024px) {
    .sidebar .widget-product .thumbnail {
        width: 100%;
        height: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 5px
    }
}

@media(max-width:767px) {
    .sidebar .widget-product .thumbnail {
        width: 100px;
        height: 100px;
        float: left;
        overflow: hidden;
        margin-right: 10px
    }
    table {
        max-width: 100%
    }
    table td {
        max-width: 100%!important
    }
    #modal-checkout .cart-info {
        margin-bottom: 15px;
        border-left: 0
    }
}

@media(max-width:415px) {
    #single-product-info .btn {
        width: calc(100% - 120px);
        margin-left: auto
    }
    #qty {
        display: inline-block
    }
    .checkout-form button {
        width: 100%
    }
    #single-product-info .send-numberphone .btn {
        width: 100%;
        margin-top: 10px
    }
}

.entry .content-section {
    margin-bottom: 15px
}

.entry .content-section .thanh-phan li {
    margin-bottom: 10px
}

.entry .content-section .attr-value {
    padding: 5px 0
}

.entry .content-section h3 {
    margin-bottom: 5px;
    border-radius: 5px;
    background-color: #3f9043;
    color: #fff;
    display: inline-block;
    padding: 6px 15px;
    text-transform: uppercase;
    font-size: 14px
}

.entry a {
    color: #2196f3;
}

.entry a:hover {
    color: #0d72c7;
}

.entry .social-share-button a {
    color: #fff;
}

#page-footer .social-nav-link {
    margin-top: 15px;
}

.social-nav-link li {
    background: #3f9043;
    color: #fff;
    font-size: 20px;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
}

.social-nav-link li:hover {
    background: #35a73b;
}

.social-nav-link li a {
    padding: 0;
}

#primary-nav .video-page {
    position: relative;
    background: #ddb158;
    padding-left: 30px;
    padding-top: 20px;
    padding-bottom: 0;
    margin: -18px 0 -10px 0;
    z-index: 5;
    padding-right: 15px;
}

#primary-nav .video-page:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -10px;
    border-top: 5px solid transparent;
    border-right: 5px solid #c59c49;
    border-bottom: 5px solid #c59c49;
    border-left: 5px solid transparent;
}

#primary-nav .video-page:before {
    content: "\f16a";
    font: normal normal normal 20px/1 FontAwesome;
    position: absolute;
    top: 25px;
    left: 5px;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    line-height: 25px;
    text-align: center;
    color: red;
}

#primary-nav .video-page a {
    color: #fff !important;
}

@media(max-width: 575px) {
    #primary-nav .video-page {
        margin: 0;
        padding-top: 0;
    }
    #primary-nav .video-page:after {
        display: none;
    }
    #primary-nav .video-page:before {
        top: 6px;
    }
}

body.single .page-title {
    text-transform: none;
    font-size: 24px;
}

.entry {
    word-wrap: break-word;
}

.entry table * {
    max-width: 100% !important;
}

@media(max-width: 575px) {
    .entry table figure {
        width: 100% !important;
    }
    .entry table {
        width: 100% !important;
    }
    .entry table * {
        max-width: 100% !important;
        word-wrap: break-word;
    }
    .entry table a {
        word-break: break-all;
    }
}

.banner-affer-content img {
    display: block;
    margin: 10px auto;
}

.comment-list p a {
    color: #007bff;
}

.entry blockquote {
    background: #f3f3f3;
    border: none;
    border-left: 12px solid #d7a444;
    border-right: 2px solid #d7a444;
    color: #868686;
    display: block;
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 20px;
    padding: 15px 20px 15px 45px;
    position: relative;
    text-align: justify;
}

.entryditor blockquote.suggest-post span.title-block {
    position: absolute;
    top: -15px;
    left: 30px;
    background: #e8b759;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 14px;
    border: 1px solid #d7a444;
}

.entry blockquote::before {
    color: #999;
    content: "\201C";
    font-family: Georgia, serif;
    font-size: 60px;
    font-weight: 700;
    left: 6px;
    position: absolute;
    top: 8px;
}

.entry blockquote a {
    color: #d7a444;
    cursor: pointer;
    padding: 0 3px;
    text-decoration: none;
}

.entry blockquote.suggest-post {
    border: 1px solid #d7a444;
    margin-top: 30px;
    padding: 25px 20px 15px 15px
}

.entry blockquote.suggest-post::before {
    display: none;
}

.comment-form {
    padding: 0 15px;
}

#commentform input[type=submit] {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
}

.widget-site-link {
    background: #3f9043;
    border-radius: 5px;
    overflow: hidden;
}

.widget-site-link .widget-header {
    border: none;
    margin: 0;
    padding: 0;
}

.widget-site-link .widget-title {
    color: #fff;
    background: #3f9043;
    background-position: top right;
    margin: 0;
}

.widget-site-link .widget-content {
    padding: 0 15px 15px 15px;
}

.widget-site-link .form-control {
    border: none;
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 0;
    height: 25px !important;
}

.widget-site-link option {
    padding: 10px;
    line-height: 30px;
}


/**
 * Section KOL
 */

.s-kol {
    padding: 30px 0;
}

.s-kol .section-title {
    font-weight: 700;
    color: #07512e;
    font-size: 24px;
    position: relative;
    margin-bottom: 5px;
    margin-top: 15px;
    text-transform: uppercase;
}

.s-kol .sub-title {
    text-align: center;
}

.s-kol .item {
    position: relative;
}

.s-kol .list-kol {
    margin-top: 60px;
}

.s-kol img {
    width: 100%;
    display: block;
    border-radius: 10px;
}

.s-kol a {
    outline: none;
}

.s-kol .quote {
    background: #fff;
    padding: 15px 30px;
    font-weight: bold;
    position: absolute;
    bottom: -15px;
    left: 15px;
    width: calc(100% - 30px);
    border-radius: 10px;
}

.s-kol .quote:before {
    content: "\f10d";
    font: normal normal normal 15px/1 FontAwesome;
    color: #e3e3e3;
    position: absolute;
    top: 15px;
    left: 15px;
}

.s-kol .quote p {
    margin: 0;
}

.list-kol .slick-prev {
    left: 30px;
    z-index: 1;
}

.list-kol .slick-prev:before {
    content: "\f104";
    color: #fff;
    line-height: 30px;
    font-size: 30px;
}

.list-kol .slick-next {
    right: 30px;
    z-index: 1;
}

.list-kol .slick-next:before {
    content: "\f105";
    color: #fff;
    line-height: 30px;
    font-size: 30px;
}

#list-product .post .btn-detail {
    background: #3f9043;
}

@media(max-width: 575px) {
    .s-kol {
        padding-bottom: 0;
    }
    .s-kol .list-kol {
        margin-top: 30px;
    }
}