@font-face {
    font-family: roboto_b;
    src: url(fonts/RobotoCondensed-Bold.ttf);
}
@font-face {
    font-family: robotoC;
    src: url(fonts/RobotoCondensed-Regular.ttf);
}
@font-face {
    font-family: r_medium;
    src: url(fonts/RobotoCondensed-Regular.ttf);
}
#banner1 {
    padding-top: 40px;
}
.btnthach {
    padding: 15px 15px !important;
}
.box-sp-img {
    max-height: 300px;
    overflow: hidden !important;
}
.chinhchia7phan span b{color:red;}
.ten_index a {
    font-size: 17px;
}
#tencongtrinh span {
    font-family: robotoC !important;
}
#banner1 strong {
    font-family: roboto_b !important;
}
#congtrinh {
    margin-top: 70px;
}
.infocontent {
    padding-bottom: 30px;
}
.sub-content b{color:red;}
.cloudzoom-zoom {
    width: 500px !important;
    height: 200px !important;
    background:#fff;
}
.mm-menu {
    background: rgb(14 118 181) !important;
    color: #fff;
}
.mm-list > li > a, .mm-list > li > span{color:#fff !important;}
.mm-menu.mm-offcanvas {
    z-index: 9999;
}
@media (max-width: 768px){
    #banner1{text-align:center;}
}
div.box-sp-name h3{    min-height: 70px;}
#mau0 {
    width: 252px;
    margin: 0 auto;
    border-radius: 50%;
    height: 252px;
    padding: 40px 0px;
}
#mau1 {
    width: 252px;
    margin: 0 auto;
    border-radius: 50%;
    height: 252px;
    padding: 40px 15px;
}
#mau2 {
    width: 252px;
    margin: 0 auto;
    border-radius: 50%;
    height: 252px;
    padding: 40px 15px;
}
.button-zalo {
    position: fixed;
    right: 19px;
    bottom: 14px;
    cursor: pointer;
}
.button-zalo:before {
    position: absolute;
    top: 2px;
    left: 12px;
    z-index: 4;
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.button-zalo:before {
    background-color: #ff5d5d;
}
.button-zalo:before, .button-zalo:before {
    left: 36px !important;
}
.button-zalo-main {
    display: block;
    position: relative;
    z-index: 3;
    background: url(../images/stick_zalo.png) 0 0 no-repeat;
    background-size: cover;
    width: 70px;
    height: 70px;
}

.button-zalo em {
    position: absolute;
    top: 7px;
    left: 17px;
}
.button-zalo em:after, .button-zalo em:before {
    position: absolute;
    left: -4px;
    top: 2px;
    content: "";
    width: 32px;
    height: 32px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation-name: Grow;
    -moz-animation-name: Grow;
    animation-name: Grow;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
}
.button-zalo em:before {
    -webkit-box-shadow: 0 0 8px 4px #ff5d5d;
    box-shadow: 0 0 8px 4px #ff5d5d;
}
@media (max-width: 768px){
#mau0 {
    width: auto;
    margin: 0 auto;
    border-radius: 0;
    height: auto;
    padding: 0;
}
#mau1 {
    width: auto;
    margin: 0 auto;
    border-radius: 0;
    height: auto;
    padding: 0;
}
#mau2 {
    width: auto;
    margin: 0 auto;
    border-radius: 0;
    height: auto;
    padding: 0;
}
}
@media (max-width: 822px)
{
#dmsp_index {
    display: block !important;
}
.dmspcat{    border: 1px solid #ccc;}
}