@charset "utf-8";
/* CSS Document */
@import url("css/fonts.css");
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline: none;margin: 0;}
body{position:relative;font-family: 'Playfair Display', serif;line-height:1.5;margin: 0;padding: 0;font-size: 14px;background-color: #f3ebd6 !important;background: url(images/line_t.png) repeat-x top center,  url(images/line_r.png) repeat-y right, url(images/line_l.png) repeat-y left;}
img{max-width: 100%;height: auto;vertical-align: middle;}
iframe{max-width: 100%;}
.grecaptcha-badge{display: none !important;}
a{text-decoration: none;outline: none;} a:hover,a:focus{color: unset;outline: none;}
ul{visibility: visible;}
.slick-slider .slick-slide > div{}
.clearfix {float: none;clear: both;}
.clearfix:before{content: ""; display: table;}
.clearfix:after{content: ""; clear: both;}
.table-responsive {width: 100%;overflow-x: auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;}
#main{width:100%;position: relative;z-index: 1;}
#info{width:100%;position:  relative;padding: 10px 0 40px 0;}
.box-detail{width: calc(100% - 260px);}
#info .noidung_detail{display: block;width: 100%;}
#info .noidung_detail .ngaydang{font-size: 14px; font-weight: 400; font-style: italic;}
#info .noidung_detail .noidung *{max-width: 100%;height: auto;}
#info .noidung_detail a.donwload{font-family: 'Roboto', sans-serif;color: #cc0000;font-size: 15px;display: block;margin-bottom: 20px;font-weight: 400;}
#info .noidung_detail a.donwload i{background:#cc0000;color:#fff;padding: 10px 11px;font-size: 20px;border-radius: 50%;margin-right: 5px;}
#info .noidung_detail .noidung{margin: 10px 0;}
#info .noidung_detail .img_new{display:table;margin: 20px auto;max-width: 1200px;height: 100%;}
.addthis_inline_share_toolbox{width: 100%;display: inline-flex;}
.margin_auto{width: 1200px;margin: 0 auto;}
#container{position: relative;width: 100%;}
.bando iframe{width: 100%;display: block;position: relative;}
#popup{width: 60%;display: none;}
#popup h4{padding: 20px 0px;font-weight: 700;font-size: 30px;color: #da0000;margin: 0;text-align: center;text-transform: uppercase;}
#popup input , #popup textarea{    padding: 10px;width: 100%;border: 1px solid #dddddd;font-weight: 400;border-radius: unset;font-family: Open Sans,sans-serif;}
#popup p{padding: 5px 0px 5px 0px;margin: 0;width: 100%;display: inline-block;}
.loading{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
#sanpham .loading{bottom: 5%;top: unset;}
.updating{width: 100%;text-align:center;color: #000000;font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 14px;text-transform:uppercase;padding: 10px 0;}
.khung_flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.khung_flex.flex_center{align-items: center;}
.khung_flex.flex_end{align-items: flex-end;}
.khung_flex.flex_star{align-items: flex-start;}
/**/
#google_language_translator{display: none;}
/*Face right*/
.face_right{position: fixed;width: 350px;transition: 0.5s;display:  flex;justify-content: space-between;z-index: 10;bottom: 130px;left: 15px;}
.face_right.active{right: 0px;z-index: 999999999;}
.face_right .img_face{width: 50px;padding: 0;}
.face_right .rowf_right{width: 290px;}
.fanpage_right{position: fixed;bottom: 300px;right: -303px;width: 355px;transition: 0.5s;display:  flex;flex-wrap:  wrap;z-index: 100;}
.fanpage_right.active{ right: 0px; }
.fanpage_right .img_fanpage{width: 55px;padding: 0;}
.fanpage_right .rowf_right{width: 300px;}
/* MXH */
.coppy .mangxh{position: relative;justify-content:center;padding: 20px;}
.coppy .mangxh:after{position:absolute;content:'';background:url(images/at_mxh.html)no-repeat left top;width:11px;height:25px;top: 0px;right: -10px;}
.coppy .mangxh:before{position:absolute;content:'';background:url(images/bf_mxh.html)no-repeat left top;width:11px;height:25px;top: 0px;left: -10px;}
.mangxh{position:relative;padding-top: 40px;}
.mangxh label{display: block;font-family: 'Roboto', sans-serif;font-size: 16px;color: #fff;font-weight: 700;padding: 0 0 10px 0;text-transform: uppercase;}
.mangxh a{display: inline-block;}
.mangxh a:hover img,.danhmuc_l li:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}
/* Header */
#header{position: relative;width: 100%;min-height: 222px;}
#header.no-index:after{position:absolute;content:'';background: url(images/at_no.png) no-repeat top left;width: 83px;height:100%;left:0;top:0;z-index: -1;}
#header.index:after{position:absolute;content:'';background: url(images/at_header.png) no-repeat top left;width: 183px;height: 825px;left:0;top:0;z-index: -1;}
.header{width:100%;background: url(images/header.png) no-repeat right top;}
.header h2{width: 85px;border-top: 1px solid;border-bottom: 1px solid;font-family: iCielAltusSerif;font-weight: normal;font-size: 20px;color: #2c1101;z-index: 1;text-transform: uppercase;}
.header .since{font-family: iCielBCGrindstoneDisplay-Regular;font-size: 20px;font-weight: normal;color: #ffca2d;text-transform: uppercase;width: 100px;text-align: center;border-top: 1px solid #c4b7a1;border-bottom: 1px solid #c4b7a1;padding: 5px 0px;}
.header .since p{background:#2d1711;padding: 10px 0;}
#logo img{transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
#logo{position: relative;}
/*menu bar*/
nav.menu_top > ul > li ul li a, nav.menu_top > ul > li ul li{-webkit-transition:all 0.25s linear;   -moz-transition:all 0.25s linear;   -ms-transition:all 0.25s linear;   -o-transition:all 0.25s linear;   transition:all 0.25s linear;}
nav.menu_top  > ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 100%;}
nav.menu_top > ul > li > a {color: #3c2414;font-family: 'Playfair Display', serif;font-size: 15px;position: relative;font-weight: 400;display: block;text-decoration: none;z-index: 3;}
nav.menu_top > ul > li.active > a, nav.menu_top > ul > li:hover > a{color: #b42a30;}
nav.menu_top > ul > li.active:after, nav.menu_top > ul > li:hover:after{opacity:1;visibility:visible;}
nav.menu_top > ul > li{position: relative;list-style: none;text-align: center;padding: 14px 30px;}
nav.menu_top > ul > li:after{position:absolute;content:'';background:url(images/li.png) no-repeat top center;width:100px;height:22px;top: -23px;left:50%;transform:translateX(-50%);opacity: 0;visibility: hidden;}
nav.menu_top > ul > li:last-child:after{display:none;}
nav.menu_top > ul > li > a img{position: relative;}
nav.menu_top  > ul > li > ul > li:hover>a,nav.menu_top  > ul > li > ul > li > ul > li:hover>a,nav.menu_top  > ul > li > ul > li > ul > li > ul > li:hover>a{background:#f3ebd6;}
/*=============== Dropdown ===================*/
nav.menu_top > ul > li ul{visibility: hidden;list-style:outside none none;margin:0;min-width: 220px;padding:0;position:absolute;z-index: 9999999;top: 100%;left: 0px;text-indent: 0;display: none;}
nav.menu_top  > ul > li:hover > ul,
nav.menu_top  > ul > li ul li:hover > ul{visibility:visible}
nav.menu_top > ul > li ul li{display:table;padding:0;width:100%;opacity: 0;z-index: 999;background: #fefefe;position:relative;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);}
nav.menu_top  > ul li:hover > ul > li,
nav.menu_top  > ul > li ul li:hover > ul li{   opacity:1;   -webkit-transform:translateY(0);   -moz-transform:translateY(0);   -ms-transform:translateY(0);   -o-transform:translateY(0);   transform:translateY(0);}
nav.menu_top  > ul > li ul li a{color: #3c2414;font-size: 14px;height: auto;text-align: left;width: 100%;font-family: 'Playfair Display', serif;font-weight: 400;padding: 8px 10px;display: inline-block;text-decoration: none;border-top: 1px solid #33333340;}
nav.menu_top  > ul > li:hover ul li{color: #1a1a1a;}
nav.menu_top  > ul > li a i{margin-left: 10px;position: relative;top: -3px;}
nav.menu_top > ul > li ul ul{left: 100%;top: 0;/* -webkit-transform: skew(0deg); */} 
nav.menu_top  > ul > li.search{border: none;padding: 0;}
/**/
/*datlich*/
#datlich{display: none;width: 50%;background: #f3ebd6;border: 4px dashed #918173;padding: 0;}
#datlich .form_lh{padding: 20px;border-top: 4px dashed #918173;}
#datlich h2{position: relative;font-family: iCielBCGrindstoneDisplay-Regular;font-size: 50px;color: #fff;font-weight: normal;text-align: center;text-transform: uppercase;line-height: normal;padding: 20px;background: #918173;}
#fixed_datlich{position: fixed;right: -31px;bottom: 300px;text-align: center;padding: 3px;z-index: 99;transform: rotate(270deg);text-transform: uppercase;border: 2px solid #2d1711;cursor: pointer;}
#datlich .frm_datban {padding:5px;}
.fancybox-close-small:after{color:#ffff !important;}
#datlich .frm_datban button{font-weight: 700;text-transform: uppercase;background: #918173;color: #fff;font-size: 20px;padding: 10px 20px;margin-top: 10px;border: 2px solid #fff;cursor: pointer;}
#datlich .frm_datban input,#datlich .frm_datban select{border: 2px solid #918173;font-family: 'Playfair Display', serif;font-size: 13px;color: #000;font-weight: 500;width: calc((100% - 4px) / 2) !important;margin-bottom: 5px;padding: 10px;}
.frm_datban .select2-container--default .select2-selection--multiple{border: none !important;}
#fixed_datlich a{font-family: 'Roboto', sans-serif;font-size: 12px;font-weight: 700;color: #fedc86;display: block;background: #2d1711;padding: 20px 20px 20px 20px;}
#fixed_datlich img{display: block;margin: 0px auto;}
#datlich .frm_datban input::-webkit-input-placeholder,.lh form textarea::-webkit-input-placeholder {color: #000;}
#datlich .frm_datban input:-moz-placeholder,.lh form textarea:-moz-placeholder {color: #000;  }
#datlich .frm_datban input::-moz-placeholder,.lh form textarea::-moz-placeholder {  color: #000; }
#datlich .frm_datban input:-ms-input-placeholder,.lh form textarea:-ms-input-placeholder {  color: #000;  }
/* Menu left */
.menu_top{}
#mainmenu.fixed .left, #mainmenu.no-index .left{display:none;}
#menu_left {width: 270px;position: relative;}
#menu_left h4{width: 100%;cursor: pointer;text-transform: uppercase;background:#b42a30 url(images/danhmuc.png) no-repeat 15px center;position: relative;text-align: center;padding: 13px 0px;}
#menu_left h4 a{font-family: 'Roboto', sans-serif;color: #fff;font-size: 17px;font-weight: 700;padding: 0 0 0 30px;}
#menu_left h4 i{color:#fff;padding-left: 20px;}
#menu_left .left{position: absolute;top: 100%;left: 0;z-index: 2;display: block;width: 100%;background: #f3f3f3;}
.menu_left{width:100%;position: relative;}
.danhmuc .hotro{padding:10px;}
.danhmuc .hotro ul{padding:0;font-family: 'Roboto', sans-serif;text-align: left;}
.danhmuc .hotro ul li:first-child{color: :#f000c;font-size: 22px;font-family: UTMHelvetIns;font-weight: 400;background: url(images/ic_hl.png) no-repeat left 15px;padding: 0 0 0 30px;}
.danhmuc .hotro ul li.hotline:nth-child(2){color: #333333;font-size: 15px;background: url(images/ic2.png) no-repeat left center;padding: 0 0 0 30px;margin: 5px 0px;}
.danhmuc .hotro ul li.email{font-size:15px;color:#333;background: url(images/ic_mail.png) no-repeat left center;padding: 0 0 0 30px;}
.danhmuc .hotro ul li span{margin-right: 5px;font-size:13px;color:#000000;font-weight: 700;font-family: 'Roboto', sans-serif;border-bottom: 1px solid #000;}
.danhmuc .img_ht{width:100%;}
.danhmuc{width: 100%;display: inline-block;position: relative;background: #fff;margin-bottom: 30px;border: 2px solid#b42a30;border-top: none;}
.danhmuc:first-child{}
.danhmuc ul{list-style: none;}
.danhmuc h4{position: relative;font-family: 'Roboto', sans-serif;font-size: 18px;color: #fff;background:#b42a30 url(images/danhmuc.png) no-repeat 15px 12px;text-align: left;text-transform: uppercase;padding: 7px 10px 7px 47px;font-weight: 900;}
.danhmuc .phone{text-align: center;padding: 15px 10px 10px 10px;border-bottom: 1px dashed #50a302;}
.danhmuc .phone p{font-family: 'Muli', sans-serif;font-size:15px;color:#333333;font-weight: 400;display: inline-block;text-align: left;background: url(images/phone.png) no-repeat left center;padding: 0 0 0 50px;}
.danhmuc .phone span{display:block;font-weight: 900;font-size: 20px;color: #da0003;}
.danhmuc .info{padding: 10px 20px;}
.danhmuc .info a{display:block;padding: 5px 0px;word-break: break-all;font-size: 13px;font-weight: 500;color: #333333;font-family: 'Roboto', sans-serif;}
.danhmuc .info a.dienthoai{
    font-weight: 700;
    color: #ff0000;
}
.danhmuc .info .mxh {display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding: 5px 0px;}
.danhmuc .info .mxh p{font-family: 'Roboto', sans-serif;padding: 0 0 0 20px;font-size: 14px;font-weight: 500;color: #383838;text-transform: uppercase;}
.danhmuc .info .mxh a{display:inline-block;padding: 0 9px 0 0;}
/*  */
.slick_hinhanh{display:none;padding: 15px 10px 10px 10px;}
.slick_hinhanh .hinhanh h3 a{font-family: 'Muli', sans-serif;font-size:14px;font-weight:700;color:#333333;padding: 0px 5px;}
.hinhanh:hover h3 a{color:#50a302;}
/*  */
.menu_left ul::-webkit-scrollbar{ width: 5px; background-color: #F5F5F5;}
.menu_left ul::-webkit-scrollbar { width: 5px; height: 5px;}
.menu_left ul::-webkit-scrollbar-button {  width: 0px; height: 0px; }
.menu_left ul::-webkit-scrollbar-track {  background-color: #c3c3c3;}
.menu_left ul::-webkit-scrollbar-track-piece { background-color: #ffffff;}
.menu_left ul::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px;}
.menu_left ul::-webkit-scrollbar-corner { background-color: #ffffff;}
.menu_left ul::-webkit-resizer { background-color: #666;}
.menu_left ul{list-style: none;}
.menu_left > ul{list-style-type:none;width:  100%;padding: 0;margin: 0;max-height: 430px;overflow: auto;border: 2px solid#b42a30;border-top: none;}
.menu_left > ul > li:last-child{border-bottom: 0;}
.menu_left ul li a{color: #3e3e3e;font-size: 14px;font-weight: 700;position: relative;display: block;padding: 14px 10px 14px 35px;border-bottom: 1px solid #cacaca;font-family: 'Roboto', sans-serif;text-transform: uppercase;}
.menu_left ul li a:after{position:absolute;content:'';background:url(images/li.png) no-repeat left center;padding:7px;left: 15px;top:50%;transform:translateY(-50%);}
.menu_left ul li:hover > a{color:#b42a30;}
.menu_left ul li{width:100%;background: #f3f3f3;list-style: none;}
.menu_left ul li i.fa{position:absolute;top: 50%;right: 0;transform: translateY(-50%);}
.menu_left > ul > li > ul{border-left: 0;}
.menu_left ul li > ul{position: absolute;width: 100%;height: auto;left: calc(100% + 1px);transition: 0.5s all;display: none;padding: 0;background: #f7f7f7;margin: 0;top: 0;padding: 0;}
.menu_left ul li > ul > li > ul{left: 100%;}
.menu_left ul li:hover > ul{display: block;transition: 0.5s all;}
.menu_left ul.menu_left_child li a{}
#menu_left:hover .left, .detail:hover .left{display: block !important;}
/*  */
/*  */
.product-left{padding: 10px;}
.item-left{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom: 10px;}
.item-left .item-content{width: calc(100% - 85px);}
.item-left .item-content:hover h3 a{color:#f00}
.item-left .item-content h3 a{color:#333;font-size:13px;font-family: 'Open Sans', sans-serif;font-weight: 700;text-transform: uppercase;}
.item-left .item-content .price{color: #b11b30;font-weight: 700;font-family: 'Open Sans', sans-serif;font-size: 13px;}
.item-left .item-content .price_s{color: #757575; font-size: 12px; text-decoration: line-through; font-weight: 400; margin: 0 10px 0 0px;}
/*  */
ul.box-tintuc{padding: 0px 10px;}
ul.box-tintuc li{ margin: 10px 0px;}
ul.box-tintuc li a{font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 400;color: #333;}
ul.box-tintuc li:hover a{color:#f00;}
/* Main menu */
#mainmenu{position: relative;width: 100%;padding: 20px 0px;}
.menubar{border-top: 1px solid #918173;border-bottom: 1px solid #918173;}
#mainmenu.fixed{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;padding: 30px 0px;margin: 0;box-shadow: 1px 1px 10px 0px #00000040;background: #f3ebd6;}
.header.fixed #logo img{max-width:70%;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.header.fixed nav.menu_top > ul > li{padding:20px 0px;}
/* Title */
.title_h2{text-align: center;}
.title_h2 label{display: block;text-align: center;font-family: SVN-Helga;font-size: 29px;color: #3c2414;font-weight: normal;}
.title_h2 h2{display: inline-block;position:relative;font-family: iCielBCGrindstoneDisplay-Regular;font-size: 50px;color: #b14b29;font-weight: normal;text-align: center;text-transform: uppercase;line-height: normal;text-shadow: 4px 0px 0 #fff, -4px 0 0 #fff, 0 4px 0 #fff, 0 -4px 0 #fff, 3px 3px #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 4px 0 #fff, 8px 2px 0px #3c2414;z-index: 1;}
.title_h2 span{padding: 0 10px;}
.title{width: 100%;position: relative;margin: 0 0 15px 0;text-align: center;}
.title p{font-size: 15px;color: #141414;font-weight: 400;text-transform: uppercase;}
.title h4,.title h2{font-family: iCielBCGrindstoneDisplay-Regular;font-size: 45px;color: #b14b29;position: relative;font-weight: normal;display: inline-block;text-transform: uppercase;}
.title.white h2, .title.white h4,.title.white p{color: #ffffff;}
.title.white h2, .title.white h4{background: url(images/title_w.html) no-repeat bottom center;}
.icon_sp .item h2 a{position: relative;list-style: none;font-size: 15px;padding: 10px 0px;cursor: pointer;text-align: center;font-weight: 400;color: #000;line-height: 1;font-family: 'Montserrat', sans-serif;}
.icon_sp .item h2 a:hover{color:#57a028;}
.img_sp{-webkit-filter: grayscale(100%);ilter: grayscale(100%);display: table;margin: 0px auto;}
.img_sp:hover img{color: #fff;transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transition: all 1s;}
.img_sp:hover{ -webkit-filter: grayscale(0%);ilter: grayscale(0%);}
/* Slider */
#slider{width: 100%;position: relative;}
#slider:after{position:absolute;content:'';background:url(images/at_main.png) no-repeat bottom center;width:805px;height:695px;bottom: -45%;left:50%;transform:translateX(-50%);z-index:-1;}
#slider .slider{width: 805px;}
#slider .slider #amazingslider-wrapper-1{width: 805px;margin: unset !important;}
#slider .box-l{width: calc(100% - 825px);padding: 0 15px;border-left: 1px solid #ddd4c2;}
.khung_r{padding-bottom:20px;}
.khung_r:last-child{padding:0;}
h3.title_l{position: relative;font-family: 'Playfair Display', serif;background-color: #bf2935;font-size: 14px;font-weight: 700;color: #fff;text-align:center;padding: 4.5px 0;width: 90%;margin: 0px auto;margin-bottom: 15px;}
h3.title_l:after{position:absolute;content:'';background:url(images/at.png) no-repeat right center;width:12px;height: 30px;right: -11px;top:0;}
h3.title_l:before{position:absolute;content:'';background:url(images/bf.png) no-repeat left center;width:12px;height: 30px;left: -12px;top:0;}
.slick_chinhanh{display:none;}
.slick_chinhanh .slick-slide{margin: 10px 0px;}
ul.slick_chinhanh{padding:0;}
ul.slick_chinhanh li{position: relative;padding: 0 0 0 45px;}
ul.slick_chinhanh li:after{position:absolute;content:attr(data-stt);left:0;top: 50%;transform: translateY(-50%);background: url(images/stt.png) no-repeat left center;font-size: 20px;color: #2d1711;font-family:'Playfair Display', serif;font-weight: 600;display: flex;justify-content: center;align-items: center;width: 38px;height: 38px;}
ul.slick_chinhanh li a{font-family: 'Playfair Display', serif;color: #2d1711;font-weight:400;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;height: 25px;display: -webkit-box;text-align: left;-webkit-box-orient: vertical;}
ul.slick_chinhanh li a:hover{text-decoration:underline;}
.slick_tt{display:none;}
.slick_tt{}
.item-tt{}
.item-tt .img{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-start;}
.item-tt h3{width:calc(100% - 140px);}
.item-tt h3 a{font-family: 'Playfair Display', serif;font-size: 14px;color: #2d1711;width: 100%;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 4;height: 100px;display: -webkit-box;text-align: left;-webkit-box-orient: vertical;}
.item-tt:hover h3 a{color:#b42a30;}
.item-tt p{font-family: 'Playfair Display', serif;font-size: 13px;color: #534a3d;width: 100%;font-weight: 400;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 4;height: 100px;display: -webkit-box;text-align: left;-webkit-box-orient: vertical;margin-top: 5px;}
/* gioithieu */
#gioithieu{position: relative;padding: 40px 0px;}
#gioithieu:before{position:absolute;content:'';background:url(images/bf_gt.png) no-repeat right bottom;width: 150px;height: 279px;left: 0px;bottom: 110px;}
#gioithieu:after{position:absolute;content:'';background:url(images/at_gt.png) no-repeat right top;width: 260px;height: 495px;right: 0px;top: 10px;}
#gioithieu label{display: block;text-align: center;font-family: SVN-Helga;font-size: 29px;color: #3c2414;font-weight: normal;}
#gioithieu h2.tl_h2{position:relative;font-family: iCielBCGrindstoneDisplay-Regular;font-size: 50px;color: #b14b29;font-weight: normal;text-align: center;text-transform: uppercase;line-height: normal;text-shadow: 4px 0px 0 #fff, -4px 0 0 #fff, 0 4px 0 #fff, 0 -4px 0 #fff, 3px 3px #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 4px 0 #fff, 8px 2px 0px #3c2414;padding: 0 25px 5px 25px;z-index: 1;}
.box-gioithieu{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;padding: 30px 10px 60px 20px;border: 2px dashed #857462;border-radius: 5px;border-top: none;}
.box-gioithieu:before{position:absolute;content:'';border-top: 2px dashed #857462;width: 285px;top: 0;left: 0;border-radius: 0px 0px 0px 50%;}
.box-gioithieu:after{position:absolute;content:'';border-top: 2px dashed #857462;width: 285px;top: 0;right: 0;border-radius: 0px 50% 0px 0;}
.fieldset{position: relative;border-bottom: 3px solid #857462;border-left: 2px solid #857462;border-right: 2px solid #857462;padding: 30px;display: block;width: 100%;margin-top: -30px;}
.fieldset:after{position:absolute;content:'';border-top: 1px solid #857462;width: 220px;top: 0;right: 0;border-radius: 0px 50% 0px 0;}
.fieldset:before{position:absolute;content:'';border-top: 1px solid #857462;width: 220px;top: 0;left: 0;}
.box-gioithieu > div{width:50%;padding:0px 25px;}
.gioithieu_right{position:relative;}
.gioithieu_right:after{position:absolute;content:'';background:url(images/ic_gt.png) no-repeat bottom right;width: 140px;height: 112px;bottom: -60px;right: 50px;}
.gioithieu-left .noidung{font-family: 'Playfair Display', serif;font-size:14px;color:#41311a;text-align:justify;}
.gioithieu-left h3{font-family: iCielBCGrindstoneDisplay-Regular;font-size:40px;text-transform:uppercase;color:#b14b29;font-weight:normal;padding: 10px 0px;}
/*  */
.box-tieuchi{width: 490px;padding-top: 40px;}
.box-tieuchi h2{text-align:center;padding-bottom: 25px;font-family: iCielBCGrindstoneDisplay-Regular;text-transform: uppercase;color: #b14b29;font-weight: normal;font-size: 30px;}
.slick_tieuchi{display:none;margin:0px -10px;}
.slick_tieuchi .slick-slide{margin:0px 10px;}
.tieuchi img{display:table;margin:0px auto;}
.tieuchi h3{font-family: 'Playfair Display', serif;color: #63291f;font-weight: 800;font-size: 14px;overflow: hidden;text-overflow: ellipsis;line-height: 30px;-webkit-line-clamp: 1;height: 30px;display: -webkit-box;text-align: center;-webkit-box-orient: vertical;margin: 10px 0 5px 0;}
.tieuchi p{font-family: 'Playfair Display', serif;color: #63291f;font-weight: 400;font-size: 14px;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;height: 25px;display: -webkit-box;text-align: center;-webkit-box-orient: vertical;}
/* box-new  */
.box-new{display:grid;grid-template-columns:repeat(4,1fr);grid-gap: 26px;}
.box-new .new{position:relative;}
.box-new .new .noidung{padding:20px 10px;}
.box-new .new .noidung h3 a{font-family: 'Roboto', sans-serif;color: #333333;font-weight: 700;font-size: 15px;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;height: 25px;display: -webkit-box;text-align: center;-webkit-box-orient: vertical;text-transform: uppercase;}
.box-new .new .noidung p{font-family: 'Roboto', sans-serif;text-align: center;font-size: 15px;color: #333333;font-weight: 400;}
.box-new .new:hover h3 a{color:#1a67af;}
/* khoahoc */
#khoahoc{position: relative;background:#faf6c8;padding:40px 0px;}
.slick_khoahoc{display:none;margin:0px -17px;margin-top: 20px;}
.slick_khoahoc .slick-slide{margin:0px 17px;}
.khoahoc{}
.khoahoc .img{border-radius:10px;overflow:hidden;}
.khoahoc h3 a{font-family: 'Muli', sans-serif;color: #333333;font-weight: 700;font-size: 20px;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;height: 25px;display: -webkit-box;text-align: center;-webkit-box-orient: vertical;margin-top: 10px;}
.khoahoc:hover h3 a{color:#3aa824;}
/*  */
.gt_detail{width:calc(100% - 300px);display: flex;flex-wrap: wrap;justify-content: space-between;}
.kygui_detail{width: 50%;}
.gt_detail .form_lh{width: 47%;margin: 0;}
/*-----CART-------*/
.giohang_fixed{font-family: 'Roboto', sans-serif;position: fixed;right: -34px;bottom: 410px;text-align: center;padding: 3px;z-index: 99;transform: rotate(270deg);text-transform: uppercase;border: 2px solid #2d1711;cursor: pointer;}
.giohang_fixed a{font-size: 12px;font-weight: 700;color: #fedc86;display: block;background: #2d1711;padding: 20px 20px 20px 20px !important;}
.giohang_fixed .giohang{padding:0;}
.giohang_fixed .giohang i{color: ##fedc86;font-size: 30px;padding: 0px 15px 0 0px;transform: rotate(90deg);}
.giohang_fixed .giohang span{color: #b42a30;background: #f3ebd6;width: 20px;height: 20px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50px;font-size: 10px;position: absolute;bottom: 27px;right: 20px;font-weight: 700;transform: rotate(90deg);}
.cart_fix{position: fixed;bottom: 230px;right: 15px;background: #e10000 url(images/cart.png) no-repeat center;width: 50px;height: 50px;border-radius: 50%;text-align: center;line-height: 50px;}
.cart_fix span{position: absolute; width: 20px; height: 20px; border-radius: 50%; text-align: center; font-size: 13px; color: #ffffff; background: #000000; line-height: 20px; top: 0; right: 0;}
/* Product detail */
.product-detail .product{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 25px;}
.khung_product_detail{width: 100%;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
.khung_product_detail .daxem{width: 250px;}
.khung_product_detail .daxem h4{font-family: SFUFuturaBook;font-size: 14px;color: #ffffff;text-transform: uppercase;text-align: center;background: #000000;padding: 10px 0;font-weight: 100;}
.khung_product_detail .daxem .bao_sp{display: none;}
.khung_product_detail .daxem .sp{display: inline-flex;align-items: center;justify-content: space-between;width: 100%;}
.khung_product_detail .daxem .sp > a{width: 80px;}
.khung_product_detail .daxem .sp .noidung{width: calc(100% - 90px);font-family: RobotoRegular;font-size: 13px;color: #333333;}
.khung_product_detail .daxem .sp .noidung .giaban{color: :#f0000;}
.khung_product_detail .daxem .sp .noidung .giacu{text-decoration: line-through;}
.khung_product_detail .daxem .sp h3 a{font-family: RobotoRegular;font-size: 13px;color: #333333;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 500;}
.slick_daxem{border: 1px solid #dddddd;padding: 5px;border-top: 0;}
.slick_daxem .slick-slide{margin: 5px 0;}
.frame_images{padding: 0;position: relative;width: 560px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.MagicZoom{width: 100%;text-align: center;background: #ffffff;}
.app-figure{width: 100%;}
.selectors{width: 100%;margin: 0;position: relative;}
.list_carousel #foo3 i{font-size: 25px;font-weight:500;}
.list_carousel {width: 100%;position:relative;}
.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
.list_carousel #foo3{margin: 0 20px;}
.list_carousel .slick-slide{margin: 0 5px;}
.pd_l{position: absolute;top: 50%;left: -4%;transform: translatey(-50%);z-index: 99;font-size: 25px !important;cursor: pointer;background: #acacac;border-radius: 50%;width: 45px;height: 45px;display: flex !important;justify-content: center;align-items: center;color: #fff;}
.pd_r{position: absolute;top: 50%;z-index: 99;right: -4%;cursor: pointer;font-size: 25px !important;transform: translatey(-50%);background: #acacac;border-radius: 50%;width: 45px;height: 45px;display: flex !important;justify-content: center;align-items: center;color: #fff;}
.pd_l:hover,.pd_r:hover{background:#3aa824;transition:0.2s background;}
.dml{position: absolute;left: -2%;transform: translateY(-50%);z-index: 10;top: 50%;cursor: pointer;color: #ccc;font-size: 62px !important;}
.dmr{position: absolute;top: 50%;right: -2%;transform: translateY(-50%);z-index: 10;cursor: pointer;color: #ccc;font-size: 62px !important;}
.foo3_l{position: absolute;left: -4%;transform: translateY(-50%);z-index: 10;top: 50%;cursor: pointer;}
.foo3_r{position: absolute;top: 50%;right: -4%;transform: translateY(-50%);z-index: 10;cursor: pointer;}
.list_carousel li {display: none;}
.list_carousel li img{display: block;}
.list_carousel li a{ text-decoration:none;}
.list_carousel li a h3{ color:#835410; text-align:center; font-weight:500; margin-top:10px; font-size:16px; margin-bottom:10px; text-transform:uppercase;}
.list_carousel.responsive {width: auto; margin-left: 0;}
.pager {width: 320px;text-align: center;}
.pager a {margin: 0 5px;text-decoration: none;}
.pager a.selected {text-decoration: underline;}
.timer {background-color: #999;height: 6px;width: 0px;}
.prev13{ width: 12px; height: 19px; position: absolute; z-index: 10; background: url(images/left_ow.html) no-repeat; top: 50%; left: 0; transform: translate(0,-50%); }
.next13{ width: 12px; height: 19px; position: absolute; z-index: 10; background: url(images/right_ow.html) no-repeat; top: 50%; right:0;transform: translate(0,-50%); }
.caroufredsel_wrapper{width: 100% !important;}
/* Khung thong tin */
#container_product{width: 100%;margin: 20px 0 0 0;}
#container_product .noidung_tab{width: 100%; display: block; margin-bottom: 20px;}
div#container_product #tabs {overflow: hidden;display: flex;border: 1px solid #918173;border-bottom: 0;position: relative;list-style: none;margin: 0;padding: 0;}
div#container_product #tabs li {text-transform: uppercase;}
div#container_product #tabs li.active {background: #2d1711;border-bottom: none;position: relative;top: 0px;}
div#container_product #tabs li.active a{color:#fff;}
div#container_product #tabs li {padding: 8px 20px;list-style: none;text-align: center;}
div#container_product #tabs li a {color: #000;font-size: 14px;text-decoration:none;cursor: pointer;font-weight: 700;}
.khung_thongtin{width: 610px;}
.khung_thongtin2{position: sticky !important;top: 80px;width: 350px;background: #e7efdc;font-size: 14px;font-weight: 400;padding: 15px 10px;border: 1px dashed #50a30296;}
.khung_thongtin_ajax{width: 100%;}
.khung_thongtin > a{background: #70eea0;color: #ffffff;padding: 5px 30px;display:inline-block;margin: 10px 0;font-family: RobotoRegular;text-transform: uppercase;cursor: pointer;}
.khung_thongtin .addthis_inline_share_toolbox{width: 100%;}
.khung_thongtin > div{font-weight: 400;font-size: 14px;color: #000;padding: 10px 0;width: 100%;font-family: 'Playfair Display', serif;border-top: 1px solid #918173;position: relative;}
.khung_thongtin > div.btn a{background: #50a302;padding: 10px 15px;color: #fff;border-radius: 5px;text-transform: capitalize;cursor: pointer;margin-bottom: 10px;display: inline-block;vertical-align: top;}
.khung_thongtin .bds span{font-weight:700;color:#e20b0b;}
.khung_thongtin .bds{font-weight:500;}
.khung_thongtin .giaban{color: #b42a30;font-size: 15px;font-weight: 700;}
.khung_thongtin .giacu{color: #808080;text-decoration:line-through;font-weight: 400;padding: 0 0 0 5px;font-size: 12px;}
.khung_thongtin > div.inf_item{font-weight:400;font-size:13px;width: 100%;}
.khung_thongtin > div.inf_item p{margin-bottom: 6px;}
.khung_thongtin > div.inf_item i{color: #e10001;}
.khung_thongtin > div.detail_chinhsach ul{padding:0;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 5px 10px;width: 60%;}
.detail_chinhsach ul li{list-style:none;}
.detail_chinhsach ul li a{margin:0 0 0 10px;color: #888;font-size:13px;font-weight:400;}
.detail_chinhsach ul li:hover a{text-decoration:underline;color:#e10001;}
.detail_chinhsach ul li:hover i{color:#e10001;}
.detail_chinhsach ul li i{color:#888;}
.khung_thongtin > div p span{font-weight: 500;}
.khung_thongtin > .size{display: inline-flex;align-items: center;cursor: pointer;flex-wrap: wrap;}
.khung_thongtin > .size:hover{color:#f172ac;}
.khung_thongtin > .size span{display: inline-block;border: 1px solid #f172ac;padding: 2px 8px;margin: 0 0 0 5px;cursor: pointer;color: #f172ac;border-radius: 2px;}
.khung_thongtin > .size span:hover,.khung_thongtin > .size span.active{background: #f172ac;color: #ffffff;}
.khung_thongtin > .color span{margin: 0 0 0 5px;position: relative;cursor: pointer;border: 1px solid #dddddd;padding: 2px;}
.khung_thongtin > .color span img{vertical-align: middle; margin-right: 5px;}
.khung_thongtin > .color span.active{border: 1px solid #f172ac;}
.khung_thongtin > .color span.active:after{content:'';position: absolute;bottom: 0;right: 0;color: #fff;font-size: 13px;border-bottom: 14px solid #EB038D;border-left: 14px solid transparent;width: 0;}
.khung_thongtin div p a{font-family: RobotoRegular; font-size: 14px; color: #006a48;}
.khung_thongtin h1{font-size: 18px;font-family: 'Playfair Display', serif;color: #333;font-weight: 900;text-transform: uppercase;padding: 0 0 10px 0;}
.khung_thongtin b{font-weight: 100;margin: 0 10px 0 0;font-family: RobotoRegular;font-weight: 500;}
.khung_thongtin span.price_s{text-decoration: line-through;color: #555555d4;margin: 0 0 0 5px;}
.khung_thongtin span.price_n{color: :#f001c;font-size: 17px;font-weight: 700;}
.khung_thongtin .dathang{background: #d00;color: #fff;padding: 5px 20px;border-radius: 20px;margin: 10px 0;display: inline-block;font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 14px;cursor: pointer;text-transform: uppercase;}
.khung_thongtin .dathang:hover{background: #047c24;}
.khung_thongtin p.masp,.khung_thongtin p.luotxem{font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 500;}
.khung_thongtin p.masp span,.khung_thongtin p.luotxem span{font-weight:400;font-size:13px;}
.plugin a{font-size: 14px; color: #333333; font-weight: 400; margin: 0 20px 0 0;}
.plugin a:hover{color: #f03495;}
.dky-phone form{display: flex;flex-wrap: wrap;margin-top: 10px;}
.dky-phone input[type=tel]{padding: 5px 10px;font-family: Open Sans,sans-serif;font-size: 14px;color: #333333;font-weight: 400;width: 300px;max-width: 100%;}
.dky-phone input[type=submit]{padding: 0 20px;background: #000000;color: #ffffff;border: none;margin: 0 0 0 10px;cursor: pointer;}
.dky-phone input[type=submit]:hover{background: #f03495;}
#social-air-sp{display: inline-flex;}
#social-air-sp img{display: inline-block !important;}
.zalo-share-button{position: relative;width: 30px !important;height: 30px !important;margin: 0 0 0 5px;}
.zalo-share-button img{width: 30px !important;}
#sanpham .xemthem{position:relative;text-transform: unset;font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 17px;display: table;color: #171717;margin: 20px auto;padding: 10px 40px 10px 30px;border: 1px solid #dbdbdb;border-radius: 4px;}
#sanpham .xemthem:after{position:absolute;content:"\f18e";font-family: fontAwesome;right: 15px;top: 10px;}
#sanpham .xemthem:hover{font-weight:500;border-color:#171717;z-index:12;transition:0.2s ease-in-out;}
#sanpham a.load_star{position: relative;font-family: 'Roboto', sans-serif;display: table;margin: 0px auto;padding: 5px 20px;background: rgb(0,153,189);background: linear-gradient(90deg, rgba(0,153,189,1) 0%, rgba(0,121,150,1) 50%, rgba(0,90,111,1) 100%);margin-top: 10px;color: #fff;font-weight: 500;cursor: pointer;}
/* buy product detail */
.khung_product_detail .input-number { /*for absolutely positioning spinners*/ position: relative;  padding: 5px; padding-right: 25px;}
.khung_product_detail .input-number::-webkit-inner-spin-button,.khung_product_detail .input-number::-webkit-outer-spin-button {opacity: 1;}
.khung_product_detail .input-number::-webkit-outer-spin-button, .khung_product_detail .input-number::-webkit-inner-spin-button {-webkit-appearance: inner-spin-button !important;width: 25px;position: absolute;top: 0;right: 0;height: 100%;}
.khung_product_detail .input-number[type=number]::-webkit-inner-spin-button {opacity: 1;}
.input-number{padding: 8px 8px;border: 1px solid #c9c9c9;width: 50px;margin: 0 0 0 7px;}
.add_to_cart{width: 100%;margin: 10px 0px;}
.add_to_cart a{display: inline-block;font-family: 'Roboto', sans-serif;font-size: 13px;color: #ffffff;border-radius: 3px;cursor: pointer;font-weight: 500;}
.add_to_cart a.buy{background: #2d1711 url(images/icon_add_cart_white.svg) no-repeat 10px center;background-size: 30px;padding: 8px 10px 8px 40px;}
.add_to_cart a.muangay{background: #b42a30 url(images/icon_buy_now.svg) no-repeat 10px center;background-size: 20px;padding: 8px 10px 8px 40px;}
/* Share gia soc */
#giasoc{padding: 10px;border-radius: 5px;background: #eaaf2d;overflow: unset;display: none;text-align: center;}
#giasoc .buy_giasoc{background: #ffffff url('images/hot.html') no-repeat 10px center;padding: 10px 10px 10px 80px;color: #000000;font-family: 'Roboto', sans-serif;font-weight: 400;border-radius: 5px;cursor: pointer;margin: 0 0 10px 0;cursor: pointer;}
#giasoc .buy_giathuong{background: #000000;color: #ffffff;display: table;margin: 0 auto;padding: 8px 30px;font-family: 'Roboto', sans-serif;cursor: pointer;font-weight: 500;}
#giasoc .buy_giathuong:hover{background: :#f0000;color: #ffffff;}
#giasoc .fancybox-close-small{background: #ffffff;border-radius: 50%;width: 30px;height: 30px;right: 0;top: -15px;right: -15px;}
#giasoc .fancybox-close-small:after{width: 20px;height: 20px;top: 1px;}
/* video */
#video{padding-bottom:40px;}
.slick_video{display:none;margin:0px -5px;}
.slick_video .slick-slide {margin: 0 5px;}
.video{width: calc(100% - 610px);text-align: left;padding: 0;}
.slick_video .vi{position: relative;}
.slick_video .vi:after{position:absolute;content:'';background:url(images/yt.png) no-repeat center;width:50px;height:50px;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video_bot{}
/**/
#timkiem{position: relative;}
.frm_timkiem{position: relative;width: 100%;}
.frm_timkiem input{color: #333;background: #f3ebd6;padding: 10px 15px;width: 0;opacity: 0;transition: opacity 0.5s, width 0.5s;outline: none;border: 1px solid #918173;border-radius: 50px;right: -9px;position: absolute;bottom: -3px;font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 12px;z-index: 5;}
.frm_timkiem input.show{width: 250px;opacity: 1;}
.frm_timkiem button{cursor:pointer;outline:none;border-radius: 50%;border: none;display: inline-block;background: url(images/search.png) no-repeat center;position: relative;padding: 14px 10px;z-index: 5;}
.frm_timkiem input::-webkit-input-placeholder {color: #333;}
.frm_timkiem input:-moz-placeholder {color: #333;}
.frm_timkiem input::-moz-placeholder { color: #333;}
.frm_timkiem input:-ms-input-placeholder {  color: #333;  }
/* danhmuc */
#danhmuc_list{position:relative;padding:40px 0px;background:#f2f2f2;}
#danhmuc_list .box_list{display:grid;grid-template-columns:repeat(4,1fr);grid-gap: 30px;text-align: center;}
#danhmuc_list .box_list .col .item_list.active{background:#dddfe2;}
#danhmuc_list .box_list .col h3{font-family: 'Roboto', sans-serif;font-size:16px;padding: 10px;font-weight: 400;color:#fff;text-transform: uppercase;background: #0a45ab url(images/img/li.html) no-repeat calc(100% - 20px) center;}
#danhmuc_list .box_list .col .content{max-height: 300px;overflow: auto;list-style-type: none;display: none;}
#danhmuc_list .box_list .col .content ul{list-style:none;text-align: left;padding: 0px 0 0 20px;margin-top: 5px;}
#danhmuc_list .box_list .col .content ul li a{position:relative;color:#111;font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 400;width: 100%;line-height: 25px;padding-left: 15px;}
#danhmuc_list .box_list .col .content ul li a:before{content: "\f105";font-family: fontAwesome;position: absolute;left: 0;}
#danhmuc_list .box_list .col .content ul li:hover a{color:#0a45ab;}
/* Menu danh muc left */
.isfixed {position: -webkit-sticky !important;position: sticky !important;top: 130px;}
.danhmuc_l{width: 100%;max-height: 500px;overflow: auto;padding: 0;}
.danhmuc_l::-webkit-scrollbar{ width: 5px; background-color: #F5F5F5;}
.danhmuc_l::-webkit-scrollbar { width: 5px; height: 5px;}
.danhmuc_l::-webkit-scrollbar-button {  width: 0px; height: 0px; }
.danhmuc_l::-webkit-scrollbar-track {  background-color: #c3c3c3;}
.danhmuc_l::-webkit-scrollbar-track-piece { background-color: #ffffff;}
.danhmuc_l::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px;}
.danhmuc_l::-webkit-scrollbar-corner { background-color: #ffffff;}}
.danhmuc_l::-webkit-resizer { background-color: #666;}
.danhmuc_l li a{position: relative;font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 500;color: #000;width: 100%;display: inline-block;text-transform: uppercase;word-break: break-all;padding: 10px 10px 10px 40px;border-bottom: 1px solid #ededed;}
.danhmuc_l li {position: relative;}
.danhmuc_l li a:after{position:absolute;content:'';background:#d60c0c;width:5px;height:5px;left: 20px;top: 18px;border-radius:50%;}
.danhmuc_l li:last-child a{border-bottom: 0;}
.danhmuc_l li.active > a, .danhmuc_l li:hover > a, .danhmuc_l li:hover > a:after{color:#b42a30;}
.danhmuc_l li > i{position: absolute;right: 10px;top: 10px;background: #ffffff;color: #000000;border-radius: 50%;width: 20px;height: 20px;text-align:center;line-height: 20px;transition: 0.5s all;font-size: 20px;}
.danhmuc_l li > ul{display: none;margin: 0;padding: 0;list-style: none;}
.danhmuc_l li > ul li a{font-weight: 400;text-indent: 10px;font-size: 14px;text-transform: none;border: none;}
.danhmuc_l li > ul li{padding: 0 0 0 20px;border-bottom: 1px solid #ededed;}
.danhmuc_l li > ul li:last-child{border:none;}
/* sp new */
.slick_new {padding: 10px;}
.slick_new .slick-slide{margin: 5px 0px;}
.slick_new .item{border:1px solid #ddd;}
.slick_new .item h3 a{line-height: 20px;-webkit-line-clamp: 1;max-height: 20px;}
/* HTTT */
.hotro_right {position: fixed;top: 20%;left: -300px;z-index: 100;width: 345px;display: flex;flex-wrap: wrap;transition: 0.5s all;}
.hotro_right.active{left: 0;}
.hotro_right #img {display: inline-block;position: relative;width: 45px;cursor: pointer;}
.hotro_right div.hotline_r { bottom: 0px;padding: 0px 10px;background-color: #ffde00; color: #d00000;font-size: 17px;font-weight: bold;width: 100%;text-align: center;}
.hotro_right .noidung_20 { display: none;width: 100%; background-color: #FFF;border-left: 1px solid #d00000;border-top: 1px solid #d00000;padding: 5px;}
.hotro_tt img{ display: block; }
.hotro_bt{width: calc(100% - 45px);display: inline-block;padding: 10px;background: #ffffff;border: 1px solid #dddddd;}
.hotro_bt p b{color: #444444;font-size: 13px;font-family: RobotoRegular;font-weight: 100;display: inline-block;}
.hotline_bt{width: 100%;background: url(images/hotline.png) no-repeat;text-indent: 70px;margin-bottom: 10px;}
.hotline_bt p{font-size: 27px;font-family: RobotoRegular;color: #d50000;}
.yahoo_top{ text-align: center; margin:5px 0px 0px 0px; }
.yahoo p.hinh a{display: inline-block;margin: 0 10px 0 0;}
.yahoo p.hinh a img{width: 30px;}
.yahoo .dienthoai{color: #333;}
.yahoo .email{  color: #333; padding: 2px 0px 2px 40px; background: url(images/email.png) no-repeat 10px 7px;}
.yahoo p b{color: :#f0000;font-family: RobotoRegular;font-weight: 100;}
.visit_hidden{visibility: hidden;height: 0;}
.title_service h4{margin-bottom:10px;font-size:14px;text-transform:uppercase;}
.tinkhac,.share{width: 100%;margin: 0;background: #f3ebd6;padding: 10px 20px;border-radius: 5px;margin-top: 10px;}
.share p{font-weight:700;margin-bottom:10px;}
.tinkhac ul{margin: 0;padding: 0;}
.tinkhac ul li{width: 100%;line-height: 25px;list-style: none;display: inline-flex;align-items: baseline;}
.tinkhac ul li:hover{margin-left:10px;transition:0.5s ease-in-out;}
.tinkhac li a{color: #333;font-size: 13px;font-weight: 400;text-indent: 10px;display: inline-block;}
.tinkhac li a img:hover{opacity: 0.5;}
.tinkhac li a i{ margin-right: 20px; }
.tinkhac li a:hover{opacity: 0.9;transition: 0.2s;}
.xemnhieu{width:193px; border:1px solid #FF8A00;background:url(images/left_cham.html) repeat-y;}
ul.pagination {text-align:center;color:#829994;}
ul.pagination li {display: inline-block;padding:0 3px;}
ul.pagination a {color: #333;display: flex;justify-content: center;align-items: center;text-decoration:none;background: #e6e6e6;font-size: 12px;border-radius: 5px;width: 30px;height: 30px;}
ul.pagination a:hover, 
ul.pagination a.current {background: #000;color:#fff;}
.page_info{ display: none !important; }
/* ========== Content pagination ========== */
.paging{ width: 100%;  text-align: center; margin: 10px 0px 0px 0px; }
.paging .pagination {margin: auto;float:  unset;width: auto !important;text-align: center;margin: 20px 0px;}
.pages li.prev {margin-right: 15px;}
.pages li.next {margin-left: 15px;}
.pages li {display: inline-block;margin: 5px 2px;}
.pages li a {height: 25px;padding: 4px 8px;text-decoration: none;color: #666666;font-weight: bold;background: url(images/backgrounds/pagingBg.html) repeat-x 0 0;border: 1px solid #d5d5d5;font-size: 11px;}
.pages li a:hover {background: #f6f6f6;}
.pages li .active {background: url(images/backgrounds/sideGradient.html) repeat-x;color: #fff;border-color: #424852;}
.pages li .active:hover {background: #2a313d;}
/* Thong ke */
.thongke{padding: 0;color: #fff;text-align: left;padding-bottom: 15px;}
.thongke ul{font-weight: 400;color: #3333;line-height: 35px;padding: 0;}
.thongke li{font-size: 13px;color: #fff;font-family: 'Nunito Sans', sans-serif;font-weight: 400;list-style: none;display: inline-block;}
.thongke li:last-child{border-bottom:none;}
.thongke li span{padding: 0;}
/* Thanh title */
.thanh_title{width: 100%;position: relative;margin: 0 0 30px 0;background: url(images/title.png) no-repeat left bottom;padding: 0 0 15px 0;} 
.thanh_title h2,.thanh_title h4{font-size: 21px;font-weight: 100;display: inline-block;color: #222222;font-family: SVNAvoBold;text-transform: uppercase;}
.thanh_title p{font-size: 16px;color: #555555;font-weight: 400;}
.thanh_title.white h2,.thanh_title.white h4,.thanh_title.white p{color: #ffffff;}
.thanh_title.white:after{background: #ffffff;}
/* dichvu  */
#dichvu{position: relative;padding:40px 0px;}
.box-dichvu{display:grid;grid-template-columns:repeat(3,1fr);grid-gap: 15px;}
.dichvu{position:relative;z-index:1;overflow: hidden;}
.dichvu .img{position:relative;}
.dichvu .img:before{position:absolute;content:'';background: url(images/line_at.png) no-repeat top center;width: 377px;height: 100%;top: 6px;left: 6px;z-index: 2;opacity: 0;visibility: hidden;}
.dichvu .img:after{position:absolute;content:'';background:#0000005c;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;}
.dichvu .noidung{position: absolute;bottom: 0;padding: 0 15px;transition: 0.5s bottom;overflow: hidden;width: 100%;}
.dichvu h3 a{font-family: 'Roboto', sans-serif;font-size: 24px;color: #fff;font-weight: 400;text-align: center;display: block;text-transform: uppercase;margin-bottom: 10px;width: 100%;}
.dichvu p{position: relative;width: 100%;font-family: 'Roboto', sans-serif;color: #fff;font-weight: 400;font-size: 15px;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 4;height: 0;text-align: -webkit-center;display: -webkit-box;-webkit-box-orient: vertical;transition: 0.5s bottom;opacity: 0;visibility: hidden;}
.dichvu:hover .noidung{bottom: 25%;transition:0.5s bottom;}
.dichvu:hover .noidung p{opacity:1;visibility:visible;height:auto;}
.dichvu:hover .img:after,.dichvu:hover .img:before{opacity:1;visibility:visible;}
/*quang cao*/
#quangcao{}
.slick_quangcao{display: none;}
.slick_quangcao img{width: 100%;object-fit: cover;}
/*dieu huong*/
.dieuhuong{width: 100%;padding: 10px 20px;position:  relative;font-family: 'Playfair Display', serif;margin-bottom: 15px;}
.dieuhuong a{color: #000000;font-size: 15px;font-weight: 400;padding:0px 10px;position:  relative;text-transform: capitalize;}
.dieuhuong a:first-child{padding: 0 10px 0 0;}
.dieuhuong a:first-child i{margin-right: 5px;font-size: 16px;color: #191919;font-weight: 100;}
.dieuhuong i{position:absolute;left: -3px;top: 1px;color: #000;}
.dieuhuong a:last-child,.dieuhuong a:hover{color:#b42a30;}
.dieuhuong a:last-child:before{display: none;}
.noidung_tt{width: calc(100% - 380px);}
.noidung_tt .hinhanh{margin-bottom: 20px;}
/*Tab*/
.khung_tab{ width: 100%;  display: none; }
.khung_tab.active{ display: block; }
.tags_sp a{display: inline-block;font-family: RobotoRegular;font-size: 14px;color: #333333;padding: 5px 10px;border: 1px solid #dddddd;margin: 0 0 5px 0;}
.tags_sp a:hover{color: #ed1c24; border-color: #ed1c24;}
/*  */
.box_sanpham{width: 100%;position: relative;}
.owl_sp{display: none;width: 100%;z-index: 1;}
.owl_sp .slick-slide{margin: 10px;}
/* product */
#product{position:relative;padding-top: 40px;}
.box-product a.load_xt{font-family: 'Roboto', sans-serif;display:table;margin:0px auto;margin-top:20px;font-size:15px;font-weight:700;color:#093fb9;cursor: pointer;}
.tab-list{position: relative;text-align: center;max-width: 1200px;overflow-x: auto;white-space: nowrap;padding: 15px 0px;margin: 0px auto;margin-bottom: 20px;}
.tab-list li.active,.tab-list li:hover{}
.tab-list li span{padding: 0px 15px;position: relative;}
.tab-list li span:after{position:absolute;content:'';background:#f3ebd6;width:6px;height:6px;right: 0;top:50%;transform:translateY(-50%);border-radius:50%;}
.tab-list li span:before{position:absolute;content:'';background:#f3ebd6;width:6px;height:6px;left: 0;top:50%;transform:translateY(-50%);border-radius:50%;}
.tab-list li{position:relative;display:inline-block;font-family: 'Playfair Display', serif;color: #f3ebd6;font-size: 14px;font-weight: 400;cursor: pointer;padding: 4.5px 10px;margin: 0 15px;background: #3c2414;}
.tab-list li:after{position:absolute;content:'';background: url(images/at_t.png) no-repeat right center;width: 11px;height: 30px;right: -11px;top: 0;}
.tab-list li:before{position:absolute;content:'';background: url(images/bf_t.png) no-repeat left center;width: 10px;height: 30px;left: -10px;top: 0;}
.tab-list li a{font-family: 'Roboto', sans-serif;color: #666666;font-size: 14px;font-weight: 400;cursor: pointer;}
.tab-list::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 2px #fff;background-color: #fff;}
.tab-list::-webkit-scrollbar{width: 2px;background-color: #fff;}
.tab-list::-webkit-scrollbar-thumb{height:1px;border-radius:1px;-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);background-color: #2d1711;}
.tab-list::-webkit-scrollbar {width: 5px;height: 3px;}
.box-khung{width: calc(100% - 300px);}
.box-khung .khung{padding-bottom:25px;}
.title_sp{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom: 1px solid #999999;padding-bottom: 5px;margin-bottom: 10px;}
.title_sp h2{font-family: 'Roboto', sans-serif;color:#000;text-transform:uppercase;font-weight: 900;font-size: 24px;}
.product{display:grid;grid-template-columns: repeat(3,1fr);grid-gap: 20px;}
.box-product a.xemthem{display:table;margin:0px auto;margin-top: 30px;background: #f8526d;color: #fff;font-size: 15px;font-weight: 700;text-transform: uppercase;padding: 12px 45px;border: 1px solid;border-radius: 50px;}
.box-product a.xemthem:hover{background:transparent;color:#f8526d;transition:0.3s}
.item .img{position: relative;overflow: hidden;}
.item:hover .logo_hv{opacity: 1;visibility:visible;}
.item .logo_hv{position: absolute;left: 0;top: 0;opacity: 0;visibility: hidden;width: 100%;height: 100%;background: #ffffff80;transition: all 0.5s;z-index: 1;}
.item .logo_hv img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) !important;}
.item .img .icon{position: absolute;top: 20px;right: 20px;color: #fff;font-family: 'Nunito', sans-serif;background: url(images/sale.png) no-repeat center;background-size: cover;border-radius: 5px;width: 54px;height: 56px;display: flex;justify-content: center;align-items: center;}
.item .img .icon img{display: inline-block !important;margin: 0 0 0 5px;}
.item .img:before {opacity: 0;position: absolute;top: 0;left: -75%;z-index: 22;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.item:hover .img:before {opacity: 1;-webkit-animation: shine .6s;animation: shine .6s;}
.box-product .khung:nth-child(even) .item-list{grid-column: 2;grid-row: 1;}
@-webkit-keyframes shine 
{ 100% {left: 125%;}}
@keyframes shine { 100%  {left: 125%;}}
/* .item a.buy{color: #fffefe;position: relative;cursor: pointer;width: 40px;height: 40px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 21px;} */
.item a.buy:hover{color:#fff;background:#ff0000;transition:0.2s ease-in-out;}
.item a.buy img{display:unset !important;margin-right:5px;width: unset;}
.item:hover a.buy{opacity:1;transition:0.5s all;}
.item {transition: 0.5s all;position: relative;transition: border 1s;z-index: 999;}
.item .noidung .bds p{font-family: 'Roboto', sans-serif;padding-top: 5px;font-size: 14px;font-weight: 400;color: #333333;}
.item .noidung .bds p span{color:#ff0000;font-weight: 500;}
.item .sale_off:after,.frame_images.sale_off:after{position:absolute;content: attr(data-sale);top: 10px;font-family: 'Roboto', sans-serif;right: 10px;background: url(images/sale.png) no-repeat center;color: #fff;z-index: 5;width: 49px;height: 49px;display: flex;justify-content: center;align-items: center;font-size: 14px;font-weight: 700;font-style: italic;}
.frame_images .sale{top: 14px;}
.item .sale p,.frame_images .sale p{font-size: 13px;font-family: 'Montserrat', sans-serif;transform: rotate(-90deg);background: #c40f1d;padding: 6px 13px;text-transform: uppercase;font-weight: 500;}
.item .sale p.new,.frame_images .sale p.new{background:#fac112;}
.item strong{font-weight:400;color: #8b8b8b;}
.item .gia label{color: #666666;font-weight: 400;}
.item .gia{font-size: 18px;color: #3e3e3e;font-family: 'Playfair Display', serif;font-weight: 700;text-align: center;}
.item .gia .giaban{color: #f3ebd6;}
.item .giacu{font-size: 14px;font-weight: 400;color: #ccc;text-decoration: line-through;margin: 0 0 0 10px;}
.item h3{position: relative;width: 100%;padding-top: 20px;}
.item .noidung{position: absolute;bottom: 5px;width: 80%;left: 50%;transform: translateX(-50%);background: url(images/title.png) no-repeat center;padding: 40px 70px;}
.item .box-gia{position: relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top: 10px;}
.item .box-gia:after{position:absolute;content:'';background: #f00;width: 94%;height: 1px;bottom: 3px;right: 0;}
.box-gia a.xemthem{font-family: 'Roboto', sans-serif;background: url(images/xemthem.html) no-repeat left  center;display: inline-block;font-size: 13px;color: #fff;font-weight: 700;padding: 10px 50px 10px 15px;}
.item h3 a{font-family: 'Playfair Display', serif;color: #f3ebd6;font-weight: 700;font-size: 18px;overflow: hidden;text-overflow: ellipsis;line-height: 30px;-webkit-line-clamp: 1;height: 30px;display: -webkit-box;text-align: center;-webkit-box-orient: vertical;}
.item:hover h3 a{color: #b42a30;}
.item-btn{display:flex;flex-wrap:wrap;justify-content: center;align-items:center;position: absolute;visibility: hidden;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-opacity: 0;-moz-opacity: 0;-ms-opacity: 0;-o-opacity: 0;opacity: 0;margin: 0;bottom: 34px;left: 6rem;width: 100%;-webkit-transition: all 350ms linear;-moz-transition: all 350ms linear;-ms-transition: all 350ms linear;-o-transition: all 350ms linear;transition: all 350ms linear;}
.item-btn a{margin: 0 3px;border: 1px solid;width: 25px;height: 25px;display: flex;justify-content: center;align-items: center;border-radius: 50%;background: #bf2935;color: #fff;cursor: pointer;z-index: 2;}
.item:hover .item-btn{filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-opacity: 1;-moz-opacity: 1;-ms-opacity: 1;-o-opacity: 1;opacity: 1;left: 0;visibility: visible;padding: 5px 0;}
.item:hover .gia{    opacity: 0;
    visibility: hidden;}
/* slick_product */
.slick_list{display:none;}
.item-list{position:relative;}
.item-list .noidung{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align: center;}
.item-list .noidung label{font-family: 'Be Vietnam', sans-serif;font-size:18px;color:#ffffff;font-weight: 300;text-transform:uppercase;}
.item-list .noidung h3 a{font-family: 'Be Vietnam', sans-serif;font-size: 30px;color: #ffffff;font-weight: 600;text-transform: uppercase;}
.item-list .noidung a.xemthem{display: inline-block;font-family: 'Be Vietnam', sans-serif;font-size: 15px;color: #202020;font-weight: 500;text-transform: uppercase;background:#b42a30;padding: 10px 15px 13px 15px;margin-top: 10px;}
.item-list:hover .noidung h3 a{color:#d60c0c;}
/*  */
.slick_nb{display:none;padding:40px 0px;margin: 0px -15px;}
.slick_nb .slick-slide{margin: 0px 15px;}
/* Tab product */
.tab_show{display: block !important;border: 1px solid #918173;padding: 10px;width:  100%;position: relative;z-index: 1;}
.tab_hidden{ display: none; }
.noidung_ta *{max-width: 100%;}
/* nhan tin */
#nhantin{background: url(images/nhantin.html) no-repeat center;padding: 50px 0px;background-attachment: fixed;background-size: cover;}
#nhantin .title_h2{color:#ffff;margin-bottom:40px;}
.lh{position: relative;}
.title_nt{font-family: 'Roboto', sans-serif;color:#fff;text-transform:uppercase;font-size:18px;font-weight:700;}
.lh .mangxh{padding-top: 30px;}
.nhantin{width: 100%;}
.nhantin h2{font-family: 'Roboto', sans-serif;font-size: 16px;text-transform: uppercase;color: #ffffff;font-weight: 700;padding-bottom: 10px;}
.lh form{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 15px;}
.lh form textarea.input{grid-column: 1 / 4;width: 95%;height: 100px;}
.lh form .input{outline: none;font-size: 13px;font-weight: 400;color: #4b4b4b;width: 100%;text-align: left;padding: 15px;background: #fff;font-family: 'Roboto', sans-serif;border: none;}
.lh form input[type=submit],.lh form input[type=reset]{outline: none;cursor: pointer;border: none;color: #fff;font-size: 25px;font-weight: 700;border-radius: 0;background: #ea0000;font-family: 'Roboto', sans-serif;position: absolute;text-transform: uppercase;bottom: 25px;right: -26px;transform: rotate(-90deg);padding: 10px 29px;}
.nt_ft{display: flex;justify-content: space-between;align-items: center;}
.lh form .input::-webkit-input-placeholder,.lh form textarea::-webkit-input-placeholder {color: #4b4b4b;}
.lh form .input:-moz-placeholder,.lh form textarea:-moz-placeholder {color: #4b4b4b;  }
.lh form .input::-moz-placeholder,.lh form textarea::-moz-placeholder {  color: #4b4b4b; }
.lh form .input:-ms-input-placeholder,.lh form textarea:-ms-input-placeholder {  color: #4b4b4b;  }
.lh form .input:nth-child(1){background: #fff url(images/nt1.png) no-repeat calc(100% - 15px) center;}
.lh form .input:nth-child(2){background:#fff url(images/nt2.png) no-repeat calc(100% - 15px) center}
.lh form .input:nth-child(3){background:#fff url(images/nt3.png) no-repeat calc(100% - 15px) center}
/* mangxh */
#lienket{position:relative;}
#lienket:before{position:absolute;content:'';background:url(images/at_lk.png) no-repeat left top;width: 780px;height: 900px;top: -90px;left: 0px;z-index: -1;}
#lienket:after{position: absolute;content: '';background: url(images/bf_gt.png) no-repeat right bottom;width: 150px;height: 279px;right: 0px;bottom: -90px;transform: rotate(180deg) scaleY(-1);}
.box-lienket{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;padding: 40px 0px;}
.box-lienket .box_monan h2{font-family: iCielBCGrindstoneDisplay-Regular;text-transform:uppercase;text-align:center;font-weight:normal;font-size:45px;color:#bf2935;}
.box_monan{width: 55%;}
.box_monan .khung{position: relative;text-align: center;padding-bottom: 40px;}
.banner_icon{position: relative;}
.item-monan{position:absolute;width:110px;}
.item-monan:nth-child(5){bottom: 0;right: 0;}
.item-monan:nth-child(2){left: 0;top: 0px;}
.item-monan:nth-child(3){top: 50px;right: 0;}
.item-monan:nth-child(4){bottom: 0;left: 0;}
.item-monan img{border-radius:50%;border-top:4px solid #bca78d;border-left:5px solid #bca78d;border-right:5px solid #bca78d;border-bottom:6px solid #bca78d;}
.item-monan h3{font-family: 'Playfair Display', serif;font-size: 14px;color: #3c2414;width: 100%;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;height: 25px;display: -webkit-box;text-align: center;-webkit-box-orient: vertical;margin-bottom: 10px;}
.item-monan:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}
.frship{width: 35%;background: url(images/ship.png) no-repeat center;min-height: 480px;text-align: center;padding: 60px 0;}
.frship h2{font-family: iCielBCGrindstoneDisplay-Regular;font-size:50px;color:#f3ebd6;text-transform:uppercase;font-weight:normal;}
.frship .noidung{font-family: 'Playfair Display', serif;font-size:18px;}
/* hinhanh */
#hinhanh{position:relative;}
#hinhanh .title_h2 label{margin-top: -4px;background: #f3ebd6;display: inline-block;padding: 0 75px;}
#hinhanh .title_h2 h2{display:block;text-shadow: 4px 0px 0 #f3ebd6, -4px 0 0 #f3ebd6, 0 4px 0 #f3ebd6, 0 -4px 0 #f3ebd6, 3px 3px #f3ebd6, -3px -3px 0 #f3ebd6, 3px -3px 0 #f3ebd6, -3px 4px 0 #f3ebd6, 6px 6px 0px #3c2414;}
.box-hinhanh{position:relative;border-top: 1px solid #857462;border-bottom: 3px solid #857462;border-left: 2px solid #857462;border-right: 2px solid #857462;padding: 20px 0 70px 0;}
.box-hinhanh:after{position:absolute;content:'';border: 2px dashed #957462;top: 25px;left: 25px;bottom: 25px;right: 25px;z-index: -1;}
.hinhanh{width: 1015px;margin: 0px auto;padding-top: 20px;}
.slick_top{display:none;}
.slick_top img{width:100%;}
.slick_item{display:none;margin: 0px -6px;margin-top: 10px;}
.slick_item .slick-slide{margin: 0px 6px;}
/* camnha */
#camnhan{position: relative;padding:40px 0px;min-height: 580px;}
#camnhan:after{position:absolute;content:'';background: url(images/at_gt.png) no-repeat right top;width: 260px;height: 495px;right: 0px;bottom: -240px;z-index: -1;}
#camnhan:before{position:absolute;content:'';background:url(images/bg_yk.png) no-repeat bottom center;width:683px;height:243px;bottom: -20px;left:50%;transform:translateX(-50%);z-index:-1;}
#camnhan .title_h2 h2{text-shadow:4px 0px 0 #f3ebd6, -4px 0 0 #f3ebd6, 0 4px 0 #f3ebd6, 0 -4px 0 #f3ebd6, 3px 3px #f3ebd6, -3px -3px 0 #f3ebd6, 3px -3px 0 #f3ebd6, -3px 4px 0 #f3ebd6, 6px 6px 0px #3c2414;}
.box_camnhan{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#img-khachhang{position: relative;width: 62%;background: url(images/ykien.png) no-repeat center;padding: 90px 40px 40px 40px;z-index: 2;min-height: 680px;}
#img-khachhang:after{position:absolute;content:'';background: url(images/ic_yk.png) no-repeat bottom;width: 207px;height: 213px;bottom: 25px;left: -20px;}
.slick_camnhan{display: none;width: 280px;}
.camnhan{position: absolute;right: -5px;width: 55%;background: url(images/camnhan.png) no-repeat center;min-height: 515px;display: flex;justify-content: center;padding: 140px 0px 50px 210px;}
.slick_camnhan p{font-family: 'Playfair Display', serif;color:#f3ebd6;font-size:14px;font-weight:400;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 10;max-height: 250px;display: -webkit-box;-webkit-box-orient: vertical;text-align: left;}
/* huongdan */
#huongdan{padding: 110px 0;background:url(images/huongdan.html) no-repeat center;background-size:cover;}
#huongdan .title_h2{color:#ffff;}
.slick_huongdan{display:none;margin:0px -15px;}
.slick_huongdan .slick-slide{margin:0px 15px;}
.item-huongdan img{display:table;margin:0px auto;}
.item-huongdan h3{font-family: 'Roboto', sans-serif;font-size: 18px;color: #ffffff;width: 100%;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;max-height: 25px;display: -webkit-box;text-align: center;-webkit-box-orient: vertical;text-transform: uppercase;margin: 15px 0px;}
.item-huongdan p{font-family: 'Roboto', sans-serif;font-size: 14px;color: #ffffff;width: 100%;font-weight: 400;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;text-align: center;}
.item-huongdan:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}
/* duan */
#duan{padding:40px 0px;}
.box-duan{display:grid;grid-template-columns:repeat(4,1fr);grid-gap: 20px;}
.duan h3{padding:5px 0px;}
.duan h3 a{font-family: 'Roboto', sans-serif;color: #393939;font-weight: 700;font-size: 16px;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;height: 25px;display: -webkit-box;text-align: center;-webkit-box-orient: vertical;text-transform: uppercase;}
.duan:hover h3 a{color: #d71e1e;}
/*Bottom*/
#tintuc{position: relative;padding:40px 0px;}
#tintuc:after{position:absolute;content:'';background:url(images/at_tt.png) no-repeat left bottom;width:532px;height:863px;bottom: -600px;left:0;z-index: -1;}
#tintuc .title_h2 h2{text-shadow: 4px 0px 0 #f3ebd6, -4px 0 0 #f3ebd6, 0 4px 0 #f3ebd6, 0 -4px 0 #f3ebd6, 3px 3px #f3ebd6, -3px -3px 0 #f3ebd6, 3px -3px 0 #f3ebd6, -3px 4px 0 #f3ebd6, 6px 6px 0px #3c2414;}
.slick_tintuc{display:none;margin: 0 -15px;margin-top: 15px;}
.slick_tintuc .slick-slide{margin: 0px 15px;}
.item_tintuc{}
.item_tintuc .img{position: relative;}
.item_tintuc p.date{position: absolute;left: 0;top: 0;text-align:center;background: #1565c0;color: #fff;padding: 10px 5px;font-size: 20px;font-weight: 700;z-index: 1;}
.item_tintuc p.date span{display:block;border-top: 1px solid;font-size: 12px;font-weight: 400;}
.item_tintuc .noidung{padding: 10px 0px;}
.item_tintuc .noidung span{font-family: 'Be Vietnam', sans-serif;font-size:18px;color:#fff;text-transform:uppercase;font-weight:400;}
.item_tintuc p.mota{font-family: 'Playfair Display', serif;font-size: 14px;color: #412911;width: 100%;font-weight: 400;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 4;height: 100px;display: -webkit-box;text-align: left;-webkit-box-orient: vertical;margin-bottom: 10px;}
.item_tintuc h3 a{font-family: 'Playfair Display', serif;font-size: 16px;color: #3c2414;width: 100%;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;height: 50px;display: -webkit-box;text-align: left;-webkit-box-orient: vertical;}
.item_tintuc a.xemthem{position: relative;display: block;font-size: 15px;color: #3c2414;font-weight: 400;text-align: center;padding: 10px 0px;border-top: 2px solid #3c2414;border-bottom: 2px solid #3c2414;}
.item_tintuc a.xemthem:after{position:absolute;content:'';border-top:1px solid #3c2414;border-bottom:1px solid #3c2414;top:3px;bottom:3px;left:0;right:0;}
.item_tintuc:hover h3 a,.item_tintuc a.xemthem:hover{color: #b42a30;}
/*footer*/
#footer{width:100%;position: relative;}
#footer .title_h2 label{margin-top: -4px;background: #f3ebd6;display: inline-block;padding: 0 75px;}
#footer .title_h2 h2{display:block;text-shadow: 4px 0px 0 #f3ebd6, -4px 0 0 #f3ebd6, 0 4px 0 #f3ebd6, 0 -4px 0 #f3ebd6, 3px 3px #f3ebd6, -3px -3px 0 #f3ebd6, 3px -3px 0 #f3ebd6, -3px 4px 0 #f3ebd6, 6px 6px 0px #3c2414;font-size: 60px;color: #b42a30;}
.box-footer{position:relative;border-top: 1px solid #857462;border-bottom: none;border-left: 2px solid #857462;border-right: 2px solid #857462;z-index: 1;padding: 20px 70px 60px 90px;}
.box-footer:after{position:absolute;content:'';border: 2px dashed #957462;border-bottom: none;top: 25px;left: 25px;bottom: 25px;right: 25px;z-index: -1;}
#footer:before{position:absolute;content:'';background: url(images/bf_ft.png) no-repeat left;width: 613px;height: 284px;bottom:0;left:0;z-index:-1;}
#footer:after{position:absolute;content:'';background:url(images/at_ft.png) no-repeat right bottom;width: 450px;height: 535px;bottom: 0px;right:0;z-index: -1;}
.footer{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#footer .noidung{padding-top:20px;}
.map{width: 650px;}
.map iframe{width: 100%;height: 275px;border: 3px solid #b14b29 !important;}
.fanpage{width: 350px;}
#footer .mangxh{display: flex;flex-wrap:wrap;justify-content: flex-start;align-items:center;}
#footer .mangxh a{padding-right: 10px;}
/*chinhsach*/
.chinhsach{width: 250px;}
.chinhsach ul{color: #fff;padding: 0;}
.chinhsach li a:hover{text-decoration: underline;}
.chinhsach ul li{font-weight: 400;position: relative;padding: 5px 0px;list-style: none;text-transform: capitalize;}
.chinhsach ul li a{font-size: 14px;color: #ffffff;font-weight: 400;font-family: 'Roboto', sans-serif;}
.chinhsach ul li:hover a{text-decoration: underline;} 
/* daily */
#daily{padding:40px 0px;background:url(images/daily.html) no-repeat left center;background-size:cover;min-height: 762px;}
#daily .title_h2 h2{color:#2db1e6}
#daily .title_h2 p{color:#fff;}
.slick_daily{display:none;margin:0px -15px;padding-bottom: 60px;}
.slick_daily .slick-slide{margin:0px 15px;}
.daily{}
.daily .noidung{position: relative;font-family: 'Roboto Condensed', sans-serif;background: #fff;text-align: center;width: 95%;margin: 0px auto;padding: 20px;margin-top: -80px;z-index: 9999;}
.daily h3{font-size: 18px;color:#f00;font-weight: 700;text-transform: uppercase;}
.daily p{font-size: 14px;color: #333333;}
.daily span{display: block;font-weight: 700;padding: 5px 0px;}
.daily a.link{display: inline-block;font-size: 14px;color: #2db1e6;border: 3px solid;padding: 10px 30px 10px 50px;border-radius: 50px;margin-top: 15px;background: url(images/map.html) no-repeat 15px center;}
.daily a.link:hover{text-decoration:underline;}
/* coppy */
.coppy{position: relative;font-size: 14px;color: #3c2414;font-family: 'Playfair Display', serif;font-weight: 400;padding: 30px 0 0 0;text-align: center;}
.coppy span{text-transform: uppercase;font-weight: 700;}
.coppy ul{list-style: none;margin: 0;padding: 0;}
.coppy ul li{display: inline-block;}
.coppy ul li span{font-weight: 400;}
.coppy ul li:last-child{border-right:0px;}
/* back to top  */
#back-to-top {position: fixed;bottom: 175px;right: -15px;text-align: center;line-height: 55px;cursor: pointer;z-index: 2;border: 2px solid #2d1711;padding: 3px;}
#back-to-top a {display: block;color: #ffffff;font-size: 30px;background: #2d1711;padding: 15px 20px;}
#back-to-top .back-circle {height: 50px;width: 50px; }
#back-to-top .back-circle .circle {border: 1px solid #034790 !important;}
/* fanpage */
#fanpage{background-size:cover;}
#fanpage .title_h2 {text-align:left;padding: 20px 0px;}
#fanpage .title_h2 h2{color:#fff;}
#fanpage .fanpage{padding: 20px 0px;width: 425px;display: table;margin: 0px 45%;}
#fanpage .fanpage iframe{}
/*--------------lk website---------------------*/
.lienket{position: fixed;color: #ffffff;left: 15px;bottom: 100px;z-index: 99;}
.lienket label{text-transform: uppercase;font-size: 15px;font-family: 'Roboto', sans-serif;font-weight: 700;}
.lienket a{display: block;margin: 0 0 5px 0;}
.lienket a:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}
.lienket_r{position: fixed;right: 10px;bottom: 250px;}
.lienket_r a{display: block;margin: 10px 0;}
/* contact */
.khung_contact{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 0 20px 0;}
.khung_contact .noidung_detail{margin-bottom: 20px;}
.khung_contact .bando{width: 100%;margin-top: 20px;}
.khung_trai,.khung_phai{width: 48%;}
.thongtin_ct2{display: flex;justify-content: space-between;padding-top: 20px;border-top: 1px solid #4267b2ba;}
.thongtin_lh{ width: 100%;  padding: 0px 40px 20px 0px;}
.thongtin_lh h1{ font-size: 20px; text-transform:uppercase; color: #04608B}
.form_lh{max-width: 100%;width: 100%;margin: 0 auto;text-align: center;}
.form_lh h4{font-weight: 700;font-size: 30px;color: #d60c0c;margin: 0;text-align: center;text-transform: uppercase;}
.form_lh p.mxn{width: 100%; }
.form_lh p.mxn > b{padding: 0px 20px 0px 0px;font-family: RobotoRegular;}
.form_lh p.mxn input{width: 100px; }
.form_lh p{padding: 5px 0px 5px 0px;margin: 0;width: 100%;display: inline-block;}
.form_lh p input,.form_lh p textarea{padding: 10px;width: 100%;border: 1px solid #dddddd;font-weight: 400;border-radius: unset;font-family: Open Sans,sans-serif;}
.form_lh p label{ width: 120px; }
.form_lh p button{border: 0px;background: #000;padding: 10px 20px;margin: 0;color: #fff;cursor: pointer;font-family: 'Roboto', sans-serif;text-transform:  uppercase;font-weight: 500;}
.form_lh p button:hover{background: #000000;}
.form_van input{ width: 100% ; padding: 5px;}
.form_van button{ position: absolute; z-index: 1000; top: 1px; right: 0px; color: #eee; padding: 5px; border: 0px; background: #E78D00}
.form_contact{   padding: 0 0 10px 0;}
#form_contact input{ padding: 5px;}
/* Download */
.download_box {width: 230px;margin: 0px 25px 10px 0px;text-align: center;border: 1px solid #ddd;}
.download_box p {margin: 0;font-family: RobotoRegular;}
.download_box img {padding: 5px;transform: scale(1);}
.download_box img:hover{transform: scale(1.05);   }
.download_box h3 {text-align: center;font-weight: 100;color: #333;margin: 0px 0px 0px 0px;font-size: 15px;font-family: RobotoBold;width: 100%;display: inline-block;}
.download_box a {margin: auto;display: inline-block;padding: 3px 20px 3px 20px;background: :#f0000;color: #fff;}
.download_box a:hover{background: #13b119;}
/* Album */
.box_album{width: 100%;display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 15px;}
.box_album img{width:100%;}
.box_album .album{display:block;position: relative;}
.box_album .img span i{position:absolute;content:'';color: #fff;z-index: 1;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 25px;opacity: 0;visibility: hidden;}
.box_album .img:hover span i{opacity:1;visibility:visible;transition:0.3s ease-in-out;}
.album h3 a{color: #333;font-size:15px;text-transform:capitalize;display: block;padding-top: 10px;}
.album:hover h3,.album:hover h3 a{color:#b42a30;}
.khung_album img{display: block;}
.khung_album_images{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px;}
.hinhanh_detail{margin-top: 20px;}
.slick_ab{display: none;margin: 10px -10px 0 -10px;}
.slick_ab .slick-slide{margin: 0 10px;}
/*--------------tags---------------------*/
.tags span{font-family:'Roboto Condensed', sans-serif; font-size: 14px; font-weight: 400;}
.tags a{color: #333333;font-size: 12px;padding: 4px 10px;margin: 0 3px 6px 0;border: 1px solid #dddddd;border-radius: 20px;display: inline-block;}
.tags a:hover{color:#f00;border-color:#f00;}
/*-----------------end tags-----------------------*/
/* Doitac */
#doitac{background: #f7f7f7;}
.owl_doitac{display:none;margin: 0px -12px;}
.doitac{border:1px solid #eaeaea;position: relative;}
.owl_doitac .slick-slide{margin: 0px 12px;}
.item-doitac{text-align:center;}
.item-doitac h3{font-family: 'Roboto Condensed', sans-serif;text-align:center;font-size: 35px;color: #f0412e;font-weight: 700;padding-top: 10px;}
.dt_l{position: absolute;left: 0;transform: translateY(-50%);z-index: 10;top: 50%;cursor: pointer;color: #fff;font-size: 35px !important;}
.dt_r{position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index: 10;cursor: pointer;color: #fff;font-size: 35px !important;}
/*++++++++++LEFT+++++++++++*/
.sp-detail{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
div#left {width: 260px;position:  relative;z-index: 1;}
.product_detail{width: calc(100% - 280px);}
.product_detail .product{grid-template-columns: repeat(2,1fr);}

/*Hover images*/
.hover_img {  width: 100%;overflow: hidden;}
.hover-z{z-index: 1;border: 8px solid #fff;}
.hover_img:before {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #ffffff5e;  content: '';  z-index: 10;  -webkit-transition: -webkit-transform .6s;  transition: transform .6s;  -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);  transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.hover_img:hover:before {  webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);  transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}
/* Zoom In #1 */
.hover_zoom{position: relative;overflow:  hidden;display: block;}
.hover_zoom img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;position: relative;}
.hover_zoom:hover img {-webkit-transform: scale(1.09);transform: scale(1.09);}
.hover1:before {z-index: 1;content: "";position: absolute;left: 10px;right: 10px;top: 10px;bottom: 10px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transform: scale(0, 1);-moz-transform: scale(0, 1);-webkit-transform: scale(0, 1);-ms-transform: scale(0, 1);transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
.hover1:after {z-index: 1;content: "";position: absolute;left: 10px;right: 10px;top: 10px;bottom: 10px;border-left: 1px solid #fff;border-right: 1px solid #fff;transform: scale(1, 0);-moz-transform: scale(1, 0);-webkit-transform: scale(1, 0);-ms-transform: scale(0, 1);transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
.hover1:hover:before, .hover1:hover:after {transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1); }
/* Service detail */
.box-svdetail{width: 780px;}

.service_detail{display:flex;flex-wrap:wrap;justify-content:space-between;}
.box_service{width: 100%;display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 15px;}
.box_service.box4{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;margin: 20px 0;}
.box_service .service{transition: 0.5s all;}
.box_service .service:hover .arrows_left,.box_service .service:hover .arrows_right{opacity: 1;}
.box_service .service .img{margin: 0 0 5px 0;overflow: hidden;}
.box_service .service .arrows_right{position: absolute; top: 50%; right: 5px; transform: translateY(-50%); z-index: 99; opacity: 0; transition: 0.5s all;}
.box_service .service .arrows_left{position: absolute; top: 50%; left: 5px; transform: translateY(-50%); z-index: 99; opacity: 0; transition: 0.5s all;}
.box_service .service .noidung{width: 100%;} 
.box_service .service .noidung span.date{font-family: 'Roboto', sans-serif;font-size: 11px;color: #666;background: url(images/date.png) no-repeat left center;padding: 0 0 0 20px;}
.box_service .service .noidung a.xemthem{float: right;margin-top: 10px;-webkit-box-shadow: 2px 2px 6px #585454;box-shadow: 2px 2px 6px #585454;color: #fff;background: #817f80;font-size: 12px;text-transform: capitalize;font-weight: 400;padding: 5px 15px;}
.box_service .service .khung > a{display: block;margin: 0 0 5px  0;}
.box_service .service img{display: block;}
.box_service .service h3{width:  100%;position:  relative;}
.box_service .service h3 a{font-size: 14px;color: #000000;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;height: 25px;display: -webkit-box;-webkit-box-orient: vertical;}
.box_service .service:hover h3 a{color:#d60c0c;}
.box_service .service p{font-size: 13px;color: #333333;width:  100%;font-weight: 400;padding: 0;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 5;height: 125px;display: -webkit-box;-webkit-box-orient: vertical;text-align: justify;}
.box_service .service p.ngaydang{font-size: 12px;-webkit-line-clamp: 1;max-height: 25px;font-style: italic;}
.owl_tinkhac{margin: 20px -10px 0 -10px;display: none;}
.owl_tinkhac .slick-slide{margin: 0 10px;}
.owl_tinkhac .service{display: none;}
.bao_hinhanh{position: relative;overflow:hidden;margin: 5px 0px;}
.baiviet2_it h3{width:  100%;position:  relative;}
.baiviet2_it h3 a{font-size: 14px;color: #000000;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;}
.baiviet2_it:hover h3 a{color: #1a67af;}
.baiviet2_it p{font-size: 13px;color: #333333;width:  100%;font-weight: 400;padding: 0;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 3;max-height: 75px;display: -webkit-box;-webkit-box-orient: vertical;text-align: justify;}
.tieude_hinhanh{text-align: center;}
.tieude_hinhanh h4{font-family: 'Noto Sans', sans-serif;font-size: 15px;padding: 10px 0px;color: #313131;}
.bao_hinhanh:hover .tieude_hinhanh{bottom: 0px;transition: 0.5s all;opacity: 1;visibility: visible;margin-bottom: 0px;}
/*Xem them*/

.fotorama__wrap{margin:0px auto;}
/* title */
/* Chi nhanh */
.box_chinhanh{display: flex; flex-wrap: wrap; justify-content: space-between;}
.box_chinhanh .list_chinhanh{width: 40%;list-style: none;padding: 0 10px 0 0;max-height: 400px;overflow: auto;}
.box_chinhanh .list_chinhanh li{font-family: 'Roboto Condensed', sans-serif;font-weight: 500;display: block;padding: 10px 20px;border-radius: 5px;margin: 0 0 10px 0;position: relative;color: #333;background: #f2f2f2;cursor: pointer;}
.box_chinhanh .list_chinhanh li:last-child{margin: 0;}
.box_chinhanh .list_chinhanh li.active{background: #b42a30;color:#fff;}
.box_chinhanh .list_chinhanh h3{font-size: 18px;text-transform: uppercase;font-weight: 700;display: block;}
.box_chinhanh .list_chinhanh p{font-size: 14px;font-weight: 400;}
.box_chinhanh .list_map{width: 60%;padding: 0 0 0 10px;}
.box_chinhanh .list_map .item-map{display: none;}
.box_chinhanh .list_map .item-map iframe{display: block; width: 100%; max-height: 400px;}
.box_chinhanh .list_map .item-map.active{display: block;}
/*goidien*/
.toolbar{background: rgb(45 23 17);display: inline-block;width: 100%;padding: 0.8vw;left: 0;bottom: 0;position: fixed;z-index: 9999999;height: auto;display: none;}
.toolbar ul{list-style: none;padding: 0;}
.toolbar ul li{text-align: center;float: left;width: calc(100% / 3);line-height: 1;}
.toolbar ul li a{display: inline-block;width: 100%;}
.toolbar ul li a span {font-family: 'Roboto',sans-serif;font-weight: 400;color: #ffffff;font-size: 13px;display: block;}
.toolbar ul li a img {height: 15px;width: auto;margin-bottom: 5px;}
.wrap_multiphone {display: none; position:  absolute;bottom: 60px;left: 10px;border-radius: 10px;border: 1px solid #ddd;padding: 5px 20px;background: #fff;}
.wrap_multiphone a {color: #333 !important;display: block;line-height: 25px !important;}
@media(max-width: 920px){.toolbar{display: block;}}
/*zalo*/
.zalo{display: block;width: 41px;height: 41px;position: fixed;left: calc(100% - 60px);bottom: 120px;z-index: 10;}
.kenit-alo-circle-fill {width: 60px;height: 60px;top: -10px;position: absolute;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;background-color: rgba(0, 175, 242, 0.5);opacity: .75;right: -10px;}
.kenit-alo-circle {width: 50px;height: 50px;top: -5px;right: -5px;position: absolute;background-color: transparent;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid rgba(30, 30, 30, 0.4);opacity: .1;border-color: #0089B9;opacity: .5;}
/**/
.support-online {position: fixed;z-index: 999;right: 0;bottom: 140px;}
@media only screen and (max-width:992px) {.support-online{display: block}}
.support-online a {position: relative;margin: 20px 20px;text-align: left;width: 40px;height: 40px;}
.support-online i {width: 40px;height: 40px;background: #43a1f3;color: #fff;border-radius: 100%;font-size: 20px;text-align: center;line-height: 1.9;position: relative;z-index: 999;}
.support-online a span {border-radius: 2px;text-align: center;background: rgb(103, 182, 52);padding: 9px;display: none;width: 180px;margin-left: 10px;position: absolute;color: #ffffff;z-index: 999;top: 0px;right: 50px;transition: all 0.2s ease-in-out 0s;-moz-animation: headerAnimation 0.7s 1;-webkit-animation: headerAnimation 0.7s 1;-o-animation: headerAnimation 0.7s 1;animation: headerAnimation 0.7s 1;}
.support-online a:hover span {display: block;}
.support-online a {display: block;}
.support-online a span:before {content: "";width: 0;height: 0;border-style: solid;border-width: 10px 10px 10px 0;border-color: transparent  rgb(103, 182, 52) transparent transparent;transform: rotate(180deg);position: absolute;right: -10px;top: 10px;}
.kenit-alo-circle-fill {width: 60px;height: 60px;top: -10px;position: absolute;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;background-color: rgba(0, 175, 242, 0.5);opacity: .75;right: -10px;}
.kenit-alo-circle {width: 50px;height: 50px;top: -5px;right: -5px;position: absolute;background-color: transparent;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid rgba(30, 30, 30, 0.4);opacity: .1;border-color: #0089B9;opacity: .5;}
.support-online .btn-support {cursor: pointer;}
.sms i{background: red}
.call-now i{background: green}
.mes i{background: orange}
/**/
.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;}
}
/*hover*/
.border-hv .left{position:absolute;height:0px;width:1px;left:0px;top:0px;background: -webkit-linear-gradient(bottom,red,orange,yellow,green,blue,indigo,violet);background: -o-linear-gradient(bottom,red,orange,yellow,green,blue,indigo,violet);background: -moz-linear-gradient(bottom,red,orange,yellow,green,blue,indigo,violet);background: linear-gradient(to top, red,orange,yellow,green,blue,indigo,violet);transition:all 0.5s ease;z-index: 1;}
.border-hv .right{position:absolute;height:0px;width:1px;right:0px;bottom:0px;background: -webkit-linear-gradient(top,red,orange,yellow,green,blue,indigo,violet);background: -o-linear-gradient(top,red,orange,yellow,green,blue,indigo,violet);background: -moz-linear-gradient(top,red,orange,yellow,green,blue,indigo,violet);background: linear-gradient(to bottom, red,orange,yellow,green,blue,indigo,violet);transition:all 0.5s ease;z-index: 1;}
.border-hv .top{position:absolute;height:1px;width:0px;right:0px;top:0px;background: -webkit-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);background: -o-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);background: -moz-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);transition:all 0.5s ease;z-index: 1;}
.border-hv .bottom{position:absolute;height:1px;width: 0;left:0px;bottom:0px;background: -webkit-linear-gradient(right,red,orange,yellow,green,blue,indigo,violet);background: -o-linear-gradient(right,red,orange,yellow,green,blue,indigo,violet);background: -moz-linear-gradient(right,red,orange,yellow,green,blue,indigo,violet);background: linear-gradient(to left, red,orange,yellow,green,blue,indigo,violet);transition:all 0.5s ease;z-index: 1;padding: 0;}
.border-hv:hover .left{height:100%;bottom:0px; top:inherit;}
.border-hv:hover .top{width:100%;left:0px;}
.border-hv:hover .right{height:100%;top:0px;bottom:inherit;}
.border-hv:hover .bottom{width:100%;right:0px;left:inherit;}
/*gioithieu keyframe*/
.keyframes_img{position: absolute; -webkit-animation-duration: 8s;-webkit-animation-iteration-count: infinite;animation-duration: 8s;animation-iteration-count: infinite;display: block;}
.img1 {box-sizing: border-box;line-height: 0;position: absolute;top: 0;left: 0;-webkit-animation-name:keyright;animation-name:keyright;width: 330px;z-index: 2;border: 10px solid #fff;}
.img2 {box-sizing: border-box;line-height: 0;position: absolute;top: 80px;right: 0;-webkit-animation-name: keyleft;animation-name: keyleft;border: 10px solid #fff;width: 220px;z-index: 1;}

/* Standard syntax */
@keyframes keyleft{
  0%   {right:0;}
  50%  {right:calc(100% - 220px);}
  100% {right:0;}
 
}
/* Standard syntax */
@keyframes keyright {
  0%   {left:0;}
  50%  {left:calc(100% - 330px);}
  100% {left:0;}
}
/*---------------------------------*/
@media (max-width: 1200px){
.margin_auto {width: 100%;}
}
@media (max-width: 1000px)
{
    #datlich{width:90%;}
    #mainmenu{width: 100%;padding: 0 !important;position: relative;}
    #header .header_mm a {display: block;}
    #mainmenu nav.menu_top > ul > li{display: none;padding: 0;}
    #info{padding: 15px;}
    .khung_trai, .khung_phai{width: 100%;}
    .khung_thongtin{width: 100%;margin-top:40px;}
    .frame_images{width: 100%;}
    #header{position:relative;padding-bottom: 10px;}
    .menubar{position: relative;width:100%;height: 50px;}
    #logo,#banner{width: 100%;text-align: center;}
    .header h2{width:100%;text-align:center;padding:5px 0px;}
    .since{display: none;}
    #slider .slider,#slider .slider #amazingslider-wrapper-1{width:100%;}
    #mainmenu nav.menu_top > ul > li.search{display: block;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
    #slider .box-l{display:none;}
    .zalo{display:none;}
    #gioithieu{padding: 40px 10px;width: 100%;}
    div#left{display:none}
    .slick_tieuchi{margin:0;}
    .slick_tintuc{margin:0;margin-top: 15px;}
    .hinhanh{width:100%;padding: 0 50px;padding-top: 20px;}
    #hinhanh{padding:0px 10px;}
    #product{padding:40px 10px;}
    .camnhan{right: 0px;}
    .box-tieuchi{width: 400px;}
    .product_detail{width:100%;}
   
}
@media (max-width: 900px)
{
   .box-gioithieu{display:block;}
  .box-gioithieu > div{width:100%;}
  .box-gioithieu .img{display:table;margin:0px auto}
  .gioithieu-left h3{text-align:center;}
  .box-tieuchi{width: 100%;}
  .product{grid-template-columns:repeat(2,1fr);}
  .product .item img{width:100%;}
  .box_monan{width: 100%;}
  .frship{width:100%;text-align:center;margin-top:40px;}
  .map{width:100%;margin-top:40px;}
  .fanpage{width:100%;text-align: center;}

}

@media (max-width: 785px)
{
    #slider:after{display:none;}
    #footer:before,#footer:after{width:100%;}
    #lienket:before{display:none;}
    #img-khachhang{display:none;}
      .camnhan{background-color: #a55716 !important;padding:0;background: url(images/yk3.png) no-repeat bottom right;min-height:unset;padding: 70px 10px;margin-top: 10px;}
 .box_camnhan{padding: 70px 0 40px 0;}
    .box_camnhan:before{position:absolute;content:'';background:url(images/yk1.png) no-repeat top right;width:265px;height:145px;top:0;z-index:1;right:0;}
    .box_camnhan:after{position:absolute;content:'';background:url(images/yk2.png) no-repeat bottom left;width:55px;height:93px;bottom:0;left: 0;}
    #camnhan{min-height:unset;}
    .slick_camnhan{width: 100%;}
    .camnhan{width:100%;position:relative;}
    .box_service,.box_album{grid-template-columns:repeat(3,1fr);grid-gap:10px;}
}
@media (max-width: 610px)
{
    .item .noidung{padding: 20px 0;text-align: center;width: 100%;background-size: contain;}
    .item .noidung h3 a{font-size: 12px;}
   .item h3{padding:0;}
    .item .noidung .gia{text-align:center;font-size: 12px;margin-top: -5px;}
    .item-btn{bottom: 10px;width: 100%;left: 0;}
    .box_service,.box_album{grid-template-columns:repeat(2,1fr);}
    #gioithieu h2{font-size:30px;}
    .box_chinhanh .list_chinhanh{width:100%;}
    .box_chinhanh .list_map{width:100%;margin-top:40px;}
    .item-btn a{width:22px;height:22px;}
    .banner_icon{padding: 90px 50px;}
    .item-monan{padding:0;}
    .box-lienket .box_monan h2{margin:0;}
    #camnhan:before{display:none;}
    
}
@media (max-width: 550px)
{
  .box_monan .khung{background: none !important;}
  .monan{padding:0 !important;}
  .item-monan{padding:0;}
  .box-lienket .box_monan h2{margin:0;}
  #tintuc:after,.fieldset:before,.fieldset:after,.box-gioithieu:before,.box-gioithieu:after,#camnhan:after,#camnhan:before{display:none;}

}

@media (max-width: 450px){
/*    .box-hinhanh{border:none;padding:0;}
   .box-hinhanh:after{display:none;} */
   .hinhanh{padding: 20px 0 0 0;}
   .title_h2 label{background:none !important;padding: 0 !important;}
     #footer .title_h2 label{font-size:20px;}
     #footer .title_h2 h2{font-size:30px;}
  
/*     .box-footer,.box-footer:after{border:none;}
    .box-footer{padding: 0 10px;}
    .box-gioithieu{border:none;padding:0;}
    .fieldset{border:none;padding: 0;margin: 0;} */
    #gioithieu:after{display:none;}
    .box-gioithieu > div{padding:0;}
    .title_h2 h2{font-size:30px}
    .box-lienket .box_monan h2{font-size:30px;}
    .fieldset{padding:5px;}
    .box-hinhanh{padding: 20px;}
    .box-hinhanh:after,.box-footer:after{top: 5px;left: 5px;bottom: 5px;right: 5px;}
    .box-footer{padding: 20px;}
    
    .item-monan:nth-child(5){bottom: 0;right: 0;}
    .item-monan:nth-child(2){left: 0;top: 0px;}
    .item-monan:nth-child(3){top: 0px;right: 0;}
    .item-monan:nth-child(4){bottom: 0;left: 0;}
   
}
@media (max-width: 350px){
   
     .product_detail .product, .product,.box_service,.box_album{grid-template-columns:repeat(1,1fr);}
    
    
}