@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
body {
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 24px;
}
.flex{
    display: flex;
    flex-wrap: wrap;
}
.align-items-center{
    align-items: center;
}
.tin-tuc {
    font-family: 'Arial', sans-serif;
}

p {
    margin-bottom: 10px;
}

h4,
h5,
h6 {
    margin: 0;
}

h2 {
    padding-bottom: 10px;
    padding-top: 10px;
    color: blue;
    font-size: 24px;
    font-weight: 700;
}

h3 {
    padding-bottom: 7px;
    padding-top: 5px;
    font-size: 16px;
    font-weight: 700;
}

ol,
ul {
    list-style: none;
    padding: 0px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.color-fff {
    color: #fff;
}

.mt45 {
    margin-top: 45px;
}
.mb-5{
    margin-bottom: 4em;
}
.mb45 {
    margin-bottom: 45px;
}


/* header

-------------------------*/

@media (min-width: 992px) {
    .container {
        width: 100% !important;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px !important;
    }
}


/* section slider

-------------------------*/

#slide img {
    height: 100%
}

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

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

.block-title {
    text-align: center;
    position: relative;
    margin: 10px auto;
    margin-top: 40px;
    padding-bottom: 30px;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
}

.block-title .block-title-inner {
    position: relative;
}

.block-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 25px;
    background: url(../images/icon/title-bottom.png) no-repeat center center;
}

.vi-tri .block-title,
#library .block-title {
    margin: 0px 0px 45px 0px;
}

.align-center {
    display: block;
    margin: auto;
    text-align: center;
}

.work-post h3 a {
    color: #910d10;
    margin: 10px 0;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    font-size: 14px;
    font-weight: bold;
}

.work-post .news-read-more {
    background: #910d10;
    border-radius: 5px;
    border: 0;
    text-align: center;
    padding: 5px;
    width: 100px;
    margin: 10px auto;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    display: block;
}

.home-image-text {
    background: #264169;
    color: #fff;
    padding: 20px 0;
}

.v-TextImage-col-content h3 {
    color: #dda818;
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
}

#services {
    padding: 40px 0;
    background: url(../images/services-bg.jpg) repeat;
}

.chinh-sach {
    padding: 40px 0;
}

.post-heading-item-content {
    text-align: justify;
}

.fl {
    float: left;
}

#services .post-heading-item-content p {
    margin: 0 0 0 85px;
}

div#tinmoi ul li a img {
    float: left;
    margin-right: 10px;
}

.tintuc-post .item {
    margin-top: 30px;
}

.item img {
    width: 100%;
}

.item h4 {
    margin: 0;
}

.item a h4 {
    text-decoration: none;
    color: #2f2f2f;
    font-size: 15px;
    transition: 0.4s;
    font-weight: bold;
}

.pandding-page {
    padding: 40px 0;
}

#footer {
    padding: 40px 0;
    background: url(../images/bg_footer.jpg) no-repeat;
    background-size: cover;
    position: relative;
    color: #fff;
}

#footer:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    /*background-color: rgba(0,0,0,0.7);*/
}

#footer .block h4 {
    text-transform: uppercase;
}

#footer .block h4 {
    color: #fff;
    padding: 0 0 10px;
    font-size: 1.3em;
    font-weight: normal;
}

.form-lienhe input {
    width: 100%;
    padding: 5px;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 3px;
    color: #000;
    margin-bottom: 10px;
    height: 30px;
}

.form-lienhe input[type="submit"] {
    background: #DC3030;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 3px;
    font-weight: bold;
    margin-top: 10px;
    width: 120px;
    line-height: 1;
}

#profile img {
    width: 100px;
    height: auto;
    margin-right: 10px;
    float: left;
    background: #fff;
    padding: 2px;
    border-radius: 6px;
}

#footer .info ul.ftsocial li {
    float: left;
    margin: 5px;
    list-style: none;
}

#footer .info ul.ftsocial li i {
    font-size: 36px;
    color: #fff;
}

#footer .info ul.ftsocial li i:hover {
    color: #333;
}

.item-footer .headline {
    margin-bottom: 20px;
}

.gioi-thieu h2 {
    color: #0073bd;
    font-size: 40px;
    margin-top: 40px;
    text-transform: uppercase;
}

.gioi-thieu .description {
    margin-bottom: 25px;
    color: #000;
}

.gioi-thieu h5 {
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    margin: 0px;
    color: #000;
}

.gioi-thieu h5:after,
.vi-tri h2.active:after {
    content: '';
    width: 112px;
    height: 2px;
    background: #00abe4;
    bottom: -15px;
    left: 0;
    position: absolute;
    transition: width 2s ease 0.1s;
    -webkit-transition: width 2s ease 0.1s;
    -moz-transition: width 2s ease 0.1s;
    -o-transition: width 2s ease 0.1s;
}

.vi-tri {
    background: url(../images/util-detail-bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
}

.vi-tri h2.active {
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    margin: 0px;
    color: #fff;
}

.vi-tri .description {
    margin-top: 45px;
    color: #fff;
}

.vi-tri img {
    width: 100%;
}

.item-san-pham .box6-item-text .title a {
    color: #910d10;
    margin: 10px 0;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    font-size: 14px;
    font-weight: bold;
}

.box-readmore.box6-readmore a {
    background: #910d10;
    border-radius: 5px;
    border: 0;
    text-align: center;
    padding: 5px;
    width: 100px;
    margin: 10px auto;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    display: block;
}

.item-san-pham .box6-item-text .title:hover a {
    color: #f76621;
}

.item-san-pham .box6-item-text .meta {
    position: relative;
    font-size: 0.9em;
    color: #666;
    padding-left: 18px;
    margin-bottom: 5px;
}

.item-san-pham .box6-item-text .meta:before {
    content: "\f017";
    font-family: "FontAwesome";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    color: #5e162b;
}

.item-san-pham {
    display: table;
    margin-bottom: 25px;
}

#sidebar .form-content {
    border: 1px solid #d4d4d4;
}

.form-dangki .form-title {
    padding: 10px 16px;
    background: #19898a;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-size: 17px;
    text-align: center;
    margin-bottom: 20px;
}

#sidebar form .item-input input {
    border: 1px solid #ece9e9;
    padding: 5px 30px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
}

#sidebar form .item-input .form-submit {
    background: #f78e05;
    border: 0;
    padding: 10px 50px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    margin: auto;
    display: block;
    border-radius: 3px;
    margin-bottom: 20px;
}

#sidebar .fanpage-fb,
#sidebar .tiendo-sidebar,
#sidebar .tintuc-sidebar {
    margin: 30px 0;
}

#sidebar .title-sidebar {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
}

.item-box-sidebar {
    margin-bottom: 10px;
    border-bottom: 1px dotted silver;
    padding-bottom: 10px;
}

.item-box-sidebar .item-box-sidebar-text {
    color: #666;
    text-decoration: none;
}

.tin-tuc .item,
.tien-do .item {
    margin-bottom: 45px;
}

.tin-tuc .block-title,
.tien-do .block-title {
    margin-bottom: 45px;
}

#contact .block-title {
    margin-bottom: 45px;
}

#contact .block-title-inner {
    color: #fff;
    margin-bottom: 45px;
}

#contact {
    background: url(../images/util-detail-bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
}

.google-maps {
    margin-bottom: 45px;
}

#contact .contact-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #0fb9ed;
    font-family: 'Athiti-Bold';
    position: relative;
}

#contact .contact-title:before {
    content: '';
    width: 45px;
    height: 2px;
    background: #959595;
    position: absolute;
    bottom: -5px;
}

#contact .contact-content .t {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    margin-top: 30px;
    color: #fff;
}

#contact .contact-content p {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

#contact .contact-content li {
    margin-bottom: 3px;
    color: #0fb9ed;
}

#contact .contact-content li.address:before {
    content: "\f041";
    font-family: FontAwesome;
    font-size: 17px;
    padding-right: 7px;
}

#contact .contact-content li.phone:before {
    content: "\f095";
    font-family: FontAwesome;
    font-size: 17px;
    padding-right: 7px;
}

#contact .contact-content li.fax:before {
    content: "\f02f";
    font-family: FontAwesome;
    font-size: 17px;
    padding-right: 7px;
}

#contact .contact-content li.email:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-size: 16px;
    padding-right: 7px;
}

#contact .contact-content li.website:before {
    content: "\f0ac";
    font-family: FontAwesome;
    font-size: 18px;
    padding-right: 7px;
}

#contact input,
#contact textarea {
    color: #fff;
    border: 1px solid #0fb9ed;
    width: 100%;
    background: none;
    padding: 8px 10px;
    margin-bottom: 20px;
    overflow: hidden;
}

#contact textarea {
    min-height: 105px;
}

#contact #btnSubmit {
    background: #0fb9ed;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    border-radius: 17px;
    max-width: 90px;
    font-family: 'Athiti-Bold';
}

#contact .contact-content {
    margin-top: 40px;
}

@media only screen and (max-width: 767px) {
    .item-san-pham .box6-item-text .title {
        text-align: center;
        margin-top: 20px;
    }
    #sidebar .title-sidebar {
        text-align: center;
    }
}


/*popup*/

.register {
    color: #F3A715;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 5px;
    border: 1px solid #F3A715;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

@media only screen and (min-width: 992px) {
    .register {
        position: absolute;
        right: 10px;
        top: 5px;
    }
}

@media only screen and (max-width: 991px) {
    .register {
        margin: 0 0 15px;
    }
}

#advisoryModal {
    color: #606060;
    font-family: Arial, Helvetica, sans-serif;
}

#advisoryModal .modal-content {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0px;
    font-size: 16px;
    padding: 30px 42px 30px 25px;
}

#advisoryModal .title {
    text-align: center;
    text-transform: uppercase;
    color: #03aee2;
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 20px;
}

#advisoryModal .description {
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
}

#advisoryModal .close {
    position: absolute;
    right: -10px;
    top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
    color: #03aee2;
    font-size: 40px;
    -webkit-box-shadow: -5px 5px 10px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -5px 5px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: -5px 5px 10px 0px rgba(0, 0, 0, 0.15);
}

#advisoryModal .close:hover {
    color: #fff;
    background: #03aee2;
}

#advisoryModal .radio-inline {
    margin-left: 0px;
    padding-right: 10px;
    width: calc(100%/3 - 5px);
}

#advisoryModal .form-control {
    border: 0px;
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
    border-bottom: solid 1px #939393;
    padding: 10px 0px;
    height: 45px;
    color: #606060;
}

#advisoryModal .form-group {
    margin-bottom: 0px;
}

#advisoryModal .form-group.first .form-control {
    border-top: solid 1px #939393;
}

#advisoryModal .text-info {
    padding: 15px 0px;
    color: #606060;
}

#advisoryModal .bt-submit {
    margin-top: 30px;
    border-radius: 15px;
    background: #03aee2;
    min-width: 120px;
}

#advisoryModal .bt-submit:hover {
    background: #0073bd;
}

#advisoryModal .form-thumb {
    margin: 0px auto;
}

#advisoryModal.modal.in .modal-dialog {
    -webkit-transform: translate(0, 20%);
    -ms-transform: translate(0, 20%);
    -o-transform: translate(0, 20%);
    transform: translate(0, 20%);
}

@-webkit-keyframes my {
    0% {
        color: #F8CD0A;
    }
    50% {
        color: #fff;
    }
    100% {
        color: #F8CD0A;
    }
}

@-moz-keyframes my {
    0% {
        color: #F8CD0A;
    }
    50% {
        color: #fff;
    }
    100% {
        color: #F8CD0A;
    }
}

@-o-keyframes my {
    0% {
        color: #F8CD0A;
    }
    50% {
        color: #fff;
    }
    100% {
        color: #F8CD0A;
    }
}

@keyframes my {
    0% {
        color: #F8CD0A;
    }
    50% {
        color: #fff;
    }
    100% {
        color: #F8CD0A;
    }
}

.register {
    font-weight: bold;
    -webkit-animation: my 700ms infinite;
    -moz-animation: my 700ms infinite;
    -o-animation: my 700ms infinite;
    animation: my 700ms infinite;
}

.danhmuc .item {
    background-color: #f4f4f4;
    padding: 1.5rem 1rem 1.5rem 1rem;
    margin-bottom: 30px;
}

.item-san-pham {
    background-color: #f4f4f4;
    padding: 1.5rem 1rem 1.5rem 1rem;
}

.item-san-pham img {
    width: 100%;
}

.v-TextImage-col-content-left {
    background: #fff;
    padding: 20px;
}

#contact input::-webkit-input-placeholder,
#contact textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff !important;
}

#contact input::-moz-placeholder,
#contact textarea::-webkit-input-placeholder {
    /* Firefox 19+ */
    color: #fff !important;
}

#contact input:-ms-input-placeholder,
#contact textarea::-webkit-input-placeholder {
    /* IE 10+ */
    color: #fff !important;
}

#contact input:-moz-placeholder,
#contact textarea::-webkit-input-placeholder {
    /* Firefox 18- */
    color: #fff !important;
}

.tab_vt ul {
    list-style-type: none;
    display: block;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.tab_vt ul li {
    display: inline-block;
    padding: 0;
    margin: 0;
    min-width: 300px;
    border: 2px solid #19898a;
    color: #19898a;
    font-weight: bold;
    padding: 14px 20px;
    margin: 5px -3px;
    text-transform: uppercase;
    font-size: 1em;
    cursor: pointer;
}

.text_tab_content {
    margin: 35px 0;
}

.text_tab_content img {
    width: 100%;
}

.title_tab_content {
    color: #40878a;
    font-size: 24px;
    text-align: center;
    margin-top: 35px;
    font-weight: bold;
}

.text_tab_content h3 {
    color: #00315e;
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}

#doitac {
    background-color: #f4f4f4;
    padding: 40px 0px;
}

.next-dt {
    position: absolute;
    right: 0px;
    top: 15%;
}

.prev-dt {
    position: absolute;
    left: 0px;
    top: 15%;
}

.item_ti_img2 {
    background-color: #fff;
    padding: 1.5rem 1rem;
}

.title_item_ti {
    font-size: 18px;
    color: #008080;
    text-align: center;
    background-color: #fff;
    padding-top: 30px;
    font-weight: bold;
}

.next-tienich1,
.next-tienich2,
.next-tienich3,
.next-tienich4,
.next-tienich5,
.next-tienich6,
.next-tienich7,
.next-tienich8,
.next-tienich9,
.next-tienich10 {
    position: absolute;
    right: 0;
    bottom: 50%;
}

.prev-tienich1,
.prev-tienich2,
.prev-tienich3,
.prev-tienich4,
.prev-tienich5,
.prev-tienich6,
.prev-tienich7,
.prev-tienich8,
.prev-tienich9,
.prev-tienich10 {
    position: absolute;
    left: 0;
    bottom: 50%;
}

.item_right_ti {
    background-color: #fff;
    padding: 1.5rem 2rem;
    height: 93%;
    display: block;
}

.item_right_ti ul {
    padding: 10px 25px;
}

.flex_item {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: space-between;
}

.slider_title_ti_home {
    color: #19898a;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.item_text_ti h4 {
    color: #19889a;
}

.item_text_ti ul {
    padding-left: 45px;
    margin-top: 25px;
}

.item_text_ti ul li {
    list-style: disc;
}

.danhmuc2 .item h3 {
    margin: 0px;
}

#zalo-ring,
#viber-ring {
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
}

@-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

.mb-4 {
    margin-bottom: 1.5em!important;
}

.mt-0 {
    margin-top: 0px!important;
}

.mb-0 {
    margin-bottom: 0px!important;
}

.pt-3 {
    padding-top: 1.25em!important;
}

.pb-3 {
    padding-bottom: 1.25em!important;
}

#contact-footer {
    background: #f2f2f2;
    padding: 50px 0px;
}

.danhmuc .item .news-box-2 .thumb,
.danhmuc2 .item .news-box-2 .thumb {
    overflow: hidden;
    position: relative;
}

.danhmuc .item .news-box-2 .thumb a,
.danhmuc2 .item .news-box-2 .thumb a {
    display: block;
}

.danhmuc .item .news-box-2 .thumb img,
.danhmuc2 .item .news-box-2 .thumb img {
    transform: scale(1);
    transition: 0.5s all;
}

.danhmuc .item .news-box-2:hover .thumb img,
.danhmuc2 .item .news-box-2:hover .thumb img {
    transform: scale(1.2);
}
.danhmuc .item .news-box-2:hover .hovered-link,
.danhmuc2 .item .news-box-2:hover .hovered-link{
    opacity: 1;
} 
.danhmuc .item .news-box-2 .hovered-link,
.danhmuc2 .item .news-box-2 .hovered-link {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 49, 94, 0.5);
    opacity: 0;
    transition: 0.5s all;
}
.danhmuc .item .news-box-2 .hovered-link .arrow,
.danhmuc2 .item .news-box-2 .hovered-link .arrow{
    font-size: 70px;
    font-weight: bold;
    color: #fff;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    width: 70px;
    height: 70px;
    transition: 0.5s all;
}
.danhmuc .item .news-box-2 .hovered-link .arrow:hover,
.danhmuc2 .item .news-box-2 .hovered-link .arrow:hover{
    background: rgba(255, 255, 255, 0.6);
}
.mauthietke .title-mauthietke h2{
    margin: 0px;
}
.mauthietke .title-mauthietke .line{
    flex: 0 0 auto;
    height: 1px;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 10%;
    background: #f2f2f2;
    margin-left: 15px;
}
.mauthietke .title-mauthietke .link{
    display: inline-block;
    text-decoration: none;
    border: 1px solid !important;
    border-radius: 30px;
    padding: 10px 15px 10px 15px;
    font-size: 12px;
    color: #00315e;
    border-color: #00315e !important;
    font-weight: bold;
}