body {

    font-family: "Roboto", sans-serif;

    color: #000;

    background: #f1f1f1;

    max-width: 100%;

    font-size: 13px;

    font-weight: 400;

    width: 100%;

}



img {

    max-width: 100%;

    height: 100%;

}



a:hover {

    color: #000;

    text-decoration: none;

}



a {

    color: #000;

    text-decoration: none;

}



.admin-bar .menu-headertab {

    top: 170px !important;

}



.container {

    max-width: 1650px;

}



*:focus {

    box-shadow: none !important;

    outline: none !important;

}



#main {

    margin: auto;

    width: 90%;

    max-width: 100%;

}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 700;

}



.clearfix:before {

    display: table;

    content: "";

    line-height: 0;

}



* {

    margin: 0px;

    padding: 0px;

}



.clear-both {

    clear: both;

}



.top_bar {

    background: #d81d0d;

}



.menu-top {

    list-style: none;

    float: left;

    margin-bottom: 0px;

    padding: 5px 0px;

}



.menu-top li {

    float: left;

    margin-right: 25px;

    position: relative;

}



.menu-top.right li {

    margin-right: 0px;

    margin-left: 20px;

}



.menu-top a {

    color: #fff;

    vertical-align: middle;

    line-height: 30px;

}



.menu-top.right {

    float: right;

}



.show-room {

    padding: 5px 15px;

    line-height: 30px;

    border-radius: 15px;

    background: repeating-linear-gradient(to right, #ffe65e 0%, #d81d0d 50%, #ffe65e 100%);

    background-size: 200% auto;

    background-position: 0 100%;

    animation: gradient 2s infinite;

    animation-fill-mode: forwards;

    animation-timing-function: linear;

    border-radius: 9999px;

    color: #fff;

}



.show-room:hover {

    color: #fff;

}



.header-top {

    width: 100%;

}



.header-top,

.head_logo,

.head_search {

    float: left;

}



.head_logo {

    width: 392px;

}



.head_logo a {

    display: block;

    padding: 10px 0px;

}



.head_logo a img {

    width: 300px;

}



.head_search {

    width: 660px;

    float: left;

    position: relative;

    margin-top: 12px;

}



.style-type:focus {

    border: unset;

}



.style-type {

    border: unset;

    outline: none;

    padding: 5px 0px;

    background: #fff;

    color: #000;

    width: 125px;

}



.style-type::-webkit-input-placeholder {

    color: #000;

}



.btn-search {

    background: repeating-linear-gradient(to right, #ffe65e 0%, #d81d0d 50%, #ffe65e 100%);

    background-size: 200% auto;

    background-position: 0 100%;

    animation: gradient 2s infinite;

    animation-fill-mode: forwards;

    animation-timing-function: linear;

    padding: 5px 30px;

    font-size: 16px;

    color: #fff;

}



.box-tim-kiem {

    margin-top: 20px;

    vertical-align: middle;

    height: 100%;

    border-radius: 5px;

}



.timkiemsp {

    padding: 0px 0px 0px 5px;

}



.timkiem {

    width: 397px;

}



.tag-search a {

    display: inline-block;

    line-height: 19px;

    padding: 0px 7px;

    border-radius: 3px;

    font-size: 12px;

    font-weight: 500;

    color: #000;

    margin-left: 5px;

    background: #fff;

}



.tag-search {

    margin-top: 5px;

    text-align: right;

}



.box-span-timkiem {

    display: block;

    float: left;

    background: #fff;

    border-radius: 5px;

    overflow: hidden;

}



.head_right {

    width: 392px;

    float: right;

    height: 61px;

    background: #d81d0d;

    color: #fff;

    margin-top: 25px;

}



.head_right span.icon {

    background: url(https://haiphongcomputer.vn/assets/user/themes/devwp/img/sprite-2020.png) no-repeat;

    vertical-align: middle;

    border: 1px solid #d81d0d;

    border-radius: 50%;

}



.head_right .hotline {

    float: left;

    position: relative;

    width: 145px;

    margin-top: 11px;

    padding-left: 26px;

}



.head_right .hotline span.icon {

    width: 39px;

    height: 39px;

    float: left;

    position: absolute;

    z-index: 1;

    top: 0px;

    left: -20px;

    background-position: -4px -35px;

}



.head_right .build-pc {

    width: 130px;

    float: left;

    margin-top: 11px;

}



.head_right .build-pc .hl-text .text-2 {

    font-size: 11px;

}



.head_right .build-pc span.icon {

    width: 39px;

    height: 39px;

    float: left;

    z-index: 1;

    top: 0px;

    background-position: -58px -35px;

    margin-right: 8px;

}



.head_right .cart {

    float: left;

    margin-top: 11px;

    position: relative;

    display: flex;

}



.head_right .cart span.icon {

    width: 39px;

    height: 39px;

    float: left;

    z-index: 1;

    top: 0px;

    background-position: -114px -35px;

    margin-right: 10px;

}



.hl-text .text-1 {

    font-size: 11px;

    line-height: 1;

    color: #fff;

    margin-bottom: 5px;

    font-weight: 500;

}



.hl-text .text-2 {

    display: block;

    float: left;

    font-size: 14px;

    font-weight: 500;

    line-height: 1;

    color: #fff;

}



.head_right .cart .count-cart {

    width: 22px;

    height: 22px;

    border-radius: 50%;

    line-height: 22px;

    text-align: center;

    font-size: 14px;

    font-weight: 700;

    color: #d81d0d;

    background: #ffffff;

    position: absolute;

    top: -8px;

    left: 28px;

    z-index: 1;

    border: 1px solid;

}



.head_right .cart .hl-text {

    float: left;

    font-size: 15px;

    line-height: 40px;

    font-weight: 500;

    color: #fff;

}



.phone-header {

    color: #fff !important;

}



.header {

    background: none;

}



.menu-header {

    float: left;

    width: 100%;

    margin-top: 15px;

    position: relative;

}



.menu-header ul {

    list-style: none;

    float: left;

    margin-bottom: 0px;

    padding-left: 0;

}



.menu-header ul li {

    float: left;

    margin-left: 5px;

    position: relative;

}



.menu-danh-muc li a {

    background: #d81d0d;

    color: #fff;

    padding: 10px 32px;

    border-radius: 5px;

    font-size: 16px;

}



.menu-danh-muc li {

    margin-left: 0px !important;

}



.menu-danh-muc .sub-mega-menu {

    margin-top: 2px;

    border: 1px solid #ccc;

}



.menu-chinh .box-red-li a {

    background: #d81d0d;

    color: #fff;

    border-radius: 5px;

    border: unset;

    font-weight: 400;

}



.menu-chinh li a {

    background: #ffffff;

    color: #075482;

    padding: 10px 25px;

    border-radius: 5px;

    border: 1px dotted #017bc4;

    font-weight: 500;

    font-size: 16px;

}



.menu-chinh li .box-sub-menu-ul {

    width: 100%;

    float: left;

    position: absolute;

    top: 100%;

    left: 0px;

    z-index: 999999;

    text-align: left;

    visibility: hidden;

    opacity: 0;

    transition: 0.3s;

    overflow: hidden;

}



.menu-chinh li .box-sub-menu-ul .box-background-menu {

    background: #fff;

    border-top: 2px solid #d81d0d;

    padding: 5px 10px;

}



.menu-chinh li:hover .box-sub-menu-ul {

    visibility: visible;

    opacity: 1;

    transition: 0.3s;

}



.menu-chinh li {

    margin-bottom: 25px;

}



.box-sub-menu-ul .col a + a {

    border-top: 1px dotted #d81d0d;

}



.box-sub-menu-ul .col a {

    display: block;

    background: unset !important;

    color: #000 !important;

    padding: 5px 10px !important;

    font-size: 14px !important;

    border-radius: unset !important;

}



.box-sub-menu-ul .col .title-sub-menu::after {

    content: "";

    width: 50px;

    height: 2px;

    background: #d81d0d;

    float: left;

    position: absolute;

    left: 5px;

    bottom: 0px;

}



.box-sub-menu-ul .col .title-sub-menu {

    font-size: 18px;

    padding: 5px 5px;

    position: relative;

    text-transform: uppercase;

}



.menu-header span.icon {

    background: url(https://haiphongcomputer.vn/assets/user/themes/devwp/img/sprite-2020.png) no-repeat;

    vertical-align: middle;

}



.menu-header .menu-chinh .sale-hot span.icon {

    width: 17px;

    height: 15px;

    display: inline-block;

    margin-right: 8px;

    background-position: -146px -4px;

    position: relative;

    top: -4px;

}



.menu-header .menu-chinh .money span.icon {

    width: 22px;

    height: 16px;

    display: inline-block;

    margin-right: 8px;

    background-position: -181px -5px;

    position: relative;

    top: -2px;

}



.menu-header .menu-chinh .baohanh span.icon {

    width: 18px;

    height: 22px;

    display: inline-block;

    margin-right: 8px;

    background-position: -221px -5px;

    position: relative;

    top: -4px;

}



.menu-header .menu-chinh .ship span.icon {

    width: 25px;

    height: 16px;

    display: inline-block;

    margin-right: 8px;

    background-position: -255px -4px;

    position: relative;

    top: -1px;

}



.menu-header .menu-chinh {

    float: right;

}



.menu-chinh li ul li {

    width: 100%;

    padding: 0px 10px;

    border-radius: unset !important;

}



.menu-chinh li {

    position: unset !important;

}



.sub-mega-menu {

    width: 300px;

    height: 683px;

    background: #fff;

    position: absolute;

    top: 49px;

    left: 0px;

    padding: 2.5px 0px;

    text-align: left;

    z-index: 99999;

    overflow-x: hidden;

    display: none;

}



.sub-mega-menu::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(255, 2, 2, 0.3);

    background-color: #f5f5f5;

}



.sub-mega-menu::-webkit-scrollbar {

    width: 6px;

    background-color: #f5f5f5;

}



.sub-mega-menu::-webkit-scrollbar-thumb {

    background-color: #d81d0d;

}



.sub-mega-menu li {

    width: 100%;

    float: left;

}



.sub-mega-menu li a {

    width: 100%;

    float: left;

    line-height: 28px;

    padding-left: 40px;

    background-position: 10px center !important;

    background-size: 20px auto !important;

    font-size: 18px;

    font-weight: 500;

    color: #222222;

    position: relative;

    background: unset;

}



.sub-mega-menu > li:hover {

    background: #d81d0d;

}



.sub-mega-menu > li:hover a {

    color: #fff;

}



.sub-mega-menu > li:hover a::after {

    content: "";

    width: 0;

    height: 0;

    border-top: 25px solid transparent;

    border-bottom: 23px solid transparent;

    border-left: 19px solid #d81d0d;

    position: absolute;

    top: 0px;

    right: -19px;

    z-index: 99999999;

}



.sub-mega-menu > li .box-sub-mega-menu {

    width: 1330px;

    float: left;

    position: absolute;

    top: 0px;

    left: 100%;

    z-index: 999;

    background: #fff;

    padding: 10px;

    min-height: 100%;

    visibility: hidden;

    opacity: 0;

    transition: 0.3s;

}



.sub-mega-menu > li:hover .box-sub-mega-menu {

    visibility: visible;

    opacity: 1;

    transition: 0.3s;

}



.box-sub-mega-menu .box-menu-1 {

    color: #017bc4 !important;

}



.box-sub-mega-menu .box-menu-2 {

    color: #000 !important;

}



.box-sub-mega-menu a:after {

    content: " ";

    border: unset !important;

}



.box-sub-mega-menu a {

    font-size: 16px !important;

}



.sub-mega-menu > li .box-sub-mega-menu {

    height: 678px;

    background: #fff;

}



.sub-mega-menu li {

    position: unset !important;

}



section {

    margin-top: 15px;

}



.main {

    width: 100%;

    margin-top: 5px;

}



.banner-home-right {

    width: 1315px;

    float: right;

}



.home-slider-right {

    width: 980px;

    float: left;

    height: 450px;

    overflow: hidden;

}



.home-banner-right {

    width: 330px;

    float: right;

}



.home-banner-right .img-item-banner {

    width: calc(100% - 5.5px);

    float: left;

    margin-bottom: 5px;

    border-radius: 15px;

    overflow: hidden;

    margin-right: 5px;

}



.home-banner-right .img-item-banner.active {

    position: relative;

    padding-top: 67%;

    overflow: hidden;

}



.home-banner-right .img-item-banner.active .youtube-wrapper {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.banner-home-bot {

    width: 1315px;

    float: right;

}



.banner-home-bot .img-item-banner {

    width: calc(25% - 5.5px);

    float: left;

    margin-bottom: 5px;

    border-radius: 15px;

    overflow: hidden;

    margin-right: 5px;

}



.title-pc {

    background: #fff;

    width: 100%;

    float: left;

    margin-top: 20px;

}



.title-tab {

    width: 100%;

    float: left;

    border-bottom: solid 4px #d81d0d;

}



.title-tab .text-title {

    float: left;

    padding: 0px 10px;

    position: relative;

    line-height: 52px;

    background: #d81d0d;

    font-size: 22px;

    text-transform: uppercase;

    color: #fff;

    padding-right: 15px;

    margin-right: 35px;

    margin-bottom: 0px;

    bottom: -1px;

    margin-top: 0px;

}



.title-tab .text-title::after {

    width: 67px;

    height: 55px;

    content: "";

    background: url(https://haiphongcomputer.vn/assets/user/themes/devwp/img/aft-prohome.png) no-repeat;

    background-size: cover;

    position: absolute;

    top: 0px;

    right: -56px;

    z-index: 1;

}



.title-tab .text-title a {

    color: #fff;

    font-size: 18px;

    padding: 0px 20px;

}



.title-tab .price-pc {

    float: left;

    overflow: hidden;

    display: flex;

    width: 800px;

    overflow-x: auto;

}



.title-tab .price-pc a {

    float: left;

    padding: 0px 10px;

    line-height: 51px;

    font-size: 14px;

    font-weight: 500;

    color: #444444;

    position: relative;

    white-space: nowrap;

}



.title-tab .price-pc a:hover {

    color: #d81d0d;

}



.title-tab .price-pc a + a::before {

    content: "";

    width: 1px;

    height: 15px;

    position: absolute;

    left: 0px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1;

    background: #d81d0d;

}



.show-all-pc {

    display: none;

}



#tooltip {

    display: none;

    position: absolute;

    z-index: 999999999999999;

    background: white;

    border: solid 1px #333;

    width: 350px;

    box-shadow: 0 0 7px #333;

    border-radius: 8px;

    overflow: hidden;

}



.show-pc {

    background: #fff;

    padding: 10px;

}



.box-list-pc {

    padding: 10px;

}



.box-list-pc .info-pc {

    margin-top: 10px;

}



.box-list-pc .title-info-pc {

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    margin-bottom: 5px;

    overflow: hidden;

    font-size: 14px;

    font-weight: 600;

}



.box-list-pc .price-info-pc {

    font-size: 18px;

    font-weight: 700;

    color: #f00;

    height: 25px;

    line-height: 25px;

    margin-bottom: 3px;

    overflow: hidden;

}



.box-list-pc .discount-info-pc .sale {

    font-size: 14px;

    color: #ce3333;

    font-weight: 300;

}



.box-list-pc .discount-info-pc .price-sale {

    font-size: 14px;

    color: #444444;

    text-decoration: line-through;

    margin-right: 5px;

    font-weight: 300;

}



.box-list-pc .check-info-pc {

    width: 100%;

    float: left;

    margin-bottom: 10px;

    height: 20px;

    line-height: 20px;

    overflow: hidden;

    margin-top: 8px;

}



span.icon {

    background: url(https://haiphongcomputer.vn/assets/user/themes/devwp/img/sprite-2020.png) no-repeat;

    vertical-align: middle;

}



.box-list-pc .check-product {

    float: left;

}



.box-list-pc .check-product span.icon {

    float: left;

    width: 10px;

    height: 10px;

    margin-right: 9px;

    background-position: -4px -94px;

    margin-top: 4px;

}



.box-list-pc .check-cart span.icon {

    width: 17px;

    height: 15px;

    float: left;

    margin-right: 9px;

    background-position: -291px -5px;

}



.box-list-pc .check-product .text-info-pc {

    color: #42c677;

}



.box-list-pc .check-product .text-info-pc .end {

    color: #f00;

}



.box-list-pc .check-cart {

    float: right;

    font-size: 14px;

    color: #333333;

}



#tooltip .title-info-pc-show {

    background: #d81d0d;

    color: #fff;

    padding: 10px;

    font-size: 15px;

}



#tooltip .info-show-all-pc {

    padding: 10px;

}



#tooltip .info-show-all-pc .price span {

    color: #f00;

    font-size: 18px;

}



#tooltip .info-show-all-pc .price-sale span {

    color: #595959;

    text-decoration: line-through;

}



#tooltip .info-para .title-hover {

    background: #d81d0d;

    color: #fff;

    padding: 5px;

}



#tooltip .info-para .title-hover span.icon {

    width: 12px;

    height: 13px;

    float: left;

    margin-right: 5px;

    background-position: -26px -93px;

    margin-top: 1px;

}



#tooltip .info-para .title-hover-sale span.icon {

    width: 13px;

    height: 13px;

    float: left;

    margin-right: 5px;

    background-position: -48px -93px;

    margin-top: 1px;

}



#tooltip .info-para .title-hover-sale {

    background: #d81d0d;

    color: #fff;

    padding: 5px;

}



footer .footer {

    padding: 30px 0px;

}



footer .img-email {

    float: left;

    margin-left: 210px;

    margin-right: 40px;

}



footer .img-email img {

    width: 100px;

}



footer .text-footer h3 {

    font-size: 20px;

}



footer .text-footer {

    margin-top: 25px;

}



.box-email #email-newsletter {

    width: calc(80% - 225px);

    float: left;

    border: none;

    background: #fff;

    outline: none;

    padding: 0px 10px;

    height: 34px;

    line-height: 34px;

    border-radius: 5px 0px 0px 5px;

}



.box-email .send-newsletter {

    width: 100px;

    background: repeating-linear-gradient(to right, #ffe65e 0%, #d81d0d 50%, #ffe65e 100%);

    background-size: 200% auto;

    background-position: 0 100%;

    animation: gradient 2s infinite;

    animation-fill-mode: forwards;

    animation-timing-function: linear color #fff;

    text-align: center;

    height: 34px;

    line-height: 34px;

    font-size: 15px;

    font-weight: 700;

    color: #ffffff;

    border-radius: 0px 5px 5px 0px;

    display: block;

    float: left;

}



.box-email {

    float: left;

    width: 100%;

    margin-top: 30px;

}



.footer-info {

    background: #fff;

    padding: 40px 0px;

    padding-bottom: 0px;

}



.title-footer {

    font-size: 20px;

    margin-bottom: 15px;

    text-transform: uppercase;

}



.faq-footer {

    border-top: 1px solid #e4e4e4;

    margin-top: 30px;

    padding: 30px 0px;

}



.end-footer {

    background: #d81d0d;

    color: #fff;

    padding: 20px 0px;

    padding-bottom: 0px;

    font-size: 16px;

}



.end-footer p {

    font-size: 18px;

}



.coptyright-footer {

    margin-top: 25px;

    background: #961206;

    padding: 10px 0px;

}



.info-footer ul {

    list-style: none;

    font-size: 14px;

    padding-left: 0;

}



.info-footer ul li {

    padding: 5px 0px;

}



.box-zalo {

    width: 100%;

    float: left;

    border: solid 1px #eeeeee;

    padding: 30px;

}



.box-zalo .box-left {

    width: 50%;

    float: left;

}



.box-zalo .box-right {

    width: 50%;

    float: left;

}



.box-zalo .zalo-text {

    margin-bottom: 15px;

    font-size: 14px;

}



.box-zalo .zalo-name {

    font-size: 16px;

}



.box-zalo .zalo-text a {

    color: #f00;

    font-weight: 600;

    margin-left: 5px;

}



.header-menu-mobile {

    display: none;

}



.fix-top {

    position: fixed;

    z-index: 999;

    width: 100%;

    top: 0;

}



.fix-top .head_logo,

.fix-top .tag-search,

.fix-top .menu-chinh {

    display: none;

}



.fix-top .sub-mega-menu {

    display: none;

}



.fix-top .head_search {

    margin-left: 370px;

    margin-top: 15px;

}



.fix-top .menu-header .menu-danh-muc {

    margin-top: -60px;

    padding-bottom: 25px;

}



.admin-bar .fix-top {

    top: 15px;

}



.fix-top .menu-danh-muc li a {

    padding: 10px 80px;

}



.menuoff.active {

    display: block;

}



.menuoff {

    top: 60px;

    width: 350px;

}



.fix-top .sub-mega-menu li a {

    padding: 10px 40px;

}



.box-sub-mega-menu a {

    padding: 5px 20px !important;

}



.tax-cat_product .sub-mega-menu,

.single .sub-mega-menu,

.page-template-page-on .sub-mega-menu,

.error404 .sub-mega-menu,

.archive .sub-mega-menu,

.page-template-default .sub-mega-menu {

    display: none;

}



.sub-mega-menu.active {

    display: block;

}



.title-cat h1 {

    font-size: 30px;

}



.box-cat-sub,

.box-filter {

    background: #fff;

}



.box-cat-sub .title-sub-cat,

.box-filter .title-ft {

    border-bottom: 1px solid #ccc;

    padding: 10px;

    font-size: 20px;

    text-transform: uppercase;

    font-weight: 700;

}



.box-cat-sub .box-list-sub-cat,

.box-filter .box-list-ft {

    padding: 10px;

}



.box-cat-sub .list-sub-p a,

.box-filter .list-ft-p a {

    font-size: 14px;

}



.box-cat-sub .list-sub-p + .list-sub-p,

.box-filter .list-ft-p + .list-ft-p {

    margin-top: 10px;

}



.box-filter {

    margin-top: 15px;

}



.box-filter .list-ft-p .ft-check {

    width: 20px;

    height: 20px;

    float: left;

    background: #eeeeee;

    margin-right: 15px;

    position: relative;

    border-radius: 3px;

}



.box-filter .list-ft-p .ft-check.active-check {

    background: #d81d0d;

}



.box-filter .list-ft-p .ft-check.active-check::after {

    content: "\f00c";

    position: absolute;

    top: 0px;

    left: 0px;

    font-family: "FontAwesome";

    z-index: 1;

    font-size: 13px;

    color: #fff;

    width: 100%;

    height: 100%;

    text-align: center;

    line-height: 20px;

}



.box-cat-sub .list-sub-p a:hover {

    color: #007bff;

}



.box-list-pc .img img {

    width: 100%;

    height: auto;

}



.box-list-pc .img a {

    display: block;

    width: 100%;

    height: auto;

}



.box-list-product-cat {

    background: #fff;

    margin-top: 15px;

}



.title-box-list-cat {

    border-bottom: 1px solid #ccc;

    padding: 15px;

    float: left;

    width: 100%;

}



.title-box-list-cat .count-product-list {

    float: left;

    font-size: 16px;

}



.title-box-list-cat .count-product-list b {

    color: #d81d0d;

}



.title-box-list-cat .select-product-list {

    float: right;

    font-size: 16px;

}



.title-box-list-cat .select-product-list select {

    padding: 0px 20px;

    border: unset;

}



.list-box-list-cat {

    width: 100%;

    padding: 10px 10px;

    clear: both;

}



.box-in-single-product {

    background: #fff;

    padding: 15px;

}



.detail-gallery__cover {

    margin-top: 12px;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    align-items: flex-start;

    justify-content: center;

    padding: 12px 14px;

    background-color: #fefae0ad;

}



.detail-gallery__detail {

    border: 0;

    background-color: transparent;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    color: #333;

}



.detail-gallery__play {

    border: 1px solid #000;

    background-color: #fff;

}



.detail-gallery__play i {

    font-size: 38px;

}



.detail-gallery__text {

    margin-top: 11px;

    text-align: center;

    font-size: 14px;

    font-weight: 600;

    line-height: 1.3;

    display: flex;

    align-items: center;

    /* max-width: 200px; */

}



.detail-gallery__text span {

    margin-left: 4px;

}



.detail-gallery__icon,

.detail-gallery__play {

    --sizeIcon: 54px;

    width: var(--sizeIcon);

    height: var(--sizeIcon);

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 10px;

}



.detail-gallery__text > span {

    display: block;

}



.box-single-product .title-single h1 {

    margin-bottom: 0;

    font-size: 25px;

    padding: 15px;

}



.box-single-product .title-single {

    background: #fff;

    border-bottom: 1px solid #ccc;

}



.detail-gallery__icon {

    animation-name: tada;

    animation-iteration-count: infinite;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-iteration-count: infinite;

}



@keyframes tada {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    10%,

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

        -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    }

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    }

    40%,

    60%,

    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    }

    100% {

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}

.detail-gallery__icon > img {

    padding: 10px;

}



.top-detail-n-img img {

    width: 100%;

    height: auto;

}



.admin-bar .fancybox-container {

    top: 30px;

}



.img-thumb-n .item-n {

    width: 100%;

    float: left;

    margin-bottom: 10px;

    padding: 5px;

}



.img-thumb-n .item-n.active {

    border: solid 1px #d81d0d;

}



.big-image-n {

    margin-bottom: 20px;

}



.status-buy-sell li {

    list-style: none;

    float: left;

    padding-right: 10px;

}



.status-buy-sell li + li {

    border-left: 1px solid #ccc;

    padding-left: 10px;

}



.status-buy-sell span {

    color: #0020ff;

    font-weight: 600;

}



.status-buy-sell span.end {

    color: #ff0000;

}



.info-product-list ul {

    padding-left: 20px;

    font-size: 16px;

    line-height: 30px;

}



.info-product-list .title-list-h {

    font-size: 20px;

    font-weight: 500;

}



.info-product-list {

    margin-top: 20px;

}



.ok-product {

    font-size: 16px;

}



.box-price {

    background: rgb(204 204 204 / 34%);

    padding: 15px;

    font-size: 16px;

}



.box-price .price span {

    font-size: 20px;

    font-weight: 700;

    color: #787878;

    text-decoration: line-through;

    margin-left: 100px;

}



.box-price .price-hot span {

    font-size: 25px;

    font-weight: 700;

    color: #d81d0d;

    margin-left: 45px;

}



.box-price .price-hot span.hot {

    font-weight: 500;

    color: #0d26d8;

    margin-left: 35px;

    font-size: 14px;

}



.button-buy .call-buy {

    background: #f00;

    border-radius: 8px;

    padding: 15px 10px;

    text-align: center;

    font-size: 20px;

}



.button-buy a {

    color: #fff;

    display: block;

    width: 100%;

}



.button-buy .call-buy a .top {

    text-transform: uppercase;

    font-weight: 700;

    font-size: 24px;

}



.button-buy .call-buy a .text-buy {

    font-size: 14px;

}



.call-cart {

    margin-top: 15px;

    float: left;

    width: 100%;

    margin-bottom: 10px;

}



.call-cart .cart {

    width: calc(50% - 7.5px);

    float: left;

    background: #fcaa34;

    margin-bottom: 0px;

    padding: 15px 10px;

    text-align: center;

    border-radius: 8px;

}



.call-cart .top {

    text-transform: uppercase;

    font-weight: 700;

    font-size: 20px;

}



.call-cart .tragop {

    width: calc(50% - 7.5px);

    float: right;

    background: #1e2ab7;

    margin-bottom: 0px;

    padding: 15px 10px;

    text-align: center;

    border-radius: 8px;

}



.list-right-product-product .title-right-product {

    background: #d81d0d;

    color: #fff;

    padding: 10px;

    border-radius: 5px 5px 0px 0px;

    font-size: 18px;

}



.list-right-product-product .box-right-product-list ul.list-policy {

    list-style: none;

}



.list-right-product-product .box-right-product-list {

    border: solid 1px #f1f1f1;

    border-radius: 0px 0px 5px 5px;

    padding: 0px 20px;

    font-size: 16px;

}



.list-right-product-product .box-right-product-list ul {

    padding: 0px;

    margin-top: 15px;

}



.list-policy li + li {

    margin-top: 10px;

}



.list-policy img {

    width: 30px;

    margin-right: 10px;

}



.box-right-product-list span {

    margin-top: 10px;

    display: block;

}



@keyframes gradient {

    0% {

        background-position: 0 0;

    }



    100% {

        background-position: -200% 0;

    }

}



.list-right-product-product {

    margin-bottom: 15px;

}



.align-center {

    -ms-flex-pack: center !important;

    justify-content: center !important;

}



.content-product {

    background: #fff;

    margin-top: 15px;

}



.content-product .tskt_product {

    padding: 12px 12px;

}



.content-product table {

    border: 1px solid #b1b1b1 !important;

}



.content-product table th,

.content-product table td {

    border-bottom: 1px solid #b1b1b1 !important;

    border-right: 1px solid #b1b1b1 !important;

}



.content-product .title-content {

    font-size: 24px;

    padding: 15px 18px;

    border-bottom: 1px solid #ddd;

}



.content-product .content-in {

    padding: 15px 25px;

    font-size: 14px;

    line-height: 1.5;

    text-align: justify;

}



.content-product .content-show-all {

    margin-top: -65px;

    position: relative;

    width: 100%;

    padding-top: 45px;

    padding-bottom: 15px;

    text-align: center;

    background: transparent;

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.91) 50%, #fff 55%);

    background: -webkit-gradient(

        left top,

        left bottom,

        color-stop(0%, rgba(255, 255, 255, 0)),

        color-stop(50%, rgba(255, 255, 255, 0.91)),

        color-stop(55%, #fff)

    );

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.91) 50%, #fff 55%);

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.91) 50%, #fff 55%);

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.91) 50%, #fff 55%);

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.91) 50%, #fff 55%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);

    display: block;

    margin-bottom: 0;

}



.content-product .button-show-all {

    color: #f00;

    font-size: 16px;

    font-weight: 600;

}



.content-product .content-info-product a {

    color: #f00;

}



.content-product .content-in {

    height: 1000px;

    overflow: hidden;

}



/* .box-cat-sub .list-sub-p a {

    text-transform: uppercase;

} */

.box-filter .list-ft-p a {

    display: block;

    width: 100%;

    position: relative;

    z-index: 1;

}



.box-filter .list-ft-p a span {

    float: right;

    font-weight: 600;

}



.tim_hang_img img {

    width: 150px;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

    width: 100%;

}



th,

td {

    text-align: left;

    padding: 8px;

}



tr:nth-child(even) {

    background-color: #f2f2f2;

}



nav.nav-pagination {

    display: inline-block;

    margin-top: 20px;

}



.page-item.active .page-link {

    background-color: #d81d0d !important;

    border-color: #d81d0d !important;

}



.page-link {

    color: #d81d0d;

}



.page-link:hover {

    color: #d81d0d;

}



.news-list {

    float: left;

    width: 100%;

    background: #fff;

}



.float-post {

    float: left;

    background: #fff;

    padding: 10px;

    border-bottom: 1px solid #ccc;

}



.float-post .image {

    display: block;

    float: left;

    width: 30%;

}



.float-post .name {

    width: 60%;

    display: block;

    float: left;

    max-width: 100%;

    margin-left: 15px;

    height: 30px;

    overflow: hidden;

}



.float-post .desc {

    width: 60%;

    display: block;

    float: left;

    max-width: 100%;

    margin-left: 15px;

}



.float-post .name a {

    font-size: 20px;

}



#shopping-cart .cart-item-image {

    width: 80px;

    height: auto;

}



.module-content {

    background: #fff;

    padding: 10px;

}



.module-header {

    background: #fff;

    padding: 10px;

}



.module-header h2 {

    margin-bottom: 0px;

}



.module-header a {

    color: red !important;

}



.entry-content ul {

    padding-left: 25px;

}



#shopping-cart {

    background: #fff;

    padding: 10px;

}



.text-cart td {

    text-align: right;

    width: 100%;

}



.product-quantity {

    text-align: center;

}



.btnRemoveAction {

    color: #f00;

    font-size: 18px;

}



#btnEmpty {

    font-size: 16px;

    color: #f00;

}



.txt-heading {

    padding: 5px;

}



.box-info-checkout {

    border: 1px solid #d81d0d;

    background: #fff;

}



.title-text-checkout {

    background: #d81d0d;

    color: #fff;

    padding: 5px;

    font-size: 16px;

}



.list-input-info {

    padding: 5px;

}



.info-input-login {

    padding: 5px;

}



.input-info {

    width: 100%;

    padding: 5px;

    margin-bottom: 10px;

}



.button-info {

    border: unset;

    background: #d81d0d;

    color: #fff;

    width: 100%;

    line-height: 50px;

    font-size: 20px;

}



.box-cart-list-item {

    width: 100%;

    border: 1px solid rgb(216 29 13 / 20%);

    padding: 5px;

}



.box-cart-list-item .box-img-item {

    float: left;

    width: 10%;

}



.box-info-item-cart {

    float: left;

    width: 70%;

}



.box-info-item-cart .name-cart {

    font-size: 16px;

    font-weight: 500;

}



.list-p-cart {

    font-size: 14px;

}



.list-p-cart span {

    color: #f00;

    font-weight: 600;

}



.list-p-cart .oke-end {

    color: #f00;

}



.list-p-cart .oke-item {

    color: #42c677;

}



.box-change {

    float: right;

    width: 20%;

    text-align: right;

}



.box-change .total-item-one {

    font-size: 16px;

    font-weight: 600;

    color: #f00;

}



.box-cart-list-item + .box-cart-list-item {

    margin-top: 10px;

}



.box-cart-list-item:nth-child(even) {

    margin-top: 10px;

    background: rgb(221 221 221 / 45%);

}



.box-total-cart-price {

    background: #ddd;

    padding: 5px;

    text-align: right;

    font-size: 16px;

}



#show_status .form-result {

    margin-bottom: 0;

    padding: 0px 10px;

    text-align: center;

    margin-top: 15px;

    font-size: 16px;

    color: #f00;

    font-weight: 500;

}



#breadcrumb {

    width: 100%;

    padding-left: 20px;

}



.filter-cat {

    display: none;

}



.filter-cat {

    background: #fff;

    padding: 10px;

    margin-bottom: 10px;

}



.filter-cat a {

    font-size: 16px;

    font-weight: 500;

    color: #fff;

}



.menu-mobile-list {

    transform: translateX(-100%);

    display: none;

}



.box-sub-mega-menu .box-menu-2:hover {

    color: #f00 !important;

}



.form-control-select {

    font-weight: 600;

    color: #f00;

}



.header.fix-top {

    background: #f1f1f1;

    border-bottom: 1px solid #f00;

}



.show-room-mobile a {

    color: #f00;

    font-weight: 400;

    font-size: 16px;

    text-transform: uppercase;

}



.show-room-mobile {

    text-align: center;

    padding: 10px 0px;

}



.menu-mobile-list .box-info-menu .main-menu-item-info {

    padding-bottom: 100px;

}



#icon-fixed-right {

    width: 50px;

    position: fixed;

    right: 5px;

    top: 50%;

    z-index: 997;

}



#icon-fixed-right a {

    display: block;

    margin-top: 5px;

}



#icon-fixed-right a:first-child {

    margin-top: 0;

}



#icon-fixed-right a i {

    width: 50px;

    height: 50px;

    text-align: center;

    color: #fff;

    border-radius: 9999px;

    font-size: 24px;

    line-height: 50px;

}



#cart-fixed-2019 {

    position: fixed;

    top: 195px;

    right: 5px;

    z-index: 99;

    cursor: pointer;

    width: 50px;

    height: 50px;

    overflow: hidden;

    transition: width 0.3s linear 0.2s;

    -webkit-transition: width 0.3s linear 0.2s;

    background: 0 0;

    border-radius: 9999px;

    -moz-border-radius: 9999px;

}



#cart-fixed-2019 p {

    display: block;

    background: #ed1b24;

    color: #fff;

    margin: 0 0 0 46px;

    padding-right: 8px;

    width: 160px;

    height: 50px;

}



#cart-fixed-2019.hover,

#cart-fixed-2019:hover {

    width: 180px;

    background: rgba(255, 255, 255, 0.88);

    border-color: #cacaca;

}



#cart-fixed-2019 b {

    color: #ff0;

}



#cart-fixed-2019 i {

    width: 50px;

    height: 50px;

    float: left;

    font-size: 24px;

    background: #ed1b24;

    color: #fff;

    line-height: 50px;

    text-align: center;

}



#icon-fixed-right a {

    display: flex;

    margin-top: 5px;

}



#icon-fixed-right a:first-child {

    margin-top: 0;

}



#icon-fixed-right a i {

    width: 50px;

    height: 50px;

    text-align: center;

    color: #fff;

    border-radius: 9999px;

    font-size: 24px;

    line-height: 50px;

}



#icon-fixed-right .icons.fa.fa-facebook-f,

.icons.fa.fa-comments {

    background: #4267b2;

}



#icon-fixed-right .icons.fa.fa-youtube {

    background: red;

}



#icon-fixed-right .icons.fa.fa-envelope {

    background: #3754a5;

}



#icon-fixed-right .icons.fa.fa-phone {

    background: #278c56;

}



#icon-fixed-right .icons.fa.fa-wrench {

    background: #3754a5;

}



#icon-fixed-right .icons.fa.fa-arrow-up {

    background: #ed1b24;

}



.modal-dialog {

    max-width: 780px !important;

    top: calc(10% - 25px);

}



.show-room-mobile,

.mobile-hide {

    display: none;

}



.row-news article.news .image img {

    width: 100%;

}



.row-news article.news a {

    display: block;

}



.row-news article.news h3.name {

    font-size: 18px;

    padding: 10px;

    background: #fff;

    margin-bottom: 0px;

}



.row-news article.news .desc {

    padding: 0px 10px;

    background: #fff;

    padding-bottom: 10px;

}



.content-archive {

    background: #fff;

}



.entry-content iframe {

    max-width: 100%;

}



.entry-content a {

    color: #f00;

}



.service-mobile .item {

    padding: 10px 2px;

}



.service-mobile .item i {

    display: block;

    font-size: 20px;

    text-align: center;

    width: 48px;

    height: 48px;

    line-height: 30px;

    margin: auto;

    background: #af0101;

    padding: 10px;

    border-radius: 9999px;

}



.service-mobile .item .text {

    display: block;

    color: #555;

    text-align: center;

    margin-top: 3px;

    line-height: 18px;

    font-size: 13px;

}



.menu-chinh li a:hover {

    background: #d81d0d;

    color: #fff;

}



.mobile-section {

    margin-top: 0px;

}



.page-template-landingpage .sub-mega-menu {

    display: none;

}



.close-filter-menu-mobile {

    display: none;

}



.hpc-video {

    width: 100%;

}



.video-content,

.albums-image,

.page-news {

    background: #fff;

    padding: 1rem;

}



p.title-tab-video,

p.title-tab-image {

    padding: 7px 0;

    border-bottom: 1px solid #eee;

    margin-bottom: 20px;

    position: relative;

    font-size: 15px;

    font-weight: 700;

}



p.title-tab-video:before,

p.title-tab-image:before,

p.main-title:before {

    content: "";

    width: 30px;

    height: 3px;

    background: #d81d0d;

    position: absolute;

    bottom: 0px;

    left: 0px;

}



.hpc-video .video-detail {

    display: flex;

}



.item-video-left {

    margin-right: 1rem;

}



.item-video-left .item-img .icon-video:hover,

.video-right .icon-play:hover {

    color: red;

    border: 3px solid red;

}



.video-left .item-video-left a {

    display: flex;

    padding-bottom: 2rem;

    text-decoration: none;

    color: #000;

}



.item-video-left .item-img {

    margin-right: 1rem;

    width: calc(45%);

    overflow: hidden;

    position: relative;

}



.item-video-left .item-img .icon-video {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    color: white;

    border: 3px solid white;

    border-radius: 50%;

    padding: 0.5rem 0.7rem;

}



.item-video-left .title-video {

    font-size: 15px;

    width: calc(45%);

}



.video-right .icon-play {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    color: white;

    z-index: 9999;

    border: 3px solid white;

    border-radius: 50%;

    padding: 1rem 1.3rem;

}



.title-bottom {

    display: flex;

    padding: 2rem 0;

    width: 100%;

}



.title-bottom .desc-video {

    font-size: 16px;

    color: #9a9a9a;

    width: calc(100% - 150px);

}



.title-bottom .btn-youtube a {

    background-color: #ff585b;

    color: white;

    padding: 1rem 1rem;

    text-decoration: none;

    font-size: 14px;

    border-radius: 3px;

}



.show-video-main {

    position: relative;

    padding-bottom: 56.25%;

    overflow: hidden;

    max-width: 100%;

    height: auto;

}



.show-video-main iframe,

.show-video-main object,

.show-video-main embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.video-right {

    padding-right: 1rem;

}



.image-cus-home {

    margin: 0 -2px;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}



.image-cus-home .albums {

    margin: 15px 0px;

}



.image-cus-home .albums .item-image {

    overflow: hidden;

    position: relative;

}



.image-cus-home .albums .item-image .icon {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    background-color: #0000008a;

    color: #fff;

    font-size: 15px;

    transition: 0.5s;

    padding: 2rem;

    border-radius: 50%;

    opacity: 0;

}



.image-cus-home .albums .item-image a,

.image-cus-home .albums .item-image .icon {

    text-decoration: none;

    color: #fff;

}



.image-cus-home .albums .item-image .icon i {

    border: 1px solid;

    padding: 1rem 1.2rem;

    border-radius: 50%;

}



.image-cus-home .albums .item-image .icon i .fa {

    font-weight: 900;

}



.image-cus-home .albums .item-image:hover .icon {

    opacity: 1;

}



.tab-title-news {

    padding: 7px 0;

    border-bottom: 1px solid #eee;

    margin-bottom: 30px;

    position: relative;

    font-size: 15px;

    font-weight: 700;

}



.page-news .tab-title-news .main-title {

    font-weight: 500;

    text-transform: uppercase;

    margin-right: 0;

    font-size: 18px;

    margin-bottom: 0;

}



.img-videos {

    position: relative;

    overflow: hidden;

}



/*.show-video-main{

    display: none;

}*/

.page-news .tab-title-news .main-title a {

    color: #d81d0d;

}



.list-news {

    display: flex;

    list-style: none;

    flex-wrap: wrap;

}



.page-news .item-new {

    color: #333;

    font-size: 14px;

}



.page-news .item-new .image-news {

    max-width: 250px;

    margin-right: 1rem;

}



.img-fuild {

    max-width: 100%;

    height: auto;

}



.media-body {

    flex: 1;

}



.page-news .item-new .info-news {

    color: #999999;

    padding-top: 5px;

}



.page-news .item-new .title-news {

    margin-top: 5px;

}



.page-news .item-new .title-news a {

    font-size: 16px;

    font-weight: bold;

    line-height: 20px;

    color: #333;

}



.img-videos .overlay {

    position: absolute;

    opacity: 0;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    height: 70%;

    width: 70%;

    border: 100px double rgba(255, 255, 255, 0.2);

    transition: all 0.4s cubic-bezier(1, 0.9, 0.3, 0.2) 0s;

    overflow: hidden;

    z-index: 1;

}



.img-videos .name-video {

    position: absolute;

    width: 96%;

    bottom: 0;

    color: white;

    background-color: rgba(0, 0, 0, 0.658);

    padding: 20px;

}



.img-videos .name-video h3 {

    font-size: 14px;

    text-align: center;

}



/*.page-template-trang-chu-2 .show-pc{

    opacity: 0;

}*/

.main-video:before {

    content: "";

    display: block;

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    padding-bottom: 100%;

    margin-top: -50%;

    opacity: 0;

    background: #eee9;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition:

        -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),

        opacity 0.5s;

    -moz-transition:

        -moz-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),

        opacity 0.5s;

    transition:

        transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),

        opacity 0.5s;

    z-index: 1;

}



.main-video:hover:before {

    opacity: 0.4;

    -webkit-transform: scale(1.55);

    -moz-transform: scale(1.55);

    -ms-transform: scale(1.55);

    transform: scale(1.55);

}



.item-video-left .item-img img:hover {

    transform: scale(1.5);

}



footer .container {

    margin-bottom: 20px;

}



.irt-read-more {

    text-align: center;

    color: #d81d0d;

    margin-top: 20px;

}



.irt-read-more a {

    padding: 17px 50px 15px 20px;

    color: #d81d0d;

    font-size: 16px;

    border-radius: 3px;

}



.page-template-albums-image footer .our-images-cus {

    display: none;

}



.main-video img {

    height: auto;

}



.item-image .images-item {

    height: auto;

}



.aligncenter {

    clear: both;

    display: block;

    margin: 0 auto;

}



.entry-content figure {

    width: 100% !important;

}



.title-build-pc {

    color: #ffffff;

    text-align: center;

    text-transform: uppercase;

    padding: 30px;

    font-weight: 600;

    background-color: #df181f;

    text-shadow: 1px 1px rgb(0 0 0 / 50%);

    font-size: 30px;

}



.build-pc_content .list-action {

    list-style-type: none;

    margin-top: 40px;

    margin-bottom: 20px;

    padding-bottom: 15px;

    border-bottom: 1px solid #959595;

}



.build-pc_content .list-action li {

    font-size: 16px;

    color: #fff;

    font-weight: bold;

    width: 200px;

    float: left;

    text-align: center;

    padding: 0 2px;

}



.build-pc_content .btn-new li span {

    background-color: #d9d9d9;

    color: #333;

    transition: 0.3s ease;

}



.build-pc_content li span {

    display: block;

    border-radius: 3px;

    background-color: #df181f;

    text-transform: uppercase;

    line-height: 40px;

    cursor: pointer;

    opacity: 1;

    font-size: 14px;

}



.build-pc_content .btn-new li.active span,

.build-pc_content .btn-new li:hover span {

    background-color: #df181f;

    color: #fff;

}



.build-pc_content .list-action li span i {

    margin-left: 5px;

}



.build-pc_content .list-drive {

    list-style-type: none;

    border: 1px solid #e1e1e1;

}



.build-pc_content .list-drive .item-drive {

    padding: 0 8px;

    border-bottom: 1px solid #e1e1e1;

}



.build-pc_content .list-drive:nth-of-type(odd) {

    background-color: #f9f9f9;

}



.build-pc_content .list-drive > .name-drive {

    font-size: 15px !important;

    font-weight: 700;

}



.build-pc_content .list-drive .item-drive span.name-drive {

    float: left;

    margin: 14px 0;

    padding: 0 8px;

    width: 240px;

}



.build-pc_content .list-drive .drive-checked {

    width: 862px;

    float: left;

    border-left: 1px solid #e1e1e1;

}



.build-pc_content .list-drive span.span-last {

    margin-bottom: 8px;

    margin-top: 8px;

    font-size: 14px;

    color: #ffffff;

    background-color: #243a76;

    border-radius: 3px;

    line-height: 34px;

    display: inline-block;

    padding: 0 8px;

    margin-left: 10px;

    cursor: pointer;

    opacity: 1;

}



.selection-open .fa {

    font-weight: 400;

}



.build-pc_content .list-drive .item-drive span.span-last i {

    margin-right: 3px;

}



.item-left .item-img .icon-video {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    color: white;

    border: 3px solid white;

    border-radius: 50%;

    padding: 0.5rem 0.7rem;

}



.item-video-left .item-img,

.item-left .item-img {

    margin-right: 1rem;

    overflow: hidden;

    position: relative;

}



.item-video-left .title-video,

.item-left .title-video {

    font-size: 18px;

    padding: 10px;

    font-weight: bold;

}



.video-content .btn-youtube {

    float: right;

    background-color: #d81d0d;

    padding: 2px 20px;

    text-decoration: none;

    font-size: 14px;

    border-radius: 3px;

    border-radius: 50px;

    margin-right: 15px;

    position: absolute;

    right: 70px;

    margin-top: -66px;

}



.video-content .btn-youtube a {

    color: #fff;

}



#bk-btn-installment,

#bk-btn-installment-amigo,

#bk-btn-paynow,

.bk-btn-installment,

.bk-btn-installment-amigo,

.bk-btn-paynow {

    width: 227px !important;

    margin-top: 15px;

    border-radius: 8px !important;

    padding: 15px 0px !important;

}



.bk-btn-installment {

    margin-right: 0px !important;

    margin-left: 5px !important;

}



.bk-btn-paynow span {

    font-size: 11px !important;

}



.page-template-cart #bk-btn-installment,

.page-template-cart #bk-btn-installment-amigo,

.page-template-cart #bk-btn-paynow,

.page-template-cart .bk-btn-installment,

.page-template-cart .bk-btn-installment-amigo,

.page-template-cart .bk-btn-paynow {

    width: 176px !important;

}



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

    .link__gov img {

        width: 50% !important;

        margin-top: 20px;

    }



    .pum-theme-19084 .pum-container,

    .pum-theme-default-theme .pum-container {

        width: 370px !important;

        left: 10px !important;

    }



    .content-product iframe {

        width: 100%;

    }



    .home-banner-right .img-item-banner.active {

        padding-top: 33%;

    }

}



/* Flash sale */

.irt-flash-sale {

    margin-top: 30px;

}



.irt-flash-sale .product-sale {

    background-repeat: no-repeat;

    background-size: 1200px 470px;

    overflow: hidden;

    padding: 55px 13px 31px 0;

    min-height: 400px;

}



.irt-flash-sale .product-sale .box-products {

    width: calc(100% - 231px);

    margin: auto 0 auto auto;

}



.list-product-sale .irt-item-proc {

    height: auto;

    min-height: 202px;

    float: left;

    margin-bottom: 1rem;

    padding: 1rem 1rem 0 1rem;

    background: #ffffff;

    position: relative;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    border-radius: 10px;

}



.irt_countdown {

    background-color: #fff;

    padding: 5px;

    border-radius: 10px;

}



.product-sale .box-title {

    text-align: right;

    position: relative;

    top: -30px;

}



.product-sale .box-title h4 {

    font-size: 16px;

}



.icon-cps-chat-zalo {

    background-image: url(https://haiphongcomputer.vn/assets/user/themes/devwp/img/zalo-icon.png);

    background-size: 50px;

}



.icon-cps-chat-mess {

    background-image: url(https://haiphongcomputer.vn/assets/user/themes/devwp/img/msg.png);

    background-size: 50px;

}



.stiky__image--item {

    position: fixed;

    top: 150px;

    width: 140px;

    border-radius: 8px;

    overflow: hidden;

}



.fixed__left {

    left: calc(50% - 950px);

}



.fixed__right {

    right: calc(50% - 950px);

}



@media (min-width: 1650px) {

    .stiky__image--item {

        height: 580px !important;

    }

}



.spinner {

    width: 40px;

    height: 40px;

    border: 4px #ddd solid;

    border-top: 4px #d81d0d solid;

    border-radius: 50%;

    animation: sp-anime 0.8s infinite linear;

}



@keyframes sp-anime {

    100% {

        transform: rotate(360deg);

    }

}



.cv-spinner {

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}



.list-ft-p {

    display: flex;

    align-items: center;

    cursor: pointer;

}



.box-cart-list-item {

    width: 100%;

    border: 1px solid rgba(216, 29, 13, 0.2);

    padding: 5px;

    display: flex;

    flex-wrap: wrap;

}



.box-change {

    padding-left: 90px;

    float: right;

    width: 100%;

}



.box-cart-list-item .box-img-item {

    float: left;

    width: 80px;

}



.box-info-item-cart {

    float: left;

    width: calc(100% - 80px);

    padding-left: 10px;

}



@media screen and (max-width: 768px) {

    .product-quantity {

        width: 100px;

        height: 27px;

        /* margin: 1px 0 0; */

    }



    .header-menu__cover {

        display: flex;

        align-items: center;

        /* width: 79px; */

    }



    .page-news .item-new {

        margin-bottom: 16px;

    }



    .header-mobile-cart {

        display: flex;

        align-items: center;

    }



    .show-pc {

        padding: 10px 0 10px;

    }



    .box-email {

        display: flex;

    }



    .box-zalo {

        padding: 16px 15px;

    }



    .box-zalo .box-left {

        width: 100%;

        float: none;

    }



    .title-footer {

        margin-top: 28px;

    }



    .footer-info .col-md-12.col-lg-6 .title-footer {

        margin-top: 0;

    }



    .faq-footer {

        padding: 0;

    }



    .faq-footer .col-md-6.col-lg-3 .title-footer {

        margin-top: 10px;

    }

}