* {margin: 0px auto;padding: 0px;}
html,body {height: 100%;margin: 0px;padding: 0px;font: 14px 'Muli-Regular';line-height: 20px;}
.row{margin-left: 0!important;margin-right: 0!important;}
._width18{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;width: 18%;float: left;}
._width21{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;width: 21%;float: left;}
._width28{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;width: 28%;float: left;}
._width61{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;width: 61%;float: left;}
._width72{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;width: 72%;float: left;}
.padding-0{padding: 0!important}
.padding-left-0{padding-left: 0;}
.padding-right-0{padding-right: 0;}
.padding-left-5{padding-left: 5px;}
.padding-right-5{padding-right: 5px;}
.padding-left-10{padding-left: 10px;}
.padding-right-10{padding-right: 10px;}
.padding-left-15{padding-left: 15px;}
.padding-right-15{padding-right: 15px;}
.padding-left-20{padding-left: 20px;}
.padding-right-20{padding-right: 20px;}
.padding-left-30{padding-left: 30px;}
.padding-right-30{padding-right: 30px;}
.margin-0{margin: 0!important}
.margin-bottom-0{margin-bottom: 0;}
.margin-top-0{margin-top: 0;}
.margin-bottom-5{margin-bottom: 5px;}
.margin-top-5{margin-top: 5px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-top-10{margin-top: 10px;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-top-15{margin-top: 15px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-top-20{margin-top: 20px;}
.margin-bottom-25{margin-bottom: 25px;}
.margin-top-25{margin-top: 25px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-top-30{margin-top: 30px;}

.max-width-100{max-width: 100%!important;}
img{max-width: 100%;}
li{list-style: inside;}
._nostyle li{list-style: none;}
.pagewrap{position: relative;width: 1230px;margin: 0 auto;}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {position: relative;top: 1px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;line-height: 1;padding-left: 5px;}
a.asc:after {content: "\e151";}
a.desc:after {content: "\e152";}
.sort-numerical a.asc:after {content: "\e153";}
.sort-numerical a.desc:after {content: "\e154";}
.sort-ordinal a.asc:after {content: "\e155";}
.sort-ordinal a.desc:after {content: "\e156";}
.grid-view td {white-space: nowrap;}
.grid-view .filters input,
.grid-view .filters select {min-width: 50px;}
.hint-block {display: block;margin-top: 5px;color: #999;}
.error-summary {color: #a94442;background: #fdf7f7;border-left: 3px solid #eed3d7;padding: 10px 20px;margin: 0 0 15px 0;}

/*== Header ==*/
._header{padding: 10px 0;background-color: #f2f2f2;min-width: 1230px;}
._menu-head ul li a{font: 13px 'Muli-Regular';color: #666666;text-transform: uppercase;display: block;padding: 0 10px;}
._curentDate{font: 13px 'Muli-Regular';color: #666666;}
._bgmenu{background-color: #ffc800;min-width: 1230px;}
._frmsearch{margin-top: 35px;}
._frmsearch input{
    border: 1px #7b6100 solid !important;
    height: 45px;
    background: #f6e7ca;
    border-radius: 25px;
    box-shadow: none;
}
._frmsearch ._btnsearch{
    background: #f6e7ca;
    height: 45px;
    border: 1px #7b6100 solid;
    border-radius: 25px;
    border-left: none;
}
._btnsearch i{
    font-size: 18px;
    color: #90908e;
}
._btnsearch img{max-width: none;}
._soluongsp{
    position: absolute;
    top: 17px;
    right: 16px;
    z-index: 9;
    font: 10px 'Muli-Regular';
    color: black;
    padding: 1px;
    /* background-color: #c30000; */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
}
._tit-mn-left{color: white;background-color: #fd8c06;cursor: pointer}
._tit-mn-left i{background-color: #e87e00;padding: 0 20px;line-height: 50px;}
._tit-mn-left span{font: 14px 'Muli-Bold';line-height: 50px;text-transform: uppercase;padding: 0 15px;}
._box-mn-left{position: relative;}
._boxleft{position: absolute;left: 0;top: 100%;width: 100%;z-index: 999;background-color: white;}
.menu-fix{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;}
.menu-fix ._boxleft{display: none;}
.menu-fix ._box-mn-left:hover ._boxleft{display: block;}

/*== Slider ==*/
._slide {position: relative}
._titledm-left{background-color: #c30000;font: 14.5px 'Roboto-Bold';color: white;text-transform: uppercase;line-height: 40px;text-align: center;}
._boxleft {padding-top: 14px;border: 1px #cccccc solid;}
._boxslider {padding: 10px 0;border: 1px #cccccc solid;border-top: 2px #c30000 solid;background-color: white;box-shadow: 1px 1px 5px #dddddd, 1px -1px 5px #dddddd, -1px 1px 5px #dddddd, -1px -1px 5px #dddddd;}

/*== Content ==*/
._titledm{font: 30px 'Muli-Bold';color: #c30000;text-transform: uppercase; margin: 0 20px;}
._danhmuc .nav-tabs{border-bottom: none;margin: 20px 0;}
._danhmuc .nav-tabs > li{background: transparent;float: none;display: inline-block;}
._danhmuc .nav-tabs > li > a{font: 14px 'Muli-SemiBold';color: black;text-transform: uppercase;padding: 10px 20px;outline: none!important;border: none;}
._danhmuc .nav-tabs > li > a:hover{background-color: #c30000;color: white;border: none;border-radius: 20px!important;}
._danhmuc .nav-tabs > li.active > a, ._danhmuc .nav-tabs > li.active > a:hover, ._danhmuc .nav-tabs > li.active > a:focus{background-color: #c30000;color: white;border: none;border-radius: 20px!important;}
._danhmuc .tab-content{padding: 0;border: none;}
._imgsp{width: 100%;height: 230px;overflow: hidden; position: relative; padding: 8px;}
._imgsp img{width: 100%;height: 100%;transition: all .3s ease-in-out; }
._imgsp img:hover{transform: scale(1.2);}
._box-price{padding: 0px 5px 15px}
._price{font: 14px 'Muli-Regular';color: #191919;}
._price a, ._price span, ._pricekm{font: 15px 'Muli-Regular';color: #f4a503;}
._price a:hover{color: #3366ff;text-decoration: none;}
._pricegoc{font: 12px 'Muli-Regular';color: #b1b0b0;text-decoration: line-through;}
._box-addcart{margin: 2px 5px 4px;}
._addcart a{
    font: 12px 'Muli-Regular';
    color: white;
    background-color: #ec008c;
    padding: 5px 15px;
    display: block; 

}
._buynow a{font: 12px 'Muli-Regular';color: white;background-color: #c30000; padding: 5px;display: block;}
._addcart a:hover{background-color: #f79520;text-decoration: none;}
._buynow a:hover{background-color: #9bbc4c;text-decoration: none;}
._bannerDM{min-width: 1230px;margin: 25px 0;}
._title-ck{font: 14px 'Muli-Bold';color: black;text-transform: uppercase;margin: 10px 0 5px;}
._des-ck{font-size: 13px;color: #4d4d4d;}
._boxpr{background-color: white;position: relative;}
._hotro-home{min-width: 1230px;padding: 50px 0;background-repeat: no-repeat;background-size: cover;}
._title-ht{font: 30px 'Muli-Bold';color: white;text-transform: uppercase;}
._des-ht{color: white;line-height: 25px;margin-top: 5px;}
._box-ht{padding: 35px 0 70px 135px; background-image: url('../images/imght.png');background-repeat: no-repeat;}
._name-ht{font: 15px 'Muli-Bold';color: white;text-transform: uppercase;margin-bottom: 10px;}
._phone-ht{font: 18px 'UTM American Sans';color: white;}
._item-ht1{font: 15px 'Muli-Bold';color: white;text-transform: uppercase;}
._item-ht1 i, ._item-ht1 span{color: #d6c304;}
._item-ht2{font: 15px 'Muli-Regular';color: white; margin-bottom: 10px;}
.sale-phone-item {display: inline-block;width: 100%;background: #f76b1c;border-radius: 3px;color: #fff;height: auto;padding: 2px 6px;position: absolute;right: 0;bottom: 65px;z-index: 9;}
.sale-phone-item i {font-size: 15px;margin-right: 7px;}



._namepr a{
    font: 14px 'Muli-Regular';
    color: #191919;
    display: block;
    padding: 12px 0 12px;
    text-transform: uppercase;
}
._namepr a:hover{text-decoration: none;color: red;}
._phantram-km{width: 35px;height: 35px;background-image: url('../images/phantram.png');background-repeat: no-repeat;background-position: center center;position: absolute;top: 5px;right: 5px;z-index: 9;font: 13px 'Roboto-Bold';color: white;text-align: center;line-height: 35px;}
._danhmuc ._namepr a{font: 14px 'Roboto-Bold';color: #333333; display: block;padding: 15px 0;margin: 0 5px;border-top: none;border-bottom: 1px #cccccc dashed;}
._phantram-km2{width: 35px;height: 35px;background-image: url('../images/phantram.png');background-repeat: no-repeat;background-position: center center;position: absolute;top: 55px;right: 5px;z-index: 9;font: 13px 'Roboto-Bold';color: white;text-align: center;line-height: 35px;}
._title-td{background-image: url('../images/bgtt.png');background-repeat: no-repeat;background-position: right bottom;font: 20px 'SFUFuturaHeavy';color: #333333;text-transform: uppercase;}
._namett a{display: block;font: 15px 'Roboto-Regular';color: #333333; padding: 10px 0 5px;}
._namett a:hover{text-decoration: none;color: red;}
._destt{font: 13px 'Roboto-Regular';color: #797979; line-height: 20px;text-align: justify;}
._btnxt-tt a{font: 13px 'Roboto-Regular';color: white;padding: 10px 20px;background-color: #c30000;}
._btnxt-tt a:hover{background-color: #ff1493;text-decoration: none;}
._itemdoitac img{border: 1px #cccccc solid!important;border-radius: 5px!important;}

/* Owl-carousel custom css */
.owl-theme .owl-nav {margin-top: 0;position: absolute;left: 0;top: 38%;z-index: 999;width: 100%;}
.owl-theme .owl-nav .owl-prev {position: absolute;top: 0;left: 0;padding-left: 20px;}
.owl-theme .owl-nav .owl-next {position: absolute;top: 0;right: 0;padding-right: 20px;}
.owl-theme .owl-nav [class*=owl-] span{color: white;font-size: 35px;background: #c30000;padding: 5px 10px;}
.owl-theme .owl-nav [class*=owl-]{overflow: hidden;}

/*== Footer ==*/

._foot{
    padding: 70px 0 75px;
    min-width: 1230px; 
    background: url(../images/bg_footer.png) no-repeat;
    background-size: 100% 100%;
   
}
._dmfoot{font: 15px 'Muli-Bold'; color: #010101; text-transform: uppercase; margin-bottom: 15px; position: relative; padding-bottom: 10px;  margin-top: 30px;}
._dmfoot:after{
    position: absolute;
    width: 40px;
    border-bottom: 3px solid #ffe68d;
    left: 0;
    bottom: 0;
    content: '';
    
}
._linef{margin-bottom: 20px; margin-top: 3px;line-height: 5px;}
._menuf li a{font: 14px 'Muli-Regular';color: white;line-height: 22px;margin-bottom: 5px;display: block;}
._menuf li a:hover{text-decoration: none;color: #d6c304;}
._frmdk .field-newsletterclient-contacts{width: 81%;}
._frmdk #newsletterclient-contacts{
    width: 100%;
    /* background-color: black; */
    border: none;
    color: black;
    border-radius: 0;
    height: 40px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}
._frmdk button{
    width: 20%;
    height: 40px;
    border-radius: 0;
    background-color: #ec008c;
    text-transform: uppercase;
    background-image: none;
    border: none;
    margin-left: -7px;
    position: relative;
    z-index: 0;
    border-radius: 5px;
}
._frmdk .help-block{position: absolute;}
._mangxhf{
    position: absolute;
    top: -11px;
    width: 100%;
    text-align: center;
}
._mangxhf ul{
    width: 280px;
    background: #1d6c89;
    margin: 0 auto;
    /* height: 47px; */
    padding: 10px 0;
    border-radius: 25px;
}
._chamsockh{color: #c6c6c6;font-size: 13px;}
._add-foot{font: 14px 'Muli-Regular';color: #000000;line-height: 22px;}
._copyright{font: 13px 'Roboto-Regular';color: #f2be00; }

/*== Facebook chat ==*/
.fb-livechat,.fb-widget{display:none}.ctrlq.fb-button,.ctrlq.fb-close{position:fixed;right:65px;cursor:pointer}.ctrlq.fb-button{z-index:998;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;width:60px;height:60px;text-align:center;bottom:34px;border:0;outline:0;border-radius:60px!important;-webkit-border-radius:60px!important;-moz-border-radius:60px!important;-ms-border-radius:60px!important;-o-border-radius:60px!important;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease;background-size:80%;transition:all .2s ease-in-out}.ctrlq.fb-button:focus,.ctrlq.fb-button:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)}.fb-widget{background:#fff;z-index:99999999;position:fixed;width:280px;height:435px;overflow:hidden;opacity:0;bottom:0;right:10px;border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;box-shadow:0 5px 40px rgba(0,0,0,.16);-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16);-moz-box-shadow:0 5px 40px rgba(0,0,0,.16);-o-box-shadow:0 5px 40px rgba(0,0,0,.16)}.fb-credit{text-align:center;margin-top:8px;margin-bottom:8px}.fb-credit a{transition:none;color:#bec2c9;font-family:Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;border:0;font-weight:400}.ctrlq.fb-overlay{z-index:0;position:fixed;height:100vh;width:100vw;-webkit-transition:opacity .4s,visibility .4s;transition:opacity .4s,visibility .4s;top:0;left:0;background:rgba(0,0,0,.05);display:none}.ctrlq.fb-close{right: 15px;z-index:4;padding:0 6px;background:#365899;font-weight:700;font-size:11px;color:#fff;margin:8px;border-radius:3px!important;}.ctrlq.fb-close::after{content:'x';font-family:sans-serif}
.chat_zalo{position: fixed;bottom: 34px;right: 130px;z-index: 998; }

/*== Custom Breadcrumb ==*/
.mybreadcrumb {text-align: center;display: block;box-shadow: 0 2px 5px rgba(0,0,0,0.25);overflow: hidden;border-radius: 5px;counter-reset: flag;}
.mybreadcrumb a{text-decoration: none;}
.mybreadcrumb__step {text-decoration: none;outline: none;display: block;float: left;font-size: 12px;line-height: 36px;padding: 0 10px 0 60px;position: relative;background: #fff;color: #337ab7;transition: background 0.5s;}
.mybreadcrumb__step:first-child {padding-left: 46px;border-radius: 5px 0 0 5px;}
.mybreadcrumb__step:first-child::before {left: 14px;}
.mybreadcrumb__step:last-child {border-radius: 0 5px 5px 0;padding-right: 20px;}
.mybreadcrumb__step:last-child::after {content: none;}
.mybreadcrumb__step::before {content: counter(flag);counter-increment: flag;border-radius: 100%;width: 20px;height: 20px;line-height: 20px;margin: 8px 0;position: absolute;top: 0;left: 30px;font-weight: bold;background: #fff;box-shadow: 0 0 0 1px #00aeef;}
.mybreadcrumb__step::after {content: '';position: absolute;top: 0;right: -18px;width: 36px;height: 36px;transform: scale(0.707) rotate(45deg);z-index: 1;border-radius: 0 5px 0 50px;background: #fff;transition: background 0.5s;box-shadow: 2px -2px 0 2px #990404;}
.mybreadcrumb__step--active {color: #fff;background: #00aeef;}
.mybreadcrumb__step--active::before {color: #00aeef;}
.mybreadcrumb__step--active::after {background: #00aeef;}
.mybreadcrumb__step:hover {color: #fff;background: #fd8c06;}
.mybreadcrumb__step:hover::before {color: #c30000;}
.mybreadcrumb__step:hover::after {color: #c30000;background: #fd8c06;}

/*== Social Share ==*/
.social-share li{display: inline-block;padding: 0 2px;}
.social-share li a i.fa-facebook-square{font-size: 25px;color: #1E4FAC;}
.social-share li a i.fa-twitter-square{font-size: 25px;color: #1BA5D4;}
.social-share li a i.fa-google-plus-square{font-size: 25px;color: #FD5344;}
.social-share li a i.fa-linkedin{font-size: 25px;color: #007AB5;}
.social-share li a i.fa-envelope-square{font-size: 25px;color: #DC0000;}
.social-share li a i.fa-pinterest-square{font-size: 25px;color: #007AB5;}

/*== Custom Pagination ==*/
.pagination{margin: 10px 0;}

/* Detail */
._name-vd{font: 14px 'Muli-Bold';margin: 10px 0;}
._itemsContainer {position:relative}
._itemsContainer:hover ._play{display:block}
._play{position : absolute;display:none;top:42%;margin:0 auto; left:0px;right:0px;z-index:100}
._name-combo a{font: 15px 'Muli-Bold';color: black;text-transform: uppercase;display: block;margin: 10px 0 5px;}
._price-combo, ._price-combo a{font: 16px 'Muli-Bold'; color: #c30000;}
._name-combo a:hover, ._price-combo a:hover{color: red;text-decoration: none;}
._des-combo{margin-top: 20px; padding: 20px 15px;border-radius: 5px;background-color: #f1f1f1;font: 17px 'Muli-Bold';color: #111111;}
._price-combo-detail{font: 18px 'Muli-Bold'; color: #111111;background-color: #ffd145;border-radius: 5px;padding: 10px;margin: 10px 0;}
._imgsp2 {width: 100%;height: 400px;overflow: hidden;}
._imgsp2 img{width: 100%; height: 400px;transition: all .3s ease-in-out;}
._imgsp2 img:hover{transform: scale(1.2);}
._price-km-detail{font: 20px 'Muli-Regular';color: #c30000;margin-bottom: 5px;}
._price-goc-detail{font: 17px 'Muli-Regular';color: #333333;}
._price-goc-detail span{font-size: 14px;}
._option-pr{color: #333333;line-height: 22px;}
._option-pr span{width: 130px;display: inline-block;}
._option-pr i{color: #666666; padding: 0 5px 0 15px;}
.form-option{border-top:0 solid #eaeaea;padding:5px 0}
.form-option #size_chart{color:#e5101d;text-decoration:underline;margin-left:15px}
.form-option .attributes{clear:both;overflow:hidden}
.form-option .attributes:first-child{padding:5px 0}
.form-option .attributes .attribute-label{display:inline-block;width:80px;font-weight:700;font-size:12px}
.form-option .qty{width:80px;display:inline-block;float:left;overflow:hidden}
.form-option .product-qty{background:#fff;border:1px solid #dfdfdf;position:relative;display:inline-block;width:150px;border-radius:5px}
.form-option .attribute-list{background:#fff;position:relative;display:inline-block;border-radius:5px;vertical-align: middle;}
.form-option .btn-plus a{text-align:center;line-height:32px;cursor:pointer;width:32px;height:32px}
.form-option .btn-plus a.btn-plus-up{position:absolute;right:0;font-size:18px;color:#777;top:0;border-left:1px solid #dfdfdf}
.form-option .btn-plus a.btn-plus-down{position:absolute;right:32px;font-size:18px;color:#777;top:0;border-left:1px solid #dfdfdf}
.form-option .attributes input{font-weight:700;max-width:50px;padding:0 5px;font-size:17px;height: 32px;border: none;background: transparent;}
.form-option .list-color{overflow:hidden;padding-top:5px}
.form-option .list-color li{width:24px;height:24px;border:1px solid #eaeaea;float:left;margin-right:6px;border-radius:3px;padding:1px;position:relative}
.form-option .list-color li span{color:#e5101d;display:inline-block;font-size:12px;height:20px;position:absolute;right:-15px;text-align:center;top:2px;vertical-align:middle;width:20px}
.form-option .list-color li img{background-clip:padding-box;border-radius:3px;width:100%}
.form-option .list-color li:hover,.form-option .list-color li.active,.form-option .list-color li.starActive{border:1px solid #e5101d}
.form-option .list-color li a{width:20px;height:20px;float:left}
._box-des-prditail{max-height: 100px;overflow: hidden; margin-bottom: 10px;}
.xemthemProducts a {font-size: 12px;cursor: pointer; color: #333333;}
.xemthemProducts a .fas {margin-left: 10px;}
.btn-order-phone {display: block;width: 100%;padding: 8px;font-size: 14px;color: #fff;text-transform: uppercase;border: 1px solid #d97f00;border-radius: 4px;background: #f89406;background: -webkit-gradient(linear,0% 0%,0% 100%,from(#f76b1c),to(#f89406));background: -webkit-linear-gradient(top,#f89406,#f76b1c);background: -moz-linear-gradient(top,#f89406,#f76b1c);background: -ms-linear-gradient(top,#f89406,#f76b1c);background: -o-linear-gradient(top,#f89406,#f76b1c);cursor: pointer;}
.btn-order-phone i {font-size: 25px;vertical-align: bottom;display: inline-block;}
.btn-order-phone:hover{color: white;text-decoration: none;opacity: 0.8;}
.btn-add-cart {background: #e5101d none repeat scroll 0 0;border-radius: 0;clear: both;color: #fff;display: inline-block;font-size: 17px;height: 45px;line-height: 45px;margin: 0 auto;padding: 0 19px 0 0;text-align: center;width: auto;overflow: hidden;font-family: "Muli-Bold";}
.btn-add-cart:before {width: 40px;height: 100%;float: left;background: url('../images/cart.png') no-repeat scroll left center;content: " ";margin-right: 15px;background-color: rgba(0,0,0,.2);}
.btn-add-cart:hover{text-decoration: none;color: white;opacity: 0.8;}
.form-tuvanmuahang a {margin-bottom: 5px;width: 100%;}
.btn-hotline {background: #e5101d none repeat scroll 0 0;border-radius: 0;clear: both;color: #fff;display: inline-block;font-size: 17px;height: 45px;line-height: 45px;margin: 0 auto;padding: 0 25px 0 0;text-align: center;width: auto;overflow: hidden;font-family: "Muli-Bold";}
.btn-hotline::before {width: 40px;height: 100%;float: left;background: url(../images/tuvan-phone.png) no-repeat scroll center center;content: " ";margin-right: 15px;background-color: rgba(0,0,0,.2);}
/*.nav-menu-custom.muakem {background: #fff;box-shadow: none;border-bottom: 1px solid #f1f1f1;border-top: 2px solid #ccc;height: 51px;}*/
.show-brand.muakem .navbar-brand {background: #fff;width: auto;font-weight: 700;font-size: 16px;color: #333;text-transform: uppercase;}
#box_delivery_policies {background: #fafafa;padding: 5px;}
#delivery_policies_list .item {display: inline-block;margin: 5px 0;}
.product_info_name{margin-bottom: 10px;;font: 20px 'Muli-Bold';}
#delivery_policies_list .item .icon, #delivery_policies_list .item .icon i {background-repeat: no-repeat;vertical-align: top;display: inline-block;height: 32px;margin-right: 7px;width: 32px;text-align: center;}
#delivery_policies_list .item .text {color: #666;display: inline-block;font-size: 12px;vertical-align: middle;width: 210px;text-align: justify;}
#delivery_policies_list .item .icon .truck {background-image: url(../images/icon-truck.png);}
#delivery_policies_list .item .icon .location {background-image: url(../images/icon-location.png);}
#delivery_policies_list .item .icon .store {background-image: url(../images/icon-store.png);}
#delivery_policies_list .item .icon .phone {background-image: url(../images/icon-phone.png);}
#delivery_policies_list .item .icon .baohanh {background-image: url(../images/icon-baohanh.png);}
#delivery_policies_list .item .icon .tuvanmienphi {background-image: url(../images/icon-tuvanmienphi.png);}
#delivery_policies_list .item .icon .camket {background-image: url(../images/icon-camket.png);}
#delivery_policies_list .item .icon .warning {background-image: url(../images/icon-note.png);}



._boxviews{margin-bottom: 5px; padding: 5px 0;border-top: thin #cccccc solid;border-bottom: thin #cccccc solid;}
.product_info_vote{display: inline-block;margin-right: 15px;}
._views{display: inline-block;color: #999999;}
.area_price {display: block;overflow: hidden;line-height: 20px;padding: 0 10px 10px 0;}
.area_price strong {display: inline-block;font-size: 22px;color: #e10c00;vertical-align: middle;margin-right: 10px;}
.area_price span.hisprice {display: inline-block;vertical-align: middle;font-size: 18px;color: #999;text-decoration: line-through;margin-right: 10px;}
._mytab-detail .tab-content{padding: 15px; background-color: white;border: 1px solid #ddd;border-top: none;}
._mytab-detail .nav-tabs > li > a{font: 18px 'Roboto-Bold';color: black;}
._mytab-detail .nav-tabs > li.active > a, ._mytab-detail .nav-tabs > li.active > a:hover, ._mytab-detail .nav-tabs > li.active > a:focus{color: red;}
._namett-detail a h2{margin: 0 0 10px;font: 16px 'Roboto-Bold';color: black;}
._namett-detail a:hover, ._namett-detail a:hover h2{color: red;text-decoration: none;}
._date-post li{color: #999999;font-style: italic;}
.grid.newdefault{border: 1px solid #DEDEDE;padding: 15px;background: #F7F7F7;margin: 30px 0px;}
.grid.newdefault .title{font-size: 18px;margin-top: 0px;text-transform:uppercase;margin-bottom: 25px;}
.grid.newdefault a:hover{color: #ff0000;text-decoration: none;}
ul.nottype{ padding-left: 0px; }  
ul.nottype li{ list-style-type: none; margin-bottom: 10px;} 
ul.nottype a { color: #000; font-size: 16px;}
ul.nottype li a i{color: #3366ff;}
._tagpr i{font-size: 18px; color: #ac2925;vertical-align: middle;}
._tagpr a{display: inline-block;font-size: 10px;border: thin #dddddd solid;border-radius: 10px!important;color: #999999;padding: 0 10px;}
._tagpr a:hover{color: red;border-color: red;text-decoration: none;}
._btncart-detail a{font: 15px 'Roboto-Bold';color: #3366ff;text-decoration: none;border: thin #fa9c06 solid;display: block;padding: 5px;border-radius: 10px!important;}

/*== Contact ==*/
#googleMap{width: 100%;height: 350px;}
._box-add-contact h2{margin-top: 0;}
._box-add-contact{padding: 15px;border: 1px #cccccc solid;border-radius: 10px!important;}


/*== Hover Image Effect ==*/

figure._hover-eff {position: relative;background: #000000;text-align: center;}
figure._hover-eff > div {left: 0;right: 0;top: 0;bottom: 0;height: 100%;position: absolute;}
figure._hover-eff > div a {color: #ffffff;}
figure._hover-eff > div a i {font-size: 40px;opacity: 0;top: 50%;position: relative;-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);-webkit-transition-delay: 0s;transition-delay: 0s;display: inline-block;}
figure._hover-eff > div a i.left-icon {-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
figure._hover-eff > div a i.right-icon {-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
figure._hover-eff > div::before {position: absolute;top: 30px;right: 50%;bottom: 30px;left: 50%;border-left: 1px solid rgba(255, 255, 255, 0.8);border-right: 1px solid rgba(255, 255, 255, 0.8);content: '';opacity: 0;background-color: #ffffff;-webkit-transition: all 0.4s;transition: all 0.4s;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
figure._hover-eff:hover img {opacity: 0.35;}
figure._hover-eff:hover > div i {opacity: 0.9;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
figure._hover-eff:hover > div i.left-icon {-webkit-transform: translate3d(-25%, -50%, 0);transform: translate3d(-25%, -50%, 0);}
figure._hover-eff:hover > div i.right-icon {-webkit-transform: translate3d(25%, -50%, 0);transform: translate3d(25%, -50%, 0);}
figure._hover-eff:hover > div::before {background: rgba(255, 255, 255, 0);left: 30px;right: 30px;opacity: 1;-webkit-transition-delay: 0s;transition-delay: 0s;}

figure {width: 100%;overflow: hidden;}
.hover14 figure {position: relative;}
.hover14 figure::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.hover14 figure img:hover{opacity: 0.5;}
.hover14 figure:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}
.hover15 figure {position: relative;}
.hover15 figure::before {position: absolute;top: 50%;left: 50%;z-index: 2;display: block;content: '';width: 0;height: 0;background: rgba(255,255,255,.5);border-radius: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0;}
.hover15 figure:hover::before {-webkit-animation: circle .75s;animation: circle .75s;}
@-webkit-keyframes circle {0% {opacity: 1;}40% {opacity: 1;}100% {width: 200%;height: 200%;opacity: 0;}}
@keyframes circle {0% {opacity: 1;}40% {opacity: 1;}100% {width: 200%;height: 200%;opacity: 0;}}

/* Back to Top */
#back-top {display: inline-block;background-color: #FF9800;width: 50px;height: 50px;text-align: center;border-radius: 50%;position: fixed;bottom: 34px;right: 10px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;}
#back-top i {font-weight: normal;font-style: normal;font-size: 3em;line-height: 50px;color: #fff;}
#back-top:hover {cursor: pointer;background-color: #333;}
#back-top:active {background-color: #555;}
#back-top.show {opacity: 1;visibility: visible;}
.khung_hotline{
    display: inline-flex;
    width: 100%;
    float: left;
    margin-top: 15px;
    padding-bottom: 10px;
}
.Hotline{
    text-align: right;
    color: #191919;
    font: 25px 'Muli-Bold';
}
.Hotline span{
    color: #aeaeae;
    font: 12px 'Muli-Regular';
}
.giohang{
    width: 8%;
    text-align: right;
}
.dathang{
    width: 16%;
    text-align: right;
    margin-top: 5px;
}
.dathang a{
    color: white;
    font: 13px 'Muli-Regular';
    background: #00aeef;
    padding: 9px 20px;
    border-radius: 5px;
}
.dathang a:hover{
    color: red;
    text-decoration: none;
}
.menuMain{
    clear: both;
}
.banner{
    background: url(../images/bg_header.png);
    width: 100%;
}
.title_dmsp h3{
    font: 32px 'Muli-Bold';
    color: #00aeef;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #bbbbbb;
    padding-bottom: 15px;
    margin: 25px 0 0;
}
.title_nb h3{
    font: 35px 'UTM Davida';
    color: #000000;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 5px;
    margin: 45px 0 0;
}
.title_nb p{
    text-align: center;
    font: 14px 'Muli-Regular';
    color: #191919;
}
.xemchitiet{
    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: 9999;
    text-align: center;
}
.xemchitiet a{
    padding: 6px 35px;
    background: rgba(0, 0, 0, 0.80);
    border-radius: 20px;
    display: inline-flex;
    line-height: 30px;
    color: white;
    font-family: 'Muli-Light' !important;
}
.xemchitiet a img{
    width: 30px !important;
    margin-left: 10px;
}
.xemchitiet a:hover{
    text-decoration: none;
    color: #00aeef;
}
.name_sp h3{
    margin: 10px 0 0px;
}
.name_sp h3 a{
    line-height: 30px;
    color: #191919;
    font-family: 'Muli-Bold' !important;
    font-size: 15px;
    text-transform: uppercase;
}
.name_sp h3 a:hover{
    text-decoration: none;
    color: red;
}
.ykien {
    width: 100%;
}
.ykien input {
    width: 100% !important;
    padding-left: 10px;
    margin-top: 10px !important;
    color: black;
    border: 1px solid #ffffff;
    height: 45px;
    border-radius: 0 !important;
    font-size: 14px;
    box-shadow: none;
    background: #f9f3e2 !important;
}
.ykien textarea {
    width: 100% !important;
    background: #f9f3e2;
    margin-top: 10px !important;
    padding-left: 15px;
    border: 1px solid #ffffff;
    color: black;
    border-radius: 0;
    font-size: 14px;
    box-shadow: none;
}


.ykien1 {
    width: 100%;
}
.ykien1 input {
    width: 100% !important;
    background: none !important;
    padding-left: 10px;
    margin-top: 10px !important;
    border: 1px solid black;
    color: black;
    border: 1px solid #ffffff;
    height: 40px;
    border-radius: 0 !important;
    background: #ccc !important;
    font-size: 14px;
}
.ykien1 textarea {
    width: 100% !important;
    background: #ccc !important;
    margin-top: 10px !important;
    padding-left: 15px;
    border: 1px solid #ffffff;
    color: black;
    border-radius: 0;
    font-size: 14px;
}
.khungslogan{
    margin-top: 30px;
}
.dichvuthietke{
    position: relative;
    padding-bottom: 55px;
}
.hinhdvchinh{
    position: relative;
    /* bottom: 0; */
    width: 100%;

}
.hinhdvchinh img{
    position: absolute;
    right: 0;
    top: -164px;
}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder { color: black !important;}
::-moz-placeholder { color: black !important;}
:-ms-input-placeholder, :-ms-textarea-placeholder { color: black !important;}

._frmdk #newsletterclient-contacts::-webkit-input-placeholder { color: black!important; }
._frmdk #newsletterclient-contacts::-moz-placeholder { color: black!important; }
._frmdk #newsletterclient-contacts:-ms-input-placeholder { color: black!important; }
._frmdk #newsletterclient-contacts:-moz-placeholder { color: black!important; }
#sendnewsletter{
    background: #00aeef;
    padding: 13px 35px;
    border-radius: 0;
    text-transform: uppercase;
    margin-top: 5px;
    border: none;
    font-weight: bold;
}
.reset{
    background: #818181;
    padding: 13px 10px;
    border-radius: 0;
    margin-left: 10px;
    text-transform: uppercase;
    margin-top: 6px;
    border: none;
    /* height: 41px; */
    font-weight: bold;
    color: white;
}
.khung_dangky{
    padding: 0 20%;
}
.hinhyk{
    position: relative;
}
.hinhyk img{
    max-width: 100%;
    max-height: 80px;
}
.title_ykien h2{
    font: 32px 'Muli-Bold';
    color: #00aeef;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin: 0;
    background: url(../images/gachsp.png) no-repeat bottom;
    padding: 20px 0 25px;
}
.name_yk h3{
    margin: 0 0 10px;
}
.name_yk h3 a{
    text-transform: uppercase;
    color: #191919;
    font: 20px 'Muli-Bold';
}
.name_yk h3 a:hover{
    color: blue;
    text-decoration: none;
}
.name_yk p{
    color: #191919;
    font: 14px 'Muli-Regular';
    line-height: 25px;
}
.xemtiep_yk a{
    color: #00aeef;
    font: 13px 'Muli-Regular';
}
.xemtiep_yk a:hover{
    text-decoration: none;
    color: red;
}
._doitac {
    background: #f5f5f5;
    padding: 40px 0 40px;
    margin-top: 50px;
}
.donvivanchuyen{
    margin-bottom: 20px;
    width: 100%;
    float: left;
}
.title_donvi{
    font: 16px 'Muli-Bold';
    color: white;
    text-transform: uppercase;
    padding-bottom: 15px;
}
.khungdonvi{
    width: 33.3333%;
    float: left;
    padding: 0 10px;
}
.khungdonvi img{
    width: 100%;
    height: 60px;
}
.dangkynhantin{
    margin-top: 20px;
}
._bgcpr {
    padding: 15px 0;
    background-color: #755c00;
    min-width: 1230px;
    position: relative;
}
._thongke ul {
    margin: 0;
}
._thongke li {
    border-right: 1px #f2be00 solid;
    list-style: none;
    display: inline-flex;
    padding: 0px 3px;
    line-height: 12px;
}
._thongke li:last-child{
    border-right: none;
}
._thongke li, ._thongke li a {
    font: 13px 'Roboto-Regular';
    color: #f2be00;
}

.controlAudio {
    position: absolute;
    bottom: 0;
    right: 10px;
    color: white;
    cursor: pointer;
    z-index: 99999999999;
    opacity: .8;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;

}
.controlAudio:hover {
    opacity: 1;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}

#playaudio {
    display: none;
}

.controlAudio i {
    font-size: 30px;
}
#playaudio i {
    font-size: 25px;
}
.info {
    margin: 0px 0 0 0;
    padding: 10px 0 20px 0;
    list-style: none;
    width: 100%;
    float: left;
    border-top: 1px dashed rgba(0,0,0,.1);
    border-bottom: 1px dashed rgba(0,0,0,.1);
}
.info li {
    width: 100%;
    float: left;
    padding-left: 110px;
    font-weight: bold;
    margin-top: 10px;
    position: relative;
    min-height: 20px;
    font-size: 15px;
    color: #000;
    list-style: none;
}
.info li label {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: normal;
    opacity: .75;
    width: 100px;
}
.info li label:after {
    content: ':';
    float: right;
}
.title-more {
    width: 100%;
    float: left;
    background: url(../images/gachsp.png) no-repeat center bottom;
    margin: 0 0 10px 0;
    padding: 0 0 22px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

.sanphamtuongtu a {
    overflow: hidden;
    background: none;
    min-height: 112px;
    position: relative;
    text-decoration: none;
    box-shadow: none;
}
.sanphamtuongtu a img {
    width: 80px;
    float: left;
    box-shadow: 3px 3px rgba(0,0,0,.1);
}
.caption{
    float: left;
    margin-left: 10px;
}
.caption h3{
    margin: 0 0 10px;
    color: black;
    font: 16px 'Muli-Regular';
}
.more{
    color: blue;
    font: 13px 'Muli-Regular';
}
.more:hover{
    text-decoration: none;
    color: red;
}
.sanphamtuongtu{
    width: 100%;
    float: left;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
}
.ykien1 input::-webkit-input-placeholder { color: black!important; }
.ykien1 input::-moz-placeholder { color: black!important; }
.ykien1 input:-ms-input-placeholder { color: black!important; }
.ykien1 input:-moz-placeholder { color: black!important; }
.cart-view {
    position: absolute;
    background: #fff;
    box-shadow: 4px 4px 3px #aaa;
    right: 0px;
    z-index: 1;
    width: 250px;
    border: 1px solid #d7d7d7;
    padding: 15px 10px;
    top: 0px;
    z-index: 99999;
    right: 0;

}
.cart-view table {
    width: 100%;
}
.cart-view table:not(.table-total):not(.table-clone-cart) {
    max-height: 240px;
    overflow: auto;
    display: inline-block;
}
.cart-view table td a {
    font-size: 11px;
    float: left;
    width: 100%;
}
.cart-view table td a:hover{
    text-decoration: none;
    opacity: 0.8;
}
.cart-view table td.img img {
    width: 70px;
    margin: 5px;
    border: 1px solid #f1f1f1;
    max-width: none;
}
.cart-view table td .pro-title-view {
    color: #31708e;
}
.cart-view table td span {
    font-size: 11px;
    float: left;
    width: 100%;
    color: #666;
}
.hover_giohang{
    text-align: left;
    position: relative;
    display: none;
    transition:  all 0.5s;
    -webkit-transition: all 0.5s;
}
.cart-view a.linktocart {
    background: #fff;
    border: 1px solid #31708e;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    padding: 4px 4px;
    position: relative;
    float: left;
    width: 90%;
    white-space: nowrap;
    margin-top: 10px;
}
.cart-view a.linktocheckout {
    color: #dfdfdf;
    background: #31708e;
    border: 1px solid #31708e;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    padding: 4px 4px;
    position: relative;
    float: right;
    width: auto;
    width: 90%;
    white-space: nowrap;
    margin-top: 10px;
}
.giohangtrong:hover .hover_giohang{
    display: block;
    transition:  all 1s;
    -webkit-transition: all 1s;
}
.hinhicon{
    position: fixed;
    right: 10px;
    top: 40%;
    width: 50px;
}
.hinhicon a{
    line-height: 50px;
}
._frmTK{
    width: 290px;
    float: right;
}
._frmsearch input::-webkit-input-placeholder { color: #90908e!important; font-size: 13px}
._frmsearch input::-moz-placeholder { color: #90908e!important; font-size: 13px}
._frmsearch input:-ms-input-placeholder { color: #90908e!important; font-size: 13px}
._frmsearch input:-moz-placeholder { color: #90908e!important; font-size: 13px}
.item img{
    height: 500px !important;
    width: 100%;
}
.bg_kumanthong{
    padding: 55px 0 30px;
}
.title_ykien{
    font-size: 25px;
    color: #ab8600;
    font: 25px 'Muli-Bold';
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 35px;
}
.title_ykien p{
    font-size: 40px !important;
    color: #191919;
    font: 25px 'UTM Davida';
}
.bg_gioithieu{
    background: #f2f2f2;
    padding: 60px 0 5px;
}
.name_gt h3{
    margin: 10px 0 20px;
}
.name_gt h3 a{
    color: #191919;
    font: 30px 'Muli-Bold'; 
    text-transform: uppercase;
}
.name_gt h3 a:hover{
    text-decoration: none;
    color: red;
}
.name_gt p{
    color: #191919;
    font: 14px 'Muli-Regular'; 
    line-height: 30px;
}
.khung_gt{
    margin-bottom: 60px
}
.chitietgt{
    margin-top: 35px;
}
.chitietgt a{
    background: url(../images/bg_xemtiep.png) no-repeat;
    padding: 10px 27px;
    color: #000000;
    font: 14 'Muli-SemiBold';
}
.chitietgt a:hover{
    text-decoration: none;
    color: red;
}
.bg_noibat{
    background: url(../images/bg_sanpham.png) no-repeat;
    background-size: 100% 100%;
    padding-bottom: 20px;
}
.title_feecback h2{
    margin: 0;
    color: #000000;
    font: 30px 'UTM Davida';
    position: relative;
    text-transform: uppercase;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.title_feecback h2:after{
    position: absolute;
    width: 40px;
    border-bottom: 2px solid #ffc800;
    bottom: 0;
    padding-bottom: 10px;
    left: 0;
    content: '';
}
.bg_feedback{
    background: #f2f2f2;
    padding: 40px 0 40px;
}
.hinhfeecback img{
    width: 100%;
    height: 230px;
    border-radius: 50%;
}
.name_feecback p{
    color: #191919;
    font: 14px 'Muli-Regular';
    line-height: 25px;
    text-align: center;
    margin-top:35px;
}
.nut_dk{
    display: inline-flex;
}
#googleMap1{
    width: 100%;
    height: 155px;
}
.khung_googlemap{
    background: #f2be00;
    border: 1px solid #ffdb57;
    padding: 5px;
}
.fb-page{
    border: 5px solid #aa841c; 
}
._dmfoot1{
    color: #000000;
    font: 35px 'UTM Davida';
    margin-bottom: 25px;
}
._boxvd{position: fixed;top: 35%;right: -360px;width: 405px;z-index: 888888;background: transparent;border-top-left-radius: 10px!important;border-bottom-left-radius: 10px!important;transition: right 1s ease 0s;-moz-transition: right 1s ease 0s;-webkit-transition: right 1s ease 0s;-o-transition: right 1s ease 0s;-ms-transition: right 1s ease 0s;cursor: pointer;}
div._boxvd:hover{right: 0;}
._boxvd img{border-top-left-radius: 10px!important;border-bottom-left-radius: 10px!important;}
._ctboxvd{height: 200px;background-color: white;margin-left: 47px;border: 1px #B7B7B7 solid;padding: 5px;}
.hotro_2{
    padding-left: 10px;
}
.hotro_2 h4{
    font-weight: bold;
}