.clear{
    clear:both;
}
main#main {
    margin: 10px 10px 0;
}
h3.product_name {
    margin-bottom: 7px;
}

.title {
    height: 52px;
    margin-bottom: 15px;
    background: url(images/b5.gif) no-repeat left 25px, url(images/b4.gif) repeat-x left 26px;
    overflow: hidden;
    font-size: 20px;
    font-weight: normal;
}
.main_pro {
    width: 257px;
    float: left;
    margin-right: 30px;
    margin-bottom: 45px;
}
h3.product_name a {
    font-family: "Arial";
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
    min-height: 40px;
    color:#000;
}
.img_pro {
    border: 1px solid #ccc;
    position: relative;
}
.product-price.price_pro {
    position: absolute;
    bottom: -26px;
    right: 15px;
    font-size: 26px;
    color: #000;
    text-shadow: 0px 0px white;
}
.img_pro a img {
    padding: 6px;
}
.row-wrap{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-flow:row wrap;
    -webkit-flex-flow:row wrap;
}
/*.box-product.box-productnb {
    width: 220px;
}*/
.pos-rel{
    position:relative;
}
.fix-img{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    margin:auto;
    max-width:100%;
    max-height:100%;
    font-size:14px;
}
.fix-button{
    background:#232323;
    padding:0px 25px !important;
    height:34px !important;
    border:thin solid rgba(0, 0, 0,.2);
    width:auto;
    color:#fff;
    font-size:14px;
    cursor:pointer;
    border-radius:0;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
    text-transform:uppercase;
    outline:none;
	font-weight: normal;
}
.fix-button:hover{
    background:var(--html-bg-website);
	color:#232323;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.site-loading{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    width:100%;
    height:100%;
    background:#fff;
}
.site-loading img{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    max-width:100%;
    max-height:100%;
    margin:auto;
}
.mgt-20 {
	margin-top: 20px;
}
 h1,.h1, h2,.h2, h3,.h3{
    margin:0px;
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
    padding:0px 7px;
}
.row{
    margin:0px -7px;
}
.owl-nav{
    display:none;
}
.slider,.owl-carousel.owl-item img{
    margin:0 auto;
    text-align:center;
}
.ds-center{
    justify-content: center!important;
}
.slick-slider button:after, 
div.slick-slider button,
.slick-slider button{
    border-radius:0px !important;
}
.slick-slider button {
	width: 20px;
	height: 28px;
	line-height: 26px;
}

.slick-slider button:before { 
	font-size: 21px;
}
 div.slick-slider button{
    border-radius:0px;
    width:30px;
    height:30px;
    line-height:26px;
    margin-top:-15px !important;
    background:#ed1c24;
    color:#fff;
    border:thin solid #ed1c24;
}
.slick-slider{
    margin:0px -5px;
}
.slick-slide{
    padding:0px 5px;
}
.slider-magic{
    margin-top:15px;
}
.slider-magic.slick-slider button{
    width:24px;
    height:24px;
    line-height:21px;
    top:0;
    bottom:0px;
    margin:auto !important;
    position:absolute;
}
.slider-magic.slick-slider.slick-next:before,.slider-magic.slick-slider.slick-prev:before{
    font-size:22px;
}
 #slider-main{
    box-sizing:border-box;
}
.slider-quangcao{
    padding:30px 0px;
}
.slider-quangcao a{
    display:inline-block;
    margin-bottom:20px;
}
.slick-only.slick-slider button{
    display:none !important;
}
 @media(max-width:1200px){
   .container{
        width:100%;
    }
}
 @media (min-width:992px){
   .fix-row-40{
        margin:0px -40px;
    }
    .fix-col-40{
        padding:0px 40px;
    }
    .fix-row-30{
        margin:0px -30px;
    }
    .fix-col-30{
        padding:0px 30px;
    }
    .fix-row-20{
        margin:0px -20px;
    }
    .fix-col-20{
        padding:0px 20px;
    }
    .fix-row-15{
        margin:0px -15px;
    }
    .fix-col-15{
        padding:0px 15px;
    }
    .fix-row-10{
        margin:0px -10px;
    }
    .fix-col-10{
        padding:0px 10px;
    }
    .fix-row-5{
        margin:0px -5px;
    }
    .fix-col-5{
        padding:0px 5px;
    }
    .fix-row-2{
        margin:0px -2px;
    }
    .fix-col-2{
        padding:0px 2px;
    }
    .fix-row-0{
        margin:0px;
    }
    .fix-col-0{
        padding:0px;
    }
    .fix-row-20{
        margin:0px -20px;
    }
    .fix-col-20{
        padding:0px 20px;
    }
    .fix-wid-20{
        width:20% !important;
    }
    .product-clear:nth-child(5n+1){
        clear:both;
    }
}
 @media(max-width:767px) and (min-width:460px){
   .col-mn-6{
        width:50%;
    }
    .col-mn-6:nth-child(2n+1){
        clear:both;
    }
    .box-product.box-productnb {
        width: 100% !important;
    }
    .col-mn-5{
        width:42%;
    }
    .col-mn-7{
        width:58%;
    }
}
 @media (min-width:1200px){
   .container{
        width:1230px;
    }
}
 #bttop{
    position:fixed;
    right:10px;
    bottom:70px;
    background:#C5BFBF;
    border-radius:4px;
    cursor:pointer;
    z-index:999;
    width:40px;
    height:40px;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.05);
    overflow:hidden;
    text-indent:100%;
    transition:0.4s all ease;
    background:#7E5312 url(images/icon/gotop.svg) no-repeat center 50%;
}
 #bttop:hover{
    background-color:#7E5312;
}
.visit_hidden{
    height:0px;
    overflow:hidden;
}
.pos-re{
    position:relative;
}
 #slider{
    position:relative;
}
 *{
    margin:0px;
    padding:0px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.scale-img{
    overflow:hidden;
}
.scale-img img{
    transition:all 0.5s ease 0s;
    width:100%;
}
.scale-img:hover img{
    transform:scale(1.1);
}
/* HEADER */
.header-top {
	background:#F4F5F9;
	line-height: 30px;
	border-bottom: thin solid #efefef;
}
.header-bottom {
	padding: 10px 0;
}
.quydinh-img{
    float: left;
    width: 55px;
    background: var(--html-bg-website);
    height: 55px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    margin-top: 3px;
}
.quydinh-img img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.desc_quydinh b {
    display: block;
    font-size: 16px;
    height: 26px;
    margin-bottom: 0px;
}
.business-hours {
	text-align: right;
}
.col-sm-4 img {
    float: left;
}
.desc_quydinh {
    float: right;
    width: calc(100% - 60px);
}
.desc_quydinh p {
	line-height: 16px;
}
.img_quidinh{
    float:left;
}
.business-hours span {
	color:var(--html-bg-website);
}
.nav-top ul {
	margin-bottom: 0;
}
.nav-top ul li {
	float: left;
	position: relative;
	padding: 0px 6px;
}
.nav-top ul li:first-child {
	padding-left: 0;
}
.nav-top ul li:before {
	content: "";
    position: absolute;
    right: 0;
    top: 11px;
    height: 10px;
    border-right: thin solid #333;	
}
.nav-top ul li a {
	color:#333;
}
.nav-top ul li a:hover {
	text-decoration: underline;
	color:var(--html-bg-website);
}
.hotline {
	background: url(images/icon-hotline.png) left center no-repeat;
	padding-left: 45px;
	float: right;
	line-height: 20px;
} 
.hotline p {
	margin-bottom: 0px;
}
.hotline b {
	font-size: 18px;
	font-family: "Arial";
}
#timkiem {
	position: relative;
    margin-top: 2px;
}
#timkiem .form-control {
	border-radius: 0px;
	height: 40px;
}
#timkiem button {
    background: var(--html-bg-website);
    color: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
    border: none;
    outline: none;
    height: 100%;
    padding: 3px 18px 10px;
    font-size: 18px;
	border: thin solid rgba(0,0,0,.2)
}
/* END HEADER */

/* MENU TOP */
.height-scroll{
    height:50px;
    display:none;
}
 #nav_top{
    z-index:999;
    background-color:var(--html-bg-website);
    box-shadow:0 4px 8px 0 rgba(0, 0, 0,.2), 0 6px 20px 0 rgba(0, 0, 0,.19);
    position:relative;
    margin:0 auto;
    width:100%;
	top: 0;
 }
 #cssmenu{
    background:none;
    position:relative;
    margin:0 auto !important;
}

@media(min-width:801px){
    #cssmenu > ul.open{
        background:#fff !important;
        border-bottom:none !important;
    }
     #cssmenu > ul{
        width:100%;
        float:left;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-flex:1;
        -webkit-flex:1 0 auto;
        -ms-flex:1 0 auto;
        flex:1 0 auto;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:end;
        -webkit-justify-content:flex-end;
        -ms-flex-pack:end;
        justify-content:flex-end;
    }
     #cssmenu > ul > li{
        text-align:center;
        height:100%;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -webkit-box-flex:1;
        -webkit-flex:1 0 auto;
        -ms-flex:1 0 auto;
        flex:1 0 auto;
        width:auto;
        border-right:none;
        padding:0 5px;
    }
}
 #cssmenu > ul > li > a > .fa{
}
 #cssmenu ul li a{
    font-size:13px;
    color:#fff;
    text-transform:uppercase;
    font-family:'UTMAvo', 'Arial';
}
 #cssmenu ul li a span{
    font-weight:normal;
    padding:5px 0px;
}
 #cssmenu ul li{
    position:relative;
}
 #cssmenu ul li ul li:before{
    display:none !important;
    right:0px !important;
}
 #cssmenu > ul > li:last-child > a:before{
    display:none;
}
 #cssmenu ul li:last-child, #cssmenu > ul > li:last-child:hover, #cssmenu > ul > li.active:last-child{
}
 #cssmenu > ul > li > a{
    padding:6px 0;
    margin:0px auto;
    line-height:30px;
    transition:0.25s all ease;
    position:relative;
    width:100%;
}
 #cssmenu > ul > li:last-child> a:before{
    display:none;
}
 #cssmenu ul ul li:last-child > a, #cssmenu ul ul li:first-child > a{
    border-radius:0px;
}
 #cssmenu ul ul li a{
    box-shadow:0 0 0 0;
}
 #cssmenu ul ul ul::after{
    border-right-color:#ea2227;
}
 #cssmenu ul ul li.has-sub.active > a::after, #cssmenu ul ul li.has-sub:hover > a::after{
    border-left-color:#fff;
}
 #cssmenu > ul > li:first-child > ul > li > a{
    width:265px;
}
 #cssmenu > ul > li:hover, #cssmenu > ul > li.active{
    background:#333;
    position:initial;
}
 #cssmenu > ul > li:hover > a, #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a{
    background:none;
    color:#fff;
}
 #cssmenu ul ul li.has-sub > a::after{
    right:5px;
}
 @media (max-width:800px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), not all, not all, not all, only screen and (max-width:1024px) and (min-resolution:192dpi), only screen and (max-width:1024px) and (min-resolution:2dppx){
    #cssmenu #menu-button::after{
        top:13px;
    }
     #cssmenu #menu-button::before{
        top:21px;
    }
}
 #cssmenu #menu-button{
    padding:13px 25px;
    background-color:#005627;
}
 @media(max-width:800px){
    #cssmenu > ul.open{
        width:100%;
    }
     #cssmenu > ul{
        width:100%;
    }
     #cssmenu > ul > ul{
        display:none !important;
    }
     #cssmenu > ul.open li{
        transition:0.4s all ease;
        border-bottom:thin solid #cdcdcd;
    }
     #cssmenu > ul.open li:last-child{
        border-bottom:none;
    }
     #cssmenu > ul.open li:hover a{
        color:#fff;
        background:#005627;
    }
     #cssmenu > ul.open li, #cssmenu > ul.open li:hover{
        background:url(images/menu_icon.png) no-repeat 95% center !important;
    }
     #cssmenu > ul.open li ul{
        display:none !important;
    }
}
 @media(max-width:800px) and (min-width:768px){
    #cssmenu > ul.open li a{
        padding:10px;
    }
     #cssmenu > ul.open{
        background:#ECECEC;
        position:absolute;
    }
}
 #cssmenu > ul > li > ul::after{
    display:none !important;
}
 #cssmenu ul ul{
    border-radius:0px 0px 4px 4px;
    box-shadow:0 5px 25px 0 rgba(0, 0, 0, 0.2);
    padding:3px 0px;
    background:#fff;
    border-radius:0px;
}
 #cssmenu ul ul li a{
    padding:0px;
    width:100%;
    text-transform:none;
    font-weight:normal;
    transition:0.4s all ease;
    line-height:22px;
    text-align:left;
    font-size:13px;
    color:#232323;
    position:relative;
}
 #cssmenu ul ul li a.plus-li{
    width:11px;
    height:11px;
    border-radius:50%;
    background:#232323;
    display:inline-block;
    position:relative;
    top:0px;
}
 #cssmenu ul ul li a:hover{
    color:#232323 !important;
}
 #cssmenu ul ul li a:before{
}
 #cssmenu ul ul li ul li a{
    font-size:14px;
    font-family:"UTMAvo";
    color:#333;
    text-transform:inherit;
}
 #cssmenu > ul > li > ul{
    padding:12px !important;
}
 #cssmenu ul ul li a .fa, #cssmenu ul ul li:hover ul li a .fa{
    position:absolute;
    right:10px !important;
    top:9px;
    font-size:16px;
    transition:0.4s all ease;
}
 #cssmenu ul ul li:hover ul li a .fa, #cssmenu ul ul ul li:hover a .fa{
    color:#777;
}
 #cssmenu ul ul li:hover a .fa, #cssmenu ul ul ul li:hover a .fa{
    right:8px !important;
    color:#232323;
}
 #cssmenu ul ul li ul li:hover a .fa{
    right:8px !important;
    color:#232323 !important;
}
 #cssmenu ul ul li:hover a{
    background:#fff;
    color:#232323;
}
 #cssmenu ul ul li:hover ul li a{
    background:#fff;
    color:#777;
}
 #cssmenu ul ul ul li:hover a, #cssmenu ul ul ul ul li:hover a{
    background:none !important;
    color:#232323 !important;
}
 #cssmenu ul ul li{
    overflow:hidden;
    position:relative;
    background:#fff !important;
}
 #cssmenu ul ul li .fa{
    position:absolute;
}
 #cssmenu ul ul li:hover{
    overflow:inherit;
}
.border-nav{
	padding: 20px  !important;
    border: thin dashed !important;
}
 #cssmenu ul ul ul{
    left:100% !important;
    padding-left:0px;
    padding-left:5px;
    background:none;
    box-shadow:0 0 0 0;
}
 #cssmenu ul ul ul.shadow-menu{
    background:#fff;
    padding:7px 0px;
    box-shadow:0 5px 25px 0 rgba(0, 0, 0, 0.2);
}
 #cssmenu ul ul ul::after{
    display:none;
}
 #cssmenu > ul > li> ul{
    width: 100%;
}
#cssmenu > ul > li:hover > ul {
	left: -1px;
}
 #cssmenu ul ul > li > ul{
    top:0px;
    position:relative;
    left:0px !important;
    margin-left:0px !important;
    padding-left:0px !important;
    opacity:1 !important;
}
 @media(max-width:1200px) and (min-width:1024px){
    #cssmenu > ul > li > a{
    }
}
 @media(max-width:1023px) and (min-width:900px){
    #cssmenu > ul > li > a{
        font-size:13px;
    }
}
 @media(max-width:899px) and (min-width:800px){
    #cssmenu > ul > li > a{
        font-size:13px;
    }
     #cssmenu > ul > li:hover, #cssmenu > ul > li.active, #cssmenu > ul > li{
        background:none !important;
    }
}
 @media(max-width:799px){
    #cssmenu > ul > li > a{
        font-size:13px !important;
        padding:10px 20px;
    }
}
.daotao-list {
	position: relative;
	padding-left: 13px;
	display: block;
	margin: 5px 0;
}
.daotao-list:hover {
	color:#f00 !important;
}
.daotao-list:before {
content: "";
    position: absolute;
    left: 0px;
    top: 8px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--html-bg-website);
}
 #cssmenu > ul.open{
    background:#ECECEC;
    border-bottom:5px solid #003A1A;
}
 div#menu{
    position:relative;
    margin:0 auto;
}
/* END MENU TOP */
/* NEWS SCROLL */
.simply-scroll .simply-scroll-list li {
	margin: 0px !important;
}
.news-scroll-img {
    width: 90px !important;
    float: left !important;
	margin-right: 10px;
}
.news-scroll-desc{
	font-size: 13px;
    line-height: 18px;
    margin-top: -4px;
}
.news-scroll-name {
    font-size: 13px;
    font-weight: bold;
    font-family: "Arial";
    line-height: 18px;
	margin-top: 0px;
}
.news-scroll-name a {
	color:#232323;
	transition: 0.2s all ease;
}
.news-scroll-name a:hover { 
	color:var(--html-cl-website);
}
.simply-scroll .simply-scroll-clip {
	height: 425px !important;
}
.view-news a {
	color:#333;
	font-family: "Arial";
	display: inline-block;
	margin-bottom: 10px;
}
.view-news a:hover {
	color:#f00;
}
.cactinkhac {
	font-weight: bold;
	margin: 10px 0 5px;
}
.scroller-news {
	margin-bottom: 0;
}
.scroller-news li {
    background: url(images/icon-li.gif) left center no-repeat;
    padding: 0px 0px 0px 10px;
    margin-bottom: 5px;
	line-height: 16px;
}
.scroller-news li a {
	color:#333;
	font-size: 13px;
}
.scroller-news li a:hover {
	text-decoration: underline;
	color:#ed1b24;
}
.scroller-news li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.scroller-news li:last-child p {
	margin-bottom: 0;
}
/* END NEWS SCROLL */

/* MAIN */
#news-website {
	margin: 20px 0;
}
#slider-camera-wrapper {
	max-width: 1366px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.title_index {
	background-color: #f5f5f5;
    border-right: solid 1px #e6e6e6;
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    margin-bottom: 15px;
	position: relative;

}
.title_index span {
    margin-left: 10px;
    color:#fff;
}
.title_index h1, .title_index h2 {
    font-size: 15px;
    line-height: 40px;
    font-family: "Arial";
    text-transform: uppercase;
    width: auto;
    background: var(--html-bg-website);
	padding-left: 20px;
    color:#fff;
}
.title_index h1:after, .title_index h2:after{
    content: '';
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 17px solid #000;
    position: absolute;
    left: 0;
    top: 0;
}
.title-cate-index {
    text-align: right;
    position: absolute;
    top: 8px;
    right: 10px;
}
.title-cate-index a {
    color: #333;
    display: inline-block;
    position: relative;
    padding: 0px 7px;
}
.title-cate-index a:hover {
	color:#ff0000;
}
.title-cate-index a:before {
	content: "";
    position: absolute;
    right: -3px;
    top: 5px;
    height: 13px;
    border-right: thin solid #ccc;
}
.title-cate-index a:last-child {
	padding-right: none;
}
.title-cate-index a:last-child:before {
	display: none;
}
.title-cate-index a .fa {
	color:var(--html-bg-website);
}
.title-video {
    background: url(images/icon-star.gif) left 0px no-repeat;
    margin-bottom: 20px;
    border-bottom: thin solid #ccc;
    padding-bottom: 10px;
    padding-left: 30px;
	position: relative;
}
.title-video:before {
	content:"";
	background: #ed1b24;
	height: 2px;
	bottom: -1px;
	left: 0;
	position: absolute;
	width: 120px;
}
.title-video h2 {
    display: table;
    background: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 10px;
    padding-bottom: 2px;
    font-family: "Arial";
}
.box-video-index{
	margin-bottom: 10px;
}
/* END MAIN */

/* PRODUCT */
.frame_images {
	border: thin solid #ccc;
	margin-bottom: 10px;
}
.product-other{
	width: 100%;
	margin: 0 -5px;
}
.product-other .slick-slider{
	margin: 0;
}
.border-img {
	border: thin solid #ccc;
}
.slick-product {
	margin: 0;
}
.box-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mz-thumb-selected{
	border-color:#f00;
}
.box-product {
	margin-bottom: 20px;
	padding: 5px;
	text-align: center;
	overflow: hidden;
	transition: 0.2s all ease;
}
.box-product:hover {
	box-shadow: 0 0 0 1px var(--html-bg-website) inset;
}
.product-name {
    word-spacing: unset;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
    text-overflow: ellipsis;
    word-spacing: inherit;
    text-align: left;
    height: 35px;
    display: inline-block;
    overflow: hidden;
}
.flex-promotions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product-name a { 
	color:#555;
    font-size: 14px;
}
.product-name a:hover {
	color:#f00;
}
.product-img {
	position: relative;
}
.product-fa {
    border: thin solid #f02727;
    color: #f02727;
    background: #fff;
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 28px;
    font-size: 18px;
    position: absolute;
    /* top: calc(50% - 10px); */
    transition: all .2s ease-in-out;
    transform: scale(1);
    left: -45px;
}

.box-product:hover .product-fa { 
	left: 5px;
}
.product-img:hover .product-fa:hover {
    color: #fff;
    border-color: #f02727;
    background: #f02727;
}

.addtocart-product {
	top: 45px;
	transition-delay: .07s;
}
.quickview-product {
	top: 5px;
}

.product-promotion {
    background: url(images/icon-khuyenmai3.png) no-repeat;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    position: absolute;
    top: 2px;
    right: 5px;
    text-align: right;
    font-size: 13px;
    padding-right: 7px;
}
.fix-col-1 {
    padding: 0px 1px;
}
.product-price-old {
    font-weight: bold;
    text-decoration: line-through;
    color: #5a596b;
    display: inline-block;
}
.product-price {
    font-weight: bold!important;
    color: #ff0000;
    font-size: 18px;
}
.product-commitment {
    background: var(--html-bg-website);
    padding: 10px 15px;
    border: thin solid rgba(0,0,0,.1);
	margin-bottom: 15px;
}
.product-commitment-title {
    border-bottom: thin solid rgba(0,0,0,.1);
    color: #fff;
    margin: -10px -15px 10px;
    padding: 6px 0px;
    text-align: center;
	font-size: 16px;
}
.dieuhuong {
    background-color: #f7f7f7;
    border: thin solid rgba(0,0,0,.05);
    border-bottom: solid 2px var(--html-bg-website);
    line-height: 36px;
    padding: 0px 12px;
}
.dieuhuong a {
	color:#333;
	transition: 0.2s all ease;	
}
.dieuhuong a:hover {
	color:#f00;
}
.title-product-detail {
    font-family: "MBR";
    font-size: 24px;
    line-height: 40px;
    border-bottom: thin dotted #999;
	color:var(--html-bg-website);
    font-weight: bold
}
.box-product-detail li {
    line-height: 22px;
    padding: 5px 0px;
    font-size: 13px;
    border-bottom: thin dotted #999;
}
.product-detail-price span{
	font-size: 18px;
	color:#f00;
	font-family: "MBR";
    font-weight: bold
}
.product-detail-price-old {
	
}
.product-detail-price-old span{
	font-size: 18px;
	color:#f00;
	text-decoration: line-through;
}
.product-commitment-title span {
	color:#f00;
	text-transform: uppercase;
	font-family: "Arial";
}
.list-product-commitment li {
	color: #333;
    margin-bottom: 7px;
    font-size: 13px;
}
.list-product-commitment .fa {
	color:#f00;
}
.list-addthis {
	padding: 10px 0 5px;
}
.product-detail-addtocart-wish {
	padding: 10px 0px;
}
.product-detail-addtocart {
    background: #F37021;
    color: #fff;
    padding: 0px 15px;
    line-height: 36px;
    font-size: 13px;
    display: inline-block;
	vertical-align: middle;
	transition: 0.2s all ease;
}
.product-detail-addtocart:hover {
	color:#fff;
	background: #df5400;
}
.product-detail-addtocart .fa {
    position: relative;
    top: -1px;
    font-size: 17px;
}
.huongdanmuahang,
.sodochiduong {
	font-size: 13px;
	display: inline-block;
    vertical-align: middle;
    line-height: 17px;
}
.huongdanmuahang {
    background: url(images/icon-huongdanmuahang.gif) left center no-repeat;
    padding-left: 55px;
    width: 130px;
    margin-left: 20px; 
}
.sodochiduong {
    background: url(images/icon-chiduong.gif) left center no-repeat;
    padding-left: 70px;
}
.block-product {
	background:#f7f7f7;
}
.block-title {
    background: var(--html-bg-website);
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    line-height: 40px;
    padding: 0px 10px;
    font-family: "Arial";
    border: thin solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 1px #888;
}
.list-block-cate {
	padding: 5px 10px;
	border: thin solid rgba(0,0,0,.07);
}
.list-block-cate li {
	position: relative;
	padding: 5px 5px 5px 20px;
}
.list-block-cate li:before {
	content:"";
	position: absolute;
	left: 5px;
	top: 12px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid var(--html-bg-website);
}
.list-block-cate li a {
	color:#333;
	font-size: 15px;
	transition: 0.2s all ease;
}	
.list-block-cate li a:hover {
	color:#f00;
}
.list-block-post{
	padding: 10px;
	border: thin solid rgba(0,0,0,.07);
}
.list-block-post li {
	margin-bottom: 10px;
}
.list-block-post li:last-child {
	margin-bottom: 0;
}
.product-noibat-img {
	width: 65px;
	border: thin solid #ccc;
	padding: 2px;
	float: left;
	margin-right: 10px;
	transition: 0.2s all ease;
}
.product-noibat-img:hover {
	border-color: #f00;
}
.product-noibat h4 {
    font-size: 14px;
    margin: 0px 0px 5px;
    line-height: 20px;
}
.product-noibat h4 a {
	color:#333;
	transition: 0.2s all ease;
}
.product-noibat h4 a:hover {
	color:#f00;
}
.product-noibat span {
	color:#f00;
}
.promotion-index {
	background: #f2f2f2;
	margin: 20px 0;
	padding: 20px 0;
}
.title-promotion h2 {
    font-size: 19px;
    position: relative;
    border-bottom: thin solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.title-promotion h2:before {
	width: 100px;
	content:"";
	height: 3px;
	bottom: -1px;
	left: 0;
	position: absolute;
	background:#ef4136;
}
.chuyende-item {
	padding: 20px;
	background:#ef4136;
	text-align: center;
	color: #fff;
	text-align: center;
}
.chuyende-img {
	margin: 20px;
	border: 5px solid #fff;
}
.chuyende-name {
	font-size: 14px;
	font-family: "Arial";
	position: relative;
	margin-bottom: 20px;
    padding-bottom: 20px;
	line-height: 20px;
}
.chuyende-name a {
	color:#fff;
}
.chuyende-name:before {
    content: "";
    width: 100px;
    height: 3px;
    bottom: 0px;
    left: 0;
    right: 0;
    position: absolute;
    background: #fff;
    margin: auto;
}
/* END PRODUCT */

/* CONTACT */
#map_canvas {
	height: 400px;
	margin: 20px 0;
}
.map_title h2{
    font-size:16px;
}
.box_contact{
    border-top:2px solid #ccc;
    margin-top:25px;
    padding-top:25px;
    margin-bottom:15px;
}
.title_contact h2{
    font-size:24px;
    text-transform:uppercase;
    margin-bottom:15px;
    margin-top:20px;
    font-weight:normal;
    font-family:'RobotoRegular';
}
.magin-contact{
    margin-bottom:15px;
}
.magin-contact input.form-control{
	border-radius: 0px;
	height: 36px;
	font-size: 14px;
	font-family: "UTMAvo";
	padding-left: 40px;
	font-weight: normal;
}
.magin-contact:nth-child(1) input{
    position:relative;
    background:url(images/icon-contact/icon-name.webp) 10px center no-repeat;
    position:relative;
}
.magin-contact:nth-child(2) input{
    background:url(images/icon-contact/icon-add.webp) 10px center no-repeat;
}
.magin-contact:nth-child(3) input{
    background:url(images/icon-contact/icon-tele.webp) 10px center no-repeat;
}
.magin-contact:nth-child(4) input{
    background:url(images/icon-contact/icon-title.webp) 10px center no-repeat;
}
.magin-contact textarea.form-control{
    background:url(images/icon-contact/icon-title.webp) 7px 8px no-repeat;
    padding-left:40px;
    height:150px;
}
.magin-contact textarea.form-control{
    border-radius:0px;
    font-family:"UTMAvo";
    font-size:15px;
    border:thin solid #cecece;
    box-shadow:0 0 0 0;
}
.magin-contact.form-control:focus{
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0,.075), 0 0 8px rgba(102, 175, 233,.6);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0,.075), 0 0 8px rgba(102, 175, 233,.6);
}
/* END CONTACT */
/* ======== NEWS ======== */
.box-post{
    margin-bottom: 20px;
    font-size: 13px;
    color: #686868;
    border-bottom: thin solid #ccc;
}

.post-img{
	display: block;
	padding: 5px;
	background: #fff;
	box-shadow: 5px 5px 0px 0px #bebebe;
	overflow: hidden;
	position: relative;
	border: thin solid #bebebe;
	    margin-bottom: 20px;
}

.post-img:before {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	background: rgba(0,0,0,.7);
	content:"";
	transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
	
	opacity: 0;
}

.post-img:hover:before {
	opacity: 1;
}

.post-img:hover span {
    opacity: 1;
    transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
}

.post-img span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 2px solid #fff;
    color: #fff;
    height: 30px;
    width: 30px;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    font-weight: 100;
    margin-top: -15px;
    margin-left: -15px;
    opacity: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transform: scale(0.2, 0.2);
    -webkit-transform: scale(0.2, 0.2);
    -moz-transform: scale(0.2, 0.2);
    -o-transform: scale(0.2, 0.2);
    -ms-transform: scale(0.2, 0.2);
}

h3.post-name {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 18px;
    font-family: "Arial";
    text-transform: uppercase;
}

h3.post-name  a {
	color:#333;
	transition: 0.2s all ease;
}
h3.post-name  a:hover {
	color:#f00;
}
.post-date {
	border-top: thin solid #dedede;
	border-bottom: thin solid #dedede;
	line-height: 30px;
} 
.post-desc{
	margin-bottom: 20px;
}

.post-view {
	color:#999999;
	font-size: 12px;
	padding-left: 30px;
	background: url(images/icon/icon-callenda.png) center left no-repeat;
	line-height: 25px;
	    display: block;

}

.other-news {
	margin-top:15px;	
}

.other-news ul li{
	list-style:none;	
}

.other-news h3 {
    color: #969696;
    padding-bottom: 5px;
    border-bottom: 1px solid #969696;
    padding-bottom: 4px;
    font-family: 'RobotoRegular';
    font-size: 18px;
	margin-bottom: 7px;
}

.other-news a:hover {
    color: #eb0000;
    text-decoration: none;
    padding-left: 10px;
}

.other-news a, .other-news {
    color: #969696;
    font-size: 14px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
	    font-family: 'Open Sans', sans-serif;
}
/* ======== END NEWS ======== */

/* PAGING */
.paging {
    text-align: center;
    margin: 0 auto;
}
.pagination>li>a, .pagination>li>span{
	padding: 0px 11px;
	line-height: 23px;
    margin: 0px 3px;
    text-align: center;
    font-size: 11px;
    color: #a7a7a7;
    border-color: #a7a7a7;
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover,.pagination>li>a.current {
    z-index: 2;
    color: var(--html-bg-website);
    background-color: #fff;
    border-color: var(--html-bg-website);
}

.pagination .page_info {
	position: relative;
    top: 4px;
    margin-left: 5px;
	font-size: 12px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-radius: 0px;
}

/* END PAGING */
/* DOITAC */
#doitac {
	margin-top: 20px;
    padding: 30px 0;
    background: url(images/bg-doitac.png);
    border-top: thin solid #e6e6e6;
    border-bottom: thin solid #e6e6e6;
}
.doitac-item {
    border: thin solid #dedede;
    background: #fff;
    display: block;
    padding: 5px;
	transition: 0.2s all ease;
}
.doitac-item:hover {
	border-color:#f00;
}
/* END DOITAC */
/* DANG KY NHAN TIN KM */
.dangkynhantinkhuyenmai{
    border-bottom: thin solid #dedede;
    padding: 30px 0px;
    background: #eeeeee;
}
.box-newsletter{
	margin-top: 3px;
}
.block-newsletter1{
    font-family: "RobotoCondensed-Bold";
    font-size: 15px;
    padding-left: 60px;
}
.block-newsletter1 h3 {
	color: #ed1b24;
    text-transform: uppercase;
	margin-top: 3px;
	font-size: 24px;
}
.block-newsletter1 p {
	height: 56px;
    font-size: 21px;
    color: #989898;
    border-radius: 0px;
    width: calc(100% - 92px);
}

#dangkymail {
	position: relative;
}

#dangkymail input {
    height: 56px;
    font-size: 16px;
    color: #989898;
    border-radius: 0px;
    width: calc(100% - 92px);
}

#dangkymail button {
    background: #EF4136;
    width: auto;
    height: 56px;
    top: 0px;
    right: 0px;
    position: absolute;
    border: none;
    outline: none;
    border-radius: 0px;
    color: #fff;
    font-family: "Roboto-Bold";
    text-transform: uppercase;
    padding: 0px 15px;
    font-size: 16px;
}
/* END DANG KY NHAN TIN KM */
/* FOOTER */
#footer {
    background: url(images/bg-ft.png);
	padding: 20px 0 0;
	color: #ffffff;
}
.content_footer li{margin-bottom:10px;}
.content_footer li img{margin-right:10px;}
.title-footer {
    font-size: 1.2em;
    font-family: "Arial";
    text-transform: uppercase;
    margin-bottom: 10px;
	position: relative;
}
.title-footer {
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.title-footer:before {
	width: 60px;
	height: 3px;
	background: #ffffff;
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
}
.footer-bottom {
    padding: 5px 0;
    position: relative;
    bottom: 0px;
    left: 0px;
    background: #232323;
    color: #fff;
    width: 100%;
    font-weight: normal;
    font-size: 13px;
    margin-top: 30px;
}
#mxh-footer a {
	background: #fff;
    width: 34px;
    height: 34px;
    line-height: 28px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
	transition: 0.2s all ease;
}
#mxh-footer a:hover {
	transform: rotate(360deg);
}
.img-bocongthuong img {
	max-height: 45px;
    margin-right: 10px;
}
.list-thongke {
    margin: 10px 0;
}
.list-thongke li {
	display: inline-block;
}
.post-footer{margin-bottom:20px;}
.post-footer li{padding-left:20px;margin-bottom:10px;background:url(images/icon-li.png) left 6px no-repeat;font-size: 13px;}
.post-footer li a{color:#ffffff;}
.post-footer li a:hover{text-decoration:underline;}
/* END FOOTER */

/* CART */
#popup-cart {
	display: block;
	position: fixed;
	overflow: hidden;
	visibility: hidden;
	right: -400px;
	top: 0px;
	z-index: 9999;
	background: #fff;
	max-width: 400px;
	width: 100%;
	height: 100%;
	border: thin solid #ccc;
	border-top: none;
	transition: all .35s cubic-bezier(.23,1,.32,1);
}

#popup-cart.active {
	transform: translate3d(-400px,0,0);
	-webkit-transform: translate3d(-400px,0,0);
	visibility: visible;
}

#popup-cart p {
	margin-bottom: 5px;
}

.popup-cart-main-title{
	background-color: rgba(83,94,99,.06);
	padding: 6px 16px 6px;
	border-bottom: thin solid #eaeaea;
	display: block;
	position: relative;
	text-align: center;
}

.popup-cart-main-title h4 {
	font-size: 16px;
	margin: 0px 0px 0px;
}

.popup-cart-main-title p {
	font-size: 14px;
	color: #949494;
	margin-bottom: 0px;
}

.popup-cart-main {
	height: 100%;
}

.popup-cart-main-scroll {
	padding: 15px 16px 20px;
	font-weight: 400;
	height: calc(100% - 50px);
	overflow-y: auto;
}

.popup-cart-main-scroll table {
	width: 100%;
}

.popup-cart-items {
	border-bottom: thin solid #efefef;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.popup-cart-items h4,
.popup-cart-items-price {
	font-size: 13px;
}
.popup-cart-items h4 a {
	color:#333;
}
.popup-cart-items p:nth-child(2) {
	font-size: 14px;
}

.popup-cart-items:last-child {
	border-bottom: 0px;
	margin-bottom: 0px;
}

.popup-cart-total {
	
}
.remove-product {
	color:#f00;
}
.popup-cart-submit a {
	color: #fff;
	background-color: #2d2d2d;
	border-color: rgba(0,0,0,.3);
	padding: 10px 0;
	margin: 20px 0 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 18px;
	transition: 0.2s all ease;
}
.popup-cart-submit a:hover { 
	background-color: var(--html-bg-website);
}

.popup-cart-total.tonggia-order {
	font-weight: normal;
	font-size: 15px;
}

.popup-cart-total .font-bold {
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 10px;
	font-family: "RobotoCondensed-Bold";
}

.close-popup-cart {
	position: absolute;
	width: 35px;
	left: 15px;
	top: 10px;	
	cursor: pointer;
}

.open-popup-cart {
	position: relative;
}

.open-popup-cart .num-cart {
    background: var(--html-bg-website);
    color: #fff;
    width: 26px;
    height: 26px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    border-radius: 2px;
    margin-top: 0;
    position: relative;
    top: -5px;
}
.open-popup-cart .num-cart:before {
	content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: -5px;
    top: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid var(--html-bg-website);
}
.cart-header {
    float: right;
    margin-left: 25px;
    margin-top: 4px;
}
.svg-cart b {
    width: 50px;
    font-family: "Arial";
    display: inline-block;
    line-height: 16px;
    font-size: 13px;
    text-transform: uppercase;
    position: relative;
    top: 4px;
    color: #333;
}
.svg-cart .fa {
	font-size: 32px;
    color: var(--html-bg-website);
}
.modifycart{
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    border: thin solid #ccc;
    padding: 1px 2px;
    position: relative;
    top: -1px;
}

.button-order,
.table-order tr td a {
	font-weight: normal !important;
}

/* ========= CALL WEBSITE ========= */
.suntory-alo-phone {
	background-color: transparent;
	cursor: pointer;
	height: 120px;
	position: fixed;
	transition: visibility 0.5s ease 0s;
	width: 120px;
	z-index: 200000 !important;
}

.suntory-alo-phone {
	background-color: transparent;
	cursor: pointer;
	height: 120px;
	position: fixed;
	transition: visibility 0.5s ease 0s;
	width: 120px;
	z-index: 200000 !important;
}
.suntory-alo-ph-circle {
	animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;
	background-color: transparent;
	border: 2px solid rgba(30, 30, 30, 0.4);
	border-radius: 100%;
	height: 100px;
	left: 0px;
	opacity: 0.1;
	position: absolute;
	top: 0px;
	transform-origin: 50% 50% 0;
	transition: all 0.5s ease 0s;
	width: 100px;
}
.suntory-alo-ph-circle-fill {
	animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
	border: 2px solid transparent;
	border-radius: 100%;
	height: 70px;
	left: 15px;
	position: absolute;
	top: 15px;
	transform-origin: 50% 50% 0;
	transition: all 0.5s ease 0s;
	width: 70px;
}
.suntory-alo-ph-img-circle {
	/* animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim; */
	border: 2px solid transparent;
	border-radius: 100%;
	height: 50px;
	left: 25px;
	opacity: 0.7;
	position: absolute;
	top: 25px;
	transform-origin: 50% 50% 0;
	width: 50px;
}
.suntory-alo-phone.suntory-alo-hover, .suntory-alo-phone:hover {
	opacity: 1;
}
.suntory-alo-phone.suntory-alo-active .suntory-alo-ph-circle {
	animation: 1.1s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;
}
.suntory-alo-phone.suntory-alo-static .suntory-alo-ph-circle {
	animation: 2.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;
}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone:hover .suntory-alo-ph-circle {
	border-color: #00aff2;
	opacity: 0.5;
}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle {
	border-color: #d40000;
	opacity: 1;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {
	border-color: #bfebfc;
	opacity: 1;
}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone:hover .suntory-alo-ph-circle-fill {
	background-color: rgba(0, 175, 242, 0.9);
}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill {
	background-color: #d40000;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {
	background-color: rgba(0, 175, 242, 0.9);
}

.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone:hover .suntory-alo-ph-img-circle {
	background-color: #00aff2;
}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle {
	background-color: #d40000;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {
	background-color: #00aff2;
}
@keyframes suntory-alo-circle-anim {
	0% {
		opacity: 0.1;
		transform: rotate(0deg) scale(0.5) skew(1deg);
	}
	30% {
		opacity: 0.5;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	100% {
		opacity: 0.6;
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}

@keyframes suntory-alo-circle-img-anim {
	0% {
		transform: rotate(0deg) 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(0deg) scale(1) skew(1deg);
	}
	100% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@keyframes suntory-alo-circle-fill-anim {
	0% {
		opacity: 0.2;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	50% {
		opacity: 0.2;
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
		opacity: 0.2;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
}
.suntory-alo-ph-img-circle i {
	animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
	font-size: 30px;
	line-height: 50px;
	padding-left: 10px;
	color: #fff;
}

#suntory-alo-phoneIcon {
	left: 0px;
	bottom: 0px;
}

/*=================== End phone ring ===============*/
@keyframes suntory-alo-ring-ring {
	0% {
		transform: rotate(0deg) 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(0deg) scale(1) skew(1deg);
	}
	100% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}

/* ========= END CALL WEBSITE ========= */

/* -----------------------Popup---------------------------*/
#popub {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    z-index: 10001;
    text-align: center;
}
#loading, #popub {
    width: 100%;
    height: 100%;
    display: none;
}
#popub .popub {
    position: relative;
    max-width: 80%;
    margin: auto;
    display: inline-block;
}
#popub .popub .close_popup {
    position: absolute;
    background: url(images/icon/close.png) center center no-repeat;
    width: 60px;
    height: 60px;
    right: -33px;
    top: -33px;
    z-index: 999999;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    box-shadow: 0 0 60px rgba(0,0,0,.2);
    border: 1px solid rgba(255,255,255,.5);
    background-color: rgba(255,255,255,.1);
}
.close_popup {
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}
.close_popup, .list-group-item>.badge {
    float: right;
}
#popub .popub .close_popup:hover {
    background-color: rgba(255,255,255,.3);
    box-shadow: 0 0 20px rgba(255,255,255,.8);
}
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
/* -----------------------End Popup---------------------------*/

@media(min-width: 1024px) {
	.col-20 {
		width: 20%;
	}
}
@media(max-width: 768px) {
	.hotline {
		float: left;
	}
	.box-product {
		box-shadow: 0 0 0 1px var(--html-bg-website) inset;
	}
	.box-product .product-fa {
		left: 5px;
	}
}
@media(max-width: 767px) {
	.business-hours {
		text-align: left;
	}
    #timkiem{display: none}
	.cart-header {
		margin-left: 10px;
	}
	.svg-cart b{
		font-size: 12px;
	}
	.svg-cart .fa {
		font-size: 30px;
	}
	.svg-cart b {
		width: 42px;
	}
	.header-bottom {
		padding: 5px 0;
	}
	#timkiem .form-control {
		height: 36px;
		font-size: 13px;
		margin-bottom: 10px;
	}
	#timkiem button {
		padding: 3px 13px 10px;
		font-size: 16px;
	}
    .fix-header {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}
@media(max-width:992px){
    .flex-promotions,.box-price{
        display: block;
    }
}
@media(max-width: 576px) {
	.mgb-20 {
		margin-bottom: 20px;
	}	
	.product-detail-addtocart {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.box-newsletter {
		margin: 15px 0px 10px;
	}
    
}
@media(max-width: 414px){
    #timkiem{
        display: none
    }
    .product-price{
        font-size: 14px;
    }
    div#fix_quidinh {
        padding: 0px;
        width: 100%;
        margin-left: 30px;
    }
    .block-newsletter1{
        padding-left:0;
        text-align: center;
    }
    .block-newsletter1 p {
        font-size: 16px;
        width: 100%;
        height: 0;
    }
}
@media (max-width: 360px){
    .product-price {
        font-size: 11px;
    }
    #timkiem{
        display: none;
    }
    .product-price-old {
        font-size: 10px;
    }
    .product-price-old,.product-price{float: none}
    ul.pagination li:nth-child(1) {
        display: none;
    }
}