/* CSS Document */
@font-face {
    font-family: Roboto-Light;
    src: url(../fonts/Roboto-Light.eot);
    src: url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url(../fonts/Roboto-Light.woff2) format("woff2"), url(../fonts/Roboto-Light.woff) format("woff"), url(../fonts/Roboto-Light.ttf) format("truetype"),
        url(../fonts/Roboto-Light.svg) format("svg");
}

@font-face {
    font-family: "Roboto-Regular";
    src: url(../fonts/Roboto-Regular.eot);
    src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url(../fonts/Roboto-Regular.woff2) format("woff2"), url(../fonts/Roboto-Regular.woff) format("woff"), url(../fonts/Roboto-Regular.ttf) format("truetype"),
        url(../fonts/Roboto-Regular.svg) format("svg");
}

@font-face {
    font-family: "UVNBachDang";
    src: url(../fonts/UVNBachDang.eot);
    src: url("../fonts/UVNBachDang.eot?#iefix") format("embedded-opentype"), url(../fonts/UVNBachDang.woff2) format("woff2"), url(../fonts/UVNBachDang.woff) format("woff"), url(../fonts/UVNBachDang.ttf) format("truetype"),
        url(/fonts/UVNBachDang.svg) format("svg");
}

@font-face {
    font-family: "UVNBachDangR";
    src: url(../fonts/UVNBachDangR.eot);
    src: url("../fonts/UVNBachDangR.eot?#iefix") format("embedded-opentype"), url(../fonts/UVNBachDangR.woff2) format("woff2"), url(../fonts/UVNBachDangR.woff) format("woff"), url(../fonts/UVNBachDangR.ttf) format("truetype"),
        url(../fonts/UVNBachDangR.svg) format("svg");
}

body {
    overflow-x: hidden;
    font-family: Roboto-Light;
    color: #555;
}

:root {
    --pink-1: #ee8898;
    --pink-2: #c6466a;
    --gray-1: #333c4a;
    --cyan-1: #50bcb4;
}

ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
    margin: 0;
}

input:focus,
img:focus,
a:focus,
div:focus,
textarea:focus,
button:focus {
    outline: none;
}
input,
textarea {
    font-style: italic;
}
input:focus,
textarea:focus {
    font-style: normal;
}

a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
.breadcrumb,.breadcrumb_main {
    background: var(--pink-1);
}
.breadcrumb a,.breadcrumb-item.active, .breadcrumbs a span{
    color: white
}
.container {
    max-width: 1030px;
}
.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

a,.sub-menu>a::after,.view-map a span,button,.bai-viet::after,.bai-viet,.sub-menu>ul,.search input,.hd-bv ul li a::after, .menu li svg {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.row {
    margin-right: -12px;
    margin-left: -12px;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto {
    padding-right: 12px;
    padding-left: 12px;
}

.owl-dot:focus {
    outline: none;
}

#header {
    position: absolute;
    width: 100%;
    z-index: 2;
    background: rgba(97,31,31,0.45);
    background: -moz-linear-gradient(top, rgba(97,31,31,0.45) 0%, rgba(97,31,31,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(97,31,31,0.45)), color-stop(100%, rgba(97,31,31,0)));
    background: -webkit-linear-gradient(top, rgba(97,31,31,0.45) 0%, rgba(97,31,31,0) 100%);
    background: -o-linear-gradient(top, rgba(97,31,31,0.45) 0%, rgba(97,31,31,0) 100%);
    background: -ms-linear-gradient(top, rgba(97,31,31,0.45) 0%, rgba(97,31,31,0) 100%);
    background: linear-gradient(to bottom, rgba(97,31,31,0.45) 0%, rgba(97,31,31,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#611f1f', endColorstr='#611f1f', GradientType=0 );
}
.logo img {
    width: 235px;
}
#header-info {
    border-bottom: dashed 1px rgba(255, 255, 255, 0.3);
}
#header-info .info {
}
#header-info .info ul {
}
#header-info .info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 15px;
}
#header-info .info img {
    width: 53px;
    height: 53px;
    margin-right: 8px;
}
#header-info .info p {
    margin: 0;
    font-size: 90%;
    color: #fff;
}

#menu {
    border-top: dashed 1px #ddd;
}
.menu li a {
    text-decoration: none;
    text-transform: uppercase;
    padding: 8px 13px;
    display: block;
    white-space: nowrap;
}
.menu > li > a {
    padding: 15px;
    color: #fff;
}
.menu > li:first-child a {
    padding-left: 0;
}
.menu li:hover>a {
    color: var(--pink-2);
}
.menu li:last-child {
    padding-right: 0;
}
.menu li:first-child a svg {
    width: 25px;
    fill: #fff;
}
.menu > li:first-child:hover a svg {
    fill: var(--pink-2);
}
.menu > li:last-child a {
    background-color: var(--pink-2);
    border-radius: 3px;
    color: #fff;
    padding: 5px 10px;
    margin-left: 15px;
}
.menu > li:last-child a:hover {
    background-color: var(--gray-1);
}

.menu > .sub-menu {
    margin-right: 10px;
}
.sub-menu,
.sub-menu li {
    position: relative;
}
.sub-menu > a {
    position: relative;
    padding-right: 18px !important;
}
.sub-menu > a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 2px;
    width: 7px;
    height: 7px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
}
.sub-menu > ul .sub-menu a::after {
    border-color: #555;
    top: 5px;
}
.sub-menu > ul a.active::after, .sub-menu > ul li:hover > a.active::after{
    border-color: transparent;
}
.sub-menu:hover > a::after {
    border-color: var(--pink-2);
}

.sub-menu > ul {
    left: 0;
    top: 100%;
    padding: 10px;
    position: absolute;
    z-index: 5;
    background-color: #fff;
    box-shadow: -6px 6px 15px 0px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
    visibility: hidden;
    opacity: 0;
}
.sub-menu:hover ul {
    margin-top: 0;
    visibility: visible;
    opacity: 1;
}

.sub-menu > ul li {
    padding: 0;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.sub-menu > ul li::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--pink-1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.sub-menu > ul li:hover::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.sub-menu > ul li a {
    position: relative;
    z-index: 1;
    border-bottom: dashed 1px #ddd;
    color: #555;
    padding: 8px 60px 8px 13px;
}
.sub-menu > ul li a:hover,
.sub-menu > ul li:hover > a {
    color: #fff;
}
.sub-menu > ul .sub-menu > ul {
    top: 0;
    left: calc(100% + 10px);
    visibility: hidden !important;
    opacity: 0 !important;
    margin-top: unset;
    margin-left: 30px;
}
.sub-menu > ul .sub-menu:hover ul {
    visibility: visible !important;
    opacity: 1 !important;
    margin-left: 0;
}
.sub-menu > ul a::after {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    right: 8px;
}
.sub-menu > ul a:hover::after,
.sub-menu > ul li:hover > a::after {
    border-color: #fff;
}

.search {
    margin: auto 0 auto auto;
}
.search input {
    border: solid 1px rgba(255, 255, 255, 0.5);
    padding: 5px 40px 5px 10px;
    width: 200px;
    background: none;
    color: #fff;
    border-radius: 3px;
}
.search input:focus {
    width: 250px;
}
.search button {
    border: none;
    background-color: transparent;
    position: absolute;
    padding: 0 10px;
    margin: auto 0;
    top: 0;
    bottom: 0;
    right: 3px;
}

.search svg {
    width: 15px;
    fill: #fff;
}

.search ::-webkit-input-placeholder {
    color: #fff;
}
.search :-ms-input-placeholder {
    color: #fff;
}
.search ::placeholder {
    color: #fff;
}

#banner .owl-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
#banner .owl-nav button {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 100px;
    pointer-events: auto;
}
#banner .owl-nav button:hover {
    background: transparent;
}
#banner .owl-nav button:focus {
    border: none;
    outline: none;
}
#banner .owl-nav button span {
    font-size: 50px;
}
#banner .owl-nav .owl-prev {
    left: 20px;
}
#banner .owl-nav .owl-next {
    right: 20px;
}

.cover {
    position: absolute;
    width: 100%;
    z-index: 1;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: 0;
}
.page-link {
    line-height: 32px;
    color: #555;
    background-color: #eee;
    border-radius: 4px !important;
    width: 32px;
    height: 32px;
    text-align: center;
    margin: 25px 4px 0px 4px;
border: 0;
}
.page-link:hover {
z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: var(--pink-1);
    border-color: unset;
 }
 .page-link {padding: 0} 
.cover-t {
    top: -2px;
}
.cover-b {
    bottom: -2px;
}
.sec-title {
    margin-bottom: 1rem;
}
.sec-title span {
    display: block;
    line-height: 1.1;
}
.sec-title span:first-child {
    font-family: UVNBachDangR;
    color: var(--gray-1);
    font-size: 2.7rem;
}
.sec-title span:last-child {
     font-family: UVNBachDang;
    color: var(--pink-1);
    font-size: 3.6rem;
}

#gioi-thieu {
    padding: 2rem 0;
}

.gt-dv {
}
.gt-dv > div {
    margin-bottom: 10px;
}
.gt-dv a {
    color: var(--gray-1);
	display: block;
}
.gt-dv a:hover {color: var(--pink-1);}
.gt-dv a img {
    width: 48px;
    margin-right: 10px;
}
.gt-dv a span {
}

#ly-do {
    padding-bottom: 1.2rem;
}
.ld_deco {
    fill: var(--pink-1);
}
.ld_deco,
.ld_clippath {
    -webkit-transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px) rotate(0deg);
    -ms-transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px) rotate(0deg);
    transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px) rotate(0deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.ld_img {
    width: 500px;
}
.ld-item:hover .ld_deco {
    -webkit-transform: scaleX(1.1) scaleY(1) translateX(0px) translateY(-20px) rotate(20deg);
    -ms-transform: scaleX(1.1) scaleY(1) translateX(0px) translateY(-20px) rotate(20deg);
    transform: scaleX(1.1) scaleY(1) translateX(0px) translateY(-20px) rotate(20deg);
}

.ld-item:hover .ld_clippath {
    -webkit-transform: scaleX(1.1) scaleY(1.1) translateX(0px) translateY(-20px) rotate(-15deg);
    -ms-transform: scaleX(1.1) scaleY(1.1) translateX(0px) translateY(-20px) rotate(-15deg);
    transform: scaleX(1.1) scaleY(1.1) translateX(0px) translateY(-20px) rotate(-15deg);
}
.ld-item {
    text-align: center;
}
.ld-item h3 {
    font-family: UVNBachDangR;
    color: var(--gray-1);
}

#danh-muc-benh {
    background: url("../img/bg.jpg") no-repeat center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding-top: 6rem;
}
#danh-muc-benh .cover-b {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
#danh-muc-benh .sec-title span {
    color: #fff;
}
#danh-muc-benh .sec-title {
    text-align: center;
}

.benh-img {
    background-image: url("../img/bsi-2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 100%;
    height: 100%;
}
.benh-item {
    margin-bottom: 2.2rem;
}
.benh-item a {
    text-align: center; display: block; color: #fff;
}
.benh-item a span {
    display: block;
    
    font-family: UVNBachDangR;
    font-size: 1.5rem;
    line-height: 1;
}
.benh-item a img {
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto;
}
.list-benh {
    padding-bottom: 5rem;
}

.benh-item a:hover img {-webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom;}
.benh-item a:hover {color: var(--pink-2)}


@-webkit-keyframes bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-10px);transform:scale(.9,1.1) translateY(-10px)}50%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(-5px);transform:scale(1,1) translateY(-5px)}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}@keyframes bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-10px);transform:scale(.9,1.1) translateY(-10px)}50%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(-5px);transform:scale(1,1) translateY(-5px)}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}

#bai-viet {
    padding-top: 0.8rem;
    padding-bottom: 2.5rem;
}
.hd-bv {
}
.hd-bv ul {
    margin-left: auto;
}
.hd-bv ul li {
    display: inline-block;
    margin: auto;
    padding: 0px 12px;
    border-right: solid 1px #ddd;
}
.hd-bv ul li a {
    padding: 0;
    color: var(--gray-1);
    font-size: 110%;
    position: relative;
}
.hd-bv ul li a:hover {
    color: var(--pink-1);
}
.hd-bv ul li a.active {
    background-color: transparent !important;
    color: var(--pink-1) !important;
}

.hd-bv ul li:last-child {
    padding-right: 0;
    border: none;
}
.hd-bv ul li:last-child a {
    background: var(--pink-1);
    padding: 7px 15px;
    color: #fff;
    font-size: 100%;
}
.hd-bv ul li:last-child a:hover {
    background: var(--pink-2);
}
.hd-bv ul li a img {
    height: 10px;
    margin-left: 5px;
}
.hd-bv ul li a span {
}
.hd-bv ul li a::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    height: 2px;
    width: 0;
    background: var(--pink-1);
}
.hd-bv ul li a.active::after {
    left: 0;
    width: 100%;
}

.bai-viet {
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    background: #f3f3f3;
}
.bai-viet::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-shadow: inset 0 0 0 2px rgba(238, 136, 152, 0);
    border-radius: 5px;
    pointer-events: none;
}
.bai-viet:hover {
    background: #fff;
}
.bai-viet:hover::after {
    box-shadow: inset 0 0 0 2px rgba(238, 136, 152, 1);
}
.bai-viet .img-bai-viet {
    position: relative;
    padding-top: 63%;
    height: 0;
    display: block;
    width: 100%;
    overflow: hidden;
}
.bai-viet .img-bai-viet img {
    position: absolute;
    top: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.bai-viet .ngay-dang {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    text-align: center;
    padding: 8px 0 0 14px;
}
.bai-viet .ngay-dang span,
.bai-viet .nd-bai-viet a {
    font-family: UVNBachDangR;
}
.bai-viet .ngay-dang span {
    display: block;
    color: #fff;
    line-height: 1.1;
}
.bai-viet .ngay-dang span:first-child {
}
.bai-viet .ngay-dang span:last-child {
}
.bai-viet .ngay-dang::after {
    position: absolute;
    content: "";
    background: var(--pink-1);
    width: 75px;
    height: 75px;
    top: -15px;
    left: -5px;
    border-radius: 999px;
    z-index: -1;
}
.bai-viet .nd-bai-viet {
    padding: 15px;
    text-align: center;
}
.bai-viet .nd-bai-viet .td-bai-viet {
    display: inline-block;
    font-size: 1.3rem;
    color: var(--gray-1);
    line-height: 1.1;
    height: 49px;

    overflow: hidden;
}
.bai-viet .nd-bai-viet .td-bai-viet:hover {
    color: var(--pink-1);
}
.bai-viet .nd-bai-viet p {
    border-bottom: solid 1px #dcdcdc;
    padding-bottom: 1rem;
}
.bai-viet .bv-btn {
    color: #fff;
}
.bai-viet .bv-btn a {
    padding: 3px 2.2rem 6px 2.2rem;
    border-radius: 3px;
    font-size: 1.2rem;
    line-height: 1.1;
    color: #fff;
}
.bai-viet .bv-btn .bv-ct {
    background: var(--pink-1);
}
.bai-viet .bv-btn .bv-ct:hover {
    background: var(--pink-2);
}
.bai-viet .bv-btn .bv-dh {
    background: var(--cyan-1);
    margin-left: auto;
}
.bai-viet .bv-btn .bv-dh:hover {
    background: #30a098;
}

    .list-bv .owl-nav {
    position: absolute;
    margin: auto;
    pointer-events: none;
    top: 0;
    bottom: 0;
    width: calc(100% + 100px);
    left: -50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.list-bv .owl-nav button {
    margin: 0;
    pointer-events: auto;
    color: #ccc;
}
.list-bv .owl-nav button:hover {
    background: transparent;
    color: var(--pink-1);
}
.list-bv .owl-nav button span {
    font-size: 4rem;
    line-height: 0;
    display: block;
    color: #999;
}
.list-bv .owl-nav button:hover span {color: var(--pink-1)}
.list-bv .owl-nav .owl-prev {
}
.list-bv .owl-nav .owl-next {
    margin-left: auto;
}

#cam-nhan {
    position: relative;
    background-image: url("../img/bg-1.jpg");
    padding: 6rem 0;
}
#cam-nhan .cover-t,
#cam-nhan .cover-b {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
#cam-nhan .sec-title {
}
#cam-nhan .sec-title span {
    text-align: center;
    color: var(--pink-2);
}
.cam-nhan {
    text-align: center;
    color: var(--gray-1);
}
.cam-nhan .cn-ava {
    width: 155px !important;
    margin: 0 auto;
    margin-bottom: 1rem;
}
.cam-nhan p {
    padding: 0 5%;
}
.cam-nhan .cn-bot {
    width: 220px !important;
    margin: 0 auto;
}
.cam-nhan .cn-name {
    font-family: UVNBachDangR;
    font-size: 1.5rem;
}
.cam-nhan .cn-add {
}
.cam-nhan span {
    display: block;
}

#cam-nhan .owl-nav {
    position: absolute;
    margin: 0;
    pointer-events: none;
    top: 50%;
    width: calc(100% + 100px);
    left: -50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#cam-nhan .owl-nav button {
    margin: 0;
    pointer-events: auto;
    color: #fff;
}
#cam-nhan .owl-nav button:hover {
    background: transparent;
    color: var(--pink-1);
}
#cam-nhan .owl-nav button span {
    font-size: 4rem;
    line-height: 0;
}
#cam-nhan .owl-nav .owl-prev {
}
#cam-nhan .owl-nav .owl-next {
    margin-left: auto;
}

#footer {
    position: relative;
    z-index: 0;
}
#footer-1 {
    padding-top: 4rem;
    pointer-events: none;
}
.maps {
    pointer-events: auto;
}
.maps img {width: 100%}
.form-lh {
    pointer-events: auto;
}
.form-lh .input {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border: none;
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 4px;
    display: block;
}
.form-lh textarea {
    min-height: 100px;
}
.form-lh button {
    border: none;
    background: var(--pink-1);
    border-radius: 3px;
    color: #fff;
    padding: 5px 15px;
    font-weight: 700;
    margin-left: auto;
    display: block;
}
.form-lh button:hover {
    background: var(--pink-2);
}
#footer-2 {
    background: url("../img/bg.jpg") no-repeat center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding-top: 5rem;
    margin-top: -215px;
    z-index: -1;
    padding-bottom: 3rem;
}
#footer-2 .cover-t {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.ft-info .logo {
    margin-bottom: 10px;
    display: inline-block;
}
.ft-info ul li {
    padding: 5px 0;
    position: relative;
}
.ft-info ul li img {
    width: 18px;
    position: absolute;
    top: 8px;
}
.ft-info ul li span {
    display: block;
    color: #fff;
    padding-left: 30px;
}

.view-map a {
    display: inline-block;
    position: relative;
}
.view-map a span {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 8px 15px;
    display: inline-block;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.view-map:hover a span {
    opacity: 1;
}

#banner-dm .cover-b {-webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg);}
#breadcum {margin-top: 2rem}
.breadcrumb {background: rgba(252,210,219,1);
background: -moz-linear-gradient(left, rgba(252,210,219,1) 0%, rgba(252,210,219,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252,210,219,1)), color-stop(100%, rgba(252,210,219,0)));
background: -webkit-linear-gradient(left, rgba(252,210,219,1) 0%, rgba(252,210,219,0) 100%);
background: -o-linear-gradient(left, rgba(252,210,219,1) 0%, rgba(252,210,219,0) 100%);
background: -ms-linear-gradient(left, rgba(252,210,219,1) 0%, rgba(252,210,219,0) 100%);
background: linear-gradient(to right, rgba(252,210,219,1) 0%, rgba(252,210,219,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd2db', endColorstr='#fcd2db', GradientType=1 );}
.breadcrumb a, .breadcrumb-item+.breadcrumb-item::before {color: var(--pink-2)}

#content .list-bv .bai-viet {margin-bottom: 20px}
#content .related-posts .list-bv .bai-viet {margin-bottom: 0}

.sidebar .position-sticky {top: 15px;}
.sidebar-title {font-family: UVNBachDangR; color: var(--pink-1)}
.dangkytv {background: url("../img/bg.jpg") no-repeat right center; background-size: cover; color: #fff;}
.dangkytv .sidebar-title {color: #fff}
.dangkytv .form-lh button {margin: 0;
    width: 100%;
    background: #fff;
    color: var(--pink-1);}
.dangkytv button:hover {background: var(--pink-2); color: #fff}
.widget {margin-bottom: 2rem; padding: 1.1rem}
.danhmucbenh {border: solid 5px #eee;}
.banner-tv {padding: 0}
#danhmucbenh a {color: #555; position: relative}
#danhmucbenh a::after {content: ""; position: absolute; width: 6px; height: 6px; top: 0; bottom: 0; left: -15px; background: #ccc; border-radius: 999px; margin: auto; -webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden}

#danhmucbenh .card {border-radius: 0; border: none; overflow: visible}
#danhmucbenh .card-header {background-color: transparent; border-bottom: dashed 1px #ddd; margin: 0; display: -webkit-box;display: -ms-flexbox;display: flex; padding: 10px 0}
#danhmucbenh .show {border-bottom: dashed 1px #ddd;}
#danhmucbenh .card-header .btn-link {margin-left: auto; padding: 0; width: 22px; height: 22px;}
#danhmucbenh .btn-link {background: #eee; border-radius: 999px; display: -webkit-box;display: -ms-flexbox;display: flex;}
#danhmucbenh .btn-link:focus {box-shadow: none;}
#danhmucbenh .btn-link svg {fill: #555; line-height: 0; width: 50%; height: 50%; margin: auto;}
#danhmucbenh .btn-link:hover {background: var(--pink-1)}
#danhmucbenh .btn-link:hover svg {fill: #fff}
#danhmucbenh .card-body {padding: 8px 0 12px 15px}
#danhmucbenh .dm-sub {}
#danhmucbenh .dm-sub a {padding: 3px 0; display: inline-block; color: #a9a9a9}
#danhmucbenh a:hover {padding-left: 15px; color: var(--pink-1)}
#danhmucbenh a:hover::after {left: 0; opacity: 1; visibility: visible; background: var(--pink-1)}


.article .post-title {font-family: UVNBachDangR; color: var(--pink-1); margin-bottom: 0.8rem}
.article .meta {font-size: 90%; font-style: italic; display: -webkit-box;display: -ms-flexbox;display: flex; margin-bottom: 1rem; opacity: 0.8; border-bottom: dashed 1px #ddd; border-top: dashed 1px #ddd; padding: 5px 0}
.article .meta img {width: 20px; margin-right: 5px}
.article .date, .article .view {margin-right: 30px;}
.article .meta span {display: inline-block}
.related-posts {padding-top: 1rem; margin-top: 1.5rem; border-top: solid 3px #eee}

@media screen and (min-width: 576px) {
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 992px) {
}

@media screen and (max-width: 991px) {
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 575px) {
}