html, body {
    width: 100vw;
}
body{
    overflow-x:hidden;
}
#page {
    width: 100vw;
}

img {
    user-select: none;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

header {
}

header .navbar {
    /*-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25);*/
    /*-moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25);*/
    /*box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25);*/
    box-shadow:0px 3px 10px .5px rgba(0, 0, 0,.05)
}

header .box_cart {
    width: 5.555555555555556em;
    height: 2.777777777777778em;
    text-align: center;
    border-left: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

header .btn_cart {
    font-size: 1em;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: -.125em;
    width: 2.777777777777778em;
    height: 2.166666666666667em;
    text-align: center;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

header .btn_cart .fa-fw {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1em;
}

header .btn_cart .fa-shopping-cart {
    font-size: 1.486111111111111em;
    color: #ababab;
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: 300;
}

header .btn_cart .fa-layers-counter {
    background-color: #ee2d24;
    font-size: 0.7222222222222222em;
    padding: 0 .5em;
    color: rgb(255, 255, 255);
    line-height: 2;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 200px;
    min-width:1.444444444444444rem;
}

header .btn_search {
    font-size: 1em;
    border: 0;
    padding: 0;
    width: 1.277777777777778em;
    height: 1.277777777777778em;
    background-color: transparent;
    margin: 0 auto;
}

header button.btn_search {
    box-shadow: none !important;
}

header a.btn.btn_search {
    visibility: visible;
    /* width: 100%; */
    text-align: right;
}

header a.btn.btn_search[aria-expanded="true"] {

}

header .btn_search .fa-search {
    font-size: 1.277777777777778em;
    font-weight:400;
    color: #ababab;
}

header .form_search {
    width: 4.444444444444444em;
    /* width:calc(4.444444444444444em/2); */
    height: 2.777777777777778em;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

header .form_search .form-inline {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

header .form_search .form-control {
    border-radius: 0.3333333333333333em;
    font-size: 1em;
    width: 50em;
    color: rgb(145, 145, 145);
    padding: 0 1em;
    border: 0;
    position: absolute;
    /*height: calc(1.75em + 2px)!important;*/
    height: 2.777777777777778em !important;
    -webkit-box-shadow: 0px 0px 0px 0.1111111111111111em rgb(145, 145, 145);
    -moz-box-shadow: 0px 0px 0px 0.1111111111111111em rgb(145, 145, 145);
    box-shadow: 0px 0px 0px 0.1111111111111111em rgb(145, 145, 145);
    right: 2.333333333333333em;
    top: 0;
    display: block;
    transition: all 0.3s;
}

header .form_search .btn_search_close {
    position: absolute;
    right: 0;
    top: 0;
    width: 2.333333333333333em;
    height: 2.777777777777778em;
    padding-top: 0.6666666666666667em;
}

header .form_search .btn_search_close i {
    font-size: 1.375em;
    color: #ababab;
    font-weight:300;
}

header .form_search_box {
    z-index: 11;
    position: absolute;
    right: 0;
    top: 0;
    width: 65em;
    height: 2.777777777777778em !important;
    background-color: #fff;
    transition: all 0.3s !important;
    display: block !important;
    width: 0;
    opacity: 0;
    visibility: hidden;
}

header .form_search_box.show {
    width: 65em;
    opacity: 1;
    visibility: visible;
}

header .form_search_box .btn_search {
    width: 2.333333333333333em;
    height: 100%;
    padding-top: 0.25em;
    position: absolute;
    right: 2.333333333333333em;
    z-index: 1;
}

header .main_menu.navbar-nav .nav-link {
    font-size: 1em;
    padding: 0 1.111111111111111em;
}

header .main_menu.navbar-nav .nav-link span {
    font-size: 0.9444444444444444em;
    color: rgb(145, 145, 145);
    line-height: 1.765;
    font-weight: 600;
}

header .main_menu.navbar-nav .nav-item.active .nav-link span, header .main_menu.navbar-nav .nav-item:hover .nav-link span {
    color: rgb(0, 66, 128);
}

header .user_box {
    padding-left: 1em;
    min-width: 10.22222222222222em;
}

header .user_box .media {
    font-size: 1em;
}

header .user_box .img_user {
    width: 2.777777777777778em;
    height: 2.777777777777778em;
    border-radius: 200px;
    background-color: #fff;
}

header .user_box .media-body {
    padding-top: .25em;
    padding-left: .5em;
}

header .user_box .user_name, header .user_box .user_des {
    line-height: 1;
}

header .user_box .user_name span {
    font-size: 0.8333333333333333em;
    color: #ee2d24;
    font-weight: 600;
}

header .user_box .user_des span {
    font-size: 0.7222222222222222em;
    color: rgb(207, 207, 207);
    font-weight: 500;
}

header .menu_nav_top .nav-item .nav-link {
    padding: 0 .9em;
    font-size: 1em;
    color: rgba(171, 171, 171, 0.6);
    font-weight: 500;
}

header .menu_nav_top .nav-item .nav-link span {
    color: #ee2d24;
    font-weight: bold;
}
header .menu_filter .nav-item .nav-link {
    font-size: 1em;
    padding: 0 1.555555555555556rem 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

header .menu_filter .nav-item:last-child .nav-link {
    padding-right: 0;
}

header .menu_filter .nav-item .nav-link span {
    font-size: 0.8333333333333333em;
    color: rgba(171, 171, 171, 0.6);
    line-height: 2;
    font-weight: 500;
    margin-right: 0.6666666666666667rem;
}

header .menu_filter .nav-item .nav-link .dropdown .dropdown-toggle {
    font-size: 0.8333333333333333em;
    font-weight: 600;
    color: #ee2d24;
    line-height: 2;
    border: none;
    background-color: transparent;
    padding: 0;
    cursor:pointer;
}

header .menu_filter .dropdown-menu {
    padding: 0;
    border-radius: 0;
    border: none;
}

header .menu_filter .dropdown-item {
    background-color: #ebebeb;
    color: #494949;
    border-bottom: 1px solid #bcbcbc;
    font-size: 0.7777777777777778em;
    font-weight: 600;
    padding-top: .75em;
    padding-bottom: .75em;
}

header .menu_filter .dropdown-item:hover {
    background-color: #ee2d24;
    color: #fff;
}

header .menu_filter .dropdown-item:last-child {
    border-bottom: 0;
}

header .menu_filter .dropdown-toggle::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    font-weight:300;
    vertical-align: top;
    color: #ababab;
    border: none;
    width: auto;
}

footer {
    color: #fff;
}

.slick-slide img {
    width: 100%;
}
.nhut_carousel{
    opacity:0;
}
.nhut_carousel .slick-slide > div:not(.item) {
}

.nhut_carousel .slick-dots {
    font-size: 1em;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    text-align: left;
    font-size: 1em;
    top: 100%;
    position: absolute;
    z-index: 9;
    line-height: 0;
    bottom: auto;
}

.nhut_carousel .slick-dots li {
    display: inline-block;
    margin: 0 0.3333333333333333rem;
    width: auto;
    height: auto;
}

.nhut_carousel .slick-dots li button {
    font-size: 1em !important;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #c6c6c6;
    border-radius: 100px;
    overflow: hidden;
    color: transparent;
    padding: 0;
}

.nhut_carousel.slick-slider {
    margin-bottom: 0 !important;
}

.nhut_carousel .slick-dots li button:before {
    color: transparent !important;
}

.nhut_carousel .slick-dots li.slick-active button {
    background-color: transparent;
    box-shadow: 0 0 0 3px #ee2d24;
}

.nhut_carousel button.slick-arrow {
    position: absolute;
    z-index:10;
    top: 50%;
    left: -3em;
    transform: translate(0, -50%);
    height: 3.055555555555556em;
    width: 1.611111111111111em;
    padding: 0;
    border: none;
    color: transparent;
    overflow: hidden;
    line-height: 1;
    font-size: 1em;
    border-radius: 200px;
    overflow: hidden;
    background-image: url("../images/prev_nhut.png");
    background-size: 100% 100%;
    -webkit-appearance: none;
}

.nhut_carousel button.slick-arrow.slick-next {
    background-image: url("../images/next_nhut.png");;
    right: -3em;
    left: auto;
}

.nhut_carousel button.slick-arrow::before {
    display: none;
}
.tintuc_media .col_left .wap_tintuc .slick-dots{
    width: 12rem;
    white-space: nowrap;
    margin-top: 4.4rem;
}
.tintuc_media .col_left .wap_tintuc .slick-arrow{
    top: 25.875rem;
}
.tintuc_media .col_left .wap_tintuc .slick-arrow.slick-prev{
    left:0;
}
.tintuc_media .col_left .wap_tintuc .slick-arrow.slick-next{
    right:14.5rem;
}
.tintuc_media {
    background-color: #f3f3f3;
    padding-bottom: 6.944444444444444em;
    position: relative;
}

.tintuc_media ._tintuc {
    font-size: 1em;
}

.tintuc_media ._tintuc .wap_tintuc_img {
    position: relative;
    display: block;
}
.tintuc_media ._tintuc ._tintuc_title {
    display: block;
    margin-top: 1.5em;
}
.tintuc_media ._tintuc ._tintuc_title span {
    font-size: 1.444444444444444em;
    font-weight: 600;
    color: rgb(0, 0, 0);
    line-height: 1.429;
}

.tintuc_media ._tintuc ._tintuc_date {
    background: #004280;
    position: absolute;
    right: 1.5em;
    bottom: 1.5em;
    color: #fff;
    z-index: 2;
    pointer-events: none;
    text-align: center;
    padding: .75em .3em;
    border-radius: .25em;
}

.tintuc_media ._tintuc ._tintuc_date .ngay {
    font-size: 1.777777777777778em;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 0.938;
    margin-bottom: .1em;
    display: block;
}

.tintuc_media ._tintuc ._tintuc_date .thang, .tintuc_media ._tintuc ._tintuc_date .nam {
    font-size: 0.8888888888888889em;
    font-family: "Montserrat";
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.063;
    font-weight: 600;
    display: block;
}

.nhut_style .btn-outline-light {
    background-color: transparent;
    font-size: 1em;
    border: 0.1111111111111111em solid #ee2d24 !important;
    padding: .556em 1.35em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.nhut_style .btn-outline-light:hover {
    background-color: #ee2d24 !important;
}

.nhut_style .btn-outline-light span {
    font-size: 1em;
    color: rgb(255, 255, 255);
    line-height: 1.667;
}

.head_tintuc_media {
    font-size: 1em;
    height: 11.55555555555556em;
    position: relative;
    padding-top: 6.333333333333333em;
}

.head_tintuc_media span.text {
    display: block;
    font-size: 2.5em;
    font-weight: bold;
    color: rgb(0, 0, 0);
    line-height: 0.667;
    text-align: center;
}

.head_tintuc_media span.sub_text {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 50%;
    font-size: 8.333333333333333em;
    color: rgba(0, 0, 0, 0.071);
    font-weight: bold;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

.wap_media {

}

.wap_media_item {
    display: block;
    position: relative;
    font-size: 1em;
}

.wap_media_item .media_img {
    width: 40em;
    height: 22.44444444444444em;
}

.media_text {
    text-align: left;
    position: absolute;
    width: 100%;
    padding: 0 2.25em 3em;
    height: auto;
    bottom: 0;
    left: 0;
    z-index:3;
}

.media_text span {
    font-size: 1.555555555555556em;
    font-weight: 600;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-shadow: 0px 3px 7.6px rgba(0, 0, 0, 0.4);
}

.media_icon {
    width: 5em;
    height: 5em;
    border: 0.1666666666666667em solid #ee2d24;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 200px;
    text-align: center;
    padding-top: 1.3em;
    transition: all 0.3s;
}

.media_icon img {
    width: 1.555555555555556em !important;
    height: auto !important;
}

.wap_media_item:hover .media_icon {
    background-color: #ee2d24;
}

.tintuc_media .wap_btn {
    text-align: right;
    margin-top: 2.5em;
}

.tintuc_media .wap_btn .btn.btn-link {
    border: 0;
    padding: 0;
    font-size: 1em;
}

.tintuc_media .wap_btn .btn.btn-link span {
    font-size: 1em;
    color: rgb(0, 66, 128);
    line-height: 1.667;
    font-weight: 600;
}

.tintuc_media .wap_btn .btn.btn-link i {
    font-size: .65em;
    width: 1em;
    height: 1em;
    border-radius: 100px;
    color: #ababab;
    border: 2px solid #ababab;
    width: 2em;
    height: 2em;
    padding-top: .4em;
    margin-right: .75em;
}

.home_banner {
    border-bottom: 1.111111111111111em solid #e2e2e2;
    position: relative;
}
.home_banner .item{
    position:relative;
}
.home_banner .home_banner_info {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.home_banner .home_banner_info > .container {
    height: 100%;
    padding-top:16em;
}

.home_banner .home_banner_info .banner_head span {
    font-size: 2em;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.111;
    display: block;
    text-shadow: 0px 3px 7.6px rgba(0, 0, 0, 0.4);
}

.home_banner .home_banner_info .btn-outline-light {
    min-width: 11em;
    background-color: #ee2d24;
    margin-top:3.5em;
}
.home_banner.nhut_carousel .slick-dots {
    text-align: left;
    padding-left: 17.77777777777778rem;
    top: auto;
    bottom: 2.5rem;
}

/*home_san_pham*/
.sanphamdactrung {
    padding-bottom: 6.111111111111111em;
    position:relative;
}
.list_wap_sanpham {
    margin: 0 -1.111111111111111em;
}
.list_wap_sanpham>.item{}
.list_wap_sanpham .item_sanpham {
    margin: 0 1.111111111111111em;
    border-bottom: 0.2222222222222222em solid #ee2d24;
    transition: all 0.3s;
}

.item_sanpham * {
    transition: all 0.3s;
}

.list_wap_sanpham .item_sanpham:hover {
    border-color: #004280;
}

.list_wap_sanpham a {
    display: block;
    text-align: center;
}

.item_sanpham_img {
    position: relative;
}
.item_sanpham_img .mask,.wap_media_item:after,.wap_media_item:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url("../images/mask_media.png");
    background-size: 100% 100%;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}
.wap_media_item:after,.wap_media_item:before{
    opacity:1!important;
    -webkit-filter:saturate(1.5) brightness(0.1);
    filter: saturate(1.5) brightness(0.1);
}
.item_sanpham:hover .item_sanpham_img .mask, .item_sanpham_img:hover .mask{
    opacity: 1;
}

.item_sanpham_img .mask .fa-search {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3.333333333333333em;
    height: 3.333333333333333em;
    background-color: #ee2d24;
    border-radius: 200px;
    color: #fff;
    text-align: center;
    padding-top: 1.1em;
}

.item_sanpham_img .mask .fa-search:before {
    font-size: 1.1em;
}

.item_sanpham_info {
    padding: 1.75em 1em;
}

.item_sanpham_cate {
}

.item_sanpham_cate span {
    font-size: 0.9444444444444444em;
    color: #ee2d24;
    line-height: 1.765;
    font-weight: 600;

}

.sanphamdactrung .item_sanpham_name {
    height: 3.3rem;
    overflow: hidden;
}

.item_sanpham_name span {
    font-size: 1.333333333333333em;
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.25;

}

.sanphamdactrung .tintuc_media {
    background: transparent;
    padding: 0;
}

.list_wap_sanpham.nhut_carousel button.slick-arrow {
    top: 6.388888888888889em;
}

.wap_tintuc .nhut_carousel button.slick-arrow {
    font-size: 0.6944444444444444em;
}

/*home_san_pham*/
/*search*/
#search_page #wap_sanpham, #search_page #wap_tintuc, #search_page #wap_media {
    padding-bottom: 1em;
}
#search_page .tintuc_media{background-color:#fff}
#tabContent>div.clearfix:nth-child(2){
    background-color: #f3f3f3;
}
#search_page .tintuc_media ._tintuc .wap_tintuc {
    height: auto;
}

#search_page .tintuc_media ._tintuc ._tintuc_title {
    height: auto;
    text-align: center;
}

#search_page .item {
    margin-bottom: 2.5em;
}

#search_page .wap__sanpham_search .item_sanpham_img img,#search_page .row_wap_tintuc img._tintuc_img{
    width: 22.22222222222222em;
    height: 14.44444444444444em;
}

#search_page .wap__sanpham_search .row.row_list_sanpham {
    margin-left: -1.111111111111111em;
    margin-right: -1.111111111111111em;
}

#search_page .wap__sanpham_search .row.row_list_sanpham > [class*=col-] {
    padding-left: 1.111111111111111em;
    padding-right: 1.111111111111111em;
}

#search_page .wap__sanpham_search .item_sanpham_name span {
    font-size: 1.111111111111111em;
    text-align: center;
    display: block;
    font-weight: 500;
}

#search_page .tintuc_media ._tintuc {
    width: 100%;
    padding-right: 0;
}

#search_page .row.row_wap_tintuc {
    margin-left: -1.111111111111111em;
    margin-right: -1.111111111111111em;
}

#search_page .row.row_wap_tintuc > [class*=col-] {
    padding-left: 1.111111111111111em;
    padding-right: 1.111111111111111em;
}

#search_page .head_tintuc_media {
    padding-top: 4em;
    height: 9.222222222222222em;
}

#search_page .tintuc_media .wap_btn {
    margin-top: 0;
}

#search_page #wap_media {
    background-color: #fff;
}

#search_page #wap_media.tintuc_media ._tintuc ._tintuc_title span {
    font-size: 1.222222222222222em;
    font-weight: 500;
}

#search_page .search_header {

}

#search_page .search_header .search_header_text {
    padding-top: 2em;
    padding-bottom: 2em;
}

#search_page .search_header .search_header_text span {
    font-size: 1.222222222222222em;
    color: rgb(0, 66, 128);
    font-weight: 600;
    line-height: 1.364;
}

#search_page .search_header .search_header_nav {
    background-color: #f3f3f3;
    padding: 1em;
    margin-bottom: 10px;
}

#search_page .search_header .search_header_nav span {
    font-size: 1em;
    color: #919191;
    font-weight: 600;
    line-height: 1.667;
}

#search_page .search_header .search_header_nav .nav-link.active span, #search_page .search_header .search_header_nav .nav-link:hover span {
    text-decoration: underline;
    color: rgb(0, 66, 128);
}

#search_page .if_empty span {
    font-size: 1.222222222222222em;
    font-family: "Montserrat";
    color: rgb(145, 145, 145);
    line-height: 1.364;
    margin-bottom: 3rem;
    display: block;
}

#search_page .if_not_found {
    font-size: 1em;
    color: #919191;
    font-weight: 500;
    line-height: 1.667;
    padding-top: 3em;
    padding-bottom: 3em;
}

#search_page .if_not_found p {
    margin-bottom: 1.5em;
}

#search_page .if_not_found .text_color {
    color: rgb(0, 66, 128);
    font-weight: bold;
}

#search_page .if_not_found .img_not_found {
    width: 18.33333333333333em;
    margin-top: 3em;
    margin-bottom: 3em;
}
.phantrang {
    text-align: center;
}
.phantrang .page-item {
    margin: 0 .25em;
}

.phantrang .page-item .page-link {
    border: none;
    border-radius: 100px;
    height: 2em;
    width: 2em;
    font-size: 1em;
    padding: 0;
    text-align: center;
    padding-top: .4em;
    margin:0;
    color:#ababab;
    font-weight:600;
}

.phantrang .page-item:hover .page-link, .phantrang .page-item.active .page-link {
    background-color: #ee2d24;
    color:#fff;
}

/*search*/
/*tuyen_dung*/
#tuyendung .home_banner .home_banner_info > .container {
    padding-top: 6.388888888888889em;
}

#tuyendung .home_banner {
    text-align: center;
}

#tuyendung .home_banner .home_banner_info .banner_head span {
    font-size: 4em;
}

#tuyendung .home_banner .home_banner_info .custom-select {
    font-size: 1em;
    margin-top: 3.5em;
    width: 17.77777777777778em;
    height: 3em;
    background: url("../images/down.png");
    background-repeat: no-repeat;
    background-size: auto 20%;
    background-position: 95% 50%;
    border: 0.1111111111111111em solid #fff;
    color: #fff;
    box-shadow: none;
    padding-left: 2em;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
}

#tuyendung .home_banner .home_banner_info .custom-select:after {
    content: "";
    background-color: red;
    width: 1em;
    height: 1em;
    right: 0;
    top: 0;
    position: absolute;
}

#tuyendung .home_banner .home_banner_info .custom-select option {
    background: #fff;
    font-size: 1em;
    color: #666;
}

.list_page_collapes .card-header {
    padding-top: 2em;
    background-color: #fff;
    border-radius: 0;
    box-shadow: none;
    padding-left:0;
    padding-right:0;
}

.list_page_collapes .td_title {
    margin-bottom: .5em;
}

.list_page_collapes .td_title span {
    font-size: 1.222222222222222em;
    color: rgb(0, 66, 128);
    text-transform: uppercase;
    line-height: 1.227;
    font-weight: 600;
}

.list_page_collapes .td_short_info {
    font-weight: 600;
    line-height: 1.778;
}

.list_page_collapes .td_short_info ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.list_page_collapes .td_short_info span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    width: fit-content;
    max-width: none;
}

.list_page_collapes .td_short_info span.op_title {
    width: 8.75em;
}

.list_page_collapes .card-header .btn-outline-light {
    background-color: #fff;
    margin-top: 0;
}

.list_page_collapes .card-header .btn-outline-light span {
    color: #004280 !important;
    font-weight: 600;
}

.list_page_collapes .card-header .btn-outline-light:hover span {
    color: #fff !important;
}

.list_page_collapes .card-header .btn-outline-light .fa-plus {
    font-size: 1em;
    width: 1.555555555555556em;
    height: 1.555555555555556em;
    border-radius: 100px;
    border: 0.1111111111111111em solid #ee2d24;
    color: #ee2d24;
    text-align: center;
    padding-top: 0.15em;
    margin-right: 1em;
}

.list_page_collapes .card-header .btn-outline-light:hover .fa-plus {
    border: 0.1111111111111111em solid #fff;
    color: #fff;
}

.list_page_collapes .card-header .btn-outline-light[aria-expanded="true"] .fa-plus:before {
    content: "\f068";
}

.list_page_collapes [data-parent] {
    background-color: #f3f3f3;
}

.list_page_collapes .card-body {
    font-size: 1em;
    padding-left: 0;
    padding-right: 0;
}

.list_page_collapes .card-body .btn-outline-light {
    background-color: transparent !important;
}

.list_page_collapes .card-body .btn-outline-light span {
    color: rgb(0, 66, 128);
    line-height: 1.765;
    font-weight: 600;
}

.viewmore_pages.btn_web {
    position: relative;
    left: 50%;
    transform: translate(-50%);
    margin-top: 4.444444444444444rem;
    margin-bottom: 3.611111111111111rem;
    font-weight: 600;
    background-color: transparent;
    color: #004280 !important;
    height: 3rem;
    padding: 0 3rem;
    font-size: 0.9444444444444444em;
}

.viewmore_pages.btn_web span {
    line-height: 2.9rem;
}

.viewmore_pages.btn_web:hover {
    background-color: #ee2d24;
    color: #fff !important;
}
/*product*/
.sp_description.xxx div[style="page-break-after:always"] ~ *{
    display:none;
}
.sp_description.xxx.extended div[style="page-break-after:always"] ~ *{
    display: block;
}
.btn_web.readmore span:after{display: block;content:attr(data-text-viewmore);}
.btn_web.readmore.extended span:after{content:attr(data-text-ext);}
/**/
/*tuyen_dung*/
footer {
    background-color: #181818;
    min-height: 23.22222222222222rem;
}

footer .footer_item {
    border-width: 0px 1px 0 0;
    border-style: solid;
    border-color: #393939;
    height:100%;
    overflow: hidden;
}

footer .footer_head {
    margin-bottom: .5em;
}

footer .footer_head span {
    font-size: 1.055555555555556em;
    font-family: "Montserrat";
    color: rgb(119, 119, 119);
    text-transform: uppercase;
    line-height: 1.421;
    font-weight: 600;
}

footer .footer_text {
    font-weight: 600;
    font-size: 0.8333333333333333em;
}

footer .footer_text .font-weight-light {
    color: #c6c6c6;
    line-height: 1.867;
}

footer .btn.btn-link {
    padding-left: 0;
    border: 0;
    font-size: 1em;
}

footer .btn.btn-link i {
    margin-right: .5em;
    color: rgb(119, 119, 119);
}

footer .btn.btn-link span {
    font-size: 0.8333333333333333em;
    color: #ee2d24;
    line-height: 1.8;
}

footer .menu_footer li {
    line-height: 1.933;
}

footer .menu_footer li span {
    display: block;
    color: #ee2d24;
    white-space:nowrap;
}
footer .menu_footer li a:hover span,footer .menu_footer li.active a span{
    color:#fff;
}
footer .social_footer{
    margin-top: 20px;
}
footer .social_footer li {
    font-size: 1em;
    margin-bottom: 0.2777777777777778em;
    border-radius: 100px;
    display: inline-block;
    width: 2.444444444444444em;
    height: 2.444444444444444em;
    border: 0.1111111111111111em solid #ababab;
    text-align: center;
    padding-top: .45em;
    margin-right: 0 !important;
}

footer .footer_above {

}

footer .footer_below {
    padding: 1.888888888888889em 0;
}

footer .footer_below span {
    font-size: 0.8333333333333333em;
    color: #777777;
    line-height: 1.8;
}

footer .footer_below span .dam {
    color: #ababab;
    font-style: normal;
}

footer .social_footer li i {
    font-size: 1.222222222222222em;
}

footer .social_footer li:hover {
    border-color: #fff;
    color: #fff;
}
.nhut_style .main_store {
    margin: 0 auto;
    padding-top: 1.5rem;
    padding-bottom: 4.72rem;
}
/*cart*/
.section_order{
    background-color: #f3f3f3;
}
.wap_fixed_cart .main_store_box {
    /* height: auto; */
    max-height: calc(100vh - 28.22222222222222rem);
    overflow: auto;
    transition: all 0.2s;
}

.wap_fixed_cart.fixed .main_store_box {
    position: fixed;
    top:5rem;
}
.main_store_box{
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(239,236,231,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(239,236,231,1);
    box-shadow: 0px 0px 5px 0px rgba(239,236,231,1);
    padding: 1.666666666666667rem 1rem;
    color: #000;
}
.main_store_box h2{
    margin: 0;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #2f4727;
    padding-bottom: 0.8888888888888889rem;
    color:#004280;
}
.tt_store{
    margin: 0;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}
.tt_store span{
    display: block;
    text-transform: lowercase;
}
.main_store .edit{
    position: absolute;
    top: 0;
    right: 0;
    min-width: auto;
    margin: 0;
    text-transform: capitalize;
    font-weight: 700;
    border-radius: 200px;
    display: block;
    border: 1px solid #004280;
    color:#004280;
    font-size: 0.7777777777777778em;
    padding: 0.5555555555555556em 2.444444444444444em;
}
.form_info{
    width: 100%;
    padding: 1.5em 0 0;
}
.lb_form{
    font-weight: 600;
    font-size: 0.8888888888888889em;
    display: block;
    margin: 0.5555555555555556em 0;
}
.ip_form{
    display: block;
    margin-bottom: 1rem;
}
.ip_form input{
    width: 100%;
    height: 2.333333333333333em;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    background-color: #fff;
    padding: 0 10px;
    outline: none;
    font-size: 0.8888888888888889em;
}
.main_store .bootstrap-select.btn-group .dropdown-toggle .filter-option{
    vertical-align: middle;
}
*::-webkit-input-placeholder {
    font-size: 0.8888888888888889em;
    font-family: 'Montserrat', sans-serif;
    color: #2f4727;
}

*:-moz-placeholder { /* Firefox 18- */
    font-size: 0.8888888888888889em;
    font-family: 'Montserrat', sans-serif;
    color: #2f4727;
}

*::-moz-placeholder {  /* Firefox 19+ */
    font-size: 0.8888888888888889em;
    font-family: 'Montserrat', sans-serif;
    color: #2f4727;
}

*:-ms-input-placeholder {
    font-size: 0.8888888888888889em;
    font-family: 'Montserrat', sans-serif;
    color: #2f4727;
}
.ip_select{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 1rem 0;
}
.ip_select  select {
    position: relative;
    display: block;
    width: 100%;
    height: 2.333333333333333em;
    border: 1px solid #d7d7d7;
    background-color: #fff;
    padding: 5px 1.666666666666667rem 5px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 0.8888888888888889em;
    font-weight: normal;
    background: url('../images/down.png') no-repeat 98% center;
    overflow: hidden;
    outline: none;
    cursor: pointer;
}
.ip_select .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    width: 100%;
}
.ip_select .btn{
    min-width: 100%;
    width: 100%;
    height: 2.333333333333333em;
    border: 1px solid #d7d7d7;
    background-color: #fff;
    padding: 5px 1.666666666666667rem 5px 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 0.8888888888888889rem;
    font-weight: normal;
    background: url('../images/down.png') no-repeat 98% center;
    overflow: hidden;
    outline: none;
    cursor: pointer;
}
.ip_select .dropdown-toggle::after{
    display: none !important;
}
.ip_select .btn:hover{
    background-color: #fff !important;
    color: #2f4727 !important;
}
.ip_select .bootstrap-select.btn-group .dropdown-menu li a{
    display: block;
}
.ip_form textarea{
    width: 100%;
    height: 6.055555555555556em;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    padding: 5px 10px;
}
.main_store .invoice{
    padding: 1rem 0 .5rem;
}
.main_store .custom-control-label{
    cursor: pointer;
    position: static;
}
.store_order{
    width: 100%;
    position: relative;
}
.store_order h3{
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 1em 0;
    width: 100%;
}
.store_order .left{
    display: block;
    width: 50%;
    float: left;
    font-weight: 600;
}
.store_order .right{
    display: block;
    width: 50%;
    float: right;
    text-align: right;
    font-weight: 700;
    text-transform: uppercase;
}
.price_final_bold{
    font-size: 1.4em !important;
}
.store_check{
    margin-top: 2rem;
    border-top: 1px solid #d7d7d7;
    padding: 1rem 0 0;
}
.store_check ul{
    padding: 0
}
.main_store .custom-control{
    position: relative;
    padding: 0.5555555555555556em 0 0.5555555555555556em 2.777777777777778em;
}
.main_store .custom-control-label{
    font-weight: 700;
}
.main_store .custom-control-label span{
    font-weight: 600;
}
.main_store .custom-control-label::before{
    border: 1px solid #a59976;
    width: 1.888888888888889em;
    height: 1.888888888888889em;
    z-index: 2;
    background: #fff;
    transition: all 300ms ease;
    border-radius: 100%;
    border-radius: 100%;
    outline: none;
    top: .3rem;
    left:0;
}
.main_store .custom-control-label::after{
    width: 1.888888888888889rem;
    height: 1.888888888888889rem;
    top: .3rem;
    left:0;
}

.main_store .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background: url('../images/bg_radio.png') no-repeat 100% 100%;
    background-size: 100% 100%;
    outline: none;
    box-shadow: none;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    box-shadow: none;
}


.main_store label span{
    color: #a0936f !important;
    font-size: 0.7777777777777778rem !important;
    line-height: 1.5 !important;
    display: block;
}

.store_active{
    width: 100%;
    padding: 0 2.777777777777778rem 1.555555555555556rem;
}
.store_active .btn{
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
    background-color: #fff;
}
p.policy{
    color: #b3b1b1;
    padding-top: 1.333333333333333rem;
    font-size: 0.7777777777777778rem;
    line-height: 1.5;
}
p.policy span{
    text-transform: uppercase;
}
p.policy a{
    color: #2f4727;
    text-decoration: underline;
}
.tbl_edit{
    margin: 1.333333333333333rem 0;
    padding: 0;
    list-style:none;
}
.tbl_edit li{
    padding: 1rem 0;
    border-top: 1px solid #d7d7d7;
}
.tbl_edit li:last-child{
    border-bottom: 1px solid #d7d7d7;
}
.tbl_edit .tbl-img img{
    width: 6.555555555555556rem;
    height: 5.277778rem;
}
.tbl_edit .tbl-info.list-info{
    padding-left: 7.555555555555556rem !important;
}
.tbl_edit .price{
    margin: 0 !important;
    text-transform: uppercase;
}
.edit_num{
    font-weight: 700;
}
.tbl_edit p{
    margin-bottom: 0.5555555555555556rem;
}
.tbl_edit .tbl-info.list-info .list-tt {
    white-space: normal;
    text-overflow: inherit;
    font-size: 0.8888888888888889em;
}
.tbl-info .price{
    font-weight: 700;
    /*color: #2f4727;*/
}
.tbl-img{
    display: block;
    float: left;
}
.tbl-img img{
    object-fit: cover;
    object-position: center center;
    width: 11.11111111111111rem;
    height: 8.222222222222222rem;
}
.store_active {
    width: 100%;
    padding: 0 2.777777777777778rem 1.555555555555556rem;
}
.store_active .btn {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 700;
    background-color: #fff;
    display: block;
    width: 100%;
    border: 1px solid #ee2d24;
    padding: 0.5555555555555556em 2.444444444444444em;
    border-radius: 200px;
    margin: .5em auto;
    color: #004280;
}
.store_active .btn:hover {
    background-color:#ee2d24 !important;
    color: #fff !important;
}
/*.cart*/
@media (min-width: 992px) {
    .pc {
        display: block !important;
    }

    .mb {
        display: none !important;
    }

    body {
        padding-top: 7.777777777777778rem;
    }
    header .navbar {
        width: 100vw;
        height: 7.777777777777778rem;
        padding: 0;
        background-color: #fff;
    }

    header .navbar-brand {
        margin: 0;
        padding: 0;
    }

    header .navbar-brand img {
        height: 5rem;
        padding: 2px 0px;
    }

    header .nav_top {
        position: absolute;
        top: -.5rem;
        right: 0;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
    }

    header #navbarsML {
        margin-top: 2rem;
        position: relative;
    }
    header .form_search .btn_search_close{
        text-align: right;
        padding-right:0.2rem;
    }
    header.sticky .nav_top{height:0;opacity:0}
    header.sticky .navbar{
        height:5rem;
    }
    header.sticky .navbar #navbarsML{
        margin-top:0;
    }
    #home_page .home_banner .home_banner_info .btn-outline-light{
        margin-top:2.5em;
    }
    #home_page .home_banner .home_banner_info .btn-outline-light:hover{
        box-shadow: 0 0 0 0.2rem rgba(255,255,255,.25);
    }
    #home_page .home_banner.nhut_carousel button.slick-prev{
        left:3rem;
    }
    #home_page .home_banner.nhut_carousel button.slick-next{
        right:3rem;
    }
    #home_page .home_banner img.pc {
        height: 35.55555555555556rem;
    }
    #home_page .wap__sanpham{
        height: 25.61111111111111rem;
    }
    .chuyenchuake_store {
        background-image: url("../images/chuyenchuake_store.jpg");
        height: 21.11111111111111rem;
    }

    .tintuc_media .col_left {
        -ms-flex: 0 0 43.75%;
        flex: 0 0 43.75%;
        max-width: 43.75%;
    }

    .tintuc_media .col_right {
        -ms-flex: 0 0 56.25%;
        flex: 0 0 56.25%;
        max-width: 56.25%;
    }
    footer .footer_above {
        padding-top: 4.166666666666667em;
    }

    footer .col_1 {
        width: 20.88888888888889rem;
    }

    footer .col_1 .footer_item {
        width: 16.88888888888889em;
    }
    footer .col_1 .footer_item {
        padding-right:1.25rem;
    }
    footer .col_2 {
        width: 19.61111111111111rem;
    }

    footer .col_2 .footer_item {
        width: 15.44444444444444em;
    }

    footer .col_3 {
        width: 18.61111111111111rem;
    }

    footer .col_3 .footer_item {
        width: 18.66666666666667em;
    }

    footer .col_4 {
        width: 11.83333333333333rem;
    }

    footer .col_4 .footer_item {
        padding-left: 3rem;
        border-right: 0;
    }
}

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