body{font-family: 'UTM_Avo';font-size: 15px;margin: 0px;padding: 0px;color: #333;background: #fff;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 10px;
}
.displaynone{display:none;}
.padding-none{padding:0;}
.marginbt{margin-bottom:10px;}
.header-toplest {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 10px;
    padding: 0px;
}
.h1brand {font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    color: #474646;
}
.h3logo {
    position: relative;
    width: 100%;
    margin: 0;
}
.h3logo:before {
    content: "";
    display: block;
    padding-top: 78px;
}
.h3logo >a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.head_full {padding-top: 5px;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 5px;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
}
.header-top {
    display: grid;
    grid-template-columns: 65.66% auto;
    grid-gap: 10px;padding: 0px;
    align-items: center;
}
.head_right {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px;text-align: center;
}
.cart-head >a:before {
    font-family: "FontAwesome";
    content: "\f07a";
    font-size: 20px;
    color: #f00;
}
.cart-head strong {
    font-size: 20px;
    color: #f00;
}
.menu-top-r {
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
}
.menu-top-r >li {
    float: left;
}
.menu-top-r >li >a {
    transition: color 1s;
    color: #474646;
}
.menu-top-r >li:not(:last-child):after {
    font-family: "FontAwesome";
    content: "/";
    padding: 0 5px;
    color: #7A4915;
}
.head-r-bottom strong {
    font-size: 20px;font-weight: 500;
    text-transform: uppercase;
    color: #fb0101;
    float: right;
}
.head-r-bottom strong a{color:#fb0101;}
.header-bottom{background-color: #8a0005;}
.prom {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.prom >li {
    display: grid;
    grid-template-columns: 16% repeat(1, minmax(0, 1fr));
    grid-gap: 5px;align-items: center;
}
.qth3 {
    font-size: 14px;
    color: #ff0000;
    text-transform: uppercase;
    margin-bottom: 0;font-weight: 600;
}
.pro_2 >p {
    
    color: #000;
    margin-bottom: 0;
}
/* tabs*/
#tab-container, .holy-relate-items {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 10px;
}
.etabs {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #707070;
}
.etabs >li {
    float: left;
    padding:5px 0px;
}
.etabs >li >a {
    color: #fff;
    padding:0px 10px;
    text-transform: uppercase;
    font-family: 'UTM_Avo';
}
.etabs >li.active{
    background: #8a0005;
}
.etabs >li:hover{background: #333;}
.thumb-ntv {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    background: #fff;
    vertical-align: top;
    overflow: hidden;
}
.thumb-ntv:before {
    content: "";
    display: block;
    padding-top: 80%;
}
.thumb-inner {
    position: absolute;
    top: 50%;
  transform: translateY(-50%);
    transition: none;
    overflow: hidden;
}
.thumb-inner >a {
    float: left;
    overflow: hidden;
}
.info-ntv {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 10px;
    align-items: center;
    margin-top: 10px;
}
.h3-ntv,.h4-ntv,.h5-ntv {
    font-size: 15px;
    margin-bottom: 0;
}
.h3-ntv >a {
    color: #707070;
}
.itemowl {
    margin: 0px 5px;
    border: 1px solid #eee;
    padding: 5px;
}
.price-all {
    width: 100%;text-transform: uppercase;
    font-family: 'UTM_Avo';
    font-size: 14px;
    color: #ed1c24;
    font-weight: 600;
    display: grid;align-items: center;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 10px;
}
.price-old {
    text-align: right;
}
.price-now {
    text-align: left;
}
.order-now {
    text-align: center;
}
.title-index,.saleoff {padding: 5px 0px;
    border-bottom: 1px solid #d4d4d4;
}
.h2-title-ind,.saleoff,.ar-h2,.h2-title-news {
    margin-bottom: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.h2-title-ind:before,.saleoff:before,.ar-h2:before,.h2-title-news:before{content: "\f219";font-family: "FontAwesome";margin-right: 5px;}
.block-holy,.grid-layout,.main_full,.footer_full {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 10px;
}
.items-index {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.items-index {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.items-index >li {
    display: grid;border: 1px solid #e6e6e6;
    grid-template-columns: 45% repeat(1, minmax(0, 1fr));
    grid-gap: 10px;align-items: center;
}
.thumb-index,.thumb-news {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    background: #fff;
    vertical-align: top;
    overflow: hidden;
}
.thumb-index:before,.thumb-news:before {
    content: "";
    display: block;
    padding-top: 90%;
}
.inner-index,.inner-news {
    position: absolute;
    top: 50%;
  transform: translateY(-50%);
    transition: none;
    overflow: hidden;
}
.inner-index >a,.inner-news >a {
    float: left;
    overflow: hidden;
}
.info-index {
    display: grid;align-content: center;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 5px;
}
.title-ind {
    margin-bottom: 0;
    font-size: 14px;
}
.title-ind >a {
    color: #ea0404;
    font-weight: 550;
}
.price-ind-all {
    float: left;
    width: 100%;
}
.price-ind >strong {
    color: #eb0000;
}
.des-ind {
    font-size: 14px;
    margin-bottom: 0;
}
.ind-ct {
    text-align: center;
    line-height: 27px;
    height: 27px;
}
.ind-ct >a {
    color: #e00000;
    border: 1px solid;
    padding: 4px 5px;
    border-radius: 5px;
}
.info-news {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.info-news >li {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 10px;
}
.info-tt {
    padding: 0px 5px;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 10px;
}
.title-news {
    margin-bottom: 0;
}
.title-news >a {
    color: #000;
    font-size: 14px;
}
.des-news {
    font-size: 14px;
    margin-bottom: 0;
}
.ind-news >a {
    color: #ff0000;
}
.ind-news {
    text-align: center;
}
.ind-news >a:before{content: "\f104";font-family: "FontAwesome";padding-right: 5px;}
.ind-news >a:after{content: "\f105";font-family: "FontAwesome";padding-left: 5px;}
.ind-news {
    text-align: center;
    margin-bottom: 0;
    line-height: 20px;
}
.ind-news >a {
    font-size: 14px;
}
.bgdk {
    background-image: url(../images/bgnhantin.png);
    padding: 5px 0px;background-size: 100% 100%;
}
.dk-email {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 5px;
    text-align: center;
}
.title-dk {
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
}
.nd-dk {
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
}
#txtGuiThu {
    width: 40%;
    height: 35px;
    background: #fff;
    border: 1px solid #fff;
    line-height: 35px;
}
#btn_guiemail {
    height: 35px;
    background: #ed1c24;
    border: 1px solid #ed1c24;
    font-size: 14px;
    color: #fff;
}
.footer_full {
    background-color: #8a0005;
}
.footer_full *{color:#fff;}
.foot-layout{display: grid;grid-gap: 10px;grid-template-columns: repeat(5, minmax(0, 1fr));padding-top: 10px;}
.td-foo {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 0;
}
.bgfot{text-align:center;}
.ft_ul,.cs-ft {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.ft_ul >li:first-child {
    text-transform: uppercase;
    font-weight: 600;
}
.ft_ul li a:hover,.cs-ft li a:hover{color:#ed1c24;}
.cs-ft >li >a:before {
    content: "\f101";
    font-family: "FontAwesome";
    padding-right: 5px;
}
.dm-holy{display: grid;
    grid-template-columns: 75% repeat(1, minmax(0, 1fr));
    align-items: start;}
.col-l,.col-r {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 10px;
}
.ar-full,.ct-sp-l {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 10px;
}
.ar-head {
    border-bottom: 1px solid #d4d4d4;
}
.ar-h2 {color:#ff0000;
    margin-bottom: 0;
    line-height: 20px;
}
.ar-h2 >strong {
    font-size: 14px;
    text-transform: uppercase;
}
.menu-sidebar {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 5px;
    align-items: center;
}
.menu-sidebar >li:not(:last-child) {
    border-bottom: 1px dotted #FDBA37;
    padding-bottom: 5px;
}
.menu-sidebar >li >a:before {
    content: "\f101";
    font-family: "FontAwesome";
    padding-right: 5px;
}
.menu-sidebar >li >a {
    color: #000;
    text-transform: uppercase;
}
ol.ar-sidbar {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 5px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ar-sidbar >li {
    display: grid;
    grid-template-columns: 36% repeat(1, minmax(0, 1fr));
    grid-gap: 10px;
    transition: box-shadow 1s;
}
.ar-sidbar >li:not(:last-child){
    border-bottom: 1px dotted #FDBA37;
    padding-bottom: 5px;
}
.relate-news{}
.relate-news >.info-news {grid-gap: 5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.ct-sp {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 20px;
}
.info-blog {
    grid-gap: 5px;
}
.thumbnails,.info-blog {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.thumbnails{grid-gap: 10px;}
.info-blog{grid-gap:5px;}
.ct-sp-r {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 10px;
}
.details-sp {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 5px;
    list-style: square;
    padding: 0px 0px 0px 10px;
    margin: 0;
    align-content: baseline;
}
.h1-title-sp {
    font-size: 20px;
    color: #3a4346;
    font-weight: 600;
}
.details-sp >li >strong {
    color: #ff0000;
}
.details-sp >li:nth-child(2) >span >strong {
    color: #ff0000;
}
.cl_price_now,.price_now {
    color: #ff0000;font-weight: bold;
}
.order-detail >form{display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 10px;}
.custom_sl{
    text-align: center;
    font-weight: 700;
    color: #900;
    width: 60px;
    border: 1px solid #d9534f;
    margin-right: 5px;
}
.order-detail {
    margin-bottom: 5px;
}
.buy-now {
    text-align: center;
    background: #ed1c24;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #ed1c24;
    font-size: 15px;
}
.details-sp >li {
    border-bottom: 2px dotted #ccc;
}
.person_detail {
    font-style: italic;
}
.person_detail >ol {
    list-style: none;
    padding-left: 0;
    color: #525050;
    font-size: 11px;
}
.person_detail >ol >li {
    display: inline-block;
}
.person_detail >ol >li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.color_star {
    display: inline-block;
}
.saleoff,.h2-title-news{color:#ff0000;}
.copyright {
    text-align: center;
    color: #999191b8;
    font-size: 10px;border-top: 1px solid #999191b8;
}
.copyright >a,.copyright >span{color: #999191b8;}
.ct-per,.list-tx {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px;
    align-items: center;
}
	#khung_popup{
		width:100%;
		height:100%;
		float:left;
		position:fixed;
		top:0;
		left:0;
		z-index:999999;
	}
	#backgroundPopup {
        background: none repeat scroll 0 0 #000000;
        border: 1px solid #CECECE;
        height: 100%;
        left: 0;       
        opacity: 0.5;     
        top: 0;
        width: 100%;
		position:absolute;
        z-index: 888888;
    }
	#popupContact_dau{width:100%;float:left;text-align:center;margin-top:100px}
    #popupContact {
        font-size: 12px;
        height: auto;
        margin: 0 auto;
		
        position:relative;
        width: 604px;
        z-index: 999999;    overflow: hidden;
		
		border:10px solid #ffffff;
    }
    #hinhpopup{width:100%;height:auto;float:left}
	#popupContactClose{
		float:right;
		right:0px;
		top:0px;
		position:absolute;;
		z-index:99999;
		opacity:0.7;
		cursor:pointer !important;
				
		transition:0.2s;
		-moz-transition:0.2s;
		-ms-transition:0.2s;
		-o-transition:0.2s;
		-webkit-transition:0.2s;
	}
	#popupContactClose:hover{
		opacity:1;		
	}
.unit {
    margin-left: 20px;
    font-style: italic;
}
.opti_sp {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 5px;
    margin-bottom: 5px;
}
.opti_sp >label {
    margin-bottom: 0;
}
.opti_sp >label >strong {
    color: #ff0000;
}
.cl_op_date_sp{padding: 4px 3px 3px;
    line-height: 2.2em;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    border-radius: 6px;
    border-color: #d5d5d5;
    min-height: 30px;
    color: green;
    font-weight: bold;}
.h2index{text-align: center;color: #8a0005;font-size: 18px;}
@media only screen and (min-width: 481px) {
.hiddenmoible{display:none;}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (max-width: 768px) {
#popupContact{width:100%;}
	.hiddenmoible{display:none;}
	.ct-sp {grid-gap: 10px;grid-template-columns: repeat(1, minmax(0, 1fr));}
.header-toplest,.header-top {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    text-align: center;
}
.h1brand {
    font-size: 15px;    color: #474646;
    margin: 0;
}
.head-r-bottom strong{float:none;}
.etabs {
    height: auto;
}
.items-index,.items-index >li{grid-template-columns: repeat(1, minmax(0, 1fr));}
.info-index{padding:5px;}
.prom {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.info-news{grid-template-columns: repeat(2, minmax(0, 1fr));}
.prom >li {grid-template-columns: 20% repeat(1, minmax(0, 1fr));}
.dm-holy,.foot-layout{grid-template-columns: repeat(1, minmax(0, 1fr));}
.dk-email{padding:0px 10px;}
.relate-news >.info-news{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
#txtGuiThu {
    width: 64%;
}
.form-dk >form {
    display: grid;
    grid-template-columns: 66% repeat(1, minmax(0, 1fr));
    grid-gap: 5px;
}
}