/*
Theme Name: VINADIGI
Theme URI: http://vinadigi.vn
Author: Nguyen Tien Thu
Author URI: http://vinadigi.vn
Version: 1.1.0
Description: Ecommerce Wordpress Theme.
Tags: left-sidebar, right-sidebar
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vinadigi
Domain Path: /languages
*/
@import "https://sieuthimaygiatcongnghiep.com/fonts/font-awesome/css/font-awesome.min.css"; /* Using a string */
@font-face{
    font-family:'utm_avo';
    src:url('https://sieuthimaygiatcongnghiep.com/fonts/UTM Avo.eot');
    src:local('Ă„â€šĂ†â€™Ä‚â€šĂ‚Â¢Ă„â€šĂ¢â‚¬Â¹Ä‚â€¦Ă¢â‚¬Å“Ă„â€šĂ¢â‚¬ÂšÄ‚â€šĂ‚Âº'),url('https://sieuthimaygiatcongnghiep.com/fonts/UTMAvo/UTM Avo Regular.woff') format('woff'),url('https://sieuthimaygiatcongnghiep.com/fonts/UTMAvo/UTM Avo Regular.ttf') format('truetype'),url('https://sieuthimaygiatcongnghiep.com/fonts/UTMAvo/UTM Avo Regular.svg') format('svg');
    font-weight:400;
    font-style:normal;
}
@font-face{
    font-family:'UTMAvoBold';
    font-style:normal;
    font-weight:400;
    src:local('UTMAvoBold'),url('https://sieuthimaygiatcongnghiep.com/fonts/UTMAvo/UTM Avo Bold.woff') format('woff');
}
/*.support-chat .aiosrs-rating-wrap{display:none;}*/
p iframe{text-align: center;display: block; margin: auto;}
body,p,a, .section-title-main, h1, h2, h3, h4, h5,h6 , strong, .icon-box-text, .icon-box-text h2, .icon-box-text h3, .icon-box-text h4,  .icon-box-text h5, .sidebar-menu .nav-sidebar li a, .col-inner, .text-center, .text-center h2,  .text-center h3, .text-center h4, .text-center h5 ,  .col-inner strong,
.col-inner h3, .col-inner h4, .header-nav > li.menu-item, .header-nav > li.menu-item a, .header-nav li.menu-item, .header-nav li a, h1.entry-title, .widget-title , .col-inner h2, .col-inner h3, .col-inner h4, .col-inner h5, .col-inner h6, a.hcontact, a.hcontact div, h1.htitle
{
font-family: 'utm_avo';
}
main, article,p {line-height: 1.7; font-size: 16px!important;}
p iframe {
    text-align: center;
    display: block;
    margin: auto;
}
.zalo-container img {
    width: 40px!important;
    height: 35px!important;
}
.support-chat .share {display:none!important;}
#menu-mega-menu-left{margin-bottom:0;margin-top:-10px;position:relative}
#menu-mega-menu-left .menu-link{display:block;line-height:37px}
#menu-mega-menu-left .fl-img img{width:30px;height:30px}
#menu-mega-menu-left .fl-img{margin-right:3px}
#menu-mega-menu-left .imgIconw,#menu-mega-menu-left li.menu-item:hover .imgIcon{display:none}
#menu-mega-menu-left li.menu-item{border:1px solid #ddd;padding:0 10px;position: relative}
#menu-mega-menu-left li.menu-item:hover{background:#eb1212;border-color:#eb1212}
#menu-mega-menu-left li.menu-item.color1:hover{background:#ba6565;border-color:#ba6565}
#menu-mega-menu-left li.menu-item.color2:hover{background:#46d433;border-color:#46d433}
#menu-mega-menu-left li.menu-item.color3:hover{background:#34dbc8;border-color:#34dbc8}
#menu-mega-menu-left li.menu-item.color4:hover{background:#e32424;border-color:#e32424}
#menu-mega-menu-left li.menu-item.color5:hover{background:#d16262;border-color:#d16262}
#menu-mega-menu-left li.menu-item.color6:hover{background:#4df224;border-color:#4df224}
#menu-mega-menu-left li.menu-item:hover a{color:white}
#menu-mega-menu-left li.menu-item:not(:last-child){border-bottom:0}
#menu-mega-menu-left li.menu-item:hover .imgIconw{display:inherit}
#menu-mega-menu-left .sub-menu{position:absolute;background:#865c00c2;top:30px;left:100%;width:365px;z-index:99999;visibility:hidden;opacity:0;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
@media(min-width:992px){#menu-mega-menu-left li.menu-item:hover .sub-menu{visibility:visible;opacity:1;top:0}}
@media(max-width:991px){#menu-mega-menu-left .sub-menu{display:none}}
#menu-mega-menu-left .sub-menu .menu-list{width:741px;height:471px;background-image:url(//bizweb.dktcdn.net/100/111/231/themes/220745/assets/meg_2.jpg?1485230739150);padding:30px;-webkit-box-shadow:0 0 11px 1px rgba(133,126,126,1);-moz-box-shadow:0 0 11px 1px rgba(133,126,126,1);box-shadow:0 0 11px 1px rgba(133,126,126,1)}
#menu-mega-menu-left .sub-menu .menu-list h3{color:#2fa8fc;font-size:14px;font-weight:bold;text-transform:uppercase;margin:0 0 10px;padding:0}
#menu-mega-menu-left .sub-menu .menu-list h5{font-size:15px;font-weight:bold;margin-top:17px;margin-bottom:0}
#menu-mega-menu-left .sub-menu .menu-list a{color:#3d3d3d}
#menu-mega-menu-left .sub-menu .menu-list .sub-a a{line-height:20px;padding:5px 0;display:block}
#menu-mega-menu-left .sub-menu .menu-list .sub-a a:hover{text-decoration:underline;color:#2fa8fc}
#menu-mega-menu-left li a {
    display: block;
    line-height: 37px;
}
#menu-mega-menu-left li a:before {
    content: "\f1d1";
	font-family: Fontawesome;
	padding-right: 3px;
}
/*Co dinh khoang cach ten sp*//*
p.name.product-title a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 80px; *//*tùy theo bạn muốn hiển thị bao nhiêu hàng, như ở đây là 2 hàng tiêu đề như hình*/
/*}*/
/* Điện thoại di động và các thiết bị có màn hình nhỏ hơn 767pixel */
@media screen and (max-width: 767px){
#hotline-bottom{
    left: 68px;
    bottom: 5px;
}
	.dk-lai-thu{
		padding: 10px 10px 0 10px;
		background-color: #e12028;
		color: #fff;
		font-weight: 700;
		bottom: 0px;
		width: 100%;
		position: fixed;
		display: block;
		z-index: 998;
		text-align: center;
}
	figure, iframe{width: 100%;height: auto;}
}
@media screen and (max-width: 540px){
	.fll {float:none;}
	.fll img{width: 100%}
	figure, iframe{width: 100%;height: auto;}
	p {line-height: 1.9; font-size: 18px;}
	h1,h2,h3,h4,h5,h6{line-height: 1.3}
}
@media screen and (max-width: 414px){
	.fll{float: none;}
	img{width: 100%;}
	figure, iframe{width: 100%;height: auto;}
	p {line-height: 1.9; font-size: 18px;}
	h1,h2,h3,h4,h5,h6{line-height: 1.3}
}
/* Máy tính và các thiết bị có màn hình lớn hơn 767 pixel như iPad, iPad Pro, iPad Mini, Table,... */
@media screen and (max-width: 3000px){
#hotline-bottom{
    right: 110px;
    bottom: 75px;
}
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
/* nguyentienthu.net */
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}
@-moz-keyframes thunt-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }
    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}
@-webkit-keyframes thunt-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
    }
}
@-o-keyframes thunt-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }
    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}
@-moz-keyframes thunt-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-webkit-keyframes thunt-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-o-keyframes thunt-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-moz-keyframes thunt-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-webkit-keyframes thunt-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)
    }
}
@-o-keyframes thunt-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@-o-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@-moz-keyframes thunt-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}
@-webkit-keyframes thunt-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}
@-o-keyframes thunt-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}
@keyframes thunt-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}
@-moz-keyframes thunt-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-webkit-keyframes thunt-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-o-keyframes thunt-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@keyframes thunt-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-moz-keyframes thunt-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
@-webkit-keyframes thunt-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
@-o-keyframes thunt-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
@keyframes thunt-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
}
.row-xem-them{
	display: table;
	text-align: center;
	margin-right: -15px;
    margin-left: -15px;
}
.home-lable-xem-them{
	padding: 5px 15px;
/*    background-color: #ffd54f;*/
    border-radius: 15px;
    border: 2px solid #f44336;
}
.xem-them-home{
	margin: 0 auto;
    position: initial;
}
.home-lable-xem-them span:after{
	content: "\f105";
    font-family: Fontawesome;
    padding-left: 10px;
}