:root {
--widget-color: #fa0000;
}
.left-sidebar p.widgettitle{
font-family: "UTM Avobold", sans-serif;
font-size: 17px;
font-weight: normal;
letter-spacing: 0;
text-transform: none;
background: var(--widget-color);
padding: 5px 15px;
color: white;
margin: 0;
}
.left-sidebar .widgettitle {
font-family: "UTM Avobold", sans-serif;
font-size: 17px;
font-weight: normal;
letter-spacing: 0;
text-transform: none;
background: var(--widget-color);
padding: 5px 15px;
color: white;
margin: 0;
}
.left-sidebar ul{
margin: 0;
padding: 0;
border: 1px solid #e6e6e6;
}
.left-sidebar ul .children, .left-sidebar ul.sub-menu{ display: none;
padding-left: 10px;
} .widget ul.product-categories>li{
padding-left: 20px;
background-position: left;
border-top: 1px solid #ececec;
}
.widget ul.product-categories li{
position: relative;
}
.widget ul.product-categories>li:before{
background: url(//dienchaua.vn/wp-content/themes/GTBH-WebChuan-021720/assets/images/icon-menu.png) no-repeat ;
content: '';
position: absolute;
left: 0;
top: 18px;
transform: translateY(-50%);
width: 16px;
height: 16px;
}
.widget ul.product-categories li i{
position: absolute;
right: 0;
padding: 10px;
font-size: 20px;
top: 18px;
transform: translateY(-50%);
color: #a29b9b; cursor: cell;
}
.widget ul.children, .widget ul.sub-menu{
border: none;
}
.widget ul.product-categories li>a{
padding: 6px 0;text-transform: uppercase; display: table; max-width: 92%;
white-space: pre-wrap;
}
.related_title {
text-align: center;
text-transform: uppercase;
font-size: 26px;
font-weight: 700;
border-bottom: 1px solid #000;
width: fit-content;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.left-sidebar ul.list-post{
border: none;
}
.left-sidebar  ul li {
list-style: none;
margin-bottom: .3em;
text-align: left;
margin: 0;    
} 
.widget ul.list-post .item-wrapper{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
padding: 10px 0;
}
.left-sidebar ul li.post-item:not(:first-child){
border-top: 1px solid #ececec;
}
ul.list-post .item-wrapper .post-thumbnail{
width: 90px;
flex-shrink: 0;
margin-right: 10px;
}
ul.list-post .item-wrapper .post-thumbnail.ratio--custom{
padding-bottom: 25%;
}
ul.list-post .post-item h5{
font-weight: 400;
}
.sp_online{
display: flex;
padding: 15px;
flex-wrap: nowrap;
align-items: center;
}
.sp_online>.icon{
width: 50px;
margin-right: 10px;
height: 50px;
}
#online-support li.sp-item:not(:first-child){
border-top: 1px solid #ececec;
}
.section_video .video-btn:before {
padding-bottom: 56.25%;
}
.section_video .video-btn {
cursor: pointer; margin-bottom: 8px;
}
.section_video .video-btn img {
position: absolute; top:0; left: 0; width: 100%; height: 100%; z-index: 0;
}
.section_video .video-btn i {
position: absolute; z-index: 1; width: 2.4em; height: 2.4em; display: flex; justify-content: center;
align-items: center; color: white; border-radius: 100%; border:solid 1px white; font-size: 20px; 
left: calc( 50% - 1.2em ); top: calc( 50% - 1.2em ); transition: .2s;
}
.section_video .video-btn i:before {
padding-left: .2em;
}
.section_video .video-btn:hover i {
color: red; transition: .5s; border-color: red;
}
.section_video .view_video_popup {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section_video .view_video_popup .bg {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: .6;
}
.section_video #close_video {
color: #fff;
text-decoration: none; position: absolute;
z-index: 3;
top: 20px;
right: 30px; 
}
.section_video svg {
width: 30px;
height: 30px; fill:white;
}
.section_video .view_video_popup .content {
display: flex;
z-index: 1;
margin: 0 auto;
position: initial;
width: 100%;
max-height: 100%;
max-width: 720px;
}
.responsive-video {
position: relative;
width: 100%;
max-width: 720px;
}
.responsive-video:before {
content: '';
display: block;
padding-bottom: 56.25%;
}
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .main-content .cat-product-item .cat-title,
.archive .cat-title{
display: flex;
justify-content: space-between;
align-items: center;    
}
.main-content .product-in-cat ul.products{
margin: 0 -10px;
flex-wrap: wrap;
display: flex;
}
.main-content .product-in-cat ul.products li{ padding: 0 10px; }
.product_wrapper{
border: 1px solid #eae3e3;
text-align: center;
}
.home .product_wrapper:hover .hover-show {    
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
background-color: rgb(60, 91, 155) ;
opacity: 0.5;
}
.product_wrapper .product-thumb{
position: relative;
}
.woocommerce .product_wrapper{
display: flex;
flex-direction: column;
min-height: 100%;
flex: auto;
height: auto;
}
.woocommerce ul.products li.product .button{
margin: 0 auto;
min-height: 17px;
line-height: 27px;
background-color:var(--widget-color);
padding: 0 20px;
text-transform: none;
font-weight: normal;
width: auto;
font-size: 13px;
color: #fff;
display: table;
border-radius: 4px;
margin-bottom: 10px; 
transition: 0.2s;
}
.woocommerce ul.products li.product .button:hover{
background: #010099;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
font-size: 15px;
font-weight: bold;
color: black;
margin-bottom: 4px;
margin-top: 5px;
letter-spacing: 0;
padding: 0 10px;
}
.list-product .cat-product-item .cat-title, 
.archive .cat-title{
border-bottom: 2px solid #ececec;
margin-bottom: 20px;
}
.cat-title h3.title{
font-weight: bold;
position: relative;
color: #010099;
text-transform: uppercase;
margin-bottom: 0;
}
h3.title >b{
line-height: 1.6;
position: relative;
display: table;
margin: 0 auto;
font-family: "UTM AvoBold";
}
.cat-title h3.title >b:after {
content: '';
width: 110%;
height: 3px;
background-color: #010099;
bottom: -2px;
left: 0;
position: absolute;
}
.product-in-cat .woocommerce ul.products li.product a img{
margin: 0;
}
#sc-2 .brands .logos {
margin-left: -5px; margin-right: -5px
}
#sc-2 .brands .logos {
display: flex; flex-wrap: wrap;
}
#sc-2 .brands .logos .col_wrapper {
flex: 0 0 20%; max-width: 20%; padding:0 5px; margin-bottom: 10px
}
#sc-2 .brands .logos a {
position: relative; border:solid 1px #dddd; display: block;
}
#sc-2 .brands .logos a:before {
content:'';display: block; padding-bottom: 100%;
}
#sc-2 .brands .logos img {
position: absolute;top:0;left: 0; width: 100%; height: 100%; object-fit: scale-down;
}
#sc-2 .slick-track {
display: flex;
}
#sc-2 .slick-list {
width: 100%;
}
#sc-2 .product {
height: auto;
}
.brands .logos {
display: flex;
flex-wrap: wrap;
}
.brands .col_wrapper {
width: 16.6%;
padding: 0 10px;
}
.brands .section-title b {
line-height: 1.6;
position: relative;
display: table;
font-family: "UTM AvoBold";
}
.brands  .section-title {
font-weight: bold;
border-bottom: solid 2px #ddd;
color: var(--primary-color);
margin-bottom: 15px;
}
.brands  .section-title b:before {
content: '\f005';
font-family: "Font Awesome 5 Free";
font-weight: bold;
margin-right: 10px;
}
.brands .section-title b:after {
content: '';
width: 110%;
height: 3px;
background-color: #053f6f;
bottom: -2px;
left: 0;
position: absolute;
}
.brands .col_wrapper a {
margin: 5px 0;
display: block;
height: 100%;
width: 100%;
padding: 5px;
box-shadow: 0px 1px 4px 1px #00000054;
}
.brands .col_wrapper a img {
object-fit: contain;
} @media(max-width: 425px){
#sc-2 .brands .logos .col_wrapper {
flex: 0 0 33.33%;
max-width: 33.33%;
padding: 0 5px;
margin-bottom: 10px;
}
}