body {margin: 0;font-family: "Roboto";font-size: 13px;line-height: 1.5;color: #333;text-align: left;}
header, section.body, footer { width: 100%; margin: auto; position: relative; }
a#noop-top { display: none; position: fixed; width: 40px; height: 40px; background: #fff; font-size: 20px; color: #dbc88e; text-align: center; line-height: 40px; cursor: pointer; border: 1px solid #dbc88e; border-radius: 3px; transition: all .3s; right: 22px; bottom: 25px; z-index: 99999999999; }
a#noop-top:hover { background: #dbc88e; color: #fff; }
.c-12 { width: 1200px; margin: auto; position: relative; }
.padding-inner { padding-top: 15px; padding-bottom: 15px; }
.m-0 { margin: 0; }
.mb { margin-bottom: 15px; }
.bg-inner { background: #f4f4f4; }
h1,h2,h3,h4,h5,h6,p { margin: 0px; font-weight: normal; }
ul, ol { list-style: none;margin: 0px;padding: 0px;list-style-type: none; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
.invi_load { display:none; }
.hidden { display:none; }
* { outline: none; box-sizing: border-box; }
img { max-width: 100%; }
textarea, input[type="text"], input[type="button"], input[type="submit"] {-webkit-appearance: none; }

.title_baiviet {font-family: 'RobotoBold';font-size: 20px;color: #333;margin-bottom: 20px;padding-bottom: 5px;position: relative;}
.title_baiviet:before { position: absolute; content: ''; width: 50px; height: 3px; background: #dbc88e; border-radius: 1px; left: 0; bottom: 0; }
.title_baiviet:after { position: absolute; content: ''; width: calc(100% - 52px); height: 3px; background: #ccc; border-radius: 1px; left: 52px; bottom: 0; }

/*CSS PAGINATION*/
.pagination { display: flex; display: -ms-flexbox; justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; flex-wrap: wrap; -ms-flex-wrap: wrap; margin-top: 20px; }
.pagination li { display: block; margin: 3px; line-height: 35px; }
.pagination li a { display: block; background: #ebebeb; padding: 0 5px; min-width: 35px; text-align: center; color: #000; }
.pagination li a.current, .pagination li a:hover { background: #333; color: #fff; }

/*CSS Pagination*/
.pagination_ajax { display: flex; display: -ms-flexbox; justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; flex-wrap: wrap; -ms-flex-wrap: wrap; margin-top: 20px; }
.pagination_ajax ul { display: flex; display: -ms-flexbox; }
.pagination_ajax ul li { width: 30px; font-family: 'Roboto'; font-size: 16px; color: #333; text-align: center; line-height: 30px; background: #ebebeb; margin: 2px; }
.pagination_ajax ul li:hover, .pagination_ajax ul li.actived { background: #ffb100; color: #fff; cursor: pointer; }

.box { padding: 10px; }
.product-detail-name {font-weight: bold;font-size: 1.4rem;min-height: 2.7rem;color: #333;padding-bottom: 5px;border-bottom: 1px dotted #e8e8e8;}
.product-detail-info li { padding: 8px 0px; }
.product-detail-info li > label {font-family: 'RobotoBold';font-size: 14px;color: #333;text-transform: uppercase;}
.product-detail-info li.old-price div:last-child { font-weight: bold; font-size: 15px; color: #fff; text-decoration: line-through; }
.product-detail-info li.price div:last-child {font-family: 'RobotoBold';font-size: 18px;color: red;}
.content { border: 1px solid #dee2e6; border-top: none; padding: 15px; }
.w-owl-related-products .custom-owl-prev { display: block; width: 30px; height: 40px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('../images/icon/icon_prev.png') no-repeat center; border: none; cursor: pointer; z-index: 9999; }
.w-owl-related-products .custom-owl-next { display: block; width: 30px; height: 40px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url('../images/icon/icon_next.png') no-repeat center; border: none; cursor: pointer; z-index: 9999; }
.title-product-detail {font-family: 'RobotoBold';font-size: 20px;color: #333;text-transform: uppercase;border-bottom: 1px solid #ccc;margin-bottom: 15px;}
.w-owl-related-products { position: relative; }

.i-post { background: #fff; border: 1px solid #dadada; margin: 0; margin-bottom: 15px; }
.i-post .w-img { padding: 0; }
.i-post .w-img img { width: 100%; height: 100%; }
.info-post { padding: 10px; }
.info-post h3 a { display: block; font-family: 'Roboto'; font-size: 20px; color: #282828; line-height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.info-post h3 a:hover { color: #dbc88e; }
.date-post { font-family: 'Roboto'; font-size: 14px; font-style: italic; color: #828282; line-height: 30px; }
.date-post span.ngaytao { display: inline-block; margin-right: 5%; padding-left: 20px; background: url('../images/icon/clock.png') no-repeat left 4px; }
.date-post span.luotxem { display: inline-block; margin-right: 5%; padding-left: 20px; background: url('../images/icon/view.png') no-repeat left center; padding-left: 25px; }
.info-post .des-post { font-size: 14px; color: #4e4e4e; line-height: 22px; text-align: justify; max-height: 66px; overflow: hidden; }
.detail-post { overflow: hidden; display: block; width: 110px; float: right; padding: 7px 15px; font-family: 'Roboto'; font-size: 15px; font-weight: 600; color: #fff; text-align: center; background: #dbc88e; margin-top: 15px; border: 1px solid #fff; position: relative; z-index: 1; }
.detail-post:before { top: 0; padding-top: 7px; }
.detail-post:before, .detail-post:after { content: attr(data-text); position: absolute; width: 100%; height: 50%; left: 0; background: #222; color: #fff; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.detail-post:after { bottom: 0; line-height: 0; }
.detail-post span { display: block; -webkit-transform: scale3d(0.2, 0.2, 1); transform: scale3d(0.2, 0.2, 1); opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); vertical-align: middle; color: #fff; font-weight: 600; }
.detail-post:hover::before { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
.detail-post:hover > span { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.detail-post:hover::after { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

.post-related ul li a { display: block; margin: 5px 0; padding-left: 15px; font-size: 15px; color: #fff; line-height: 23px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; }
.post-related ul li a:before { position: absolute; content: ''; width: 7px; height: 7px; background: #666; border-radius: 50%; left: 0; top: 7px; }
.post-related ul li a:hover { color: #dbc88e; }
.post-related ul li a:hover:before { background: #dbc88e; }

.gallery-items { position: relative; }
.gallery-items h6 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; opacity: 0; transition: all .3s; }
.gallery-items h6 .gallery-items__name { display: block; width: 100%; text-align: center; font-family: 'OpenSansBold'; font-size: 20px; color: #fff; text-transform: uppercase; transition: all .3s; opacity: 0; }
.gallery-items:hover h6 { opacity: 1; }
.gallery-items:hover .gallery-items__name { opacity: 1; -webkit-animation: fadeInLeft .5s; animation: fadeInLeft .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.title-contact { font-weight: bold; font-size: 20px; color: #fff; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 15px; position: relative; }
.title-contact:after { position: absolute; content: ''; width: 50px; height: 2px; background: #dbc88e; left: 0px; bottom: 0px; }
#frmContact input { display: block; width: 100%; height: 40px; border: none; border-bottom: 1px solid #ced4da; background: transparent; position: relative; z-index: 5; }
#frmContact textarea { display: block; width: 100%; height: 100px; border: none; border-bottom: 1px solid #ced4da; background: transparent; position: relative; z-index: 5; resize: none; padding: 10px 0; font-size: 13px; font-family: 'Roboto'; }
#frmContact input::placeholder, #frmContact textarea::placeholder { color: #fff; }
#frmContact input:focus, #frmContact textarea:focus { box-shadow: 0 2px #dbc88e; border-bottom: 1px solid #dbc88e; }
#frmContact input:focus::placeholder, #frmContact textarea:focus::placeholder { color: #dbc88e; }
#frmContact button[type="submit"] { display: inline-block; width: 120px; height: 40px; font-family: 'Roboto'; font-size: 14px; color: #fff; text-align: center; text-transform: uppercase; background: #dbc88e; border: none; cursor: pointer; }
#frmContact button[type="reset"] { display: inline-block; width: 120px; height: 40px; font-family: 'Roboto'; font-size: 14px; color: #fff; text-align: center; text-transform: uppercase; background: #5a5a5a; border: none; cursor: pointer; }
.g-recaptcha { margin: 10px 0; }
#w-map-contact { width: 100%; height: 500px; }
#w-map-contact iframe { width: 100%; height: 100%; border: none; }

/*CSS ANIMATION*/
.zoom-hinh{ overflow:hidden;}
.zoom-hinh > img{transition:all 1s ease 0s;}
.zoom-hinh:hover > img{transform:scale(1.1);}
.xoay_hinh{overflow:hidden;display:inline-block;}
.xoay_hinh img{transition:all 1s ease 0s;display:inline-block;}
.xoay_hinh:hover img{transform:rotate(360deg);}
.e_border { position: relative; }
.e_border:before { position: absolute; content: ''; top: 30px; right: 15px; bottom: 30px; left: 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0,1); transform-origin: 0 0; transition: opacity 0.35s, transform 0.35s; }
.e_border:after { position: absolute; content: ''; top: 15px; right: 30px; bottom: 15px; left: 30px; border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1,0); transform-origin: 100% 0; transition: opacity 0.35s, transform 0.35s; }
.e_border:hover:before { opacity: 1; transform: scale(1); }
.e_border:hover:after { opacity: 1; transform: scale(1); transition-delay: 0.15s; }
.img-effect1 { overflow: hidden; background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%); background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%); position: relative; }
.img-effect1 img {opacity: 0.9; }
.img-effect1::after,
.img-effect1 img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.img-effect1::after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; content: ''; opacity: 0; -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1); transform: rotate3d(0,0,1,45deg) scale3d(1,0,1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.img-effect1:hover img {opacity: 0.7; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); }
.img-effect1:hover::after {opacity: 1; -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1); transform: rotate3d(0,0,1,45deg) scale3d(1,1,1); }
.img-effect2 { overflow: hidden; background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%); background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%); }
.img-effect2 img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; opacity: 0.9; }
.img-effect2:hover img {opacity: 0.7; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); }
.img-effect3 { overflow: hidden; }
.img-effect3 img { transition: all .3s; }
.img-effect3:hover img { transform: scale(1.1) rotate(2deg); }
@-moz-keyframes shake-anim { 0%{transform:rotate(0) scale(1) skew(1deg) } 10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg) } 20%{-moz-transform:rotate(25deg) scale(1) skew(1deg) } 30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg) } 40%{-moz-transform:rotate(25deg) scale(1) skew(1deg) } 50%{-moz-transform:rotate(0) scale(1) skew(1deg) } 100%{-moz-transform:rotate(0) scale(1) skew(1deg) } }
@-webkit-keyframes shake-anim { 0%{-webkit-transform:rotate(0) scale(1) skew(1deg) } 10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg) } 20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg) } 30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg) } 40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg) } 50%{-webkit-transform:rotate(0) scale(1) skew(1deg) } 100%{-webkit-transform:rotate(0) scale(1) skew(1deg) } }
@-o-keyframes shake-anim { 0%{-o-transform:rotate(0) scale(1) skew(1deg) } 10%{-o-transform:rotate(-25deg) scale(1) skew(1deg) } 20%{-o-transform:rotate(25deg) scale(1) skew(1deg) } 30%{-o-transform:rotate(-25deg) scale(1) skew(1deg) } 40%{-o-transform:rotate(25deg) scale(1) skew(1deg) } 50%{-o-transform:rotate(0) scale(1) skew(1deg) } 100%{-o-transform:rotate(0) scale(1) skew(1deg) } }
.shake-anim {-webkit-animation:shake-anim 1s infinite ease-in-out; -moz-animation:shake-anim 1s infinite ease-in-out; -ms-animation:shake-anim 1s infinite ease-in-out; -o-animation:shake-anim 1s infinite ease-in-out; animation:shake-anim 1s infinite ease-in-out; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50% }

.btn-zalo { height:60px; width:60px; position:fixed; right: 15px; bottom: 150px; text-align:center; border-radius:100px; z-index:999999999; }
.pinkBg { background-color: #ed184f; background-image: linear-gradient(90deg, #fd5581, #fd8b55); }
.btn-zalo img { display: block; }
.btn-zalo .ripple{ position:absolute; width:100px; height:100px; z-index:-1; left:50%; top:50%; opacity:0; margin:-50px 0 0 -50px; border-radius:100px; -webkit-animation:ripple 1.8s infinite; animation:ripple 1.8s infinite }
.btn-zalo .ripple:nth-child(2){ animation-delay:.3s; -webkit-animation-delay:.3s }
.btn-zalo .ripple:nth-child(3){ animation-delay:.6s; -webkit-animation-delay:.6s }
@-webkit-keyframes ripple{ 0%{opacity:1; -webkit-transform:scale(0); transform:scale(0) } 100%{opacity:0; -webkit-transform:scale(1); transform:scale(1) } }
@keyframes ripple{ 0%{opacity:1; -webkit-transform:scale(0); transform:scale(0) } 100%{opacity:0; -webkit-transform:scale(1); transform:scale(1) } }