.btn-group-gp>.btn, .btn-gp {
    padding: 3px 4px;
    font-size: 12px;
    border-radius: 0.2rem;
}
.mod_theme_demo {
    border: 1px solid #f0eff7;
    border-radius: 5px;
    background-color: #fff;
}
.theme_mod_title {
    background-color: #eff0f7;
    border-radius: 0px 0px 5px 5px;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.content img {
    max-width: 100%;
    height: auto;
}
h1.font_ong_do {
    font-size: 50px;
}
.ui-gradient-brow {
    background: -moz-linear-gradient(45deg, #95702b 0%, #efb446 100%);
    background: linear-gradient(45deg, #95702b 0%, #efb446 100%);
    color:#fff;
}
img.responsive-on-sm.laptop {
    height: 440px;
}
.title_logo {
    margin-left: 50px;
    color: #fff;
}
@font-face {
    font-family: ong-do;
    src: url("/style/font/UTM%20Ong%20Do%20Gia.ttf");
    font-size: 35px;
}
.font_ong_do {
    font-family: ong-do;
}
.stylecolor {
    position: absolute;
    z-index: 99;
    border: 1px solid #fff;
}
.project .active {
    background-color: #41aaf4;
    border-radius: 21px;
}
.project .active a{
    color: #fff;
}
.project {
    background-color: #f7f7f7;
    height: 100%;
}
.choose_pay_bg{
    background-color: #efefef;
    border-radius: 7px;
    height: 100%;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
.table-striped tbody tr td{
    padding: 8px;
}
.card_info .form-group{
    margin-bottom:5px;
}
.card_info label{
    margin-bottom: unset;
}
.content {
    text-align: justify;
}
.card_info{
    padding: 10px !important;
}
.choose_color {
    height: 30px;
    width: 55px;
    border: 1px solid #d8d8d8;
    margin:5px;
    float: left;
    cursor:pointer;
    text-align: center;
    font-size: 13px;
    padding: 3px;
}
.img_atm img {
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    height: 29px;
}
.img_visa img {
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    height: 36px;
}
.chon {
    border: 4px solid #a6aafd;
}
.bg_blue {
    background: #359af0;
}
.bg_peach {
    background: #ec2b6c;
}
.navbar .dropdown-toggle, .navbar .dropdown-menu a {
    cursor: pointer;
}

.navbar .dropdown-item.active, .navbar .dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: inherit;
}

.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

@media (min-width: 767px) {
    .navbar .dropdown-toggle:not(.nav-link)::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .5em;
        vertical-align: 0;
        border-bottom: .3em solid transparent;
        border-top: .3em solid transparent;
        border-left: .3em solid;
    }
}

/* -------- */
.ui-hero.ui-gradient-webbox {
    background: linear-gradient(45deg, #efb446, #ebaf42, #b1780f, #b98421, #95702b, #ebaf42, #dda53f, #c19138, #efb446);    background-size: 450% 100%;
    -webkit-animation-name: animate_gradient;
    animation-name: animate_gradient;
    -webkit-animation-duration: 35s;
    animation-duration: 35s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    color: #fff;
}

.ui-hero.ui-gradient-webbox h1{
    color: #fff;
}
.menu-top {
    background-color:#fff;
}
.btn.btn-mm, .btn-group-mm > .btn {
    font-size: 0.8rem;
    padding: 0.2rem 1rem;
}
.theme_mod_img {
    border-bottom: 1px solid #eff0f7;
}
.user-tag {
    font-size: 12px;
    display: inline-flex;
}
.price-tag {
    color: #ea6193;
}
.combo-tag {
    position: absolute;
    z-index: 2020;
    padding: 5px;
    border-radius: 12px 0px 10px 0px;
    background: linear-gradient(45deg, #b4efe3b8 0%, #ffffff 100%);
    color: #e05454;
    font-size: 14px;
}
.text-danger {
    color: #e05454;
}
.thu-bang-gia li{
    line-height: 31px;
}
.border-vali {
    border:1px solid #fe60a1;
}
/* demo style  */
.ui-hero.ui-tilt.hero-center img {
    margin-bottom: -10rem;
}

@media (min-width: 740px) {
    .ui-hero.ui-tilt.hero-center img {
        margin-bottom: -15rem;
    }
}

@media (min-width: 992px) {
    .ui-hero.ui-tilt.hero-center img {
        margin-bottom: -20rem;
    }
}

@media (min-width: 1367px) {
    .ui-hero.ui-tilt.hero-center img {
        margin-bottom: -30rem;
    }
}

.mb {
    margin-bottom: 2rem;
}

.demo-card {
    position: relative;
    height: 260px;
    overflow: hidden;
    border-radius: .75rem;
    z-index: 2;
    cursor: pointer;
    transition: box-shadow .35s ease-out;
}

.demo-card img {
    position: relative;
    top: 100%;
    width: 100%;
    max-width: 100%;
    height: auto;
    z-index: 1;
    transform: translateY(-260px);
    transition: transform cubic-bezier(0.86, 0, 0.07, 1);
}
#bao_hanh svg, #bao_mat svg {
    font-size: 40px;
}
.demo-card:hover {
    box-shadow: 0 12px 22px rgba(0, 9, 128, 0.05), 0 20px 36px rgba(0, 9, 128, 0.075);
}

.demo-card:hover img {
    transform: translateY(-100%);
    transition: transform linear;
}

.demo-card.no-anim img,
.demo-card.no-anim:hover img {
    top: 0;
    transform: translateY(0);
}

.title_logo {
    display: block;
}
@media (max-width: 500px) {
    .col-6 {
        width: 100%;
        float: none;
    }
    .title_logo {
        display: none;
    }
}

h5 {
    display: block;
}

.badge {
    vertical-align: bottom;
    font-size: .75rem;
    display: inline-block;
    padding: .25rem .45rem;
}

.demo-container .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center
}

.demo-container .row > div {
    max-width: 257px;
}
.content-z {
    position: relative;
    z-index: 1;
}

.list-group-seach {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    left: 2rem;
    right: 2rem;
}
.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.list-group-item {
    position: relative;
    display: block;
    padding: .45rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    cursor: pointer;
}
.plugin-box img {
    width: 60px;
}
.plugin-box-icon {
    font-size: 54px;
    padding: 15px;
    border-radius: 100%;
}