@media (max-width: 648px) 
	
{ .mobile-hotline{
display:block!important; } } .mobile-hotline { height: 50px; left: 0; position: fixed; width: 100%; bottom: 0px; z-index: 999; display:none; } .mobile-hotline .mobile-hotline-left { float:left; width: 50%; background: linear-gradient(to right, #00b3e5, #00a5eb, #0095ef, #0084f0, #0070eb); } .mobile-hotline .mobile-hotline-right { float:right; width: 50%; background: linear-gradient(90deg, rgba(230,0,0,1) 0%, rgba(250,46,0,1) 50%, rgba(255,94,0,1) 100%); } .mobile-hotline .mobile-hotline-left a { color: #fff; display: block; text-align: center; padding-top: 15px; font-weight:bold; } .mobile-hotline .mobile-hotline-right a { color: #fff; display: block; text-align: center; padding-top: 15px; font-weight:bold;
}
img {
    border-radius: 7px;
}
.header-bottom {
    background: linear-gradient(90deg, #004b99, #0083e3, #004b99);
}

.header-vertical-menu__fly-out .nav-top-link{font-size: 1em;color: rgb(0, 0, 0);}
.nav-column li > a, .nav-dropdown > li > a{width: 300px;
}
/**/
.product_meta .sku_wrapper{
display:none; } .thong_tin_sp li { list-style: none; width: 50%; display: inline-table; margin-left: 0px !important; font-size:14px; } /**/ .product-small .col-inner:hover .box-image img { transform: rotateY( 180deg );
}
/**/
.text-phone { } .text-phone strong{ font-size:19px; } .text-phone span{ font-size:13px; } /**/



/**/
.box-gioithieu{
display:flex; align-items:center; } .box-gioithieu h4 { font-size: 5.5em; width: 15%; color: #1D71AB; line-height: 1; margin-right: 10px; } .box-gioithieu .item { text-align: left; } .box-gioithieu .item { text-align: left; } .box-gioithieu .item { text-align: left; } .box-gioi-thieu-home{ box-shadow: 0px 0px 10px #e1e1e1;
}
.box-gioi-thieu-home .box-text{ background: white;
}
/*TAB HOME*/
.tab-home {padding: 10px 10px 20px 10px; background-color: rgb(255, 255, 255); border-radius: 10px; box-shadow: 3px 7px 10px #ccc;} .tab-home .tabbed-content .nav-simple li { background-color: #fff; border-left: 8px solid #ccc; padding-left: 20px; margin-right: 4.5px; flex: 1; } .tab-home .tabbed-content .nav-simple li a{ font-size: 18px; text-align: left; font-weight: 600;
}
.tab-home .tabbed-content .nav-simple li:first-child.active, .tab-home .tabbed-content .nav-simple li:first-child.active a, .tab-home .tabbed-content .nav-simple li:first-child:hover{ border-left-color: #ff9800; color: #ffffff; background-color: #0674c5;}
.tab-home .tabbed-content .nav-simple li:nth-child(2).active, .tab-home .tabbed-content .nav-simple li:nth-child(2).active a, .tab-home .tabbed-content .nav-simple li:nth-child(2):hover{ border-left-color: #FDC100; color: #FDC100;
}
.tab-home .tabbed-content .nav-simple li:nth-child(3).active, .tab-home .tabbed-content .nav-simple li:nth-child(3).active a, .tab-home .tabbed-content .nav-simple li:nth-child(3):hover{ border-left-color: #00ADEF; color: #00ADEF;
}
.tab-home .tabbed-content .nav-simple li:nth-child(4).active, .tab-home .tabbed-content .nav-simple li:nth-child(4).active a, .tab-home .tabbed-content .nav-simple li:nth-child(4):hover{ border-left-color: #F26C3A; color: #F26C3A;
}
.tab-home .tabbed-content .nav-simple li:nth-child(5).active, .tab-home .tabbed-content .nav-simple li:nth-child(5).active a, .tab-home .tabbed-content .nav-simple li:nth-child(5):hover{ border-left-color: #f00; color: #f00;
}
.tab-home .tabbed-content .nav-simple li:nth-child(6).active, .tab-home .tabbed-content .nav-simple li:nth-child(6).active a, .tab-home .tabbed-content .nav-simple li:nth-child(6):hover{ border-left-color: #7360A8; color: #7360A8;
} /**/
.product-small .col-inner {
border: 1px solid #e2e2e2; background-color:white; border-radius: 6px; } .product-small:hover .col-inner { border: 1px solid #ff6200; box-shadow: 3px 3px 7px #cbcbcb; }
/**/
.tabbed-content .tab-panels .panel .row-1 { background: url(/images/laptop-banner-home.jpg) no-repeat; margin: 0 auto; background-size: cover; } .tabbed-content .tab-panels .panel .row-2 { background: url(/images/banner-pc-home.jpg) no-repeat; margin: 0 auto; background-size: cover; border-radius: 8px;} .tabbed-content .tab-panels .panel .row-3 { background: url(/images/thiet-bi-van-phong-banner-home.jpg) no-repeat; margin: 0 auto; background-size: cover; } .tabbed-content .tab-panels .panel .row-4 { background: url(/images/camera-banner-home.jpg) no-repeat; margin: 0 auto; background-size: cover; } .tabbed-content .tab-panels .panel .row-5 { background: url(/images/linh-kien-banner-home.jpg) no-repeat; margin: 0 auto; background-size: cover; } .tabbed-content .tab-panels .panel .row-6 { background: url(/images/thiet-bi-mang-banner-home.jpg) no-repeat; margin: 0 auto; background-size: cover; }
/**/
.section-title-normal { text-align: left; font-size: 19px; margin-top: 10px; border-bottom: 3px solid #ff8d00; margin-bottom: 10px; text-transform: uppercase;
}
.section-title span { color: #fff; padding: 7px 20px 5px; border-color: #ff8d00; background-image: url(/images/icon-title.png); background-position: 0px center; background-color: #026db5; background-repeat: no-repeat; position: relative; padding-left: 70px; padding-right: 10px; font-weight: 700; border-top-right-radius: 5px;
} 

.tintucsukien-home .khachhang .section-title-normal{ padding-bottom:0; } .tintucsukien-home .khachhang .text-before{ padding: 20px 30px; background: #F6F6F6; position: relative; margin-bottom: 20px; } .tintucsukien-home .khachhang .text-before:before { left: 10px; top: 5px; font-size: 35px; color: #777; content: "\201C"; line-height: 1; position: absolute; } .tintucsukien-home .khachhang .text-before:after { color: #777; content: "\201D"; font-size: 80px; line-height: 1; position: absolute; right: 10px; font-size: 35px; bottom: -5px; } .tintucsukien-home .khachhang .icon-box .icon-box-img img { border-radius: 6px; } .tintucsukien-home .khachhang .icon-box-text h3{ font-size:16px; } .tintucsukien-home .khachhang .icon-box-text p{ font-size:14px; } .tukhoa-home .keyword-search{ font-size: .9em;  } /**/


/*GIAO DIEN BAI VIET*/
.taxonomy-description {
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 .1em .7em rgb(0 0 0 / .1);
}

div#post-list {
    padding: 20px;  border-radius: 10px;
    background-color: #fff;   box-shadow: 0 .1em .7em rgb(0 0 0 / .1);
/**/


	
/*BLOG POST THEME*/
 .article-inner { background: #ffffff; border-radius: 10px; padding: 20px;
}
.taxonomy-description { background: #ffffff; padding: 20px; border-radius: 6px;}

}
/**  WIDGET**/
h3.widget-title.shop-sidebar {
    background: linear-gradient(90deg, #0083e3, #004b99);
    border-radius: 6px;border-left: 8px solid #ff8000;
    font-size: 18px;
    color: #fff; 
    display: block;
    position: relative;
    padding-top: 10px;
    min-height: 40px;
    line-height: 25px;
    padding-left: 5px;
    text-align: center;
    text-transform: uppercase;
}
span.widget-title { background: linear-gradient(90deg, #0083e3, #004b99); border-radius: 6px; font-size: 18px; color: white; display: block; position: relative; padding-top: 7px; min-height: 40px; line-height: 28px; padding-left: 5px; text-align: center;
}
.widget ul { margin-top: 10px; box-shadow: rgb(221, 221, 221) 2px 0px 8px; padding: 18px; border-radius: 10px; background-color: white; }
/**/
.textwidget.custom-html-widget {
    margin-bottom: 30px;
    box-shadow: 0 .1em .7em rgb(0 0 0 / .1);
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
}
aside#custom_html-2 {
    margin-bottom: 30px;

}

.widget_price_filter .price_slider_amount .button { border-radius: 6px; background-color: #ff9800; float: left; font-size: .85em; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 15px; height: 15px; cursor: pointer; outline: none; top: 5px; border-radius: 6px; background-color: #ff9800; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 10px; height: 100%;
}
/**/
.form-flat button, .form-flat input { border-radius: 6px; width: 70%; } .current .breadcrumb-step, [data-icon-label]:after, .button#place_order, .button.checkout, .checkout-button, .single_add_to_cart_button.button { background-color: #ffab00!important; }

} /*style callnow*/
.callnow-phone-ring-circle{width:85px;height:85px;top:10px;left:10px;position:absolute;background-color:transparent;border-radius: 100px;border:2px solid #e60808;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:.5}
.callnow-phone-ring-circle-fill{width:55px;height:55px;top:26px;left:26px;position:absolute;background-color:rgba(230,8,8,.7);border-radius: 100px;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.callnow-phone-ring-img-circle{background-color:#e4212a;width:33px;height:33px;top:37px;left:37px;position:absolute;background-size:20px;border-radius: 100px;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.callnow-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.callnow-phone-ring-img-circle .pps-btn-img img{width:25px;height:25px} .callnow-bar{position:absolute;background:#e88a25;background:-webkit-linear-gradient(left,#e88a25,#d40000);background:-o-linear-gradient(right,#e88a25,#d40000);background:-moz-linear-gradient(right,#e88a25,#d40000);background:linear-gradient(to right,#e88a25,#e4212a);height:40px;width:200px;line-height:40px;border-radius: 6px;padding:0 10px;background-size:100%;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;z-index:9;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.1);border-radius: 100px;border:2px solid #fff;left:33px;bottom:37px}.callnow-bar>a{color:#fff;text-decoration:none;font-size:18px;font-weight:900;text-indent:44px;display:block;letter-spacing:1px;line-height:38px;font-family:Arial}.callnow-bar>a:hover,.callnow-bar>a:active{color:#fff}@-webkit-keyframes phonering-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-webkit-keyframes phonering-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}}@-webkit-keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@media (max-width:768px){.callnow-bar{display:none}} .callnow-phone-ring-img-circle .pps-btn-img img { width: 25px; height: 25px;
}
img { border: none; } .callnow-phone-ring-wrap { position: fixed !important; bottom: 25px; left: 0; z-index: 1111111; } .callnow-phone-ring { position: relative; visibility: visible; background-color: transparent; width: 110px; height: 110px; cursor: pointer; z-index: 11; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transition: visibility .5s; left: 0; bottom: 0; display: block;
}
/*End style callnow*/ 

}
.row.row-large.row-divided {
    max-width: 1410px;
}
.row-large>.col, .row-large>.flickity-viewport>.flickity-slider>.col {
        margin-bottom: 0;
        padding: 0 10px 10px;
    }
}
h3.accordion_title { text-align: center; font-size: 28px;
}
.badge-inner.callout-new-bg.is-small.new-bubble { background-color:red;
}
.accordion { font-size: 14px;
}
.image-cover { height: 180px;border-radius: 6px; padding: 0.5em 1em 0.1em 1em;   border-radius: 6px; background-color: #fbfbfb; font-style: normal; font-size: 1.1rem;
}
@keyframes artru_fadeIn { 100% { opacity: 1 }
} html { opacity: 0.001; animation: artru_fadeIn 0.6s forwards
} .pum-theme-24696, .pum-theme-default-theme { background-color: rgb(0 0 0 / 18%);
}
#custom_html-3{ position: sticky; position: -webkit-sticky; top: 55px; }
.header-main .nav > li > a { line-height: 16px; color: white;
}
/* PULSE SHRINK
/*================*/ @-webkit-keyframes pulse-shrink-on-hover { to { -webkit-transform: scale(0.9); transform: scale(0.9); }
}
@keyframes pulse-shrink-on-hover { to { -webkit-transform: scale(0.9); transform: scale(0.9); }
}
.pulse-shrink-on-hover { padding-right: 10px; padding-left: 10px; padding-top: 5px; margin: 0; background: red; border-radius: 6px; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-animation-name: pulse-shrink-on-hover; animation-name: pulse-shrink-on-hover; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate;
}
.pulse-shrink-on-hover2 {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    margin: 0;
    background: linear-gradient(90deg, #004b99, #0083e3, #004b99);
    border-radius: 6px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-animation-name: pulse-shrink-on-hover;
    animation-name: pulse-shrink-on-hover;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/*2 nút nhỏ ở sp*/
ul.kho-guitn { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ededed; list-style: none; margin-top: 10px; padding-top: 10px; margin-bottom: 0; } ul.kho-guitn li { max-width: 50%; flex: 50%; margin-left: 0; font-size: 14px; } .kho-guitn li.kho { color: #036600; }
ul.kho-guitn li.guitn span { width: 100%; position: relative; display: flex; justify-content: space-evenly; background: #f4f4f4; width: 100%; border-radius: 6px; padding: 10px 0; } ul.kho-guitn li.guitn span:before { content: ''; background: url(/wp-content/uploads/2021/07/icon-zalo-new.png); width: 20px; height: 20px; background-size: cover; display: block; } ul.kho-guitn li.guitn .messenger { display: block; margin-bottom: 0; color:#0070ad;}

/**Product images**/
.product-small.box { 
	padding-right: 10px; 
	padding-left: 10px; 
	padding-top: 5px; 
	padding-bottom: 5px;
	    min-height: 405px;
	/**/
} /**MÀU XEM TAT CA**/
.section-title a { display: block; color: Black; padding-left: 10px; font-size: 0.9em; margin-left: auto; }

table { border-spacing: 1; border-collapse: collapse; background: white; border-radius: 6px; overflow: hidden; position: relative;
}
tr { background: #ffffff;
}
th { font-weight: 600; font-size: 16px; color: #ffffff; background: #3873bc; padding: 10px;
}
table tr:nth-child(odd){ background-color:#f9f9f9; } table tr:hover {background-color: #ddd;} table tr:nth-child(1){ background-color:#006baf; color: #ffffff; } /**endtable*/ /**/
#wide-nav>.flex-row>.flex-left {max-width: 285px;
}
/**/
.searchform-wrapper input[type='search'] { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .searchform-wrapper .search_categories { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .searchform-wrapper .submit-button { padding-left: 8px; padding-right: 8px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #ff9800; } .searchform-wrapper .icon-search:before { content: 'Search'; font-family: "Quicksand", sans-serif; } /**/

.lightbox-content
{    border-radius: 6px; box-shadow: 3px 3px 20px 0 rgb(0 0 0 / 78%); } .col-video-home{ background-image: url(/wp-content/uploads/2022/09/computer-repair-services-tphcm.jpg); background-color: #ff864c; background-blend-mode: soft-light; background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 6px; text-align: center; position: relative; overflow: hidden; height: 200px; } .video-one__content { display: flex; position: relative; justify-content: center; align-items: center; flex-direction: column; padding-top: 60px; } .video-one__content::before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: #ff864c; opacity: 0.4; } 
.video-one__content .video-popup { width: 40px; height: 40px; border-radius: 6px; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 18px; font-weight: 700; position: relative; margin-bottom: 40px; cursor: pointer; padding-left: 3px; } 
.video-one__content .video-popup::before { content: ''; position: absolute; width: 80px; height: 80px; border-radius: 6px; border: 2px solid #fff; opacity: .4; top: calc(50% - 40px); left: calc(50% - 40px); -webkit-animation: videoBtnAnim 3s ease-in infinite; animation: videoBtnAnim 3s ease-in infinite; } .video-one__content .video-popup::after { content: ''; position: absolute; width: 120px; height: 120px; border-radius: 6px; border: 2px solid #fff; opacity: .15; top: calc(50% - 60px); left: calc(50% - 60px); -webkit-animation: videoBtnAnim 5s ease-in-out infinite; animation: videoBtnAnim 5s ease-in-out infinite; } .video-one__content h3 { font-weight: 800; color: #fff; font-size: 1.6em; margin: 0; position: relative; } 

/**/
#content {width: 100%; overflow: hidden; position: relative; }

.hotline { margin-left: 5px; background: #2aab00; } .hotline:hover { color: #fff; background: #f19d03; } .hotline strong{ font-size:18px; } .hotline span{ font-size:14px; text-transform: none; } .ship-product { font-size: 16px; display: inline-block; width: 100%; border-top:none!important;}
/**/
.short-excerpt { display: inline-block; width: 100%; font-size: 14px; background: #ffffff; padding: 10px; border-radius: 6px; border: 1px dashed #ff8600; line-height: 22px; padding-bottom: 0; background-image: url('/images/box-gift.jpg');} .short-excerpt .km { display: inline-block; width: 100%; font-size: 20px; font-weight: 700; margin-bottom: 10px; color: red; text-transform: uppercase;} .short-excerpt ul{ list-style:none; } .short-excerpt ul li{ margin-left:0; } .short-excerpt ul li p{ margin-bottom:0; } .short-excerpt li:before { content: ''; background: url(/images/check.png) no-repeat; width: 14px; height: 14px; background-size: 14px 14px; margin-right: 10px; float: left; margin-top: 4px; }

del span.amount {
    font-weight: 400;
    margin-right: .5em;
    color: #000000;
}
span.amount {white-space: nowrap; color:#EB0000; font-weight: 700; } .secondary, .checkout-button, .button.checkout, .button.alt { background-color: #ff9800; } li { margin-bottom: .1em; } .page-title-inner { position: relative; padding-top: 10px; min-height: 20px; } .mb-half { margin-bottom: 15px; border: 1px solid #E1E1E1; border-radius: 6px; }