@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
    box-sizing: border-box;
    margin: 0;
}
:root {
    touch-action: pan-x pan-y;
    height: 100%
  }
body {
    color: black;
    font-size: 0.75rem;
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    background-color: #0f0f0f;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus, select:focus, textarea:focus {
    color: #063585;
    border-color: #063585;
}
a{
    transition: 0s;
}
.products a {
    width: 100%;
}
a:hover{
    color: #dec76d;
}
h1, h2, h3, h4, h5, h6 {
   font-size: 15pt;
}
.main__header{
    padding: 20px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-image: url('../img/1.png'); */
}
.d-row {
    display: flex;
    flex-direction: row;
}
.d-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bg-pink {
    position: relative;
    z-index: 99;
    padding: 5px 0;
    background-color: #063585;
    width: 100%;
    /* background-image: url('../img/menu.png'); */
    background-size: cover;
    background-position: center;
    height: 42px;
}
.header__logo {
    padding: 0;
}
.logo img{
    width: 66px;
}
.fast_top {
    font-size: 11pt;
    padding: 6px 0;
    font-weight: lighter;
    color: white;
    background-color: #063585;
}
.section-slider{
padding: 5px 0;
}
.slogan {
    margin: 0;
    width: 100%;
    font-size: 11pt;
    padding: 7px 0;
    color: #272828;
    background-color: #f4f4f4;
}
.hotline {
    flex-wrap: nowrap;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.text-hotline {
    line-height: 23px;
    font-weight: 900;
    font-size: 12.8pt;

}
.text-phone {
    font-weight: 900;
    font-size: 16pt;
    color: #013fba;
}
.p5m {
    padding: 5px 0;
}
.m15mr {
    margin-right: 15px;
}
.header-social-networks.style-icons a {
    font-size: 11pt;
    display: inline-block;
    margin: 0;
}

.main-menu {
    background-color: #063585;
}
.navigation-menu > ul > li > a {
    text-transform: capitalize;
    font-size: 12pt;
    color: #fff;
    padding: 5px;
    font-weight: 600;
}
.section-about-us {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* background-color: #063585; */
    padding: 25px 0;
    min-height: 350px;
}
.img-about-us {
    overflow: hidden;
    width: 100%;
    min-height: 300px;
}
.img-about-us img {
    width: 100%;
    /* max-height: 300px; */
    object-fit: cover;
}
.see-more {
    cursor: pointer;
    width: 110px;
    height: 26px;
    padding: 0 15px;
    border-radius: 13px;
    border: 2px solid #013fbb;
    color: #ff1617;
    line-height: 24px;
}
.hvr-sweep-to-right:before {
    border: 1px solid white;
    background:white;
    color: #063585;
}
.hvr-sweep-to-left:before {
    border: 1px solid white;
    background:white;
    color: #063585;
}
.hvr-sweep-to-left:hover {

    color: #063585;
}
.see-more-about-us{
    overflow: hidden;
    font-weight: 400;
    font-size: 1rem;
    text-align: center;
    line-height: 36px;
    width: 120px;
    height: 40px;
    background: #005C97;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #363795, #005C97);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #363795, #005C97); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: white;
    border: 1px solid white;
    border-radius: 20px;
}
.see-more-about-us a:hover {
    color: #00bbff;
}
.hvr-sweep-to-right:hover {
    color: black;
}
/* .see-more-about-us:hover{
    color: black;
} */
.title-name {
    text-align: center;
    color: #272828;
    width: 100%;
    font-size: 34px;
}
.img_title{
    top: 0;
    position: absolute;
    z-index: 1;
}
.section-product {
    padding: 15px 0 20px 0;
}
.see-all-content{
    position: absolute;
    top: 20px;
    right: 250px;
    background-color: red;
    z-index: 99;
}
.section-gallery {
    padding: 0 0 20px 0;
}
.des_news{
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    min-height: 30px;
}

.description-name p {
    font-size: 12pt;
    text-align: center;
}
/* .header-bottom-inner {
    margin-top: 3px;
} */
.is-sticky .navigation-menu > ul > li.active > a:after {
    color: #00bbff;
}
.is-sticky .navigation-menu > ul > li > a:before {
    background-color: #00bbff;
}
.is-sticky .navigation-menu > ul > li.active > a span {
    color: #00bbff;
}
.is-sticky .menu__left{
    padding: 0 15px;
}
.menu__left{
    padding: 0;
}
.header-area .is-sticky {
    box-shadow: 0 2px 12px #282323;
    padding: 8px 0;
    background-color: #063585;
    height: 45px;
    /* background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../img/2.png');
    background-color: none; */
}

.submenu > li.has-children.active > a {
    color: #063585;
}
.submenu > li.active > a {
    color: #063585;
}
.submenu > li.has-children > a:hover:after {
    color: #063585;
}
.header-area .is-sticky .navigation-menu > ul > li > a {
    color: #fff;
}

.header-area .is-sticky .navigation-menu > ul :hover li{
    color: #272828;
    text-shadow: none;
}
.product-box {
    margin-bottom: 20px;
}
.product-box .name-product {
    font-weight: 500;
    font-size: 11pt;
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    min-height: 42px;
}
.code__product{
    color: black;
    top: 15px;
    left: 35px;
    position: absolute;
}
.product-box .name-product a {
    display: block;
}
.product-box .img-product img {
    width: 100%;
    max-height: 270px;
    display: block;
    object-fit: cover;
    border-radius: 25px;
}
.product-box .img-product {
    border-radius: 25px;
    position: relative;
    border: 0.5px solid #545454;
    overflow: hidden;
}
.product-box .img-product img:hover {
    transform: scale(1.3);
    transition: 0.3s;
}
.product-box .price-product{
    text-align: center;
    margin-top: 5px;
    font-size: 10pt;
}
.product-box .price-product .price{
    color: #df0029;
    font-weight: 500;
}

.dot__red{
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
    background-color: red;
    z-index: 3;
}
.line__cylinder{
    width: 100%;
    position: absolute;
    height: 4px;
    background-color: #154196;
    right: 0;
    top: 50%;
    z-index: 1;
}

.call-now {
    grid-gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #063585;
    font-size: 9pt;
    width: 100%;
    text-align: center;
}
.section_banner{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* padding: 20px 30px; */
    /* min-height: 300px; */
}
.form__phone{
    border: none;
    width: 270px;
    padding: 5px 20px;
}
.btn__phone{
    font-size: 11pt;
    color: white;
    background-image: url(../img/contact.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    width: 82px;
    background-color: transparent;
    padding-right: 20px;
}
.btn__phone_red{
    position: absolute;
    top: 3px;
    left: 76%;
    background-color: red;
    /* padding: 5px 20px; */
    height: 23px;
    width: 22px;
    z-index: 1;
    transform: rotate(45deg);

}
.banner2 {
    width: 100%;
}
.banner2 img {
    width: 100%;
}
.desc-banner2 p {

    color: white;
}

.container-s {
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto 30%;
    grid-gap: 5px;
    width: 100%;
    height: 320px;
}
.container-s__left {
    display: flex;
}
.container-s__right {
    max-height: 520px;
    overflow: auto;
    display: grid;
    grid-gap: 20px;
}
.container-s__right::-webkit-scrollbar {
    width: 5px;
}
.container-s__right::-webkit-scrollbar-thumb {
    background-color: #063585;
}
.container-s__right::-webkit-scrollbar-track {
    background-color: rgb(255, 155, 119);
}
.list-s {
    background-color: purple;
    height: 100px;
}
.video-content {
    width: 100%;
    /* overflow: hidden; */
}
.content-gallery {
    max-height: 320px;
    overflow: hidden;
}
.content-gallery img {
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.title-pro a {
    margin-bottom: 10px;
    /* font-family: "Noto", "Serif"; */
    font-size: 20pt;
    text-decoration: underline;
    text-underline-offset: 5px;
    color: black;
}
.section-contact {
    border-bottom: 1px solid black;
    padding: 40px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.btn__submit__ct{
    background-color: transparent;
    background-image: url(../img/btnsubmit.png);
    background-position: center;
    background-size: cover;
    width: 70px;
    height: 70px;
    border: none;
}

.form-contact textarea[placeholder],
.form-contact input[placeholder] {
    font-weight: bold;
    color: #063585 ;
    font-size: 13pt;
}
.form-control-cus {
    width: 100%;
    padding: 0 10px;
}
.list-s img {
    height: 100%;
    width: 100%;
}
.button_send_form {
    font-weight: bold;
    font-size: 18pt;
    width: 80px;
    height: 45px;
    border-radius: 15px;
    background-color: #fffcea;
    color: #fedf29;
}
.row-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.button_send_form:hover {
    color: #fffcea;
    background-color: #fedf29;
    transition: 0.3s;
}
.box-post {
    width: 100%;
}
.box-post a {
    width: 100%;
}
.box-post img {
    width: 100%;
    /* height: 230px; */
}
.box-post .name {
    margin-top: 10px;
    width: 100%;
    height: 50px;
    font-size: 11.5pt;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: black;
    margin-bottom: 10px;
}
.box-post .name:hover {
    color: #e1014e;
    transition: 0.3s;
}
.section-filter{
    padding: 20px 0;
    background-image: url(../img/1.png);
    background-size: cover;
    background-position: center;
}

.section-service{
    padding: 10px 0;
    background-image: url(../img/bgbong.jpg);
    background-size: cover;
    background-position: center;
}

.box-post .desc {
    /* color: black;
    font-size: 10pt;
    width: 100%;
    height: 70px;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis; */
    font-size: 10pt;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    min-height: 30px;
}
.about-us-home{
    padding: 20px 0;
}
.section-post {
    padding: 20px 0 30px 0;
}
.section-tag-seo {
    padding: 10px;
    background-color: #dedede;
}
.tag-seo span {
    font-size: 10.2pt;
    color: black;
    margin-left: 10px;
    /* font-family: "Noto"; */
    white-space: nowrap;
}

.tag-seo-text {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-shadow: 1px 1px black;
    font-weight: bold;
    font-size: 15pt;
    color: #a03f73;
}
.section-end-page {
    padding: 10px 0;
    color: #063585;
    font-size: 1rem;
    /* background-color: #063585; */
}
.navigation-menu > ul{
    display: flex;
    justify-content: center;
}
.navigation-menu > ul > li{
   margin: 0;
}
.navigation-menu > ul > li:hover > a span,
.navigation-menu > ul > li.active > a span {
    color: #00bbff;
}
.navigation-menu > ul > li > a:before {
    background-color: #272828;
}
.navigation-menu > ul > li:hover > a:after,
.navigation-menu > ul > li.active > a:after {
    color: #00bbff;
}

.submenu > li > a:hover {
    color: #063585;
}
.submenu > li > a > span:after {
    background-color: #063585;
}

.submenu {
    border-bottom: #063585 3px solid;
}
.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    border-radius: 3px;
    bottom: 68px;
    right: 26px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    display: none;
    z-index: 99999999;
    background-color: #063585;
    cursor: pointer;
    border: 1px solid white;
}
.show {
    display: block;
}
.card {
    padding: 10px;
}
.breadcrumb{
    background-color: #ffffff;
    box-shadow: 3px 3px 5px grey !important;
    margin-top: 20px;
    text-transform: uppercase;
}
.breadcrumb li:last-child {
    color: #063585;
}
.name_title a {
    position: absolute;
    top: 55px;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    min-height: 30px;
}
.name_title a:hover{
    color: #ffdd15;
    transition: 0.1s;
}
.title_news a
{
    color: #fff;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    min-height: 30px;
}
.border_rd__pr{
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 30px;
}
.main-title .title {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 1.25rem;
}
.form-group .error {
    color: white;
}
footer {
    padding: 20px 0 0 0;
    background-color: #f2f0f0;
    color: #424341;
}
footer .title {
    font-weight: bold;
    font-size: 1rem;
}
footer ul {
    margin-left: 20px;
}
footer ul li a:hover {
    margin-left: 5px;
    color: #f30000;
    text-shadow: 0.5px 0.5px 0.5px #000;
}
.showlist{
    list-style-type: disc;
}
.showlist li{
    margin-top: 10px;
}
.showlist li a{
    transition: .3s;
    font-weight: 500;
    font-size: 1rem;
}
.title_pro {
    padding: 0;
    font-size: 1.25rem;
    color: #fff;
}
.mobile-menu-overlay__inner,
.page-oppen-off-sidebar__inner {
    background: #063585;
}
.mobile-navigation-icon i:before {
    background-color: white;
}
.mobile-navigation-icon i:after {
    background-color: white;
}
.mobile-navigation-icon i {
    background-color: white;
    margin-bottom: 10px;
}
.mobile-navigation-icon {
    width: 25px;
    height: 35px;
}


/*  Zalo  */
.zalo_animax {
    display: block;
    width: 41px;
    height: 41px;
    position: fixed;
    left: calc(100% - 60px);
    bottom: 160px;
    z-index: 999999999999;
}
.kenit-alo-circle-fill {
    width: 60px;
    height: 60px;
    top: -10px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75;
    right: -10px;
}
.kenit-alo-circle {
    width: 50px;
    height: 50px;
    top: -5px;
    right: -5px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-color: #0089b9;
    opacity: 0.5;
}

/* 4 NUT TIEN ICH  */
#contact_fixed {
    height: 137px;
    position: fixed;
    bottom: -90px;
    left: 0;
    right: 0;
    margin: auto;
    background: #bb1e31;
    padding: 5px 0;
    box-sizing: border-box;
    z-index: 1000;
}
div.phone_list {
    width: 100%;
    float: left;
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
}
div.phone_list p {
    display: inline-block;
    padding: 5px 10px;
    background: #d90000;
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
    border-radius: 10px;
    margin: 0 10px 10px;
    color: #ff0;
    line-height: 30px;
}
#contact_fixed ul {
    width: 100%;
    float: left;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
}
#contact_fixed ul li {
    width: 20%;
    float: left;
    text-align: center;
}
#contact_fixed ul li img {
    display: block;
    margin: auto;
    max-height: 18px;
}
#contact_fixed ul li a {
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: bold;
}
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinker {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes blinker {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes blinker {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Fcebook  */
.js-facebook-messenger-container.closed,
.js-facebook-messenger-tooltip.closed {
    display: none !important;
}
.js-facebook-messenger-tooltip {
    bottom: 97px;
    right: 97px;
}
.js-facebook-messenger-tooltip {
    color: #404040;
    background: #fff;
}
.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {
    z-index: 999;
}
.js-facebook-messenger-tooltip {
    display: none;
    position: fixed;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt;
    z-index: 1e30;
}
.js-facebook-messenger-close-tooltip {
    width: 10px;
    height: 10px;
    display: inline-block;
    cursor: pointer;
    margin-left: 10px;
}
.js-facebook-messenger-box.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
.js-facebook-messenger-box.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.js-facebook-messenger-box {
    bottom: 70px;
    right: 10px;
}
.js-facebook-messenger-box {
    background: #1182fc;
}
.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {
    z-index: 999;
}
.js-facebook-messenger-box {
    width: 60px;
    height: 60px;
    display: block;
    position: fixed;
    cursor: pointer;
    text-align: center;
    line-height: 60px;
    background: #1182fc;
    border-radius: 100%;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
}
.js-facebook-messenger-box.rotate svg#fb-msng-icon {
    transform: rotate(0deg);
}
.js-facebook-messenger-box svg#fb-msng-icon {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 15px;
    left: 15px;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
}
.js-facebook-messenger-box.rotate svg#close-icon {
    transform: rotate(-45deg);
}
.js-facebook-messenger-box svg#close-icon {
    opacity: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20px;
    left: 20px;
    -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
}
.js-facebook-messenger-container {
    transform: translateY(50px);
    bottom: 110px;
    right: 35px;
}
.js-facebook-messenger-container,
.js-facebook-messenger-container-button {
    z-index: 1000;
}
.js-facebook-messenger-container {
    position: fixed;
    opacity: 0;
    border-radius: 10px;
    pointer-events: none;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
    -webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
    -moz-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
    -o-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
    transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
}
.js-facebook-messenger-top-header {
    width: 300px;
    line-height: 25px;
}
.js-facebook-messenger-top-header {
    color: #fff;
    background: #1182fc;
}
.js-facebook-messenger-top-header {
    display: block;
    position: relative;
    width: 300px;
    background: #1182fc;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding: 10px;
    font-size: 14px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.js-facebook-messenger-container iframe,
.js-facebook-messenger-container-button iframe {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {
    z-index: 999;
}
.js-facebook-messenger-container,
.js-facebook-messenger-container-button {
    z-index: 1000;
}
.js-facebook-messenger-top-header {
    color: #fff;
    background: #1182fc;
}
.js-facebook-messenger-box {
    background: #1182fc;
}
.js-facebook-messenger-top-header {
    width: 300px;
}
.js-facebook-messenger-tooltip {
    color: #404040;
    background: #fff;
}
.js-facebook-messenger-box {
    bottom: 80px;
    right: 10px;
}
.js-facebook-messenger-container {
    transform: translateY(50px);
    bottom: 150px;
    right: 50px;
}
.js-facebook-messenger-container.open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
}
.js-facebook-messenger-tooltip {
    bottom: 97px;
    right: 97px;
}
.js-facebook-messenger-box.open svg#fb-msng-icon {
    opacity: 0;
}
.js-facebook-messenger-box.rotate.open svg#close-icon {
    transform: rotate(0deg);
}
.js-facebook-messenger-box.open svg#close-icon {
    opacity: 1;
}


.zalo-btn {
    animation: play 2s ease infinite;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    /* border-radius: 50%; */
    border-radius: 50%;
    background: url(../img/iconzalo.png) no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    bottom: 150px;
    z-index: 99;
}

@keyframes play {
    0% {
        transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 5px rgba(22, 139, 212, 0.4);
    }
    25% {
        box-shadow: 0 0 0 10px rgba(22, 139, 212, 0.4),
            0 0 0 20px rgba(22, 139, 212, 0.2);
    }
    25% {
        box-shadow: 0 0 0 15px rgba(22, 139, 212, 0.4),
            0 0 0 30px rgba(22, 139, 212, 0.2);
    }
}
@keyframes play_cart {
    0% {
        transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 5px rgba(107, 212, 22, 0.4);
    }
    25% {
        box-shadow: 0 0 0 10px rgba(107, 212, 22, 0.4),
            0 0 0 20px rgba(107, 212, 22, 0.2);
    }
    25% {
        box-shadow: 0 0 0 15px rgba(107, 212, 22, 0.4),
            0 0 0 30px rgba(107, 212, 22, 0.2);
    }
}
.submenu {
    border-radius: 10px;
    margin-top: 6px;
    padding: 10px 0;
    min-width: 230px;
    box-shadow: 1px 1px 1px grey;
}
.submenu > li > a {
    color: black;
    font-size: 10pt;
    font-weight: normal;
}

.why_us_text{
    font-size: 12pt;
    margin-bottom: 10px;
}

.name__cat1{
    display: inline-block;
    padding: 10px 20px;
    background-color: #063585;
    font-size: 14pt;
    box-shadow: 8px 8px 0 #00bbff;
    color: #fff;
}

.name__cat1:hover{
    color: #ddff02;
    transition: 0.3s;
    text-shadow: 1px 1px 1px #146909;
    box-shadow: -8px -8px 0 #00bbff;
}

.name__cat1 a:hover{
    color: #ddff02;
}
.product-price {
    font-size: 20pt;
}
.text-price {
    color: #dc3545;
}
.title__news a {
    font-size: 1rem;
}
.navigation-menu > ul > li > a:before {
    background-color: #00bbff;
}
.main-title {
    font-size: 1.75rem;
}
.header-social-networks.style-icons a {
    margin-left: 3px;
    padding: 0;
}
.main-title .title{
    color: #dec76e;
    /* text-underline-offset: 10px;
    text-decoration: underline; */
}

#search {
    font-size: 0.75rem;
    width: 40px;
    transition: width 0.5s ease;
    height: 40px;
    border-radius: 20px;
}
#search:focus {
    width: 200px;
}
.header-search-form .search-form-top {
    background-color: white;
}
.header-search-form .search-form-top .search-field {
    color: black;
    min-height: 35px;
    width: 300px;
}

.addthis_button_facebook_like .fb_iframe_widget {
    line-height: 100%;
}
div.atclear {
    clear: both;
}
.addthis_default_style .at300b {
    float: left;
}
.addthis_default_style .at300b {
    padding: 0 2px;
}
.at300b {
    cursor: pointer;
}
.addthis_button_facebook_like.at300b:hover,
.addthis_button_facebook_send.at300b:hover {
    opacity: 1;
}
.at-share-tbx-element .fb_iframe_widget span {
    vertical-align: baseline !important;
}
.fb_iframe_widget {
    display: inline-block;
    position: relative;
}
.fb_iframe_widget span {
    display: inline-block;
    position: relative;
    text-align: justify;
}
.fb_iframe_widget iframe {
    position: absolute;
}
.at-share-tbx-element {
    position: relative;
    margin: 0;
    color: #fff;
    font-size: 0;
}
.at-share-tbx-element {
    /* font-family: helvetica neue, helvetica, arial, sans-serif; */
    padding: 0;
    line-height: 0;
}
.at-share-tbx-element .at_native_button {
    vertical-align: middle;
}
.at-share-tbx-element .fb_iframe_widget {
    display: block;
}
.at-share-tbx-element.at-share-tbx-native .at300b {
    vertical-align: middle;
}
.addthis-smartlayers {
    padding: 0;
    margin: 0;
}
.at4-show {
    display: block !important;
    opacity: 1 !important;
}
.addthis-animated {
    animation-fill-mode: both;
    animation-timing-function: ease-out;
    animation-duration: 0.3s;
}
.addthis_counter {
    font-weight: 700;
    display: inline-block;
    border: 0;
    outline: 0;
    cursor: pointer;
    color: #fff;
}
.addthis_counter a {
    display: block;
    /* font-family: arial, helvetica, sans-serif !important; */
    text-decoration: none !important;
    border: 0;
}
.addthis_counter {
    text-decoration: none !important;
    text-align: left;
}

.addthis_counter .atc_s:hover {
    background-color: #e75a3a;
}
.addthis_counter a.atc_s {
    font-size: 11px;
    font-weight: 100;
    color: #fff;
    padding: 0 5px 0 20px;
    line-height: 20px;
    overflow: hidden;
    cursor: pointer;
    transition: none;
}
.addthis_counter a.atc_s {
    display: block;
    height: 20px;
}
.addthis_counter a.addthis_button_expanded:hover,
.addthis_counter.addthis_pill_style a.addthis_button_expanded:hover {
    text-decoration: none;
    color: #272828;
}
.addthis_counter .addthis_button_expanded {
    display: block;
    background-repeat: no-repeat;
    background-position: 0 -40px;
    width: 50px;
    height: 33px;
    line-height: 33px;
    padding-bottom: 4px;
    margin-bottom: 3px;
    text-align: center;
    text-decoration: none;
    font-size: 1pc;
    font-weight: 700;
    color: #333;
}
.addthis_counter {
    vertical-align: top;
}
.addthis_counter .addthis_button_expanded:hover {
    background-position: 0 -77px;
    cursor: pointer;
    color: #272828;
}
.addthis_counter.addthis_pill_style {
    display: block;
    height: 25px;
    overflow: hidden;
}
.addthis_counter.addthis_pill_style a.atc_s {
    float: left;
}
.addthis_counter.addthis_pill_style a.addthis_button_expanded {
    display: none;
    background-repeat: no-repeat;
    background-position: 0 -114px;
    width: 34px !important;
    height: 20px;
    line-height: 20px;
    margin: 0 0 0 3px;
    padding: 0 0 0 4px;
    float: left;
    text-align: center;
    text-decoration: none;
    /* font-family: arial, helvetica, sans-serif; */
    font-weight: 700;
    font-size: 11px;
    color: #333;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}
.addthis_counter.addthis_pill_style a.addthis_button_expanded:hover {
    background-position: 0 -134px !important;
}
.danhgiasao {
    cursor: pointer;
}
.danhgiasao span {
    background: url(https://hatnhuataisinhhdpe.com/images/star.gif) center top
        no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.danhgiasao span.active {
    background: url(https://hatnhuataisinhhdpe.com/images/star.gif) center -48px
        no-repeat;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    min-width: 100% !important;
}
.addthis_native_toolbox {
    display: block;
    height: 20px;
}

.clearfix:after {
    content: "";
    visibility: hidden;
    display: block;
    clear: both;
}
div#dknt {
    max-width: 350px;
}
form#frm_dknt {
    background: #fff;
    height: 40px;
    margin: 10px 0;
}
form#frm_dknt input[type="text"] {
    width: 75%;
    padding: 0 8px;
    float: left;
    margin-top: 12px;
    border: none;
    background: none;
    outline: none;
    color: #272828;
    outline: none;
}
.hidden {
    display: none !important;
}
.product-info-right {
    padding-left: 15px !important;
}
.flex_social {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1rem;
}
.goi_trong {
    background: #ecdada;
    padding: 20px;
    border-radius: 10px;
    margin-top: 1rem;
}
.goi_trong p.ti_goi {
    background: url(https://hatnhuataisinhhdpe.com/img/tuvan1.png) no-repeat
        left center;
    padding: 10px 0 10px 60px;
    font-size: 14px;
}
.goi_trong form#frm_dknt {
    background: none;
    position: relative;
    margin: 0 !important;
    height: 49px;
    margin-top: 0.5rem !important;
}
.goi_trong form#frm_dknt input[type="text"] {
    width: 100%;
    padding: 14px 10px;
    background: #fff;
    border: 1px solid #dedede;
    outline: none;
    color: #272828;
    margin-top: 0;
}
.goi_trong form#frm_dknt input[type="submit"] {
    background: #d70b0b;
    color: #fff;
    padding: 15px 20px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.6s;
}
.goi_trong form#frm_dknt input[type="submit"]:hover {
    background: #272828;
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.list-group-item:focus,
.list-group-item:hover {
    z-index: 1;
    text-decoration: none;
}
.list-group-item:disabled {
    color: #6c757d;
    background-color: #fff;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.text-danger {
    color: #dc3545 !important;
}
.title-bg-blue{
    height: 70px;
    width: 100%;
    margin: 0;
    background-size: cover;
    background-position: center;
    /* background-image: url('../img/3.png'); */
}
.swiper {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
  }


  .swiper-slide img {
    border: 2px solid #063585;
    display: block;
    width: 100%;
    object-fit: cover;
  }
.swiper-slide h3{
    margin-top: 5px;
    text-align: center;
    font-size: 1rem;
}
/* .section-have-bg
{
    background-position: center;
    background-size: cover;
    background-image: url('../img/7.png');
} */
.step__work{
    height: 100%;
    padding: 20px 15px;
    border: 1px solid #063585;
    border-radius: 10px;
}
.step__work .name{
    margin-bottom: 5px;
    text-align: center;
    font-size: 13pt;
    font-weight: 500;
    color: #063585;
}
.step__work p{
    font-size: 11pt;
    font-weight: 600;
}
.step__work .content{
    font-size: 11pt;
    font-weight: 600;
}
.step__work .number{
    margin-bottom: 5px;
    width: 30px;
    height: 30px;
    background-color: #063585;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17pt;
    font-weight: bolder;
    color: #fff;
    border: 1px solid #fff;
    outline: #063585 solid 1px;

}
.swiper-pagination{
    margin-top: 30px !important;
}
.swiper-pagination .swiper-pagination-bullet-active:before {
background: #063585;
}
.img__post{
    position: relative;
    border: 1px solid grey;
    border-top: 2px solid #063585;
}
.img__post h3{
    width: 90%;
    padding: 5px 10px;
    background: white;
    position: absolute;
    bottom: 30px;
    height: 70px;
    box-shadow: 10px 10px #ffffff80;
}
.desc__post{
    margin-top: 10px;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    -o-line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    max-height: 75px;
    overflow: hidden;
    /* text-align: justify; */
}
.desc__post p {
    font-size: 0.9rem;
    color: #444;
}
.pt-pb-10-white{
    padding: 15px 0;
    background-color: #437fe121;
    border-radius: 15px;
}
.box__post__right{
    display: flex;
    grid-gap: 20px;
}
.box__post__right .content__post__right{
    width: 70%;
}
.box__post__right .box__img{
    border-top: 2px solid #063585;
    width: 30%;
}
.box__post__right img{
    width: 100%;
}
.content__post__right .title{
    margin-bottom: 5px;
    display: -webkit-box ;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -o-line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    max-height: 60px;
    overflow: hidden;
}
.box__post__right .desciption{
    margin-bottom: 5px;
    display: -webkit-box ;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -o-line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    height: 60px;
    overflow: hidden;
    color: #444;
}
.box__post__right .seemore{
    color: #063585;
}


.border_rd_ct{
    border: 2px solid #063585;
    border-radius: 15px;
    padding: 25px 20px;
    box-shadow: 5px 9px #063585;
}

.call-img-ct{
    margin-left: 25%;
    position: absolute;
    bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hot___line{
    color: white;
    font-size: 1.5rem;
    margin: 0;
}
.phone___number{
    color: white;
    font-weight: bold;
    font-size: 1.5rem;
    margin: 0;
}
.btn___call{
    padding: 5px 10px;
    background: black;
    border-radius: 10px;
    color: white;
    font-weight: bold;
    font-size: 1rem;
    width: 200px;
    height: 50px;
    line-height: 40px;
    text-align: center;
}
.btn___call:hover{
    color: #063585;
}

.bottom_w {
	width: 100%;
	padding-bottom: 50px;
}

.bottom_w .margin_auto {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.tintuc_bt {
	width: 50%;
	padding-right: 15px;
}

.sim_tin {
	position: relative
}
.sim_video
{
    width: 100%;
    padding: 15px;
}
.sim_video img:not(:first-child){
    padding: 0 10px;
}

.sim_tin:after {
	content: '';
	width: 1px;
	height: 100%;
	background: #999999;
	position: absolute;
	top: 0;
	left: 52px;
}

.khung_tin {
	position: relative
}

.khung_tin:before {
	content: '';
	width: 9px;
	height: 9px;
	background: #999999;
	position: absolute;
	top: 0;
	left: 48px;
	border-radius: 50%;
}

.khung_tin:after {
	content: '';
	width: 9px;
	height: 9px;
	background: #999999;
	position: absolute;
	bottom: 0;
	left: 48px;
	border-radius: 50%;
}

.item_tin {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.num_tin {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	color: #fff;
	border-radius: 50%;
	background: #cb1e33;
}

.info_tin {
	width: calc(100% - 73px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	border-bottom: 1px dotted #b2b2b2
}

.info_tin:after {
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	left: -30px;
	transform: translateY(-50%);
	z-index: 1;
    background: url(../img/icon_tin.png) no-repeat;

}

.info_tin>a {
	display: block;
	width: 137px;
}

.mota_tin {
	width: calc(100% - 150px)
}

.mota_tin h3 a {
	color: #272828;
	font-size: 15px;
	font-weight: 500
}

.date_tin span {
	font-size: 13px;
	color: #808080;
}

.date_tin a {
	display: inline-block;
	font-weight: 500;
	color: #be2235;
	margin-left: 10px;
	font-style: italic;
}

.mota_tin>p {
	color: #272828;
	line-height: 25px;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.clip_bt {
	width: 50%;
	padding-left: 15px
}

.vert .simply-scroll-list .item_tin .info_tin {
	margin-bottom: 10px !important;
	padding-bottom: 10px !important
}

.vert .simply-scroll-list {
	height: auto !important;
}

.horz .simply-scroll-list{
    height: 100px;
}
.content__post__sim{
    margin-bottom: 5px;
    display: -webkit-box ;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -o-line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    height: 60px;
    overflow: hidden;
    color: #444;
}
#video_lienquan{
    font-size: 1rem;
}

.bg-footer{
    /* background-image: url(../img/6.png); */
    background-position: center;
    background-size: cover;
}
.bgimg{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.layer__2{
    padding: 40px 0 20px 0;
}
.chat-nav {
    position: fixed;
    left: 13px;
    background: #fff;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    bottom: 200px;
    padding: 10px 0;
    border: 1px solid #f2f2f2;
  }

  .chat-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .chat-nav ul li {
    list-style: none !important;
  }
  .chat-nav ul > li a {
    border: none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 75px;
    max-height: 55px;
    text-decoration: none;
  }
  .chat-nav ul > li .chat_animation {
    display: none;
  }
  .chat-nav ul > li a i.ticon-heart {
    background: url(../img/icon-sms/icon-map.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
  }
  .chat-nav ul > li a i.ticon-zalo-circle2 {
    background: url(../img/icon-sms/widget_icon_zalo.svg) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
  }
  .chat-nav ul > li a i.ticon-zalo-circle3 {
    background: url(../img/icon-sms/facebook.png)
      no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
  }
  .chat-nav ul > li a i {
    width: 33px;
    height: 33px;
    display: block;
    margin: auto;
  }
  .chat-nav ul > li a i.ticon-chat-sms {

    background: url(../img/icon-sms/icon-sms.jpeg) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
  }
  .chat-nav ul > li a .call-mobile-style {
    animation: call 3s linear infinite;

    background: url(../img/icon-sms/widget_icon_click_to_call.svg)
      no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
    margin: auto;
  }

  .header-bottom-left-wrap .navigation-menu > ul > li:first-child {
    margin: 0 7px 0 7px;
}



  .btn-frame {
    display: block;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    z-index: 10;
    cursor: pointer;
}
.btn-frame i {
    display: flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #1182fc;
    position: relative;
    z-index: 1;
}
.btn-frame i img {
    vertical-align: middle;
    width: 70%;
}
.btn-frame .animated.infinite {
    animation-iteration-count: infinite;
}
.btn-frame .kenit-alo-circle {
    width: 60px;
    height: 60px;
    top: -5px;
    right: -5px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(7, 41, 103, 0.8);
    opacity: 0.1;
    border-color: #1182fc;
    opacity: 0.5;
}
.btn-frame .zoomIn {
    animation-name: zoomIn;
}
.btn-frame .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.btn-frame .kenit-alo-circle-fill {
    width: 70px;
    height: 70px;
    top: -10px;
    right: -10px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: rgba(7, 41, 103, 0.35);
    opacity: 0.4;
}
.btn-frame .pulse {
    animation-name: pulse;
}
.btn-phone {
    bottom: 250px;
}

/*! CSS Used keyframes */
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.ringring{
    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
}
@-moz-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
.box__cate {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 260px;
}
.box__cate img{
    width: 100%;
    object-fit: cover;
}
.name_cate_product{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    position: absolute;
    bottom: 0;
    background-color: #ffffff75;
    width: 100%;
    color: #020e22;
}
.section-why-us{
    /* background-color: #063585; */
    padding: 20px 0;
}
.border-rd-10{
    border-radius: 15px;
    box-shadow: 2px 2px 2px grey;
}
.why__us__home{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.why__us__home img{
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin-bottom: 15px;
}
.why__us__home .name{
    font-size: 1rem;
    color: white;
    text-decoration: underline;
}
.why__us__home .des{
    font-size: 1rem;
    color: white;
}
.border__shadow__img{
    box-shadow: 2px 3px 1px grey;
    border: 1px solid #063585;
    width: 100%;
    height: 370px;
    object-fit: cover;
}

.info-web img
{
    width: 100%;
    height: auto;
}
.refereshrecapcha img{
    width: 80%;
}
.text-slogan{
    font-weight: bold;
    font-size: 1rem;
}
.search__btn__head{
    font-size: 1rem;
    padding: 3px 15px;
    border: 1px solid #e3e3e0;
    width: 100%;
    height: 40px;
    background-color: #f1f1f1;
    border-radius: 3px;
}
.search__btn__head::placeholder{
    line-height: 30px;
    color:#bbbcbc;
    font-size: 9pt;
}
.icon__search{
    border: none;
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 80px;
    height: 36px;
    color: #fff;
    background: #063585;
}
.icon__search i{
    color: #fff;
}
.cart__head{
    position: relative;
    display: flex;
    grid-gap: 5px;
    align-content: space-around;
    align-items: center;
    justify-content: flex-end;
}
.text_cart{
    font-size: 1rem;
    font-weight: 600;
}
.count_cart{
    font-size: 1rem;
}
.phone__head{
    flex-wrap: nowrap;
    grid-gap: 15px;
    align-items: center;
    display: flex;
}
.phone__head__number{
    font-size: 1.5rem;
    font-weight: 500;
    color: #063585;
}
.bar__menu_sideleft{
    font-size: 1rem;
    display: flex;
    grid-gap: 20px;
    padding: 5px;
    align-items: center;
    background-color: #ffffff;
    color: #063585;
    border: none;
    justify-content: center;
}
.mega-menu-category ul{
    margin-top: 11px;
    padding: 5px;
    border: 1px solid #063585;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
}
.mega-menu-category ul :last-child {
    border: none;
}
.mega-menu-category ul li{
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #063585;
    font-size: 0.7rem;
    display: flex;
    grid-gap: 5px;
    padding: 1px 2px;
    align-items: center;
    color: #063585;
    position: relative;
}
.mega-menu-category  a:hover{
    transition: 0.2s;
    margin-left: 6px;
    color: #035223;
}
.line__bottom{
    width: 100%;
    border-bottom: 0.5px solid black;
}
.section-criteria{
    padding: 20px 0;
    background-color: transparent;
    border-bottom: 10px solid #faf8f8;
}
.criteria{
    border-radius: 30px;
    padding: 5px 10px;
    grid-gap: 20px;
    border: 1px solid white;
    justify-content: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #272828;
    background-color: white;
    height: 100%;
}
.criteria .name{
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 500;
    color: #272828;
}
.criteria .content{
    min-height: 40px;
}
.slick-slide{
    overflow: hidden;
    /* padding: 15px; */
}
.social__footer{
    font-size: 1rem;
    font-weight: bold;
}
footer iframe{
    width: 100%;
}
.bar__menu_sideleft i{
    cursor: pointer;
}
.cart__qty-input{
    padding: 10px;
    border-radius: 2px;
    background-color: white;
    border:none;
    margin: 0 5px;
    width: 60px;
    height: 30px;
}
.qtyField{
    align-items: center;
    display: flex;
    flex-wrap: nowrap;

}

.table__cart th{
    color: #dec76e;
    border-top: none !important;

    border-bottom: none !important;
}
.table__cart tr td{
    vertical-align: middle;
    border-top: none;
}
.payment__row{
    display: flex;
    justify-content: space-between;

}
.payment__row a{
    color: #dec76e;
    font-size: 1rem;
}
.border__img__cart{
    border: 1px solid #063585;
    box-shadow: 2px 2px 1px #063585;
}
.cart__remove{
    cursor: pointer;
    color: #ed1c25;
}
.group__btn__buy{
    grid-gap: 10px;
    display: flex;
    margin-top: 10px;
}
.buy_add_to_cart{
    cursor: pointer;
    color: white;
   display: block;
    border: none;
    background-color: #28a745;
    padding: 5px 15px;
    font-size: 1rem;
}
.btn__buy__now{
    cursor: pointer;
    color: white;
    display: block;
    border: none;
    background-color: #d70c0c;
    padding: 5px 15px;
    font-size: 1rem;
}
.cart-fixed {
    animation: play_cart 2s ease infinite;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    position: fixed;
    right: 20px;
    bottom: 350px;
    z-index: 10;
    background: #55b03a;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-fixed span {
    position: absolute;
    top: 0;
    right: -5px;
    color: #fff;
    width: 25px;
    height: 25px;
    background: #D21313;
    text-align: center;
    line-height: 25px;
    font-size: 11px;
    border-radius: 100%;
}
.quantity-pro-detail {
    width: 100%;
    max-width: 110px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
}
.quantity-pro-detail span.quantity-minus-pro-detail {
    border-right: 0;
}
.quantity-pro-detail span {
    line-height: 25px;
    padding: 0;
    width: 30px;
    height: 30px;
    color: #5f5f5f;
    cursor: pointer;
    font-size: 22px;
    border: 1px solid #cccccc;
}
.quantity-pro-detail input {
    height: 30px;
    border: 1px solid #cccccc;
    width: calc(100% - 60px);
    text-align: center;
    font-size: 14px;
    padding: 5px;
}
.quantity-pro-detail span.quantity-plus-pro-detail {
    border-left: 0;
}
.tit_camket {
    background: #063585;
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.cont_ck {
    padding: 10px;
}
.item_ck{
    display: flex;
    margin-bottom: 10px;
}

.item_ck .img_ck {
    width: 50px;
    height: 50px;
    float: left;
    line-height: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e6e3e3;
    padding: 10px;
    margin-right: 10px;
}
.bounce2 {
    animation: bounce2 2s ease infinite;
  }
  @keyframes bounce2 {
      0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
      40% {transform: translateY(-30px);}
      60% {transform: translateY(-15px);}
  }
.selectors{
    margin-top: 10px;
}
.selectors a{
    border: 1px solid black
}
.fake_price{
    color: #808080;
    font-weight: 300;
    font-size: 1rem;
}
.pagination{
    display: flex;
    grid-gap: 5px;
}
.pagination .page-item{
    border-radius: 5px;
    overflow: hidden;
}
.pagination .page-item .page-link{
    color: white;
  border: none;
  background-color: #063585;
}
.pagination .active .page-link{
    background-color: #f3c500;
}
.sale__off_percent{
    background: red;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    position: relative;
    margin-left: 10px;
    top: -10px;
}
.icon_km {
    background: url(../img/km.png) no-repeat top center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    line-height: 25px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}
.btn-custom{
    color: white;
    padding: 5px 10px;
    border: none;
    background-color: #063585;

}
.form-control-mod{
    /* box-shadow: -3px 2px 2px 0 grey; */
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #063585;
}
.showbox{
    display: block;
}

.hidebox{
    display: none;
}
.icon__home{
    width: 30px;
    margin-top: -15px;
}
.carousel-control-next-icon{
    background-image: none;
}
.carousel-control-prev-icon{
    background-image: none;
}
.carousel-control-next, .carousel-control-prev {

opacity: 1;
}
.carousel-indicators li {
    border-radius: 50%;
    width: 20px;
    height: 20px;
}
.carousel-indicators .active {
    background-color: #063585;
}
.carousel-indicators {
    bottom: 35px;
}
.img_gif{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
}

.img_gif img{
    width: 30px;
}


  .box__title{
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
    height: 70px;
  }

.tab__search{
    justify-content: space-around;
    display: flex;
    background-color: white;
    padding: 5px 10px;
    border-radius: 20px;
}

.border__filter{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    width: 100%;
    background-color: red;
}
.tab__search span{
    position: relative;
}
.box__about__us__info{
    border: 1px solid #063585;
    min-height: 350px;
}
.box__about__us__info .name,
.col__post .name
{
    font-size: 0.75rem;
    font-weight: bold;
    background-color: #eaf1f2;
    margin-top: 20px;
    display: inline-block;
    padding: 10px 20px;
}
.box__about__us__info .content{
    padding: 20px;
    font-size: 10pt;
}
.col__post{
    min-height: 723px;
    border: 1px solid #063585;
}
.col__post .img{
    margin-bottom: 30px;
    padding: 0 15px;
    margin-top: 20px;
    border-radius: 15px;
    overflow: hidden;
}
.col__post img{
    border-radius: 15px;
}
.col__post .post__item{
    border-bottom: 2px solid black;
    padding: 5px 10px;
    margin: 20px 20px;
}
.col__post .post__item .time_post{
    font-size: 10pt;
    color: #b3b3b4;
}
.col__post .post__item .name_item{
    font-size: 1rem;
}
.scroll__post{
    position: relative;
    overflow: hidden;
}
iframe {
    width: 100%;
}
.bg__title__name{
    background-image: url(../img/4.png);
    background-position: center;
    background-size: cover;
    min-height: 93px ;
}
.img__filter{
    margin: 35px 0;
    overflow: hidden;
}
.img__filter img{
    width: 100%;
}
.border__pink{
    box-shadow: 8px -8px #ebb1af;
}
.border__product__mod{
    border-right: 6px solid #ebb1af;
    border-left: 3px solid #ebb1af;
    border-top: 7px solid #ebb1af;
    border-radius: 10px;
}
.form_control_ct{
    width: 100%;
    padding: 10px 5px;
    border: none;
    border-bottom: 1px solid grey;
}

.grecaptcha-badge {
    display: none;
}
.navigation-menu  .cp__header{
    display: flex;
    justify-content: space-between;
}
.cp__header{
    justify-content: space-between;
    display: flex;
    border-bottom: 1px solid #272828;
    padding-bottom: 10px;
}
.cp__header .cp__item{
    margin: 0;
    grid-gap: 2px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
}

.cp__header .cp__item .name{
    font-weight: 500;
    font-size: 9pt;
}

.cp__item img{
    width:35px;
}
.hot__line{
    flex-wrap: nowrap;
    grid-gap: 5px;
    align-items: center;
    display: flex;
    justify-content: flex-end;
}
.hot__line img{
    width: 40px;
}

.hot__line span{
    font-size:12pt;
}
.color_phone{
    font-weight: bold;
    color: #ce0016;
}
.procatone{

    width: 100%;
    background-color: #063585;
    padding: 0 0 15px 0;
}
.procatone .procatone_item{
    border: 1px solid #272828;
    margin: 15px 15px 0 0;
    font-size: 11pt;
    font-weight: 400;
    border-radius: 10px;
    display: inline-block;
    padding: 2px 5px;
    background-color: #ffffff;
    color: #272828;
}

.procatone_list{
    flex-wrap: wrap;
    display: flex;
}
.call_again{
    padding: 10px 20px;
    width: 100%;
    background-color: #063585;
    height: 100%;
}
.call_again input{
    width: 100%;
    margin: 5px 0;
    padding: 3px 10px;
    border: none;
}
.call_again button{
    margin-top: 5px;
    border: none;
    color: #272b31;
    background-color: #f1c40f;
    display: inline-block;
    padding: 5px;
    border-radius: 20px;
    width: 100px;
}

.call_again button:hover{
    background-color: #ffffff;
    color: #ce0016;
 }
.why_us_left .title{
    font-size: 20pt;
    font-weight: bold;
}
.why_us_left ul li{
    font-weight: 500;
    font-size: 12pt;
}
.why_us_left ul li img{
    width: 25px;
}
.why_us_reason{
    font-weight: bold;
    font-size: 12pt;
    margin-left: 27px;
    color: #020e22;
}
.box__design{
    border-radius: 20px;
    border: 1px solid #cccccc;
    padding-bottom: 15px;
}
.box__design .image{
    border-radius: 15px;
    overflow: hidden;
}
.box__design .image img{
    display: block;
    min-height: 368px;
}
.box__design .price_product{
    text-align: center;
}
.box__design .price_product .price{
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 1rem;
    color: #fb7d02;
}
.box__design .name{
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    font-weight: 400;
    font-size: 10pt;
    height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.box__design .model{
    text-align: center;
    color: #df2348;
    padding: 3px;
    box-shadow: 0 4px 2px #dad3d3;
    background-color: #ffffff;
    border-radius: 20px;
}

.slide_design .slick-dots {
    position: relative;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .slide_design .slick-dots li {
    margin: 0 0.25rem;
  }
  .slide_design .slick-dots button {
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #ffffff;
    border: 1px solid #020e22;
    text-indent: -9999px;
  }
  .slide_design .slick-dots li.slick-active button {
    background-color: #020e22;
  }
.land__product{
    width: 100%;
    margin: 10px 0;
}
  .land__cate{
    margin-bottom: 10px;
    /* border-bottom: 2px solid #020e22; */
}

.land__item{
    align-items:flex-end;
}

/* .land__item li:first-child a{
    font-size: 12pt;
    display: inline-block;
    background-color: #020e22;
    color: white;
} */

.land__item li:last-child a {
    font-size: 9pt;
    font-weight: normal;
    color: #020e22;

}
/* .land__item li:last-child{
    margin-left: auto;
} */

.land__item li h4 {
    font-size: 0.9rem;
    font-weight: bold;
    color: #dec76d;
    line-height: 30px;
    font-family: 'Arial', sans-serif;
}
.land__item li h2 {
    font-size: 13pt;
    font-weight: 600;
}
.featured__project{
    margin-top: 15px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-gap: 10px;
}

.featured__project .project__item{
    cursor: pointer;
    /* margin-top: 5px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    padding: 5px 10px 0 10px;
    border-radius: 10px;
    /* margin-right: 20px; */
}
.featured__project .project__item .name{
    font-size: 10pt;
    font-weight: 600;
    margin-top: 3px;
}

.product-wrapper,
.product-img {
  overflow: hidden;
  position: relative;
}
.mb-45 {
  margin-bottom: 45px;
}
.product-action {
  bottom: 0;
  left: 0;
  /* opacity: 0; */
  /* position: absolute; */
  right: 0;
  text-align: center;
  transition: all 0.6s ease 0s;
}
.product-wrapper {
  /* border-radius: 10px; */
  border-top-left-radius: 60px;
  border-bottom-right-radius: 60px;

}

.product-img img{
    width: 400px;
    height: 250px;
    object-fit: cover;
}

.product-img > span {
  background-color: #fff;
  box-shadow: 0 0 8px 1.7px rgba(0, 0, 0, 0.06);
  color: #333;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  left: 20px;
  letter-spacing: 1px;
  padding: 3px 12px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 20px;
}
.product-action-style {
  background-color: #fff;
  box-shadow: 0 0 8px 1.7px rgba(0, 0, 0, 0.06);
  display: inline-block;
  padding: 16px 2px 12px;
}
.product-action-style > a {
  color: #fff;
  line-height: 1;
  padding: 0 21px;
  position: relative;
  font-weight: 500;
}
.product-action-style > a.action-plus {
  font-size: 18px;
}
.product-wrapper:hover .product-action {
  bottom: 20px;
  opacity: 1;
}
.side__left__post .name{
    font-size: 13pt;
    font-weight: 500;
}
.side__left__post .date{
    font-size: 9pt;
    color: #808080;
}
.side__left__post .description,
.side__left__post .description p
{
    font-size: 10pt;
    font-weight: 400;
}
.image-item {
    width: 100%;
    position: relative;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    overflow: hidden;
    cursor: pointer;
    transition: 0.5s ease-in;
  }
  .image-item:hover {
    transform: translate(0, -5px);
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
  }
.bdl{
    border-left: 3px solid #fff;
}
.bdr{
    border-right: 3px solid #fff;
}
.side__left__right .post__item{
    border-bottom: 1px solid #fff;
    padding: 10px 0 15px 0;
}
.side__left__right .post__item .name{
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 5px;
}

.side__left__right .post__item .date{
    color: #808080;
}
.btn_slide{
    color: #fff;
    font-size: 2rem;
}
.cp__header .submenu{
    z-index: 9999;
    margin-top: 5px;
    padding: 5px 0;
    min-width: 100%;
}
.cp__item .submenu li a {
    font-size: 8pt;
    font-weight: normal;
}
.content_head img{
    height: 100%;
    width: 100%;
}

.content_head p{
    width: 100%;
}
.phone__search{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.phone__search .phone{
    text-shadow: 1px 1px 0 #c9c922;
    font-size: 25pt;
    font-weight: bold;
    color: #ff1617;
    font-style: italic;
}
.slide_text{
    padding: 4px 0;
    background-color: #063585;
    color: white;
    text-shadow: 1px 1px 1px black;
}
.title_bg{
   display: flex;
   justify-content: center;
    background-image: url(../img/title.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 270px;
    height: 160px;
    position: relative;
}
.flexible-image-slider-wrap{
    display: flex;
}
.list_pc2{
    flex-wrap: wrap;
    display: flex;
}

.list_pc2 .item{
    display: inline-block;
    padding: 5px;
    margin: 6px 6px 6px 0;
    background-color: #063585;
    color: #ffffff;
    font-size: 9pt;
}
.active_item {
    background-color: #f3c500 !important;
}
#hidden-icon-wrapper{
    width: 99%;
}
.title_in_bg{
    text-align: center;
    width: 100%;
    color: white;
    position: absolute;
    bottom: 0;
    font-size: 17pt;
    text-shadow: 1px 1px 1px #272828;
}
.bg_ao_ma{
    background-image: url(../img/bgbong.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 20px;
}

.my-service{
    width:100%;
    background-image: url(../img/black-service.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.box-service{
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-service-img{
    background-color: white;
    width: 170px;
    height: 170px;
    border-radius: 85px;
    border: 2px solid #2787b8;
    overflow: hidden;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box-service-img img{
    width: 70px;
    height: 70px;
    object-fit: cover;
}
.box-service-name{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    font-weight: normal;
    color: white;
    font-size: 10pt;
    text-align: center;
    width: 170px;
    height: 50px;
    text-shadow: 1px 1px 1px #836d6d;
    background-color: #27c414;
    position: relative;
}
.box-service-name .d1{
    font-size: 5pt;
    text-shadow: none;
    color: #272828;
    position: absolute;
    top: 0;
    left: 5px;
}
.box-service-name .d2{
    font-size: 5pt;
    text-shadow: none;
    color: #272828;
    position: absolute;
    right: 5px;
    top: 0;
}
.box-service-name .d3{
    font-size: 5pt;
    text-shadow: none;
    color: #272828;
    position: absolute;
    right: 5px;
    bottom: 0;
}
.box-service-name .d4{
    font-size: 5pt;
    text-shadow: none;
    color: #272828;
    position: absolute;
    left: 5px;
    bottom: 0;
}
.box-service a:hover{
    text-decoration: none;
}
.select_video_pc{
    cursor: pointer;
}
.icon_img{
    width: 25px;
    height: 25px;
}
.time_work{
    position: relative;
    width: 100%;
    border-radius: 40px;
    background-color: #fff;
    border: 2px solid #063585;
}

.time_work .phone{
    font-size: 1.5rem;
    color: #e12025;
    text-align: center;
    font-weight: bold;
}
.time_work .time{
    font-size: 0.9rem;
    color: #272828;
    text-align: center;
}
.time_work .icon_phone{
    position: absolute;
    width: 38px;
    height: 38px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    top: 15px;
    padding: 7px 13px 6px;
    left: -20px;
    background: #063585;
    color: white;
    border-radius: 50%;
}
.cart-badge-number
{
    color: #fff;
    font-size: 14px;
    line-height: 1;
    position: absolute;
    top: 0px;
    padding: 4px 7px;
    background-color: #fd3019;
    border-radius: 50%;
    right: 65px;
}
.menu__second__cate{
    grid-gap: 5px;
    flex-wrap: wrap;
    display: flex;
    justify-content: flex-start;
}
.menu__second__cate .item{
    display: inline-block;
    background-color: #063585;
    padding: 2px 5px;
}
.navigation-menu > ul > li > a:before {
    height: 2px;
}
.slogan a {
    font-weight: 600;
}
.new_title .title-h2 {
    color: #fff;
    line-height: 35px;
    margin: 0;
    position: relative;
    display: inline-block;
    letter-spacing: normal;
    background: #063585;
    z-index: 1;
}
.new_title.text-center .title-h2:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 16px 23px 0;
    border-color: transparent #063585 transparent transparent;
    position: absolute;
    left: -16px;
    top: 0;
}
.new_title .title-h2 h3 {
    color: #fff;
}
.new_title .title-h2 a:hover {
    color: #00bbff;
}
.new_title.text-center .title-h2:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 0 23px 16px;
    border-color: transparent transparent transparent #063585;
    position: absolute;
    right: -16px;
    top: 0;
}
.new_title.text-center:after {
    height: 1px;
    bottom: 23px;
    z-index: 0;
}
.new_title:after {
    content: '';
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #063585;
}
.new_title.text-center .title-h2 {
    padding: 6px 12px;
    z-index: 1;
    text-align: center;
}
.new_title .title-h2 {
    font-size: 20px;
    font-weight: 700;
    padding: 3px 12px 3px 20px;
}
.new_title .title-h2 {
    color: #fff;
    line-height: 35px;
    margin: 0;
    position: relative;
    display: inline-block;
    letter-spacing: normal;
    background: #063585;
    z-index: 1;
}
.new_title .title-h2 h3 {
    color: #fff;
}
.new_title.lt .title-h2:after {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    right: -35px;
    height: 0;
    border-style: solid;
    border-width: 40px 0 0 36px;
    border-color: transparent transparent transparent #063585;
}
.new_title .title-h2 {
    font-size: 20px;
    font-weight: 700;
    padding: 3px 12px 3px 20px;
}
.btn-view-more {
    background: #073585;
    padding: 5px 20px;
    height: 41px;
    line-height: 30px;
}
.cart__head span {
    color: #dec76d;
}
html { scroll-padding-top: 65px; }