/*@import url("https://fonts.googleapis.com/css?family=Asap|Crete+Round|Gloria+Hallelujah|Roboto:100,300,400,600,700");*/

@import url("owl.carousel.min.css");

/*@import url("https://use.fontawesome.com/releases/v5.7.1/css/all.css");*/

@import url("animate.css");
@import url("aos.css");
:root {
    --main-color: #e84f5e;
}

html,
body {
    /*height: 100%;*/
}

.gotop {
    display: block;
    text-align: center;
}

.gotop i {
    font-size: 2rem;
}

.modal-header {
    display: none;
}

@media (min-width: 813px) {
    .gotop {
        position: absolute;
        left: -78px;
        top: 0;
        height: calc(100% + 4rem);
        width: 78px;
        background-color: #131313;
        z-index: 999;
        margin: -2rem 0;
        cursor: pointer;
        transition: ease 0.3s;
        z-index: 5;
    }
    .gotop i {
        text-align: center;
        justify-content: center;
        display: flex;
        margin-top: 1rem;
    }
    .gotop:hover {
        filter: brightness(170%);
    }
}

* {
    /*font-family: 'Roboto', sans-serif; */
    /* font-weight: 300; */
    outline: 0;
    border: none;
    /* padding: 0; */
    /* margin: 0; */
    box-sizing: border-box;
    /*text-decoration: none;*/
    /* list-style: none; */
    /* color: #424242; */
    /* font-size: 1rem; */
}

strong {
    font-weight: 600;
}

img {
    max-width: 100%;
    /*display: block;*/
    height: auto;
}

.question-new input,
.question-new textarea,
.question-new select {
    border: 0 none;
}

img.center {
    margin: auto;
}

ul.clinic-tab-wrapper {
    list-style: none;
    padding: 0;
}

button.but {
    margin: 0;
    padding: 0 15px;
    width: auto;
    border: 0;
    color: #fff;
    background: #06afe3;
}

.dt ul {
    margin: 15px;
    padding: 0;
    list-style: none;
}

.alink:hover {
    text-decoration: underline;
}

.p {
    padding: 0 2rem;
}

@media (min-width: 813px) {
    .pp {
        padding: 2rem;
    }
}

.clr::after {
    content: '';
    display: table;
    clear: both;
}

.center {
    text-align: center;
}

.small-size {
    font-size: 80%;
}

.hidden {
    position: absolute;
    left: -99999px;
}

.s-show {
    display: none !important;
}

@media (max-width: 812px) {
    .s-show {
        display: block !important;
    }
}

.s-hidden {
    display: inline-block !important;
}

@media (max-width: 812px) {
    .s-hidden {
        display: none !important;
    }
}

.text-center {
    text-align: center;
    font-size: 16px;
}

.span {
    position: relative;
}

.span1-2 {
    float: left;
}

.span1-2:first-child {
    width: calc(100% / 3);
}

.span1-2:first-child.m {
    width: calc((100% / 3) - 10px);
    margin-right: 20px;
}

.span1-2:last-child {
    width: calc(100% - (100% / 3));
}

.span1-2:last-child.m {
    width: calc(100% - (100% / 3) - 10px);
}

.span2-1 {
    float: left;
}

.span2-1:first-child {
    width: calc(100% - (100% / 3));
}

.span2-1:first-child.m {
    width: calc(100% - (100% / 3) - 10px);
}

.span2-1:last-child {
    width: calc(100% / 3);
}

.span2-1:last-child.m {
    width: calc((100% / 3) - 10px);
    margin-left: 20px;
}

.span2 {
    width: 50%;
    float: left;
}

.span2.m {
    width: calc(50% - 10px);
}

.span2.m:nth-child(2n) {
    margin-left: 20px;
    margin-right: 0;
}

.span2.m:nth-child(5) {
    margin-left: 0;
    margin-right: 0;
}

.span3 {
    width: calc(100% / 3);
    float: left;
}

.span3.m {
    width: calc((100% / 3) - 13.3333px);
}

.span3.m:nth-child(2),
.span3.m:nth-child(5),
.span3.m:nth-child(8) {
    margin-left: 20px;
    margin-right: 20px;
}

.span3.m:nth-child(4),
.span3.m:nth-child(5),
.span3.m:nth-child(6) {
    margin-top: 20px;
}

@media (max-width: 812px) {
    .span3.couple {
        width: 50%;
        float: left;
    }
    .span3.couple.m {
        width: calc(50% - 10px);
    }
    .span3.couple.m:nth-child(2n) {
        margin-left: 20px;
        margin-right: 0;
    }
    .span3.couple.m:nth-child(5) {
        margin-left: 0;
        margin-right: 0;
    }
    .span3.couple:nth-child(3),
    .span3.couple:nth-child(4) {
        margin-top: 20px;
    }
}

.span4 {
    width: 25%;
    float: left;
}

.span4.m {
    width: calc(25% - 15px);
}

.span4.m:nth-child(2) {
    margin-left: 20px;
}

.span4.m:nth-child(3) {
    margin: 0 20px;
}

@media (max-width: 812px) {
    .span4.couple {
        width: 50%;
        float: left;
    }
    .span4.couple.m {
        width: calc(50% - 10px);
    }
    .span4.couple.m:nth-child(2n) {
        margin-left: 20px;
        margin-right: 0;
    }
    .span4.couple.m:nth-child(5) {
        margin-left: 0;
        margin-right: 0;
    }
    .span4.couple:nth-child(3),
    .span4.couple:nth-child(4) {
        margin-top: 20px;
    }
}

.span5 {
    width: 20%;
    float: left;
}

.span5.m {
    width: calc(20% - 16px);
}

.span5.m:nth-child(2) {
    margin-left: 20px;
}

.span5.m:nth-child(3) {
    margin: 0 20px;
}

.span5.m:nth-child(4) {
    margin-right: 20px;
}

.span6 {
    width: calc(100% / 6);
    float: left;
}

.span6.m {
    width: calc((100% / 6) - 10px);
}

.span6.m:nth-child(2) {
    margin-left: 20px;
}

.span6.m:nth-child(3) {
    margin: 0 20px;
}

.span6.m:nth-child(5) {
    margin: 0 20px;
}

@media (max-width: 812px) {
    .span6.couple {
        width: 50%;
        float: left;
    }
    .span6.couple.m {
        width: calc(50% - 10px);
    }
    .span6.couple.m:nth-child(2n) {
        margin-left: 20px;
        margin-right: 0;
    }
    .span6.couple.m:nth-child(5) {
        margin-left: 0;
        margin-right: 0;
    }
    .span6.couple:nth-child(3),
    .span6.couple:nth-child(4) {
        margin: 20px 0;
    }
}

@media (max-width: 812px) {
    .span6.triple {
        width: calc(100% / 3);
        float: left;
    }
    .span6.triple.m {
        width: calc((100% / 3) - 13.3333px);
    }
    .span6.triple.m:nth-child(2),
    .span6.triple.m:nth-child(5),
    .span6.triple.m:nth-child(8) {
        margin-left: 20px;
        margin-right: 20px;
    }
    .span6.triple.m:nth-child(4),
    .span6.triple.m:nth-child(5),
    .span6.triple.m:nth-child(6) {
        margin-top: 20px;
    }
    .span6.triple:nth-child(4),
    .span6.triple:nth-child(5),
    .span6.triple:nth-child(6) {
        margin-top: 20px;
    }
}

@media (max-width: 812px) {
    .span.alone {
        width: 100% !important;
        float: none;
        margin: 0 0 20px !important;
    }
    .span.alone:last-child {
        margin-bottom: 0 !important;
    }
}

.hover {
    transition: ease 0.3s;
}

.hover-dim:hover {
    opacity: .6;
}

.hover-bright:hover {
    filter: brightness(125%);
}

.hover-zoom {
    overflow: hidden;
}

.hover-zoom img {
    transition: ease 0.3s;
}

.hover-zoom:hover img {
    transform: rotate(3deg) scale(1.2, 1.2);
}

.middle-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

section {
    /*padding: 4rem 0;*/
}

section.-p {
    /*padding: 0;*/
}

section:nth-child(odd) {
    /*background-color: #f6f6f6;*/
}

.cat-section {
    margin-bottom: 4.5rem;
    position: relative;
}

.inner {
    width: 100%;
    margin: auto;
    position: relative;
    padding: 0 1rem;
}

.inner.p {
    padding: 40px 0;
}

.inner.p2 {
    padding: 0 4rem;
}

@media (min-width: 1200px) {
    .inner {
        width: 1200px;
        padding: 0;
    }
}

@media (min-width: 813px) {
    .inner2 {
        width: 810px !important;
    }
}

.rounded {
    border-radius: 10px;
}

.cat-title {
    display: flex;
    align-items: flex-end;
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: .5rem;
}

.cat-title .title {
    color: #000000;
    font-weight: 600;
    font-size: 1.2rem;
    /*font-weight: 300;*/
}

.cat-title .title.w {
    color: #ffffff;
}

.cat-title .more {
    margin-left: auto;
}

.cat-title+em {
    display: inline-block;
    position: relative;
    top: -1.5rem;
    font-size: 2.5rem;
    max-width: 700px;
    font-family: Asap;
    font-style: normal;
    font-weight: 600;
}

.small-cat {
    font-size: 1.2rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 1rem;
    font-family: Asap;
}

.btn,
.btn-default,
.btn-ok,
.btn-cancel,
.btn-rounded {
    font-size: 1rem;
    line-height: 1;
    letter-spacing: .1rem;
    text-transform: uppercase;
    transition: ease 0.3s;
    padding: .8rem 2rem;
    color: #ffffff;
    white-space: nowrap;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    user-select: none;
    border: 2px solid transparent;
}

.btn-default {
    color: #ffffff;
    border: 2px solid #ffffff;
    padding: .75rem 1rem;
    font-size: 1rem;
}

@media (min-width: 813px) {
    .btn-default:hover {
        background-color: #ffffff;
        color: #E84F5E;
    }
}

.btn-ok {
    background-color: #E84F5E;
}

@media (min-width: 813px) {
    .btn-ok:hover {
        background-color: #ffffff;
        color: #E84F5E !important;
        border-color: #E84F5E;
    }
}

.btn-cancel {
    background-color: #434444;
}

@media (min-width: 813px) {
    .btn-cancel:hover {
        background-color: #ffffff;
        color: #434444;
    }
}

.btn-rounded {
    border-radius: 10px;
}

.fcenter {
    display: table;
    margin: auto;
}

.fcenter>* {
    display: table-cell;
}

.flex {
    display: flex;
}

.white-bg {
    background-color: rgba(255, 255, 255, 0.8);
}

.menu,
.close,
#menu {
    display: none;
}

@media (max-width: 812px) {
    #menu {
        display: block;
    }
    .menu,
    .close {
        display: block;
        position: absolute;
        top: 1rem;
        right: 0;
        cursor: pointer;
    }
    .menu i,
    .close i {
        font-size: 2rem;
        color: #ffffff;
    }
    .close {
        display: none;
        right: -1000px;
        top: calc(1rem - 2px);
        background-color: #000000;
        padding: 2px;
    }
    .close i {
        color: #2A7EE5;
    }
    #menu:focus+.top-nav {
        left: 0;
    }
    #menu:focus~.close {
        display: block;
        right: -2px;
    }
}

header {
    position: relative;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #ffffff;
    width: 100%;
    border-bottom: 3px solid #f6f6f6;
}

header .top-nav {
    position: fixed;
    top: 0;
    z-index: 9999;
    left: 0;
    width: 100%;
    height: 0;
}

header .top-nav .inner {
    display: flex;
    padding: 1rem;
    transition: ease 0.3s;
    position: relative;
}

header .top-nav .inner::after {
    content: '';
    position: absolute;
    left: -2999px;
    top: 0;
    height: 85px;
    width: 9999px;
    background-color: #ffffff;
}

header .top-nav .logo,
header .top-nav .menubtns {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 70px;
    top: 0;
    left: 0;
    background-color: #ffffff;
    padding: 1rem;
    border-bottom: 1px solid #f6f6f6;
}

header .top-nav .logo img,
header .top-nav .menubtns img {
    max-width: 160px;
}

@media (min-width: 813px) {
    header .top-nav .logo,
    header .top-nav .menubtns {
        border-bottom: none;
        padding: 0;
        height: auto;
        width: auto;
        position: relative;
    }
    header .top-nav .logo img,
    header .top-nav .menubtns img {
        max-width: 200px;
    }
}

header .top-nav .menubtns {
    width: 70px;
    right: 0;
    left: inherit;
}

@media (min-width: 813px) {
    header .top-nav .menubtns {
        display: none;
    }
}

header .top-nav .menubtns label {
    cursor: pointer;
    display: none;
}

header .top-nav .menubtns label i {
    font-size: 2rem;
}

header .top-nav .menubtns label.show {
    display: block;
}

header .top-nav nav {
    position: fixed;
    z-index: 998;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    padding: 1rem;
    padding-top: 130px;
    transition: ease 0.3s;
}

header .top-nav nav ul li {
    padding: .5rem 0;
    border-bottom: 1px solid #f6f6f6;
    position: relative;
}

header .top-nav nav ul li:last-child {
    border-bottom: none;
}

header .top-nav nav ul li a,
header .top-nav nav ul li label {
    font-size: 1rem;
    transition: ease 0.3s;
    white-space: nowrap;
    cursor: pointer;
}

header .top-nav nav ul li i {
    transition: ease 0.3s;
}

header .top-nav nav ul li.active a,
header .top-nav nav ul li.active i {
    color: #E84F5E;
}

@media (min-width: 813px) {
    header .top-nav nav ul li:not(.langs):hover a {
        color: #E84F5E;
    }
}

header .top-nav nav ul li>ul {
    position: absolute;
    left: 0;
    top: 45px;
    background-color: #ffffff;
    border-radius: 10px;
    padding: .5rem;
    display: none;
    border: 1px solid #f6f6f6;
}

header .top-nav nav ul li>ul li {
    padding: .2rem 0;
}

header .top-nav nav ul li #select-lang:focus+ul {
    display: block;
}

@media (min-width: 813px) {
    header .top-nav nav {
        margin-left: auto;
        position: relative;
        width: auto;
        background-color: #ffffff;
        padding: 0;
        right: 0;
    }
    header .top-nav nav ul {
        display: flex;
    }
    header .top-nav nav ul li {
        margin: 0 .5rem;
        padding: 1rem 0;
        border-bottom: none;
    }
}

header .top-nav nav.show {
    right: 0;
}

.owl-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2.5rem 0;
}

.owl-nav>button {
    width: 50px;
    height: 7px;
    background-color: #D4D4D4 !important;
    margin: 0 4px !important;
    transition: ease 0.3s;
}

.owl-nav>button i {
    font-size: 30px;
    display: none;
}

@media (min-width: 813px) {
    .owl-nav>button:hover {
        background-color: #000000 !important;
    }
}

.main-slider .owl-nav {
    margin: -7px 0 0;
    position: relative;
    top: -40px;
}

.owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.owl-carousel button.owl-dot {
    width: 14px;
    height: 14px;
    background-color: #D4D4D4;
    margin: 0 .15rem;
    border-radius: 10px;
}

.owl-carousel button.owl-dot.active {
    background-color: #E84F5E;
}

#register {
    background: url("../img/bg-waves.svg") no-repeat center 150px;
    background-size: contain;
    margin-top: 1rem;
}

@media (min-width: 813px) {
    #register {
        margin-top: 3rem;
    }
}

#stuffs {
    padding: 8rem 0 0;
}

#stuffs .owl-carousel .owl-stage-outer {
    padding: 2rem 0 3rem;
}

#stuffs .owl-nav {
    position: absolute;
    top: 220px;
    left: 0;
    width: 100%;
    height: 0;
}

#stuffs .owl-nav>button {
    width: 40px;
    height: 40px;
    background-color: transparent !important;
}

#stuffs .owl-nav>button i {
    display: inline-block;
    color: #D4D4D4;
    font-size: 4rem;
    transition: ease 0.3s;
}

@media (min-width: 813px) {
    #stuffs .owl-nav>button:hover i {
        color: #E84F5E;
    }
}

#stuffs .owl-nav>button.owl-next {
    margin-left: auto !important;
}

#services .owl-nav {
    position: absolute;
    top: -90px;
    right: 0;
    width: 90px;
    height: 0;
}

@media (max-width: 812px) {
    #services .owl-nav {
        display: none;
    }
}

#services .owl-nav>button {
    width: 40px;
    height: 40px;
    background-color: #D4D4D4 !important;
    border-radius: 10px;
}

#services .owl-nav>button i {
    display: inline-block;
    color: #ffffff;
    transition: ease 0.3s;
}

@media (min-width: 813px) {
    #services .owl-nav>button:hover {
        background-color: #E84F5E !important;
    }
}

#services .owl-nav>button.owl-next {
    margin-left: auto !important;
}

.dr-slider .item figure {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.dr-slider .item figure figcaption {
    position: absolute;
    display: flex;
    left: 0;
    top: 0;
    justify-content: center;
    width: 100%;
    height: 100%;
    align-items: center;
}

.dr-slider .item figure figcaption a {
    transition: ease 0.3s;
    opacity: 0;
    transform: scale(2, 2);
}

.dr-slider .item figure figcaption a i {
    color: #ffffff;
    font-size: 3rem;
    margin: 0 5px;
    transition: ease 0.3s;
}

.dr-slider .item figure figcaption a:first-child {
    transform: translateX(-150%);
}

.dr-slider .item figure figcaption a:nth-child(3) {
    transform: translateX(150%);
}

.dr-slider .item figure figcaption span {
    display: block;
    white-space: nowrap;
    text-align: center;
    font-family: Asap;
    position: absolute;
    bottom: 50px;
    font-weight: 600;
    color: #ffffff;
}

.dr-slider .item figure figcaption span+em {
    display: block;
    white-space: nowrap;
    text-align: center;
    /*font-weight: 300;*/
    font-style: normal;
    position: absolute;
    bottom: 30px;
    color: #ffffff;
}

.dr-slider .item figure figcaption span+em::before {
    content: '- ';
}

.dr-slider .item figure figcaption span+em::after {
    content: ' -';
}

@media (min-width: 813px) {
    .dr-slider .item:hover a {
        opacity: 1;
        transform: translateX(0%) scale(1, 1) !important;
    }
    .dr-slider .item:hover a:hover i {
        color: #E84F5E;
    }
}

.home-news div figure {
    margin-bottom: 1rem;
    border-radius: 10px;
    overflow: hidden;
}

.home-news div h3 {
    font-family: Asap;
    font-weight: 600;
    margin-bottom: .5rem;
    transition: ease 0.3s;
}

@media (min-width: 813px) {
    .home-news div:hover h3 {
        color: #E84F5E;
    }
}

.home-recruitment div figure {
    margin-bottom: 1rem;
    border-radius: 10px;
    overflow: hidden;
}

.home-recruitment div h3 {
    font-family: Asap;
    font-weight: 600;
    margin-bottom: .5rem;
    transition: ease 0.3s;
}

@media (min-width: 813px) {
    .home-recruitment div:hover h3 {
        color: #E84F5E;
    }
}

.customers-slider .item figure {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: 1rem;
}

.customers-slider .item figure img {
    height: 100%;
    width: auto;
}

.customers-slider .item p {
    font-family: Asap;
}

.customers-slider .item span {
    /*font-weight: 300;*/
    padding-top: .5rem;
    display: block;
}

.customers-slider .item span::before {
    content: '- ';
}

.block-stuffs .block-stuff {
    overflow: hidden;
    margin-bottom: 3rem;
}

.block-stuffs .block-stuff figure {
    width: 75px;
    float: left;
    margin-right: 1rem;
}

.block-stuffs .block-stuff .info h3 {
    font-weight: 600;
    font-family: Asap;
    margin-bottom: .5rem;
    text-transform: uppercase;
}

footer {
    clear: both;
    background-color: #E84F5E;
    padding: 4rem 0 0;
}

footer * {
    font-size: .9rem;
    color: #ffffff;
}

footer .middle-footer {
    border-top: 1px solid #131313;
    border-bottom: 1px solid #131313;
}

footer .bottom-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 2rem;
}

footer .bottom-footer a {
    color: #ffffff;
    font-weight: 600;
}

footer div[class$="-footer"] {
    padding: 1rem 0;
}

footer .bottom-nav:not(.follow)>li {
    clear: both;
    overflow: hidden;
    padding-bottom: 4px;
}

footer .bottom-nav:not(.follow)>li:not(:first-child) {
    padding-top: .4rem;
}

footer .bottom-nav:not(.follow)>li>a {
    position: relative;
    display: inline-block;
    transition: ease 0.3s;
    opacity: .6;
}

footer .bottom-nav:not(.follow)>li>a::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -3px;
    height: 1px;
    width: 0;
    background-color: #ffffff;
    opacity: 0;
    transition: ease 0.3s;
}

@media (min-width: 813px) {
    footer .bottom-nav:not(.follow)>li>a:hover {
        color: #ffffff;
        opacity: 1;
        text-decoration: none;
    }
    footer .bottom-nav:not(.follow)>li>a:hover::before {
        opacity: 1;
        width: 120%;
    }
}

footer .follow {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}

footer .follow li {
    display: flex;
}

footer .follow li a {
    margin-right: .5rem;
}

footer .follow li a * {
    font-size: 2.8rem;
    transition: ease 0.3s;
}

@media (min-width: 813px) {
    footer .follow li a:hover * {
        color: #E84F5E;
    }
}

footer .group-footer {
    margin-bottom: 3rem;
}

.search-holder {
    z-index: 9999;
    position: relative;
    padding: 0 1rem;
    width: 100%;
}

@media (max-width: 812px) {
    .search-holder {
        padding: .5rem;
        margin-top: 50px;
        background-color: #ffffff;
        border-radius: 10px;
    }
}

.search-holder .group-search {
    display: flex;
    margin-top: 8px;
}

.search-holder .group-search .input {
    width: 100%;
    position: relative;
    margin-right: 10px;
}

.search-holder .group-search .input input {
    border-bottom: 1px solid #D4D4D4;
    padding: .5rem;
    font-size: .9rem;
    width: 100%;
}

.search-holder .group-search .input .search-go {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: .5rem;
    border-radius: 10px;
}

.search-holder .group-search .filter {
    margin-left: auto;
    position: relative;
}

.search-holder .group-search .filter label {
    cursor: pointer;
    display: block;
    padding: .5rem;
    background-color: #ffffff;
    border-bottom: 1px solid #D4D4D4;
    white-space: nowrap;
    font-size: .9rem;
}

.search-holder .group-search .filter ul {
    background-color: #ffffff;
    padding: .5rem 0;
    display: none;
    border-radius: 10px;
    border: 1px solid #D4D4D4;
    position: absolute;
    top: 35px;
    right: 0;
    min-width: 160px;
    z-index: 99;
}

.search-holder .group-search .filter ul li {
    padding: 0 .5rem;
}

.search-holder .group-search .filter ul li a {
    white-space: nowrap;
    padding: .2rem 0;
    display: block;
    transition: ease 0.3s;
}

.search-holder .group-search .filter ul li:nth-child(odd) {
    background-color: #f6f6f6;
}

#home-questions {
    display: flex;
    flex-wrap: wrap;
}

#home-questions .newest-question {
    width: 30%;
    padding: 0 1.3%;
}

#home-questions .question-box {
    width: 70%;
    overflow: auto;
    /*padding: 0 15px;*/
}

#home-questions .question-box .question-item {
    width: 46%;
    float: left;
    margin: 0 2% 10px 2%;
}

#home-questions .question-card {
    border: 1px solid #ddd;
    padding: 8px;
}

#home-questions .question-item {
    overflow: auto;
}

#home-questions .question-item .question-detail {
    padding: 10px;
    float: left;
    width: 70%;
}

#home-questions .question-card .question-detail a {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    font-family: pnr, sans-serif;
}

#home-questions .question-box .question-card img {
    width: 100px;
    height: 100px;
    margin-right: 10px;
    float: left;
}

@media (max-width: 1200px) {
    #home-questions .question-item .question-detail {
        width: 60%;
    }
}

@media (max-width: 990px) {
    #home-questions .question-box .question-item {
        width: 90%;
        float: left;
        margin: 0 2% 10px 2%;
    }
    #home-questions .question-item .question-detail {
        width: 70%;
    }
}

@media (max-width: 700px) {
    #home-questions .newest-question {
        width: 100%;
        padding: 0px;
        margin: 10px 0;
        text-align: center;
        /*padding: 0 1.3%;*/
    }
    #home-questions .newest-question img {
        margin: 0 auto;
    }
    #home-questions .question-box {
        width: 100%;
        overflow: auto;
        /*padding: 0 15px;*/
    }
    #home-questions .question-box .question-item {
        width: 100%;
        margin: 8px 0px;
    }
}

@media (min-width: 813px) {
    .search-holder .group-search .filter ul li:hover a {
        color: #E84F5E;
    }
}

.search-holder .group-search .filter #open-filter:focus+ul {
    display: block;
}

.block-services {
    display: block;
}

@media (min-width: 813px) {
    .block-services {
        display: flex;
    }
}

.block-services .v-list {
    padding: 3rem;
    width: 100%;
    background-color: #E84F5E;
    border-radius: 10px;
}

@media (min-width: 813px) {
    .block-services .v-list {
        width: calc((100% / 2) - 40px);
        margin-right: 20px;
    }
}

@media (min-width: 1200px) {
    .block-services .v-list {
        width: calc((100% / 3) - 60px);
        margin-right: 20px;
    }
}

.block-services .v-list h2.heading {
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-weight: 600;
    font-family: Asap;
    font-size: 20px;
    color: #ffffff;
}

.block-services .v-list ul li {
    padding: 2rem 0;
    border-bottom: 1px solid #ffffff;
}

.block-services .v-list ul li:last-child {
    border-bottom: none;
}

.block-services .v-list ul li a {
    color: #ffffff;
    white-space: nowrap;
}

.block-services .h-list {
    width: 100%;
    margin-top: 3rem;
}

@media (min-width: 813px) {
    .block-services .h-list {
        width: calc((100% - (100% / 2)) + 20px);
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .block-services .h-list {
        width: calc((100% - (100% / 3)) + 40px);
        margin-top: 0;
    }
}

.block-services .h-list figure {
    overflow: hidden;
}

.block-services .h-list h2.heading {
    font-size: 3rem;
    font-family: Asap;
    font-weight: 600;
    margin-bottom: 3rem;
}

.block-services .h-list .item {
    border: 1px solid #f6f6f6;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
}

.block-services .h-list .item .info {
    padding: 2rem;
}

.block-services .h-list .item .info h3 {
    margin-bottom: .5rem;
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 1rem;
    font-family: Asap;
    font-weight: 600;
}

.block-services .h-list .item .info p {
    line-height: 26px;
    color: #818181;
}

#counters {
    position: relative;
    overflow: hidden;
    padding: 6rem 0;
}

#counters::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    background: #2A7EE5;
    opacity: .7;
}

#counters::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url("../img/photo-1533025782032-634283c7c7ad-min.jpeg");
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
}

#counters .inner {
    z-index: 3;
}

.counter {
    font-size: 3rem;
    color: #ffffff;
    user-select: none;
    -moz-user-select: none;
    font-family: Asap;
    font-weight: 600;
    position: relative;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.counter::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 20%;
    height: 3px;
    background-color: #ffffff;
}

.counter+em {
    font-size: 1rem;
    font-style: normal;
    color: #ffffff;
    /*font-weight: 300;*/
}

.owl-carousel .owl-item img {
    width: auto;
    margin: auto;
}

@media (min-width: 1200px) {
    #home-news {
        width: 1150px;
        padding: 0;
    }
}


/* padding-bottom and top for image */

.mfp-no-margins img.mfp-img {
    padding: 0;
}


/* position of shadow behind the image */

.mfp-no-margins .mfp-figure:after {
    top: 0;
    bottom: 0;
}


/* padding for main container */

.mfp-no-margins .mfp-container {
    padding: 0;
}


/*

for zoom animation
uncomment this part if you haven't added this code anywhere else

*/

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.home-news-slider .item .news-image img {
    width: 100%;
    height: 220px;
}

.home-news-slider .item .news-title {
    font-family: pnb, sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin: 20px 0px 15px 0px;
}

.home-news-slider .item .news-title a {
    font-family: pnb, sans-serif;
    font-size: 14px;
}

.home-news-slider .item .news-summary {
    font-family: pnb, sans-serif;
    text-align: justify;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.home-news-slider .item .news-summary a {
    font-family: pnb, sans-serif;
    text-align: justify;
    color: #000;
    font-size: 18px;
    font-weight: 700;
}

.home-recruitment-slider .item .clinic-image img {
    width: 100%;
    height: 220px;
}

.home-recruitment-slider .item .recruitment-title {
    font-family: pnb, sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin: 20px 0px 15px 0px;
}

.home-recruitment-slider .item .recruitment-title a {
    font-family: pnb, sans-serif;
    font-size: 14px;
}

.com-slider {
    margin-bottom: 4rem;
}

.com-slider figcaption {
    opacity: 0;
    padding: 1rem;
    border-radius: 10px;
    background-color: #E84F5E;
    position: relative;
    margin-top: 2rem;
    left: 50%;
    transform: translateX(-50%);
    transition: ease 0.3s;
}

@media (max-width: 812px) {
    .com-slider figcaption {
        max-width: 300px;
    }
}

@media (min-width: 813px) {
    .com-slider figcaption {
        width: 100%;
    }
}

.com-slider figcaption p {
    color: #ffffff;
}

.com-slider figcaption::before {
    position: absolute;
    content: '';
    top: -12px;
    left: 60%;
    transform: translateX(-50%);
    width: 15px;
    height: 13px;
    background-image: url("../img/bubble.svg");
}

.com-slider .owl-item.center {
    transform: scale(1.1, 1.1);
}

.com-slider .owl-item.center figcaption {
    opacity: 1;
}

.apps a {
    margin: 1rem .5rem 0;
}

.block-register div[class^='tab-'] {
    margin-top: 1rem;
    display: none;
}

.block-register div[class^='tab-'].active {
    display: block !important;
}

.block-register div[class^='tab-'] p:first-child {
    color: #E84F5E;
    font-size: .8rem;
}

.block-register .tab-login {
    display: none;
}

.block-register .group-labels label {
    display: block;
    float: left;
    cursor: pointer;
    width: 50%;
    user-select: none;
}

.block-register .group-labels label span {
    line-height: 40px;
    text-align: center;
    border: 2px solid #E84F5E;
    display: block;
    width: 100%;
}

.block-register .group-labels label.active span {
    background-color: #E84F5E;
    color: #ffffff;
}

.block-register .group-labels p {
    margin-top: .5rem;
    font-size: .8rem;
    color: #E84F5E;
}

.block-register .group-input {
    margin-top: 10px;
}

.block-register .group-input h3 {
    font-weight: 600;
    font-family: Asap;
    margin-bottom: 0;
    font-size: 14px;
}

.block-register h3 span.field-required {
    color: red;
}

.block-register .group-input input {
    background-color: transparent;
    border-bottom: 1px solid #818181;
    width: 100%;
}

.block-register .group-input label {
    text-align: center;
    display: block;
    cursor: pointer;
    margin-bottom: 0;
}

.block-register .fcenter {
    /*margin-top: 0!important;*/
}

.block-register .group-input label figure {
    position: relative;
}

.block-register .group-input label figure::before {
    content: '';
    position: absolute;
    width: 72px;
    height: 52px;
    background-image: url("../img/check-white.png");
    border-radius: 50%;
    top: 0;
    right: 0;
    display: none;
    z-index: 3;
}

.block-register .group-input label figure img {
    filter: grayscale(100%);
}

.block-register .group-input label img {
    margin: 0 auto .5rem;
}

.block-register .group-input label.active figure img {
    filter: grayscale(0);
}

.block-register .group-input label.active figure::before {
    display: block;
}

.block-register .group-input>div {
    position: relative;
}

.block-register .group-input>div #select-country {
    position: relative;
    z-index: 2;
}

.block-register .group-input>div #select-country:focus~.list-country {
    display: block;
}

.block-register .group-input>div #select-country+i {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.block-register .group-input>div .list-country {
    position: absolute;
    left: 0;
    top: 21px;
    background-color: #ffffff;
    padding: .5rem;
    border-radius: 10px;
    width: 100%;
    z-index: 9;
    display: none;
    max-height: 400px;
    overflow-y: scroll;
}

.block-register .group-input>div .list-country li {
    width: calc(50% - 1rem);
    float: left;
    border-bottom: 1px solid #f6f6f6;
    padding: .5rem;
    margin: 0 .5rem;
    cursor: pointer;
    line-height: 27px;
    transition: ease 0.3s;
}

.block-register .group-input>div .list-country li:last-child,
.block-register .group-input>div .list-country li:nth-last-child(2) {
    border-bottom: none;
}

.block-register .group-input>div .list-country li img {
    max-width: 40px;
    float: left;
    margin-right: .5rem;
}

iframe.embed-responsive-item.modal-tmp {
    max-height: 522px;
}

@media (min-width: 813px) {
    .block-register .group-input>div .list-country li:hover {
        color: #E84F5E;
    }
}

.block-register .group-input>div .list-country::-webkit-scrollbar {
    width: .4em;
}

.block-register .group-input>div .list-country::-webkit-scrollbar-thumb {
    background-color: #E84F5E;
    outline: 1px solid slategrey;
}

.block-register .req {
    margin: 1rem 0 2rem;
}

.block-register .req span {
    display: inline-block;
    margin: 0 .5rem;
}

.block-register .req span i {
    opacity: .8;
}

.block-register .req span.check i {
    color: #E84F5E;
}

@media (max-width: 812px) {
    .content {
        display: block;
    }
}

@media (min-width: 813px) {
    .content {
        display: block;
    }
}

@media (min-width: 1200px) {
    .content {
        display: block;
    }
}

@media (min-width: 1600px) {
    .content {
        display: block;
    }
}


/* Style The Dropdown Button */

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}


/* The container <div> - needed to position the dropdown content */

.dropdown {
    width: max-content;
    position: relative;
    display: inline-block;
}


/* Dropdown Content (Hidden by Default) */

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}


/* Links inside the dropdown */

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}


/* Change color of dropdown links on hover */

.dropdown-content a:hover {
    background-color: #f1f1f1
}


/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {
    display: block;
}


/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

a {
    color: unset;
}

@media (max-width: 813px) {
    .section-top {
        margin-top: 4rem;
    }
}

@media (min-width: 813px) {
    .section-top {
        margin-top: 3rem;
    }
}

.doctor-card img {
    padding: 10px;
    height: 280px;
}

.doctor-card h4 {
    color: #39c;
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.search-group h4 {
    font-weight: 700;
    font-size: 1.125em;
    font-family: "Lato";
    color: #333;
    padding-bottom: 10px;
}

.title {
    font-size: 2.125em;
    color: #549cb5;
    font-weight: 400;
    margin: 0;
    padding: 0 0 20px;
    line-height: 1.25em;
    font-family: 'Lato', sans-serif;
}

.title-field {
    font-weight: 700;
}

.section-body {
    margin-bottom: 10px;
    padding: 15px;
}

.section-body h4 {
    margin-bottom: 30px;
    border-bottom: 1px dotted #333;
    font-size: 1.25em;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    padding-bottom: 15px;
}

.nav-section {
    background-color: #e9ecef;
}

.nav-section ul {
    height: 680px;
    overflow: auto;
}

.nav-section ul li {
    margin-bottom: 10px;
}

.section-body div .item-section {
    margin-bottom: 10px;
    padding-left: 25px;
    background: url(../img/section-dot.png) no-repeat left 5px;
}

.paging {
    text-align: center;
    overflow: hidden;
    width: 100%;
    margin-bottom: 25px;
}

.paging li {
    display: inline-block;
    margin: 0 10px 10px;
}

.paging li a {
    font-size: 1em;
    font-family: 'Lato';
    font-weight: 600;
    text-decoration: underline;
    color: #333;
}

.paging .active {
    font-size: 1em;
    font-family: 'Lato';
    font-weight: 600;
}

.dot ul li {
    list-style-image: url(../img/section-dot.png);
}

.bd {
    border-bottom: 1px dotted #cacdd1;
    padding: 30px 0;
}

.btm-eli {
    background-color: #2e6578;
    text-shadow: 1px 2px 2px #000;
    border: 1px #a5a5a5 solid;
    box-shadow: 1px 1px 1px #a5a5a5;
}

.avatar-doctor {
    width: 170px;
    height: 200px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.dot ul {
    margin-left: 15px;
}

.medic {
    padding-top: 15px;
    padding-left: 25px;
}

.medic ul li {
    padding: 5px 15px;
}

.medic ul li a {
    font-weight: bold;
    font-size: 16px;
    color: #2B96CC;
}

.medic ul li:hover {
    background-color: #e8eaed;
    border-radius: 3px;
    transition: all 0.1s ease 0s, visibility 0s ease 0s;
    -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
    -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
    opacity: 0.8;
}

.h3 {
    font-size: 20px;
    color: #2B96CC;
    border-bottom: 2px solid #2B96CC;
    font-family: inherit;
    text-align: center;
    width: 50%;
}

.thuoc ul li a {
    font-size: 16px;
}

.thuoc ul li p {
    font-size: 14px;
}

@media(max-width: 768px) {
    .medic {
        margin: 0;
        padding: 0;
    }
    .pagination {
        margin: 0;
        padding: 0;
    }
}

.bd1 {
    padding: 15px;
}

.bd1 ul li:hover {
    background-color: #e8eaed;
    border-radius: 3px;
    transition: all 0.3s ease 0s, visibility 0s ease 0s;
    -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
    -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
    opacity: 0.8;
}

.avatar-clinic {
    height: 200px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


/*List doctor*/

.nav ul li {
    float: left;
}

#top {
    position: relative;
}

.list {
    position: relative;
}

#top .background {
    height: 70px;
    background: #f9f9f9 url(https://dwbxi9io9o7ce.cloudfront.net/public/img/herobanner-7.0f1cd5e69801.jpg?1b03e0c301da) no-repeat 100% 80%/auto 400px;
    background-position: center;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.search {
    clear: both;
    position: relative;
}

.form-field {
    width: 100%;
    padding: 5px 0;
}

.form-field select {
    width: 100%;
    padding: 5px;
    border: 1px solid #848991;
    border-radius: 3px;
    color: black;
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 0.6;
    height: 40px;
}

.but {
    height: 40px;
    width: 100px;
    border-radius: 3px;
    display: inline-block;
    float: left;
    background-color: #2B96CC;
    color: #fff;
    text-align: center;
}

.but:active {
    transform: scale(0.95);
}

#avatar {
    float: right;
    padding: 10px;
}

#avatar a {
    width: 100px;
    height: 100px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.name a {
    color: #2fa4e7;
    text-transform: uppercase;
    font-weight: bold;
}

#chat {
    padding: 3px;
    width: 100%;
}

#chat a {
    background: #fff;
    color: #ff749c;
    font-size: 12px;
    border: 1px solid #00a2a2;
    border-radius: 5px;
    padding: 1px 5px;
    display: inline-block;
}

.dt p {
    color: #2fa4e7;
}

.dt ul li {
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 5px;
}

.pagination {
    width: 100%;
    margin: 0;
}

.pagination li {
    border-radius: 3px;
}

.pagination ul li a {
    font-size: 12px;
    padding: 3px;
}

.pagination1 .active>span {
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.pagination>li>a,
.pagination>li>span {
    font-size: 12px;
    padding: 3px;
    position: relative;
    float: left;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.dt {
    clear: both;
}

.dt h2 {
    font-size: 14px;
}

.desc,
p,
a,
b {
    font-size: 14px;
}

@media(min-width: 768px) {
    .content {
        /*padding: 10px;*/
    }
    .form-field {
        width: 30%;
        padding-right: 5px;
    }
    .form-field select {
        float: left;
    }
    #avatar {
        float: left;
        /*height: 200px;*/
    }
    .desc {
        margin: 0 5px;
        float: right;
        width: 35%;
    }
    .pagination span {
        padding-left: 10%;
    }
    .pagination ul li a {
        font-size: 16px;
        padding: 10px;
    }
    .pagination>li>a,
    .pagination>li>span {
        font-size: 16px;
        padding: 10px;
    }
    .dt ul li {
        clear: both;
    }
}


/*doctor-detail*/

.ava {
    padding: 15px 0 10px 30%;
}

.call-to-action {
    margin-top: 10px;
    padding-bottom: 5px;
}

.call-to-action a i {
    /**/
}

.call-to-action a,
.achat #chatdt {
    font-size: 14px;
    font-weight: 400;
}

#chatdt {
    text-align: center;
    display: inline-block;
    background: #fff;
    border: 1px solid #00a2a2;
    color: #00a2a2;
    padding: 5px;
}

#aside {
    text-align: center;
    padding-top: 20px;
}

.dk {
    display: inline-block;
    background: #98d01d;
    border: 1px solid #00a2a2;
    border-radius: 3px;
    color: #fff;
    padding: 5px 10px;
    width: 185px;
    margin-top: 5px;
    position: relative;
    transition: background-color 0.1s, color 0.1s;
    text-decoration: none;
}

.contribution {
    position: relative;
}

.contribution ul li a {
    text-decoration: none;
}

.contribution span {
    color: #aaa;
    display: block;
    font-size: 11px;
}

.contribution strong {
    font-size: 11px;
}

.contribution ul li {
    float: left;
    text-align: center;
    padding-left: 10%;
}

.contribution ul li i {
    color: #efbe2c;
}

.subsection {
    clear: both;
}

.subsection h2 {
    font-size: 15px;
    color: #ff749c;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0 5px 5px;
    border-bottom: 1px solid #e4e4e4;
}

.subsection h2 i {
    font-size: 14px;
    color: #333;
    padding-right: 10px;
}

.subsection p,
.ck,
.form-row,
.button-row {
    padding-left: 15px;
}

.form-field-input {
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 270px;
    resize: vertical;
    float: left;
}

.dec {
    color: #b4b4b4;
    font-size: 10px;
}

.c1 ul li a:hover {
    background: rgba(255, 255, 255, 0.4);
    border-bottom: 3px solid rgba(0, 186, 191, 0.4);
}

.cl ul li:hover a {
    color: #00a2a2;
}

.c1 ul li a.active {
    color: #00a2a2;
    border-bottom: 3px solid #00a2a2;
}

.c1 ul li {
    padding: 0;
    margin: 0;
    width: 20%;
    float: left;
}

.patient-item {
    border-top: 1px solid grey;
    padding-top: 15px;
}

.patient-item label {
    font-weight: bold;
}

.c1 a:hover,
.c1 a:visited,
a {
    text-decoration: none;
}

.c1 ul li a {
    font-weight: bold;
    color: #ff749c;
    font-size: 15px;
    width: 100%;
    display: inline-block;
    text-decoration: none;
    transition: color 0.1s, border 0.1s, background 0.1s;
    border-bottom: 3px solid rgba(255, 255, 255, 0);
}

#asd {
    text-align: left;
    padding-left: 15%;
}

.dg {}

#aside .dg {
    border: 1px solid #eee;
    width: 100%;
    margin: 0;
    display: inline-block;
}

#aside .dg:hover {
    border: 1px solid #2B96CC;
    border-radius: 3px;
}

.dg li {
    text-align: center;
    border-radius: 3px;
}

.dg li {
    width: 50%;
    margin-left: 25%;
}

.dg li p {
    width: 100%;
    padding: 5px;
}

textarea {
    height: 140px;
    width: 100%;
    resize: vertical;
}

p {
    /*margin: 0;*/
}

.content {
    /*padding-bottom:15px;*/
}

.ct {
    padding-bottom: 35px;
}

.content,
#avatar {
    /*padding-top:25px;*/
}

.call {
    float: right;
    margin-top: 10px;
}

.call a,
.call i {
    color: #ff749c;
}

.call a {
    border: 1px solid #00a2a2;
    border-radius: 3px;
    margin-right: 5px;
    padding: 5px;
}

@media(min-width: 1200px) {
    .call {
        float: right;
    }
    .dpk {
        margin-left: 20px;
    }
    .c1 {
        width: 80%;
        float: right;
    }
    .c1 ul li a {
        padding: 15px;
    }
}

@media(min-width: 1024px) {
    .call {
        float: right;
    }
}

@media(min-width: 768px) {
    .ct .name a {
        font-size: 14px;
    }
    .c1 ul li a {
        font-size: 18px;
    }
    #aside {
        width: 30%;
        float: left;
    }
    .content {
        /*width:70%;
        float:left;*/
    }
    .content-doctor {
        width: 65%;
    }
    .call {
        /*clear:both;*/
    }
    .contribution a {
        text-align: center;
    }
    .contribution a span,
    .contribution strong,
    .contribution i {
        font-size: 16px;
    }
    .contribution li {
        text-align: center;
    }
    .ck ul li {
        width: 30%;
        float: left;
    }
}

.body h4 {
    display: inline-block;
}

.body .medic,
h4 {
    /*font-size: 14px;*/
}

.sec {
    padding: 10px;
}

.sec i {
    font: normal normal normal 16px/1 fontawesome;
    color: #2B96CC;
}

.sec #hide {
    display: none;
}

.sec #hide,
.sec #show {
    float: right;
    padding-top: 15px;
}

.sec span {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.medic2 {
    display: none;
    clear: both;
    font-size: 14px;
    font-weight: 400;
}

.medic2 h4 {
    font-size: 15px;
    font-weight: bold;
}

#aside-medic {
    display: none;
}

.sec {
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
}

.ck ul li a,
.ck1,
.ck1 ul li,
.ck ul li,
.ck {
    padding-left: 5px;
    font-size: 15px;
}

.achat {
    padding-top: 5px;
}

.act ul li {
    padding-bottom: 10px;
}

.act ul li .entry-content a {
    color: #2B96CC;
}

.act ul li .entry-content .thank i {
    color: #ff749c;
}

.act ul li .entry-content .entry-meta-time {
    color: #777;
    background: #ededed;
    display: block;
}

.act ul li .entry-content p {
    word-wrap: break-word;
    font-weight: bold;
}

@media(min-width: 768px) {
    .sec #hide,
    .sec #show {
        display: none;
    }
    .act ul li {
        width: 50%;
        float: left;
        padding: 0 0 5% 10px;
    }
    .sec i {
        display: none;
    }
    .sec {
        border: none;
    }
    .content {
        /*padding-left: 25px;*/
    }
    .content .name a {
        font-size: 14px;
    }
    .medic2 {
        display: block;
    }
    .medic2 p {
        font-size: 14px;
    }
    .sec h2 {
        float: left;
        border-bottom: 1px solid #2B96CC;
        display: block;
        padding-bottom: 10px;
        font-size: 14px;
    }
    .sec span {
        color: #00a2a2;
    }
    #aside-medic {
        display: block;
    }
    #aside-medic {
        width: 15%;
        float: left;
    }
    #aside-medic a {
        display: block;
        font-size: 14px;
        padding: 15px 0;
        border-bottom: 1px solid #e8e8e8;
        font-weight: bold;
    }
    #aside-medic a.active {
        color: #00a2a2;
    }
    #aside-medic a:hover {
        text-decoration: none;
        color: #00a2a2;
    }
    #aside-medic i {
        font-size: 14px;
        color: #2B96CC;
    }
}

h3 {
    /*font-size: unset;*/
}


/*Tìm kiếm*/

.inf {
    padding-top: 10px;
}

#search {
    text-align: center;
}

.tk ul li .image {
    background: url(https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da) no-repeat 50% 50%/cover;
    float: right;
    height: 80px;
    margin-left: 20px;
    width: 120px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.tk ul li strong,
.tk ul li span,
.tk ul li span {
    font-size: unset;
}

.tk ul li p {
    margin: 5px 0 10px 0;
}

.tk {
    width: 100%;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    padding-top: 0;
}

.tk ul li article {
    padding: 15px 0;
    border-bottom: 1px solid #e8e8e8;
}

.tk ul li a {
    color: #2b96cc;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
}

.tk ul li a:hover {
    color: #23527c;
}

@media(min-width: 768px) {
    #search {
        background: #ededed;
        padding: 15px;
        height: 50px;
    }
    #search ul li {
        float: left;
        padding-left: 10px;
    }
    #search ul li a {
        font-size: 14px;
        padding: 5px;
        text-decoration: none;
        width: 100%;
    }
    #search ul li a.active {
        border-bottom: 3px solid #00a2a2;
    }
    #search ul li a:hover {
        border-bottom: 3px solid rgba(0, 186, 191, 0.4);
    }
}


/*End*/


/*Sick*/

.sick .content {
    width: 100%;
}

.scroll-link {
    padding: 0;
}

.scroll-link ul li {
    float: left;
    margin-left: 5px;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
}

.scroll-link ul li a {
    font-size: 18px;
    color: #333;
    width: 100%;
    padding: 10px;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}

.scroll-link ul li a:hover {
    color: #2B96CC;
    border-bottom-color: #2B96CC;
    width: 100%;
}

.lists {
    padding: 0;
    border-top: 1px solid #eee;
}

.lists ul li {
    list-style-type: square;
    color: #2B96CC;
    font-size: 15px;
    margin-left: 20px;
    padding: 5px 0;
}

.lists ul li a {
    font-size: 14px;
    color: #333;
}

.lists ul li a:hover {
    text-decoration: none;
    color: #2B96CC;
}

.lists h3 {
    padding-top: 20px;
    clear: both;
}

.lists .back-to-top a {
    float: right;
    color: #999;
}

.lists .back-to-top a i {
    color: #2B96CC;
}

.lists .ls,
.scroll-link,
.lists span {
    display: none;
}

.lss {
    clear: both;
    padding: 10px 0;
    margin-top: 10px;
    display: none;
}

.lists i {
    float: right;
}

.lists #hide {
    display: none;
}

@media(min-width: 768px) {
    .lists #hide,
    .lists #show {
        display: none;
    }
    .lists {
        border: none;
    }
    .lists ul li {
        width: 30%;
        float: left;
    }
    .lists .test,
    .scroll-link,
    .lists span,
    .lss {
        display: block;
    }
}


/*End*/


/*Bệnh detail*/

.sick-dt-right,
.sick-dt-bot {
    padding: 10px 0;
    border: 1px solid #eee;
    border-radius: 5px;
}

.sick-dt-right h3,
.sick-dt-bot h3 {
    font-size: 16px;
    font-weight: bold;
    color: #2B96CC;
    padding: 5px;
    border-bottom: 1px solid #eee;
}

.sick-dt-right ul li,
.sick-dt-bot ul li {
    clear: both;
    border-bottom: 1px solid #eee;
    padding: 5px;
}

.sick-dt-right ul li a.image,
.sick-dt-bot ul li a.image {
    width: 55px;
    height: 55px;
    float: left;
    display: block;
    background-size: contain;
    background: no-repeat 50% 50%/cover;
}

.sick-dt-right ul li .body h4 a,
.sick-dt-bot ul li .body h4 a {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.sick-dt-right ul li .body h4 a:hover,
.sick-dt-bot ul li .body h4 a:hover {
    color: #00a2a2;
}

.sick-dt-right .view-more,
.sick-dt-bot .view-more {
    clear: both;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 50px;
    color: #2B96CC;
}

.sick-dt-bot {
    margin-top: 10px;
}

.ctb {
    font-size: 14px;
}

.ctb h2 span {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    color: #2B96CC;
    padding-bottom: 5px;
    margin-bottom: 10px;
    line-height: 2;
}

.ctb .b1,
.ctb .b1 p {}

.ctb .b1 h4 {
    padding-top: 10px;
    font-weight: bold;
}


/*.b1 .media{
    width: 150px;
    height: 150px;
    float: right;

}*/


/*.b1 .media #hero-image {
    display: block;
    width: 150px;
    height: 150px;
    float: right;
}*/


/*.b1 .media #hero-image .item a.image{
    display: block;

    background: no-repeat 50% 50%/cover;
    width: 150px;
    height: 150px;


}*/


/*.b1 #hero-carousel{
    display: block;
}
.b1 #hero-carousel .item a{
    display: block;
    background-size: contain;
    background: no-repeat 50% 50%/cover;
    width: 50px;
    height: 50px;

}*/

.name-aliases {
    margin: 15px 0;
    padding: 15px;
    background: #eee;
}

.name-aliases h4 {
    font-weight: bold;
}

.name-aliases ul li {
    float: left;
    padding-right: 10px;
}

.secctb {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.secctb p {
    font-size: 14px;
    font-weight: 400;
}

.secctb ul li {
    font-size: 14px;
}

.asctb {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.secctb ul li h3 a {
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
}

.post-meta-data .user {
    font-weight: bold;
    display: block;
}

.post-meta-data .time {
    color: #999;
}

.post-meta-data span {
    font-size: 14px;
    font-weight: 400;
}

.post-meta-data span a {
    font-size: 14px;
    color: #00a2a2;
    font-weight: normal;
}

.grid-it .body p {
    font-size: 14px;
    font-weight: 400;
}

.header .button {
    background-color: #98d01d;
    font-size: 16px;
    color: #fff;
    border: 1px solid #00a2a2;
    position: absolute;
    padding: 10px 15px 10px 50px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.header .button:hover {
    background-color: #fff;
    text-decoration: none;
    color: #2B96CC;
}

.header .button:hover i {
    color: #2B96CC;
}

.header .button i {
    background: rgba(0, 0, 0, 0.2);
    left: 0;
    top: 0;
    width: 43px;
    height: 100%;
    text-align: center;
    position: absolute;
    font: normal normal normal 18px/1 fontawesome;
    color: #fff;
    padding-top: 13px;
}

.asctb .sctb h3 {
    color: #2B96CC;
    font-weight: bold;
    font-size: 12px;
}

.media .item a {
    height: 150px;
    width: 150px;
}

.sctb {
    padding: 15px 0;
    margin-top: 15px;
    border: 1px solid #eee;
}

.sctb ul li {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #eee;
}

.sctb ul li a {
    font-size: 14px;
}

.sctb ul li a:hover {
    color: #00a2a2;
    text-decoration: none;
}

.sctb {
    margin-left: 15px;
}

.asctb ul {
    position: relative;
}

.sctb ul li .image {
    width: 40px;
    height: 40px;
}

.sctb .view-more {
    font-size: 14px;
    color: #2B96CC;
}

.sctb .view-more:hover {
    text-decoration: none;
    color: #337ab7;
}

.ctb {
    clear: both;
}

#bct {
    display: none;
}

.b1 {
    display: none;
}

#hide {
    display: none;
}

.scb i {
    font-size: 14px;
    padding-top: 5px;
    color: #2B96CC;
}


/*.media  .item a {
    background: url(https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da) no-repeat 50% 50%/cover;
    float: right;
   width: 100%;
   height: 100%;
}
#hero-image{
    display: block;
    border-radius: 4px 4px 0 0;
    height: 130px;
    width: 130px;
}*/

@media(min-width: 768px) {
    .header .button {
        top: 0;
        right: 15px;
    }
    .ctb h2 span {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
        border-bottom: 3px solid #2B96CC;
        color: #333;
    }
    #show {
        display: none;
    }
    .cctb {
        width: 70%;
        float: left;
    }
    .asctb {
        width: 30%;
        float: left;
    }
    #bct {
        display: block;
    }
    .b1 {
        display: block;
    }
    #bct ul li {
        float: left;
        padding-left: 15px;
    }
    #bct {
        background: #ededed;
        padding: 15px;
        height: 50px;
    }
    #bct ul li a {
        font-size: 16px;
        padding: 5px;
        text-decoration: none;
        width: 100%;
        color: #333;
    }
    #bct ul li a.active {
        border-bottom: 3px solid #00a2a2;
    }
    #bct ul li a:hover {
        border-bottom: 3px solid rgba(0, 186, 191, 0.4);
    }
    .sctb ul li {
        padding: 10px 0 10px 0px;
    }
    .asctb .sctb h3 {
        text-align: center;
    }
    .sctb .view-more {
        padding-left: 80px;
    }
}


/*End bệnh-detail*/


/*News*/

.list-feature {
    margin-bottom: 20px;
}

.latest-post-body h2 a:hover {
    text-decoration: none;
    color: #00a2a2;
}

.description-latest-post {
    font: 400 18px arial;
    font-size: 14px;
    margin-left: 30px;
    padding-bottom: 15px;
}

.list-category {
    clear: both;
    padding-bottom: 25px;
    border-top: 1px solid #2B96CC;
    border-bottom: 1px solid #eee;
}

.list-category ul li {
    padding: 10px 15px;
}

.list-category ul li a {
    font-size: 14px;
    font-weight: bold;
    color: #7c7e82;
}

.list-category ul li a:hover {
    text-decoration: none;
    color: #2B96CC;
}

.list-post ul li {
    padding: 15px;
    margin: 0 10px 10px 0;
    border: 1px solid #eee;
    border-radius: 3px;
}

.list-post ul li h4 {
    clear: both;
}

.list-post ul li h4 a {
    font-family: "Merriweather", serif;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333;
}

.list-post ul li h4 a:hover {
    text-decoration: none;
    color: #00a2a2;
}

.body-post a {
    float: left;
    padding: 0 15px;
    max-height: 142px;
    overflow: hidden;
}

.body-post a img {
    width: 150px;
    height: auto;
}

.description {
    font: 400 18px arial;
    margin-left: 15px;
    font-size: 14px;
    font-weight: 400;
    max-height: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.global-thread-create-cta {
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: inline-block;
    z-index: 100;
}

.global-thread-create-cta a.button {
    background-color: #98d01d;
    border: 1px solid #00a2a2;
    display: inline-block;
    border-radius: 5px;
    padding: 18px;
    text-transform: uppercase;
    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
}

.global-thread-create-cta a:hover {
    text-decoration: none;
    background-color: #fff;
    transition: 0.1s;
}

.global-thread-create-cta i {
    float: left;
    font-size: 20px;
    color: #fff;
    margin: 5px;
}

.global-thread-create-cta a:hover i,
.global-thread-create-cta a:hover span {
    color: #e2384c;
}

.global-thread-create-cta span {
    font-size: 12px;
    color: #fff;
    display: block;
    text-align: center;
}

.global-thread-create-cta strong {
    font-size: 20px;
    font-weight: normal;
    color: #D50000;
}

.global-thread-create-cta a {
    border: 1px solid;
}

.list-feature {
    display: none;
}

.img {
    /*width: 150px;
    height: 150px;
     display: block;
     margin-left: 25%;
     margin-bottom: 15px;*/
}

.latest-post-body h2 a {
    font-size: 14px;
    font-weight: bold;
    margin-left: 15%;
    text-align: center;
}

@media(min-width: 768px) {
    .latest-post {
        width: 70%;
        float: left;
    }
    .list-feature {
        width: 30%;
        float: left;
        display: block;
    }
    .latest-post-image {
        height: 362px;
    }
    .img {
        /* margin-top:-120px;
        margin-left: 50px;
        width:550px;
        height:550px;
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-image: 500px;*/
    }
    .list-feature ul li .image {
        clear: both;
        width: 30%;
        float: left;
        margin-bottom: 10px;
    }
    .list-feature ul li h4 a {
        font-family: "Merriweather", serif;
        width: 70%;
        float: left;
        padding: 5px 0 0 10px;
        font-size: 14px;
        font-weight: 600;
    }
    .list-feature ul li h4 a:hover {
        text-decoration: none;
        color: #00a2a2;
    }
    .latest-post-body h2 a {
        font-size: 20px;
        font-weight: 700;
        font-family: "Merriweather", serif;
        color: black;
        text-transform: uppercase;
    }
    .list-category ul li {
        float: left;
    }
    .list-post ul li {
        width: 49%;
        float: left;
        min-height: 215px;
    }
}


/*End News*/


/*News detail*/

.top-list ul li {
    clear: both;
    border-top: 1px solid #eee;
}

.top-list ul li a.image {
    float: left;
    background: no-repeat 50% 50%/cover;
    width: 50px;
    height: 50px;
    display: block;
    margin: 10px;
    border-radius: 5px;
}

.top-list ul li .body {
    width: 60%;
    float: left;
    margin-top: 10px;
}

.top-list ul li .body a {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
}

.top-list ul li .body a:hover {
    text-decoration: none;
    color: #00a2a2;
}

.top-list h3 {
    color: #2B96CC;
    font-weight: bold;
}

.nav-ctbv {
    display: inline-block;
    background-color: #eee;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 5px;
}

.dropd-f {
    display: inline-block;
    position: relative;
    padding: 15px 0 15px 25px;
    margin: 0;
}

.dropd-c {
    position: absolute;
    display: none;
    min-width: 180px;
    z-index: 1;
    top: 50px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 5px 0;
    background: #eee;
}

.dropd-c:before {
    background: #eee;
    content: ' ';
    position: absolute;
    transform: rotateZ(45deg);
    height: 7px;
    width: 7px;
    left: 20%;
    top: -4px;
}

.dropd-c a {
    display: inline-block;
    padding: 10px;
    width: 100%;
    background-color: #eee;
    text-decoration: none;
    font-size: 16px;
}

.dropd-c a:hover {
    background-color: #fff;
    transition: visibility 0.3s, opacity 0.3s;
}

.dropd-f span a {
    font-size: 16px;
}

.dropd-f span a:hover {
    text-decoration: none;
    color: #2B96CC;
    transition: visibility 0.3s, opacity 0.3s;
}

.dropd-f:hover .dropd-c {
    display: block;
}

.streamfield p {
    font: 400 18px arial;
    padding-top: 10px;
}

.streamfield div {
    font: 400 18px arial;
    padding-top: 10px;
}

.streamfield a {
    font: 400 18px arial;
    padding-top: 10px;
}

.streamfield p a {
    color: #2B96CC;
    font: 400 18px arial;
}

.tplCaption tr td {
    text-align: center;
}

.tplCaption tr td img {
    width: 300px;
    margin-left: 5%;
    margin-top: 15px;
}

.tplCaption tr td .Image em {
    font-size: 12px;
    display: block;
}

.tplCaption tr td .Image {
    text-align: center;
    width: 100%;
    padding: 5px;
    font-style: italic;
    margin-bottom: 15px;
    background-color: #eee;
    word-break: break-all;
}

.VCSortableInPreviewMode img {
    margin: 0 15%;
    margin-bottom: 15px
}

.PhotoCMS_Caption {
    background-color: #eee;
    padding: 5px;
    text-align: center;
}

.asp {
    padding-bottom: 15px;
}

.sectt {
    clear: both;
    padding: 5px;
}

.sectt h3 {
    color: #2B96CC;
    border-top: 1px solid #2B96CC;
    font-weight: bold;
    border-bottom: 1px dotted #333;
    padding: 10px 0;
}

.posts-list ul li {
    clear: both;
}

.posts-list ul li a {
    width: 70%;
    float: left;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
}

.posts-list ul li a.image {
    width: 30%;
    float: left;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

.posts-list ul li a:hover {
    color: #00a2a2;
}

.supplementary {
    clear: both;
    padding: 0;
}

.supplementary h3 {
    padding: 10px 0;
    color: #2B96CC;
    border-top: 1px solid #2B96CC;
    font-weight: bold;
    border-bottom: 1px dotted #333;
}

.answer-top .image {
    display: inline-block;
    border: 1px solid #eee;
    padding-top: 3px;
    text-align: center;
    height: 40px;
    width: 40px;
    float: left;
    left: 0;
}

.answer-top .image span {
    color: #fff;
    font-size: 25px;
}

.answer-top .post-body-content {
    padding: 10px 50px;
}

.contns h1 {
    font-size: unset;
    font-weight: bold;
}

.nav-ctbv {
    display: none;
}

@media(min-width: 768px) {
    .nav-ctbv {
        display: block;
    }
    .contns {
        clear: both;
        width: 70%;
        float: left;
    }
    .asleft {
        width: 30%;
        float: left;
    }
    .contns h1 {
        font-size: 32px;
        font-family: "Merriweather", serif;
        font-weight: 700;
        margin-bottom: 15px;
    }
    .tplCaption tr td img {
        margin: 0 25%;
        width: 500px;
        padding-top: 15px;
    }
    .tplCaption tr td .Image {
        margin: 0 20%;
        background-color: unset;
        padding-left: 15px;
    }
    .posts-list ul li {
        width: 25%;
        float: left;
        padding: 10px;
    }
    .posts-list ul li a,
    .posts-list ul li a.image {
        float: unset;
    }
    .posts-list ul li {
        clear: unset;
    }
    .top-list {
        padding: 10px;
        border: 1px solid #eee;
        display: inline-block;
    }
}


/*End nd*/


/*Chuyên mục*/

.nd1 .imgvm img {
    float: left;
    width: 150px;
    margin-right: 20px;
}

.nd2 ul li img {
    float: left;
    width: 150px;
    margin: 0 20px 10px 0;
    border: unset;
}

.nd2 ul li {
    border-top: 1px solid #eee;
    padding-top: 15px;
    clear: both;
}

.nd1cm1 a,
.nd2cm2 h4 a {
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #2B96CC;
}

@media(min-width: 768px) {
    .contcm {
        padding: 0 50px;
    }
    .nd1 .nd1cm1 {
        padding-left: 30px;
    }
    .nd2 ul li img {
        float: left;
    }
    .nd1 .imgvm img {
        width: 150px;
        float: left;
    }
    .nd2 ul li img {
        width: 150px;
        border-radius: 5px;
        margin-bottom: 15px;
    }
    .nd1 .nd1cm1,
    .nd2 ul li .nd2cm2 {
        width: 70%;
        float: left;
    }
    .nd1cm1 a,
    .nd2cm2 h4 a {
        font-size: 20px;
    }
    .nd2 ul li {
        clear: both;
        padding: 15px 0;
        border-top: 1px solid #eee;
    }
    .nd2cm2 {
        padding-left: 30px;
    }
}

@media(max-width: 1024px) {}


/*End Chuyên mục*/


/*Hoi bac si*/

.col-left .a1 {
    padding: unset;
}

.caption a.image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    padding: 0;
}

.col-left article {
    padding: 0;
}

.cntleft .body p {
    padding: 0 15px;
    font-size: 14px;
    color: #333;
}

.cntleft .body p a,
.cntleft .body p a i {
    color: #2B96CC;
}

#col-right ul li {
    clear: both;
    padding-left: 30px;
}

#col-right ul li a.image {
    width: 20%;
    float: left;
}

#col-right ul li h3 a {
    width: 80%;
    float: left;
    padding: 10px 15px 0 10px;
    font-size: 14px;
    font-weight: bold;
}

#forum-landing-bottom {
    padding-top: 15px;
}

#forum-landing-bottom article {
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
    margin: 10px 15px 0 0;
}

.question .body p {
    padding-top: 10px;
}

.question h3 a {
    font-size: 14px;
    font-weight: bold;
    color: #2B96CC;
}

.question h3 a:last-child {
    color: #e84f5e;
}

.question .thank-count {
    text-align: right;
}

.thank-count i {
    color: #ff749c;
    /**/
}

.post-meta-data .ckhbs {
    display: block;
}

.answer {
    padding-top: 20px;
}

.answer span {
    font-weight: bold;
}

.answer ul li h4 a {
    font-weight: bold;
    color: #00a2a2;
    font-size: 14px;
}

.answer ul li {
    clear: both;
}

.answer ul li span.image {
    width: 15%;
    float: left;
    width: 30px;
    height: 30px;
    display: block;
    padding-right: 10px;
    background-size: contain;
    background: url(https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da) 50% 50%/cover;
    margin-right: 5px;
    border-radius: 50%;
}

.answer ul li h4 {}

.ud {
    display: none;
}

.sechbs1 {
    padding: 0;
}

.sechbs2 {
    padding-top: 15px;
}

.sechbs2 i {
    float: right;
}

.sechbs1 p {
    font-size: 14px;
    font-weight: 400;
}

.sechbs1 h3,
.sechbs2 h3 {
    font-size: 16px;
    font-weight: bold;
    color: #2B96CC;
}

.sechbs2 #up {
    display: none;
}

.ud a {
    text-decoration: none;
    font-weight: bold;
}

.ud a:hover h5 {
    color: #00a2a2;
}

.ud a h5 {
    font-size: 14px;
}

.cntleft .header {
    display: inline-block;
    background-color: #eee;
    width: 100%;
}

.cntleft .header h3,
.cntleft .header a {
    padding: 10px 0 0 15px;
}

.cntleft .header h3 {
    float: left;
}

.cntleft .header a {
    padding-left: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #00a2a2;
    text-decoration: none;
    float: left;
}

.cntleft .header a i {
    color: #00a2a2;
}

#col-right ul li h3 a {
    text-decoration: none;
}

#col-left .image {
    width: 350px;
    height: 250px;
}

#col-left {
    display: inline-block;
}

.buthbs {
    background-color: #98d01d;
    font-size: 14px;
    color: #fff;
    border: 1px solid #00a2a2;
    position: relative;
    padding: 10px 15px 10px 50px;
    border-radius: 5px;
}

.buthbs:hover {
    text-decoration: none;
    background-color: #fff;
    color: #2B96CC;
}

.buthbs:hover i {
    color: #2B96CC;
    background: unset;
}

.buthbs i {
    background: rgba(0, 0, 0, 0.2);
    height: 100%;
    left: 0;
    top: 0;
    line-height: 41px;
    position: absolute;
    text-align: center;
    color: #fff;
    width: 43px;
    /*font: normal normal normal 16px/1 FontAwesome;
    padding-top: 13px;*/
}

@media(min-width: 1200px) {
    #col-left .caption a.image {
        margin-left: 60px;
    }
    #col-right {
        margin-top: 15px;
    }
}

@media(min-width: 1024px) {
    #col-left .image {
        width: 450px;
        height: 325px;
        margin-top: 10px;
    }
}

@media(min-width: 768px) {
    .buthbs {
        right: 15px;
        top: 0;
    }
    .cnthbs {
        width: 75%;
        float: left;
    }
    .asdhbs {
        width: 25%;
        float: left;
    }
    .ud {
        display: block;
    }
    .sechbs2 #down {
        display: none;
    }
    #col-left {
        width: 60%;
        float: left;
    }
    #col-right {
        width: 40%;
        float: left;
    }
    #col-right ul li a.image {
        width: 25%;
        float: left;
        margin-bottom: 15px;
    }
    #col-right ul li h3 a {
        width: 70%;
        float: left;
        padding-top: 5px;
        font-size: 14px;
        font-weight: bold;
        color: #999;
    }
    .asdhbs {
        padding-left: 15px;
    }
    .asdhbs .sechbs1,
    .asdhbs .sechbs2 {
        border: 1px solid #eee;
        padding: 10px;
        margin-top: 10px;
    }
    .asdhbs .sechbs1 h3,
    .asdhbs .sechbs2 h3 {
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
    }
    .cntleft .header a {
        padding-right: 5px;
        float: right;
    }
}


/*End hoi bac si*/


/* tuyển chọn*/

.top-cnt {
    padding: 10px 0;
}

.tcct-left section {
    padding: 0;
}

.tcct-left .description {}

.tcct-left .description .image {
    width: 275px;
    height: 175px;
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.tcct-left article {
    clear: both;
}

.tcct-left .tctitle {
    line-height: 1.4;
}

.tcct-left .tctitle h2 {
    margin-bottom: 0;
}

.tcct-left .tctitle h2 a {
    font-size: 16px;
    font-weight: bold;
    color: #2B96CC;
}

.order {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    background-color: #2B96CC;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    padding-top: 5px;
}

.tcct-left article {
    padding-top: 10px;
}

.entry-meta {
    padding-left: 55px;
}

.entry-meta span {
    font-size: 12px;
}

.tcct-left article {
    clear: both;
    border: 1px solid #eee;
    margin: 20px 10px 0 0;
}

.tcct-left article .tctitle,
.tcct-left article .body {
    padding: 10px;
}

.top-cnt {
    border: 1px solid #eee;
    margin-bottom: 10px;
}

.top-cnt h3 {
    border-bottom: 1px solid #eee;
    color: #2B96CC;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
}

.top-cnt p {
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
}

.top-list .view-more {
    clear: both;
    border-top: 1px solid #eee;
    display: block;
    font-size: 16px;
    color: #2B96CC;
    padding: 10px 0;
    text-align: center;
}

section.top-list {
    padding-top: 10px;
}

.replyer {
    padding: 15px;
}

.replyer .image {
    width: 50px;
    height: 50px;
    border: 1px solid #eee;
    margin-right: 15px;
}

.replyer a {
    width: 30%;
    float: left;
}

.replyer span {
    display: block;
}

.replyer-info {
    width: 70%;
    float: left;
}

.replyer-info h4 a {
    width: 100%;
    color: #00a2a2;
    font-size: 14px;
}

.replyer-info h4 a i {
    color: #00a2a2;
    font: normal normal normal 16px/1 fontawesome;
}

.replyer-info span {
    color: #999;
    font-size: 12px;
}

.replyer-info span i {
    color: #999;
}

.tc-answer {
    border-top: 1px solid #eee;
}

.tc-answer .cms {
    padding: 15px;
    clear: both;
}

@media(min-width: 768px) {
    .tcct-left .description {
        padding: 10px;
    }
    .tcct-left .description .image {
        width: 300px;
        height: 200px;
        float: left;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .tcct-left article {
        clear: both;
    }
    .tcct-left {
        width: 70%;
        float: left;
    }
    .tcct-right {
        width: 30%;
        float: left;
    }
    .replyer {
        padding: 15px;
    }
    .replyer .image {
        width: 70px;
        height: 70px;
        float: left;
        border: 1px solid #eee;
        margin-right: 15px;
    }
    .replyer span {
        display: block;
    }
    .replyer-info h4 a {
        color: #00a2a2;
        font-size: 16px;
    }
    .replyer-info h4 a i {
        color: #00a2a2;
        font: normal normal normal 16px/1 fontawesome;
    }
    .replyer-info span {
        color: #999;
        font-size: 14px;
    }
    .replyer-info span i {
        color: #999;
    }
    .tc-answer .cms {
        padding: 15px;
    }
}


/* end tuyển chọn*/


/*Danh sách hỏi bác sĩ*/

.as-left-hbs-ds {
    margin-top: 50px;
}

.unanswered {
    display: block;
    font-size: 14px;
    color: #2B96CC;
    font-weight: 450;
}

.unanswered i {
    color: #2B96CC;
}

.as-left-hbs-ds2 {
    border: 1px solid #eee;
    padding: 10px;
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
}

.as-left-hbs-ds2:hover {
    background: #eee;
}

.as-left-hbs-ds2 .question h3 a {
    font-size: 16px;
}

.but-ds-hbs {
    margin-top: 30px;
}

.as-right-hbs-ds section {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #eee;
}

.as-right-hbs-ds .sec-hbs-ds h3,
.as-right-hbs-ds .sec-q-ck h3,
.as-right-hbs-ds .sec-q-cd h3 {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    font-weight: bold;
    color: #2B96CC;
}

.as-right-hbs-ds .sec-hbs-ds .collapsible-target p {
    font-size: 14px;
}

.as-right-hbs-ds .sec-q-cd .collapsible-target dt,
.as-right-hbs-ds .sec-q-ck .collapsible-target dt {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.as-right-hbs-ds .sec-q-cd .collapsible-target dt a h5,
.as-right-hbs-ds .sec-q-cd .collapsible-target dt a span,
.as-right-hbs-ds .sec-q-ck .collapsible-target dt a h5,
.as-right-hbs-ds .sec-q-ck .collapsible-target dt a span {
    font-size: 15px;
    display: inline-block;
}

.as-right-hbs-ds .sec-q-cd .collapsible-target dt a span,
.as-right-hbs-ds .sec-q-ck .collapsible-target dt a span {
    float: right;
}

.sec-js .collapsible-target dt {
    display: none;
}

@media(min-width: 768px) {
    .as-left-hbs-ds {
        width: 60%;
        float: left;
        margin-right: 20px;
        margin-top: 20px;
    }
    .as-right-hbs-ds {
        width: 35%;
        float: left;
    }
}


/*end*/


/*View Hỏi bác sĩ*/

.hbsv-cntr section {
    padding: 10px;
}

.post-meta-dt1 span {
    display: block;
    /*font-weight: bold;*/
}

.question-title {
    font-weight: 700;
    color: #e84f5e;
    font-size: 1.0rem;
}

.question-title span.avatar {
    margin-top: 3px;
}

.post-meta-dt1 .time1 {
    font-size: 13px;
    color: #495057;
    display: block;
}

.post-meta-dt1 a {
    font-size: 14px;
    color: #00a2a2;
}

.thanks-button-count {
    padding: 10px 0;
}

.thanks-button-count span i {
    color: #ff749c;
}

.thanks-button-count .thank {
    padding: 10px;
    background-color: #eee;
}

.hbsv-cntl {
    border: 1px solid #eee;
    margin-right: 10px;
    border-radius: 5px;
}

.hbsv-cntl article {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.hbsv-cntl h3 {
    padding: 10px 0 0 10px;
}

.hbsv-cntl h3 a {
    font-size: 16px;
    font-weight: bold;
    color: #2B96CC;
}

.post-body-content p {
    font-size: 16px;
}

.hbsv-cntr h3 {
    color: #2B96CC;
    font-weight: bold;
    font-size: 18px;
}

.hbsv-cntr p {
    font-size: 16px;
}

.dropct-hbsv h5 {
    font-size: 16px;
}

.dropct-hbsv a {
    text-decoration: none;
}

.dropct-hbsv a:hover h5 {
    color: #00a2a2;
}

.hbsv-cntr .sec-hbsv1,
.hbsv-cntr .sec-hbsv2 {
    border: 1px solid #eee;
    margin-bottom: 10px;
    border-radius: 5px;
}

.hbsv-cntr .sec-hbsv1 h3,
.hbsv-cntr .sec-hbsv2 h3 {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.hbsv-cntr .sec-hbsv2 h3 i {
    float: right;
}

.hbsv-cntr .sec-hbsv2 h3 i#up {
    display: none;
}

.dropct-hbsv {
    display: none;
}

.thank-hbsv .active {
    display: none;
}

@media(min-width: 768px) {
    .hbsv-cntl {
        width: 65%;
        float: left;
    }
    .hbsv-cntr {
        width: 30%;
        float: left;
    }
    .dropct-hbsv {
        display: block;
    }
    .hbsv-cntr .sec-hbsv2 h3 i#down {
        display: none;
    }
    .post-meta-dt1 {
        float: left;
        width: 100%;
    }
    .post-meta-dt1 span {
        display: unset;
    }
}


/*End view*/


/*Tuyển chọn hỏi bác sĩ*/

.grid-it {
    border: 1px solid #eee;
    display: inline-block;
    margin-bottom: 20px;
}

.grid-it .media a {
    background: url(https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da) no-repeat 50% 50%/cover;
    width: 100%;
    height: 200px;
    border-radius: 5px;
}

.grid-it .body {
    padding: 10px;
}

.grid-it .body h3 {
    padding-bottom: 10px;
}

.grid-it .body h3 a {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    color: #333;
    text-decoration: none;
}

.grid-it .body h3 a:hover {
    color: #2B96CC;
}

.grid-it .body a i {
    color: #00a2a2;
}

.grid-it .body a.readmore {
    font-size: 14px;
    color: #00a2a2;
    float: right;
}

@media(min-width: 768px) {
    .grid-it {
        width: 22.2%;
        float: left;
        margin: 0 30px 20px 0;
    }
}


/*End*/


/* Đặt câu hỏi*/

#thread-create h3 {
    font-size: 28px;
    font-weight: bold;
    color: #ff749c;
}

#thread-create .des p {
    font-size: 14px;
    font-weight: 400;
}

#thread-create .question-new .reset {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

#thread-create .question-new .reset label {
    width: 40%;
    float: left;
    margin-bottom: 0;
    border-right: 1px solid #ced4da;
    font-size: 12px;
}

#thread-create span,
#thread-create span i {
    color: #ff749c;
}

#thread-create .question-new .reset input {
    width: 60%;
    float: left;
    padding-left: 10px;
    font-size: 12px;
    padding-top: 3px;
}

.form-group {
    margin: 5px 0;
}

#thread-create .question-new .full,
#thread-create .question-new .full .form-info select,
#thread-create .question-new .left,
#thread-create .question-new .right,
#thread-create .question-new .reset {
    border: 1px solid #ced4da;
    padding: 10px;
    border-radius: 5px;
}

#plus {
    display: none;
}

#minus {
    float: left;
    padding: 5px 5px 0 0;
}

.question-new .text-alert {
    font-style: italic;
    padding-top: 10px;
}

#thread-create .question-new .full textarea {
    font-size: 12px;
}

#thread-create .question-new .full label {
    border-bottom: 1px solid #ced4da;
    width: 100%;
}

#thread-create .question-new .full .form-info label {
    border: none;
}

#thread-create .question-new .full .form-info select {
    width: 100%;
    font-size: 12px;
}

#thread-create .question-new .left,
#thread-create .question-new .right {
    margin-right: 10px;
    display: inline-block;
    width: 100%;
}

#thread-create .question-new .left label,
#thread-create .question-new .right label {
    margin-bottom: 0;
    width: 40%;
    float: left;
    font-size: 12px;
}

#thread-create .question-new .left input,
#thread-create .question-new .right input {
    width: 60%;
    float: left;
    border-left: 1px solid #ced4da;
    padding-left: 10px;
    font-size: 12px;
}

.btn-primary {
    padding: 10px;
    margin: 20px 0;
}

@media(min-width: 768px) {
    #thread-create .question-new .left,
    #thread-create .question-new .right {
        width: 45%;
        float: left;
    }
    #thread-create .question-new .full .form-info select {
        width: 50%;
        font-size: 16px
    }
    #thread-create .question-new .full textarea {
        font-size: 16px;
    }
    #thread-create .question-new .reset label {
        width: 30%;
    }
    #thread-create .question-new .reset input {
        width: 70%;
    }
    #thread-create .question-new .reset label,
    #thread-create .question-new .reset input {
        font-size: 16px;
    }
    #thread-create .question-new .left label,
    #thread-create .question-new .right label {
        width: 35%;
        font-size: 16px;
    }
    #thread-create .question-new .left input,
    #thread-create .question-new .right input {
        width: 65%;
        font-size: 16px;
    }
    #thread-create .question-new .right button {
        clear: both;
    }
}


/*End đặt câu hỏi*/


/*HBS chuyên khoa*/

.hbs-ckl section,
.hbs-ckr section {
    padding: 10px;
}

.ck-professionals,
.carousel-section,
#ck-question-section article {
    border: 1px solid #eee;
    border-radius: 3px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

.ck-header,
.ck-top-list {
    border: 1px solid #eee;
    margin-bottom: 20px;
    width: 100%;
}

.ck-header h3 {
    border-bottom: 1px solid #eee;
}

.ck-header h3,
.ck-top-list h3 {
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #2B96CC;
}

.ck-question a {
    font-size: 16px;
    color: #2B96CC;
    font-weight: bold;
    text-decoration: none;
}

.ck-question .body p {
    font-size: 14px;
}

.ck-question .thank-count {
    text-align: right;
}

.ck-answer .image {
    width: 50px;
    height: 50px;
    display: block;
    background-size: contain;
    background: 50% 50%/cover;
    float: left;
}

.ck-answer a {
    font-size: 14px;
    font-weight: bold;
    color: #00a2a2;
    text-decoration: none;
    padding: 15px 0 0 10px;
}

.ck-top-list {
    display: inline-block;
}

.ck-top-list ul li {
    clear: both;
    border-bottom: 1px solid #eee;
}

.ck-top-list ul li a.image {
    width: 55px;
    height: 55px;
    float: left;
    background-size: contain;
    margin: 10px;
}

.ck-top-list ul li .body {
    width: 70%;
    float: left;
    margin-top: 10px;
}

.ck-top-list .body h4 a {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    word-break: break-all;
}

.ck-top-list .view-more {
    clear: both;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
    display: block;
    text-align: center;
    color: #2B96CC;
    border-top: 1px solid #eee;
}

.ck-ud {
    clear: both;
    border-top: 1px solid #eee;
    padding: 10px;
    text-align: center;
}

.ck-top-list .ck-ud-dropd {
    display: none;
}

#ck-up {
    display: none;
}

#doctor-content,
#clinic-content {
    display: inline-block;
    width: 98%;
    float: left;
}

.ck-professionals .item img {
    height: 175px;
    display: block;
    background: url(https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da) no-repeat 50% 50%/cover;
    margin-bottom: 5px;
}

.ck-professionals .item {
    text-align: center;
    width: 80%;
    float: left;
    overflow: hidden;
    position: relative;
    display: none;
    padding: 10px;
    margin-left: 15%;
}

.ck-professionals .active {
    display: inline-block;
}

.prev,
.next {
    cursor: pointer;
    z-index: 100;
    position: relative;
}

.prev {
    width: 1%;
    float: left;
    margin-top: 80px;
}

.next {
    width: 1%;
    float: left;
    margin-top: 80px;
}

@media(min-width: 768px) {
    .ck-professionals .item {
        width: 31%;
        margin-left: 10px;
    }
    .ck-professionals .item img {
        width: 180px;
    }
}

@media(min-width: 1024px) {
    .hbs-ckl {
        width: 70%;
        float: left;
    }
    .hbs-ckr {
        width: 25%;
        float: left;
        margin-left: 20px;
    }
}


/*End HBS CK*/


/*About Us*/

@media(min-width: 768px) {
    .main-A {
        padding: 0 20px;
        position: relative;
        margin: auto;
    }
}

.main-A {
    padding: 0 10px;
    position: relative;
    margin: auto;
    margin-top: 15px;
    min-height: 50vh;
}

.top-new {
    border-top: 1px solid #ced4da;
    padding-top: 20px;
}

.top-new h2 {
    font-size: 1.5em;
    font-weight: bold;
}

#leader {
    clear: both;
    position: relative;
    line-height: 1.4;
    display: block;
}

#leader h2 {
    color: #2fa4e7;
    font-size: 1.5em;
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    display: block;
}

#leader img {
    max-width: 200px;
    max-height: 300px;
    margin: 0 20px 30px 0;
    border-radius: 100px;
}

#leader p {
    margin-bottom: 20px;
    line-height: 1.2;
}

#leader .cl-b {
    color: #333;
    font-weight: bold;
}

#leader b {
    font-size: 18px;
    color: #2fa4e7;
    font-weight: bold;
}

.link-p {
    font-size: 16px;
    color: #2B96CC;
    font-weight: bold;
}

.h4-abu {
    font-size: 18px;
    font-weight: bold;
}

.p-abu {
    font-size: 16px;
}

@media(min-width: 1200px) {
    .main-A {
        width: 1300px;
    }
}

@media(min-width: 768px) {
    #leader img {
        float: left;
    }
    #leader p {
        margin-top: 40px;
    }
}


/*End about us*/


/*Khuyến mãi*/

.km-cnt {
    border-top: 1px solid #ced4da;
}

.menu-km-cnt ul li {
    float: left;
    padding: 0 15px;
    text-transform: uppercase;
}

.menu-km-cnt ul li a {
    text-decoration: none;
    font-weight: bold;
    padding: 10px;
}

.menu-km-cnt ul li a:hover {
    color: #2B96CC;
}

.menu-km-cnt ul li a.active {
    width: 100%;
    border-bottom: 3px solid #2B96CC;
}

.promotion-list-item:hover {
    text-decoration: none;
}

.promotion-list-item {
    position: relative;
}

.promotion-list-item .media {
    position: relative;
}

.grid-layout .grid-item {
    padding: 20px 15px;
    min-height: 490px;
    display: block;
}

.grid-item .media .image-placeholder {
    width: 100%;
    padding-top: 75%;
    opacity: .2;
    position: relative;
    background: #f6f6f6 none center/cover;
}

.grid-item .image {
    display: block;
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.grid-item .promotion-button {
    background: #00babe;
    border-color: #00babe;
    color: #fff;
    font-size: 12px;
    opacity: 0;
    text-transform: uppercase;
    transition: opacity 0.25s ease-in-out;
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 5px 10px;
    border-radius: 5px;
}

.grid-item .promotion-button:hover {
    color: #00babe;
    background: #fff;
    border: 1px solid #00babe;
}

.promotion-list-item:hover .promotion-button {
    opacity: 1;
}

.promotion-list-item .media .address i {
    /**/
}

.promotion-list-item .media .address {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    bottom: 10px;
    color: #fff;
    left: 10px;
    padding: 3px 8px 2px 5px;
    /*font:normal normal normal 14px/1 fontawesome;*/
}

.grid-item .promotion-item-discount {
    background: #ff749c;
    color: #fff;
    font-size: 16px;
    border-radius: 50%;
    padding: 15px 10px;
    left: 70%;
    font-weight: bold;
}

.grid-item .promotion-item-discount,
.promotion-button,
.grid-item .address {
    position: absolute;
}

.grid-item .promotion-title {
    font-size: 18px;
    font-weight: bold;
}

.price {
    padding: 10px 0;
}

.price .old-price,
.price .old-price span.currency {
    text-decoration: line-through;
    font-weight: bold;
    font-size: 15px;
    color: #333;
}

.price .new-price {
    padding-left: 15px;
}

.price .new-price,
.price .new-price span.currency {
    font-weight: bold;
    color: #ff749c;
    font-size: 18px;
}

.place-address,
.place-address i {
    color: #2B96CC;
    font-size: 14px;
    font-weight: 500;
}

.grid-item .body {
    padding: 5px;
}

.place-address:hover {
    color: #337ab7;
}

.place-address .promotion-title span {
    font-weight: bold;
}

.place-address .promotion-title>span:hover {
    color: #00a2a2;
}

span.currency {
    color: #2B96CC;
}

.grid-item .promotion-title:hover {
    color: #00a2a2;
}

.date-hits .date,
.date-hits .date i,
.date-hits .hits span,
.date-hits .hits span i {
    font-size: 13px;
    color: #666;
}

.date-hits .hits {
    text-align: right;
}

@media(min-width: 1024px) {
    .grid-layout .grid-item {
        width: 23.9%;
        float: left;
        padding: 0;
    }
    .menu-km-cnt ul li {
        float: left;
        padding: 0px;
        text-transform: uppercase;
    }
    .menu-km-cnt ul li a {
        text-decoration: none;
        font-weight: bold;
        font-size: 14px;
        padding-right: 5px;
    }
    .promotion-list {
        margin-top: 70px;
    }
    .promotion-list .grid-item {
        margin: 5px;
        border: 1px solid #eee;
    }
}

@media (max-width: 979px) {
    .grid-layout .grid-item {
        width: 30%;
        float: left;
        padding: 0;
    }
    .menu-km-cnt ul li {
        float: left;
        padding: 0;
        text-transform: uppercase;
    }
    .menu-km-cnt ul li a {
        text-decoration: none;
        font-weight: bold;
        font-size: 10px;
        padding-right: 5px;
    }
    .promotion-list {
        margin-top: 70px;
    }
    .promotion-list .grid-item {
        margin: 10px;
        border: 1px solid #eee;
    }
}

@media (max-width: 479px) {
    .grid-layout .grid-item {
        width: 100%;
    }
    .menu-km-cnt ul li a {
        text-decoration: none;
        font-weight: bold;
        font-size: 10px;
        padding: 5px;
    }
}


/*End KM*/


/*Promotion detail*/

.km-dt-ct {
    border-top: 1px solid #ced4da;
}

.clearfix {
    margin: 10px 0;
    padding-right: 20px;
}

.price-km>span {
    display: block;
    clear: both;
}

.price-km .old-price-km,
.old-price-container .currency {
    text-decoration: line-through;
}

.price-km .new-price-km,
.price-km .currency {
    font-size: 20px;
    font-weight: bold;
    color: #ff749c;
}

.price-container {
    display: inline-block;
}

.price-container h1 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px;
}

.price-container .price-get {
    clear: both;
    display: inline-block;
    width: 100%;
    border: 1px solid #eee;
}

.get-promotion {
    padding: 10px 0 0 10px;
    border-left: 1px solid #eee;
}

.old-price-container {
    font-weight: bold;
    color: #333;
    font-size: 12px;
}

.old-price-container .old-price-km,
.old-price-container .currency {
    color: #999;
}

.new-price-km .discount {
    background-color: #ff749c;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}

.new-price-km .discount::before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #ff749c;
    border-width: 5px;
    margin-top: -5px;
}

.bot-clearfix {
    clear: both;
}

.sec-km-dt {
    padding: 10px 0;
    overflow: hidden;
}

.sec-km-dt .c p {
    font-size: 14px;
    font-weight: 400;
}

.promotion-place-list {
    padding: 10px 0;
}

.question .body p {
    font-size: 14px;
    font-weight: 400;
}

.sec-km-dt h3,
.promotion-place-list h3 {
    border-top: 1px solid #00a2a2;
    border-bottom: 1px solid #ced4da;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 400;
}

.promotion-group .image {
    display: block;
    float: left;
    background: no-repeat 50% 50%/cover;
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.promotion-group ul li .body a {
    font-size: 18px;
    font-weight: bold;
    color: #2B96CC;
}

.promotion-group ul li .body .field-place {
    font-size: 14px;
}

.promotion-group .promotion-btn {
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #2B96CC;
    border-radius: 3px;
    transition: background-color 0.1s, color 0.1s;
    border: 1px solid #2B96CC;
}

.promotion-group .promotion-btn:hover {
    background-color: #fff;
    color: #2B96CC;
}

.promotion-btn::before {
    content: '\f06b';
    font-family: FontAwesome;
    margin-right: 10px;
    font-size: 24px;
    position: relative;
    top: 1px;
}

.promotion-place-list .related {
    padding: 20px 0;
}

.roll-button {
    font-size: 14px;
    font-weight: bold;
    color: #2B96CC;
}

.roll-button:hover {
    text-decoration: none;
}

.c-comment-vue {
    clear: both;
    padding: 20px 0;
}

.c-comment-vue h3 {
    border-top: 1px solid #00a2a2;
    border-bottom: 1px solid #ced4da;
    padding: 10px 0;
}

.hits i,
.promotion-expired-date i {
    font-size: 12px;
    color: #666;
}

.post-1130 p {
    clear: both;
}

.post-1130 p span strong span a {
    font-size: 20px;
    font-weight: bold;
}

.alignnone {
    float: left;
}

.table-1 tr {
    padding: 10px 0;
}

.table-1 tr td strong {
    color: #fff;
}

@media(min-width: 768px) {
    .clearfix {
        width: 30%;
        float: left;
    }
    .price-container {
        width: 70%;
        float: left;
        display: inline-block;
    }
    .price-km {
        width: 40%;
        float: left;
    }
    .get-promotion {
        width: 55%;
        float: left;
    }
    .bot-clearfix .sec-km-dt {
        width: 65%;
        float: left;
        margin-right: 10px;
    }
    .bot-clearfix .promotion-place-list {
        width: 30%;
        float: left;
        overflow: hidden;
    }
    .sec-km-dt .alignnone {
        float: unset;
    }
}


/*End promotion detail*/


/*Tài khoản*/

.as-tk {
    border: 1px solid #eee;
    margin: 0 20px 20px 0;
}

.as-tk .sec-acc {
    padding: 10px;
}

.sec-acc h3 {
    font-size: 16px;
    font-weight: bold;
    color: #2B96CC;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.sec-acc dl {
    margin: 0;
}

.sec-acc dl dt {
    padding: 10px 0;
}

.sec-acc dl dt a {
    text-decoration: none;
    font-weight: 500;
}

.sec-acc dl dt a:hover,
.sec-acc dl dt a:hover i,
.sec-acc dl dt a.active,
.sec-acc dl dt a.active i {
    color: #2B96CC;
}

.sec-acc dl dt a {
    font-size: 14px;
}

.sec-acc dl dt i,
.content-tk-home .sec-acc-home .section-header h2 i {}

.content-tk-home {
    margin-top: 10px;
}

.content-tk-home .sec-acc-home {
    border: 1px solid #eee;
}

.cont-tk .payment-choice {
    padding: 10px 0;
}

.cont-tk .payment-choice .payment-amount li button {
    padding: 3px 6px;
    margin-right: 5px;
    border-radius: 3px;
    background: #2B96CC;
    color: #fff;
    border: 1px solid #00a2a2;
    cursor: pointer;
}

.cont-tk .payment-choice .payment-amount li button:hover {
    background: #fff;
    color: #00a2a2;
}

.content-tk-home .sec-acc-home {
    padding: 10px;
}

.content-tk-home .sec-acc-home .section-header h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.content-tk-home .sec-acc-home .section-body .form-field {
    float: left;
    width: 100%;
}

.content-tk-home .sec-acc-home .section-body .form-field label {
    float: left;
    padding-right: 10px;
    font-weight: bold;
    text-align: right;
}

.h-center {
    margin-left: 300px;
}

.sec-acc-home .section-body {
    padding: 0;
}

.sec-tk-gn {
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.sec-tk-gn .section-header h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.sec-tk-gn .section-header h2 i {}

.sec-tk-gn .section-body {
    padding: 10px 0;
}

.sec-tk-gn .section-body p,
.sec-tk-gn .section-body p a {
    font-size: 14px;
    font-weight: 400;
}

#tabs-container {
    display: inline-block;
    border-bottom: 1px solid #ced4da;
    width: 100%;
}

#tabs-container ul li {
    float: left;
    padding: 10px;
}

#tabs-container ul li a {
    padding: 10px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
}

.tab-tk-ans {
    clear: both;
    overflow: hidden;
}

.tab-tk-ans #tab-2,
.tab-tk-ans #tab-1 {
    margin-top: 10px;
}

.tab-tk-ans #tab-2 article,
.tab-tk-ans #tab-1 article {
    /*border:1px solid #eee;*/
    padding: 10px;
    margin-bottom: 10px;
    /*border-radius: 3px;*/
}

.tab-tk-ans #tab-2 article:hover,
.tab-tk-ans #tab-1 article:hover {
    /*background: #eee;*/
    transition: ease 0.3s;
}

.tabs-menu li.current {
    display: block;
    border-bottom: 2px solid #e84f5e;
    z-index: 5;
    color: #e84f5e;
}

#tabs-container ul li a:hover {
    color: #e84f5e;
}

#tab-1 {
    display: block;
}

#tab-2 {
    display: none;
}

.change-password {
    padding: 10px 0;
}

.change-password .form-field {
    width: 100%;
    float: left;
    position: relative;
}

.change-password .form-field label {
    width: 150px;
    float: left;
    padding: 5px 10px 0 0;
    font-weight: 510;
}

.change-password .form-field .form-field-input input {
    padding: 5px 10px;
    width: 100%;
}

.change-password .form-field .form-field-input input:focus {
    box-shadow: 1px 1px 1px #2B96CC inset, 1px 1px 1px #2B96CC;
    outline: 0 none;
    transition: ease 0.3s;
}

.change-password .button-row {
    padding-top: 20px;
}

.change-password .button-row button {
    padding: 5px 20px;
    color: #fff;
    background: #2B96CC;
    font-weight: 400;
    font-size: 16px;
    border-radius: 3px;
}

.change-password .section-body {
    padding-left: 0;
}

.change-password .section-header h2 {
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.change-password .section-header h2 i {}

.cnt-tk-add-dt .form-group,
.cnt-tk-add-csyt .form-group,
.cnt-tk-add-nt .form-group,
.cnt-tk-add-bv .form-group {
    width: 100%;
    float: left;
}

.cnt-tk-add-dt .form-group .form-control,
.cnt-tk-add-csyt .form-group .form-control,
.cnt-tk-add-nt .form-group .form-control,
.cnt-tk-add-bv .form-group .form-control {
    width: 100%;
}

.cnt-tk-add-dt .form-group label,
.cnt-tk-add-csyt .form-group label,
.cnt-tk-add-nt .form-group label,
.cnt-tk-add-bv .form-group label {
    width: 150px;
    float: left;
    font-weight: bold;
}

.cnt-tk-add-dt .form-group .selectContainer .selectpicker,
.cnt-tk-add-csyt .form-group .selectContainer .selectpicker,
.cnt-tk-add-nt .form-group .selectContainer .selectpicker,
.cnt-tk-add-bv .form-group .selectContainer .selectpicker {
    border: 1px solid #ced4da;
    width: 100%;
    border-radius: 3px;
    padding: 5px;
}

.cnt-tk-add-dt .form-group .inputGroupContainer select,
.cnt-tk-add-csyt .form-group .inputGroupContainer select,
.cnt-tk-add-nt .form-group .inputGroupContainer select,
.cnt-tk-add-bv .form-group .inputGroupContainer select {
    border: 1px solid #ced4da;
    border-radius: 3px;
    padding: 5px;
}

.h1-tk-addbs,
.h1-tk-addcsyt,
.h1-tk-add-nt,
.h1-tk-add-bv {
    font-size: 20px;
    font-weight: bold;
    color: #2b96cc;
    border-bottom: 1px solid #ced4da;
    padding-bottom: 10px;
}

.but-tk-addbs,
.but-ad-tkcsyt,
.but-add-tk-nt,
.but-bv {
    padding-left: 75px;
}

@media(min-width: 768px) {
    .as-tk {
        width: 30%;
        float: left;
    }
    .content-tk-home {
        /*width: 60%;*/
        /*float: left;*/
    }
    .cont-tk .payment-choice .payment-amount li button {
        padding: 5px 15px;
    }
    .change-password .form-field label {
        text-align: right;
    }
    .change-password .button-row {
        padding-left: 180px;
    }
    .cnt-tk-add-dt .form-group,
    .cnt-tk-add-csyt .form-group,
    .cnt-tk-add-nt .form-group,
    .cnt-tk-add-bv .form-group {
        width: 100%;
        float: left;
    }
    .cnt-tk-add-dt .form-group .form-control,
    .cnt-tk-add-csyt .form-group .form-control,
    .cnt-tk-add-nt .form-group .form-control,
    .cnt-tk-add-bv .form-group .form-control {
        width: 60%;
        float: left;
    }
    .cnt-tk-add-dt .form-group .selectContainer .selectpicker,
    .cnt-tk-add-csyt .form-group .selectContainer .selectpicker,
    .cnt-tk-add-nt .form-group .selectContainer .selectpicker,
    .cnt-tk-add-bv .form-group .selectContainer .selectpicker {
        width: 60%;
    }
    .but-tk-addbs,
    .but-ad-tkcsyt,
    .but-add-tk-nt,
    .but-bv {
        padding-left: 150px;
    }
}


/*End account*/


/*Nạp tiền*/

.as-nl-l .sec-nl-l {
    padding: 10px;
}

.sec-nl-l {
    border: 1px solid #eee;
    margin-right: 20px;
    border-radius: 3px;
}

.sec-nl-l h3 {
    font-size: 16px;
    font-weight: bold;
    color: #2B96CC;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.sec-nl-l dl dt {
    padding: 10px 0;
}

.sec-nl-l dl dt a {
    font-size: 15px;
    text-decoration: none;
    font-weight: 400;
}

.sec-nl-l dl dt a:hover {}

.sec-nl-l dl dt a.active,
.sec-nl-l dl dt a.active i,
.sec-nl-l dl dt a:hover,
.sec-nl-l dl dt a:hover i {
    color: #2B96CC;
}

.sec-nl-l dl dt a i {}

.as-nl-r h2 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 550;
}

.as-nl-r tr td {
    font-weight: 500;
}

.as-nl-r tr td input {
    padding: 5px;
    border: 1px solid #ced4da;
    border-radius: 3px;
    margin-bottom: 1px;
}

.as-nl-r tr td input:focus {
    box-shadow: 1px 1px 1px #2B96CC inset, 1px 1px 1px #2B96CC;
}

.as-nl-r .list-content .boxContent li.bank-online-methods {
    float: left;
    margin-right: 5px;
}

.as-nl-r .list-content {
    position: relative;
}

.boxContent p {
    font-size: 14px;
}

.boxContent p a {
    font-size: 14px;
    color: #2B96CC;
    font-weight: 500;
}

.boxContent ul.clearfix {
    padding-right: 0;
}

ul.cardList li {
    width: 30%;
    cursor: pointer;
    float: left;
    margin-right: 0;
    text-align: center;
}

.list-content li {
    list-style: none outside none;
    margin: 0 0 10px;
    display: block;
}

.list-content li label {
    display: block;
}

.list-content li .boxContent {
    display: none;
    border: 1px solid #cccccc;
    padding: 10px;
    border-radius: 3px;
}

.list-content li.active .boxContent {
    display: inline-block;
}

.as-nl-r tr td .thanhtoan {
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 450;
    background: #2B96CC;
    cursor: pointer;
    border: 1px solid #00a2a2;
}

.as-nl-r tr td .thanhtoan:hover {
    color: #00a2a2;
    background: #fff;
}

.verified-badge {
    background: #4080ff;
    border-radius: 20px;
    padding: 0 5px;
    cursor: pointer;
    padding-bottom: 3px;
}

.verified-badge em {
    font-weight: 450;
    color: #fff;
    font-size: 12px;
    font-style: unset;
}

.verified-badge:before {
    content: '\f00c';
    font-family: FontAwesome;
    color: #fff;
    font-size: 12px;
}

@media(min-width: 768px) {
    .as-nl-l {
        width: 30%;
        float: left;
    }
    .as-nl-r {
        width: 60%;
        float: left;
    }
    .boxContent ul.clearfix {
        width: 100%;
    }
    ul.cardList li {
        float: left;
        width: 90px;
    }
}


/*End nạp tiền*/


/*Nhà thuốc*/

ul .has-actions {
    clear: both;
    border: 1px solid #eee;
    margin-top: 10px;
    padding: 10px 0;
    border-radius: 5px;
}

ul .has-actions:hover {
    background: #eee;
    border: 1px solid #ced4da;
}

.has-actions .media {
    margin-left: 5px;
    float: right;
    position: relative;
    width: 45%;
}

.has-actions .body {
    position: relative;
}

.has-actions .body .info {
    min-height: 155px;
}

.has-actions .body .info h2 {
    font-size: unset;
}

.has-actions .body .info h2 a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.2;
}

.has-actions .body .info .desc {
    margin-left: 20px;
}

.has-actions .body .info .desc a,
.has-actions .body .info .desc a i {
    color: #2B96CC;
    font-style: italic;
}

.brief {
    line-height: 1.2;
    margin: 0;
}

.brief dt {
    float: left;
}

.brief dt i {
    font: normal normal normal 12px/1 FontAwesome;
    margin-right: 5px;
}

.brief dd,
.brief span,
.brief b,
.has-actions .body .info .desc {
    font-size: 14px;
    margin: 0;
}

.brief b {
    font-weight: bold;
}

.form-inline .form-group {
    border: 1px solid #ced4da;
    border-radius: 3px;
    padding: 5px 0;
}

.submit-nt {
    margin: 10px 0 0 5px;
    padding: 5px 10px;
    background: #2B96CC;
    color: #fff;
    /*font-weight: 300;*/
    border-radius: 5px;
}

.submit-nt:active {
    transform: scale(0.95);
}

.has-actions .body .info .verified-badge em {
    display: none;
}

@media(min-width: 768px) {
    .has-actions .media {
        float: left;
        position: relative;
        margin-right: 10px;
        width: unset;
    }
    .has-actions .body .info .desc {
        float: right;
        width: 35%;
    }
    .brief {
        margin-right: 39%;
    }
    .has-actions .body .info .verified-badge em {
        display: inline-block;
    }
    .has-actions .body .info h2 {
        font-size: 2em;
    }
    ul .has-actions {
        padding: 10px;
    }
}


/*End nhà thuốc*/


/*Chi tiết nhà thuốc*/

.as-left-dtnt {
    width: 300px;
    height: 300px;
    float: left;
    background-size: contain;
    margin-bottom: 10px;
}

.as-left-dtnt #hero-image {
    display: block;
}

.as-left-dtnt .item a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da) 50% 50%/cover;
}

.cnt-dtnthuoc .content {
    padding: 0 10px;
}

.cnt-dtnthuoc .content #gioi-thieu {
    padding: 0;
}

.cnt-dtnthuoc .position .unimportant a {
    font-size: 20px;
    color: #00a2a2;
    font-weight: 450;
    text-decoration: none;
    height: 100%;
    padding: 10px;
}

.cnt-dtnthuoc .position .unimportant a:hover {
    background: #fff;
}

.cnt-dtnthuoc .position .unimportant a.active {
    border-bottom: 3px solid #00a2a2
}

@media(min-width: 768px) {
    .cnt-dtnthuoc .position ul {
        padding-left: 350px;
    }
}


/**/

.replyer-doctor a:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    float: right;
    background: #2B96CC;
    color: #fff;
    width: 30px;
    height: 20px;
    text-align: center;
    border-radius: 10px;
    margin-left: 10px;
}


/*Ngân lượng*/

i.VISA,
i.MASTE,
i.AMREX,
i.JCB,
i.VCB,
i.TCB,
i.MB,
i.VIB,
i.ICB,
i.EXB,
i.ACB,
i.HDB,
i.MSB,
i.NVB,
i.DAB,
i.SHB,
i.OJB,
i.SEA,
i.TPB,
i.PGB,
i.BIDV,
i.AGB,
i.SCB,
i.VPB,
i.VAB,
i.GPB,
i.SGB,
i.NAB,
i.BAB {
    width: 80px;
    height: 30px;
    display: block;
    background: url(https://www.nganluong.vn/webskins/skins/nganluong/checkout/version3/images/bank_logo.png) no-repeat;
}

i.MASTE {
    background-position: 0px -31px
}

i.AMREX {
    background-position: 0px -62px
}

i.JCB {
    background-position: 0px -93px;
}

i.VCB {
    background-position: 0px -124px;
}

i.TCB {
    background-position: 0px -155px;
}

i.MB {
    background-position: 0px -186px;
}

i.VIB {
    background-position: 0px -217px;
}

i.ICB {
    background-position: 0px -248px;
}

i.EXB {
    background-position: 0px -279px;
}

i.ACB {
    background-position: 0px -310px;
}

i.HDB {
    background-position: 0px -341px;
}

i.MSB {
    background-position: 0px -372px;
}

i.NVB {
    background-position: 0px -403px;
}

i.DAB {
    background-position: 0px -434px;
}

i.SHB {
    background-position: 0px -465px;
}

i.OJB {
    background-position: 0px -496px;
}

i.SEA {
    background-position: 0px -527px;
}

i.TPB {
    background-position: 0px -558px;
}

i.PGB {
    background-position: 0px -589px;
}

i.BIDV {
    background-position: 0px -620px;
}

i.AGB {
    background-position: 0px -651px;
}

i.SCB {
    background-position: 0px -682px;
}

i.VPB {
    background-position: 0px -713px;
}

i.VAB {
    background-position: 0px -744px;
}

i.GPB {
    background-position: 0px -775px;
}

i.SGB {
    background-position: 0px -806px;
}

i.NAB {
    background-position: 0px -837px;
}

i.BAB {
    background-position: 0px -868px;
}


/*End NL*/


/*Eng home*/


/*.lang-en:hover .sub-langs{
    display: block;
}*/

input[type=checkbox]:checked~.sub-langs {
    display: block;
}

input[type=checkbox],
.sub-langs {
    display: none;
}

.sub-langs li a {
    margin-left: 10px;
}

.chkact:before {
    content: "\f00c";
    font-family: FontAwesome;
}

ul .lang-en {
    clear: both;
}

ul .lang-en img {
    width: 20px;
    height: 20px;
    float: left;
}

ul .lang-en .langtr {
    float: left;
    width: 50%;
    margin-left: 5px;
}

.sub-langs,
.menu-h {
    min-width: 180px;
}

.sub-langs li {
    clear: both;
}

.sub-langs li img {
    width: 20px;
    height: 20px;
    float: left;
}

.sub-langs li a {
    float: left;
}

#img-en {
    display: none;
}

#img-vi {
    display: block;
}

.doctor-title-section h1 {
    color: #2B96CC;
    text-align: center;
    margin-top: 10px;
}

#top .link .nav ul li a,
.breadcrumb li a {
    font-size: 16px;
    font-weight: 400;
}

#top .link .nav h1,
#top .link .nav h1 span,
#top .link h1,
#top .link h1 span {
    font-size: 18px;
    font-weight: 400;
}

.fs1 {
    font-size: 14px;
    font-weight: 350;
}

.fs {
    font-size: 14px;
    text-align: justify;
}

.sick .lists ul li a {
    font-size: 16px;
}

.dt ul li p,
.dt ul li b,
.dt ul li .desc {
    font-size: 14px;
    font-weight: 400;
}

.ck ul li a,
.subsection .ck1,
.subsection .ck1 li,
.subsection p,
.subsection p a {
    font-size: 16px;
    font-weight: 400;
}

.subsection .button-row a {
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
}

.dt ul li i {}

.dt ul li p a,
.dt ul li div,
.dt ul li span,
.call a,
.readmore,
.cnt-nthuoc .desc,
.cnt-nthuoc .brief dd,
.cnt-nthuoc span {
    font-size: 14px;
    font-weight: 400
}

.verified-badge em {
    display: none;
}

@media(min-width: 768px) {
    .verified-badge em {
        display: inline-block;
    }
    #top .link .nav ul li a,
    .breadcrumb li a {
        font-size: 18px;
        font-weight: 400;
    }
    #top .link .nav h1,
    #top .link .nav h1 span,
    #top .link h1,
    #top .link h1 span {
        font-size: 18px;
        font-weight: 400;
    }
    .fs1 {
        font-size: 16px;
        font-weight: 350;
    }
    .fs {
        font-size: 16px;
        text-align: justify;
    }
    .alone p {
        font-size: 14px;
    }
    .alone strong {
        font-size: 16px;
    }
}


/*End*/


/*contactus*/

.contact-us strong {
    font-size: 15px;
    font-weight: 600;
}


/**/


/*dispute*/

.dispute-re {
    line-height: 1.6;
}

.dispute-re p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}


/**/


/*infomation security*/

.info-secu {
    line-height: 1.4;
}

.info-secu p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}


/**/

.dt .apps {
    margin: 5px 0;
    height: 30px;
    justify-content: left;
}

.dt .apps a {
    margin: 0;
}

.dt .apps a img {
    height: 30px;
}

.scb .b1 .name-aliases {
    display: inline-block;
}


/*benh slider*/

.scb .b1 .media {
    width: 250px;
    height: 350px;
    overflow: hidden;
    display: unset;
}

.scb .b1 .media #hero-image {
    height: 250px;
    overflow: hidden;
    display: block;
}

.scb .b1 .media #hero-image .item {
    width: 250px;
    height: 250px;
    float: left;
}

.scb .b1 .media #hero-image .item a {
    display: block;
    width: 250px;
    height: 250px;
    background: no-repeat 50% 50%/cover;
}

.scb .b1 .media #hero-carousel {
    height: 55px;
    display: block;
    margin: 10px 0;
    text-align: center;
}

.scb .b1 .media #hero-carousel .item {
    width: 55px;
    height: 55px;
    float: left;
    margin-left: 5px;
}

.scb .b1 .media #hero-carousel .item a {
    display: block;
    width: 55px;
    height: 55px;
    background: no-repeat 50% 50%/cover;
}

@media(min-width: 768px) {
    .scb .b1 .media {
        float: right;
    }
}


/**/


/*Slider*/

.ck-professionals .prev-ck,
.ck-professionals .next-ck {
    position: absolute;
    top: 50%;
    cursor: pointer;
}

.ck-professionals .next-ck {
    left: 96%;
}

.ck-professionals {
    position: relative;
    height: 280px;
}

.ck-professionals .item-ck {
    display: block;
    width: 200px;
    height: 230px;
    margin: 0;
    float: left;
    padding-left: 10px;
}

.ck-professionals #doctor-content-ck {
    height: 250px;
}

.ck-professionals #doctor-content-ck .item-ck a h3 {
    text-align: center;
    margin-top: 5px;
    font-size: 15px;
}

.ck-professionals #doctor-content-ck .item-ck a img {
    width: 200px;
    height: 200px;
    background: url(https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da) 50% 50%/cover;
}

.ck-professionals .slide-show {
    width: 200px;
    height: 230px;
    position: absolute;
    margin-left: 10vh;
    overflow: hidden;
}

@media(min-width: 768px) {
    .ck-professionals .slide-show {
        width: 600px;
        margin-left: 50px;
    }
}

@media(min-width: 1024px) {
    .ck-professionals .slide-show {
        width: 600px;
        margin-left: 30px;
    }
}

@media(min-width: 1200px) {
    .ck-professionals .slide-show {
        width: 800px;
    }
}


/**/


/*bun add style for desktop */

.hbsv-cntl img[src="/public/images/no_image.png"] {
    display: none!important;
}

span.icon-settings {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #e84f5e;
    display: inline-block;
    text-align: center;
    color: #fff;
}

span.icon-settings i {
    color: #fff;
    margin-top: 7px;
}

.hbsv-cntl h3 a:nth-child(2) {
    color: #e84f5e;
}

.link.bi-background {
    background: #f9f9f9 url(https://dwbxi9io9o7ce.cloudfront.net/public/img/herobanner-7.0f1cd5e69801.jpg?1b03e0c301da) no-repeat 100% 80%/auto 400px;
    padding: 15px 10px;
    margin-bottom: -27px;
}

span.avatar img {
    width: 30px;
    float: left;
    margin-right: 10px;
    font-size: 10px;
}

span.avatar {
    width: 30px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
    height: 30px;
    overflow: hidden;
    margin-top: -5px;
    font-size: 5px;
}

span.logo-username {
    margin-top: 25px;
    display: inline-block;
    max-width: 290px;
    overflow: hidden;
    white-space: nowrap;
}

.quest * {
    font-weight: 500;
    font-size: 110%;
}

.quest span.user1 {
    font-weight: 700;
}

.logged-in-doctor div#top {
    margin-top: 20px;
}

.logged-in-doctor div#account {
    min-height: 100vh;
}

footer.footer-doctor {
    margin: auto;
    padding: 10px 0;
    text-align: center;
}

footer.footer-doctor p,
footer.footer-doctor a {
    font-size: 15px;
}

.bi-hidden-real {
    display: none;
}

.qc-hoibacsi {
    position: fixed;
    left: 0;
    width: 250px;
    top: 30px;
}

.qc-hoibacsi.right {
    left: auto;
    right: 0;
}

.number {
    text-align: right;
}

.number::placeholder {
    text-align: left;
}

.number:-ms-input-placeholder {
    text-align: left;
}

#them_benh_an_Modal input,
#them_benh_an_Modal .input-group-text {
    padding-left: 6px;
    padding-right: 6px;
}

.modal .btn-primary,
.modal .btn-default {
    padding: 0.8rem 2rem !important;
    margin: 0px 5px 0px 0px!important;
    border: none !important
}

.modal .btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}


/*bun add style for mobile response*/

@media screen and (min-width: 768px) {
    .show-mobile {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .hidden-mobile {
        display: none;
    }
    #stuffs {
        padding-top: 5px;
    }
    section#register {
        padding-bottom: 0;
    }
    .btn-qa span,
    .btn-find-doctor span,
    .btn-online-examination span.content-center {
        font-size: large;
    }
    .logo {
        float: none;
        width: 100%;
        margin-top: 0!important;
    }
    span.logo-username {
        width: calc(100% - 55px);
        max-width: 99999px;
    }
    .search-holder {
        max-width: 100%!important;
        /*margin-top: 0!important;*/
    }
}