* {
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: League-Gothic-Condensed;
    src: url(../bw_font/LeagueGothic_Condensed-Regular.ttf);
}
@font-face {
    font-family: League-Gothic;
    src: url(../bw_font/LeagueGothic_SemiCondensed-Regular.ttf);
}
@font-face {
    font-family: tahoma;
    src: url(../bw_font/tahoma.ttf);
}
*,
::after,
::before {
    box-sizing: border-box;
}

body {
    height: 100vh;
    font-size: 16px;
    background: #fff;
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    color: #171717;
}

.bw_has_background {
    /* background: url(../bw_image/bg_home.jpg) no-repeat; */
    background-attachment: fixed;
}

p {
    line-height: 1.5;
}

.bw_container_fluid {
    max-width: 1400px;
    margin: 0 auto;
}

/*header*/

header {
    padding: 10px 0;
    width: 100%;
    z-index: 1;
    transition: all 400ms;
    background-color: #262626;
    border-top: 5px solid #262626;
}

.bw_warpheader {
    width: 100%;
    display: flex;
    align-items: center;
}

.bw_logohead a {
    display: inline-block;
}

.bw_logohead a img {
    max-width: 132px;
}

.bw_head_right {
    width: 100%;
    margin: 0;
    padding-left: 0.5em;
}

.bw_rowtop_head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.bw_rowtop_head div {
    color: #f99c1e;
    line-height: 28px;
    border-right: 1px solid #f99c1e;
}

.bw_navright_head {
    display: flex;
    justify-content: space-between;
    font-family: League-Gothic;
    font-size: 20px;
}

.bw_navright_head li {
    padding: 0 0.5em;
    text-align: center;
    display: inline-block;
    line-height: 28px;
    text-transform: uppercase;
}

.bw_navright_head li a {
    color: #fff;
    font-size: 20px;
}

.bw_open_modal span.custom-highlight {
    color: #f99c1e !important;
}

.bw_navright_head li a:hover,
.bw_navright_head li a.active {
    color: #ffffff;
}

.bw_navright_head li:last-child a,
.bw_navright_head li:nth-child(6) a {
    /* background: url(../bw_image/ic_cart.svg) left no-repeat; */
    padding: 0.5em 0;
}

.bw_navright_head li:last-child a span,
.bw_navright_head li:nth-child(6) a span {
    padding-left: 28px;
    color: #f99c1e;
}

.bw_rowbottom_head {
    padding: 1.5em 0 0 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-family: League-Gothic;
}

.bw_box_search {
    padding: 2px;
    border-radius: 5px;
    border-color: #dedede;
    background-color: #333333;
    width: 40%;
    max-width: 40%;
    display: flex;
    margin-right: 3em;
    align-items: center;
}

.bw_box_search input[type='text'] {
    width: 100%;
    padding: 0 5px;
    border: none;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    border-color: #dedede;
    background-color: #333333;
    color: #ffffff;
}

.bw_box_search input[type='text']:focus,
.bw_box_search input[type='text']:active {
    outline: none;
}

.bw_box_search button[type='submit'] {
    height: 40px;
    background: #333333 url(../bw_image/ic_search.svg) no-repeat center;
    width: 80px;
    max-width: 80px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.bw_boxlogin,
.bw_boxcart {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 1.5em;
    border-right: 1px solid #115490;
}

.bw_login_text {
    padding-left: 8px;
    position: relative;
}

.bw_boxlogin {
    position: relative;
}

.bw_avatr div img {
    width: 45px;
    border-radius: 50%;
    border: 1px solid #11b6ef;
}

.bw_login_text div {
    display: flex;
    line-height: 24px;
    font-size: 20px;
}

.bw_login_text div a {
    display: inline-block;
    color: #ffffff;
}

.bw_login_text div a:hover {
    text-decoration: underline;
}

.bw_hover_undrline_none div a:hover {
    text-decoration: none !important;
}

.bw_login_text div span {
    display: inline-block;
    padding: 0 4px;
    color: #11b6ef;
}

.bw_login_text div:last-child {
    color: #999999;
    font-family: Hel-Medium;
    font-size: 13px;
}

.bw_apos {
    position: relative;
    display: inline-block;
}

.bw_numoder {
    position: absolute;
    top: -4px;
    right: -4px;
    background-color: #f05a05;
    border-radius: 20px;
    font-size: 12px;
    font-family: Hel-Regular;
    padding: 0 6px;
}

.bw_boxcart a {
    color: #fff;
    font-family: Hel-Medium;
    font-size: 15px;
}

.bw_boxcart a:last-child {
    display: inline-block;
    margin-left: 8px;
}

.bw_boxcart a:last-child:hover {
    color: #11b6ef;
}

.bw_boxselect_lag {
    padding-left: 1em;
    position: relative;
    color: #ffffff;
    width: 10%;
}

.bw_nav_all {
    width: 100%;
    background-color: #0a0000;
}

.bw_boxnav {
    display: flex;
    max-width: 1190px;
    margin: 0 auto;
    font-family: League-Gothic;
}

.bw_boxnav li {
    display: inline-block;
    text-align: center;
}

.bw_boxnav li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    display: inline-block;
    position: relative;
    padding: 15px 20px;
    font-family: League-Gothic;
    letter-spacing: 2px;
}

.bw_boxnav li a.active::before,
.bw_boxnav li a::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #11b6ef;
    top: 0;
    left: 0;
    transition: 0.25s;
}

.bw_boxnav li a::before {
    width: 0;
}

.bw_boxnav li a:hover::before {
    width: 100%;
}

.bw_boxnav li a.active,
.bw_boxnav li a:hover {
    color: #ffffff;
    font-weight: 600;
}

.bw_boxnav li a.bw_color_yel {
    color: #fed101;
}

marquee {
    text-transform: uppercase;
    font-weight: 500;
}

.bw_nav-lv2 {
    position: absolute;
    right: 0;
    left: 0;
    top: 3em;
    z-index: 999;
    background-color: #fff;
    display: none;
    flex-wrap: wrap;
    width: auto;
    padding: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.bw_nav-lv2 li {
    margin-right: 0;
    width: 25%;
    text-align: left;
}

.bw_nav-lv2 li a {
    padding: 5px 0;
    color: #212121;
}

.bw_nav-lv3 {
    display: block;
}

.bw_nav-lv3 li {
    width: 100%;
}

.bw_nav-lv3 li a {
    font-weight: 300;
    text-transform: none;
    padding: 5px 0;
}

.bw_boxnav li:hover > .bw_nav-lv2 {
    display: flex;
    flex-wrap: wrap;
}

.bw_nav-lv3 li:hover > a {
    color: #11b6ef;
}

.bw_nav-lv2 li a::before {
    display: none;
}

/* conten */

#bw_warprow_body {
    width: 100%;
}

.bw_banner_top {
    width: 100%;
    background-color: #124e84;
    position: relative;
}

.bw_banner_top::before {
    background: url(../bw_image/mark_left.png) no-repeat left;
    content: '';
    position: absolute;
    width: 257px;
    height: 388px;
}

.bw_banner_top::after {
    background: url(../bw_image/mark_right.png) no-repeat right;
    content: '';
    position: absolute;
    width: 197px;
    height: 440px;
    top: 0;
    right: 0;
}

.bw_warp_banber {
    width: 100%;
}

.bw_bg_white {
    background-color: #fff;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
}

.bw_bg_gray {
    background-color: #f6f6f6 !important;
}

.bw_pd_t_20 {
    padding-top: 20px !important;
}

.bw_box_tile_slidehot {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1.5em 0;
}

.bw_tile_hot_left {
    width: 30%;
    max-width: 30%;
}

.bw_tile_hot_left h3 {
    background: url(../bw_image/ic_hot.svg) no-repeat left;
    height: 47px;
    padding: 10px 0;
}

.bw_tile_hot_left h3 span {
    margin-left: 50px;
    line-height: 47px;
    text-transform: uppercase;
    font-size: 1.3em;
    font-family: Hel-Bold;
    color: #c90505;
}

.bw_tile_hot_right {
    width: 70%;
    max-width: 70%;
}

.bw_tile_hot_right a img {
    border-radius: 5px;
}

.bw_warrprow_slide_hot {
    padding: 1em 0.2em;
    width: 100%;
}

.bw_salehot_item {
    width: 100%;
}

.bw_salehot_item a {
    color: #222b3b;
    position: relative;
    border-radius: 8px;
    height: auto;
    display: block;
    background-color: #fff;
}

.bw_salehot_item a:hover .bw_name_sp {
    color: #11b6ef;
}

/* css 29/08/2022 */

.bw_lable_pay {
    position: absolute;
    bottom: 5px;
    left: 5px;
}

.bw_lable_pay span {
    background-color: #11b6ef;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 0 5px;
    border-radius: 5px;
    line-height: 24px;
}

.bw_lable_pay span.bw_bg_red {
    background: #c90505;
}

/* end css 29/08/2022 */

.bw_name_sp {
    padding: 0.8em 0;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: tohama;
}

.bw_pd_t_b_none {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.bw_hover_a:hover {
    color: #11b6ef !important;
}

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

.bw_price_sp span {
    font-size: 1.2em;
    font-family: Hel-Bold;
    color: #c90505;
    margin: 8px 0;
    font-family: tohama;
}

.bw_price_sale {
    margin: 5px 0;
}

.bw_price_sale span:first-child {
    color: #171717;
    text-decoration: line-through;
    display: inline-block;
    font-size: 14px;
    font-family: Hel-Regular;
}

.bw_price_sale span:last-child {
    display: inline-block;
    background-color: #f05a05;
    font-size: 12px;
    font-family: Hel-Bold;
    color: #fff;
    padding: 0 4px;
    border-radius: 3px;
}

.bw_box_star {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.5em;
}

.bw_star {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.bw_star img {
    margin-right: 2px;
}

.bw_star span {
    margin-left: 5px;
    font-size: 13px !important;
    display: inline-block;
    position: relative;
    top: 1px;
}

.bw_bg_red {
    background-color: #c90505;
}

.bw_lable_pay img {
    position: relative;
    top: -2px;
}

.bw_linkall {
    padding: 0.8em 0;
    text-align: center;
}

.bw_linkall a {
    display: inline-block;
    background-color: #e0e0e0;
    line-height: 30px;
    padding: 3px 2.5em;
    color: #171717;
    font-size: 14px;
    border-radius: 5px;
    width: 200px;
}

.bw_linkall a:hover {
    background-color: #f05a05;
    color: #fff;
}

.bw_cart_check {
    display: flex;
    align-items: center;
}

.bw_cart_check label {
    font-size: 13px;
    margin-left: 3px;
    display: inline-block;
    position: relative;
    top: 1px;
}

.bw_warprow {
    width: 100%;
}

.bw_h3_text {
    position: relative;
    padding: 1em 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: Hel-Bold;
}

.bw_h3_text::before {
    content: '';
    background-color: #dbdbdb;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    z-index: 1;
}

.bw_h3_text span {
    display: inline-block;
    background-color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 1.2em;
    z-index: 2;
    position: relative;
    padding-right: 0.5em;
}

.bw_box_category {
    padding: 1em 0;
}

.bw_box_category ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    flex-direction: row;
}

.bw_box_category ul lil::-webkit-scrollbar {
    display: none !important;
    visibility: hidden;
}

.bw_box_category ul li a {
    display: inline-block;
    padding: 8px;
}

.bw_box_category ul li a img {
    border-radius: 5px;
}

.bw_page {
    display: flex;
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding: 0 0.8em;
    align-items: center;
    font-family: Hel-Regular;
}

.bw_page li {
    display: inline-block;
    width: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
}

.bw_page li.active,
.bw_page li:hover {
    border: 1px solid #11b6ef;
    transition: all 1s;
}

.bw_page li.active a,
.bw_page li:hover a {
    color: #11b6ef;
    transition: all 0.5s;
}

.bw_page li a {
    color: #171717;
    font-size: 14px;
    display: inline-block;
}

.bw_page li.bw_li_last {
    width: auto !important;
    height: auto !important;
    background-color: #dbdbdb;
    border-radius: 5px;
    padding: 2px 1em;
    line-height: 30px;
}

.bw_page li.bw_li_last a {
    display: inline-block;
}

.bw_page li.bw_li_last:hover {
    border: none;
    background-color: #f05a05;
    transition: all 1s;
}

.bw_page li.bw_li_last:hover a {
    color: #fff;
}

.bw_list_spnew {
    padding-top: 1em;
    padding-bottom: 1em;
}

.bw_lable_new {
    position: absolute;
    display: inline-block;
    background-color: #fef4ec;
    color: #f05a05;
    border-radius: 3px;
    font-size: 14px;
    font-family: Hel-Bold;
    top: 5px;
    right: 5px;
    padding: 0 5px;
}

.bw_lable_hot {
    position: absolute;
    display: inline-block;
    background-color: #f05a05;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    font-family: Hel-Bold;
    top: 30px;
    right: 5px;
    padding: 0 5px;
}

.bw_item_sp {
    padding: 10px;
    position: relative;
    width: 100%;
    background: #fff;
}

.bw_item_sp .bw_relative {
    overflow: hidden;
}

.bw_item_sp .bw_relative img:not(.bw_lable_pay img) {
    transition: all 500ms;
}

.bw_item_sp:hover .bw_relative img:not(.bw_lable_pay img) {
    transform: scale(1.2, 1.2);
}

.bw_item_sp .bw_buton_limk {
    margin-bottom: 0;
}

.bw_hover_item_sp {
    position: absolute;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    z-index: 1;
    width: 100%;
    background: #fff;
    top: 0;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 8%);
    border: 1px solid #f4f4f4;
    padding: 10px;
    height: auto;
    left: 0;
}

.bw_item_sp a:hover .bw_hover_item_sp {
    opacity: 1;
    overflow: visible;
}

.bw_hover_item_sp .bw_view_product img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bw_list_sale_pro {
    display: flex;
    width: 100%;
    padding: 0.8em 0;
    justify-content: space-between;
    align-items: center;
}

.bw_list_sale_pro a {
    display: inline-block;
    border-radius: 5px;
}

.bw_warprow_newssale {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.bw_conten_newssale_home {
    padding: 1em 0;
    width: 90%;
    margin: 0 auto;
}

.bw_pb_20_important {
    padding-bottom: 40px !important;
}

.bw_pb_30_important {
    padding-bottom: 30px !important;
}

.bw_conten_newssale_home label {
    background-color: #e36776;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    padding: 7px 17px;
    border-radius: 5px;
}

.bw_title_newssale {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 0 0 0.8em 0;
    margin-top: 20px;
}

.bw_title_newssale h3 {
    font-size: 1.7em;
    font-family: Hel-Medium;
}

.bw_conten_newssale_home p {
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    max-height: 93px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}

.bw_item_news {
    width: 100%;
    padding: 0.8em;
}

.bw_item_news a {
    display: inline-block;
    color: #171717;
}

.bw_item_news a p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bw_flex_colum {
    display: flex;
    flex-direction: column;
}

.bw_time_up {
    position: absolute;
    left: 1em;
    bottom: 1em;
    width: 80px;
    height: 80px;
    background-color: #171717;
    color: #fff;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.bw_time_up span {
    display: block;
    font-size: 1.5em;
    font-family: Hel-Bold;
    border-bottom: 1px solid rgb(136, 136, 136);
    width: 100%;
    text-align: center;
}

.bw_name_news {
    font-family: Hel-Bold;
    font-size: 18px;
    padding: 8px 0;
}

.bw_item_news a:hover .bw_name_news {
    color: #11b6ef;
}

.bw_time_up label {
    font-size: 10px;
    text-transform: uppercase;
    display: block;
    padding-top: 10px;
}

.bw_row_item {
    margin-bottom: 2.3em;
}

.bw_row_item span {
    font-size: 14px;
    color: #828282;
    font-style: italic;
}

.bw_warprow_share_ex {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bw_item_share_ex {
    width: 100%;
}

.bw_item_share_ex a {
    display: inline-block;
    color: #fff;
    position: relative;
    text-align: center;
}

.bw_item_share_ex a::before {
    content: '';
    position: absolute;
    width: 100%;
    background-color: #052948;
    opacity: 0.5;
    z-index: 1;
    top: 0;
    height: 100%;
}

.bw_box_name_share {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2em;
    z-index: 2;
    width: 100%;
    text-align: center;
}

.bw_box_name_share div {
    font-size: 1.5em;
    font-family: Hel-Bold;
    padding: 10px 0;
}

.bw_box_name_share button {
    border: 1px solid #fef4ec;
    width: 150px;
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    line-height: 45px;
    border-radius: 5px;
    margin: 10px 0;
    cursor: pointer;
}

.bw_box_name_share button:hover {
    color: #11b6ef;
    border: 1px solid #11b6ef;
}

/* Swiper*/

.swiper {
    width: 100%;
    height: 100%;
    padding: 0 5px;
}

.bw_n_pd {
    padding: 0 !important;
}

.bw_pagin_position_fes {
    transform: translateX(-0.5%);
    bottom: 1em !important;
}

.swiper-slide {
    -webkit-justify-content: center;
    justify-content: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swipbw_close_modaler-slide img {
    object-fit: cover;
}

.bw_pagin_sli.bw_pagin_sli {
    position: absolute !important;
    bottom: 1em;
    left: 0;
    right: 0;
}

.bw_pagin_sli.bw_pagin_sli .swiper-pagination-bullet-active {
    background-color: #f05a05 !important;
    width: 30px !important;
}

.bw_pagin_sli.bw_pagin_sli .swiper-pagination-bullet {
    width: 16px;
    height: 5px;
    border-radius: 10px !important;
}

.bw_box_bannersale {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.bw_pagin_position {
    bottom: 0 !important;
}

.bw_h3_text_pt {
    padding-top: 0 !important;
}

.bw_box_bannersale a {
    display: block;
    margin: 8px;
}

.bw_box_bannersale a:first-child {
    margin-bottom: 0;
    margin-top: 0;
}

.bw_bg_patten {
    background: url(../bw_image/bg_home.jpg) no-repeat;
    background-attachment: fixed;
    background-size: 100%;
}

/*

Trong file index.html, chị thêm 1 class cho body/
Sau đó style cái class đó.
Cắt ảnh khoảng 1920x1080px thôi.
không cần phải 1 div riêng nyaf đâu. Loạn với nặng lắm.

*/

.swiper-button-next.bw_button_next,
.swiper-button-prev.bw_button_prev {
    width: 30px;
    height: 45px;
    background-color: #e0e0e0;
    border-radius: 5px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 24px;
    color: #fff;
}

.swiper-button-next.bw_hover_next:after,
.swiper-button-prev.bw_hover_prev:after {
    font-size: 20px;
    color: #171717;
}

.bw_buton_limk {
    border-radius: 5px;
    background-color: #f05a05;
    color: #fff;
    width: 100%;
    border: none;
    outline: none;
    font-family: Hel-Medium;
    font-size: 1em;
    margin: 10px 0;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    font-weight: normal;
    display: flex;
    padding: 0.8em 1em;
    justify-content: center;
}

.bw_buton_limk:hover {
    background-color: #dd5405;
    transition: all 0.5s;
}

.bw_linkcar {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f05a05;
    text-transform: uppercase;
    width: 50%;
    max-width: 50%;
    border-radius: 5px;
    font-family: Hel-Medium;
    padding: 10px 0;
    color: #fff;
    padding: 0;
    min-height: 45px;
}

.bw_width_200 {
    max-width: 200px !important;
}

/* list ptoduct */

.bw_navsmall {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 10px;
    flex-wrap: wrap;
    padding-top: 20px;
}

.bw_pd_t_none {
    padding-top: 0 !important;
}

.bw_navsmall.bw_ju_left {
    justify-content: flex-start !important;
}

.bw_navsmall li a {
    color: #115490;
}

.bw_navsmall li a:hover {
    color: #11b6ef;
}

.bw_navsmall li span {
    display: inline-block;
    padding: 0 15px;
}

.bw_navsmall li label {
    color: #828282;
}

.bw_bg_white_1 {
    background-color: #f4f4f4 !important;
}

.bw_fillter {
    background-color: #f2f2f2;
    padding: 0.8em;
}

.bw_fillter ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.5em 0;
    flex-wrap: wrap;
}

.bw_color_black {
    color: #171717 !important;
}

.bw_fillter ul li {
    display: inline-block;
    margin: 0.5em 0.8em;
    background-color: #fff;
    padding: 8px 1.5em;
    border-radius: 5px;
}

.bw_fillter ul li:first-child,
.bw_fillter ul li:first-child:hover {
    background-color: transparent;
}

.bw_fillter ul li:first-child:hover span {
    color: #171717;
}

.bw_fillter ul li a {
    text-align: center;
    color: #171717;
}

.bw_fillter ul li.active {
    background-color: #f05a05;
    color: #fff;
}

.bw_fillter ul li:hover {
    color: #fff;
    background-color: #f05a05;
}

.bw_fillter ul li:hover a,
.bw_fillter ul li.active a {
    color: #fff;
}

.bw_fillter ul li.bw_lilasst {
    padding: 8px 0;
}

.bw_fillter ul li.bw_lilasst:hover {
    background-color: #fff;
    color: #171717;
}

.bw_bg_gray2 {
    background-color: #d8d8d8 !important;
}

.bw_ulband li img {
    max-width: 80px;
}

.bw_ulband li:hover {
    background-color: #fff !important;
}

.bw_h4text {
    font-size: 1.2em;
    font-family: Hel-Medium;
    padding: 0.5em 0;
    text-transform: uppercase;
}

.bw_jus {
    justify-content: center;
    margin-top: 30px;
    background-color: transparent;
}

.bw_jus li {
    cursor: pointer;
    line-height: 28px;
    margin: 0 5px;
}

.bw_jus li.active {
    background-color: #052948;
    border: 1px solid #052948;
}

.bw_jus li.active a {
    font-family: Hel-Medium;
    color: #fff;
}

.bw_fillter_number {
    padding: 0.8em 0;
    margin-top: 10px;
}

.bw_fillter_number ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.bw_fillter_number ul li {
    display: inline-block;
    margin: 0 1em;
}

.bw_fillter_number ul li span {
    font-family: Hel-Medium;
}

.bw_warpslide_detail {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.bw_boximg img {
    border: 1px solid #bdbdbd;
    padding: 2px;
    cursor: pointer;
    max-width: 100px;
}

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

.bw_boximg {
    justify-content: center !important;
    margin: 0 1em;
}

.bw_warpconten_detail {
    background-color: #f6f6f6;
    padding: 1em;
}

.bw_name_product {
    font-size: 1.4em;
    line-height: 1em;
    padding: 0.5em 0;
    display: block;
    text-transform: uppercase;
    font-family: Hel-Medium;
}

.bw_star_detail {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.5em 0 0.8em 0;
    font-size: 14px;
}

.bw_bor_bt {
    border-bottom: 1px solid #d8d8d8;
}

.bw_star_detail strong {
    display: inline-block;
    margin: 0 5px;
    color: #bdbdbd;
}

.bw_star_detail span {
    display: inline-block;
    margin-left: 5px;
    color: #828282;
}

.bw_star_detail label {
    color: #171717;
    font-weight: bold;
}

.bw_combo_sp,
.bw_chose_size {
    padding-top: 1em;
}

.bw_combo_sp,
.bw_chose_size label {
    display: block;
    line-height: 28px;
}

.bw_box_chosesize {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.bw_box_chosesize li {
    display: inline-block;
    margin: 8px;
    cursor: pointer;
}

.bw_item_size {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.bw_box_chosesize li.active img {
    border: 1px solid #f05a05;
}

.bw_item-combo {
    padding: 5px 0;
}

.bw_combo_sp ul li img {
    margin: 0 1em;
}

.bw_combo_sp ul li a {
    color: black;
}

.bw_combo_sp ul li:hover a {
    color: #11b6ef;
}

.bw_item-combo img,
.bw_item_size img {
    max-width: 60px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
}

.bw_item_size span {
    display: block;
    padding: 5px 0;
}

.bw_price_flex {
    justify-content: flex-start !important;
}

.price_sale {
    font-size: 1.8em !important;
}

span.price_nosale {
    font-size: 18px;
    color: #828282;
    display: inline-block;
    margin-left: 1em;
    font-family: Hel-Regular;
    text-decoration: line-through;
}

.bw_pay_installment {
    display: flex;
    width: 100%;
}

.bw_pay_installment b {
    margin-left: 5px;
}

.bw_pay_installment span {
    color: #171717;
    display: inline-block;
    margin: 0 8px;
    font-family: Hel-Regular;
    font-size: 16px;
}

.bw_pay_installment a {
    display: flex;
    align-items: center;
}

.bw_pay_installment a span {
    color: #11b6ef;
    font-size: 14px;
    font-family: Hel-Regular;
    margin-left: 0;
}

.bw_boxgift_sale {
    padding: 0.5em;
    background-color: #fff;
    margin: 0.8em 0;
}

.bw_tile_giftsale {
    display: flex;
    align-items: center;
    color: #c90505;
    padding: 0.5em 0;
}

.bw_tile_giftsale::before {
    display: block;
    content: ' ';
    height: 24px;
    width: 24px;
    background-color: #c90505;
    -webkit-mask-image: url(../bw_image/ic_gift.svg);
    mask-image: url(../bw_image/ic_gift.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: left;
    -webkit-mask-position: left;
}

.bw_tile_giftsale label {
    margin-left: 8px;
    font-family: Hel-Medium;
    position: relative;
    top: 2px;
}

.bw_listgift {
    padding: 0.5em;
}

.bw_chose_number_pro {
    display: flex;
    align-items: center;
    padding: 0.5em 0;
}

.bw_chose_number_pro label {
    margin-right: 5px;
}

.bw_numup_down {
    background-color: #fff;
    border-radius: 5px;
    padding: 5px 8px;
    display: flex;
    justify-content: space-between;
}

.bw_numup_down button[type='button'] {
    background: none;
    width: 16px;
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
}

.bw_numup_down button[type='button'] span {
    width: 12px;
    height: 2px;
    background-color: #171717;
    display: inline-block;
    position: absolute;
    left: 0;
}

.bw_numup_down button[type='button'].disable span {
    background-color: #828282;
    cursor: none;
}

.bw_num_mid {
    border: none;
    width: 60px;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    outline: none;
}

.bw_numup_down button[type='button'] span:nth-child(2) {
    transform: rotate(90deg);
}

.bw_box_purchase {
    padding: 1em 0;
}

.bw_box_purchase ul li {
    display: flex;
    margin: 10px 0;
    justify-content: space-between;
}

.bw_box_purchase ul li a {
    margin: 0 5px;
    padding: 0;
}

.pos_top label {
    position: relative;
    top: 4px;
}

.bw_addcart {
    background-color: #fff0eb;
    border: 1px solid #f05a05;
    color: #f05a05;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.bw_addcart img {
    margin-right: 8px;
}

.bw_addcart:hover {
    background-color: inherit;
}

.bw_addcart.active {
    background-color: #f05a05;
    color: #fff;
}

.bw_color_blue {
    background-color: #11b6ef;
}

.bw_linkcar.bw_liheght {
    line-height: 24px !important;
    flex-direction: column;
}

.bw_linkcar.bw_liheght span {
    position: relative;
    top: 2px;
    font-family: Hel-Regular;
}

.bw_linkcar.bw_liheght p {
    font-size: 12px;
    text-transform: none;
    font-family: Hel-Regular;
    text-align: center;
}

.bw_liheght:hover {
    background-color: #115490;
}

.bw_ptext_detail,
.bw_box_contenship {
    padding: 0.8em 0;
}

.bw_box_contenship img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.bw_ptext_detail p {
    display: block;
    line-height: 24px;
    padding: 5px;
}

.bw_ptext_detail p span {
    color: #c90505;
    font-family: Hel-Medium;
    display: inline-block;
    margin: 0 4px;
}

.bw_socal {
    display: flex;
    align-items: center;
    padding: 10px 10px 0 10px;
}

.bw_socal a {
    display: inline-block;
    color: #11b6ef;
    margin-right: 2em;
}

.bw_socal a span {
    display: inline-block;
    margin-left: 8px;
}

.bw_box_contenship ul li {
    display: flex;
    padding: 0.8em 0;
    align-items: center;
}

.bw_box_contenship ul li div:last-child {
    padding-left: 0.8em;
}

.bw_box_contenship ul li div span {
    text-transform: uppercase;
    display: block;
    margin-bottom: 2px;
    font-size: 16px;
    font-family: Hel-Medium;
}

.bw_box_contenship ul li div p {
    font-size: 14px;
    color: #828282;
}

.bw_share_socal {
    padding: 0.8em 0 0.2em 0;
    display: flex;
    align-items: center;
}

.bw_share_socal img {
    width: 24px;
    margin: 0 5px;
}

.bw_share_socal span {
    padding-right: 10px;
}

.bw_navconten {
    background-color: #f6f6f6;
    display: flex;
    padding: 0.8em;
}

.bw_navconten li {
    display: inline-block;
    margin-right: 3em;
    padding: 0.2em 0;
}

.bw_navconten li a {
    color: #171717;
    font-size: 1.1em;
}

.bw_navconten li a:hover,
.bw_navconten li a.active {
    color: #dd5405;
}

.bw_box_information {
    padding: 0.8em 0;
    position: relative;
    margin: auto;
}

.bw_box_information p {
    line-height: 28px;
    padding: 0.5em 0;
}

.bw_box_information img {
    padding: 0.8em 0;
    text-align: center;
}

.bw_readmore_profile {
    position: relative;
    width: 100%;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}

.bw_readmore_profile span {
    font-size: 18px;
    vertical-align: bottom;
    position: absolute;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    border: 1px solid #f05a05;
    padding: 7px 2em;
    border-radius: 5px;
    color: #f05a05;
    top: 0;
}

.bw_readmore_profile span:hover {
    color: #f05a05;
}

#bw_moreprofile {
    display: none;
}

.bw_box_thongso {
    margin: auto;
    padding: 0.8em 0;
}

.bw_boxabout_product {
    padding: 10px 0;
}

.bw_boxabout_product h4 {
    font-size: 1.4em;
    font-family: Hel-Medium;
    padding-bottom: 10px;
    padding-top: 10px;
}

.bw_boxabout_product p {
    line-height: 28px;
    padding: 8px 0;
}

.bw_line_pro {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border: 1px solid #eee;
}

.bw_line_pro span {
    line-height: 30px;
    display: inline-block;
    padding: 3px 8px;
}

.bw_line_pro span:first-child {
    background-color: #f6f6f6;
}

.bw_line_pro span:nth-child(2) {
    padding-left: 2em;
    font-family: Hel-Medium;
}

.bw_boxreview {
    width: 100%;
    padding: 1em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.bw_bor_all {
    background-color: #f2f2f2;
}

.bw_allnum_star p {
    padding: 5px 0;
}

.bw_allnum_star span {
    font-size: 2em;
    font-family: Hel-Bold;
    color: #f05a05;
    display: inline-block;
    padding: 5px 0;
}

.bw_star_size img {
    width: 20px;
    margin: 0 5px;
}

.bw_allnum_star label {
    color: #828282;
    margin-top: 8px;
    display: inline-block;
}

.bw_allnum_star li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bw_number-star span {
    display: inline-block;
    font-size: 15px;
    font-family: Hel-Regular;
    color: #171717;
    margin-left: 4px;
    padding: 0;
}

.bw_timeline_star {
    width: 60%;
    background-color: #e1e1e1;
    height: 5px;
    position: relative;
    margin: 0 8px;
    border-radius: 10px;
}

.bw_timimg {
    background-color: #fe8c23;
    left: 0;
    height: 5px;
    position: absolute;
    top: 0;
    border-radius: 10px;
}

#timimg_1 {
    width: 0%;
}

#timimg_2 {
    width: 10%;
}

#timimg_3 {
    width: 30%;
}

#timimg_4 {
    width: 45%;
}

#timimg_5 {
    width: 60%;
}

.bw_number_percent {
    font-family: Hel-Medium;
    padding: 0 !important;
}

.bw_bg_none {
    background: transparent !important;
}

.bw_bor_left {
    border-left: 1px solid #e0e0e0;
}

.bw_boxmenu_coment {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f2f2f2;
    padding: 0.5em 0.8em;
}

.bw_boxmenu_coment span {
    font-family: Hel-Medium;
    display: inline-block;
    margin-right: 5px;
}

.bw_boxmenu_coment .bw_page {
    background-color: transparent;
}

.bw_listcoment {
    padding: 0.8em 0;
}

.bw_item_coment {
    padding: 0.8em 0;
}

.bw_name_coment {
    padding-bottom: 0.5em;
    width: 100%;
}

.bw_name_coment span {
    font-family: Hel-Medium;
    display: inline-block;
}

.bw_name_coment time {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    color: #828282;
}

.bw_conten_coment {
    padding: 0.5em 0;
}

.bw_conten_coment p {
    line-height: 28px;
}

.bw_conten_coment div {
    display: flex;
    align-items: center;
}

.bw_conten_coment div img {
    border-radius: 5px;
    margin: 8px;
    cursor: pointer;
    height: 80px;
}

.bw_item-click a {
    background: url(../bw_image/ic_like.svg) no-repeat left;
    font-size: 14px;
    color: #11b6ef;
}

.bw_item-click a span {
    display: inline-block;
    margin-left: 25px;
}

.bw_boximg_review {
    padding: 0.8em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.bw_boximg_review li {
    display: inline-block;
    margin: 5px;
}

.bw_boximg_review li img {
    border-radius: 5px;
    width: 100%;
    cursor: pointer !important;
    min-width: 60px;
    height: 60px;
}

.bw_boximg_review li a {
    background-color: #f6f6f6;
    border-radius: 5px;
    color: #11b6ef;
    display: flex;
    width: 60px;
    height: 60px;
    align-items: center;
    font-size: 14px;
    justify-content: center;
}

.bw_boximg_review li a:hover {
    background-color: #11b6ef;
    color: #fff;
}

.bw_modal_header {
    background-color: #f6f6f6;
    padding: 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bw_tille_view a {
    display: inline-block;
    background: url(../bw_image/ic_gallry.svg) left no-repeat;
    color: #11b6ef;
}

.bw_tille_view a span {
    display: inline-block;
    margin-left: 40px;
}

.bw_pd_none {
    padding: 0 !important;
}

.bw_modal_mid {
    width: 100%;
    padding: 1em;
    position: relative;
}

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

.bw_pd_all {
    padding: 2em;
}

.bw_slide_view {
    display: none;
}

/* Next & previous buttons */

.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 12px;
    margin-top: -50px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 2px 2px 0;
    user-select: none;
    -webkit-user-select: none;
    background-color: #bdbdbd;
    border-radius: 8px;
}

/* Position the "next button" to the right */

.next {
    right: 5px;
}

.prev {
    left: 5px;
}

/* On hover, add a black background color with a little bit see-through */

.prev:hover,
.next:hover {
    background-color: #828282;
}

/* Number text (1/3 etc) */

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

.bw_warp_hd {
    background-color: #f6f6f6;
    padding: 1em 0;
}

.bw_item_hd {
    padding: 0.5em;
    text-align: center;
}

.bw_item_hd div img {
    height: 54px;
}

.bw_item_hd span {
    display: inline-block;
    padding: 0.8em 0;
    line-height: 28px;
    font-family: Hel-Medium;
    color: #093c6a;
    font-size: 18px;
}

.bw_item_hd p {
    line-height: 28px;
}

.bw_h1text {
    font-size: 2.5em;
    font-family: Hel-Bold;
    padding-bottom: 8px;
}

.bw_warp_conten {
    width: 100%;
}

.bw_warp_conten p {
    line-height: 28px;
    padding: 0.8em 0;
}

.bw_warp_conten h2 {
    font-family: Hel-Medium;
    padding: 0.5em 0;
}

.bw_warp_conten h3 {
    font-family: Hel-Medium;
    padding: 0.5em 0;
}

.bw_warp_conten ul {
    padding: 0.5em 0;
}

.bw_warp_conten ul li {
    line-height: 28px;
    padding: 0.3em 0;
    position: relative;
    display: flex;
    padding-left: 8px;
    align-items: center;
}

.bw_warp_conten ul li::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #171717;
    border-radius: 50%;
}

.bw_warp_conten ul li span {
    display: inline-block;
    margin-left: 20px;
}

.bw_navhelp_ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.bw_navhelp_ull::-webkit-scrollbar {
    display: none !important;
    visibility: hidden;
}

.bw_navhelp_ul li {
    display: inline-block;
    padding: 0 1.5em;
    margin-right: 1em;
    background-color: #f2f2f2;
    border-radius: 5px;
    height: 45px;
    line-height: 45px;
}

.bw_navhelp_ul li a {
    color: #171717;
}

.bw_navhelp_ul li:hover {
    background-color: #f05a05;
}

.bw_navhelp_ul li:hover a {
    color: #fff;
}

.bw_boxnav_tk {
    width: 250px;
    position: absolute;
    background-color: #fff;
    z-index: -1;
    top: 50px;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
    padding: 10px 0;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
}

.bw_boxnav_tk ul li {
    display: flex;
    align-items: center;
    padding: 10px 0.8em;
}

.bw_boxnav_tk ul li:first-child a {
    background: url(../bw_image/ic_user_1.svg) left no-repeat;
}

.bw_boxnav_tk ul li:nth-child(2) a {
    background: url(../bw_image/ic_list.svg) left no-repeat;
}

.bw_boxnav_tk ul li:nth-child(3) a {
    background: url(../bw_image/ic_map.svg) left no-repeat;
}

.bw_boxnav_tk ul li:nth-child(4) a {
    background: url(../bw_image/ic_coin.svg) left no-repeat;
}

.bw_boxnav_tk ul li:nth-child(5) a {
    background: url(../bw_image/ic_pass.svg) left no-repeat;
}

.bw_boxnav_tk ul li:last-child a {
    background: url(../bw_image/ic_logout.svg) left no-repeat;
}

.bw_boxnav_tk ul li a {
    color: #171717;
}

.bw_boxnav_tk ul li a span {
    display: inline-block;
    margin-left: 25px;
}

.bw_boxnav_tk ul li:hover {
    background-color: #f6f6f6;
}

.bw_boxlogin:hover .bw_boxnav_tk {
    opacity: 1;
    overflow: visible;
    z-index: 2;
}

.bw_item_login {
    display: inline-block;
}

.bw_box_account {
    padding: 0.8em;
    width: 100%;
}

.bw_item_accout_top {
    display: flex;
    align-items: center;
}

.bw_avta img {
    border-radius: 50%;
    width: 70px;
    border: 1px solid #fff;
}

.bw_text_avta {
    padding-left: 0.8em;
}

.bw_text_avta span {
    display: block;
    color: #093c6a;
    font-family: Hel-Bold;
}

.bw_text_avta a {
    display: block;
    padding: 4px 0;
    background: url(../bw_image/ic_edit.svg) no-repeat left;
    background-size: 14px 14px;
    font-size: 12px;
}

.bw_text_avta a span {
    display: inline-block;
    margin-left: 20px;
    color: #828282 !important;
    font-family: Hel-Regular;
}

.bw_nav_accout {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5em 0 0 0;
}

.bw_nav_accout li {
    padding: 0.5em 0;
    display: inline-block;
}

.bw_nav_accout li a {
    display: inline-block;
    color: #171717;
    line-height: 28px;
    position: relative;
}

.bw_nav_accout li a:hover,
.bw_nav_accout li a.active {
    color: #dd5405;
}

.bw_nav_accout li a::before {
    background-color: #4f4f4f;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    mask-position: left;
    -webkit-mask-position: left;
    top: 4px;
}

.bw_nav_accout li a:hover::before,
.bw_nav_accout li a.active::before {
    background-color: #f05a05 !important;
}

.bw_nav_accout li a.ite_1::before {
    -webkit-mask-image: url(../bw_image/ic_user_1.svg);
    mask-image: url(../bw_image/ic_user_1.svg);
}

.bw_nav_accout li a.ite_2::before {
    -webkit-mask-image: url(../bw_image/ic_list.svg);
    mask-image: url(../bw_image/ic_list.svg);
}

.bw_nav_accout li a.ite_3::before {
    -webkit-mask-image: url(../bw_image/ic_map.svg);
    mask-image: url(../bw_image/ic_map.svg);
}

.bw_nav_accout li a.ite_4::before {
    -webkit-mask-image: url(../bw_image/ic_coin.svg);
    mask-image: url(../bw_image/ic_coin.svg);
}

.bw_nav_accout li a.ite_5::before {
    -webkit-mask-image: url(../bw_image/ic_pass.svg);
    mask-image: url(../bw_image/ic_pass.svg);
}

.bw_nav_accout li a span {
    display: inline-block;
    margin-left: 28px;
}

.bw_h4_textacc {
    text-transform: uppercase;
    font-size: 1.1em;
    font-family: Hel-Medium;
    padding: 10px 0;
}

.bw_p_textacc {
    line-height: 28px;
}

.bw_boxconten_accout {
    display: flex;
    padding: 1em 0 0 0;
}

.bw_itemconten_accout {
    padding: 0 1.2em;
}

.bw_bor_right {
    border-right: 1px solid #e0e0e0;
}

.bw_with80 {
    width: 90%;
    max-width: 90%;
}

.bw_row_from input:disabled {
    background-color: #f6f6f6 !important;
}

.bw_diss {
    border: none !important;
}

.bw_flexju {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bw_upavta {
    padding: 0.8em 0;
}

.bw_flexju a {
    display: block;
    padding: 0.5em 0;
    color: #11b6ef;
}

.bw_flexju a:hover {
    text-decoration: underline;
}

.bw_upavta img {
    width: 120px;
    border-radius: 50%;
    border: 1px solid #d8d8d8;
}

.bw_flexju span {
    display: block;
    font-size: 14px;
    color: #828282;
    margin: 5px;
}

.bw_listaddress {
    position: relative;
    padding: 1em;
    border: 1px solid #e0e0e0;
    margin: 0.8em;
    cursor: pointer;
}

.bw_pos_right {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.bw_pos_right a {
    display: inline-block;
    margin: 5px 8px;
}

.bw_pos_right a img {
    max-width: 16px !important;
}

.bw_pos_right a.bw_dress_close {
    position: relative;
    width: 16px;
    height: 16px;
}

.bw_pos_right a.bw_dress_close::before {
    position: absolute;
    content: '';
    background-color: #828282;
    -webkit-mask-size: 16px;
    mask-size: 16px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(../bw_image/ic_close.svg);
    mask-image: url(../bw_image/ic_close.svg);
    width: 16px;
    height: 16px;
    top: 2px;
}

.bw_name_add {
    padding: 0.8em 0 0.8em 0;
    font-family: Hel-Medium;
}

.bw_listaddress span {
    display: block;
    line-height: 28px;
}

.bw_listaddress:hover,
.bw_listaddress.active {
    border: 1px dashed #093c6a;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

.bw_listaddress.active::before {
    width: 35px;
    height: 34px;
    background: url(../bw_image/ic_check_address.svg) no-repeat left 0;
    left: 0px;
    top: 0px;
    position: absolute;
    content: '';
}

.bw_box_add_dress {
    padding: 10px 0;
    display: flex;
    align-items: center;
}

#form_addess {
    display: none;
}

.bw_with60 {
    max-width: 60% !important;
}

.bw_p_pass_po {
    line-height: 28px;
    padding: 0.8em;
    text-align: center;
}

.bw_p_pass_po span {
    color: #f05a05;
    font-weight: bold;
}

.bw_check_fins {
    padding: 1em 0;
    display: flex;
    justify-content: center;
}

.bw_check_fins img {
    max-width: 100px;
}

.bw_linkadd_dress {
    background: #f05a05;
    text-align: center;
    color: #fff;
    font-family: Hel-Medium;
    display: flex;
    justify-content: center;
    margin-left: 8px;
    padding: 0.58em 1em;
    border-radius: 5px;
}

.bw_linkadd_dress span {
    display: inline-block;
    margin-left: 8px;
}

.bw_linkadd_dress:hover {
    background-color: #dd5405;
    transition: all 0.5s;
}

.bw_box_membership {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.8em 0;
    justify-content: space-between;
}

.bw_boxleft_numbercoin {
    display: flex;
    align-items: center;
    background: url(../bw_image/coin.svg) no-repeat left;
    min-height: 40px;
}

.bw_boxleft_numbercoin span {
    display: inline-block;
    padding-left: 50px;
    font-family: Hel-Bold;
    color: #f05a05;
    font-size: 1.4em;
}

.bw_boxleft_numbercoin div {
    padding-left: 12px;
    font-size: 14px;
}

.bw_boxleft_numbercoin div label {
    color: #f05a05;
}

.bw_boxleft_numbercoin div p {
    line-height: 28px;
    color: #828282;
}

.bw_boxleft_member {
    display: flex;
    align-items: center;
}

.bw_slive {
    background-color: #4f4f4f;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 6px;
}

.bw_yello {
    background-color: #f05a05;
}

.bw_stater {
    display: none;
}

.bw_boxleft_member span {
    display: inline-block;
    margin-left: 10px;
    font-family: Hel-Medium;
}

.bw_tabmember {
    display: flex;
    padding: 1em 0;
    justify-content: center;
}

.bw_tabmember li {
    display: inline-block;
    width: 30%;
    margin: 2em 0;
}

.bw_tabmember li a {
    color: #171717;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bw_tabmem_img {
    margin-bottom: 10px;
}

.bw_tabmember li a span {
    font-family: Hel-Medium;
    display: inline-block;
    line-height: 28px;
}

.bw_span_color_bule {
    color: #11b6ef;
}

.bw_span_color_yello {
    color: #f05a05;
}

.bw_tabmember li a p {
    color: #828282;
}

.bw_box_number_doi {
    background-color: #f6f6f6;
    padding: 8px 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bw_box_number_doi div {
    display: flex;
    align-items: center;
}

.bw_box_number_doi div img {
    width: 24px;
}

.bw_box_number_doi div span {
    color: #f05a05;
    font-size: 14px;
    display: inline-block;
    margin-left: 8px;
}

.bw_btn_exchange {
    background-color: #f05a05;
    display: flex;
    justify-content: center;
    color: #fff !important;
    padding: 8px 2em;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    font-family: Hel-Medium;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.bw_btn_exchange:hover {
    background-color: #dd5405;
    transition: all 0.5s;
    color: #fff;
}

.bw_item_gift {
    padding: 1em;
}

.bw_fillter_history {
    background-color: transparent;
}

.bw_fillter_history li {
    background-color: #f6f6f6 !important;
    color: #171717;
    cursor: pointer;
}

.bw_fillter_history li:first-child {
    margin-left: 0;
}

.bw_fillter_history li.active {
    background-color: #f05a05 !important;
}

.bw_fillter_history li:hover {
    background-color: #f05a05 !important;
    color: #fff;
}

.bw_box_search_order {
    background-color: #f2f2f2;
    padding: 8px;
    margin: 0.8em 0;
    display: flex;
    align-items: center;
}

.bw_bt_sear {
    padding: 0 5px;
    background: none;
    cursor: pointer;
    border: none;
}

.bw_inpu_sear {
    border: none;
    font-size: 16px;
    background: transparent;
    border-radius: 0;
    width: 100%;
    line-height: 28px;
    outline: none;
    padding: 0 5px;
}

.bw_boxitem_order {
    width: 100%;
    margin: 0.8em 0;
    padding: 10px 0 0 0;
}

.bw_item_order_top {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bw_item_order_top div span {
    display: block;
    position: relative;
}

.bw_item_order_top div p {
    padding: 5px 0;
    color: #828282;
    font-size: 14px;
}

.bw_item_order_top div span label {
    font-family: Hel-Medium;
}

.bw_item_order_top div:last-child span label {
    color: #f05a05;
}

.bw_item_order_top div:last-child {
    text-align: right;
}

.bw_spantexxt_order {
    color: #0d9ccb;
    display: flex;
}

.bw_spantexxt_order {
    color: #0d9ccb;
    display: flex;
    border-radius: 5px;
}

.bw_spantexxt_order span {
    display: inline-block !important;
    padding: 3px 0.8em;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
}

.bw_boxitem_pro_order {
    margin: 0.8em 0;
}

.bw_boxitem_order a {
    color: #171717;
    display: block;
    padding: 0.8em 0;
}

.bw_name_pro_order {
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bw_cat_oder,
.bw_quality_price {
    padding: 0 10px;
}

.bw_quality_price {
    display: flex;
    align-items: center;
}

.bw_quality_price span {
    display: inline-block;
    line-height: 24px;
    margin-right: 4px;
}

.bw_oder_price {
    font-weight: 500;
    color: #c90505;
    display: inline-block;
    margin: 0 8px;
}

.bw_oder_price_nosale {
    display: inline-block;
    color: #828282;
    font-size: 15px;
    text-decoration: line-through;
}

.bw_fontsize_big {
    font-size: 1.2em;
    font-weight: bold;
}

.bw_item_cart img {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.bw_evaluate {
    padding: 0 0 0.8em 0;
    display: flex;
    justify-content: flex-end;
}

.bw_evaluate a {
    display: inline-block;
    padding: 10px 0;
    color: #fff;
    text-transform: uppercase;
    background-color: #f05a05;
    border-radius: 5px;
    font-family: Hel-Medium;
    width: 185px;
    text-align: center;
    margin: 0 10px;
}

.bw_evaluate a.disabled {
    background-color: #bdbdbd;
    color: #fff;
    cursor: default;
}

.bw_evaluate a.bw_oderback {
    background-color: #f2f2f2;
    color: #4f4f4f;
}

.bw_evaluate a.bw_oderback:hover {
    background-color: #f05a05;
    color: #fff;
}

.bw_evaluate a:hover {
    background-color: #dd5405;
    transition: all 0.5s;
}

.bw_tile_oder_detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.8em 0;
}

.bw_tile_oder_detail a {
    display: flex;
    align-items: center;
    color: #828282;
    font-size: 14px;
}

.bw_tile_oder_detail a img {
    transform: rotate(90deg);
}

.bw_tile_oder_detail a span {
    display: inline-block;
    margin-left: 10px;
}

.bw_tile_oder_detail div {
    display: flex;
    align-items: center;
}

.bw_tile_oder_detail div span {
    display: inline-block;
    margin-right: 8px;
}

.bw_tile_oder_detail div span label {
    font-family: Hel-Medium !important;
    color: #093c6a !important;
}

.bw_step_order {
    position: relative;
    width: 100%;
    padding: 2em;
    border-bottom: 1px solid #bdbdbd;
}

.bw_step_order ul {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    width: 100%;
}

.bw_step_order ul li {
    display: inline-block;
    line-height: 15px;
    font-size: 15px;
    color: #171717;
    text-align: center;
}

.bw_step_order ul li div {
    display: flex;
    flex-direction: column;
    line-height: 30px;
    width: 100%;
    justify-content: space-around;
    align-items: center;
}

.bw_step_order ul li div label {
    font-family: Hel-Medium;
    padding-top: 10px;
}

.bw_step_order ul li div div {
    background-color: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bdbdbd;
}

.bw_step_order ul li div div.active {
    background-color: #fff;
    border: 1px solid #11b6ef;
}

.bw_step_order ul li div span {
    font-size: 14px;
    color: #828282;
}

.bw_step_order .bw_hr {
    position: absolute;
    right: 2em;
    top: 35%;
    left: 2em;
    height: 1px;
    background-color: #bdbdbd;
    margin: 0 auto;
    opacity: 100%;
    border: 0;
}

.bw_step_order .bw_hr span {
    content: '';
    background-color: #11b6ef;
    position: absolute;
    height: 1px;
    top: 35%;
    left: 0;
}

.bw_step_order hr.hrwidth_10::before {
    content: '';
    background-color: #11b6ef;
    width: 100% !important;
    position: absolute;
    height: 1px;
}

.bw_box_shiping {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
}

.bw_box_shiping li {
    display: inline-block;
    padding: 10px 0;
    line-height: 28px;
    border-top: 0 solid #bdbdbd;
}

.bw_box_shiping li h5 {
    font-size: 1em;
    font-family: Hel-Medium;
    padding-bottom: 10px;
}

.bw_box_shiping li label {
    display: block;
    font-family: Hel-Medium;
}

.bw_box_shiping li span {
    margin-top: 15px;
    display: block;
}

.bw_box_shiping li p {
    line-height: 28px;
}

.bw_box_shiping li strong {
    font-weight: normal;
    font-size: 14px;
}

.bw_item_detal_oder {
    padding-left: 0.8em;
}

.bw_item_detal_oder a {
    color: #171717;
    display: block;
    padding-bottom: 10px;
}

.bw_item_detal_oder ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.8em 0;
    width: 100% !important;
}

.bw_item_detal_oder ul span {
    display: inline-block !important;
    margin-right: 8px;
}

.bw_width {
    width: 100%;
    max-width: 100% !important;
    display: inline-block;
}

.bw_warper_pricr {
    padding: 10px 0;
    width: 100%;
}

.bw_boxitem_pricr {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.bw_ul_price_shipping {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.bw_ul_price_shipping li {
    display: flex;
    justify-content: flex-end;
}

.bw_ul_price_shipping li:first-child {
    max-width: 80%;
    width: 80%;
}

.bw_ul_price_shipping li:last-child {
    max-width: 20%;
    width: 20%;
}

.bw_ul_price_shipping li h5 {
    font-size: 1em;
}

.bw_ul_price_shipping li h5 span {
    font-size: 14px;
    color: #828282;
    font-weight: normal !important;
}

.bw_ul_price_shipping li:last-child h5 {
    color: #f05a05;
}

.bw_item_line_cartship p {
    padding: 5px 15px 10px 15px;
    font-size: 14px;
}

.bw_boxpro_fiexd {
    position: fixed;
    width: 160px;
    background-color: #fff;
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);
    top: 225px;
    right: -160px;
    border: 1px solid #e0e0e0;
    transition: 0.5s;
    display: block;
    transition: all 300ms;
}

.bw_warp_fiexd {
    width: 100%;
    padding: 0.5em;
    position: relative;
}

.bw_close_fiexd,
.bw_show_fie {
    position: fixed;
    width: 30px;
    height: 30px;
    top: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    z-index: 3;
    background-color: #052948;
    border-radius: 50%;
    cursor: pointer;
}

.bw_close_fiexd {
    position: absolute;
    top: -15px;
}

.bw_close_fiexd img,
.bw_show_fie img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    width: 20px !important;
    height: 20px;
}

.bw_show_fie {
    right: 0;
}

.bw_show_fie img {
    transform: rotate(90deg);
}

.bw_show_fid {
    display: none;
}

.bw_close_fiexd a.bw_show_fid img {
    transform: rotate(90deg);
}

.bw_detail_fiexd {
    text-transform: uppercase;
    text-align: center;
    padding: 7px 0 7px 0;
    border-bottom: 1px solid #e0e0e0;
    font-family: Hel-Medium;
}

.bw_box_pro_fiexd {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bw_slide_fiexd {
    height: 325px;
}

.bw_h1text span {
    display: inline-block;
    color: #828282;
    font-family: Hel-Regular !important;
    font-size: 24px;
}

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

.bw_lik_back {
    color: #11b6ef;
    display: inline-block;
    padding-bottom: 10px;
    position: relative;
}

.bw_lik_back:hover {
    text-decoration: underline;
}

.bw_boxtext_cart_right {
    background-color: #f6f6f6;
    padding: 0.8em;
}

.bw_navcol_sal li {
    padding: 1em 0 1em 0;
}

.bw_item_sal {
    display: flex;
    align-items: center;
}

.bw_item_sal div:first-child {
    flex: 0 0 20%;
    max-width: 20%;
    justify-content: center;
    display: flex;
}

.bw_item_sal div:last-child {
    padding-left: 0.5em;
}

.bw_item_sal div:last-child h4 {
    text-transform: uppercase;
    font-family: Hel-Medium;
}

.bw_item_sal div:last-child p {
    line-height: 28px;
}

.bw_boxpro_cart {
    padding: 0.8em 1em;
}

.bw_with96 {
    max-width: 96%;
}

.bw_pd_b_none {
    padding-bottom: 0 !important;
}

.bw_boxitem_cart {
    width: 100%;
    padding: 1.5em 0;
}

.bw_item_cart_text ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0 5px 0.8em;
    width: 100%;
}

.bw_item_cart_text ul li {
    position: relative;
    width: 100%;
}

.bw_ic_close_filter {
    width: 20px;
    height: 20px;
    background: url(../bw_image/ic_delete.svg) no-repeat right;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 10px;
}

.bw_item_cart_text ul li a {
    display: block;
    line-height: 24px;
    color: #171717;
    font-family: Hel-Medium;
    width: 90%;
}

.bw_item_cart_text ul li a:hover {
    color: #11b6ef;
}

.bw_item_cart ul li a:last-child {
    font-size: 14px;
    color: #828282;
}

.bw_item_cart ul li .bw_ic_close_filter span {
    width: 18px;
    cursor: pointer;
}

.bw_item_cart ul li span {
    display: block;
    line-height: 28px;
    font-size: 1.1em;
}

.bw_item_cart ul li p {
    font-style: italic;
    font-size: 15px;
}

.bw_numpro_cart {
    display: flex;
    justify-content: space-between;
    align-items: center !important;
    padding: 0 0 0 0.8em;
}

.bw_bg_gray1 {
    background-color: #f2f2f2;
}

.bw_option_quality {
    display: flex;
    align-items: center;
    padding: 0.5em 0;
}

.bw_ml_none {
    margin-left: 0 !important;
}

.bw_mt_none {
    margin: 0 !important;
}

.bw_boxsale_total {
    padding: 0.8em 0;
    margin: 0;
}

.bw_discount {
    padding-left: 0.8em;
    padding-right: 1em;
}

.bw_total_cart {
    padding-left: 3.5em;
}

.bw_discount h5 {
    background: url(../bw_image/ic_discount.svg) no-repeat left;
    padding: 10px 0;
}

.bw_discount h5 span {
    display: inline-block;
    margin-left: 30px;
    font-size: 1.2em;
    font-family: Hel-Medium;
}

.bw_from_discount {
    padding: 8px 0;
    display: flex;
}

.bw_from_discount input[type='text'] {
    width: 100%;
    max-width: 100%;
    margin: 0 8px;
    line-height: 40px !important;
}

.bw_from_discount button {
    margin: 0 8px;
    background-color: #f05a05;
    color: #fff;
    text-transform: uppercase;
    border: none;
    outline: none;
    display: inline-block;
    justify-content: center;
    font-family: Hel-Medium;
    width: 180px;
    border-radius: 5px;
    cursor: pointer;
    max-width: 180px;
}

.bw_from_discount button:hover {
    background-color: #dd5405;
}

.bw_total_cart div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
}

.bw_total_cart div h6 {
    font-size: 16px;
}

.bw_total_cart_divlast {
    font-family: Hel-Bold;
}

.bw_total_cart_divlast h6 {
    color: #f05a05;
    font-size: 20px;
}

.bw_bor_bt_none {
    border-bottom: none !important;
}

.bw_tab_acding {
    width: 100%;
    padding: 0.8em 0;
}

.bw_ulband li:first-child {
    background-color: #fff !important;
}

.bw_tabs_recieve {
    display: flex;
}

.bw_tabs_recieve li {
    border: 1px solid #e0e0e0;
    background: #fff;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    margin: 10px 5px;
    cursor: pointer;
    transition: all 0.5s;
    font-family: Hel-Medium;
    font-size: 16px;
}

.bw_inf_company {
    display: none;
}

.bw_tabs_recieve li:first-child {
    margin-left: 0;
}

.bw_tabs_recieve li:hover a,
.bw_tabs_recieve li.bw_active a {
    color: #fff;
}

.bw_tabs_recieve li:hover,
.bw_tabs_recieve li.bw_active {
    background-color: #f05a05;
    color: #fff;
    border: 1px solid #f05a05;
}

.bw_tab_item {
    background-color: #f6f6f6;
    padding: 0.8em;
}

.bw_boxcheck_address {
    padding: 0.8em 0;
}

.bw_span_tabs {
    display: block;
    padding-bottom: 1em;
    line-height: 30px;
}

.bw_boxcheck_address div {
    font-family: Hel-Medium;
    padding-bottom: 8px;
}

.bw_boxcheck_address div span {
    display: inline-block;
    color: #f05a05;
    font-family: Hel-Regular !important;
    margin-left: 10px;
}

.bw_boxcheck_address p {
    line-height: 24px;
    font-size: 15px;
}

.bw_addrees_tabs {
    background-color: #fff;
    color: #171717;
    max-width: 180px;
    margin-top: 20px;
}

.bw_addrees_tabs:hover {
    color: #fff;
}

.bw_addrees_tabs img {
    filter: brightness(0);
    -webkit-filter: brightness(0);
}

.bw_addrees_tabs:hover img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.bw_chose_ship div span:last-child {
    font-family: Hel-Bold;
}

.bw_chose_ship {
    width: 100% !important;
    margin-left: 1em !important;
    display: inline-block;
    display: flex;
    justify-content: space-between;
}

.bw_chose_ship div {
    display: flex;
    justify-content: space-between !important;
    align-items: center;
    width: 100%;
}

.bw_chose_ship div span {
    display: inline-block;
}

.bw_chose_ship p:last-child {
    color: #828282;
    font-size: 14px;
}

.bw_chose_ship p:first-child {
    font-weight: 600;
}

.bw_chose_ship p.bw_pradio {
    color: #171717;
    font-size: 16px;
}

.bw_chose_ship p.bw_pradio.disabled {
    color: #828282 !important;
}

.bw_width450 {
    max-width: 70%;
}

.bw_m_auto {
    margin: 0.5em auto;
}

.bw_pdk {
    line-height: 28px;
    color: #828282;
}

.bw_pdk a {
    color: #11b6ef;
    display: inline-block;
    margin: 0 5px;
}

.bw_pdk a:hover {
    text-decoration: underline;
}

.bw_fl_col {
    flex-direction: column !important;
    align-items: flex-start !important;
}

.bw_row_point {
    width: 100%;
    padding: 10px 0;
    clear: both;
}

.bw_item_point {
    display: flex;
    align-items: flex-start;
}

.bw_item_point img {
    width: 145px;
    border: 1px solid #e0e0e0;
}

.bw_item_point div {
    width: 100%;
}

.bw_combo_sp ul li {
    display: flex;
    justify-content: space-between;
}

.bw_combo_sp ul li p {
    margin: auto;
    margin-right: 1em;
}

.bw_item_text_point {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 8px;
    align-items: center;
}

.bw_text_point span {
    background: url(../bw_image/ic_view.svg) no-repeat left;
}

.bw_text_point {
    padding-bottom: 5px;
}

.bw_text_point p:last-child {
    line-height: 28px;
}

.bw_item_point p:first-child {
    display: block;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bw_text_point div div {
    display: flex;
    align-items: center;
    padding: 0 !important;
    color: #4f4f4f;
}

.bw_text_point span i {
    margin-left: 17px;
    font-size: 14px;
    font-style: normal;
}

.bw_text_point label {
    margin: 0 6px;
    font-size: 14px;
    color: #bdbdbd;
}

.bw_text_point i {
    font-size: 14px;
    font-style: normal;
}

.bw_item_point h5 {
    font-family: Hel-Bold;
    color: #f05a05;
    font-size: 1.1em;
    display: inline-block;
}

.bw_item_point h5.bw_textcolor_focus {
    color: #171717;
}

/* chọn màu */

.bw_chose-color_item {
    width: 90%;
    height: auto;
}

.bw_tabs_pay {
    width: 100%;
    padding: 1em;
    display: flex;
    flex-direction: column;
}

.bw_tabs_pay li {
    display: block;
    margin: 8px 0;
}

.bw_tabs_pay li a {
    display: block;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    text-align: center;
    padding: 5px 8px;
    color: #171717;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 5px;
    transition: all 0.8s;
    line-height: 28px;
}

.bw_tabs_pay li a span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    line-height: 20px;
}

.bw_tabs_pay li a:hover,
.bw_tabs_pay li.bw_active a {
    background-color: #f05a05;
    border: 1px solid #f05a05;
    color: #fff;
}

.bw_tabs_item_pay {
    padding: 1em;
}

.bw_h4_chose_pay {
    font-weight: 600;
    font-size: 1.2em;
    line-height: 30px;
    padding-bottom: 8px;
}

.bw_form_chose_bank {
    display: flex;
    flex-wrap: wrap;
    padding: 0.8em 0;
}

.bw_chose_card,
.bw_infomation_cus_pay,
.bw_box_off,
.bw_chose_month,
.bw_back_chose {
    display: none;
}

.bw_disible_on {
    display: none;
}

.bw_bank-item {
    position: relative;
    width: 115px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #bdbdbd;
    margin-right: 1em;
    margin-bottom: 1em;
    overflow: hidden;
    cursor: pointer;
}

.bw_back_chose {
    color: #11b6ef;
    text-align: right;
    float: right;
    clear: both;
    padding: 1em 0;
    cursor: pointer;
}

.bw_back_chose:hover {
    text-decoration: underline;
}

.bw_bank-item:hover,
.bw_bank-item.active {
    border: 2px solid #f05a05;
}

.bw_width250 {
    max-width: 250px;
}

.bw_fonsize_11 {
    font-size: 1em !important;
}

.bw_table_chose {
    background-color: #f6f6f6;
    display: flex;
}

.bw_name_list_pay {
    border-right: 1px solid #fff;
    width: 100%;
}

.bw_name_list_pay div {
    padding: 15px 8px;
    border-bottom: 1px solid #fff;
}

.bw_name_list_pay .bw_item_name_fisrt {
    background-color: #0c9bcc;
    color: #fff;
    font-weight: 500;
}

.bw_box_list_month {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.bw_item_color {
    color: #f05a05;
}

/*404*/

.bw_404 {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 5em 0 3em 0;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.bw_404 span {
    display: block;
    padding: 1em 0;
    font-size: 1.2em;
}

.bw_404 button[type='submit'] {
    width: 300px !important;
    height: 50px;
    margin-top: 30px;
}

.bw_warp_menu_pro {
    width: 98%;
    padding-left: 10px;
    padding-right: 10px;
    margin: 1.5em auto 0.5em auto;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 8%);
}

.bw_m768_on {
    display: none;
}

.bw_warp_menu_pro ul {
    padding: 0.8em 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    flex-direction: row;
}

.bw_warp_menu_pro ul li {
    display: flex;
    flex-direction: column;
}

.bw_warp_menu_pro ul lil::-webkit-scrollbar {
    display: none !important;
    visibility: hidden;
}

.bw_warp_menu_pro ul li a {
    padding: 0.5em;
    display: inline-block;
    text-align: center;
    color: #171717;
    margin: 0.2em;
}

.bw_warp_menu_pro ul li a img {
    min-width: 70px;
    min-height: 70px;
    border-radius: 8px;
    width: 100%;
    max-width: 70px;
    max-height: 70px;
}

.bw_warp_menu_pro ul li a span {
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin: 8px 0;
}

/* footer */

footer {
    width: 100%;
    border-top: 4px solid #fff;
    background-color: #000000;
    padding: 1.5em 0;
}

.bw_boxcol_footer {
    width: 100%;
    padding: 0.8em 10;
}

.item_ul {
    display: flex;
    flex-direction: column;
}

.item_ul li {
    padding: 5px 0;
    color: #f99920;
    line-height: 30px;
}

.item_ul li:first-child {
    font-size: 1.1em;
    padding-bottom: 20px;
    font-family: Hel-Bold;
    text-transform: uppercase;
}

.item_ul li.bw_litital {
    padding-top: 1em;
    font-size: 1.1em;
    font-family: Hel-Bold;
    text-transform: uppercase;
}

.item_ul li.bw_lisocal a {
    display: inline-block;
    margin-right: 15px;
}

.item_ul li.bw_lisocal span {
    margin-right: 0.5em;
    display: inline-block;
}

.item_ul li a {
    color: #fff;
}

.item_ul li a:hover {
    color: #11b6ef;
}

.bw_boxemail {
    display: flex;
    border: 1px solid #11b6ef;
    border-radius: 5px;
    padding: 2px 5px;
}

.bw_inpu {
    border: none;
    line-height: 30px;
    width: 100%;
    font-size: 16px;
}

.bw_inpu:focus,
.bw_inpu:active {
    outline: none;
}

.bw_btn {
    border: none;
    cursor: pointer;
}

.bw_boxemail input[type='text']::placeholder {
    color: #11b6ef;
}

.bw_boxemail input[type='text'] {
    background: transparent;
    color: #11b6ef;
}

.bw_boxemail button[type='submit'] {
    background: url('../bw_image/ic_send.svg') no-repeat center;
    width: 28px;
}

.bw_box_footer_bottom {
    border-top: 1px solid #ffffff;
    padding: 1em 0 0 0;
    text-align: center;
    margin-top: 1em;
}

.bw_box_footer_bottom div {
    color: #11b6ef;
}

/* popup */

.bw_modal_container {
    max-height: calc(100% - 60px);
}

.bw_w850 {
    max-width: 850px;
}

.bw_w550 {
    max-width: 550px;
}

.bw_pr_10 {
    padding-right: 10px;
}

.bw_pr_15 {
    padding-right: 20px;
}

.bw_close_modal {
    position: absolute;
    top: 0.8em;
    right: 0.8em;
}

.bw_close_modal img {
    width: 20px;
}

.bw_w400 {
    max-width: 400px;
}

.bw_detail_modal h4 {
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: Hel-Medium;
}

.bw_form_login {
    width: 100%;
}

.bw_form_login input[type='text']:focus,
.bw_form_login input[type='text']:active {
    border: 1px solid #171717;
}

.bw_input {
    border: 1px solid #bdbdbd;
    background-color: #fff;
    line-height: 40px;
    padding: 2px 10px;
    width: 100%;
    border-radius: 5px;
    font-size: 16px;
    outline: none;
    box-shadow: none;
}

.bw_input:focus,
.bw_input:active {
    outline: none;
    border: 1px solid #171717;
}

.bw_bor_t {
    border-top: 1px solid #e0e0e0;
}

.bw_row_from {
    padding: 0.5em 0;
}

.bw_row_from label {
    display: block;
    line-height: 30px;
    padding: 5px 0;
}

.bw_pd_0 {
    padding-top: 0;
    padding-bottom: 0;
}

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

.bw_rowbtn a {
    margin: 0 8px;
}

.bw_rowbtn a:first-child {
    color: #171717;
}

.bw_rowbtn a:first-child:hover {
    color: #fff;
}

.bw_btn_gray {
    background-color: #dbdbdb;
}

.bw_width_200 {
    max-width: 200px;
}

.bw_popboxlogin {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.bw_text_left {
    width: 40%;
}

.bw_text_left img {
    max-width: 325px;
    margin: auto;
}

.bw_conten_login {
    width: 55%;
    padding: 1em;
}

.bw_conten_login h3 {
    font-size: 1.8em;
    font-family: Hel-Medium;
}

.bw_conten_login p {
    line-height: 24px;
    padding: 0.5em 0;
}

.bw_checkbox_prod {
    display: flex;
    justify-self: start;
    align-items: center;
}

.bw_boxcheck_address {
    align-items: flex-start !important;
}

.bw_checkbox_prod input[type='checkbox'] {
    width: 18px;
    height: 18px;
    border: 1px solid #bdbdbd;
    margin-right: 8px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    border-radius: 2px !important;
}

.bw_checkbox_prod input[type='checkbox']:checked::after {
    background: #f05a05 url('../bw_image/akar-icons_check.svg') no-repeat center;
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 2px !important;
    border: 2px solid #f05a05;
    top: 0;
    left: 0;
}

.bw_checkbox_prod label {
    cursor: pointer;
    font-size: 15px;
}

.bw_from_a {
    color: #11b6ef;
}

.bw_from_a:hover {
    text-decoration: underline;
}

.bw_show_all {
    padding: 0;
    width: 100%;
    position: relative;
    text-align: center;
    padding: 10px 0;
    display: flex;
    justify-content: center;
}

.bw_show_all span {
    width: 100%;
    height: 1px;
    background-color: #bdbdbd;
    box-shadow: none;
    display: block;
    margin-top: 6px;
}

.bw_show_all label {
    display: inline-block;
    padding: 5px 1em;
    background-color: #fff;
    position: absolute;
    top: 0;
    color: #828282;
}

.bw_ul_socal_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
}

.bw_ul_socal_btn li {
    display: inline-block;
    margin: 0 10px;
    line-height: 35px;
}

.bw_ul_socal_btn li a {
    color: #fff;
}

.bw_divline_optio {
    padding: 15px 0 5px 0;
    text-align: center;
}

.bw_divline_optio a {
    text-transform: uppercase;
    color: #11b6ef;
    margin-left: 5px;
}

.bw_divline_optio a:hover {
    text-decoration: underline;
}

.bw_width100 {
    width: 100% !important;
}

.bw_radio_box {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 1.5em;
}

.bw_radio_box input[type='radio'] {
    position: relative;
    opacity: 0;
}

.checkmark {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #828282;
}

.bw_radio_box .checkmark:after {
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: solid 3px white;
    transform: translate(-50%, -50%) rotate(45deg);
}

.bw_radio_box input[type='radio']:checked ~ .checkmark {
    background: #f05a05;
    border: 1px solid #f05a05;
}

.bw_radio_box input[type='radio']:disabled ~ .checkmark {
    background: #f2f2f2;
    border: 1px solid #e0e0e0;
}

.bw_radio_box input[type='radio']:checked ~ .checkmark:after {
    display: block;
}

.bw_radio_box input[type='radio']:disabled ~ .checkmark:after {
    display: none;
}

.bw_input input[type='date'] {
    font-family: Helvetica, sans-serif;
}

.checkmark:after {
    content: '';
    position: absolute;
    display: none;
}

.bw_pdt_none .checkmark {
    top: 12px;
}

.bw_radio_box label {
    margin-left: 8px;
    cursor: pointer;
}

.bw_flex_input {
    display: flex;
    justify-content: space-between;
}

.bw_flex_input .bw_inp_pass:first-child,
.bw_flex_input input:first-child:not(.bw_inp_pass input) {
    margin-right: 0.4em;
}

.bw_flex_input .bw_inp_pass:last-child,
.bw_flex_input input:last-child:not(.bw_inp_pass input) {
    margin-left: 0.4em;
}

.bw_pd_rl,
.bw_pd_r {
    padding-right: 0.4em;
}

.bw_pd_ll,
.bw_pd_l {
    padding-left: 0.4em;
}

.bw_text_finshi_search {
    width: 100%;
    padding: 1.5em 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.bw_detali_search_finsh {
    text-align: left !important;
    padding: 1em 0;
}

.bw_detali_search_finsh span {
    font-family: Hel-Medium;
    display: inline-block;
    margin: 0 5px;
}

.bw_text_finshi_search span {
    font-family: Hel-Medium;
    font-size: 1.3em;
    padding: 10px 0;
}

.bw_text_finshi_search span label {
    font-family: Hel-Medium;
}

.bw_sticky-sidebar a {
    position: fixed;
    top: 265px;
    width: 130px;
    z-index: 3;
}

.bw_sticky-sidebar .bw_banner_left {
    left: 0;
}

.bw_sticky-sidebar .bw_banner_right {
    right: 0;
}

.bw_code_oder {
    padding: 0.8em 0;
}

.bw_code_oder span {
    display: inline-block;
    font-weight: 500;
}

.bw_code_oder i {
    margin-left: 10px;
    font-style: normal;
}

.bw_chose_star {
    display: flex;
}

.bw_chose_star div {
    background: url(../bw_image/ic_star_ouline.svg) no-repeat center;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    margin: 0.5em 5px;
    padding: 0;
    cursor: pointer;
}

.bw_chose_star div:hover {
    background: url(../bw_image/ic_star_full.svg) no-repeat center;
    background-size: 40px 40px;
}

.bw_form_rating {
    margin-top: 0;
    width: 100%;
}

.bw_rating_select {
    overflow: hidden;
    float: left;
    clear: both;
}

.bw_rating_select input {
    width: 1px;
    position: absolute;
    height: 1px;
    opacity: 0;
}

.bw_rating_select label {
    width: 29px;
    height: 29px;
    display: block;
    background: url(../bw_image/ic_star_ouline.svg) no-repeat;
    background-size: cover;
    margin-right: 5px;
    opacity: 0.6;
    float: right;
    margin-right: 10px;
}

.bw_rating_select:not(:checked) > label:hover,
.bw_rating_select:not(:checked) > label:hover ~ label,
.bw_rating_select > input:checked ~ label {
    background: url(../bw_image/ic_star_full.svg) no-repeat;
    background-size: cover;
    opacity: 1;
}

.bw_form_rating .bw_inp_frm {
    background: none;
    padding: 10px 20px;
    border-radius: 15px;
    border: 1px solid #bdbdbd;
    margin-top: 10px;
    color: #bdbdbd;
    resize: none;
}

.bw_form_rating .bw_inp_frm::placeholder {
    color: #bdbdbd;
}

.coding_form {
    display: none;
}

.bw_textarea {
    width: 100%;
    outline: none;
    border: 1px solid #bdbdbd;
    padding: 8px;
    border-radius: 5px;
    overflow: hidden;
    overflow-wrap: break-word;
    height: 100px;
    font-size: 16px;
    font-family: Hel-Regular;
}

.bw_addimg {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #f05a05;
    border-radius: 5px;
    padding: 5px 1em;
    color: #f05a05;
}

.bw_addimg img {
    width: 30px;
}

.bw_addimg span {
    display: inline-block;
    margin-left: 5px;
}

.ul_imglist {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.ul_imglist li {
    max-width: 80px;
    max-height: 80px;
    margin: 0.5em 0.5em 0.5em 0;
    border: 1px solid #989898;
    display: inline-block;
    border-radius: 5px;
}

.ul_imglist li img {
    width: 80px;
    height: 80px;
    border-radius: 5px;
}

.bw_width30 {
    max-width: 350px;
}

/* nút top */

.scroll-to-top {
    position: fixed;
    bottom: 20px;
    left: 10px;
    width: 50px;
    height: 50px;
    text-align: center;
    z-index: 100;
    border-radius: 3px;
    display: none;
    cursor: pointer;
}

.scroll-to-top span {
    margin-top: 5px;
}

.bw_menu_mo {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.bw_menu_mo li:first-child span {
    display: block;
    height: 2px;
    width: 28px;
    margin: 6px 0;
    background-color: #ffffff;
    border-radius: 5px !important;
}

.bw_menu_mo li:first-child span:last-child {
    width: 15px;
}

.bw_menu_mo li a.bw_hea_logo img {
    max-width: 55px;
}

.bw_menu_mo li a.bw_apos {
    color: #fff;
}

/* hỗ trợ*/

.bw_open_helpcenter {
    position: fixed;
    right: 0.8em;
    bottom: 6em;
    padding: 0 !important;
    z-index: 1;
    text-align: right;
    width: 50px;
    height: 50px;
    margin: 0;
    display: block;
    cursor: pointer;
}

.bw_open_review {
    position: fixed;
    right: 0.8em;
    bottom: 10em;
    padding: 0 !important;
    z-index: 222;
    text-align: right;
    width: 50px;
    height: 50px;
    margin: 0;
    display: block;
    cursor: pointer;
}

.bw_text_hover {
    display: inline-block;
    position: absolute;
    border-radius: 5px;
    padding: 10px;
    width: max-content;
    background-color: #093c6a;
    color: white;
    top: 0.8em;
    right: 3.5em;
    display: none;
}

.bw_text_hover-position {
    top: 4rem;
}

#bw_help_hotline:hover .bw_text_hover,
#bw_help_chat:hover .bw_text_hover,
.bw_open_review:hover .bw_text_hover {
    display: block;
}

.bw_open_review img,
.bw_open_helpcenter img {
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
}

.bw_helpcenter {
    position: fixed;
    width: 50px;
    right: 0.8em;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    display: none;
}

.bw_text_note {
    font-size: 14px;
    color: red;
}

.item_close {
    background-color: #052948;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 0.5em auto;
    display: flex;
    justify-content: center;
}

.item_close img {
    width: 20px;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.bw_item_help {
    display: block;
}

.bw_item_help img {
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
}

.bw_box_chat,
.bw_box_chat1 {
    position: fixed;
    width: 100%;
    max-width: 432px;
    bottom: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
    z-index: 10;
    display: none;
}

.bw_boxchat_container {
    width: 100%;
}

.bw_boxchat_header {
    position: relative;
    background-color: #0c9bcc;
    padding: 0.5em 0;
}

.bw_bg_gree {
    background-color: #08b69c;
}

.bw_chat_detail {
    display: flex;
    align-items: center;
    color: #fff;
    padding: 1em;
}

.bw_chat_detail img {
    width: 82px;
}

.bw_chat_detail div {
    padding-left: 0.5em;
}

.bw_chat_detail div span {
    display: block;
    line-height: 30px;
    font-size: 1.2em;
    font-weight: bold;
}

.bw_chat_detail div p {
    line-height: 28px;
}

.bw_chat_tile {
    color: #fff;
    padding: 0.5em 1em;
}

.bw_chat_tile b {
    margin-right: 5px;
}

.bw_close_white img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.bw_boxchat_conten {
    padding: 1em 2em;
}

.bw_text_review_fid {
    padding: 2em 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.bw_text_review_fid p {
    line-height: 28px;
    font-size: 1.3em;
}

.bw_form_finsish_ask {
    font-weight: 500;
    padding-top: 3em;
    padding-bottom: 3em;
}

/* Menu */

.bw_opend {
    opacity: 1;
    transform: scale(1);
}

#bw_main_menu {
    background: #ffffff;
    position: fixed;
    z-index: 20;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    transition: all 400ms;
    border-top: 1px solid #f2f2f2;
    overflow: auto;
}

#bw_main_menu ul {
    padding: 20px;
}

#bw_main_menu ul li {
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#bw_main_menu ul li span {
    width: 24px;
    height: 24px;
    display: inline-block;
    transform: rotate(-90deg);
    transition: all 300ms;
}

#bw_main_menu ul li span.bw_rotate {
    transform: rotate(0deg);
}

#bw_main_menu ul li a {
    font-size: 17px;
    color: #222b3b;
    padding-right: 10px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 0;
}

#bw_main_menu ul ul {
    display: block;
    width: 100%;
    padding: 0;
    border-top: 1px solid #f2f2f2;
    display: none;
}

#bw_main_menu ul ul.bw_show {
    display: block;
}

#bw_main_menu ul ul ul {
    display: none;
}

#bw_main_menu ul ul ul.bw_show {
    display: block;
}

#bw_main_menu ul ul li a {
    font-size: 16px;
    color: #222b3b;
    padding-right: 10px;
    text-transform: none;
    font-weight: 600;
    padding-left: 10px;
}

#bw_main_menu ul ul ul li a {
    font-size: 16px;
    font-weight: 400;
    padding-left: 20px;
}

#bw_main_menu.bw_opend {
    right: 0;
}

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

#bw_main_menu .bw_lag_mo ul li {
    width: 49%;
    align-items: center;
    justify-content: center;
    border-bottom: none !important;
    margin-bottom: 7px;
}

.bw_head_modal {
    background-color: #093c6a;
    padding: 1em;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center;
    width: 100%;
}

.bw_btclose_mb {
    position: relative;
    width: 30px;
    height: 30px;
    display: block;
}

.bw_btclose_mb span {
    width: 24px;
    height: 2px;
    background: #fff;
    transform: rotate(45deg);
    display: inline-block;
    position: absolute;
    border-radius: 1px;
    top: 10px;
}

.bw_btclose_mb span:nth-child(2) {
    transform: rotate(-45deg);
}

.bw_lag_mo {
    width: 100%;
    border-top: 8px solid #f2f2f2;
}

.bw_lag_mo ul {
    display: flex;
    flex-wrap: wrap;
}

.bw_lag_mo ul li.active {
    background-color: #f05a05;
    border-radius: 5px;
}

.bw_lag_mo ul li.active a {
    color: #fff !important;
}

.bw_lag_mo div {
    font-family: Hel-Bold;
    padding: 10px 1em 0 1em;
}

.bw_mr_none {
    padding-left: 0 !important;
    border-right: none !important;
}

.bw_boxuser {
    border-top: 8px solid #f2f2f2;
}

.bw_logou {
    background-color: #f6f6f6;
    padding: 8px;
    text-align: center;
}

.bw_logou a {
    display: flex;
    align-items: center;
    color: #171717;
    justify-content: center;
}

.bw_logou a img {
    width: 24px;
}

.bw_logou a span {
    display: inline-block;
    margin: 0 5px;
    font-family: Hel-Medium;
}

/* Liên hệ */

.bw_content_lienhe-left,
.Chi {
    padding-left: 20px;
    padding-right: 90px;
}

/* .bw_content_lienhe-left button{
  background-color: #F05A05;
}
.bw_content_lienhe-left button a{
  color: #fff;
} */

.bw_content_lienhe-left::after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 80%;
    background-color: #e0e0e0;
    right: 50%;
    top: 0;
    transform: translateY(10%);
}

.infor {
    padding-left: 20px;
    border: #e0e0e0 1px solid;
    border-radius: 5px;
    width: 100%;
}

.bw_mt_15 {
    margin-top: 15px;
}

.bw_content_lienhe-right {
    padding-left: 70px;
}

.bw_content_lienhe-right span {
    margin-left: 50px;
}

.ic_map {
    padding-right: 20px;
}

.bw_banner-lienhe div {
    background-color: #139ccb;
    color: #fff;
}

.bw_banner-lienhe img {
    margin-right: 12px;
}

.bw_banner-lienhe span {
    margin-right: 50px;
}

.bw_map-lienhe iframe {
    width: 100%;
}

/* đổi màu nút radio */

.radio-item {
    display: inline-block;
    position: relative;
    padding: 0 6px;
    margin: 10px 0 0;
}

.radio-item input[type='radio'] {
    display: none;
}

.radio-item label {
    color: #666;
    font-weight: normal;
}

.radio-item label:before {
    content: ' ';
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 11px;
    border: 1px solid #989898;
    background-color: transparent;
}

.radio-item input[type='radio']:checked + label:before {
    border: 1px solid #dd5405;
}

.radio-item input[type='radio']:checked + label:after {
    border-radius: 11px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 9px;
    left: 10px;
    content: ' ';
    display: block;
    background: #f05a05;
}

/* Đặt hàng thành công */

.content_DHTC {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.id_donhang {
    color: #11b6ef;
    padding: 5px 30px;
    border: #11b6ef 1px solid;
    margin: 0 10px;
}

/* Giới thiệu */

.bw_breadcrumb a {
    color: #171717;
}

.bw_title_page {
    border-bottom: #e0e0e0 1px solid;
}

.bw_breadcrumb li {
    display: inline-block;
}

.bw_image_about {
    background-color: #f6f6f6;
}

h1,
.bw_image_about div h2 {
    font-size: 35px;
}

h2 {
    font-size: 24px;
}

.bw_color_gray {
    color: #828282;
    font-size: 14px;
}

.bw_color_gray2 {
    color: #828282;
}

/* Sự Kiện */

.bw_button_top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    width: 100%;
}

.bw_button_topl::-webkit-scrollbar {
    display: none !important;
    visibility: hidden;
}

.bw_marauto {
    justify-content: center;
    align-items: center;
}

.bw_button_top button {
    padding: 15px 2.5em;
    background-color: #f2f2f2;
    border: 0;
    outline: 0;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 30px;
    font-size: 16px;
}

.bw_paging a,
.bw_sukien_nhocuoi a,
.bw_sukien_nho a,
.bw_sukien_lon a,
.bw_button_top a {
    color: #171717;
}

.bw_sukien_lon p {
    padding-right: 10px;
}

.bw_sukien_nho,
.bw_sukien_lon {
    border-bottom: #e0e0e0 1px solid;
}

.bw_paging ul li:first-child {
    border-radius: 5px;
    border: 0;
    outline: 0;
    padding: 5px 10px;
    background-color: #093c6a;
}

.bw_paging ul li {
    display: inline-block;
    margin: 0 5px;
}

.bw_paging ul li .bw_choosen_page {
    color: #fff;
}

.bw_paging {
    position: absolute;
    left: 50%;
    margin-left: -50px;
}

.bw_button_choosen1 {
    background-color: #f05a05;
    color: #fff;
    border: none;
    outline: none;
    text-transform: uppercase;
    font-family: Hel-Medium;
    padding: 15px 40px;
    border-radius: 5px;
    cursor: pointer;
}

.bw_button_top .bw_button_choosen {
    background-color: #f05a05;
    color: #fff;
    text-transform: uppercase;
    font-family: Hel-Medium;
}

.bw_button_top button.bw_active {
    color: #fff;
}

/* .bw_button_top .bw_button_choosen a{
  color: #ffffff;
} */

/* Chi tiết sự kiện */

.bw_title_chitiet {
    border-bottom: #e0e0e0 1px solid;
}

.bw_giaithuong {
    display: inline-block;
}

.bw_content_chitiet,
.bw_title_chitiet {
    line-height: 1.8;
}

.bw_chitiet_bigImg {
    margin-left: 8%;
}

.bw_tin_khac_text h2::after {
    content: '';
    position: absolute;
    width: 70%;
    height: 1px;
    background-color: #bdbdbd;
    top: 50%;
    left: 16.5%;
}

.bw_tin_khac_text button {
    padding: 11px 22px;
    background-color: #e0e0e0;
    font-size: 16px;
    border: 0;
    outline: 0;
    margin-right: 20px;
    border-radius: 5px;
}

.bw_tin_khac_text button a {
    color: #171717;
    transition: all 0.5s;
}

.bw_tin_khac_text button:hover {
    background-color: #f05a05;
}

.bw_tin_khac_text button:hover a {
    color: #fff;
}

.bw_tin_khac_img div div {
    padding: 0 10px;
}

.bw_tin_khac_img a {
    color: #171717;
}

/* chia sẻ kinh nghiệm */

.bw_content_hocau_dichvu div div,
.bw_video_kysu_sh div div,
.bw_video_chiase_kn div div {
    padding: 0 10px;
}

.bw_content_hocau_dichvu a,
.bw_video_kysu_sh a,
.bw_video_chiase_kn a {
    color: #171717;
}

.bw_content_hocau_dichvu img,
.bw_video_kysu_sh img,
.bw_video_chiase_kn img,
.bw_content_hocau_dichvu_chitiet img,
.bw_chitiet_anhhiem img {
    width: 100%;
}

.bw_color_hotline {
    color: #f05a05;
}

.bw_header_modal {
    position: absolute;
    top: 3%;
    right: 3%;
}

#bw_sign_aff {
    padding: 40px;
}

.bw_video_kysu_sh h3,
.bw_video_chiase_kn h3,
.bw_sukien_lon h3,
.bw_sukien_nho h3,
.bw_content_hocau_dichvu h3 {
    font-size: 16px;
}

.bw_sukien_lon p,
.bw_sukien_nho p {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 2;
    height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.bw_model_bg {
    background: none !important;
}

.bw_model_bg div {
    height: 100% !important;
}

.group_detil {
    display: flex;
}

.bw_warpslide_detail .swiper-pagination {
    display: none;
}

/* Liên hệ */

.bw_content_lienhe-left,
.Chi {
    padding-left: 20px;
    padding-right: 90px;
}

/* .bw_content_lienhe-left button{
  background-color: #F05A05;
}
.bw_content_lienhe-left button a{
  color: #fff;
} */

.bw_content_lienhe-left::after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 80%;
    background-color: #e0e0e0;
    right: 50%;
    top: 0;
    transform: translateY(10%);
}

.infor {
    padding-left: 20px;
    border: #e0e0e0 1px solid;
    border-radius: 5px;
    width: 100%;
}

.bw_mt_15 {
    margin-top: 15px;
}

.bw_content_lienhe-right {
    padding-left: 70px;
}

.bw_content_lienhe-right span {
    margin-left: 50px;
}

.ic_map {
    padding-right: 20px;
}

.bw_banner-lienhe div {
    background-color: #139ccb;
    color: #fff;
}

.bw_banner-lienhe img {
    margin-right: 12px;
}

.bw_banner-lienhe span {
    margin-right: 50px;
}

.bw_map-lienhe iframe {
    width: 100%;
}

/* đổi màu nút radio */

.radio-item {
    display: inline-block;
    position: relative;
    padding: 0 6px;
    margin: 10px 0 0;
}

.radio-item input[type='radio'] {
    display: none;
}

.radio-item label {
    color: #666;
    font-weight: normal;
}

.radio-item label:before {
    content: ' ';
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 11px;
    border: 1px solid #bdbdbd;
    background-color: transparent;
    cursor: pointer;
}

#bw_view_image.bw_modal_open {
    z-index: 222;
}

#bw_view_image .bw_main_view {
    height: 100vh;
    padding: 40px 0;
    width: 100vw;
    z-index: 1;
}

#bw_view_image .bw_main_view img,
#bw_view_image .bw_main_view video {
    height: 100%;
}

#bw_view_image .bw_close_modal img {
    filter: brightness(900%) grayscale(0);
}

#bw_view_image .bw_items {
    height: calc(100% - 80px);
    width: 100%;
    align-items: center;
    justify-content: center;
    position: absolute;
    display: none;
}

#bw_view_image .bw_items.bw_active {
    display: flex;
}

.bw_top_md {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}

.bw_btn_slide {
    position: absolute;
    left: 20px;
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    opacity: 0.6;
}

.bw_btn_slide.bw_btn_next {
    right: 20px;
    left: unset;
}

/*Edit 15/08*/

.bw_content table tr,
.bw_content table tr td {
    height: auto !important;
}

.bw_inp_pass {
    position: relative;
    width: 100%;
}

.bw_show_pass {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(../bw_image/i__eye_show.svg) no-repeat center;
    background-size: cover;
    cursor: pointer;
    top: 20px;
    right: 17px;
}

.bw_show_pass.bw_close_pass {
    background: url(../bw_image/i__eye.svg) no-repeat center;
    background-size: cover;
}

.bw_cate_product {
    height: 520px;
}

.bw_cate_pro_items {
    height: 240px;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
}

@keyframes snow_s {
    0% {
        top: 50%;
        left: 50%;
    }
    100% {
        top: -100%;
        left: -100%;
    }
}

.bw_snow {
    width: 100%;
    height: 170%;
    position: absolute;
    background: url(../bw_image/snow.png) repeat-x center;
    animation-name: snow_s;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-direction: normal;
    animation-iteration-count: infinite;
    animation-delay: 0s;
    animation-fill-mode: none;
    animation-play-state: revert;
    pointer-events: none;
}

.bw_cate_pro_items a {
    width: 100%;
    height: 240px;
    display: block;
}

.bw_cate_pro_items a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 600ms;
}

.bw_cate_pro_items:hover a img {
    transform: scale(1.1, 1.1);
}

.bw_errors {
    font-size: 13px;
    padding-top: 5px;
    display: inline-block;
}

.bw_error_inp {
    border: 1px solid #c90505;
}

.bw_lable_out_of {
    position: absolute;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    line-height: 65px;
    font-weight: 700;
    background-color: hsla(0, 0%, 100%, 0.7);
    width: 100%;
    height: 60px;
    margin: 50% 0;
    z-index: 9;
    font-family: Hel-Bold;
}

.bw_slide_fiexd .bw_lable_out_of {
    font-size: 15px;
}

/* Edit 24.2.2023 */

.bw_filter_btn {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ccc;
    position: relative;
    border-radius: 4px;
    margin: 5px 0;
    margin-right: 10px;
    font-size: 15px;
    padding-right: 40px;
}

.bw_filter_btn::before {
    width: 0;
    height: 0;
    position: absolute;
    content: '';
    top: calc(50% - 2px);
    right: 10px;
    border-radius: 3px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent;
    z-index: 2;
}

.bw_filter_btn.bw_slected {
    border: 1px solid #dd5405;
}

.bw_content_filter {
    position: absolute;
    left: 0;
    top: calc(100% + 1px);
    background: #fff;
    padding: 10px;
    flex-wrap: wrap;
    width: 450px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    z-index: 2;
    display: none;
}

.bw_content_filter.bw_show {
    display: flex;
}

.bw_checkcate {
    position: relative;
    margin: 7px 5px;
    cursor: pointer;
}

.bw_checkcate input {
    width: 1px;
    height: 1px;
    position: absolute;
    opacity: 0 !important;
}

.bw_checkcate span {
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    transition: all 300ms;
}

.bw_checkcate input:checked ~ span {
    border: 1px solid #dd5405;
    color: #dd5405;
}

.bw_ft_search {
    width: 100%;
    padding: 5px;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px;
}

.bw_ft_search button.bw_btn_submit.bw_cancle {
    background: #fff;
    border: 1px solid #dd5405;
    color: #dd5405;
}

.bw_seletc_price {
    max-width: 30%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.bw_seletc_price .bw_view_select {
    width: 50%;
    margin-left: 10px;
    position: relative;
    background: #fff;
    cursor: pointer;
    padding: 7px 10px;
}

.bw_range_price {
    padding: 0 5px;
    margin-top: 10px;
}

.bw_range_price label {
    font-size: 13px;
    color: #666;
    margin-top: 7px;
}

.range-slider {
    width: 400px;
    position: relative;
    margin: 15px 0 30px 0;
}

input[type='range'] {
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
    position: absolute;
    left: 0;
}

input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #dd5405;
    cursor: pointer;
    margin-top: -5px;
    position: relative;
    z-index: 1;
}

input[type='range']::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    background: #e8e8e8;
    border-radius: 3px;
    border: none;
}

#bw_search_bh .bw_tabs li a {
    padding: 5px 10px;
}

.bw_mb_search {
    margin-top: 10px;
    text-align: center;
}

.bw_mb_search img {
    max-height: 40px;
}

.bw_inf_product {
    display: flex;
}

.bw_inf_product img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    border: 1px solid #ccc;
    margin-right: 10px;
}

.bw_inf_product h3 {
    font-weight: 600;
    font-size: 16px;
}

.bw_inf_product p {
    font-size: 15px;
    margin-top: 2px;
}

.bw_items_bh {
    padding: 15px;
    border-radius: 5px;
    margin-top: 5px;
    background: #f5f5f5;
}

.bw_items_bh ul {
    display: flex;
    flex-wrap: wrap;
}

.bw_items_bh li {
    width: 33.33333333%;
    font-size: 15px;
    margin-top: 5px;
}

.bw_inf_p_sub a {
    color: #fe8c23;
    font-size: 14px;
    margin-top: 7px;
    display: inline-block;
    cursor: pointer;
}

.bw_hide {
    display: none;
}

.bw_hide.bw_active {
    display: block;
}

/* Edit 02/06/2023 */

.bw_title_right {
    font-size: 19px;
    font-weight: 600;
    color: #212121;
    margin-bottom: 10px;
}

.bw_more_news_items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc;
}

.bw_more_news_items:last-child {
    border-bottom: none;
}

.bw_more_news_items img {
    max-width: 35%;
    margin-right: 10px;
}

.bw_text_news {
    max-width: calc(65% - 10px);
}

.bw_text_news h3 {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.bw_text_news h3:hover {
    color: #f05a05;
}

.bw_text_news i {
    font-size: 12px;
}

.bw_items_first img {
    max-width: 100%;
}

.bw_items_first .bw_text_news {
    max-width: 100%;
    margin-top: 7px;
}

.bw_product_right a {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc;
}

.bw_product_right a img.bw_pro_img {
    max-width: 30%;
    margin-right: 10px;
}

.bw_product_right .bw_name_sp {
    font-size: 14px;
    padding: 0;
    line-height: normal;
}

.bw_product_right .bw_price_sp span {
    margin: 4px 0;
    font-size: 14px;
}

.bw_product_right .bw_price_sale {
    margin: 0;
}

.bw_product_right .bw_price_sale span {
    font-size: 12px;
}

.bw_product_right .bw_inf_pro {
    max-width: calc(70% - 10px);
}

.bw_right {
    position: sticky;
    top: 10px;
}

/* Add Bao hanh */

.bw_box_warranty {
    display: flex;
    padding-top: 60px;
    padding-bottom: 60px;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bw_warranty_items {
    max-width: 165px;
    text-align: center;
    width: 100%;
    margin: 0 30px;
    margin-top: 20px;
}

.bw_warranty_items a {
    font-size: 15px;
    text-transform: uppercase;
    color: #052948;
    font-weight: 600;
}

.bw_warranty_items img {
    width: 130px;
    border-radius: 50%;
    height: 130px;
    object-fit: cover;
    margin-bottom: 10px;
}

.bw_warranty_items span {
    display: block;
}

.bw_h1_bh {
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
}

.bw_form_bh {
    background-color: #ece8db;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14);
    padding: 30px 45px;
    border-radius: 15px;
    margin: 30px auto;
    max-width: 800px;
}

.bw_form_bh input {
    font-size: 15px;
    padding: 7px 12px;
    margin: 7px 0;
}

.bw_form_bh button {
    font-size: 15px;
    border-radius: 40px;
    margin-top: 20px;
}

.bw_form_bh p {
    font-size: 13px;
    color: #dd5405;
    font-style: italic;
    line-height: 17px;
    margin-top: 7px;
    padding: 0 40px;
}

.bw_inf_warranty_notice {
    max-width: 650px;
}

.bw_inf_warranty_notice h1 {
    text-transform: unset;
}

.bw_bgGray {
    background: #ece8db;
    padding: 10px 20px;
    border-radius: 10px;
}

.bw_bgGray p {
    font-size: 14px;
    text-align: left;
    padding: 5px 0;
}

.bw_bgGray p b.bw_numMonth {
    color: #f05a05;
}

.bw_proVertical {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 7px;
}

.bw_proVertical .bw_pro_img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.bw_proVertical .bw_inf_pro {
    width: calc(100% - 90px);
    margin-left: 10px;
}

.bw_proVertical .bw_name_sp {
    padding: 0;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
}

.bw_proVertical .bw_price_sp {
    justify-content: flex-start;
}

.bw_proVertical .bw_price_sp span {
    margin: 0;
    margin-right: 14px;
}

.bw_resulf {
    margin: 20px auto;
    max-width: 800px;
}

.bw_resulf h2 {
    text-align: center;
    font-size: 25px;
}

.bw_inf_pro_res h3.bw_nt_bh {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bw_inf_pro_res h3.bw_nt_bh span {
    font-weight: normal;
    font-size: 13px;
    border-radius: 40px;
    padding: 5px 20px;
}

.bw_his_bh {
    margin-left: 90px;
    background: #f2f2f2;
    padding: 15px;
    border-radius: 10px;
    margin-top: 10px;
}

.bw_his_bh h3 {
    font-size: 16px;
}

.bw_his_bh ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.bw_his_bh ul li {
    width: 50%;
    font-size: 14px;
    padding: 5px 0;
}

a.bw_viewMore {
    display: block;
    font-size: 12px;
    font-style: italic;
    color: #888;
    text-decoration: underline;
    margin-top: 7px;
}

.bw_table_responsive {
    margin-top: 10px;
    background: #fff;
    border-radius: 10px;
    overflow-y: hidden;
}

.bw_table_responsive table td,
.bw_table_responsive table th {
    background: #fff;
    font-size: 14px;
    padding: 9px 10px;
    white-space: nowrap;
}

.bw_his_bh h4 {
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    padding: 0 30px;
}

.bw_detail_bh {
    display: none;
}

.bw_detail_bh.bw_show {
    display: block;
}

.bw_select_frm {
    padding: 7px 12px;
    margin: 7px 0;
    border-radius: 5px;
    border: none;
    outline: none;
    width: 100%;
    font-family: inherit;
    font-size: 15px;
    background: #fff;
}

.bw_select_frm .select .value::before {
    right: 0;
}

textarea.bw_inp_frm {
    font-size: 15px;
    padding: 7px 12px;
    min-height: 80px;
}

/* Min width 1400px */

@media screen and (max-width: 1650px) {
    .bw_sticky-sidebar {
        display: none;
    }
}

/* Min width 1400px */

@media screen and (max-width: 1400px) {
    .bw_container_fluid {
        max-width: 96%;
    }
}

@media screen and (max-width: 1200px) {
    .bw_rowtop_head .bw_c30 {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .bw_navright_head li a {
        font-size: 20px;
    }
    .bw_rowtop_head .bw_c70 {
        max-width: 80%;
        flex: 0 0 80%;
    }
    .bw_box_search {
        margin-right: 0.8em;
    }
    .bw_boxlogin,
    .bw_boxcart {
        padding: 0 0.8em;
    }
    .bw_boxselect_lag {
        padding-left: 0.8em;
        width: 15%;
    }
    .bw_logohead a img {
        max-width: 110px;
    }
    .radio-item input[type='radio']:checked + label:after {
        border-radius: 11px;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 9px;
        left: 10px;
        content: ' ';
        display: block;
        background: #f05a05;
    }
    /* Đặt hàng thành công */
    .content_DHTC {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .id_donhang {
        color: #11b6ef;
        padding: 5px 30px;
        border: #11b6ef 1px solid;
        margin: 0 10px;
    }
    .bw_boxnav {
        max-width: 96%;
    }
    .bw_textSK_nho {
        padding-left: 2%;
    }
    ::after {
        display: none;
    }
    .bw_chitiet_bigImg {
        margin: 0;
    }
    .bw_show_fie,
    .bw_boxpro_fiexd {
        display: none;
    }
    .bw_name_product {
        font-size: 1em;
    }
    .bw_cate_product {
        height: 400px;
    }
    .bw_cate_pro_items {
        height: 180px;
    }
    .bw_cate_pro_items a {
        height: 180px;
    }
    .bw_cate_pro_items a img {
        border-radius: 7px;
    }
}

@media screen and (max-width: 1024px) {
    .bw_rowtop_head .bw_c30 {
        display: none;
    }
    .bw_navright_head li a {
        font-size: 14px;
    }
    .bw_rowtop_head .bw_c70 {
        max-width: 100%;
        flex: 0 0 100%;
        justify-content: flex-end;
    }
    .bw_logohead a img {
        max-width: 100px;
    }
    .bw_navright_head li {
        padding: 0 0.8em;
    }
    .bw_rowbottom_head {
        padding: 1em 0 0 0;
        font-family: League-Gothic;
    }
    .bw_box_search {
        margin-right: 0.8em;
        max-width: 35%;
    }
    .bw_boxlogin,
    .bw_boxcart {
        padding: 0 0.8em;
    }
    .bw_boxselect_lag {
        padding-left: 0.8em;
        width: 15%;
    }
    .bw_linkcar {
        font-size: 0.9em;
    }
    .bw_cate_product {
        height: 480px;
    }
    .bw_cate_pro_items {
        height: 220px;
    }
    .bw_cate_pro_items a {
        height: 220px;
    }
    .bw_lable_out_of {
        font-size: 18px;
    }
}

/* Max width 992px */

@media screen and (max-width: 991px) {
    .bw_m_none,
    .bw_right_header a.bw_btn_sign.bw_m_none,
    .bw_right_header a.bw_btn_log.bw_m_none {
        display: none !important;
    }
    .bw_container_fluid {
        max-width: 98%;
    }
    .bw_d_none,
    #bw_main_menu {
        display: block !important;
    }
    .bw_box_search {
        max-width: 100%;
        width: 100%;
    }
    .bw_button_kysu button {
        margin: 5px 8px;
    }
    .bw_box_name_share div {
        font-size: 1.1em !important;
        font-family: Hel-Regular !important;
    }
    .bw_box_tile_slidehot {
        display: flex;
    }
    .bw_tile_hot_right {
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }
    .bw_tile_hot_left {
        width: 340%;
        max-width: 40%;
    }
    .bw_box_shiping {
        flex-direction: column;
    }
    .bw_box_shiping li {
        border-bottom: 1px solid #e0e0e0;
    }
    .bw_box_shiping li:last-child {
        border-bottom: none;
    }
    .group_detil .group_detil_1 {
        order: 2;
    }
    .group_detil .group_detil_2 {
        order: 1;
    }
    .bw_tile_oder_detail a img {
        transform: rotate(-90deg);
    }
    .bw_with_mb .bw_col_7,
    .bw_with_mb .bw_col_5 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bw_boxproduct_small {
        display: none;
    }
    .bw_warpslide_detail .swiper-pagination {
        display: block;
        position: unset !important;
        margin-bottom: 15px;
    }
    .bw_nav_accout,
    .bw_fillter ul {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        width: 100%;
        border-bottom: 1px solid #dbdbdb;
    }
    .bw_nav_accoutl::-webkit-scrollbar,
    .bw_fillter ull::-webkit-scrollbar {
        display: none !important;
        visibility: hidden;
    }
    .bw_nav_accout li {
        display: inline-block;
        margin: 8px 0.8em;
    }
    .bw_warpbanner_pro {
        margin-top: 0.8em;
    }
    .bw_box_account {
        padding: 0.8em 0;
    }
    .bw_bor_right {
        border-right: none;
    }
    .bw_bor_left {
        border-left: none;
    }
    .bw_content_lienhe-right,
    .bw_content_lienhe-left {
        padding-right: 20px;
        padding-left: 20px;
    }
    .bw_lable_out_of {
        font-size: 17px;
    }
}

@media screen and (max-width: 768px) {
    .bw_pagin_detail {
        bottom: -15em !important;
    }
    .bw_pd_rl {
        padding-right: 0 !important;
    }
    .bw_pd_ll {
        padding-left: 0 !important;
    }
    #group #group1 {
        order: 2;
    }
    .bw_m768_none {
        display: none !important;
    }
    .bw_m768_on {
        display: block;
    }
    .bw_banner_top::before {
        background: #093c6a;
        height: 130px;
        width: 100%;
    }
    .bw_banner_top {
        background-color: transparent;
    }
    .bw_boxbanner_slide a img {
        border-radius: 10px !important;
    }
    .bw_box_category {
        padding: 0 0 1em 0;
    }
    .bw_image_about img {
        width: 100%;
    }
    .bw_image_about h2 {
        padding-bottom: 0px;
    }
    .bw_image_about div div div,
    .bw_content_hocau_dichvu div div,
    .bw_video_kysu_sh div div,
    .bw_video_chiase_kn div div {
        flex: 0 0 50%;
        max-width: 50%;
        margin: 10px 0;
    }
    .bw_sukien_nho img,
    .bw_sukien_nhocuoi img,
    .bw_sukien_lon img,
    .bw_chitiet_bigImg img {
        width: 100%;
    }
    .bw_tin_khac_text button {
        margin-right: 0px;
    }
    .bw_tin_khac_img img {
        width: 100%;
        padding-right: 0;
    }
    .bw_tin_khac_img div div {
        margin-bottom: 30px;
    }
    .bw_tile_hot_left {
        width: 100%;
        max-width: 100%;
    }
    .bw_salehot_item {
        width: 98%;
        margin: 0 auto;
    }
    .swiper-button-next.bw_button_next,
    .swiper-button-prev.bw_button_prev {
        display: none;
    }
    .bw_h3_text span {
        font-size: 1em;
    }
    .bw_page {
        padding: 0 0 0 0.8em;
    }
    .bw_page li.bw_li_last {
        padding: 2px 0.5em;
    }
    .bw_hover_item_sp {
        display: none;
    }
    .bw_conten_newssale_home p {
        line-height: 24px;
    }
    .bw_buton_limk {
        font-size: 0.8em;
    }
    .bw_conten_newssale_home {
        padding: 1em 0 0 0;
        width: 100%;
    }
    .bw_warprow_share_ex {
        flex-direction: column;
    }
    .bw_warprow_share_ex .bw_c50 {
        flex: 0 0 100%;
        max-width: 100% !important;
    }
    .bw_box_name_share div {
        font-size: 1.1em;
    }
    .bw_box_name_share button {
        line-height: 35px;
    }
    .item_ul li:first-child {
        font-size: 1em;
        padding-bottom: 10px;
    }
    .bw_boxcol_footer {
        padding: 1em 0;
    }
    .bw_container {
        width: 98%;
    }
    .bw_flex_colum {
        flex-direction: row;
    }
    .bw_row_item {
        margin-bottom: 0;
    }
    .bw_row_item:first-child {
        padding-right: 0.8em;
    }
    .bw_row_item:last-child {
        padding-left: 0.8em;
    }
    .bw_boxitem_cart .bw_c10,
    .bw_boxitem_pro_order .bw_c10 {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .bw_boxitem_cart .bw_c90,
    .bw_boxitem_pro_order .bw_c90 {
        flex: 0 0 80%;
        max-width: 80%;
    }
    .bw_item_detal_oder a {
        padding-bottom: 5px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .bw_item_detal_oder ul {
        padding: 0 0;
    }
    .bw_flexju {
        background-color: #f6f6f6;
        padding-bottom: 0.5em;
    }
    .bw_bor_right {
        border-right: none;
    }
    .bw_with96 {
        max-width: 100% !important;
    }
    .bw_item_cart_text ul li a {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-right: 10px;
    }
    .bw_boxpro_cart {
        padding: 0.8em 0;
    }
    .bw_numpro_cart {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .bw_total_cart {
        padding: 0.5em 0.8em;
    }
    .bw_text_left {
        display: none;
    }
    .bw_conten_login {
        width: 100%;
    }
    .bw_w850 {
        max-width: 90%;
    }
    .bw_conten_login h3 {
        font-size: 1.3em;
    }
    .bw_content_lienhe-left::after {
        display: none;
    }
    .bw_table_chose {
        flex-direction: row;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        width: 100%;
        border-bottom: 1px solid #dbdbdb;
    }
    .bw_table_chosel::-webkit-scrollbar {
        display: none !important;
        visibility: hidden;
    }
    .bw_linkcar {
        font-size: 0.8em;
        padding-left: 10px;
        padding-right: 10px;
    }
    /* liên hệ */
    .bw_content_lienhe-left::after {
        display: none;
    }
    .bw_content_lienhe-left,
    .bw_content_lienhe-right {
        padding: 0;
    }
    .bw_content_lienhe-right {
        margin: 40px 0 0 0;
        padding-top: 40px;
        border-top: #e0e0e0 1px solid;
    }
    #bw_text-bottom {
        display: flex;
        flex-direction: column;
        /* align-items: center; */
    }
    .bw_image_about table,
    .bw_image_about table tr,
    .bw_image_about table td {
        display: block !important;
        height: auto !important;
    }
    .bw_image_about table tr {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .bw_image_about table td {
        max-width: 49% !important;
        width: 100% !important;
        margin: 5px 0;
    }
    .bw_image_about table td[colspan] {
        max-width: 100% !important;
    }
    .bw_cate_product {
        height: 440px;
    }
    .bw_cate_pro_items {
        height: 200px;
    }
    .bw_cate_pro_items a {
        height: 200px;
    }
    .bw_lable_out_of {
        line-height: 40px;
        height: 40px;
        margin: 30% 0;
        font-size: 15px;
    }
    .bw_warranty_items {
        max-width: calc(50% - 40px);
        margin: 20px;
    }
}

@media screen and (max-width: 580px) {
    .bw_pagin_detail {
        bottom: 23em !important;
    }
    .bw_mobile_br ul {
        flex-direction: column;
    }
    .bw_mobile_br ul li {
        text-align: left !important;
    }
    .bw_d_none_mobile {
        display: none !important;
    }
    .bw_navmobi ul li {
        width: 45%;
    }
    .bw_warp_menu_pro ul li a img {
        min-width: 60px;
        min-height: 60px;
        max-width: 60px;
        max-height: 60px;
    }
    .bw_box_category ul li a img {
        max-width: 200px;
    }
    .bw_button_top button {
        padding: 10px 25px;
        margin-right: 15px;
    }
    .bw_content_hocau_dichvu div div,
    .bw_video_kysu_sh div div,
    .bw_video_chiase_kn div div {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bw_content_hocau_dichvu img,
    .bw_video_kysu_sh img,
    .bw_video_chiase_kn img {
        width: 100%;
    }
    .bw_item_detal_oder ul {
        flex-direction: column;
        align-items: flex-start;
    }
    .bw_oder_price {
        margin: 0 8px 0 0;
    }
    .bw_ul_price_shipping {
        padding: 15px 0;
    }
    .bw_ul_price_shipping li:first-child {
        max-width: 50%;
        width: 50%;
        justify-content: flex-start !important;
    }
    .bw_ul_price_shipping li:last-child {
        max-width: 50%;
        width: 50%;
    }
    .bw_item_hd {
        padding: 1em 0.5em;
    }
    .bw_with60 {
        max-width: 100% !important;
    }
    .bw_ulband li {
        margin: 0.3em !important;
    }
    .bw_ulband li img {
        max-width: 50px;
    }
    .bw_fillter_number ul {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .bw_fillter_number ul li {
        margin: 0.5em 0;
    }
    .bw_w550 {
        max-width: 96%;
    }
    .bw_item_point img {
        width: 100px;
    }
    .bw_item_text_point {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .bw_banner-lienhe {
        display: none;
    }
    .bw_item_order_top {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .bw_item_order_top div:last-child {
        text-align: left;
        margin-top: 10px;
    }
    .bw_lik_back {
        display: none;
    }
    #bw_text-top {
        display: flex;
        flex-direction: column;
        /* align-items: center; */
    }
    .bw_line_pro .bw_c20,
    .bw_line_pro .bw_c60 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .bw_cate_product {
        height: 400px;
    }
    .bw_cate_pro_items {
        height: 190px;
    }
    .bw_cate_pro_items a {
        height: 190px;
    }
}

/* Max width 480px */

@media screen and (max-width: 479px) {
    .bw_pagin_detail {
        bottom: 29em !important;
    }
    .bw_giaithuong img {
        height: 100%;
        margin: 10px 5px 0 0;
    }
    .bw_h1text {
        font-size: 1.8em !important;
    }
    .bw_navsmall li {
        display: inline-block;
        margin-bottom: 5px;
    }
    .bw_w400 {
        max-width: 96%;
    }
    .bw_banner-text-social {
        display: block;
    }
    .bw_banner-text-social div {
        padding-top: 20px;
    }
    .bw_socal {
        flex-wrap: wrap;
    }
    .bw_socal a {
        display: block;
        width: 100%;
        margin: 7px 0;
    }
}

/* Max width 450px */

@media screen and (max-width: 450px) {
    .bw_pagin_detail {
        bottom: 31em !important;
    }
    .bw_navmobi ul li {
        width: 40%;
    }
    .bw_button_top button {
        padding: 10px 15px;
        margin-right: 10px;
    }
    .bw_button_hocau button {
        padding: 10px;
        margin-right: 3px;
    }
    .bw_h3_text span {
        font-size: 0.8em;
    }
    .bw_box_chat {
        width: 100%;
    }
    .bw_boxchat_conten {
        padding: 1em 0.8em;
    }
    .bw_tile_oder_detail div {
        flex-direction: column;
        align-items: flex-start;
    }
    .bw_tile_oder_detail div span {
        margin-bottom: 5px;
    }
    h2 {
        font-size: 1em;
    }
    .bw_tin_khac_text button {
        padding: 8px 0.5em;
        font-size: 14px;
    }
    .bw_flex_input {
        flex-direction: column;
    }
    .bw_flex_input input:last-child,
    .bw_flex_input input:first-child {
        margin-left: 0;
        margin-right: 0;
    }
    .bw_flex_input input:last-child {
        margin-top: 1em;
    }
    .bw_item_sal {
        flex-direction: column;
        text-align: center;
    }
    .bw_item_sal div:last-child {
        padding-left: 0;
        padding-top: 1em;
    }
    .bw_c60,
    .bw_c40 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .bw_code_oder span,
    .bw_code_oder i {
        display: block;
        margin-left: 0;
    }
}

@media screen and (max-width: 320px) {
    .bw_pagin_detail {
        bottom: 15.5em !important;
    }
    .bw_navmobi ul li {
        width: 100%;
    }
    .bw_h1text {
        font-size: 1.2em !important;
    }
}