/*
Theme Name: CTS Framework
Theme URI: 
Author: CTS_Framework
Author URI: 
Description: ZW
Text Domain: zw
Tags:
*/
body{
    font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: normal;
    line-height: 1.5; color: #333; background-color: #f9f9f9;   
}
h1{font-size: 32px}
h2{font-size: 24px}
h3{font-size: 18.72px}
h4{font-size: 16px}
h5{font-size: 13.28px}
h6{font-size: 12px}
   .data-table {
    width: 100%;
    border: 1px solid #e6e6e6;}

    table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
.woocommerce .star-rating span::before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
    color: #e4de0b;
}
.doitac_css{background: #fff; margin: 5px auto}
.header-top, .header-center{
        background: rgb(1,63,210);
    background: linear-gradient( 
1deg
 , rgba(0,212,255,1) 0%, rgba(1,63,210,1) 100%)
}

.data-table tr.last th, .data-table tr.last td {
    border-bottom: 0 !important;}
    .data-table thead th {
    background: #f2f2f2;
}
@media(max-width: 768px){
    .checklistpr_call button{margin: 5px 0px}
}
.checklistpr_call{margin-bottom: 10px}
.checklistpr_call button {padding: 10px;
    font-size: 17px;
    font-weight: 700;}
.checklistpr_call .btn-danger{background-color: #d91f0b;
    border-color: #d91f0b;}
.checklist_pr ul li{
        margin-left: 0px;
    list-style: url('https://mysbet.thietkeweb247.vn/wp-content/uploads/icon.jpg');
}
.checklist_pr ul{
        padding-left: 23px;
}
.data-table .odd {
    background: #f8f7f5;
}
.data-table .even {
    background: #eeeded;
}
.data-table tbody th, .data-table tbody td {
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
.data-table th {
    padding: 8px;
    font-weight: bold;
}
.data-table td {
    padding: 8px;
}

caption, th, td {
    vertical-align: top;
    text-align: left;
    font-weight: normal;
}
.data-table tr.last th, .data-table tr.last td {
    border-bottom: 0 !important;
}
.data-table thead th {
    background: #f2f2f2;
}
.data-table thead th {
    font-weight: bold;
    border-right: 1px solid #e6e6e6;
    padding: 8px;
    color: #000;
    white-space: nowrap;
    vertical-align: middle;
}.data-table thead th {
    font-weight: bold !important;
    border-right: 1px solid #e6e6e6;
    padding: 8px;
    color: #000;
    white-space: nowrap;
    vertical-align: middle;
}
/*Comment style*/
span.title_comment {font-size: 20px;color: #606664;line-height: 1.3em;font-weight: 700;margin: 0 0 15px;display: inline-block;}
#formcmmaxweb {overflow: hidden;position:relative;margin-bottom: 20px;}
#formcmmaxweb .nameuser {text-align: left;}
#formcmmaxweb .avatarmw img {float: left;margin: 5px 10px 0 0;border: 1px solid #ccc;padding: 5px;}
.comments-title-maxweb {margin: 30px 0;font-weight: normal;}
.commentlist {margin-top: 10px;}
.commentlist li {overflow: hidden;clear: both;margin-bottom: 10px;}
.commentlist .children {margin-top: 10px;}
.commentBody em {color: red;}
.comment-author.vcard{margin-right: 15px;}
.comment-author.vcard img{max-width: 50px; max-height: 50px; border-radius: 50px;}
.commentBody {position: relative;}
.comment-meta.commentmetadata {position: relative;padding: 0;margin: 0 0 5px;}
.noidungcomment {font-size: 16px;line-height: 24px;}
.cancel-comment-reply a {font-size: 14px;text-decoration: none;color: #a9883f;}
.nocomments {border-color: #D98D8D;background-color: #FFCECE;background-position: left -792px;color: #665252;padding: 10px;}
.comment-meta.commentmetadata .ngaythang {position: absolute;top: 0;right: 0;color: #337ab7;opacity: 0.3;font-size: 12px;}
.commentBody:hover .comment-meta.commentmetadata .ngaythang{opacity: 1;}
.commentBody .reply {float: right;margin: 0;position: absolute;bottom: 0;right: 0;}
.comment-meta.commentmetadata .fn {font-weight: 700;color: #333;margin: 0;text-transform: capitalize;font-size: 15px;line-height: 22px;margin-top: 2px;}
ol.commentlist_mw{padding: 0;}
ol.commentlist_mw,
ol.commentlist_mw ul.children {list-style: none;}
ol.commentlist_mw li{margin-bottom: 10px;}
ol.commentlist_mw li > div{display: flex; justify-content: flex-start;}
ol.commentlist_mw > ul.children{margin: 10px 0 15px 35px;background: #f1f1f1;padding: 10px;position: relative;}
ol.commentlist_mw > ul.children:before {content: '';position: absolute;top: -10px;left: 14px;width: 0;height: 0;border-bottom: 10px solid #f1f1f1;border-left: 10px solid transparent;border-right: 10px solid transparent;}
div.error {color: red;font-size: 12px;text-align: left;line-height: 16px;margin: 3px 0 0;}
.tools_comment a {color: #4a90e2;font-size: 14px;position: relative;padding: 0 15px 0 0;margin: 0 7px 0 0;line-height: 14px;}
.tools_comment a:after {content: "";width: 4px;height: 4px;top: 50%;margin-top: -2px;background: #999;position: absolute;right: 0;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.tools_comment a:last-child:after{display: none;}
.tools_comment a:last-child{padding: 0;margin: 0;}
.noidungcomment p {margin: 0 0 5px; font-size: 14px;}
#formcmmaxweb  input[type="submit"],
#formcmmaxweb input[type="button"],
#formcmmaxweb input[type="reset"],
#formcmmaxweb article.post-password-required input[type=submit],
#formcmmaxweb li.bypostauthor cite span {padding: 6px 10px;padding: 0.428571429rem 0.714285714rem;font-size: 11px;font-size: 0.785714286rem;line-height: 1.428571429;font-weight: normal;color: #7c7c7c;background-color: #e6e6e6;background-repeat: repeat-x;background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);background-image: linear-gradient(top, #f4f4f4, #e6e6e6);border: 1px solid #d2d2d2;border-radius: 3px;box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);}
#formcmmaxweb button, #formcmmaxweb input, #formcmmaxweb textarea {border: 1px solid #ccc;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;font-family: inherit;padding: 6px;padding: 0.428571429rem;}
#formcmmaxweb button,
#formcmmaxweb input[type="submit"],
#formcmmaxweb input[type="button"],
#formcmmaxweb input[type="reset"] {cursor: pointer;}
.reply a.comment-reply-link {color: #337ab7;text-decoration: none;font-weight: 400;font-size: 12px;}
.reply a.comment-reply-link:hover {color: #c7a611;}
#formcmmaxweb p,
#formcmmaxweb input,
#formcmmaxweb textarea{width: 100%;background: transparent;outline: none;font-size: 14px;}
#formcmmaxweb input,
#formcmmaxweb textarea{border: 1px solid #d7d7d7;color: #2e2e2e;display: block;}
#formcmmaxweb input:focus,
#formcmmaxweb textarea:focus{border-color: #337ab7;}
#formcmmaxweb p{margin-bottom: 10px;text-align: center;}
#formcmmaxweb #commentform p{overflow: hidden;}
#formcmmaxweb .name-email p{width: 50%;float: left;}
#formcmmaxweb .name-email p:first-child{padding-right: 5px;}
#formcmmaxweb .name-email p:last-child{padding-left: 5px;}
#formcmmaxweb input#submit {
    width: auto; font-weight: 400; border: none; float: left; outline: none; display: inline-block;
    line-height: 1; background: #446cb3;  text-transform: uppercase; font-size: 14px; color: #fff; padding: 7px 21px;
}
#formcmmaxweb input#submit:hover {background: #c7a611;}
#formcmmaxweb  ::-webkit-input-placeholder {color: #999999;}
#formcmmaxweb ::-moz-placeholder { /* Firefox 18- */color: #999999;}
#formcmmaxweb ::-moz-placeholder {/* Firefox 19+ */color: #999999;}
#formcmmaxweb ::-ms-input-placeholder {  color: #999999;  }
/*menu mobile*/
header .navbar > .container { position: relative; }
.navbar-toggle{
    border-radius: 0; z-index: 100; position: absolute;
   left: 5px; top: 13px; margin: 0; height: 34px;
}
.navbar-toggle .icon-bar{ display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #fff;}

.sideoverlay{
    position: fixed; z-index: 1000; top: 0; right: 0; width: 100%; height: 100%; -webkit-transition: .4s;
    -o-transition: .4s; transition: .4s; background-color: rgba(17, 17, 17, 0.36); display: none;
}
.sidenav{
    position: fixed; z-index: 99999; top: 0; left: 0; overflow-x: hidden; width: 0vw;
    height: 100%; -webkit-transition: .15s; -o-transition: .15s; transition: .15s; background-color: #fff;
}
.sidenav-header{
    background-color: #0153d8; position: absolute; width: 100%;
    top: 0; left: 0; z-index: 1; text-align: center;
}
#close-snav{ font-size: 30px; color: #fff; position: absolute; left: 10px; top: 0;}
.sidenav-logo{height: 45px; display: table; margin: auto;}
.sidenav-logo a{display: table-cell;vertical-align: middle;}
.sidenav-logo img{max-height: 40px;}

.sidenav-content{
    position: absolute; width: 100%; height: 100%;top: 0;
    left: 0; overflow: auto; padding-top: 45px; background-color: #fff;
}

#menu-responsive{padding: 0; list-style: none;  margin: 0;}
#menu-responsive > li{padding: 0 13px; position: relative;}
#menu-responsive > li:not(:last-child), #menu-responsive .sub-menu li:not(:last-child){border-bottom: 1px solid #ddd;}
#menu-responsive > li a{ position: relative; padding: 9px 30px 9px 0; font-size: 15px; line-height: 21px; z-index: 0; color: #333e48; display: block;}

#menu-responsive li.menu-item-has-children > .icon{position: absolute; cursor: pointer; top: 11px; text-align: center; right: 10px; width: 20px; height: 20px;}
#menu-responsive li.menu-item-has-children > .icon:after{
  z-index: 10; width: 20px; height: 20px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit;
  line-height: 20px; content: "\f105"; color: #333; vertical-align: top;
}
#menu-responsive li.menu-item-has-children.active > .icon:after{content: "\f107";}
#menu-responsive li.menu-item-has-children.active > a{}
#menu-responsive li.menu-item-has-children.active > ul.sub-menu{ max-height: unset; visibility: visible; margin-top: 10px;}
#menu-responsive >li:not(:last-child){position: relative;}
/*#menu-responsive >li.menu-item-has-children {border-bottom: 0;}*/
#menu-responsive>.menu-item-has-children>a {border-bottom: 1px solid rgba(255, 255, 255, 0.17);}

#menu-responsive .sub-menu{
    width: 100%; border: none; padding: 0; max-height: 0; visibility: hidden;  overflow: hidden;
    border-top: 1px solid #ddd; -webkit-box-shadow: 0 0 0 #fff; -ms-transform: 0 0 0 #fff;
    -o-transform: 0 0 0 #fff; box-shadow: 0 0 0 #fff; list-style: none; transition: all .3s ease;
}
#menu-responsive .sub-menu li{ position: relative;}
#menu-responsive .sub-menu li a{ display: block; padding-top: 9px; padding-bottom: 9px; padding-left: 18px;}
#menu-responsive li a:hover, #menu-responsive .sub-menu li a:hover{ color: #e21d2a;}

#menu-responsive li.current-menu-ancestor > ul{display: block;}
#menu-responsive li.current-menu-ancestor > a{font-weight: bold;}
#menu-responsive .sub-menu li.current-menu-item > a{color: #e21d2a; font-weight: bold; background-color: #f5f5f5;}


a:focus, a, a:hover {text-decoration: none;outline: 0;}
/*End menu*/
/*Css Pagination*/
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
.navigation li {display: inline;}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #fff;
    border-radius: 3px;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #d3d3d3;
    color: #333;
    font-weight: 600;
}
.navigation li a:hover,
.navigation li.active a {
    background-color: #ed6011;
    color: #fff;
}
.navigation ul {padding: 0;margin: 5px;}
.navigation {margin: 10px 0;text-align: right;}
/*End Css Pagination*/
input#billing_first_name, input#billing_address_1, input#billing_phone, input#billing_city, input#billing_email,
textarea#order_comments, input#shipping_first_name, input#shipping_address_1, input#shipping_city, 
input#billing_last_name, input#billing_company, input#shipping_last_name, input#shipping_company, input#billing_postcode, input#shipping_postcode {
    padding: 7px 5px;
    border-radius: 5px;
    border: 1px solid #797979;
}
p#billing_first_name_field, p#shipping_first_name_field {
    width: 100%;
}

@media (min-width: 1366px){
    .container {width: 1270px;}
}


/*
======================================
[ Header ]
======================================
*/
header{ background: #333}

.nav-top{ height: 40px; overflow: hidden;}
.nav-list{float: right;}
.nav-list ul{margin: 0; padding: 0; list-style: none;}
.nav-list li{
    height: 40px !important; font-size: 13px; color: #333; position: relative !important;
    display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;float: left;
}
.nav-list li:before{
    content: ""; position: absolute; width: 1px; right: 0; top: 15px;
    border-left: 1px solid #f5f5f5; height: 10px;
}
.nav-list li:last-child:before{width: 0; border: 0;}
.nav-list li img.ubermenu-image{float: left;}
.nav-list li a{color: #fff !important; padding: 0 12px !important; line-height: 22px !important;}
.nav-list li .ubermenu-target-with-image>.ubermenu-image{margin: 0; max-width: 20px;}
.nav-list li .ubermenu-target-with-image>.ubermenu-target-text{display: initial;}
.nav-list li a svg{fill: #444;}
.nav-list li a span{margin-left: 5px;}
.fl-left{float: left;}
.fl-right{float: right;}

.zwi-logo h1.logo{display: none;}
.zwi-logo{height: 90px; display: table; margin: auto; transition: all .3s ease;}
.zwi-logo .logo{display: table-cell; vertical-align: middle;}
.zwi-logo .logo img{ transition: all .3s ease;}

/*.header-top{background: #446CB3;}*/
.box-search{margin: 25px 0;}
.box-search .form-group{margin: 0;}
.box-search input[type="search"]{
    border: 1px solid #fff; border-right: none; -webkit-box-shadow: none;
    box-shadow: none; border-radius: 0; height: 40px;
}
.box-search button[type="submit"]{
    background-color: #00BCD4; padding: 0 30px;
    height: 38px; border-radius: 0; border-color: #00BCD4;
}
.box-search svg{fill: #fff; vertical-align: middle;}
.box-search .input-group-btn{
    border: 1px solid #fff; border-left: none; background-color: #fff;
    padding: 0; font-size: 18px; color: #fff; border-radius: 0; height: 40px;
}

/* ctf7 success */
.entry-content blockquote a {display: none;}

/*cart*/
.box-flex {
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
}
.box-cart {
    padding: 0 8px; margin: 24px 0; color: #fff; min-width: 140px;
    border: 1px solid #fff; line-height: 35px; position: relative;
    display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-radius: 3px;
}
.box-cart .item{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
     margin-right: 20px; height: 40px; width: 23px;
}
.box-cart .shop-car{
    position: absolute; top: 0; left: 24px; background: #ff5722; color: #fff; width: 20px; padding: 1px 4px; font-size: 12px; line-height: 18px; height: 20px; text-align: center;
}
.box-cart .shop-car .cart-number{color: #fff;}
.box-cart svg{fill: #fff;}
.box-phone {margin-left: 35px; margin-bottom: 6px; color: #fff;}
.box-phone p {margin-bottom: 2px}
.box-phone ul{margin: 0; list-style: none; padding: 0;}
.box-phone ul li{ text-align: right;}
.box-phone ul li i{padding-right: 2px;}
.box-phone ul li a{color: #fff; display: inline-block; font-size: 15px;}
.box-phone ul li a strong{padding-left: 5px;}
.box-phone ul li:first-child{margin-bottom: 5px;}

.tuvan {
    position: fixed;
    top: 50%;
    right: -56px;
    background: red;
    border: none;
    transform: rotate(-90deg);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 20px;
}

@media (min-width: 992px) {
    .width-20{width: 22%;}
    .width-30{width: 30%;}
    .width-70{width: 70%;}
    .width-80{width: 78%;}
}

/*
======================================
[ Option ]
======================================
*/
.row.no-gutters {
  margin-right: 0px;
  margin-left: 0px;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0px;
  padding-left: 0px;
}
.row.no-gutters5 {
  margin-right: -5px;
  margin-left: -5px;
}
.row.no-gutters5 > [class^="col-"],
.row.no-gutters5 > [class*=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
.row.no-gutters10 {
  margin-right: -10px;
  margin-left: -10px;
}
.row.no-gutters10 > [class^="col-"],
.row.no-gutters10 > [class*=" col-"] {
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 992px){
    .col-md-5th-1{ float: left; width: 20%; padding: 0 10px;}
}
@media (min-width: 1200px){
    .col-lg-push-3 { left: 22%;}
    .col-lg-pull-9 { right: 78%;}
    .box-column {
    margin-top: 40px;
    }
}


.box-menu .ubermenu-main > .ubermenu-nav > .ubermenu-item{width: 100%;}
.box-menu .ubermenu-main > .ubermenu-nav > .ubermenu-item > .item-menu-cat{
    font-size: 15px; font-weight: 700; text-transform: uppercase; margin: 0px;
    color: #FFFFFF; display: block; background: #0f53b3; font-family: 'Open Sans', sans-serif;
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
    cursor: pointer; height: 40px; padding: 0 10px; line-height: 39px;
}
.box-menu .ubermenu-main > .ubermenu-nav > .ubermenu-item > .item-menu-cat:after{
    margin: 0; transform: translate(0, -50%);
}

.header-center{color: #fff; border-top: 1px solid #fff;}
.main_menu ul.menu{
    list-style: none; padding: 0; margin: 0 auto; z-index: 99;
    display: block; position: relative;
}
.main_menu ul.menu > li{ float: left; position: relative; margin: 0;border-left: 1px solid #fff;    padding: 0px 8px}
.main_menu ul.menu > li:last-child{margin-right: 0;}
.main_menu ul.menu > li.menu-item-has-children > a:before{
    content: "\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; right: 0; top: 50%;
    font-size: 17px; text-rendering: auto; -webkit-font-smoothing: antialiased; transform: translate(-50%, -50%); position: absolute;
}
.main_menu ul.menu > li > a{ 
display: block; letter-spacing: 0; line-height: 20px; color: #fff; padding: 10px 15px;
    font-size: 14px; font-weight: 500; text-transform: uppercase;
}
.main_menu ul.menu > li.menu-item-has-children > a::before{font-size: 12px; right: 0;}
.main_menu ul.menu > li > a:hover:after{bottom: 5px; opacity: 1;}
.main_menu ul.menu > li ul.sub-menu {
    background: #fff; display: block; left: -1px; opacity: 0; padding: 0; box-shadow: 0px 0px 5px rgba(0,0,0,.2);
    position: absolute; top: calc(100% + 2px); transform: scale(0); transform-origin: 0 0 0;
    transition: all 0.5s ease 0s; visibility: hidden; width: 220px; list-style: none;
}
.main_menu ul.menu > li ul.sub-menu li a{
    color: #000; display: block; line-height: 1.3;
    font-size: 15px; padding: 10px 20px; text-align: left;
}
.main_menu ul.menu > li ul.sub-menu li a:hover{ background: linear-gradient(1deg, rgba(1,63,210,1) 0%, rgba(0,212,255,1) 100%); color: #fff;}
.main_menu ul.menu li:hover{background-color: #0f53b3;}
.main_menu ul.menu li:hover > a{color: #fff;}
.main_menu ul.menu > li:hover .sub-menu{
    opacity: 1; -webkit-transform: scale(1);
    -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible;
}
.ubermenu-nav > li > .ubermenu-submenu{
    border: 1px solid #dadada; border-top-color: transparent;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.box-menu .ubermenu-nav > li > .ubermenu-submenu{
   overflow: visible !important; margin-top: 0; opacity: 1 !important; min-height: inherit !important; height: auto !important;
}
.box-menu .ubermenu-nav > li > .ubermenu-submenu{
    background-image: linear-gradient(1deg, #013fd2c9 50%, rgb(14, 206, 245) 150%) !important;
}
.ubermenu-nav > li > .ubermenu-submenu > li > .ubermenu-target{color: #fff; font-size: 16px;}
.ubermenu-nav > li > .ubermenu-submenu > li > .ubermenu-target .ubermenu-target-title{color: #fff;}
.home .box-menu .ubermenu-nav > li > .ubermenu-submenu,
.home header.is-sticky .box-menu .ubermenu-nav > li:hover > .ubermenu-submenu{
   display: block !important; visibility: visible !important;
}
.home header.is-sticky .box-menu .ubermenu-nav > li > .ubermenu-submenu{
    display: none !important; visibility: hidden !important;
}
.ubermenu-nav > li > .ubermenu-submenu > li:nth-last-child(2){border-bottom: 0;}

.ubermenu-nav > li > .ubermenu-submenu{background: #fff !important; width: 100% !important;}
.ubermenu-nav > li > .ubermenu-submenu li{height: 53px; border-bottom: 1px solid #eee; margin: 0;padding: 0px 10px;}
.ubermenu-nav > li > .ubermenu-submenu li > .ubermenu-target{display: flex; justify-content: flex-start; align-items: center; height: 50px; padding: 0;}
.ubermenu-nav > li > .ubermenu-submenu li .ubermenu-item-layout-image_above .ubermenu-image{background-color: #fff; width: 25px; border: 1px solid #fff; border-radius: 50%; margin-bottom: 0;}
.ubermenu-nav > li > .ubermenu-submenu li .ubermenu-target-title{color: #333; margin-left: 5px;font-size: 15px;}

.ubermenu-nav > li > .ubermenu-submenu li .ubermenu-submenu{background-color: #fff;}
/*.ubermenu-nav > li > .ubermenu-submenu li .ubermenu-submenu > li{min-width: 200px;}*/
.ubermenu-nav > li > .ubermenu-submenu > li > ul > li > ul >li {
    border-bottom: none;
    padding: 0px 7px;
}
.ubermenu-nav > li > .ubermenu-submenu > li > ul > li {
    margin: 0px;
    border-bottom: none;
    padding: 0px 15px;
}
.ubermenu .ubermenu-item .ubermenu-submenu-drop{background-color: #fff;}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {
    right: 3px !important;
}
.ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item>ul>li {
    min-width: 250px;
}
.ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item ul li:hover {
    background: #3b8ee5;
}

.ubermenu .ubermenu-submenu .ubermenu-submenu-type-flyout {left: 255px;}
.banner-ads .banner-ads__img:first-child{padding-bottom: 10px;}


header.is-sticky .header-center{
    position: fixed; top: 0; border: 0; width: 100%; transition: all .3s ease;
    z-index: 999; background-color: #fff; background: rgba(1,63,210,1);
}

.main-top{margin-bottom: 30px;}

/* breadcrumbs */
nav.breadcrumbs{ background-color: #f5f5f5; margin-bottom: 10px; box-shadow: 0px 2px 4px rgba(0,0,0,0.15);}
#breadcrumbs{ margin: 0; padding: 10px 0; font-size: .92em; color: #333; line-height: 1.5;}
#breadcrumbs a{color: #333;}
#breadcrumbs span.breadcrumb_last{color: #F44336;}
/* end breadcrumbs */
.bg-white{background-color: #fff;}
.grid-slider .owl-theme .owl-nav > div{
    width: 40px; height: 40px; text-align: center; line-height: 37px;
    background: #446cb3; border-radius: 20px; font-size: 30px; transform: none;
}
.grid-slider .owl-theme .owl-prev{left: 5px;}
.grid-slider .owl-theme .owl-next{right: 5px;}


.grid-option{ margin: 20px 0 10px;}
.grid-option ul{
    display: flex; display: -webkit-flex; -moz-justify-content: space-between; list-style: none;
    -webkit-justify-content: space-between; justify-content: space-between; padding: 0; margin: 0;
}
.grid-option ul li{ position: relative; background: #e2e0e0;width: 24%;padding: 10px;border-radius: 5px}
.grid-option ul li{ position: relative;}
.grid-option a{
        position: absolute; content: ""; width: 100%; height: 100%;
    top: 0; left: 0; bottom: 0; right: 0;
}
.grid-option .box-option{}
.grid-option .box-option img{ float: left; max-width: 40px; margin-right: 10px;}
.grid-option .box-option .content{display: table-cell; vertical-align: middle;}
.grid-option .box-option .title{
    color: #080808; text-transform: uppercase; font-weight: 700; display: block;
    clear: both; line-height: 1.4; margin: 0; font-size: 14px; padding-bottom: 2px;
}
.box-option .sapo a{color: red; font-size: 16px font-weight:500px; position: unset;}
.grid-option .box-option .sapo{margin: 0; font-size: 16px; color: #080808; }


.grid-head-wrap{ position: relative; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 5px;}
.grid-head img{ float: left; max-width: 25px; margin: 5px 0; margin-right: 10px; vertical-align: middle;}
.grid-head .title{margin: 0; font-size: 22px; text-transform: capitalize; line-height: 35px; display: inline-block; color: #2a58a9;}

.link_tab_check_click{float: right; margin-top: 10px; margin-bottom: 7px; padding: 0; list-style: none;}
.link_tab_check_click li{display: inline-block;}
.link_tab_check_click li a{color: #252525; font-size: 14px; padding: 5px 8px; display: block; line-height: 25px;}
.link_tab_check_click li a:hover{color: #446cb3;}
/*.link_tab_check_click li:last-child a{padding-right: 0;}*/
.link_tab_check_click li i{padding-left: 5px;}

.grid-head-wrap2{
    color: #0f53b3; font-size: 20px; margin-bottom: 0; position: relative;
 margin-bottom: 20px;
}
.grid-head-wrap2 .grid-head{position: relative; display: inline-block; background: #d0021b; padding: 0 9px; border-radius: 4px 0 0 0;}
.grid-head-wrap2 .grid-head:after{
    position: absolute; right: -30px; top: 0px; width: 0; height: 0; content: '';
    border-bottom: 0; border-right: 0; border-left: 30px solid #d0021b; border-top: 35px solid transparent;
}
.grid-head-wrap2 .grid-head .title{font-size: 20px; color: #fff;}
.grid-head-wrap2 .grid-head .title a{color: #fff;}
.grid-head-wrap2 .link_tab_check_click{margin: 0; padding: 0; list-style: none;}

.grid-product{margin: 0 0 30px;}
.zwi-product{ height: 100%; border-radius: 2px; background: #fff; position: relative; cursor: pointer;}
.zwi-product .zwi-image{position: relative; overflow: hidden; padding: 5px; min-height: 220px;}
.zwi-product .zwi-image a{display: block;}
.zwi-product .zwi-image img{
    max-width: 350px; max-height: 3500px;transition: all .5s ease;
    -webkit-transition: all .5s ease; -o-transition: all .5s ease; 
}

/*single product*/
img.aligncenter {
    display: block;
    margin: 0 auto;
}
.thongso .icon-item {
    display: inline-block;
    margin-right: 1px;
    margin-bottom: 2px;
    text-align: center;
   /* border: 1px solid #ccc;*/
    padding: 0px;
    font-size: 13px;
}
.thongso .icon-item span {
    display: block;
        color: #090;
    font-weight: 500;
}
.zwi-product .zwi-image a:hover img{
    -webkit-transform: scale(1.05); -ms-transform: scale(1.05);
    -o-transform: scale(1.05); transform: scale(1.05);
}
.product-content {clear: both;}
.product-content h4.box-heading {
    font-size: 16px;
    position: relative;
    font-weight: bold;
    margin: 10px 0px;
    background: rgba(0,0,0,.02);
    color: rgba(0,0,0,.87);
    padding: 10px;
    border-left: 5px solid #0051dc;
    text-transform: uppercase;
}
h2.woocommerce-Reviews-title {
    display: none;
}
.product-content .single-content {
    background-color: #fff;
    padding: 10px;
}

.zwi-product .zwi-coder{color: #777; font-weight: 400; padding: 0 5px; margin-top: 0;}
.zwi-product .zwi-trademark{ padding: 0 5px 10px; text-align: center;}
.zwi-product .zwi-trademark img{ margin-bottom: 3px; max-width: 47px;}
.zwi-product .zwi-trademark ul{padding: 0; margin: 0; list-style: none; text-align: center;}
.zwi-product .zwi-trademark ul li{display: inline-block; font-size: 13px; text-align: center;min-height: 45px;}
.zwi-product .zwi-trademark ul li:not(:last-child){padding-right: 10px;}


.zwi-product .zwi-title{color: #333; padding: 0 5px; line-height: 20px; overflow: hidden; text-align: center; font-size: 15px; font-weight: 500;}
.zwi-product .zwi-title a { color: #333; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; min-height: 40px; }
.zwi-product .zwi-price{    background: #d0021b;
    padding: 8px;position: relative;  overflow: hidden; font-weight: 500;
    height: 37px; color: #fff; font-size: 16px; text-align: center; text-transform: uppercase; 
}
/*.zwi-product .zwi-price .fa-gift{ float: left; display: inline-block; font-size: 20px; color: #FFC107; margin-top: 5px;}*/
.zwi-product .zwi-price del{color: #636b6f; font-size: 12px; font-weight: 400; display: inline-block;}
.zwi-product .zwi-price ins{ text-decoration: none; margin-left: 5px; font-size: 16px; display: inline-block;}
.zwi-product .zwi-start{font-size: 11px; padding: 5px; color: #636b6f; display: -webkit-box; display: -ms-flexbox; display: flex;}
.zwi-product .zwi-start .icon-star-rating{margin-left: auto; color: #EC644B;}

.zwi-product:hover .zwi-title a{color: #446cb3;}
.zwi-product:hover .zwi-price .fa-gift{color: #446cb3;}


.grid-product-news .grid-head-wrap{
    margin: 0; padding-top: 5px; border-radius: 5px 5px 0 0;
    background: #013fd2;    
}
.grid-product-news .grid-head img{margin: 5px 10px;}
.grid-product-news .grid-head .title{color: #fff;}
.grid-product-news .zwi-product,
.related.products .zwi-product{margin: 0 0 10px; border: 0 !important; border-right: solid 1px #dbdbdb !important; border-bottom: solid 1px #dbdbdb !important;}
.grid-product-news .owl-theme .owl-nav > div,
.owl__product-related.owl-theme .owl-nav > div{
    width: 40px; height: 50px; border: solid 1px #9E9E9E; padding: 0; font-size: 20px; text-align: center;
    line-height: 48px; position: absolute; top: 50%; -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%); -o-transform: translateY(-50%); color: #333;
    transform: translateY(-50%); background: #fff; z-index: 1;
    -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}
.related.products .grid-head-wrap2{margin-bottom: 0;}


.grid-product-banner{margin-bottom: 20px;}
.grid-product-banner .box-image img{width: 100%; height: auto; object-fit: cover;}
.grid-product .match-my-cols div[class*="col-"], .page__section .match-my-cols div[class*="col-"]{margin-bottom: 10px;}
.grid-product .owl-item{height: 100%;}
.grid-product .firstActiveItem .zwi-product,
.related.products .firstActiveItem .zwi-product{border-left: solid 1px #dbdbdb !important;}
.grid-product .zwi-product .zwi-image{min-height: 270px;}
.grid-product .zwi-product .zwi-image img{width: auto; max-width: 350px; max-height: 350px;}

.zwi-product{border: 1px solid #dbdbdb;}

/*single sidebar*/
ul.product-categories {
    padding-left: 15px;
    list-style: none;
}

ul.product-categories ul.children {
    padding-left: 20px;
}
/*end*/
/*menu archive*/
.grid-sidebar-wrapp{margin-top: 20px;}
.grid-sidebar{margin-bottom: 20px;}
.grid-sidebar .menu{padding: 0; list-style: none; margin: 0;}
.grid-sidebar #menu-menu-danh-muc.menu > li > a{display: none !important;}
.grid-sidebar #menu-menu-danh-muc.menu .sub-menu{padding: 0; list-style: none;  margin: 0;}
.grid-sidebar #menu-menu-danh-muc.menu .sub-menu > li:not(:last-child), .grid-sidebar #menu-menu-thuonghieu.menu > li:not(:last-child),.grid-sidebar #menu-danhmucplus.menu > li:not(:last-child){border-bottom: 1px solid #ddd;}
.grid-sidebar #menu-danhmucplus.menu > li >.sub-menu > li{border-bottom: 1px solid #ddd; list-style: none;}
#menu-danhmucplus li ul li a{padding-left:0px }
#menu-danhmucplus  a{color: #446cb3}
#menu-danhmucplus li ul {padding-left:35px }
.grid-sidebar #menu-danhmucplus.menu > li >.sub-menu > li > .sub-menu > li:not(:last-child){border-bottom: 1px solid #ddd ;}
.grid-sidebar #menu-danhmucplus.menu > li >.sub-menu > li > .sub-menu > li:last-child{border-bottom: none;}
.grid-sidebar #menu-danhmucplus.menu > li >.sub-menu > li:last-child{border-bottom: none;}
.grid-sidebar #menu-danhmucplus.menu > li >.sub-menu > li > .sub-menu > li:first-child{border-top: 1px solid #ddd; }
.grid-sidebar #menu-danhmucplus.menu > li > .sub-menu > li:first-child{border-top: 1px solid #ddd; }
.grid-sidebar #menu-menu-danh-muc.menu .sub-menu > li {position: relative;}
.grid-sidebar #menu-menu-danh-muc.menu .sub-menu > li .sub-menu{
    width: 100%; border: none; padding: 0; max-height: 0; visibility: hidden;
    overflow: hidden; border-top: 1px solid #ddd; -webkit-box-shadow: 0 0 0 #fff;
    -ms-transform: 0 0 0 #fff; -o-transform: 0 0 0 #fff; box-shadow: 0 0 0 #fff;
    list-style: none; transition: all .3s ease;
}
.grid-sidebar .menu li a{ position: relative; padding: 5px 10px 5px 25px; font-size: 15px; line-height: 21px; z-index: 0; color: #333e48; display: block;}
.grid-sidebar .menu li > a:hover{color: #015ddb;}
.grid-sidebar .menu li > a:hover:after{color: #015ddb;}

.grid-sidebar #menu-menu-danh-muc.menu li.menu-item-has-children > .icon{position: absolute; cursor: pointer; top: 8px; text-align: center; right: 10px; width: 20px; height: 20px;}
.grid-sidebar #menu-menu-danh-muc.menu li.menu-item-has-children > .icon:after{
  z-index: 10; width: 20px; height: 20px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit;
  line-height: 20px; content: "\f105"; color: #333; vertical-align: top;
}
.grid-sidebar #menu-menu-danh-muc.menu li.menu-item-has-children.active > .icon:after{content: "\f107";}
.grid-sidebar #menu-menu-danh-muc.menu li.menu-item-has-children.active > a{}
.grid-sidebar #menu-menu-danh-muc.menu li.menu-item-has-children.active > ul.sub-menu{ max-height: unset; visibility: visible; margin-top: 10px;}
.grid-sidebar #menu-menu-danh-muc.menu >li:not(:last-child){border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.grid-sidebar #menu-menu-danh-muc.menu >li.menu-item-has-children {border-bottom: 0;}
.grid-sidebar #menu-menu-danh-muc.menu .menu-item-has-children>a {border-bottom: 1px solid rgba(255, 255, 255, 0.17);}
/*


/* LOC-GIA */
.grid-sidebar .title_widget{
    background: #013fd2c9; font-weight: 600; font-size: 16px; line-height: 24px;
    text-transform: uppercase; margin: 0; border-bottom: 0; padding: 8px 20px;color: #fff;
}


.woocommerce .woocommerce-widget-layered-nav-list{padding: 10px 0; border: 0;}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item{
    border-top: 0 !important; padding-bottom: 10px; padding: 9px 10px; position: relative;
    cursor: pointer; font-size: 14px;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:not(:last-child){ border-bottom: solid 1px #e5e5e5;}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a::before {
    content: ''; font-size: 15px; color: #222; position: absolute; top: 1px; left: 0;
    width: 20px; height: 20px; border-radius: 3px;  border: 1px solid #999;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a {
    position: relative; padding: 0 0 0 30px; border-bottom: 0; display: inline-block; color: #333;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:active::before, 
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:focus::before, 
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover::before, 
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a::before {
    color: #e03232; border-color: #e03232;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:active::before, 
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:focus::before, 
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover::before, 
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a::before {
    content: '\f00c'; color: #e03232; font-size: 15px; position: absolute;
    top: 1px; left: 0; border-color: #e03232;
    line-height: 20px; text-align: center; font-family: FontAwesome;  background: #fff;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:active::before, 
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:focus::before, 
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:hover::before {
    content: '\f00d';
}
 /*loc gia*/

/*archive*/
.term-description{ line-height: 1.5; margin: 10px 0 20px; text-align: justify;}
.page-head .page-title{color: #EC644B; font-family: Arial, Roboto; font-size: 28px;}

.woocommerce nav.woocommerce-pagination{margin: 20px auto 10px; display: table;}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul{border: 0;}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
    padding: 8.3px 15px!important;
    border: 1px solid #dfdfdf!important;
    background: #fafafa!important;
    font-size: 13px!important;
    margin: 2px!important;
    color: #000;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{
    background: #446cb3 !important;
    color: #fff;
}

.box-filter-product{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    background-color: beige; -webkit-box-pack: start; -ms-flex-pack: start;
    justify-content: flex-start;-webkit-box-align: center;
    -ms-flex-align: center; align-items: center; padding: 20px 15px; margin-top: 20px;
}
.box-filter-product .filter-sidebar{min-width: 150px;}
.box-filter-product .filter-sidebar:not(:last-child){margin-right: 10px;}
.box-filter-product .filter-sidebar .title_widget{font-size: 15px; margin-top: 0;}

/*single*/
p.thuong-hieu {
    font-size: 18px;
/*    border-bottom: 1px dashed #ccc;
    width: fit-content;*/
}
p.thuong-hieu span {
    color: red;
    font-weight: 600;
}
.woocommerce .woocommerce-result-count{height: 30px; line-height: 30px;}
.woocommerce .woocommerce-ordering select{
    background-color: transparent; border: 1px solid #ccc; box-shadow: none; border-radius: 3px;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 30px; font-size: 13px;
}
.single-content-row{clear: both;}
.woocommerce div.product .woocommerce-tabs .panel{border-color: #dbdbdb; border-radius: 0 0 4px 4px;}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images{ width: 40%;}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary{width: 60%; padding-left: 30px;}

.woocommerce div.product{margin: 20px 0 0;}
.woocommerce div.product .product_title{
    /*font-family: Arial, Roboto; margin: 10px 0;
    font-size: 25px; line-height: 1.3; font-weight: bold;*/
    font-family: Arial, Roboto;
    /* margin: 10px 0; */
    font-size: 22px;
    color: #33334b;
    border-bottom: 2px solid #f50606;
    text-transform: capitalize;
    line-height: 1.3;
    font-weight: 600;
}

.woocommerce span.onsale{display: none;}

.woocommerce div.product p.price, .woocommerce div.product span.price{
   /* color: #d0021b; font-size: 24px; text-decoration: none;
    font-family: Arial, Roboto; font-weight: bold; padding: 0 0 5px; margin-bottom: 5px;
    border-bottom: solid 1px #dbdbdb;*/
    color: #d0021b;
    font-size: 22px;
    text-decoration: none;
    font-family: Arial, Roboto;
    font-weight: 700;
    padding: 0 0 5px;
    margin-bottom: 5px;
    border-bottom: solid 1px #dbdbdb;
    text-transform: unset;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del{
    color: #8c8c8c; font-weight: 400; font-size: 16px; text-decoration: none ;opacity: 1;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins{ float: left; padding-right: 10px; text-decoration: none;}

.woocommerce div.product form.cart{margin-top: 10px; margin-bottom: 10px; width: 100%; margin-right: 1%;}
.woocommerce div.product form.cart .button{
   background-color: #e40000; font-size: 16px; height: 40px; text-transform: uppercase;
   text-align: center; position: relative; min-width: 200px; font-weight: 500;
}
.woocommerce div.product form.cart div.quantity{height: 40px; width: 40px;}
.woocommerce .quantity .qty{height: 100%; width: 100%;}

.devvn_single_price{ padding: 10px 0; border-bottom: solid 1px #dbdbdb;}
.devvn_single_price ul, .productAttr ul{padding: 0; margin: 0; list-style: none;}
.devvn_single_price ul li, .productAttr ul li{
    display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;
    -ms-flex-align: center; align-items: center; -webkit-box-pack: start;
    -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 5px;
}
.devvn_single_price ul li .name-price, .productAttr ul li .w-110{width: 110px; margin-right: 15px; float: left; position: relative;}
.devvn_single_price ul li .name-price:after, .productAttr ul li .w-110:after{content: ":"; float: right;}
.devvn_single_price ul li.devvn_single_sale .price-price .woocommerce-Price-amount{font-size: 16px; line-height: 21px;}
.devvn_single_price ul li.devvn_single_sale .price-price .sale-hero{
    background: #e40000; color: #ffffff; border-radius: 5px;
    font-size: 14px; line-height: 22px; padding: 2px 6px; margin-left: 10px;
}

.devvn_single_price strong.devvn_price{font-size: 20px; line-height: 28px; font-weight: bold; color: #d10000;font-family: Arial, Roboto;}
.devvn_single_price em.devvn_price-alt{ font-size: 16px; text-decoration: line-through; color: #8c8c8c;}

.productAttr{ padding: 15px 0; border-bottom: solid 1px #dbdbdb;}
.productAttr .w-110{font-weight: 600;}
.productAttr .fw-600{font-weight: 600;}
.productAttr .hero-art{color: #004fa0;}
.woocommerce div.product form.cart{padding: 5px 0; border-bottom: solid 1px #dbdbdb; margin: 0 !important;}

.box-contact .box-column .meta-info:not(:last-child){margin-bottom: 10px;}
.box-info .meta-info:not(:last-child){ margin-bottom: 5px; border-bottom: 1px solid #ddd;}
.meta-info{ padding: 5px 15px;}
.meta-info h3{font-size: 14px; text-transform: uppercase; font-weight: 400; color: #d0021b; margin-top: 0;}
.meta-info > div{margin-bottom: 5px; font-size: 13px;}
.meta-info > div.maps a{background-color: #0f53b3; color: #fff; display: inline-block; padding: 5px 15px; border-radius: 5px;}
.meta-info > div > i.fa{float: left; line-height: 22px; margin-right: 10px;}
.product_meta{padding: 15px 0; clear: both;}

.product_status{ font-size: 18px; font-weight: 600; display: inline-block; margin-bottom: 10px; text-transform: uppercase; color: #446cb3;}
.product_promo{margin: 10px 0; padding: 5px 15px; color: #446cb3; border: 1px dashed #446cb3; background-color: #446cb330;}
.product_promo > span{ color: #d0021b; font-size: 16px; text-decoration: none; font-family: Arial, Roboto; font-weight: bold; padding-left: 5px;}
.product_meta .sku_wrapper{margin-bottom: 5px; display: block;}
.product_meta .sku_wrapper.sku{ color: #8c8c8c; font-size: 14px;}
.product_meta .posted_in a{}


.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin: 0!important;
    padding: 0!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: #fff;
    transition: .1s;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    border: none;
    box-shadow: none;
    padding: 5px 2em; min-height: 35px;
    border-radius: 0!important;
    margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: normal; padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background-color: #446cb3;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    border: none;
    box-shadow: none;
    padding: 5px 2em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    box-shadow: none!important;
    border-width: 0!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    box-shadow: none!important; border: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    font-weight: normal;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: 3px solid #446cb3 !important;
}

/*.woocommerce span.onsale{
    position: absolute; top: .8em; z-index: 9; right: inherit; font-size: 10px;
    padding: 5px 11px;  border: 1px solid #e03232; background: #e03232; color: #fff; left: .8em;
    min-height: inherit; min-width: inherit;  border-radius: 0; width: 50px; line-height: inherit;
}*/

.woocommerce div.product .woocommerce-tabs .panel{ padding: 10px;}

#tab-additional_information > h2, .woocommerce-Reviews-title{font-size: 20px; text-transform: uppercase; font-weight: 700; color: #0f53b3;}
#tab-additional_information .woocommerce-product-attributes-item__value{padding: 0 10px;}
.woocommerce #tab-additional_information table.shop_attributes td,
.woocommerce #tab-additional_information table.shop_attributes th{font-style: normal; border-style: solid;}

.woocommerce #review_form #respond .form-submit input{
    background-color: #0f53b3; color: #fff; min-width: 120px;
    font-weight: 400; text-transform: uppercase; letter-spacing: 1px;
}
.woocommerce div.product div.images{position: relative;}

.wpis-slider-for img{max-width: 300px; margin: auto; padding: 20px;}
.wpis-slider-for .slick-arrow:focus{outline: none;}
.wpis-slider-for .slick-arrow:before{vertical-align: middle;}
.wpis-slider-for .slick-prev{left: 0; z-index: 1;}
.wpis-slider-for .slick-next{right: 0; z-index: 1;}

#wpis-gallery{position: absolute; width: 80px; top: 0; left: 0; display: none;}
#wpis-gallery li{ margin:7px 4.5px;}
#wpis-gallery li img{border: 1px solid #e1ddc3; max-width: 70px;}
#wpis-gallery li:hover img{border: 2px solid #e1ddc3; transition: all .3s ease;}
#wpis-gallery .flex-control-nav{float: left;}


.product-info-top-right{border: 1px solid #ddd; height: 100%; margin-bottom: 20px;}
.product-info-top-right .grid-sidebar{border: 0; border-radius: 0;}
.product-info-top-right .grid-sidebar .title_widget,.product-info-top-right .grid-sidebar .menu{border: 0;}

.grid-sidebar .box-support{padding: 20px 15px;}
.grid-sidebar .box-support .title-hero{color: #e40000; font-weight: 600; font-size: 16px; margin-bottom: 5px; line-height: 1.8;}

.zwi-normal{
 display: -webkit-box; display: -moz-box; display: -ms-flexbox; 
 display: -webkit-flex; display: flex; margin-bottom: 10px; padding: 0 10px 5px;
}
.product-new-sidebar .zwi-normal:not(:last-of-type){border-bottom: 1px dashed #d8d8d8;}
.zwi-normal .zwi-image{ max-width: 70px; padding: 0 10px 0 0;}
.zwi-normal .zwi-stacked{
  display: -webkit-box; display: -moz-box; display: -ms-flexbox;
  display: -webkit-flex; display: flex; flex-direction: column; flex: 1; position: relative;
}
.zwi-normal .zwi-content{ padding-left: 5px; padding-right: 15px;}
.zwi-normal .zwi-title{ display: block; font-weight: 500; margin: 0 0 4px; font-family: Arial, Roboto; font-size: 14px; line-height: 1.3;}
.zwi-normal .zwi-title a{color: #333;}
.zwi-normal .zwi-title a:hover{color: #446cb3;}
.zwi-normal .zwi-price{ font-size: 15px; color: #343f49; line-height: 20px;}
.zwi-normal .zwi-price del{text-decoration: line-through; line-height: 17px; color: #848484; white-space: nowrap; font-size: 12px; display: block;}
.zwi-normal .zwi-price ins{color: #e00; font-size: 14px; white-space: nowrap; text-decoration: none; line-height: 20px;}

.sidebar-cat .product-new-sidebar, .sidebar-cat .support-sidebar{background-color: #fff; border: 1px solid #dbdbdb; margin-bottom: 20px; border-radius: 5px 5px 0 0; overflow: hidden;}
.sidebar-cat .grid-head-wrap2 .grid-head{border-radius: 5px 5px 0 0;}
.sidebar-cat .grid-head-wrap2 .grid-head:after{display: none;}

.product-new-sidebar .grid-head-wrap2{border: 0;}
.product-new-sidebar .grid-head, .support-sidebar .grid-head{display: block;}
.product-new-sidebar .grid-head .title, .support-sidebar .grid-head .title{font-size: 16px; line-height: 40px;}
.product-new-sidebar .grid-head img, .support-sidebar .grid-head img{max-width: 20px; margin: 7.5px 10px 7.5px 0;}

/*.related.products .zwi-product{margin: 0 5px 10px;}*/

.zwi-list{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 20px;}
/*.zwi-list .zwi-content{padding: 5px;}*/
.zwi-list .zwi-content{
   display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
   flex-direction: column; flex: 1; position: relative;
}
.zwi-list .zwi-image{width: 33%; margin-right: 20px;}
.zwi-list .zwi-title{ margin: 0 0 5px; font-size: 18px;line-height: 1.3; font-weight: bold;}
.zwi-list .zwi-title a{ color: #333;}
.zwi-list .zwi-title a:hover{ color: #2277bb;}
.zwi-list .zwi-sapo{line-height: 1.5;}
.zwi-list .zwi-date{ margin: 0 0 5px; font-size: 13px; color: #777; line-height: 1.5;}

/*single post*/
.entry-title{
    font-size: 30px; font-weight: 500; letter-spacing: -.01em;
    line-height: 1.22; -webkit-font-smoothing: antialiased; margin: 0 0 12px;
}
.post-cat{margin: 20px 0 15px;}
.post-cat .title{
    padding: 0 8px; font-size: 10px; line-height: 20px; cursor: pointer; border-radius: 2px;
    letter-spacing: .025em; background: #0a0a0a; display: inline-block; text-transform: uppercase;
}
.post-cat .title a{color: #fff;}
.single-content .post-date{color: #9c9c9c; margin-bottom: 20px; font-weight: 500; font-size: 12px; text-transform: none; -webkit-font-smoothing: antialiased;}
.single-content .post-date .author a{color: #e54e54; padding-left: 3px; text-transform: uppercase; letter-spacing: .05em;}
.single-content .post-date .time{position: relative;}
.single-content .post-date .time:before{content: " - "; padding: 0 5px; color: #bcbcbc; font-size: 13px; line-height: 1;}

.post-share{margin-bottom: 18px;}
.post-share .share{display: block; float: left; width: 125px !important; height: 34px !important; margin-right: 7px;  margin-bottom: 7px; border-radius: 2px; color: #fff; line-height: 34px; text-align: center;}
.post-share .share.facebook{background: #4263a9;}
.post-share .share.twitter{background: #40aaea;}
.post-share .share.zalo-share-button{background: #03A5FA; display: flex !important; justify-content: center; align-items: center;}
.post-share .share.pinterest{background: #ca2128;}

.post-featured{position: relative; margin-top: 20px; margin-bottom: 28px;}
.post-featured img{width: 100%; max-width: 100%; object-fit: cover;}

.post-content{color: #414141; font-family: Arial, Roboto; font-size: 16px; line-height: 1.8;}
.post-content a{color: #e54e54;}
.post-content p, .post-content>ul, .post-content>div, .post-content>dl, .post-content blockquote, .post-content ol{ margin-bottom: 18px;}

.single-tags a{
  position: relative; display: inline-block; margin: 0 0 8px 12px; height: 26px; line-height: 23px;
  padding: 0 9px 0 8px; font-size: 12px; color: #555; text-decoration: none; text-shadow: 0 1px white;
  background: #fafafa; border-width: 1px 0 1px 1px; border-style: solid; border-color: #dadada #d2d2d2 #c5c5c5;
  border-radius: 3px 0 0 3px; background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0);
  background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0); background-image: -o-linear-gradient(top, #fcfcfc, #f0f0f0);
  background-image: linear-gradient(to bottom, #fcfcfc, #f0f0f0); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.single-tags a:before{
  content: ''; z-index: 2; position: absolute; top: 10px; right: -2px;
    width: 5px;  height: 6px;  opacity: .95; background: #eb6b22; border-radius: 3px 0 0 3px;
    -webkit-box-shadow: inset 1px 0 #99400e; box-shadow: inset 1px 0 #99400e;
}
.single-tags a:after{
  position: absolute; content: ""; top: -1px; left: 100%; z-index: 2;  overflow: hidden;
  height: 26px; padding: 0 0 0 2px; color: #fff; opacity: .95;
  background: #eb6b22; border: 1px solid; border-color: #d15813 #c85412 #bf5011; border-radius: 0 2px 2px 0;  
}
.single-tags a:hover{ background: #f27e44; border-color: #f27e44; color: #fff; box-shadow: none;}

.related-item{margin: 0 10px 20px; background-color: #fff;}
.related-item .related-img{margin-bottom: 10px;}
.related-item .related-content{padding: 0 10px 10px;}
.related-item .related-title{margin: 0; font-size: 16px; line-height: 1.3; font-weight: 400;}
.related-item .related-title a{ color: #333;}
.related-item .related-title a:hover{ color: #2277bb;}

/*sidebar*/
/*.sidebar-content .widget-title{
    background: #0f53b3; padding: 0 10px 0 40px; margin: 0 0 10px; color: #fff;
    font-size: 16px; text-transform: capitalize; line-height: 35px; position: relative;
}
.sidebar-content .widget-title:before{
    position: absolute; content: ''; left: 10px; top: 7.5px;
    width: 20px; height: 20px; background: url('assets/images/fire-white.png') no-repeat center center;
    background-size: 20px 20px;
}

.sidebar-content { margin-top: 20px; background-color: #fff;}*/
.grid-sidebar{ border: 1px solid #dbdbdb; border-radius: 4px 4px 0 0;}
.grid-sidebar .title_widget{margin-bottom: 10px;}
.grid-sidebar .zwi-sidebar:not(:last-child){ border-bottom: 1px dashed #d8d8d8;}
.zwi-sidebar{
 display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
  display: flex; margin-bottom: 10px; padding: 0 10px 10px;
}
.zwi-sidebar .zwi-image{ width: 90px; margin-right: 10px;}
.zwi-sidebar .zwi-content{ display: flex; flex-direction: column; flex: 1; position: relative;}
.zwi-sidebar .zwi-title{ font-size: 15px; line-height: 22px; margin-bottom: 8px; margin-top: 0;}
.zwi-sidebar .zwi-title a{color: #333;}
.zwi-sidebar .zwi-title a:hover{color: #015ddb;}

#nav_menu-2 .menu{padding: 0 15px 0; list-style: none;  margin: 0;}
#nav_menu-2 .menu > li{padding: 0; position: relative;}
#nav_menu-2 .menu > li:not(:last-child){border-bottom: 1px solid #ddd;}
#nav_menu-2 .menu > li a{ position: relative; padding: 9px 10px 9px 0; font-size: 15px; line-height: 21px; z-index: 0; color: #333e48; display: block;}

.rpwwt-widget{ background: #fff;}
.rpwwt-widget ul{padding: 0 15px 0 !important;}
.rpwwt-widget ul li{margin-bottom: 20px !important;}
.rpwwt-widget ul li a{color: #333;}
.rpwwt-widget ul li img{margin-bottom: 0 !important;}

.zwi-news{position: relative; margin: 0 5px 20px; background: #fff;}
.zwi-news .zwi-images{position: relative; overflow: hidden;}
.zwi-news .zwi-images a{display: block;}
.zwi-news .zwi-images img{
    -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
    max-height: 202px; object-fit: cover;
}
.zwi-news .zwi-images a:hover img{
    opacity: .9; -webkit-transform: scale(1.25); -ms-transform: scale(1.25);
    -o-transform: scale(1.25); transform: scale(1.25);
}
.zwi-news .zwi-content{
    position: relative; margin-right: 15px; margin-left: 15px; padding: 10px; text-align: center; min-height: 80px;
    color: #777777; transition: all 0.2s linear; -ms-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; margin-top: -60px; background: #fff; border-radius: 5px 5px 0 0;
}
.zwi-news .zwi-title{
    font-size: 15px; line-height: 1.4; font-weight: 600; letter-spacing: 0.03em;
    position: relative; margin: 0; color: #191919;
}
.zwi-news .zwi-title a{color: #191919; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.zwi-news .zwi-title a:hover{color: #446cb3;}
.zwi-news .zwi-sapo{ position: relative; margin-top: 10px; font-size: 14px; margin-bottom: 15px;}


.box-contact{padding: 20px 0; max-width: 1000px; margin: auto;}
.box-contact .page-head .page-title{ padding: 0 15px; color: #d10000; font-size: 25px;}
.box-form{ max-width: 876px; margin: auto;}
.box-form .box{margin-bottom: 20px;}
.box-form .box input{height: 40px; border-radius: 0;}
.box-form .box input.form-submit{
    width: 100%; margin: 0; border: 0; color: #fff; background: #446cb3; font-size: 15px;
    text-transform: uppercase; letter-spacing: 2px;
}
.box-form .box textarea{max-height: 140px;}
.box-form .box .ajax-loader{display: none;}
.box-submit p{ font-style: italic; font-size: 13px; text-align: center; line-height: 1.5;}

.box-form-contact{
    background: #fff; border: 1px solid rgba(131,131,131,.2); padding: 30px;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,.05); box-shadow: 0 2px 20px 0 rgba(0,0,0,.05);
}

.list-address{padding: 0; margin: 0; list-style: none;}
.list-address li{line-height: 22px; margin-bottom: 5px;}
.list-address li i{padding-right: 5px;}
.list-address li a{color: #333;}

/*.box-maps{padding: 20px; border: 1px solid #eee;}*/
.box-maps iframe{height: 300px;}
.box-maps .title{font-size: 16px; margin: 0 0 20px; text-transform: uppercase; font-weight: 500; color: #d0021b;}

.pum-theme-244 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close{ font-size: 16px !important; line-height: 20px !important;}
a.wpis-popup{
    background: url('assets/images/expand.png') center center no-repeat; bottom: inherit; top: 10px; right: 10px;
    background-size: 25px 25px; width: 30px; height: 30px; padding: 0; background-color: #eeeeee;
}
a.wpis-popup:before{display: none;}

/*doi tac*/
.doitac .owl-carousel .owl-item img {padding: 6px;}

/*
======================================
[ Footer ]
======================================
*/
footer{ background-color: #fff; position: relative;}
.site-footer{padding: 30px 0 20px; position: relative; font-size: 14px;}
.footer__content{color: #333;}
.footer__title{ position: relative; color: #333; margin: 0; padding: 13px 0 20px; text-transform: uppercase; font-family: Arial, Roboto;}
.footer__content-item > .title{ text-transform: uppercase; font-weight: 500; font-size: 13px; margin-bottom: 5px; color: #d0021b;}
.footer_widget_content iframe {height: 250px;}
.name-company, .footer__element{line-height: 22px; margin-bottom: 5px; font-size: 14px;}
.name-company{font-size: 20px; font-family: Arial, Roboto,sans-serif; text-transform: capitalize;}

.footer-hotline{font-size: 25px; margin-bottom: 10px;}
.footer-hotline a{ color: #e91e1e; display: flex; align-items: center; justify-content: left; font-weight: bold; font-family: Arial, Roboto;}
.footer-hotline a i{
    margin-right: 10px; width: 30px; height: 30px; background: #de0124; color: #333;
    border-radius: 50%; font-size: 16px; text-align: center; line-height: 30px;
}
.footer-text{ margin-bottom: 5px; line-height: 25px;}

.footer__element i{margin-right: 5px; color: #333; width: 20px; text-align: center; font-size: 16px;}
.textwidget ul{margin: 0; padding: 0; list-style: none;}
.textwidget ul li{ position: relative; line-height: 25px; margin-bottom: 5px; -webkit-transition: 0.5s; transition: 0.5s;}
.textwidget ul li a{color: #333; position: relative; font-family: Arial, Roboto; font-size: 14px;}
.textwidget ul li a:before{
    position: absolute; content: ""; width: 3px; height: 14px;
    top: 1px; left: -10px; background: #446cb3; display: none;
}
.textwidget ul li:hover{margin-left: 10px; cursor: pointer;}
.textwidget ul li:hover a{color: #446cb3;}
.textwidget ul li:hover a:before{display: block;}

.copyright{ background: #365ca0; padding: 10px 0; color: #fff; font-size: 14px; position: relative;}
.copyright p{color: #fff; margin-bottom: 0;}
.copyright a{color: #fff;}

.widget_form{margin: 20px 0;}
.widget_form .form-email{
    display: flex; align-items: center; justify-content: flex-start;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
}
.widget_form input.wpcf7-email{
    padding: 12px 10px; border: 1px solid #ddd;
    line-height: 100%;  height: 42px; border-radius: 0; margin-right: 5px; display: inline-block;
}
.widget_form input.wpcf7-submit{
    background-color: #365ca0; color: #fff; padding: 12px 10px; border: 0; line-height: 100%; height: 42px;
    border-radius: 0; margin-left: 5px; display: inline-block; width: 100px; text-transform: uppercase; letter-spacing: .5px;
}
.widget_form div.wpcf7 .ajax-loader{display: none;}
/* social */
.social-link{margin: 10px 0;}
.social-link span{display: block; margin-bottom: 5px; text-transform: uppercase; font-family: Arial, Roboto;}
.social-link ul{padding: 0; margin: 0; list-style: none;}
.social-link ul li{float: left; padding: 0 !important; height: 35px;}
.social-link ul li a{
    background: rgb(213, 213, 213) none repeat scroll 0 0; color: rgb(255, 255, 255); display: inline-block; font-size: 17px;
    overflow: hidden; padding: 5px 7px; text-decoration: none; min-width: 35px; text-align: center; margin: 0 2px;
  }
.social-link ul li:first-child a{ background: #395694 none repeat scroll 0 0;}
.social-link ul li:nth-child(2) a{ background: #F60002 none repeat scroll 0 0;}
.social-link ul li:nth-child(3) a{ background: #CF2872 none repeat scroll 0 0;}
.social-link ul li:nth-child(4) a{ background: #DF2A31 none repeat scroll 0 0;}

@media only screen and (max-width: 1023px){
    .navbar-toggle{display: block;}
    .zwi-logo{max-width: 70%; height: 78px; display: block; padding: 5px 0;}
    .zwi-logo .logo img{max-height: 60px;}
    .box-cart{
        display: none; z-index: 100; position: absolute;right: 15px;
        top: 15px; width: 30px; height: 30px; color: #fff; margin: 0; padding: 0; border: 0;
    }
    .box-cart .item{ width: initial; height: auto; margin: 0; padding-top: 5px;}
    .box-cart svg{fill: #fff; width: 25px; height: 25px;}
    .box-cart .shop-car{ top: -4px; left: -2px;}
    .box-search{margin: 0 0 15px 0;}
    .main-top{margin-bottom: 0;}
    .grid-product{margin: 0 0 10px;}
    .grid-slider{padding: 10px 0;}
    .grid-option ul{display: block;}
    .grid-option ul li{width: 100%; float: left; margin-bottom: 15px; border-bottom: 1px solid #c3b9b9}
    .grid-option .box-option img{max-height: 30px; max-width: 30px;}
    .grid-option .box-option .title{font-size: 13px;}
    .zwi-product .zwi-trademark ul li{width: 33%; font-size: 10px; float: left; display: inherit;}
    .zwi-product .zwi-trademark ul li:not(:last-child){padding: 0;}
    .grid-product-banner > .row > div[class*='col-']:first-child{padding-bottom: 5px;}
    .zwi-product .zwi-image{padding: 5px;}
    .grid-product .zwi-product .zwi-image{height: initial;}
    .grid-product .zwi-product .zwi-image img{max-width: inherit; max-height: inherit; width: 100%;}
    .zwi-product .zwi-title a{overflow: inherit; white-space: inherit; text-overflow: inherit;}

    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images{width: 100%;}
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary{width: 100%; padding: 0;}

    .wpis-slider-for img{max-width: initial; padding: 0 0 0 80px;}
    #wpis-gallery li { margin: 0 4.5px 7px 4.5px;}
    .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li.active{font-size: 14px;}
    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: left;}
}
@media only screen and (max-width: 767px){
    header.is-sticky .header-top{
        position: fixed; top: 0; border: 0; width: 100%; transition: all .3s ease;
        z-index: 999; background-color: #fff; background: rgba(1,63,210,1);
    }
    header.is-sticky .header-top .row > div[class*='col-']:nth-child(2){ display: none;}
}
/*.flex-direction-nav {
position: absolute;
top: 30%;
z-index: 99999;
width: 140%;
left: 0;
margin: 0;
padding: 0px;
list-style: none;
}
li.flex-nav-prev {float: left;}
li.flex-nav-next {float: right;}
a.flex-next {visibility:hidden;}
a.flex-prev {visibility:hidden;}
a.flex-next::after {visibility:visible; content: “\f054”;
font-family: 'Font Awesome 5 Free';margin-right: 10px;font-size: 70px; font-weight: 900;
color: rgba(255, 255, 255, 0.7)}
a.flex-next:hover:after{
color: white;
-webkit-transition: color .3s linear;
-moz-transition: color .3s linear;
-ms-transition: color .3s linear;
-o-transition: color .3s linear;
transition: color .3s linear;

}

a.flex-prev::before {
visibility:visible;
content: "\f053";
font-family: 'Font Awesome 5 Free'; margin-left: 10px;font-size: 70px;color: rgba(255, 255, 255, 0.7)}
a.flex-prev:hover:before{
color: white;
-webkit-transition: color .3s linear;
-moz-transition: color .3s linear;
-ms-transition: color .3s linear;
-o-transition: color .3s linear;
transition: color .3s linear;

}
.flex-control-thumbs {
  width: 90%;
  position: absolute;
  bottom: -40px;
  text-align: center;
  display:flex;
  flex-wrap:nowrap;

  border: 1px solid red;
  overflow-x:auto;
  padding-bottom:30px;
}
.flex-control-thumbs {
  width: 90%;
  position: absolute;
  bottom: 0px; 
  text-align: center;
  display:flex;
  flex-wrap:nowrap;
  
  border: 1px solid red;
  overflow-x:auto;
  padding-bottom:10px;
}

.flex-control-thumbs li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;

}*/

/*
.flex-control-thumbs li,
.flex-control-thumbs li:first-child {
  width: 16%;
  vertical-align: top;
  margin: 15px 5% 0 0;
  min-width:100px;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 0.5;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

.product_slider .flex-active-slide a:hover {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}*/



.flex-direction-nav {
position: absolute;
top: 42%;
z-index: 3;
width: 100%;
left: 5px;
margin: 0;
padding: 0px;
list-style: none;
}
li.flex-nav-prev {float: left;}
li.flex-nav-next {float: right;}
a.flex-next {visibility:hidden;}
a.flex-prev {visibility:hidden;}
a.flex-next::after {
        visibility: visible;
    content: "\f105";
    font-family: 'FontAwesome';
    margin-right: 10px;
    font-size: 38px;
    font-weight: 500;
    color: #fff;
    background: #333;
    opacity: 0.6;
    padding: 2px 10px;
}
a.flex-next:hover:after{
color: #fff;
-webkit-transition: color .3s linear;
-moz-transition: color .3s linear;
-ms-transition: color .3s linear;
-o-transition: color .3s linear;
transition: color .3s linear;

}

a.flex-prev::before {
visibility:visible;
    visibility: visible;
    content: "\f104";
    font-family: 'FontAwesome';
    margin-right: 10px;
    font-size: 38px;
    font-weight: 500;
    color: #fff;
    background: #333;
    opacity: 0.6;
    padding: 2px 10px;}
a.flex-prev:hover:before{
color: #fff;
-webkit-transition: color .3s linear;
-moz-transition: color .3s linear;
-ms-transition: color .3s linear;
-o-transition: color .3s linear;
transition: color .3s linear;

}
.flex-control-nav {
    width: 100%;
   
    bottom: -40px;
    text-align: center;
}
.flex-control-thumbs {
  width: 100%;
  position: absolute;
  bottom: -100px;
  text-align: center;
  display:flex;
  flex-wrap:nowrap;
  overflow-x:auto;
  padding-bottom:30px;
}
.flex-control-thumbs li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  padding: 5px 2px;
}


.flex-control-thumbs li,
.flex-control-thumbs li:first-child {
  width: 16%;
  vertical-align: top;
  margin: 15px 5% 0 0;
  min-width:100px;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 0.5;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

.product_slider .flex-active-slide a:hover {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
.grid-sidebar .count{color: red}


@media only screen and (min-width:1300px){
.sticky-right {
    bottom: 30px;
    position: fixed;
    width: 359px;
    height: auto;
    left: calc((100% - 1240px)/2 + 1240px);
    z-index: 1;
}
.sticky-left {
    bottom: 30px;
    position: fixed;
    width: 350px;
    height: auto;
    right: calc((100% - 1240px)/2 + 1240px);
    z-index: 1;
}
@keyframes fly {
0% {
    transform: translateX(0);
}
100% {
    transform: translateX(1600px);
}
}

.flying-deer {
    width: 80px;
    height: 80px;
    background-image: url('https://www.thegioididong.com/ContentMwg/images/noel/tuanlocHome.png');
    background-size: contain;
    position: absolute;
    animation: fly 7s linear infinite;
    background-repeat: no-repeat;
    top: 85px;
    z-index: 9999;
}
}


  .ahp-section {
      background: #f5f5f5;
      padding: 40px 60px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .ahp-inner {
      max-width: 1200px;
      width: 100%;
      display: flex;
      align-items: center;
      gap: 60px;
    }

    .ahp-image {
      flex: 0 0 380px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .ahp-image img {
      width: 380px;
      height: 380px;
      border-radius: 50%;
      object-fit: cover;
      display: block;
    }

    .ahp-content {
      flex: 1;
    }

    .ahp-title {
      font-size: 32px;
      font-weight: 700;
      color: #0084ff;           /* Màu xanh chữ tiêu đề */
      letter-spacing: 0.25em;   /* Giãn chữ giống hình */
      margin-bottom: 24px;
    }

    .ahp-text {
      font-size: 18px;
      line-height: 1.6;
      color: #333333;
      max-width: 720px;
    }

    /* Responsive cho màn nhỏ */
    @media (max-width: 900px) {
      .ahp-section {
        padding: 30px 20px;
      }

      .ahp-inner {
        flex-direction: column;
        gap: 30px;
        text-align: center;
      }

      .ahp-content {
        text-align: left;
      }

      .ahp-title {
        text-align: center;
        letter-spacing: 0.18em;
      }

      .ahp-image {
        flex: 0 0 auto;
      }

      .ahp-image img {
        width: 260px;
        height: 260px;
      }
    }


  /*Title*/


    /* TIÊU ĐỀ */
    .section-title {
      font-size: 40px;
      font-weight: 700;
      color: #ff3b30;       /* đỏ */
      letter-spacing: 0.12em;
      margin-bottom: 10px;
    }

    .title-decor {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      margin-bottom: 40px;
    }

    .title-line {
      width: 120px;
      height: 3px;
      background: #ff3b30;
      border-radius: 999px;
    }

    .stars {
      font-size: 16px;
      color: #ff3b30;
      letter-spacing: 6px;
    }

    /* LƯỚI SẢN PHẨM */
    .product-grid {
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 30px;
    }
    .grid-head1 {
      padding: 10px 40px 10px 40px;
      text-align: center;
    }
    
    /* RESPONSIVE */
    @media (max-width: 900px) {
  
      .section-title {
        font-size: 32px;
      }

      .title-line {
        width: 80px;
      }


    }


    /*end title*/  

.product-content{box-shadow: 0px 0px 5px 5px #dedede;
    
}
/* ===== THANH ĐEN TRÊN CÙNG ===== */
    .top-bar {
      background: #333333;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 0 40px;
      gap: 18px;
    }

    .top-bar a {
      color: #ffffff;
      font-size: 18px;
      text-decoration: none;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .top-bar a span {
      font-size: 14px;
      font-weight: 600;
    }

    .top-bar a:hover {
      opacity: 0.8;
    }
    #ajaxsearchlite1 .probox, div.asl_w .probox{border-radius: 20px !!important;}
    div.asl_w{    border-radius: 22px 22px 22px 22px !!important;}

     /* Số điện thoại */
    .hotline {
      display: flex;
      align-items: center;
      gap: 12px;
      white-space: nowrap;
      margin: 19px 0px 0px 0px;
    }

    .hotline-icon {
      width: 54px;
      height: 54px;
      border-radius: 50%;
      background: #0597ff;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      font-size: 26px;
    }

    .hotline-number {
      font-size: 26px;
      font-weight: 700;
      color: #ff3b30;
    }
    .single__content{box-shadow: 0px 0px 5px 5px #dedede; padding: 10px 20px}