#loader {
    z-index: 9999;
    display: block;
    position: fixed;
    text-align: center;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border-radius: 15%;
    color: #ed1c24;
    color: #fff;
    text-align: center;
    transition: all 0.3s;
    background: rgba(0, 0, 0, .6);
    font-size: 32px;
    line-height: 42px;
}
a,
a:active,
a:hover,
a:focus,
a:visited,
[onclick],
.btn,
.btn:active,
.btn:hover,
.btn:focus,
.btn:visited,
button,
button:active,
button:hover,
button:focus,
button:visited {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    outline: none !important;
    transition: all 0.3s ease-in-out;
}
input{
    outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
}
p{
    margin: 7px 0px;
}

img {
    max-width: 100%;
    height: auto;
}
.fa-phone{
    transform: rotate(90deg);
    margin-right: .3rem;
}
.img img {
    width: 100%;
}

html,
body {
    font-family: 'Montserrat';
    font-weight: 400;
    color: #000;
}

.bg-cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.container{
    width: 1170px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    max-width: none;
}
.sec{
    width: 100%;
    position: relative;
}

.bg_normal{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .1);
}
.banner_page {
    border-bottom: 1.111111111111111rem solid #e2e2e2;
    min-height: 21.11111111111111rem;
}
.banner_page>img.pc,.banner_page>img.mb,.home_banner .item img.pc,.home_banner .item img.mb{
    width: 100%;
}
.banner_page .mb{
    min-height: 21.11111111111111rem;
    object-fit: cover;
    object-position: center center;
}
.banner_title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    color: #fff;
    width: 100%;
}
.main_tt{
    font-size: 4em;
    font-weight: 700;
    text-transform: uppercase;
}
.text_note{
    font-size: 1.666666666666667em;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 0;
}
.main_page_sanpham .main_page_detail:nth-child(2n){
    background-color: #f3f3f3;
}
.main_page_sanpham .main_page_detail:nth-child(2n):after{
    position: absolute;
    content: "";
    width: 66.66666666666667%;
    top: -0.5555555555555556rem;
    left: 16.66666666666667%;
    height: 0.5555555555555556rem;
    background-color: #e2e2e2;
}
.main_page_detail{
    padding: 4.444444444444444rem 0 2.777777777777778rem;
    position: relative;
}

.tt_abs{
    font-size: 10em;
    color: #ededed;
    font-weight: 700;
    position: absolute;
    top: 4.8rem;
    left: 50%;
    transform: translate(-50%,0);
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: -5px;
    pointer-events: none;
    white-space: nowrap;
    /* z-index: -1; */
}
.main_page_sanpham .tt_abs{
    top: .5rem;
}
.tt_all{
    font-size: 2.5em;
    font-weight: 300;
    text-align: center;
    position: relative;
}
.tt_all span{
    font-weight: 600;
}
.list_item{
    position: relative;
}
.list_item .item{
    margin-top: 2.777777777777778rem;
    margin-bottom: 2.777777777777778rem;
    position: relative;
    padding-bottom: 0.2777777777777778rem;
}
.list_item .item:after{
    content: '';
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    bottom: 0;
    height: 0.2777777777777778rem;
    background-color: #ee2d24;
    transition: all .3s ease-in-out;
}
.list_item .link_img{
    position: relative;
    overflow: hidden;
    display: block;
}
.list_item .title_link{
    font-size: 1em;
    font-weight: 600;
    text-align: center;
    margin: 1.111111111111111rem 0;
    height: 3.1rem;
    overflow: hidden;
}
.hover_web{
    background-image: url('../images/mask_media.png');
    background-size: 100% 100%;
    transition: all .3s ease-in-out;
    opacity: 0;
}
.hover_web span{
    display: block;
    width: 3.444444444444444rem;
    height: 3.444444444444444rem;
    background-color: #ee2d24;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 100%;
    font-size: 1.222222222222222em;
    font-weight: 300;
}
.hover_web span i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.list_item .item:hover .hover_web{
    opacity: 1;
}
.list_item .item:hover:after{
    background-color: #004280;
}

.no_border{
    border: none !important;
}
.list_item_cate .tt_abs{
    color: #e2e2e2;
}
.sp_collection{
    padding-top: 3.111111111111111rem;
}
.sp_collection_bg{
    background-color: #f3f3f3;
    padding-top: 1rem;
}
.sp_collection .tt_abs{
    top: 2rem;
}
.sp_collection .main_page_detail{
    padding-top: 2rem;
}
.breadcrumb_custom{
    text-align: center;
    font-size: 1em;
}
.breadcrumb_custom .breadcrumb{
    margin: 0;
    padding: 0;
    background-color: transparent;
}
.breadcrumb_custom .breadcrumb{
    color: #ee2d24;
    font-weight: 500;
}
.breadcrumb_custom .breadcrumb-item+.breadcrumb-item{
    padding-left: 1rem;
}
.breadcrumb_custom .breadcrumb-item::before {
    display: none !important;
}
.breadcrumb_custom .breadcrumb-item+.breadcrumb-item::after{
    content: '\f054';
    font-family: "Font Awesome 5 Pro";
    font-weight:400;
    padding-left: 1rem;
    color: #c7c7c7;
}
.breadcrumb_custom .breadcrumb-item.active::after{
    display: none;
}
.breadcrumb_custom .breadcrumb-item:first-child::after{
    content: '\f054';
    font-family: "Font Awesome 5 Pro";
    font-weight:400;
    padding-left: 1rem;
    color: #c7c7c7;
}
.breadcrumb_custom .breadcrumb-item{
    padding-top: .2rem;
    padding-bottom: .2rem;
}
.breadcrumb_custom .breadcrumb{
    justify-content: center;
}
.breadcrumb-item.active {
    color: #ababab;
}
.list_4item .link_img img{
    height: 12.77777777777778rem;
}
.select_tool{
    background: url('../images/bg_tool_select.jpg') no-repeat center center;
    background-size: cover;
    padding: 1.666666666666667rem 0;
}
.select_tool form{
    display: flex;
    justify-content: center;
    margin: 0 -0.8333333333333333rem;
}
.main_select_tool{
    margin: 0 -0.8333333333333333rem;
}
.item_select{
    float: left;
    padding: 0 0.8333333333333333rem;
    width: 18%;
    font-size: 1em !important;
    outline: none;
}
.item_select .ip_select .btn{
    min-width: 100%;
    border: 1px solid #fff;
    background-color: transparent;
    border-radius: 5px;
    font-size: 0.9444444444444444em;
    font-weight: normal;
    background: url('../images/sl_down.png') no-repeat 95% center;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff !important;
    padding-top: .5rem;
}
.ip_select .badge{
    font-size: 0.9444444444444444em;
    font-weight: 400;
    padding: 0;
    vertical-align: middle;
}
.item_select .ip_select .btn:hover{
    border: 1px solid #ee2d24;
    background: url('../images/sl_down_hv.png') no-repeat 95% center;
}
.item_select .dropdown-toggle::after{
    display: none;
}
.item_select .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}
.item_select .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.item_select .bootstrap-select .dropdown-menu li {
    padding: 0 0.8333333333333333rem;
}
.item_select .dropdown-item{
    padding: 0.5555555555555556rem 0;
    border-bottom: 1px solid #ee2d24;
    color: #004280;
    font-size: 0.8888888888888889em;
    position: relative;
}
.item_select li:last-child .dropdown-item{
    border-bottom: none;
}
.item_select .dropdown-item.active{
    background-color: #fff;
    font-weight: 700;
}
.item_select .bootstrap-select .dropdown-menu li a span.check-mark {
    display: inline-block !important;
}
.item_select .bootstrap-select.show-tick .dropdown-menu .dropdown-item{
    padding-left: 1.666666666666667rem;
}
.item_select .bootstrap-select.show-tick .dropdown-menu .dropdown-item span.check-mark{
    width: 0.8888888888888889rem;
    height: 0.8888888888888889rem;
    background: #fff;
    border: 1px solid #ee2d24;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    left: 0;
}
.item_select .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{
    right: auto;
}
.item_select .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark:after{
    content: '';
    width: 0.5555555555555556rem;
    height: 0.5555555555555556rem;
    background-color: #ee2d24;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.item_select .bg_color{
    display: inline-block;
    width: 0.8888888888888889rem;
    height: 0.8888888888888889rem;
    border: 1px solid #000;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    right: 0;
}

.item_select .ip_select .btn .bg_color{
    opacity: 0 !important;
}
.item_select .select_cate .bg_color{
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0);
}
.select_submit{
    float: left;
    padding: 0 0.8333333333333333rem;
    margin: 0 0.8333333333333333rem;
    width: calc(10% - 1.666666666666667rem);
    height: 2.5rem !important;
    text-align: center;
    font-weight: 600;
    background-color: #ee2d24;
    border: 1px solid #ee2d24;
    border-radius: 5px;
    color: #fff !important;
}
.select_submit:hover{
    color: #004280 !important;
    background-color: #fff;
}
.collection_cate_div{
    padding: 1.111111111111111rem 0 0;
    text-align: center;
    background-color: #f3f3f3;
}
.collection_cate .cate_item{
    display: inline-block;
    margin: .6rem .3rem;
    height: 2.5rem;
    border-radius: 5px;
    padding: 0 2rem;
    border: 1px solid #ee2d24;
    color: #004280;
    font-size: 0.8333333333333333em;
}
.collection_cate .cate_item span{
    line-height: 2.5rem;
}
.collection_cate .cate_item:hover,.collection_cate .cate_item.active{
    background-color: #ee2d24;
    color: #fff;
}

.btn_web{
    display: inline-block;
    height: 2.5rem;
    border-radius: 5px;
    padding: 0 2rem;
    border: 2px solid #ee2d24;
    background-color: #fff;
    color: #4474a2 !important;
    font-size: 0.8333333333333333em;
}
.btn_web:hover{
    background-color: #ee2d24;
    color: #fff !important;
}
.btn_web i{
    margin-right: .3rem;
}
.btn_web span{
    line-height: 2.4rem;
}
.sp_price{
    color: #000;
    font-weight: 600;
    text-align: center;
    font-size: 1.222222222222222em;
    margin: 1rem 0 1.888888888888889rem 0;
}
.sp_detail{
    padding-top: 1.666666666666667rem;
}
.sp_detail .slick-slide img{
    margin: 0 auto;
}
.sp_detail .main_page_detail{
    padding-top: 2.777777777777778rem;
    border-bottom: 0.5555555555555556rem solid #e2e2e2;
}
.sp_detail_slider .slider-for{
    overflow: hidden;
    opacity:0;
}
.sp_detail_slider .slider-nav{
    opacity:0;
}
.sp_detail_slider .slider-nav{
    padding:0 1.222222222222222rem;
    padding:0 1.111111111111111rem;
    margin-top: 1rem;
    overflow: hidden;
}
.sp_detail_slider .slider-nav .item_thumb.slick-current:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0.2777777777777778rem;
    width: calc(100% - 0.5555555555555556rem);
    height: 3px;
    background-color: #004280;
}
.item_thumb {
    display: block;
    padding: 0 0.2777777777777778rem;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}
.item_thumb img {
    width: 100% !important;
    margin: 0 auto;
    object-position: center center;
    object-fit: cover;
}
.sp_detail_slider .slider-nav button.slick-arrow {
    position: absolute;
    z-index: 1;
    width: 1.111111111111111rem;
    height: 2rem;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    overflow: hidden;
    text-align: center;
    opacity: .7;
}
.sp_detail_slider .slider-nav button.slick-arrow:hover{
    opacity: 1;
}
.sp_detail_slider .slider-nav button.slick-arrow:before {
    display: none;
}

.sp_detail_slider .slider-nav button.slick-arrow.slick-prev {
    left: -0.1666666666666667rem;
    left:0;
    background: url('../images/prev.png') no-repeat center center;
    background-size: cover;
}
.sp_detail_slider .slider-nav button.slick-arrow.slick-next {
    right: -0.1666666666666667rem;
    right:0;
    background: url('../images/next.png') no-repeat center center;
    background-size: cover;
}
.sp_detail_slider .slider-nav .slick-current.slick-active .item_thumb:after{
    content: '';
    position: absolute;
    width: calc(100% - 0.5555555555555556rem);
    height: 2px;
    background-color: #004280;
    bottom: 0;
    left: 0.2777777777777778rem;
}
.sp_detail_tt{
    font-weight: 600;
    font-size: 1.666666666666667em;
    color: #000;
    margin-bottom: 1rem;
}
.sp_parameters{
    padding: 0.2777777777777778rem 0;
    font-size: 1em;
}
.parameters_tt{
    color: #9e9e9e;
    font-weight: 600;
    display: inline-block;
    min-width: 7.222222222222222rem;
    vertical-align: middle;
}
.parameters_txt{
    color: #000;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
}
.sp_detai_price{
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    font-size: 1.666666666666667em;
    font-weight: 600;
    color: #ee2d24;
    padding: .9rem 0;
    margin-top: 1rem;
}
.sp_detail .btn_web{
    height: 3rem;
    border: 2px solid #ee2d24;
    background-color: #fff;
    margin-top: 2rem;
    font-size: 0.9444444444444444em;
    font-weight: 700;
    color: #004280!important;
}
.sp_detail .btn_web span {
    line-height: 3rem;
}
.sp_detail .btn_web:hover{
    background-color: #ee2d24;
    color: #fff!important;
}
.sp_social{
    padding-top: 2rem;
}
.social_tt{
    display: inline-block;
    vertical-align: middle;
    color: #b9b9b9;
    font-size: 1em;
    font-weight: 600;
    margin-right: 1rem;
}
.social a{
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    border: 2px solid #9a9a9a;
    color: #9a9a9a !important;
    border-radius: 100%;
    display: inline-block;
    margin: 0 .5rem;
    font-size: 1.222222222222222em;
    vertical-align: middle;
    text-align: center;
    font-weight: 700;
}
.social a:hover,.social a.active{
    border: 2px solid #ee2d24;
    color: #ee2d24 !important;
}
.social a i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.heart .num{
    position: absolute;
    top: 50%;
    left: 3.375rem;
    transform: translate(0,-50%);
}
.sp_info_detail{
    padding: 3.666666666666667rem 0;
    background-color: #f3f3f3;
}
.sp_info_table{
    margin: 2.222222222222222rem 0;
}
.sp_detail .tt_all{
    text-align: left;
}
.sp_tbl_col{
    width: 50%;
    float: left;
    padding: 1.222222222222222rem;
    border: 1px solid #b8b8b8;
    border-top: none;
    font-size: 1em;
    color: #000;
}
.sp_tbl_row .sp_tbl_col:nth-child(1){
    background-color: #ebebeb;
    border-right: none;
    font-weight: 600;
}
.sp_tbl_row .sp_tbl_col:nth-child(2){
    background-color: #fff;
}
.sp_tbl_row:nth-child(1) .sp_tbl_col{
    border-top: 1px solid #b8b8b8;
}
.sp_main_description{
    background-color: #fff;
    padding: 1.888888888888889rem;
    margin-top: 2.222222222222222rem;
}
.sp_main_description .btn_web{
    left: 50%;
    transform: translate(-50%,0);
    position: relative;
}
.sp_description{
    font-size: 1em;
    color: #000;
}
.sp_description ol{
    padding: 0;
    list-style: none;
    margin-bottom: 2rem;
}
.sp_description ol li{
    position: relative;
    padding-left: 20px;
}
.sp_description ol li:before{
    content: "";
    position: absolute;
    top: 48%;
    left: 0;
    transform: translate(0,-50%);
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #000;
}
.sp_detail .sp_description .btn_web{
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
}
.list_item_review{
    padding: 3rem 0 0;
}
.web_slider{
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}
.web_slider .item{
    padding: 0 15px;
}
/* .web_slider.list_item .item{
    margin-bottom: 0;
} */
.web_slider button.slick-arrow {
    position: absolute;
    z-index: 1;
    width: 1.666666666666667rem;
    height: 3.111111111111111rem;
    top: 35%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    overflow: hidden;
    text-align: center;
    opacity: .7;
}
.web_slider button.slick-arrow:hover{
    opacity: 1;
}
.web_slider button.slick-arrow:before {
    display: none;
}

.web_slider button.slick-arrow.slick-prev {
    left: -3.111111111111111rem;
    background: url('../images/prev.png') no-repeat center center;
    background-size: cover;
}
.web_slider button.slick-arrow.slick-next {
    right: -3.111111111111111rem;
    background: url('../images/next.png') no-repeat center center;
    background-size: cover;
}
.slider_full_width .slick-track{
    width: 100%!important;
}
/* ============================================================================================================================== */
/* Page New */
/* ============================================================================================================================== */
.new_page_content{
    padding-bottom: 3.888888888888889rem;
}

.set_main_page{
    margin-top: 3.888888888888889rem;
    border-top: 1px solid #ccc;
    border-bottom: none;
}
.new_page_content>.sec:nth-child(2n){
    background-color: #f3f3f3;
}
.new_page_content>.sec:nth-child(2n):after{
    position: absolute;
    content: "";
    width: 66.66666666666667%;
    top: -0.5555555555555556rem;
    left: 16.66666666666667%;
    height: 0.5555555555555556rem;
    background-color: #e2e2e2;
}
.new_page_content .sec:last-child{
    /* margin-bottom: 3rem; */
}
.set_border_top{
    border-top: 1px solid #c6c6c6;
}
.set_border_bt{
    border-bottom: 0.5555555555555556rem solid #e2e2e2;
}
.list_new{
    padding: 3.611111111111111rem 0 1.944444444444445rem;
}
.list_new .item{
    margin: 1.944444444444445rem 0;
}
.list_new .link_img{
    display: block;
    position: relative;
}
.list_new .link_img img{
    width: 100%;
    object-position: center center;
    object-fit: cover;
}

.date{
    position: absolute;
    bottom: 1.666666666666667rem;
    right: 1.666666666666667rem;
    background-color: #004280;
    color: #99b3cc;
    padding: .8rem .5rem;
    border-radius: 5px;
    font-size: 0.8333333333333333em;
    text-align: center;
}
.date span{
    display: block;
    font-weight: 600;
}
.date span.dd{
    font-size: 1.777777777777778em;
    font-weight: 700;
    color: #fff;
    font-family: 'Lato', sans-serif;
}
.new_tt{
    font-size: 1.555555555555556em;
    color: #000;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 2rem;
    margin-bottom: 20px;
}
.new_tt:hover{
    color: #004280;
}
.new_cate{
    display: inline-block;
    padding: 0.5rem 2rem;
    background-color: #e2e2e2;
    border: 1px solid #e2e2e2;
    color: #919191;
    font-size: 0.8333333333333333em;
    border-radius: 5px;
    margin: 1rem 0 1.555555555555556rem;
}
.new_cate:hover{
    background-color: transparent;
}
.new_des{
    color: #000;
    font-size: 1.055555555555556em;
    height: 4.8rem;
    overflow: hidden;
}
.view_more{
    font-size: 0.9444444444444444em;
    color: #004280;
    font-weight: 500;
    display: block;
    margin-top: 1.5rem;
}
.view_more span{
    display: inline-block;
    vertical-align: middle;
}
.view_more span.new_icon{
    width: 1.333333333333333rem;
    height: 1.333333333333333rem;
    border-radius: 100%;
    border: 1px solid #ababab;
    margin-right: 0.5555555555555556rem;
    text-align: center;
    font-size: .8em;
    color: #ababab;
    padding-top: .1rem;
}
.view_more:hover{
    color: #ee2d24;
}
.view_more:hover span.new_icon{
    border: 1px solid #ee2d24;
    color: #ee2d24;
}
.bg_div{
    background-color: #f3f3f3;
}
.new_page .btn_web{
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
    margin-top: 0;
    font-weight: 600;
}
.new_page .hover_web{
    opacity: 1;
}
.new_page .hover_web span{
    width: 5rem;
    height: 5rem;
    background-color: transparent;
    border: 3px solid #ee2d24;
}
.new_page .hover_web span.icon_play img{
    left: 54%;
}
.new_page .hover_web span img{
    width: 1.555555555555556rem;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.new_page .hover_web:hover span{
    background-color: #ee2d24;
}
.list_new_media .hover_web{
    background-image: none;
    background-color: transparent;
}
.list_new_media .hover_web:hover{
    background-image: url("../images/mask_media.png");
}
.new_page .main_page_detail{
    padding-bottom: 6.666666666666667rem;
}
.new_info_detail{
    padding: 2.222222222222222rem 0 3.888888888888889rem;
    border-bottom: 0.5555555555555556rem solid #e2e2e2;
}
h1.new_tt {
    font-size: 2em;
    line-height: 1.5;
    margin-top: 0;
    height: auto;
    padding-right: 5rem;
}
.new_info_detail .date{
    top: 2.222222222222222rem;
    right: 0;
    left: auto;
    bottom: auto;
}
.time_and_cate{
    padding: 1.4rem 0;
}
.time_and_cate span{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.8333333333333333em;
    color: #919191;
}
.time_and_cate .new_cate{
    margin: 0 0 0 2rem;
}
.new_content_txt{
    font-size: 1em;
    color: #000;
}
.new_content_txt img{
    margin-bottom: 1rem;
}
.set_padding{
    padding-top: 4.444444444444444rem;
}
.set_padding .list_new{
    padding-top: 2.777777777777778rem;
}
.new_page_detail .set_padding .list_new{
    padding-top: 0;
}
.media_slider{
    opacity:0;
}
.media_slider.list_item .link_img>img{
    height: 30rem;
}
.media_slider.list_item .item:after{
    display: none;
}
.media_page.new_page .hover_web {
    opacity: 0;
}
.media_page.new_page .item:hover .hover_web {
    opacity: 1;
}
.hover_web .new_tt{
    position: absolute;
    color: #fff;
    bottom: 2.222222222222222rem;
    left: 2.222222222222222rem;
    height: auto;
    background: transparent;
    margin: 0;
    font-size: 2em;
    width: calc(100% - 4.444444444444444rem);
}
.media_slider .hover_web{
    width: calc(100% - 30px);
    left: 15px;
}
.media_slider .hover_web .link_img{
    position: absolute;
    width: 100%;
    height: 100%;
}
.web_slider.media_slider button.slick-arrow{
    top: 50%;
}
.web_slider.media_slider button.slick-arrow.slick-prev {
    left: 13%;
    background: url('../images/media_prev.png') no-repeat center center;
    background-size: cover;
}
.web_slider.media_slider button.slick-arrow.slick-next {
    right: 13%;
    background: url('../images/media_next.png') no-repeat center center;
    background-size: cover;
}
.new_page .photo .main_page_detail{
    padding-bottom: 4rem;
    border-bottom: 0.5555555555555556rem solid #e2e2e2;
}
.new_page .video .main_page_detail{
    padding-bottom: 4rem;
}
.media_detail{
    padding: 2.222222222222222rem 0 3.888888888888889rem;
}
.photo_detail .new_content_txt{
    padding: 2.333333333333333rem 0 1.388888888888889rem;
}
.photo_tool{
    position: absolute;
    top: 2.333333333333333rem;
    right: 0;
    text-align: right;
    font-size: 0.9444444444444444em;
}
.link_down{
    color: #fff !important;
    font-weight: 500;
    background-color: #ee2d24;
    border-radius: 5px;
    border: 1px solid #ee2d24;
    padding: .3rem 1rem;
    display: block;
    margin-bottom: .5rem;
}
.link_down:hover{
    background-color: #fff;
    color: #ee2d24 !important;
}

.count_photo img{
    vertical-align: middle;
    display: inline-block;
    width: 1.222222222222222rem;
    margin-right: .5rem;
}
.count_photo span{
    display: inline-block;
    vertical-align: middle;
    color: #b2b2b2;
}
.popup_thumb{
    margin:0!important;
    width: 55.20833333333333vw;
    padding: 0 !important;
    background-color: transparent !important;
    overflow-x: hidden;
}
/* .popup_thumb .container-fluid{
    overflow-x: hidden;
} */
.popup_thumb .popup_head{
    padding: 2.222222222222222rem;
    background-color: #fff;
}
.popup_thumb .popup_head .photo_tool{
    right: 2.222222222222222rem;
}
.photo_slider{
    margin-left: 0;
    margin-right: 0;
}
.photo_slider .item{
    padding: 0;
}
.photo_slider .slider-for .item img{
    height: 31.66666666666667rem;
    width: 100%;
    object-position: center center;
    object-fit: cover;
}
.photo_slider .slider-nav{
    padding-top: .5rem;
}
.photo_slider .slider-nav .item_thumb{
    background-color: transparent;
}
.photo_slider .slider-nav .item_thumb img{
    height: 6.111111111111111rem !important;
    width: 100%;
    object-position: center center;
    object-fit: cover;
}
.web_slider.photo_slider button.slick-arrow{
    top: 50%;
    width: 1.166666666666667rem;
    height: 2rem;
}
.web_slider.photo_slider button.slick-arrow.slick-prev {
    left: -3rem;
    background: url('../images/media_prev.png') no-repeat center center;
    background-size: cover;
}
.web_slider.photo_slider button.slick-arrow.slick-next {
    right: -3rem;
    background: url('../images/media_next.png') no-repeat center center;
    background-size: cover;
}
.photo_slider .slider-nav .item_thumb.slick-current:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0.2777777777777778rem;
    width: calc(100% - 0.5555555555555556rem);
    height: 3px;
    background-color: #004280;
}
.video_page .tt_abs{
    top: .9rem;
}
.video_detail .social{
    padding: 2.222222222222222rem 0;
}
.video_detail .photo_tool{
    top: 7.6rem;
}
.video_detail .btn_web{
    margin-top: 0;
    font-weight: 600;
}
.popup_thumb{
    overflow: visible !important;
    z-index: 99999;
}
/* ============================================================================================================================== */
/* Page Intro */
/* ============================================================================================================================== */
.list_new_intro{
    padding-bottom: 3.611111111111111rem;
}
.list_new_intro.list_new .link_img img{
    height: auto;
}
.intro_main_content>.sec:nth-child(2n+1){
    background-color: #f3f3f3;
}
.intro_main_content>.sec:nth-child(2n+1):after{
    position: absolute;
    content: "";
    width: 66.66666666666667%;
    top: -0.5555555555555556rem;
    left: 16.66666666666667%;
    height: 0.5555555555555556rem;
    background-color: #e2e2e2;
}
.intro_images{
    width: 56.25%;
    float: left;
}
.intro_info{
    width: 43.75%;
    float: right;
    padding-left: 3.333333333333333rem;
}
.intro_info .new_tt{
    margin-top: 0;
    height: auto;
    margin-bottom: 2rem;
}
.intro_detail .new_tt{
    font-weight: 700;
}
.intro_detail{
    padding: 5rem 0;
}
.intro_detail .social{
    margin-top: 2.222222222222222rem;
}
.intro_content{
    margin-top: 2.222222222222222rem;
    font-size: 1em;
    color: #000;
    padding-bottom: .5rem;
}
.intro_content img{
    width: 100%;
    margin: 1rem 0;
}
/* ============================================================================================================================== */
/* Page Liên hệ */
/* ============================================================================================================================== */
.banner_contact{
    background: url('../images/bn_lienhe.jpg') no-repeat center center;
    background-size: cover;
}
.contact_info{
    padding: 4.444444444444444rem 0 5.555555555555556rem;
    border-bottom: 0.5555555555555556rem solid #e2e2e2;
}
.contact_item{
    position: relative;
    padding-bottom: 5rem;
}
.contact_item h2{
    font-size: 1.222222222222222em;
    font-weight: 600;
    color: #004280;
    margin-bottom: 1.444444444444444rem;
    text-transform: uppercase;
}
.contact_item h3{
    color: #000;
    font-weight: 700;
    font-size: 1.333333333333333em;
    margin-bottom: .5rem;
}
.contact_item p{
    font-size: 1em;
    color: #000;
    font-weight: 500;
}
.contact_item p span{
    display: inline-block;
    /*min-width: 6.666666666666667rem;*/
    min-width:6.2rem;
    color: #b9b9b9;
}
.contact_item p.set_width_label{
    white-space: nowrap;
}
.contact_item p.set_width_label span{
    /*min-width: auto;*/
    /*margin-right: .5rem;*/
}
.contact_item p a{
    font-weight: 700;
    color: #ee2d24;
}
.contact_item p a:hover{
    color: #004280;
}
.contact_item .btn_web{
    padding: 0 4rem;
    border: 2px solid #ee2d24;
    background-color: #fff;
    color: #4474a2;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    left: 15px;
}
.contact_item .btn_web i{
    margin-right: 0.8888888888888889rem;
}
.contact_item .btn_web:hover{
    background-color: #ee2d24;
    color: #fff;
}
.form_contact{
    padding: 3.055555555555556rem 0;
}
.form_contact h2{
    font-size: 1.333333333333333em;
    color: #000;
    font-weight: 700;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.form_div {
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 1.111111111111111rem;
}
.form_div input {
    margin: 0;
    padding: 0 1.111111111111111rem;
    outline: none;
    font-size: 1em;
    width: 100%;
    color: #000;
    -webkit-tap-highlight-color: transparent;
    padding-top: 1rem;
    font-weight: 700;
    height: 3rem;
    border: 2px solid #c6c6c6;
    background-color: #fff;
    border-radius: 5px;
}
.label {
    font-size: 1em;
    position: absolute;
    left: 1.111111111111111rem;
    top: .7rem;
    transition: 0.2s cubic-bezier(0, 0, 0.3, 1);
    pointer-events: none;
    color: #919191;
    user-select: none;
    font-weight: 600;
}

.form_div input:focus ~ .label,.form_div textarea:focus ~ .label,.custom_input_style .label,.custom_input_style textarea .label{
    font-size: 0.7777777777777778em;
    top: .2rem;
}
.form_div input:focus,.form_div textarea:focus,.custom_input_style input,.custom_input_style textarea{
    border: 2px solid #ee2d24 !important;
}
.form_left{
    float: left;
    padding-right: 1rem;
    width: 50%;
}
.form_left .form_div:last-child{
    margin-bottom: 0;
}
.form_right{
    float: right;
    padding-left: 1rem;
    width: 50%;
}
.form_contact form{
    margin-top: 3rem;
}
.form_div textarea{
    margin: 0;
    padding: 0 1.111111111111111rem;
    outline: none;
    font-size: 1em;
    width: 100%;
    color: #000;
    -webkit-tap-highlight-color: transparent;
    padding-top: 1rem;
    font-weight: 700;
    height: 15.33333333333333rem;
    border: 2px solid #c6c6c6;
    background-color: #fff;
    border-radius: 5px;
}
.form_note{
    font-size: 1em;
    color: #919191;
    margin-top: 1rem;
    font-weight: 600;
}
.form_control{
    width: 100%;
    float: left;
    padding-top: 2rem;
}
.capcha{
    width: 50%;
    padding-right: 1rem;
    text-align: right;
    float: left;
}
.capcha .g-recaptcha>div{
    transform: scale(.9) translate(5%,0);
    float: right;
}
.btn_div{
    float: right;
    width: 50%;
    padding-left: 1rem;
    position: relative;
}
.btn_div .btn_web{
    margin-top: 0;
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translate(0,-50%);
    background-color: #fff;
    font-weight: 700;
    color: #4474a2;
}
.btn_div .btn_web:hover{
    background-color: #ee2d24;
    color: #fff;
}
.popup_contact{
    width: 46.38888888888889rem;
    padding: 0 !important;
}
.popup{
    font-family: 'Montserrat' !important;
}
.popup_contact .popup_head{
    height: 8.888888888888889rem;
    background: url('../images/bg_ppcontact.jpg') no-repeat center center;
    background-size: cover;
    position: relative;
}
.popup_contact .pp_title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 3.333333333333333em;
    color: #ee2d24;
    font-weight: 700;
    text-transform: uppercase;
}
.popup_contact .popup_content{
    padding: 3rem;
    text-align: center;
    font-size: 1.222222222222222em;
    color: #000;
    font-weight: 700;
}
.popup_contact .popup_content a{
    color: #004280;
}
.td_content p strong{
    color: #004280;
}
.popup_tuyendung{
    padding: 2.777777777777778rem 1.111111111111111rem !important;
    width: 46.66666666666667rem;
}
.popup_tuyendung .popup_head{
    text-align: center;
    padding-bottom: 1.111111111111111rem;
}
.popup_tuyendung .popup_head h1{
    font-size: 2em;
    font-weight: 700;
}
.popup_tuyendung .popup_head p{
    font-size: 1.333333333333333em;
    color: #919191;
    margin-bottom: 0;
}
.popup_tuyendung .form_div{
    width: calc(50% - 2.222222222222222rem);
    float: left;
    margin: 0.5555555555555556rem 1.111111111111111rem ;
}
.select_form_pages .item_select{
    width: 100%;    
}
.select_form_pages .bootstrap-select .bs-ok-default:after{
    display: none !important;
}
.select_form_pages .item_select .ip_select .btn{
    height: 3rem !important;
    padding: 0 1.111111111111111rem;
    padding-top: .8rem;
    font-family: 'Montserrat';
}
.select_form_pages .main_select_tool {
    margin: 3.5em 0 0;
}
.select_form_pages .btn-outline-light{
    font-weight: 600;
}
.nhut_style .select_form_pages .btn-outline-light:hover{
    background-color: transparent !important;
}
.form_div.select_form_pages .item_select{
    padding: 0;
}
.form_div.select_form_pages .item_select .ip_select .btn{
    border: 2px solid #c6c6c6;
    color: #000 !important;
    background: url('../images/pp_down.png') no-repeat 95% center;
    background-size: 6%;
}
.form_div.select_form_pages .main_select_tool{
    margin-top: 0;
}
.upload_file input[type='file']{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    padding: 0;
    z-index: 1;
}
.upload_file input[type='file']:focus + .file-input {
    border-color: #ee2d24;
    color: #333333;
}
.upload_file .file_input {
    display: block;
    position: relative;
    height: 3rem;
    padding: 0 1.111111111111111rem;
    padding-top: .6rem;
    font-size: 1.111111111111111em;
    cursor: pointer;
    border: 2px solid #c6c6c6;
    border-radius: 5px;
    background: #fff;
    user-select: none;
    appearance: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    background: url('../images/file_upload.png') no-repeat 95% center;
}
.upload_file .file_input:hover {
    border-color: #ee2d24;
    color: #919191;
    outline: none;
}
.upload_file .file_input[disabled] {
    cursor: wait;
}
.lb_td_note{
    margin: 0;
    font-size: 0.8888888888888889em;
    color: #919191;
    /* height: 3rem; */
    overflow: hidden;
}
.popup_btn_div{
    width: 100%;
    float: left;
    padding: 2.222222222222222rem 0 0.5555555555555556rem;
}
.popup_btn_div .btn_web{
    margin-top: 0;
    font-size: 0.9444444444444444em;
    padding: 0 1rem;
    height: 3rem;
    font-weight: 600;
}
.popup_btn_div .btn_web span{
    line-height: 2.7rem;
}
.menu_nav_top .nav-item.active .nav-link span,.menu_nav_top .nav-item:hover .nav-link span{
        color: rgb(0, 66, 128);
}
.map_store{
    display: flex;
    padding-bottom: 33.33333333333333%;
}
.store_select_tool{
    padding: 3.888888888888889rem 0;
}
.store_select_tool .item_select{
    width: 25%;
}
.store_select_tool .select_submit{
    width: calc(25% - 1.666666666666667rem);
}
.addres_store_location{
    background: url('../images/icon_map.png') no-repeat 95% center;
    background-size: 6%;
    display: block;
    margin: 0;
    font-size: 0.9444444444444444em;
    border: 1px solid #fff;
    color: #fff!important;
}
.addres_store_location:hover{
    background: url('../images/icon_map_hv.png') no-repeat 95% center;
    background-size: 6%;
    background-color: transparent;
    border: 1px solid #ee2d24;
}
.store_div_tt{
    padding: 4.444444444444444rem 0 0;
    position: relative;
}
/* .store_content>.sec:first-child .main_page_store{
    padding-top: 4.444444444444444rem;
} */
.store_content>.sec:first-child .main_page_detail{
    padding-top: 0;
}
.store_content>.sec:nth-child(2n){
    background-color: #f3f3f3;
}
.store_content>.sec:nth-child(2n):after{
    position: absolute;
    content: "";
    width: 66.66666666666667%;
    top: -0.5555555555555556rem;
    left: 16.66666666666667%;
    height: 0.5555555555555556rem;
    background-color: #e2e2e2;
}
.main_page_store{
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.store_list .contact_item {
    margin-top: 2.777777777777778rem;
    margin-bottom: 2.777777777777778rem;
    position: relative;
    padding-bottom: 0;
}
.store_list .contact_item h2{
    margin-bottom: 1rem;
    text-transform: uppercase;
}
.store_list .contact_item h3{
    height: 4rem;
    overflow: hidden;
}
.store_list .contact_item .store_address{
    height: 4.6rem;
    overflow: hidden;
}
.store_list .contact_item .btn_web{
    position: relative;
    bottom: auto;
    left: auto;
    padding: 0 1rem;
    margin: 3rem 2px 1rem;
}
.set_padding_store .main_page_store{
    padding-top: 2rem;
}
.store_viewmore{
    border-top: 1px solid #e1e1e1;
    padding: 3rem 0;
    text-align: center;
}
.store_viewmore .btn_web{
    margin: 0 auto;
    font-weight: 600;
    background-color: #fff;
    color: #004280;
}
.store_viewmore .btn_web:hover{
    background-color: #ee2d24;
    color: #fff;
}
.pp_head_store.contact_item p span{
    min-width: auto;
    margin-right: .5rem;
}
.contact_item .btn_web.pp_btn_store{
    position: absolute;
    top: 0;
    right: 2.222222222222222rem;
    left: auto;
    bottom: auto;
    padding: 0 1rem;
}
.popup_thumb  .pp_head_store {
    padding: 1rem 2.222222222222222rem;
}
.popup_content{
    min-height: 10rem;
    position: relative;
}
.no_content{
    padding: 4rem 1rem;
    text-align: center;
    font-weight: 700;
    font-size: 1.5em;
    margin: 0 auto;
    text-align: center;
}
.store_content .no_content{
    position: relative;
}
.popup_thumb .no_content{
    background-color: #f5f0f0;
}
/* .popup_thumb .popup_content{
    background-color: #f5f0f0;
} */
.pp_head_store .social{
    position: absolute;
    top: 6.5rem;
    right: 2.222222222222222rem;
}
.store_btn .btn_web,.pp_btn_store{
    color: #004280!important;
}
.store_btn .btn_web:hover,.pp_btn_store:hover{
    color: #fff!important;
}
.btn_web>img{
    margin-right: .5rem;
}
.btn_web>img.icon_map{
    width: 1rem;
}
.store_btn .btn_web:hover img,.pp_btn_store:hover img{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.btn_web>img.icon_cam{
    width: 1.222222222222222rem;
}
#map_pp{
    min-height: 27.77777777777778rem;
}
.map_banner{
    padding: 1.666666666666667rem 2.444444444444444rem;
}
.map_banner .contact_item{
    padding-bottom: 0;
}
.map_banner .contact_item .btn_web{
    position: relative;
    bottom: auto;
    left: auto;
    margin: 1rem 0;
    font-size: 1em;
}

.set_margin{
    margin-top: 3rem  !important;
}
.no_padding_bottom{
    padding-bottom: 0 !important;
}
.wap_list_faq .card{
    border: none;
}
.wap_list_faq .card-header{
    border-bottom: none;
    position: relative;
}
.wap_list_faq .card-header:after{
    content: "";
    position: absolute;
    width: 66.66666666666667vw;
    left: 16.66666666666667vw;
    bottom: 0;
    height: 1px;
    background-color: #e1e1e1;
}
.wap_list_faq .list_page_collapes .td_title span{
    text-transform: inherit;
    vertical-align: middle;
    float: none;
    display: block;
    padding-left: 2.611111111111111rem;
    padding-top: .2rem;
}
.wap_list_faq .list_page_collapes .td_title {
    margin-bottom: 2em;
}
.wap_list_faq .list_page_collapes .td_title i{
    font-size: 1.777777777777778em;
    vertical-align: middle;
    color: #ee2d24;
    float: left;
    width: 2.611111111111111rem;
}
.wap_list_faq .list_page_collapes .card-header{
    padding-bottom: 1.5rem;
}
.support_div{
    padding: 3rem 0;
    border-bottom: 1px solid #e1e1e1;
}
.suport_content{
    background-color: #f6f6f6;
    padding: 1rem;
    text-align: center;
    height: 100%;
    position: relative;
}
.support_tt{
    color: #004280;
    text-transform: uppercase;
    font-size: 1.333333333333333em;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.611111111111111rem;
}
.support_div .item{
    margin-top: 1rem;
}
.suport_content h2{
    color: #004280;
    text-transform: uppercase;
    font-size: 1.333333333333333em;
    font-weight: 700;
    margin: 1rem 0;
}
.suport_content .btn_web{
    font-weight: 600;
    margin-top: 0;
}
.suport_content img{
    width: 3.555555555555556rem;
}
.suport_content p{
    margin-bottom: 0;
    font-size: 1em;
    color: #000;
}

.wap_list_faq{
    padding-bottom: 5rem;
}
.wap_list_faq .viewmore_pages.btn_web{
    margin-top: 2.5rem;
    margin-bottom: 0;
}
.faq_banner .banner_head{
    text-align: center;
}
.faq_banner.home_banner .home_banner_info>.container {
    padding-top: 6.388888888888889em;
}
.faq_banner.home_banner .home_banner_info .banner_head span {
    font-size: 4em;
}
.welcome{
    padding: 0;
    height: 100vh;
    width: 100vw;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
}
.welcome_left{
    width: 50%;
    float: left;
    height: 100vh;
    position: relative;
    padding-left: 6.666666666666667rem;
}
.logo_welcome{
    position: absolute;
    top: 4.444444444444444rem;
    left: 6.666666666666667rem;
}
.welcome_right{
    width: 50%;
    float: left;
    height: 100vh;
}
.welcome_right img{
    width: 100%;
    display: none;
}
.welcome_content{
    padding-top: 20rem;
}
.welcome_txt{
    font-size: 1.333333333333333em;
    color: #fff;
    margin-bottom: 2.777777777777778rem;
}
.welcome_txt span{
    display: block;
}
.welcome_content .item_select{
    width: 13.61111111111111rem;
}
.welcome_content .select_submit {
    width: calc(8.333333333333333rem);
}
.welcome_content .bootstrap-select .bs-ok-default:after{
    display: none;
}
.welcome_content .item_select .dropdown-item {
    padding: 0.3rem 0;
    border-bottom: 1px solid transparent;
    text-transform: uppercase;
}
.tooltip.show{
    z-index: 99999 !important;
}
#popupGalleryContent .new_content_txt{
    padding: 1.5rem 0 0.5rem;
}
#popupThumbStoreImgs .no_content{
    margin-top: -.5rem;
}
.sp_collection_bg .tt_abs,.main_page_sanpham .main_page_detail:nth-child(2n) .tt_abs,.bg_div .tt_abs{
    color: #e2e2e2;
}
.pp_store_info .pc{
    display: inline-block !important;
    margin: 0 !important;
}
.pp_store_info{
    font-size: 1em;
    color: #000;
    font-weight: 500;
}
.pp_store_info span{
    display: inline-block;
    color: #b9b9b9;
    margin-right: .5rem;
}
.pp_store_info a {
    font-weight: 700;
    color: #ee2d24;
}
.fancybox-slide--image {
    padding: 80px 0!important;
}
.fancybox-slide--image .fancybox-content {
    margin-bottom: 0!important;
}
.fancybox-show-thumbs .fancybox-inner{
    right: 0 !important;
}
.fancybox-thumbs {
    top: auto !important;
    width: auto !important;
    bottom: 0px !important;
    left: 50% !important;
    right: auto !important;
    height: 80px !important;
    transform: translate(-50%,0) !important;
    background: transparent !important;
}

.fancybox-thumbs-x .fancybox-thumbs__list{
    width: auto !important;
}
#popupMessageContent{
    min-height: auto;
}
.popup_head h1.new_tt{
    padding-right: 8.5rem;
}
.photo_detail h1.new_tt{
    padding-right: 8.5rem;
}
/* ================================================================================================== */
/* Page 404*/
/* ================================================================================================== */
.body_404{
    padding-top: 0 !important;
}
.main-404{
    height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.main-404-dt{
    position: absolute;
    width: 50%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #2f4727;
    text-align: center;
}
.main-404-dt .img{
    width: 45.44444444444444rem;
    display: block;
    margin: 0 auto;
}
.txt-404{
    font-size: 1.333333333333333rem;
    font-style: italic;
    font-weight: 400;
    margin: 3rem auto;
}
.txt-404 span{
    font-size: 1.666666666666667rem;
    font-style: normal;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
}
.visit-home{
    padding: 1rem 3rem;
    font-size: 1.11rem;
    text-transform: uppercase;
    position: relative;
    border: 1px solid #2f4727;
    background: #fff;
    display: inline;
    border-radius: 100px;
}
.visit-home:hover{
    background: #2f4727;
    color: #fff !important;
}
.fancybox-close-small{
    color: #c6c6c6 !important;
}
.embed-responsive{
    margin: 1rem 0;
}
.new_content_txt p>iframe{
    margin: 2rem 0;
    max-width: 100% !important;
}
.new_content_txt .embed-responsive{
    margin: 2rem 0;
}
.new_content_txt figure img{
    margin-bottom: 0;
}
.new_content_txt figure figcaption{
    background-color: #eeeeee;
    padding: 1rem 0;
}
/* ================================================================================================== */
/* Giỏ Hàng */
/* ================================================================================================== */
.page_giohang{
    background-color: #f3f3f3;
}
.page_giohang>.container{
    padding: 1.666666666666667rem 0;
}

.page_tt{
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    color: #fff;
    width: 100%;
    text-align: center;
}

.table-page{
    padding: 1rem;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(239,236,231,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(239,236,231,1);
    box-shadow: 0px 0px 5px 0px rgba(239,236,231,1);
}
.table-page ul{
    padding: 0;
    float: left;
    width: 100%;
}
.table-page ul li{
    position: relative;
    list-style: none;
    border-top: 1px solid #d7d7d7;
    padding: 1rem 0;
}
.table-page ul li:last-child{
    border-bottom: 1px solid #d7d7d7;
}
.table-page p{
    margin: 0;
    max-height: none;
    overflow: inherit;
}
.table-page .tbl_empty{
    text-transform: uppercase;
    font-size: 1.3em;
}
.table-page .list-note {
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.table-page  .list-view {
    font-weight: 600;
    color: #000;
    font-size: 0.7777777777777778rem;
    max-height: 3.5rem;
    overflow: hidden;
    margin-bottom: 0;
}
.tbl-tt{
    padding-bottom: 1rem;
    border-top: 1px solid transparent !important;
    padding-top: 0 !important;
}
.tbl-tt p{
    font-size: 1rem;
    color: #004280;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.tbl-name{
    width: 48%;
    float: left;
    text-align: left;
}
.tbl-num{
    width: 16%;
    float: left;
    position: relative;
}
.table-page .price{
    text-transform: uppercase;
}
.close{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    color: #2f4727;
    font-size: 1.5rem;
}
.tbl-img{
    display: block;
    float: left;
}
.tbl-img img{
    object-fit: cover;
    object-position: center center;
    width: 11.11111111111111rem;
    height: 8.222222222222222rem;
}
.tbl-info.list-info{
    float: none;
    padding: 0 0 0 12rem  !important;
}

.tbl-info.list-info .list-tt{
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: .2rem;
    font-size: 0.8888888888888889rem;
    font-weight: 700;
    color: #000 !important;
    text-transform: uppercase;
    display: block;
    overflow: hidden;
}
.tbl-price{
    width: 18%;
    position: absolute;
    top: 0;
    left: 48%;
    height: 100%;
}
.tbl-num{
    width: 16%;
    position: absolute;
    top: 0;
    left: 66%;
    height: 100%;
}
.tbl-sum{
    width: 18%;
    position: absolute;
    top: 0;
    left: 82%;
    height: 100%;
}
.tbl-price,.tbl-num,.tbl-sum{
    text-align: center;
}
.tbl-price .price,.tbl-sum .price{
    font-size: 1rem !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0 !important;
    width: 100%;
    font-weight: 700;
    color: #ee2d24;
}
.tbl-info .price{
    font-weight: 700;
    color: #004280;
}
.tbl-num .detai-buy{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0 !important;
    width: 100%;
}
.detai-buy input{
    width: 1.944444444444444em;
    height: 1.944444444444444em;
    background-color: #004280;
    color: #fff;
    border: none;
    text-align: center;
    font-weight: 700;
}
.tbl-num .icon{
    margin-right: 0;
    margin-left: 0;
}
.tool-price{
    width: 50%;
    float: right;
    padding-top: 1.5rem;
}
.price-full{
    font-weight: 700;
    font-size: 1rem;
}
.tool-price p{
    color: #000;
    font-size: 0.8888888888888889em;
}
.tool-price p:nth-child(2){
    color: #000;
}
.price-full span{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.price-full span.tool-price-num{
    text-align: right;
    color: #ee2d24;
}
.tool-price-num{
    font-size: 1.333333333333333em;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
}
.tool-price .list-btn{
    width: 100%;
}
.tool-price .list-btn .btn_web{
    display: block;
    min-width: 49%;
    width: 49%;
    float: left;
    font-weight: 700;
    text-align: center;
    color: #004280!important;
}
.tool-price .list-btn .btn_web:hover{
    color: #fff !important;
}
.tool-price .list-btn .btn_web:nth-child(2){
    float: right;
}
span.tt-mobile{
    display: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.555555555555556rem;
    color: #004280;
}

.sec_notif{
    padding: 3.333333333333333rem 1rem;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(239,236,231,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(239,236,231,1);
    box-shadow: 0px 0px 5px 0px rgba(239,236,231,1);
}
.notification{
    height: calc(100vh - 9rem);
    padding-top: 4.72rem;
}
.notif_box{
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
h2.notif_tt{
    font-size: 1.333333333333333rem;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 0.8888888888888889rem;
    margin: 0.8888888888888889rem auto;
    position: relative;
    color: #2f4727;
    line-height: 1.5;
}
h2.notif_tt:after{
    position: absolute;
    content: "";
    width: 8.611111111111111rem;
    height: 3px;
    background-color: #2f4727;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
}
.notif_logo{
    width: 4.722222222222222rem;
    height: auto;
}
.notif_txt{
    font-size: 1rem;
    color: #2f4727;
    margin: 0 auto;
    line-height: 1.5;
}
.notif_txt span{
    text-transform: uppercase;
    display: block;
}

.notif_btn .btn_web{
    display: inline-block;
    margin: 0 2%;
    color: #004280!important;
    font-weight: 700;
}
.notif_btn .btn_web:hover{
    color: #fff !important;
}
.success_txt span{
    display: inline-block;
    font-weight: 700;
}
.table-page .num {
    width: 2rem;
    height: 2rem;
    border: 2px solid #b6b6b6;
    background-color: #fff;
    font-size: 0.9444444444444444em;
    font-weight: 700;
    color: #00427d!important;
    line-height: 1.8rem;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
}
.table-page .icon {
    display: inline-block;
    margin: 0 0.4444444444444444rem;
    vertical-align: middle;
    color: #9f9f9f;
    font-size: 0.8888888888888889em;
}
.table-page .icon i{
    font-weight: 400;
}
.table-page .icon:hover{
    color: #a0936f;
}
.notif_page{
    background-color: #f3f3f3;
    padding: 0 0 1.666666666666667rem 0;
}
.sec_notif{
    padding: 3.333333333333333rem 1rem;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(239,236,231,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(239,236,231,1);
    box-shadow: 0px 0px 5px 0px rgba(239,236,231,1);
}
.notification{
    height: calc(100vh - 9rem);
    padding-top: 4.72rem;
}
.notif_box{
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
h2.notif_tt{
    font-size: 1.333333333333333rem;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 0.8888888888888889rem;
    margin: 0.8888888888888889rem auto;
    position: relative;
    color: #004280;
    line-height: 1.5;
}
h2.notif_tt:after{
    position: absolute;
    content: "";
    width: 8.611111111111111rem;
    height: 3px;
    background-color: #004280;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
}
.notif_logo{
    width: 4.722222222222222rem;
    height: auto;
}
.notif_txt{
    font-size: 1rem;
    color: #000;
    margin: 0 auto;
    line-height: 1.5;
}
.notif_txt span{
    text-transform: uppercase;
    display: block;
}
.notif_btn{
    width: auto;
    margin-top: 2rem;
}
.notif_btn .btn span{
    margin-left: .5rem;
    font-weight: 700;
}
.success_txt span{
    display: inline-block;
    font-weight: 700;
}
.success_txt a{
    font-weight: 700;
    color: #000;
}
.notif_page .banner_page{
    margin-bottom: 1.666666666666667rem;
}
.sp_detail_order{
    padding-top: 2rem;
}
.sp_detail_order_num{
    float: left;
}
.sp_detail_order_num .tt_num_order{
    font-size: 0.9444444444444444em;
    color: #9f9f9f;
    font-weight: 600;
}
.sp_detail_order_num .icon{
    margin: 0 0.4444444444444444rem;
    vertical-align: middle;
    color: #9f9f9f;
    font-size: 0.8888888888888889em;
}
.sp_detail_order_num .icon:hover{
    color: #00427d;
}
.sp_detail_order_num .icon i{
    font-weight: 400;
}
.sp_detail_order_num .num{
    height: 3rem;
    width: 3rem;
    border: 2px solid #b6b6b6;
    background-color: #fff;
    font-size: 0.9444444444444444em;
    font-weight: 700;
    color: #00427d!important;
    line-height: 3rem;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
}
.sp_detail_order_btn{
    float: right;
}
.sp_detail_order_btn .btn_web{
    padding: 0 .9rem;
    margin-top: 0;
}
.sp_detail_order_btn .btn_web img{
    width: 1.388888888888889rem;
    height: auto;
}
.sp_detail_order_btn .btn_web:hover img{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.back_top{
    position: fixed;
    right: 35px;
    bottom: 90px;
    z-index: 100;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid rgb(145, 145, 145);
    background-color: rgb(145, 145, 145);
    color: #fff !important;
    font-size: 19px;
    font-weight: 400;
    text-align: center;
    padding-top: 5px;
    opacity: 0;
    transition: all .3s ease-in-out;
}

body.sticky .back_top{
    opacity: 1;
}
body.sticky .back_top:hover{
    opacity: .8;
}