Currently editing:  
/home/bonpaskovo/public_html/catalog/view/theme/bonpas/css/common.css
 Encoding:    Reopen  Switch to Code Editor     Close  Save

*{ margin: 0; padding: 0;}
li{list-style: none;}
a,a:hover  { color: #15abff; text-decoration: none; transition: all 0.4s; -webkit-transition: all 0.4s;}
ul{ margin-bottom: 0;} 
a:focus { outline: none; text-decoration: none;}
a:hover, a.active {  color: #fdcd00 !important; } 
p:last-child{ margin-bottom: 0 !important; }
p{line-height: 20px; margin-bottom: 20px;}

input:focus, select:focus, textarea:focus{outline: none;}
ul{padding-left:0;}
 
@font-face {
  font-family: "FontAwesome";
    src: url('../fonts/fontawesome-webfont.eot'); /* IE9 Compat Modes */
  src: url("../fonts/fontawesome-webfont.ttf"), /* Safari, Android, iOS */
       url('../fontawesome-webfont.woff'), /* Modern Browsers */
       url('../fonts/FontAwesome.otf')  , 
       url('../fonts/fontawesome-webfont.svg'); /* Legacy iOS */
}  
@font-face {
    font-family: 'utm_bryantlgregular';
    src: url('../fonts/utm_bryantlg.eot');
    src: url('../fonts/utm_bryantlg.eot?#iefix') format('embedded-opentype'),
         url('../fonts/utm_bryantlg.woff2') format('woff2'),
         url('../fonts/utm_bryantlg.woff') format('woff'),
         url('../fonts/utm_bryantlg.ttf') format('truetype'),
         url('../fonts/utm_bryantlg.svg#utm_bryantlgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'utm_bryantlgbold';
    src: url('../fonts/utm_bryantlg_b.eot');
    src: url('../fonts/utm_bryantlg_b.eot?#iefix') format('embedded-opentype'),
         url('../fonts/utm_bryantlg_b.woff2') format('woff2'),
         url('../fonts/utm_bryantlg_b.woff') format('woff'),
         url('../fonts/utm_bryantlg_b.ttf') format('truetype'),
         url('../fonts/utm_bryantlg_b.svg#utm_bryantlgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.clr{ clear: both;}
body{ font-family: arial; color : #000; font-size: 14px; background: #f2f2f2; }
/* ====global=== */
.radius-boxshadow{
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  box-shadow: 1px 1px 1px #C6C6C6;
  -webkit-box-shadow: 1px 1px 1px #C6C6C6;
  -moz-box-shadow: 1px 1px 1px #C6C6C6;
  background: #fff;
}

.main-content{padding-top:20px;padding-bottom:20px;}

.btn{background: #FDCD00; color: #000000;    border: 1px #cfa800 solid; margin-bottom:20px}
.btn:hover{background: #D7B521;color: #fff !important;border: 1px #cfa800 solid;}

img{max-width: 100%;}

.toggle-menu {display:none;width:25px;margin:0 auto;}
.toggle-menu span{display:block;height:4px;background:#fff;margin-bottom:4px;}

.breadcrumn ul li{float: left;}
.breadcrumn ul li a{display: block; color: #000;font-size: 14px;font-family: "utm_bryantlgregular";}
.breadcrumn ul li:nth-child(n+2){margin-left:35px;position:relative;}
.breadcrumn ul li:nth-child(n+2):before{content:">"; position:absolute;left:-18px;font-family: "utm_bryantlgregular";top:1px;}

.header-title{padding:15px 18px;margin-bottom:23px;}
.header-title .page-title{padding-left:28px;padding-bottom:40px;}
.header-title .page-title h1{font-size:72px;text-transform:uppercase;font-family:"utm_bryantlgbold";margin-bottom:-4px;color:#fdcd00; padding-top:28px;clear:both;}
.header-title .page-title p{font-size:18px;text-transform:uppercase;font-family:"utm_bryantlgbold";padding-left:5px;color:#8d8d8d;}

.list-tab ul{overflow:hidden;}
.list-tab ul li{float:left;margin-left:22px;}
.list-tab ul li a{display:block;font-size:16px;text-transform:uppercase;color:#fff;background:#c8c8c8;min-width:164px;text-align:center;
  border-top-left-radius:5px; border-top-right-radius:5px; padding:12px 0 9px;font-family:"utm_bryantlgbold";
}
.list-tab ul li a:hover,.list-tab ul li a.active{background:#fdcd00;color:#000!important;}

.content-detail {padding: 20px;}
.content-detail .title-detail{font-size: 23px; font-weight: bold;margin-top: 0;}
.content-detail .time-post{color: #999;}

.owl-carousel { 
    width: -webkit-calc(100% + 20px);
    width: -moz-calc(100% + 20px);
    width: calc(100% + 20px);
}
.owl-carousel .owl-wrapper-outer {
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
        
    overflow: hidden; 
}
.owl-wrapper {
    position: relative;
}
.owl-item {
    float: left;
}
.owl-controls { overflow: hidden;}
.owl-buttons {text-align: center; margin-top: 20px;margin-left: -38px;}

.nivo-directionNav a {z-index: 123;width:35px;top:50%; text-indent:-100000px;height:30px;margin-top: -15px;} 
.nivo-directionNav a.nivo-prevNav{background:url("../images/owl-prev.png") no-repeat  center ;left:0;}
.nivo-directionNav a.nivo-nextNav{background:url("../images/owl-next.png") no-repeat  center ;right:0;}

.language {float:right;margin-top: 43px;margin-right: 10px;background-color: #FDCD00;border-radius: 20px;overflow:hidden;position: relative;
    z-index: 2;}
.language a{font-size: 15px;font-family:"utm_bryantlgbold";color: #fff;border-right: 1px solid #FFF0B1;float: left;padding:5px 10px 2px 13px;}
.language a:last-child{border-right:0;padding-left:10px; padding-right:13px;}
.language a:hover, .language a.active{background:#DD1D1D; color: #fff !important;}

.pagination{margin-top:15px;width: 100%;}
.pagination span{display:none;}
.pagination ul {float: right;}
.pagination ul li{float:left;margin-left:8px;}
.pagination ul li a{display:block;padding:8px 13px;background:#fff;border-radius:3px;box-shadow: 1px 1px 1px #C6C6C6;
  -webkit-box-shadow: 1px 1px 1px #C6C6C6;font-size:15px;font-weight:bold;color:#000;
  -moz-box-shadow: 1px 1px 1px #C6C6C6;}
.pagination ul li a.active{background:#FDCD00;color:#fff !important;}

/*====effect===*/
.zoom{ 
  overflow: hidden;
  display: block;
}
.zoom img{
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
}
.zoom:hover img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.ov-black{
  display: block;
  position: relative;
}
.ov-black:before{
  position: absolute;
  content: "";
  left:0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.5);
  z-index: 2;
  opacity: 0;
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
}
.ov-black:hover:before{
  opacity: 1;
}

input::placeholder,
textarea::placeholder {
    color: #9e9e9e;        /* màu giống input */
    font-size: 14px;       /* cỡ chữ giống input */
    opacity: 1;            /* tránh mờ */
    font-family: inherit;  /* đồng bộ font */
}
/*===header==*/
header{position:relative;background:#fff;}
header .header-top{height:111px;}
header .header-top .social{float:left;margin-top:40px;position: relative; z-index: 2;}
header .header-top .social li{float:left;margin-right:17px;}
header .header-top .social li:last-child{margin-right:0;}

header .header-top .social ul{padding-left:0;}

header .logo{position:absolute;left:0;right:0;top:20px;text-align:center;margin:0;}
.logo img {
	width: 145px;
}
header .link-login{padding-top:14px;clear:both;text-align: center;}
header .link-login a{color:#000;/*border-right:1px solid #ccc; padding:0 10px;float:left;*/}
header .link-login a:last-child{border-right:none;}
nav{background:#fdcd00;text-align:center;clear:both;position: relative;}
nav .main-menu {display:inline-block;height: 50px;}
nav .main-menu > li{float:left;position:relative;}
/*
nav .main-menu li a{font-size:14px; color: #161616; text-transform:uppercase;padding: 19px 39px 16px;display:block;font-family: 'utm_bryantlgbold';}
*/
nav .main-menu li a{font-size:14px; color: #161616; text-transform:uppercase;padding: 19px 25px 16px;display:block;font-family: 'utm_bryantlgbold';}
nav .main-menu li:hover > a,nav .main-menu li a.active{background:#fff; color: #161616 !important;box-shadow: 0 0 5px #E6E6E6;}
.menu-mobile{display: none;}
nav .main-menu > li ul {
    position: absolute;
    top: 55px;
    background: rgba(255, 255, 255, 0.88);
    width: 250px;
    z-index: 1233;
    display: none; 
}
nav .main-menu > li ul li{
    text-align: left;
    border-bottom: 1px solid #EDE9E9;
}
nav .main-menu > li ul li a{
    padding: 10px 23px;
}
nav .main-menu > li:hover ul {
	display: block;
}
/*===cart==*/
.ct-cart{ float: right;padding-top: 23px;position: relative;}
.cart-toogle{cursor: pointer;}
.cart-toogle .icon-cart{
  float: left;
  text-indent: -100000px;
  width: 50px;
  height: 50px;
  background: url("../images/icon-sp.png") no-repeat center #FDCD00;
  border-radius: 50%;
} 
.cart-toogle .number{ color: #fff; font-size: 13px;     float: right; margin-top: -7px;width: 22px;height: 22px;text-align: center;background-color: #dd1d1d;border-radius: 50%;padding-top: 3px;margin-left: -16px;}
 
.open-shopping-cart .fa-shopping-cart { color: #000; font-size: 18px; margin-right: 5px; }
.open-shopping-cart .text { color: #707070; }
.open-shopping-cart .text strong { color: #000; }
.open-shopping-cart .fa-angle-down { color: #fff; margin-left: 5px; padding: 3px 6px; background-color: #9b5ec3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.popup-shopping-cart { display: none; width: 344px; position: absolute; top: 97px; right: 0; z-index: 12; padding: 15px; border: 1px solid #E9E9E9; background-color: #FFF; }
.popup-shopping-cart .empty { text-align: center; padding: 10px 0; }
.shopping-cart-list-product tr { padding-bottom: 20px; }
.shopping-cart-list-product td { vertical-align: top; padding: 10px 10px 20px 10px;  font-size: 13px; }
.shopping-cart-list-product .product-image { width: 102px; padding-top: 0; padding-left: 0; padding-right: 0; }
.shopping-cart-list-product .product-name { width: 105px; color: #bababa; }
.shopping-cart-list-product .product-qty, .shopping-cart .shopping-cart-list-product .product-total-price { font-weight: bold; }
.shopping-cart-list-product .product-remove { text-align: right; }
.shopping-cart-list-product .icon-remove { margin-right: 0; }
.shopping-cart-total { padding-top: 10px; border-top: 1px solid #e5e5e5; }
.shopping-cart-total .sub-total, .shopping-cart-total .total { text-align: right ; color: #000; font-size: 13px; padding: 2px 0; }
.shopping-cart-total .wrap-btn { margin-top: 15px; text-align: right; }

.totop {
    position: fixed;
    right: 20px;
    z-index: 123;
    bottom: 20px;
    font-size: 50px;
    line-height: 0;
    color: #fdcd00;
}

/* ===content-top== */
.content-top {position:relative;margin-bottom:20px;margin-top: -20px;}
.content-top .quick-bar{background:#fff;width:132px;text-align:center;position:absolute;}
.content-top .quick-bar h2{font-size:15px;text-transform:uppercase;padding-top:12px;margin-bottom: 10px;margin-top:0;}
.content-top .quick-bar ul {padding:0 17px;}
.content-top .quick-bar ul li{border-top:1px solid #e5e5e5;padding: 40px 0;}
.content-top .quick-bar ul li a{display:block; }
.content-top .quick-bar ul li a span{display:block;font-size:13px;text-transform:uppercase;color:#161616;margin-top:19px;}
.content-top .banner{ position:relative; width: 100%;border-radius: 0;}
.content-top .banner .text-banner{position:absolute; top:50%; left:0; right:0; z-index:12;text-align:center;margin-top:-53.5px;}
/* ===list-cat=== */
.list-cat li{margin-bottom:20px;}
.list-cat li .inner{background:#fff;}
.list-cat li .inner .name{
font-size: 18px;
    text-transform: uppercase;
    font-family: "utm_bryantlgbold";
    color: #161616;
    display: block;
    font-weight: 500;
  padding-top: 15px;
    padding-bottom: 9px;
}
.list-cat li .inner .name.breads{background:url("../images/icon-breads.png") no-repeat 18px center; padding-left: 67px;}
.list-cat li .inner .name.cakes{background:url("../images/icon-cakes.png") no-repeat 14px center; padding-left: 55px;}
.list-cat li .inner .name.sand{background:url("../images/sendwiches.png") no-repeat 18px center; padding-left: 67px;}
.list-cat li .inner .name.coffee{background:url("../images/icon-coffe.png") no-repeat 16px center; padding-left: 67px;}
.list-cat li .inner .name.beve{padding-left: 55px;}
.list-cat li .inner .name.gift{background:url("../images/icon-gift.png") no-repeat 18px center; padding-left: 60px;}

.list-cat li .inner .name img{float:right;margin-right:20px;margin-top:5px}

/* ====list-box=== */ 
.list-box li .inner h2{
  font-size:20px;
  text-transform:uppercase;
  font-family:"utm_bryantlgbold";
  margin:0 19px;
  border-bottom:1px solid #e5e5e5;
  padding: 21px 0 12px;
}
.list-box li.box-news .content-box{padding: 19px 19px 0px;}
.list-box li.box-news .image img{width:100%;height:auto;}
.list-box li.box-news .des a h1{margin-bottom: 3px;font-size:20px;font-weight:bold;color:#161616;margin-top: 13px;display:block;}
.list-box li.box-news .des p{font-size: 13px;color:#a6a6a6;}

.list-box li.box-face .content-box{padding: 0 4px 16px;overflow: hidden;line-height: 0;text-align: center;width:100%;}
.list-box li.box-face .inner h1{border-bottom: none;}

/*===about-page==*/
.about-page .header-title{background-size:cover;}
.about-page .header-title img{margin-bottom:0px;}
.about-page .content-tab{background:url("../images/bg-about.jpg") no-repeat right;background-size:cover;padding:49px 20px;}
.about-page .content-tab .item .left{max-width:532px;text-align:center;margin-left:50px;}
.about-page .content-tab .item .left p{font-size:14px;margin-bottom:0;line-height:30px;}
.about-page .content-tab .item .left p.last{margin-top:30px;}
.about-page .content-tab .item .left img{margin-bottom:20px;}



/*===product-page==*/
.product-page .header-title{background:url("../images/bg-product.jpg") no-repeat right;background-size:cover;}
.list-cat-product{margin-bottom: -20px;}
.list-cat-product > ul > li{margin-bottom:20px;}
.list-cat-product > ul > li .name{font-size:16px;text-transform:uppercase;color:#000;background:#fdcd00;max-width:194px;display:block;
  padding: 10px 0; text-align:center; border-top-left-radius:5px; border-top-right-radius:5px; padding:12px 0 9px;font-family:"utm_bryantlgbold"; 
  margin-left:28px;
}
.list-cat-product > ul > li .name:hover{color: #000 !important;}
.list-cat-product > ul > li .info{padding:20px;}

.product-bread-page  .header-title{background:url("../images/bg-product-bread.jpg") no-repeat right;background-size:cover;}

.product-shop .infomation{clear:both;padding-top: 6px;}
.product-shop .infomation .inner{background: #F2F2F2;padding: 16px;border-radius: 8px;position: relative;z-index: 2;}
.product-shop .infomation .view-more{color: #fff;background: #FDCD00;padding: 15px 18px 6px;border-radius: 5px;float: left;margin-top: -9px;font-size: 13px;}
.product-shop .infomation .view-more i{margin-left:8px;}
.product-shop .infomation .view-more:hover{background:#DD1D1D;}
.product-shop .infomation .inner .limit.have{height:100px;overflow:hidden;}
.product-shop .rating{margin-bottom:15px;display:block;}
.banner-product{margin-bottom:20px;}

.list-link-product ul{overflow:hidden;}
.list-link-product ul li{float:left;margin-left:12px;}
.list-link-product ul li a{
  display:block;
  font-size: 14px;
  text-transform:uppercase;
  color:#fff;
  background:#c8c8c8;
  font-weight:500;
  text-align:center;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  padding:12px 20px 9px;
 font-family: "utm_bryantlgbold";
}
.list-link-product ul li a:hover,.list-link-product ul li a.active{
    background: #fdcd00;
    color: #000 !important;
}

.list-view-menu ul li .inner{padding:5px;overflow:hidden;}
.list-view-menu ul li .inner h2 img{margin:10px;}
.list-view-menu ul li .inner h2{font-size:20px;text-transform:uppercase;font-family:"utm_bryantlgbold";float:left;margin:14px 0 0;}
.list-view-menu ul li .inner a{
  background:#888888;
  max-width:153px;
  float:left; 
  padding: 13px 0 10px;
  color:#fff;
  font-size:12px;
  text-transform:uppercase;
  font-family:"utm_bryantlgbold";
  border-radius:20px;
  width:30%;
  text-align:center;
  margin-left:6%;
  margin-top:22px;
}
.list-view-menu ul li .inner a:hover{background:#fdcd00;color:#000!important;}
.list-view-menu ul li .inner > img{float:right;}

.list-sub-product .inner{padding:0 20px;}
.list-sub-product ul li .title{text-align:center;font-size:20px;text-transform: uppercase; font-family:"utm_bryantlgbold";padding:20px;border-bottom:1px solid #e5e5e5;}
.list-sub-product ul li .title span{margin:2px 10px 0;}
.list-sub-product ul li:first-child .title{margin-top: 0;}
.list-sub-product  .list-pr{padding: 20px 0px 25px;position:relative;}
.list-sub-product  .list-pr .item{text-align: center;}
.list-sub-product  .list-pr .item img{width: 100%;height: auto; transition: all .4s;}
.owl-buttons div{position:absolute;width:35px;top:50%; text-indent:-100000px;height:30px;cursor:pointer;margin-top:-20px;}
.owl-buttons div.owl-prev{background:url("../images/owl-prev.png") no-repeat 0 center ;left:0;}
.owl-buttons div.owl-next{background:url("../images/owl-next.png") no-repeat 0 center ;right:0;}
.list-sub-product  .list-pr .item a  {
  display: block;
  position: relative;
}
.list-sub-product  .list-pr .inner-pp {
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .4s;
  transition: all .4s;
  opacity: 0;
  z-index: 3;
}
.list-sub-product  .list-pr .inner-pp span {
  display: block;
  font-size: 26px;
  color: #fff;
}
.list-sub-product  .list-pr .inner-pp .price {color: #fdcd00;}
.list-sub-product  .list-pr .item a:after {
  position: absolute;
  content:"";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.4);
  opacity: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.list-sub-product  .list-pr .item a:hover:after{
  opacity: 1;
}
.list-sub-product  .list-pr .item a:hover .inner-pp {
  opacity: 1;
}
.product-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.overlay_item
{
	overflow: hidden;
    border-radius: 6px;
    border: 1px solid #EBEBEB;
	margin-bottom:20px
	
}
.overlay_item img
{
    max-width: 100%;
	 aspect-ratio: 3/3;
	 object-fit: cover;

}

.sanpham 
{
font-size:16px;

margin:0px;
padding: 15px 15px 0px 15px;	
}
.overlay_item h3 a 
{
	color:#4a4a4a;
}
.price  h3 {
    font-weight: bold;
    color: #ed3324;
    font-size: 16px;
    display: block;
line-height: 27px;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px !important;
}
.price img {
width: 35px;
    height: 17px;
    position: absolute;
    right: 20px;
    bottom: 37px;
    transition: transform 0.6s ease;
}
.overlay_item button.product-item-btn {
    max-width: 70px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    padding: 4px 6px 0px;
    font-size: 14px;
    background: #fff;
    border-radius: 4px;
    color: #FF8000;
    justify-content: center;
    position: absolute;
    border: 1px solid #FF8000;
  right: 20px;
}
@media (min-width: 1280px) {
    .col-lg-20 {
        flex: 0 0 auto;
        width: 20%;
    }
	.mt-30
	{
		margin-top:20px;
	}
	.mt-10
	{
		margin-top:10px;
	}
}
.overlay_item button.product-item-btn svg {
       margin-right: 6px;
    max-width: 16px;
    margin-top: -4px;
}
.overlay_item button.product-item-btn:hover {
    filter: brightness(1.2);
}
/*.list-sub-product .list-pr, .list-sub-product ul li .title{display:none;}*/
/*.list-sub-product .list-pr.active, .list-sub-product ul li .title.active{display:block;}*/
/*.list-sub-product .list-pr:first-of-type, .list-sub-product ul li .title:first-of-type{display:block;}*/

.list-sub-product .view-more {
      text-align: center;
    font-size: 48px; 
}
.list-sub-product .view-more a.active i:before{content:"\f139";}
.list-pr{position:relative;}
.list-pr ul{margin: 0 -10px;}
.list-pr ul li{
  width: 33.3333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}
.list-pr ul li:nth-child(3n+1){
  clear: left;
}
#ez-toc-container {
	
    background: #f9f9f9;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    display: table;
    margin-bottom: 1em;
    padding: 15px;
    position: relative;
    width: auto;
	margin-top: 20px;
	
}
#ez-toc-container p {
display:none;
	color: #ff3e36;
	text-transform: uppercase;
    font-weight: 600;
}
#ez-toc-container button {
cursor: pointer;
    color: #ff3e36;
    font-size: 15px;
    border-radius: 5px;
    border: 1px #dce3e6 solid;
    background: no-repeat;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 10px;
	margin-bottom: 15px;
	outline: none;
}

#ez-toc-container button i {
    margin-top: 4px;
    margin-left: 12px;

}

#ez-toc-container ul
{
	padding-left:0px;
}
#ez-toc-container ul li
{
	  list-style-type: none;   
padding-bottom: 0px;
	background:none;
	padding-left: 0px;

}
#ez-toc-container ul li a
{
		font-size:15px!important;
	color: #444444;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
}

#ez-toc-container .toc-h3 a
{
	list-style: none;
	    color: #555;
margin-left:15px;
	background:none;

}
.detail {line-height: 30px;}
.detail p {margin:0;}
.detail h1, .tieudeduan, .detail1 h1 {font-size:22px;line-height: 30px;margin: 0 0 10px;font-weight: 550 }
.detail h2, .detail1 h2  {color: #fe7500;font-size:19px;font-weight: 550; margin-top:10px;margin-bottom: 10px;line-height: 29px;}
.detail h3  {color: #00abe8;font-size: 17px;font-weight: 600; margin: 10px 0;}
.detail h4  {font-size: 16px;  font-weight: 600;  margin: 10px 0;}
.detail img  {max-width:100%; height:auto; margin:10px 0; border-radius:8px}
.detail a {color:#f90043;font-weight: 550;text-decoration: underline;}
.detail a:hover {color:#ff9900;}
.detail ul { padding-left: 0;
    list-style: none;}
	
	.detail ol, .detail ul li ol  {
   margin-left: -15px;
    margin-top: 10px;
}	
.detail ul li ol li {
list-style-type: decimal; 
   padding-left: 3px;	
   background: none;
}	
.detail ul li, .detail1 ul li  {
    margin-bottom: 5px;
    width: 100%;
    background: url(../images/tick.png) no-repeat 0px 6px;
    background-size: 13px auto;
    padding-left: 20px;
    line-height: 22px;
}
.detail blockquote {
    background: #f9f9f9 none repeat scroll 0 0;
    border-left: 5px solid #ff5e14;
    font-style: italic;
    margin: 10px 0;
    padding: 20px;
    font-size: 15px;
    padding-bottom: 15px;
}
.menudoc ul li 
{
border-bottom: 1px #e5e5e5 dashed;
    padding: 10px 0;
}
.menudoc ul li:last-child 
{
border-bottom: none;
   
}
.menudoc ul li a
{
color:#000;
}


.bgr-slide-card .feature-img {
    max-width: 290px;
    height: 190px; /* bạn có thể đổi 200px, 220px tùy layout */
    border-radius: 10px;
    overflow: hidden;
    border: 1px #f1f1f1 solid;
    flex-shrink: 0;

}
.bgr-slide-card .feature-img img {
  width: 100%;
    height: 100%;
    object-fit: cover;
}
.tintuc a h3 {
   font-size: 20px;
    font-weight: 550;
	color: #ff9200;
}
.bgr-slide-card {
    padding: 24px 0 0;
}
@media (max-width: 1199.98px) {
    .bgr-slide-card .feature-img {
        max-width: 100%;
    }
}
@media (min-width: 1200px) {
    .ttuc {
        display: flex !important;
    }
}
@media (min-width: 1200px) {
    .ms-xl-4 {
        margin-left: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .mt-xl-0 {
        margin-top: 0 !important;
    }
}
.justify-content-center, .banner1 {
    justify-content: center;
}
.template-pagination ul{gap:8px; margin-top:20px;}
.template-pagination ul li a{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;color:#7a7a7a;font-weight:600;border-radius:3px;background:rgba(194,194,194,.5);transition:.3s ease-in}
.template-pagination ul li a:hover{background:#fc0012;color:#fff}
.align-items-center {
    align-items: center !important;
}
.template-pagination ul li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    color: #7a7a7a;
    font-weight: 600;
    border-radius: 3px;
    background: rgba(194, 194, 194, .5);
    transition: .3s ease-in;
}

.tab-menu .list-tabs ul{padding-bottom:4px;margin-bottom:20px;}
.tab-menu .list-tabs ul li{margin-left:0;}
.tab-menu .list-tabs ul li a{background:#fff;color:#000;overflow:hidden;min-height:78px; padding:12px 0 9px;display: block;text-align: center;}
.tab-menu .list-tabs ul li a img:first-child{float:left;margin-left:20px;margin-top:6px;}
.tab-menu .list-tabs ul li a img:last-child{float:right;margin-right:30px;margin-top:16px;}
.tab-menu .list-tabs ul li a span{font-size:20px;padding-top:17px;display:inline-block;text-transform: uppercase;font-family: "utm_bryantlgbold";}

.tab-menu .content-tabs .items{height:0;overflow:hidden;}
.tab-menu .content-tabs .items.active{height:auto;overflow:inherit;}


.tab-menu .list-fre {position:relative;min-height:244px;padding-left:250px;border-radius:0;}
.tab-menu .list-fre .bn-parent{position:absolute;left:0;}
.tab-menu .list-fre .bn-parent span{font-size:18px;text-transform:uppercase;color:#000; position:absolute;
  background:#fdcd00; height:49px;padding-top:13px; text-align:center;bottom:0;width:82%;left:9%;
} 
.tab-menu .list-fre .owl-carousel {position:relative;}
.tab-menu .list-fre .owl-carousel .item{padding-top:24px;}
.tab-menu .list-fre .owl-carousel .item .name{font-size:20px;color:#000;font-family:"utm_bryantlgregular";display:block;text-align:center;
  margin-top:15px;
}
.tab-menu .list-fre .owl-carousel .owl-buttons div.owl-prev{left:10px;}
.tab-menu .list-fre .owl-carousel .owl-buttons div.owl-next{right:10px;}
.tab-menu .list-fre .owl-carousel .owl-buttons{margin:0;}

.product-detail {padding:40px;}
.product-detail #carousel{margin-bottom:0;}
.product-detail #carousel ul.slides li img{border:1px solid #e7e7e7; }
.product-detail #carousel ul.slides li {padding-right:10px;}
.product-detail #slider{margin-bottom:15px;}
.product-detail .product-shop h2{margin-top:0;font-size:24px;text-transform:uppercase;font-family:"utm_bryantlgbold";}
.product-detail .product-shop p{line-height:24px;font-size:18px;}
.product-detail .product-shop p span{font-size: 24px;font-weight: bold;}
.product-detail .product-shop p input{width:114px;height:37px;border-radius:20px;outline:none;border:1px solid #ccc;padding: 0 15px;
  margin: 0 10px
}
.product-detail .flex-direction-nav a{opacity:1;    width: 20px;
    height: 19px;}
.product-detail .flex-direction-nav .flex-next{
    right: -22px;
    text-align: right;
    margin-top: -10px;
}
.product-detail .flex-direction-nav .flex-prev{
    left: -22px; 
    margin-top: -10px;
}
.product-detail .flex-direction-nav a:before{font-size: 20px;}
.product-detail .product-shop p.price{float: left;}
.product-detail .product-shop .btn{
  font-family:"utm_bryantlgbold";
  font-size:16px;
  text-transform:uppercase; 
  margin: 0 auto; 
  display:inherit;
  padding:10px 20px 6px; 
}
.product-detail .product-shop > a{color:#000;}
.product-detail .product-shop textarea{height:100px; width:100%;padding: 10px; border:1px solid #e1e1e1;    margin-top: 10px;
}
.product-detail .product-shop .button-set{float:right;margin-top: -8px;}
.product-detail .info-bottom{clear: both; padding: 30px 9px 0;}
.product-detail .info-bottom .list-tab ul li{margin-right:5px;}
.product-detail .info-bottom .list-tab ul li a{max-width: inherit;    padding-left: 15px;
    padding-right: 15px;}
.product-detail .info-bottom .list-tab ul li{margin-left: 0;}
.product-detail .info-bottom .content-tab {padding: 20px;    border: 1px solid #e7e7e7;}
.product-detail .info-bottom .content-tab input[type="text"], .product-detail .info-bottom .content-tab textarea{height: 36px; width: 100%;
  border: 1px solid #e7e7e7; margin-bottom: 10px; padding: 10px;
}
.product-detail .info-bottom .content-tab b{
  padding-bottom: 5px;display: block;
}
.product-detail .info-bottom .content-tab textarea{height: 82px;}
.product-detail .info-bottom .content-tab .buttons{clear: both;padding: 20px 10px 0;}
.product-detail .info-bottom  .rating{margin-bottom: 18px;  margin-top: 6px;}

.product-related h1{
	border-bottom: 1px solid #e7e7e7;
    margin: 21px 10px;
}
.product-related h1 span{
	font-family: "utm_bryantlgbold";
    font-size: 20px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    background: #FDCD00;
    min-width: 164px;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 12px 0 9px;
}
.product-price {
    font-size: 20px;
    color: #ed3324;
    line-height: 24px;
    font-family: inherit;
    font-weight: 700;
}
.product-promotion {
    background-color: #f8f8f8;
    padding: 10px;
    margin-bottom: 10px;
	margin-top: 15px;
}
.product-promotion__heading {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
  padding: 5px 10px 0px;
    background: #ff8000;
    color: #fff;
    margin-top: 0px;
    line-height: 2;
}
.btn-gold, .btn-white {
	background:#Fff;
    border: 2px solid #ff8000;
    padding: 6px 25px;
	color:#ff8000;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    text-transform: uppercase;
    height: 40px;
    line-height: 1.7;
    font-size: 13px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
 .shop i {
    font-size: 16px;
}
.blog-posts .image-hover2 a:hover:before {
    opacity: 1;
	color: #ff5e2c;
}
.blog-posts .image-hover2 a {
    position: relative;
    display: table;
    width: 100%;
    cursor: pointer;
}
.image-hover2 img
{
	width:100%;
}

.blog-posts .image-hover2 a:after {
    overflow: hidden;
    position: absolute;
    top: 0;
    content: "";
    z-index: 100;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
	  border-radius: 10px;
    z-index: 1;
}
.blog-posts .image-hover2 a:hover:after {
    visibility: visible;
    opacity: 0.8;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.video img {
    border-radius: 10px;
    overflow: hidden;
	
}
.video-area {
    position: relative;
}
.video-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 508px;
    z-index: -1;
    background-position: center;
    background-size: cover;
}
.video-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #171717;
    opacity: .85;
}
.video-play-icon {
    display: flex;
    justify-content: flex-end;
}
.video-play-icon a {
    color: #e1dddd;
    font-size: 12px;
    font-weight: 600;
}
.video-play-icon a i
{
	    position: absolute;
top: 40%;
    left: 45%;
opacity: 0;
}
.video-play-icon:hover a i {
   width: 68px;
    height: 45px;
    text-align: center;
    line-height: 48px;
    border-radius: 10px;
    background: #e11a22;
    color: #fff;
    font-size: 19px;
    position: absolute;
top: 43%;
    left: 40%;
	opacity: 1;
}
.video-area-wrap {
    padding: 120px 80px 115px;
}
.video22 {
    font-size: 15px;
    font-weight: 600;
    min-height: 43px;
    display: block;
    margin: 10px 0;
}
.w-100 {
    width: 100% !important;
}
.border {
    border: 1px solid rgba(11, 22, 63, 0.07); !important;
}
.ct-form-wrapper input,.input-field textarea {
    padding: 12px 18px;
    outline: 0;
}
.btn-gold.active, .btn-gold.focus, .btn-gold:active, .btn-gold:focus, .btn-gold:hover, .open>.dropdown-toggle.btn-gold {
    color: #fff;
    background-color: #ff8000;
    border-color: #ff8000;
}
.d-inline-flex {
    display: -ms-inline-flexbox!important;
    display: inline-flex !important;
}
.align-items-center {
    -ms-flex-align: center!important;
    /* align-items: center !important; */
}
.product-promotion > ul, .product-promotion > div {
    margin-bottom: 0;
    border-radius: 4px;
    padding: 8px 8px 8px 15px;
    list-style-position: inside;
    background: #fff;
}
/*===list-gallery===*/
.list-gallery {margin-top: 20px; margin-bottom: -15px;}
.list-gallery ul li{margin-bottom: 20px;position:relative;}
.list-gallery ul li a.facebook{position:absolute;z-index: 212313;font-size: 42px;top: 50%;margin-top: -36px;
transition:all 0.4s; transform:scale(0);
left: 50%;margin-left: -20px;}
.list-gallery ul li:hover a.facebook{transform:scale(1);}
.list-gallery ul li a.facebook i{color: #5C83D9;background-color: #fff;line-height: 34px;border-radius: 7px;width: 30px;}
.list-gallery ul li a{display: block; position: relative;}
.list-gallery ul li a img{width: 100%;height: auto;}
.list-gallery ul li a span{
      position: absolute;
      top: 50%;
      text-align: center;
      display: block;
      left: 0;
      right: 0;
      color: #fff;
      font-size: 18px;
      margin-top: 16px;
      z-index: 3;
      opacity: 0;
      transition: all 0.4s;
      transform: translateX(-100px);
}
.list-gallery ul li:hover a span{
  transform: translateX(0);
  opacity: 1;
}
.list-gallery ul li:hover .ov-black:before{opacity:1;}
/* ===news=== */
.news-page .col-main{width: 72%;float:left;padding:0 10px;}
.news-page .col-right{width: 28%;float:right;padding:0 10px;}
.list-news {margin-bottom:-15px;}
.list-news ul li{margin-bottom:20px;}
.list-news ul li .inner{padding:20px;}
.list-news ul li a.name{font-size:24px;color:#000;font-weight:bold;line-height:30px;display:block;margin-bottom:5px;}
.list-news ul li a.image{display:block;margin-bottom:18px;}
.list-news ul li a.image img{width:100%;height:auto;}
.list-news ul li .time-post{color:#a3a3a3;font-size:14px;}
.list-news ul li .view-more{text-align:center;padding-top:20px;padding-bottom:3px;}
.list-news ul li .view-more a{min-width:120px;}

.news-page .col-right .block {padding:19px;margin-bottom:20px;}
.news-page .col-right .block .title-block{font-size:16px;text-transform:uppercase;font-family:"utm_bryantlgbold"; margin-top:0;
  border-bottom:1px solid #e5e5e5;padding-bottom:10px;margin-bottom:19px;
}
.news-page .col-right .news-related li a.name{font-size:16px;color:#585858;font-weight:bold;display:block; margin-bottom:5px;}
.news-page .col-right .time-post{font-size:12px;color:#585858;margin-bottom:15px;}
.news-page .col-right .news-latest li{overflow:hidden;margin-bottom:18px;}
.news-page .col-right .news-latest li a.image{float:left;margin-right:18px;}
.news-page .col-right .news-latest li .name{color:#585858;font-weight:bold;font-size:14px;line-height:22px;display:block; margin-bottom:3px;}
.news-page .social{overflow:hidden;}
.news-page .social li {float:left;margin-right:8px;}
.news-page .social li:last-child {margin-right:0;}
.d-flex {
    display: flex !important;
}
.d-block {
    display: block !important;
}
.dathang table {
    background-color: transparent;
    border: 1px solid #ddd;
}
.dathang table.table-cart tr td {
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    font-weight: 550;
	color:#444
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.form-control {
    display: block;
    width: 100%;
    height: 42px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #515151;
    background-color: transparent;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
	    margin-bottom: 20px;
}
textarea {
    min-height: 100px;
    resize: none;
    display: block;
    width: 100%;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #515151;
    background-color: transparent;
    background-image: none;
    border: 1px solid #515151;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border: 1px solid #DDd;
}
input[type=number] {
    -moz-appearance: textfield;
}
.buttons_added input
{
	padding: 4px 9px 0px;
    line-height: 19px;
}
.cart_quantity_delete {
    margin-top: 10px;
    color: #ff0000 !important;
}
.contact-info li .info-content span {
    font-size: 14px;
    font-weight: 500;
}
.contact-info li .info-content a {
    font-weight: 700;
	font-size:18px;
    color: #333;
}
.ms-3 {
    margin-left: 1rem !important;
}
.image_thumb {
    position: relative;
    display: block;
    overflow: hidden;
	aspect-ratio: 1 / 1; 
}

.image_thumb img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.4s ease-in-out;
}

.image_thumb img.main-img {
    opacity: 1;
    z-index: 1;
}

.image_thumb img.hover-img {
    opacity: 0;
    z-index: 2;
}

.image_thumb:hover img.hover-img {
    opacity: 1;
}

.image_thumb:hover img.main-img {
    opacity: 0;
}

/* ===contact=== */
.contact-page .header-title{background:url("../images/bg-contact.jpg") no-repeat right;background-size:cover;height:399px;}
.contact-page .breadcrumn ul li a{color:#fff;}
.contact-page .breadcrumn ul li {color:#fff;}
.contact-page .address{text-align:center; padding-top:20px;padding-bottom:80px;}
.contact-page .address p{margin-bottom:0;line-height:30px;font-size:18px;font-family:"utm_bryantlgbold";}
/* ===footer=== */
footer{text-align:center;padding-bottom:19px;}
footer .logo-footer {padding: 6px 0;margin-bottom:16px;}
footer .logo-footer img {width:133px}
footer .footer-bottom ul{margin-bottom:10px;}
footer .footer-bottom ul li{display:inline-block;}
footer .footer-bottom ul li a{display:block;font-size:13px;color:#161616; padding: 0 30px;position:relative;}
footer .footer-bottom ul li a:after{position:absolute; height:12px;border-right:1px solid #161616;content:""; right:0;top:2px;}
footer .footer-bottom ul li:last-child a:after{display: none;}
footer .footer-bottom .bq{background:#eaeaea;border-radius:5px;margin: 0 auto;padding: 8px 0;}
footer .footer-bottom .bq img{width: 66px;margin-right:14px;float: left;}
footer .footer-bottom .info-ft .left .bq {text-align: left; padding: 20px; font-size: 13px; }
footer .footer-bottom .info-ft .left .bq p {line-height: 18px;}
footer .footer-bottom .info-ft .right .bq {
    padding: 28px 10px;
    font-size: 13px;
}
.zalo {
    display: inline-grid;
    position: fixed;
    bottom: 142px;
    left: 20px;
    min-width: 65px;
    text-align: center;
    z-index: 99999
}
.zalo .hang-support {
    position: relative;
    display: inline-block;
    height: 47px;
    width: 47px;
     background: url(../images/widget_icon_zalo.svg);
    background-size: 100%;
    overflow: hidden;
    border-radius: 50%;
    z-index: 999;
border: 3px #EAEAEA solid;
}

.facepage {
    display: inline-grid;
    position: fixed;
    bottom: 90px;
    left: 20px;
    min-width: 65px;
    text-align: center;
    z-index: 99999;
}
.facepage .hang-support {
    position: relative;
    display: inline-block;
    height: 47px;
    width: 47px;
     background: url(../images/widget_icon_messenger.svg);
    background-size: 100%;
    overflow: hidden;
    border-radius: 50%;
    z-index: 999;
	border: 3px #EAEAEA solid;

}
.dienthoai
{
left: 89px; 
bottom: 55px; 
position: fixed; 
background-color: #266099; 
color:#FFF; 
padding: 5px 10px; 
border-radius: 5px; 
font-size: 14px; 
z-index: 10000;	
opacity: .9;
}

.dienthoai:hover, .dienthoai1:hover
{
background-color: #eb4333; 
color:#FFF; 
}
.hotline-phone-ring-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999999;
}
.hotline-phone-ring {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
  left: 0;
  bottom: 0;
  display: block;
}
.hotline-phone-ring-circle {
	width: 85px;
  height: 85px;
  top: 10px;
  left: 10px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #B22222;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
	width: 55px;
  height: 55px;
  top: 25px;
  left: 25px;
  position: absolute;
  background-color: rgba(230, 8, 8, 0.7);
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
	background-color: #B22222;
	width: 33px;
  height: 33px;
  top: 36px;
  left: 36px;
  position: absolute;
  background-size: 20px;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
	width: 20px;
	height: 20px;
}
.hotline-bar {
  position: absolute;
  background: rgba(230, 8, 8, 0.75);
  height: 40px;
  width: 170px;
  line-height: 40px;
  border-radius: 3px;
  padding: 0 10px;
  background-size: 100%;
  cursor: pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  z-index: 9;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 50px !important;
  /* width: 175px !important; */
  left: 33px;
  bottom: 37px;
}
.hotline-bar > a {
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
    text-indent: 36px;
    display: block;
    line-height: 45px;
    font-family: Arial;
}
@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
  }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
  }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}

/* ====popup-regis=== */
.popup-regis{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1298;}
.popup-regis .overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);}
.popup-regis .form-regis{background:#fff;max-width:550px;margin:0 auto;position:relative;border-radius:5px;top:90px;}
.popup-regis .form-regis .top{border-bottom:1px solid #e7e7e7;padding:15px 20px 8px;}
.popup-regis .form-regis .top h1{font-size:23px;font-family:"utm_bryantlgbold"; text-transform:uppercase;margin:0;}
.popup-regis .form-regis .top h1 span{font-size:14px;text-transform:none;margin-right:10px;margin-left:5px;}
.popup-regis .form-regis .top h1 a{font-size:17px;}
.popup-regis .form-regis .bottom{padding:20px;}
.popup-regis .form-regis .bottom h2{font-size:20px;font-family:"utm_bryantlgbold"; margin:0 0 20px;}
.popup-regis .form-regis .bottom form .input-box{position:relative;padding-left:90px;margin-bottom:15px;}
.popup-regis .form-regis .bottom form .input-box label{position:absolute;font-weight:normal;left:0;top:10px;}
.popup-regis .form-regis .bottom form .input-box input{width:100%;height:36px;border:1px solid #e7e7e7;border-radius:4px;}
.popup-regis .form-regis .bottom form .forgot-pass{margin-left:90px;display:block;margin-bottom:10px;margin-top:-8px;}
.popup-regis .form-regis .bottom form .button-set{padding-left:90px;}
.popup-regis .form-regis .bottom form a{font-size: 12px;}
.popup-regis .form-regis .close-pp{position:absolute; right:10px;font-size:25px;top:7px;}
/* ===list-comment=== */
.list-comment ul li{background:#f2f2f2;padding:12px;clear:both;overflow:hidden;border-bottom:2px solid #f2f2f2;}
.list-comment ul li:nth-child(even){background:#fff;}
.list-comment ul li:nth-child(odd) ul li:nth-child(even){background: #f2f2f2;}
.list-comment ul li:nth-child(odd) ul li:nth-child(odd){background: #fff;}
.list-comment ul li .content{margin-bottom:10px;}
.list-comment ul li .info .user{float:left;}
.list-comment ul li .info .user img{width:45px; border-radius:50%;border:2px solid #fff;}
.list-comment ul li .info .user a span{margin-left:10px;font-weight:bold;color:#000;}
.list-comment ul li .info .action{float:right;padding-top:12px;}
.list-comment ul li .info .action a{color:#000;border-right:1px solid #000;padding-right:10px; margin-right:4px;}
.list-comment ul li .info .action a i{margin-left:8px;}
.list-comment ul li .info .action a:first-child i{margin-left:0;margin-right:5px;}
.list-comment ul li .info .action img{height:17px; position:relative; top:-3px;}
.list-comment ul li .form-reply{padding-left:54px;text-align:right;display: none;padding-bottom: 15px;}
.list-comment ul li .form-reply .btn{width:100px;}
.list-comment ul li ul{margin-left:54px;border-top:1px solid #ddd;clear: both;}

#tab-review .view-more{text-align:center;clear:both;border-bottom:1px solid #d2d2d2;margin-top:30px;margin-bottom:45px;}
#tab-review .view-more a{background:#f2f2f2;padding:10px;color:#000;position:relative;top:9px; border-radius:5px;}
.form-comment {text-align:center;padding:15px;background:#f2f2f2;border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-top:30px;}
.form-comment .btn{width:100px;}
.form-comment .review{
    float: right;
    margin-top: -25px;
}
.form-comment .review img{
      height: 19px;
    position: relative;
    top: -3px;
}
#notification{
      max-width: 1240px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 0;
}
.alert-success{
  background-color: #FDCD00;
    border-color: #FDCD00;
    color: #000;
}
#notification .alert-success a{
  color: #fff;
}


.homepage-tintuc-small .item {
    padding-bottom: 15px;
    color: #333;
    overflow: hidden;
    display: block;
}

.homepage-tintuc-small .item .img {
    float: left;
    width: 30%;
}
.homepage-tintuc-small .item .img .img-news {
    position: relative;
    padding-top: 65%;
    overflow: hidden;
    display: block;
}
.homepage-tintuc-small .item .img .img-news img {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    display: block;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
	border-radius: 5px;
	border: 1px #efefef solid;
}
.vien5
{
border-radius: 5px;	
}
.homepage-tintuc-small .item .info {
    margin-left: 30%;
    padding-left: 10px;
}
.homepage-tintuc-small .item .info .name {
	font-size:18px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.trichdan
{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;	
}
.grey {
    color: #362f29;
}
.text-13 {
    font-size: 13px;
}


 /* ====cart=== */
body > .warning{
  margin: auto;
  margin-bottom: 20px;
  max-width: 1240px;
  background-color: #FDCD00;
  color: #fff;
  border-radius: 5px;
  margin-top: 20px;
}
body > .success{
  margin: auto;
  margin-bottom: 20px;
  max-width: 1240px;
  background-color: #00FD42;
  color: #fff;
  border-radius: 5px;
  margin-top: 20px;
  padding: 8px 14px 8px 14px;
}
body > .warning .close{float: right;
  width: 12px;
  margin-top: 4px;  cursor: pointer;}
  body > .success .close{float: right;
  width: 12px;
  margin-top: 4px;  cursor: pointer;}
 body #content {
  max-width: 1240px;
  background: #fff;
  padding-left: 15px;
  padding-right: 15px;
  margin: auto;
  padding-top: 13px;
  margin-top: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 1px 1px 1px #C6C6C6;
  -webkit-box-shadow: 1px 1px 1px #C6C6C6;
  -moz-box-shadow: 1px 1px 1px #C6C6C6;
  margin-bottom: 20px;
  overflow: hidden;
 }
 body #content a{color: #888;}
body #content {  padding-bottom: 50px; }
body #content .breadcrumb a{color:#777;}
body #content .breadcrumb a:last-child{color: #FDCD00;}
body #content .form .error{color: red;}
body #content .breadcrumb .container{  padding-left: 0; padding-right: 0;}
.buttons .left{float:left;}
.buttons .right{float:right;}
body #content input[type="text"], body #content select, body #content input[type="password"], body #content textarea{margin-top: 3px;
  border: 1px solid #e7e7e7;padding: 0 10px;
}
body #content input[type="text"], body #content select, body #content input[type="password"]{
  height: 36px; 
}
.cart-info {overflow: hidden;}
.cart-info table {  background:#fff;}
.cart-info table thead { 
  border-bottom: 1px solid #E0E0E0;
  text-align: left;
}
.cart-info tbody td { vertical-align: middle !important; }
.cart-info table td { border-right : 1px solid #ddd; }
.cart-info table td:last-child { border-right :none; }
.cart-info table  .name { display: table-cell; }
.cart-info thead td { background:none !important;  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal !important;
  color: #444 !important; text-align: center !important;
}
.cart-info td {
  padding: 9px !important;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity, .cart-info tbody .price, .cart-info tbody .total{text-align: center !important;}
.cart-info tbody td{ font-size: 14px; }
.cart-info tbody .name a{ color: #666;}
.cart-info tbody .name{ }
.cart-info tbody .quantity input{width: 38px !important; text-align: center;}
.cart-info tbody .quantity input[type="image"]{ height: auto; border:none; width: auto !important;}
.cart-info tbody .image img{border:none !important;max-width: 100px;  width: 100%;}
small{ font-weight: normal !important;}
.youwant{  clear: both;  width: 100%;}
.cart-module {width: 48.8%; float: left; border: 1px solid #e1e1e1; padding: 20px;}
.cart-module .radio{display: none;}
.cart-module input[type="text"]{margin-top: 6px;}
.cart-module .button{  float: right; width: auto; margin-top: 14px;}
.cart-module .content-text, .cart-module {display: block !important;}
.cart-total {width: 48.8%;  min-height: 146px; float: right;  margin: 0 !important; border: 1px solid #e1e1e1; padding: 0 20px 20px !important; }
.cart-total table{width: 100%;}
.cart-total table tr{ border-bottom: 1px solid #e1e1e1;  font-size: 14px;  text-transform: uppercase; display: block; overflow: hidden;}
.cart-total table tr:last-child{ font-size: 18px; border-bottom: none; }
.cart-total table tr td{float:left;  padding: 15px 0;min-width: 108px; border: medium none !important;}
.cart-total table tr td:last-child{float:right;min-width: inherit;}
.buttons.clear-cart{ clear:both; padding-top: 20px;}
.buttons.clear-cart .right{ float: right;}
.buttons.clear-cart .center{ float: left;}
/*.button {background: #514e61;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  color: #fff;
  border-radius: 0;
  padding: 8px 15px 7px;
  font-size: 13px;
  text-transform: uppercase;
  border: none;
  display: inline-block;
}
.button:hover{background: #ec4930 !important; transition: all 0.4s; -webkit-transition: all 0.4s; color: #fff !important;}
.button:active, .button:focus{ color: #fff; }*/
.button{
  padding: 9px 36px 6px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  cursor: pointer;
  clear: both;
  display: inline-block;
  color: #fff !important;
  text-transform: uppercase;
  background:#FDCD00;
  color: #000;
  font-size: 12px;
  min-height: 30px;
  border-radius: 5px;
  border: none;
}  
.button:hover, .button.active{background: #D7B521;color: #fff !important;}
.button.active:hover{background: #CD3710;}
.button:focus{outline: none;}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {position: static; margin-left: 0;}
.radio label, .checkbox label { padding-left:10px; }
.cart-total { margin-top: 20px;}
.cart-total + .buttons{clear:both;padding-top: 30px;}

#content input[type="text"], #content input[type="password"] , #content select{ width: 100%; }  

#content table.form { width: 100%;}
#content table.form tr td:first-child{ width: 21%;}
#content table.form  select{ width: 100%; }
#content table.form  input{ margin-bottom: 10px;}
#content > form h2 { margin-top: 30px !important ; }

.box .box-content ul li{padding: 8px 0; border-bottom: 1px solid #e1e1e1;  }
.box .box-content ul li:last-child{ border-bottom: none;}
.box .box-content ul li a{ color: #666; font-size:14px; } 
.box .box-heading  { border-radius: 0 !important;  padding: 14px 10px !important; background: #514E61 !important; color: #fff !important;  border: none !important; }
body #content h1, body #content h2{ text-transform: uppercase; margin-bottom: 10px;color: #282828; font-size: 22px; font-family: "utm_bryantlgbold";  }
body #content > h1{ color: #282828; font-size: 22px; font-family: "utm_bryantlgbold"; text-transform: uppercase; border-bottom: 1px solid #e1e1e1;padding-bottom: 5px; position: relative;margin-bottom: 20px;padding-top: 10px;}
/*body #content > h1:before{
   position: absolute;
  content: "";
  width: 200px;
  border-bottom: 1px solid #4dbbff;
  bottom: -1px;

}*/
.warning {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  padding: 8px 14px 8px 14px;
    margin-bottom: 10px;
}
.sale-off {
  position: absolute;
  top: 0;
  left: 1px;
  display: block;
  background-color: #f38922;
  padding: 12px 0;
  min-width: 50px;
  color: #fff;
  text-align: center;
  height: 24px;
}
.fa {
cursor:pointer;
}
b{font-weight: normal;}
#tab-review textarea, #tab-review input{width: 100%!important;margin-top: 3px; } 
#tab-review input[type="radio"], #tab-review input[type="checkbox"], #content input[type="radio"], #content input[type="checkbox"]{ display: inline-block; width: auto !important; position: relative; top: 2px;}
#tab-review .buttons .right{float: left;}
#captcha{margin-top: 10px;}

.checkout-heading{  background: #FAFAFA !important;
  border: 1px solid #ECECEC!important;  padding: 10px!important;font-size: 15px!important; font-weight: normal!important;}
.checkout-content a{color: #FF6EC0 !important; position: relative;  top: 3px;}
.checkout .button {width: auto;}

.checkout .error{font-size: 11px;  color: #EF2929;} 
.checkout textarea{width: 100% !important; height: 100px;}
.checkout .buttons .right{width: 100%; text-align: center;}
.checkout-product tbody td { vertical-align: middle !important; }
.checkout-product table td { border-right : 1px solid #ddd; }
.checkout-product table td:last-child { border-right :none; }
.checkout-product table  .name { display: table-cell; }
.checkout-product thead td { background:none !important;  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal !important;
  color: #444 !important; text-align: center !important;
}
.checkout-product td {
  padding: 9px !important;
}
.checkout-product tbody .name, .cart-info tbody .model, .cart-info tbody .quantity, .cart-info tbody .price, .cart-info tbody .total{text-align: center !important;}
.checkout-product tbody td{ font-size: 14px; }
.checkout-product tbody .name a{ color: #666;}
.checkout-product tbody .name{ }

#shipping-method table.radio, #shipping-method table.radio tr, #shipping-method table.radio th, #shipping-method table.radio thead, #shipping-method table.radio tbody, #shipping-method table.radio td{
	display: block;
}
#shipping-method h2{ 
 font-size: 16px !important;
}
#shipping-method table.radio{
  margin-top:0 !important;
}
#shipping-method table.radio tr{
  width: 100%;
  clear:both;
  padding: 0 10px;
}
#shipping-method table.radio tr td[colspan="3"]{
  border:none;
  text-transform:uppercase;
}
#shipping-method table.radio tbody,#shipping-method table.radio thead{
  margin: 0 -10px;
  overflow:hidden;
}
#shipping-method .content-method{
  display: none;
  padding-top: 10px;
}
#shipping-method .title-method{
  cursor: pointer;
}
#shipping-method table.radio thead th{
	border: none;
}
#shipping-method table.radio tr.highlight {
  width: 25%;
  float:left;
  clear:none; 
  display:flex;
}
#shipping-method table.radio tr.highlight td{
  float:left;
  flex:none;
  padding-left:5px;
  padding-right:5px;
}
#shipping-method table.radio tr.highlight td label{
  padding-left:2px;
}
#shipping-method table.radio tr.highlight td:first-child{
  width:10%;
  padding-left:0;
  padding-right:0;
  text-align: center;
}
#shipping-method table.radio tr.highlight td:nth-child(2){
  width:45%;
}
#shipping-method table.radio tr.highlight td:nth-child(3){
  width:45%;
}
/*.checkout  input[type="radio"],.checkout   input[type="checkbox"]{ display: none !important; }*/

.wishlist-info tbody td { vertical-align: middle !important; text-align: center !important;  }
.wishlist-info table td { border-right : 1px solid #ddd; }
.wishlist-info table td:last-child { border-right :none; }
.wishlist-info table  .name { display: table-cell; }
.wishlist-info thead td { background:none !important;  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal !important;
  color: #444 !important; text-align: center !important;
}
.wishlist-info td {
  padding: 9px !important;
}
.wishlist-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity, .cart-info tbody .price, .cart-info tbody .total{text-align: center !important;}
.wishlist-info tbody td{ font-size: 14px; }
.wishlist-info tbody .name a{ color: #666;}
.wishlist-info tbody .name{ }
.wishlist-info tbody .image img {border: none !important;}
 
.box .box-heading{
  min-height: 40px !important;
  font-family: "utm_bryantlgbold" !important;
  font-size: 18px !important;
  padding:20px 15px 13px !important;
  margin: 0;
  text-transform: uppercase !important;
  color: #fff !important;
  background: #FDCD00 !important;
  }
.col-left-accout .box{ width: auto;}
.col-left-accout{ width: 25%;  float: left;padding-bottom: 30px;}
.col-main-accout{ width: 75%; padding-left: 20px;  float: left;padding-bottom: 30px;}
#content .login-content {width: auto; float:none;}
body #content .button{width: auto;  height: auto;}
body #content table{margin-bottom:15px;}
body #content table th, body #content table td{
  padding: 10px;
  border: 1px solid #e1e1e1;
}
.item-accout{
  width: 33.3333333%;
  float:left;
}
.item-accout ul li a{
  display: block;
  padding: 8px 10px;
}
.item-accout:nth-child(2){
  position:relative;
  right: -1px;
}
.item-accout:nth-child(1){
  position:relative;
  right:-2px;
}
.item-accout ul{
  border: 1px solid #e1e1e1;
  border-top:none;
  min-height:111px;
}
.item-accout ul li{
  border-bottom: 1px solid #e1e1e1;
}
.item-accout ul li:last-child{
  border-bottom: none;
}
.item-accout h2{
  position: relative;
  background-color: #F5F5F5;
  display: block;
  font-size: 18px !important;
  padding:15px 12px 8px;
  margin: 0 !important;
}
 

.tkcu .content {width: 33.3333333%; float:left;}
.tkcu .content li a{font-size: 14px;   color: #444;}
.tkcu .content li{margin-bottom: 6px;}
.fb_iframe_widget span{display:none;}

.order-list + .pagination{
	float:left;
	width:auto;
	    margin-top: 7px;
}
.order-info .list{
	width:100%;
}
.order-info .pagination{
	float:left;
	width:auto;
}
.order-list .order-content{
	    margin-top: 7px;
	margin-bottom: 0px;
}

#popupContact1 {
    left: 50% !important;
    margin-left: -325px;
    top: 50% !important;
    margin-top: -200px;
}


@media screen and (max-width:767px){
  .col-left-accout{width: 30%;}
  .col-main-accout{width: 70%;}
  #popupContact1 {
        left: 25px !important;
    right: 25px !important;
    width: auto !important;
    height: auto !important;
    margin: 0;
    top: 40px !important;
  }
}
@media screen and (max-width:599px){
  .col-left-accout{width: 100%;}
  .col-main-accout{width: 100%;padding-left: 0;}
  .checkout-content .left, .checkout-content .right{width: 100%;}
}


@media screen and (max-width:1276px) and (min-width:1240px){
  .container{width:100%;}
}
@media screen and (max-width:1239px){ 
  .content-top .quick-bar ul li{padding: 14px 0;}
  .list-cat li .inner .name{font-size: 15px;}
  .list-cat li .inner .name img{margin-top: 2px;}
  nav .main-menu li a{padding: 19px 19px 16px;}
.list-link-product ul li{width:33.3333333%;margin:0;padding: 0 5px;margin-bottom: 1px;}
	.list-link-product ul li a{padding-left:0;padding-right:0;}
}
@media screen and (max-width:1199px){
	#shipping-method table.radio tr.highlight{
		    width: 33.3333333%;	
	}
}
@media screen and (max-width:991px){
  nav .main-menu{display: none;}
  .toggle-menu{display: block;margin: 10px auto;}
  .menu-mobile {position: absolute;  top: 40px; background: #222222 !important; z-index: 12345; left: 0; right: 0;overflow: hidden;}
  .menu-mobile li { border-bottom: 1px solid #333333 ; position: relative;  }
  .menu-mobile li ul{  display: none; border-top: 1px solid #333333 ; background:#000;  padding-bottom: 5px;  }
  .menu-mobile li ul li a { padding-left: 30px; font-size: 12px; text-transform: none; color: #999;  }
  .menu-mobile li a{text-align: left; color: #ccc;padding: 10px 15px; display: block; font-size: 12px;text-transform: uppercase;} 
  .menu-mobile li ul li { border-bottom: none;}
  .menu-mobile > li:first-child a i{  font-size: 17px; margin-left: 0;color: #ccc;}
  .menu-mobile > li:first-child a.active i{ color: #f63a3a }
  .menu-mobile li {position:relative;}

  
  .menu-mobile li .toggle-sub{position:absolute;width:33px;height:37px;background:#000;
    right:0;top:0;
  }
  .menu-mobile li .toggle-sub:before{
    position: absolute;content:"";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    top: 17px;
    right: 12px; 
  }
  .content-top{height: auto;overflow: hidden;}
  .content-top .quick-bar{position: static;width: 100%;overflow: hidden;}
  .content-top .quick-bar ul li{width: 50%;float: left;}
  .content-top .quick-bar ul li:last-child img{ margin-top: 7px; margin-bottom: 4px;}
  .content-top .banner{margin-left: 0;}
  footer .footer-bottom ul li a{padding: 0 15px;}
  .about-page .content-tab{background: #fff;}
  .about-page .content-tab .item .left{margin: 0 auto;}
  .news-page .col-right .social li{margin-right: 7px;}
	.list-pr ul li{width: 33.3333333%;}
  .list-pr ul li:nth-child(5n+1){clear: none;}
  .list-pr ul li:nth-child(3n+1){clear: left;}
   .item-accout{width:100%;position:static;margin-bottom:20px}
	#shipping-method table.radio tr.highlight{
		    width: 50%;	
	}
}
@media screen and (max-width:767px){
  header .header-top .social li{margin-right: 6px;}
  .list-cat li .inner .name { font-size: 14px;}
  .list-tab ul li a{ font-size: 14px;min-width: 131px;padding: 10px 0 5px;}
  .list-tab ul li{margin-left: 10px;}
  .list-cat-product > ul > li .info img{width: 100%;height: auto;}
  .news-page .col-main{width: 100%;margin-bottom: 20px;}
  .news-page .col-right{width: 100%;}
  footer .footer-bottom .info-ft .left .bq {max-width: none; margin-bottom: 10px; 
  text-align:center;
  }
  .logocty img
{
	width:145px;
	margin-left:90px;
}
}
@media screen and (max-width:599px){
  header .header-top .social > ul{display: none;}
  .content-top .banner .text-banner img{width: 250px;}
  .content-top .banner .text-banner{margin-top: -30px;}
  .dt1 {
        padding-right: 7px!important;
        padding-left: 7px!important;
    }
	.d1 {
        margin-right: -6px!important;
        margin-left: -6px!important;
		    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
	    .list-cat li .inner .name {
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    }
	.list-cat li .inner .name.beve {
		background:none!important;
    padding-left: 10px;
}
  .list-cat li a.image img{width: 100%;height: auto;}
  .header-title{    background-position: 66% 0 !important;}
  .header-title .page-title h1{font-size: 42px;}
  .header-title .page-title{padding-left: 10px;}
  .language{position: absolute;
    top: 101px;border:1px solid #FDFEFF;
    z-index: 2;}
  .language a{padding: 3px 6px 0px 9px;font-size: 14px;}
  .language a:last-child{    padding-left: 6px;
    padding-right: 9px;}
   .toggle-menu {float:right;margin-bottom: 6px;}
	header .header-top .social{position: absolute;
    top: 0;
    left: 0;padding: 0px;
    right: 0;
    margin-top: 0;color:#fff;
    background-color: #414243;}
	header .link-login{padding-top: 0;}
	header .link-login a{color:#fff;}
	header .logo{ top:26px;}
	.ct-cart{padding-top: 30px;}
	header .header-top {
	    height: 124px;
	}
	.list-link-product ul li{width:50%; }
  .list-pr ul li{width: 50%;}
  .list-pr ul li:nth-child(3n+1){clear: none;}
  .list-pr ul li:nth-child(2n+1){clear: left;}
  .list-sub-product ul li .title img{display: none;}
  .list-sub-product ul li .title{font-size: 17px;}
	#shipping-method table.radio tr.highlight{
		    width: 100%;	
	}
	.sanpham a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
}
@media screen and (max-width:479px){
  .ct-cart{padding-top: 30px;}
  .cart-toogle{position: relative; z-index: 12;}
  .cart-toogle .icon-cart{width: 40px;height: 40px;}
  .list-tab ul li{width: 100%;margin-left: 0;border-bottom: 1px solid #fff;}
	.list-link-product ul li{width:50%; }
	.phai {display:none}
	.list-cat li .inner .name {

    padding-top: 10px;
    padding-bottom: 5px;
}
.zalo, .facepage, .hotline-bar
{
	display:none;
}
.content-detail {
    padding: 15px;
}
.overlay_item button.product-item-btn {

    right: 17px;
    bottom: 28px;
}
.list-sub-product .inner {
    padding: 0 10px;
}
.list-sub-product .list-pr {
    padding: 10px 0px 15px;
    position: relative;
}
.sanpham 
{
font-size:14px;

margin-top:0px;
padding:10px;
	
}

.price  h3 {
 
	margin-left:10px;
	margin-top: 0px;
}
.overlay_item
{
	margin-bottom:10px
}
}
@media screen and (max-width:399px){
  .ct-cart{position: static;}
  .popup-shopping-cart{width: 344px;right: 10px;}
  .list-gallery ul li{width: 50%;}
  .list-pr ul li{width: 100%;}
.dt1 {
        padding-right: 7px!important;
        padding-left: 7px!important;
    }
	.d1 {
        margin-right: -6px!important;
        margin-left: -6px!important;
		    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
	    .list-cat li .inner .name {
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    }
	.list-cat li .inner .name.beve {
    padding-left: 10px;
}


}

/*===blumgalery====*/

.blueimp-gallery, .blueimp-gallery > .slides > .slide > .slide-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* Prevent artifacts in Mozilla Firefox: */ -moz-backface-visibility: hidden; }

.blueimp-gallery > .slides > .slide > .slide-content { margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 1; }

.blueimp-gallery { position: fixed; z-index: 999999; overflow: hidden; background: #000; background: rgba(0, 0, 0, 0.9); opacity: 0; display: none; direction: ltr; -ms-touch-action: none; touch-action: none; }

.blueimp-gallery-carousel { position: relative; z-index: auto; margin: 1em auto; /* Set the carousel width/height ratio to 16/9: */ padding-bottom: 56.25%; box-shadow: 0 0 10px #000; -ms-touch-action: pan-y; touch-action: pan-y; }

.blueimp-gallery-display { display: block; opacity: 1; }

.blueimp-gallery > .slides { position: relative; height: 100%; overflow: hidden; }

.blueimp-gallery-carousel > .slides { position: absolute; }

.blueimp-gallery > .slides > .slide { position: relative; float: left; height: 100%; text-align: center; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.blueimp-gallery, .blueimp-gallery > .slides > .slide > .slide-content { -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; }

.blueimp-gallery > .slides > .slide-loading { background: url(../img/front/loading.gif) center no-repeat; background-size: 64px 64px; }

.blueimp-gallery > .slides > .slide-loading > .slide-content { opacity: 0; }

.blueimp-gallery > .slides > .slide-error { background: url(../img/error.png) center no-repeat; }

.blueimp-gallery > .slides > .slide-error > .slide-content { display: none; }

.blueimp-gallery > .prev, .blueimp-gallery > .next { position: absolute; top: 50%; left: 15px; width: 40px; height: 40px; margin-top: -23px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 60px; font-weight: 100; line-height: 30px; color: #fff; text-decoration: none; text-shadow: 0 0 2px #000; text-align: center; background: #222; background: rgba(0, 0, 0, 0.5); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 3px solid #fff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; cursor: pointer; display: none; }

.blueimp-gallery > .next { left: auto; right: 15px; }

.blueimp-gallery > .close, .blueimp-gallery > .title { position: absolute; top: 15px; left: 15px; margin: 0 40px 0 0; font-size: 20px; line-height: 30px; color: #fff; text-shadow: 0 0 2px #000; opacity: 0.8; display: none; }

.blueimp-gallery > .close { padding: 15px; right: 15px; left: auto; margin: -15px; font-size: 30px; text-decoration: none; cursor: pointer; }

.blueimp-gallery > .play-pause { position: absolute; right: 15px; bottom: 15px; width: 15px; height: 15px; background: url(../img/play-pause.png) 0 0 no-repeat; cursor: pointer; opacity: 0.5; display: none; }

.blueimp-gallery-playing > .play-pause { background-position: -15px 0; }

.blueimp-gallery > .prev:hover, .blueimp-gallery > .next:hover, .blueimp-gallery > .close:hover, .blueimp-gallery > .title:hover, .blueimp-gallery > .play-pause:hover { color: #fff; opacity: 1; }

.blueimp-gallery-controls > .prev, .blueimp-gallery-controls > .next, .blueimp-gallery-controls > .close, .blueimp-gallery-controls > .title, .blueimp-gallery-controls > .play-pause { display: block; /* Fix z-index issues (controls behind slide element) on Android: */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

.blueimp-gallery-single > .prev, .blueimp-gallery-left > .prev, .blueimp-gallery-single > .next, .blueimp-gallery-right > .next, .blueimp-gallery-single > .play-pause { display: none; }

.blueimp-gallery > .slides > .slide > .slide-content, .blueimp-gallery > .prev, .blueimp-gallery > .next, .blueimp-gallery > .close, .blueimp-gallery > .play-pause { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }





#colorbox{background:#cccccc;}
#cboxWrapper{padding:20px;}

/*====overlay===*/

.imgload{ width: 100px; height: 100px; z-index: 124;}

.overlaypopup { position: fixed; top: 0; left: 0 ; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 124; }  

.popup-quickview { max-width: 970px; width: 95%;  position: fixed !important; z-index: 125; background: #fff; padding: 40px 30px; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); }

.popup-quickview .title-product{ margin-top: 6px; }

.popup-quickview .image .infor{ border: 1px solid #e0e0e0; text-align: center;}

.popup-quickview  .number-increment-button{margin-right: 15px;}

.close-popup {position: absolute; width: 12px; height: 12px; background: url("../images/icon-close.png") no-repeat center; right: 10px; top: 10px; text-indent: -100000px;}

.close-popup:hover {  background: url("../images/icon-close-hover.png") no-repeat center;  }