@charset "UTF-8"; @font-face { font-family: 'UTMAvoBold'; src: url('../fonts/UTMAvoBold.woff2') format('woff2'),url('../fonts/UTMAvoBold.woff') format('woff'); font-weight: bold; font-style: normal; } 
@font-face { font-family: 'RobotoBold'; src: url('../fonts/Roboto-Bold.woff2') format('woff2'),url('../fonts/Roboto-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } 
@font-face { font-family: 'RobotoRegular'; src: url('../fonts/Roboto-Regular.woff2') format('woff2'),url('../fonts/Roboto-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'RobotoMedium'; src: url('../fonts/Roboto-Medium.woff2') format('woff2'),url('../fonts/Roboto-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } 
@font-face { font-family: 'SFUTradeGothic'; src: url('../fonts/SFUTradeGothicBoldCondTwenty.woff2') format('woff2'),url('../fonts/SFUTradeGothicBoldCondTwenty.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 


html { -webkit-text-size-adjust:100% } 
h1,h2,h3,h4,h5,h6 { font-weight:normal; line-height:inherit } 
* { box-sizing:border-box } 
img { max-width:100% } 
:root { --color-red:#ec2d3f; --color-medium-red:#cc2c32; --color-dark-red:#c31829; --color-green:#28a745; --color-dark-green:#207d36; --color-black:#212529; --color-gray:#6c757d; --z-index-hover:1000; --z-index-menu:999; --z-index:99 } 
body { margin:0; font-family:'RobotoRegular'; line-height:1.5; font-size:15px; background-color:#fff; color:#2d2d2d } 
.container { position:relative; margin:0 auto; background: #f4f8fa; } 
.inherit { max-width:1300px; margin:0 auto } 
.breadCrumbs { background-color:#e9ecef; margin-bottom:30px } 
.breadcrumb { margin-bottom:0; padding:10px; display:block } 
.breadcrumb-item { display:inline } 
.alert-warning-w { margin-top:30px } 
.slick-slider *,.slick-slide,input,textarea,select,button { outline:none } 
.flipster { overflow:hidden!important } 
.ckeditor { overflow-x:auto } 
.ckeditor:after { content:''; clear:both; display:block } 
.ckeditor :not(iframe) { max-width:100%!important; height:auto!important } 
.ckeditor iframe { max-width:100%!important } 
.clear:after { content:''; clear:both; display:block } 
.fb_iframe_widget_fluid_desktop iframe { width:100%!important } 
.spinner { display:block; margin:0 auto; max-height:100px } 
.hidden-seoh,.hidden { display:none } 
@-webkit-keyframes slide-right { 
 0% { -webkit-transform:translateX(-100px); transform:translateX(-100px) } 
100% { -webkit-transform:translateX(0px); transform:translateX(0px) } 
 }
@keyframes slide-right { 
 0% { -webkit-transform:translateX(-100px); transform:translateX(-100px) } 
100% { -webkit-transform:translateX(0px); transform:translateX(0px) } 
 }
 .slider-left { width: 280px; margin-right: 10px; margin-top: 10px; } 
 .slider-right { width: calc(100% - 280px - 10px); margin-top: 10px; } 
.slide-right { -webkit-animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both; animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both } 
.h-a:hover { color:#ff6600!important } 
.h-a-line:hover { text-decoration:underline!important } 
.img-scale:hover .img-scale-e { -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1) } 
.hvr-float { vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out } 
.hvr-float:active,.hvr-float:focus,.hvr-float:hover { -webkit-transform:translateY(-8px); transform:translateY(-8px) } 
.hvr-sink { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out } 
.centery,.centery-after:after,.centery-before:before { -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%) } 
.centerx,.centerx-after:after,.centerx-before:before { -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); transform:translateX(-50%) } 
.centerxy,.centerxy-after:after,.centerxy-before:before { -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } 
.table-resp { overflow:auto } 
.table-resp table { min-width:555px } 
.grecaptcha-badge { display:none!important } 
a { text-decoration:none!important; color:inherit } 
.wow { visibility:hidden } 
.fotorama__wrap { margin:15px auto 0 } 
input[type="date"]::-webkit-inner-spin-button { display:none } 
.singletext { overflow:hidden; text-overflow:ellipsis; white-space:nowrap } 
.doubletext { display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis } 
#gallery { margin:0 auto } 
.mess-update { text-align:center } 
.flex-space-between { display:flex; justify-content:space-between; flex-wrap:wrap } 
.flex-space-between-1 { display:flex; justify-content:space-between } 
.flex-space-left { display:flex; justify-content:flex-start; flex-wrap:wrap } 
.flex-space-right { display:flex; justify-content:flex-end; flex-wrap:wrap } 
.flex-space-center { display:flex; justify-content:center; flex-wrap:wrap } 



@-webkit-keyframes slideInDown1 { 
 0% { -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0); visibility:visible } 
 100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 
 }
 @keyframes slideInDown1 { 
 0% { -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0); visibility:visible } 
 100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 
 }
.slideInDown1 { -webkit-animation-name:slideInDown1; animation-name:slideInDown1 } 
.op11 { opacity: 1 !important; } 
.fixed { position:fixed !important; left:0; right:0; top:0; z-index:999; animation: slideInDown1 1s 0s; } 
.ease-in { -webkit-transition:all 500ms ease-in; -moz-transition:all 500ms ease-in; -ms-transition:all 500ms ease-in; -o-transition:all 500ms ease-in; transition:all 500ms ease-in } 
.ease-in-200 { -webkit-transition:all 200ms ease-in; -moz-transition:all 200ms ease-in; -ms-transition:all 200ms ease-in; -o-transition:all 200ms ease-in; transition:all 200ms ease-in } 
.ease-in-400 { -webkit-transition:all 400ms ease-in; -moz-transition:all 400ms ease-in; -ms-transition:all 400ms ease-in; -o-transition:all 400ms ease-in; transition:all 400ms ease-in } 
.linear-400 { transition:all .4s linear; -webkit-transition:all .4s linear; -moz-transition:all .4s linear; -o-transition:all .4s linear; -webkit-transition:all .4s linear; -ms-transition:all .4s linear } 
.logo { position:relative } 
.logo img { display:block } 
.scrollToTop { position:fixed; z-index:var(--z-index); bottom:90px; right:18px; width:48px; height:48px; background:url(../images/top.png); cursor:pointer } 
.search { position: relative; } 
.btnsearch { display:block; cursor:pointer; text-align:center; width:35px; height:35px; line-height:33px; border:1px solid #ddd; color:#ddd !important; font-size:20px; border-radius:5px; } 
.btnsearch:hover { background-color:#1991c3; border-color:#1991c3; } 
.fsearch-but { display:none; position:absolute; z-index:var(--z-index-hover); margin-top:15px; top:100%; right:0; width:330px; background-color:#fff; padding:30px; border-radius:12px; box-shadow:0 0 5px #333 } 
.fsearch-but form { border-radius:50px; border:1px solid #e6e6e6 } 
.fsearch-but input[type="search"] { border:none; box-sizing:border-box; font-size:14px; font-family:var(--font-regular); height:50px; float:left; background-color:transparent; padding:0 5px 0 15px; width:calc(100% - 49px); width:-moz-calc(100% - 49px); width:-webkit-calc(100% - 49px) } 
.fsearch-but button { border:none; border-radius:50%; margin-right:4px; width:45px; height:45px; background:#1991c3; color:#fff; font-size:18px } 
.fsearch-but.active { display:block; animation:fadeInUp 1s } 
.fsearch-show { position:relative; padding-left:40px; width:540px; height:40px; background-color:#fff; box-shadow:0 0 2px #0003; overflow:hidden; border-radius: 5px; } 
.fsearch-show input[type="search"],.fsearch-show button { border:none; height:100%; background:none } 
.fsearch-show input[type="search"] { padding-right:15px; width:calc(100% - 100px); width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px) } 
.fsearch-show button { width:100px; padding:0; text-align:center; color:#fff; background-color: #1da1f2; font-family:'RobotoRegular'; text-transform:capitalize; font-size: 13px; } 
.fsearch-show:before { content:''; width:40px; position:absolute; top:0; bottom:0; left:0; background:url(../images/search.png) no-repeat center } 
.fsearch-show:focus-within { outline:1px solid #1991c3 } 
.chansearch::-webkit-input-placeholder { color:#7d7d7d } 
.chansearch:-moz-placeholder { color:#7d7d7d } 
.chansearch::-moz-placeholder { color:#7d7d7d } 
.chansearch:-ms-input-placehold { color:#7d7d7d } 
.chanmail::-webkit-input-placeholder { color:#333 } 
.chanmail:-moz-placeholder { color:#333 } 
.chanmail::-moz-placeholder { color:#333 } 
.chanmail:-ms-input-placehold { color:#333 } 
.padding50 { padding: 50px 0px; } 
.menu_ul { list-style: none; margin-bottom: 0; } 
.menu_ul li.line { background: url('../images/line-menu.png') no-repeat; width: 1px; height: 18px; } 
.menu-left { width: 280px; margin-right: 30px; } 
.menu { text-align:center; width: calc(100% - 310px); } 
.menu ul { list-style:none; margin:0; padding:0 } 
.menu ul ul { background-color:#f6f6f6; display:none; position:absolute; width:100%; min-width:220px; height:auto; top:100%; z-index:var(--z-index-hover); text-align:left; box-shadow:3px 3px 3px #0000004d; -moz-box-shadow:3px 3px 3px #0000004d; -o-box-shadow:3px 3px 3px #0000004d; -webkit-box-shadow:3px 3px 3px #0000004d; -ms-box-shadow:3px 3px 3px #0000004d } 
.menu .ul-menu-left,.menu .ul-menu-right { left:0 } 
.menu .ul-menu-right > ul { right:0 } 
.menu .ul-menu-right ul ul { right:100% } 
.menu .ul-menu-left ul ul { left:100% } 
.menu ul ul ul { top:0 } 
.menu ul > li { display:inline-block; position:relative } 
.menu > ul > li { vertical-align:middle } 
.menu > ul > li > a { text-transform: uppercase; font-family: var(--font-bold); } 
.menu li.active > a,.menu li:hover > a:not(.btnsearch) { color: #ffffff !important; opacity: .9;background: #0e71ae; } 
.menu li a { display:block } 
.menu > ul > li > a:not(.btnsearch) { position:relative; padding:8px 30px; text-transform:uppercase; font-family: 'RobotoRegular'; font-size: 16px; color: #ffffff; } 
.menu ul ul a { padding:10px } 
.menu ul > li:hover > ul { display:block } 
.menu ul ul li { display:block; position:relative } 
.menu ul ul li:not(:last-child) { border-bottom:1px solid #00000014 } 
.menu ul ul > li:hover { background-color:#00000014 } 
.menu > ul > li > ul { opacity:0 } 
.menu ul li:hover > ul { -webkit-animation:scale-in-ver-top .5s cubic-bezier(0.165,0.840,0.440,1.000) both; animation:scale-in-ver-top .5s cubic-bezier(0.165,0.840,0.440,1.000) both } 
@-webkit-keyframes scale-in-ver-top { 
 0% { -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:100% 0; transform-origin:100% 0; opacity:1 } 
100% { -webkit-transform:scaleY(1); transform:scaleY(1); -webkit-transform-origin:100% 0; transform-origin:100% 0; opacity:1 } 
 }
@keyframes scale-in-ver-top { 
 0% { -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:100% 0; transform-origin:100% 0; opacity:1 } 
100% { -webkit-transform:scaleY(1); transform:scaleY(1); -webkit-transform-origin:100% 0; transform-origin:100% 0; opacity:1 } 
 }
.main:after { content:''; display:block; clear:both } 
.main-left { width:290px; float:left; position:sticky; top:65px } 
.main-right { box-sizing:border-box; padding-left:30px; width:calc(100%); width:-moz-calc(100%); width:-webkit-calc(100%); float:right } 
.main-item { position:relative; border:1px solid #1991c3 } 
.main-item:not(:last-child) { margin-bottom: 30px } 
.main-item-content { padding: 15px; } 
.main-title { padding:7px; margin-bottom:5px; font-family:var(--font-bold); font-size:20px; text-transform:uppercase; text-align:center; color:#fff; background-color:#1991c3 } 
.contact { margin-top:15px } 
.contact .col { box-sizing:border-box; width:49%; margin-top:25px } 
.contact .col.col-1 { background-color:#fff; box-shadow:0 0 5px #00000042; padding:20px } 
.contact .col.col-2 h3 { margin:0 0 25px; font-family:var(--font-bold); font-size:35px; text-transform:uppercase } 
.contact .col.col-2 .td { box-sizing:border-box; float:left; margin-bottom:15px } 
.contact .col.col-2 .td1 { margin-right:15px; width:calc(((100% + 15px) / 2 - 15px)); width:-moz-calc(((100% + 15px) / 2 - 15px)); width:-o-calc(((100% + 15px) / 2 - 15px)); width:-webkit-calc(((100% + 15px) / 2 - 15px)); width:-ms-calc(((100% + 15px) / 2 - 15px)) } 
.contact .col.col-2 .td1:nth-child(2n) { margin-right:0 } 
.contact .col.col-2 .td2 { width:100% } 
.contact .col.col-2 label { display:block; font-family:var(--font-bold); margin-bottom:12px } 
.contact .col.col-2 textarea,.contact .col.col-2 .txtcontact,.contact .col.col-2 select { box-sizing:border-box; width:100%; border:1px solid #e4e4e4; padding:0 15px; font-family:var(--font-regular); border-radius:5px } 
.contact .col.col-2 .txtcontact,.contact .col.col-2 select { height:50px } 
.contact .col.col-2 textarea { padding:15px; height:150px } 
.contact .col.col-2 button,.contact .col.col-2 input[type="submit"] { float:left; border:3px solid #ededed; padding:15px 25px; margin-right:15px; background-color:#ecc800; font-family:var(--font-bold); font-size:18px; text-transform:uppercase; border-radius:50px; cursor:pointer } 
.contact .col.col-2 button:hover,.contact .col.col-2 input[type="submit"]:hover { background-color:#000; color:#ecc800 } 
.pro-detail-left { width:50%; float:left; text-align:center } 
.pro-detail-right { list-style:none; margin:0; padding:0; box-sizing:border-box; padding-left:30px; width:50%; float:left } 
.gallery-thumb-pro { margin:15px 20px 0 15px } 
.owl-thumb-pro a { display:block; border:1px solid #ccc; border-radius:5px; padding:5px } 
.owl-thumb-pro img { display:block; margin:auto; border-radius:5px } 
.owl-thumb-pro .owl-prev,.owl-thumb-pro .owl-next { position:absolute; border:none; background-color:transparent!important; color:#333!important; top:0; bottom:0; font-size:25px!important } 
.owl-thumb-pro .owl-next { left:100% } 
.owl-thumb-pro .owl-prev { right:100% } 
.pro-detail-right li { margin-bottom:15px } 
.pro-detail-right li:last-child { margin-bottom:0 } 
.pro-detail-right label { font-family:var(--font-bold); margin-right:5px } 
.pro-detail-right a.check-cart { position:relative; cursor:pointer; text-align:center; display:inline-block; min-width:100px; padding:8px; margin:2px 4px 2px 0; text-transform:uppercase; background-color:#f5f5f5; border:1px solid transparent } 
.pro-detail-right a.check-cart.fix-bx { min-width:40px; height:40px } 
.pro-detail-right a.check-cart i { display:none; position:absolute; font-size:11px; padding:7px 2px 0 7px; right:-1px; bottom:0; clip-path:polygon(100% 0,100% 0,100% 100%,0% 100%); background-color:#fab0b8; color:#fff } 
.pro-detail-right a.check-cart.active { border-color:#fab0b8 } 
.pro-detail-right a.check-cart.active i { display:block } 
.title-pro-detail { font-family:var(--font-bold); font-size:20px; display:block } 
.price-new-pro-detail { font-family:var(--font-bold); font-size:25px; color:var(--color-red) } 
.price-old-pro-detail { margin-left:15px; font-size:18px; color:var(--color-gray); text-decoration:line-through } 
/*.cart-pro-detail { margin-bottom:1rem; display:flex; align-items:stretch; justify-content:flex-start } 
.cart-pro-detail a { width:auto; text-align:center; color:#fff; padding:8px 15px; text-transform:uppercase; border-radius:3px; cursor:pointer; } 
.cart-pro-detail a.addnow { margin-right:10px; background:#fd6e1d; background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000)); background:-webkit-linear-gradient(top,#f59000,#fd6e1d); background:-moz-linear-gradient(top,#f59000,#fd6e1d); background:-ms-linear-gradient(top,#f59000,#fd6e1d); background:-o-linear-gradient(top,#f59000,#fd6e1d) } 
.cart-pro-detail a.buynow { background-color:var(--color-green) } 
.cart-pro-detail a.buynow:hover { background-color:var(--color-dark-green) } 
.cart-pro-detail a i { vertical-align:top; margin-top:3px; margin-right:8px } */
.addnowdetail { display: block; padding: 10px; background-color: #ff3535; color: #fff !important; text-align: center; border-radius:5px; box-shadow: 0 -3px 0 0 #a72a2a inset; cursor:pointer; } 
.addnowdetail p { font-family: 'UTMAvoBold'; font-size: 20px; text-transform: uppercase; margin: 0px; } 
.addnowdetail:hover { background: -webkit-linear-gradient(top,#ff3131,#e75252); } 
.tabs-pro-detail { margin:35px 0 } 
.tabs-pro-detail .ul-tabs-pro-detail { padding:0; list-style:none; margin-bottom:15px; border-bottom:1px solid #e7e7e7 } 
.tabs-pro-detail .ul-tabs-pro-detail li { cursor:pointer; float:left; margin-right:5px; margin-bottom:5px; background:#eee; padding:5px 10px } 
.tabs-pro-detail .ul-tabs-pro-detail li.active { background:#333; color:#fafafa } 
.tabs-pro-detail .ul-tabs-pro-detail li:last-child { margin-right:0 } 
.tabs-pro-detail .content-tabs-pro-detail { display:none } 
.tabs-pro-detail .content-tabs-pro-detail.active { display:block } 
.quantity-pro { display:inline-block } 
.quantity-pro-detail { width:100%; max-width:110px; line-height:normal; display:flex; align-items:center; justify-content:space-between; text-align:center } 
.quantity-pro-detail span { line-height:25px; padding:0; width:30px; height:30px; color:#5f5f5f; cursor:pointer; font-size:22px; border:1px solid #ccc } 
.quantity-pro-detail span.quantity-plus-pro-detail { border-left:0 } 
.quantity-pro-detail span.quantity-minus-pro-detail { border-right:0 } 
.quantity-pro-detail input { height:30px; border:1px solid #ccc; width:calc(100% - 60px); text-align:center; font-size:14px; padding:5px } 
.quantity-pro-detail input::-webkit-outer-spin-button,.quantity-pro-detail input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0 } 
.quantity-pro-detail input[type=number] { -moz-appearance:textfield } 
.addthis_inline_share_toolbox_qj48,.zalo-share-button { display:inline-block; vertical-align:middle } 
.zalo-share-button { margin-bottom:5px } 
.title-in { font-family:var(--font-bold); font-size:27px } 
.time-in { margin-top:5px; color:#999 } 
.time-in i { vertical-align:top; margin:3px 7px 0 0 } 
.time-in span { vertical-align:top; display:inline-block } 
.content-in { margin:15px 0 } 
.post-more { list-style:none; padding:0; margin:0 } 
.post-more i { font-size:5px; margin-right:5px; vertical-align:middle } 
.post-more li { margin-bottom:5px } 
.flienquan { margin-top:30px } 
.title-lienquan { text-transform:uppercase; font-size:17px; font-family:var(--font-bold); color:#3e3e3e; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px } 
.alert-warning-w { color:#0c5460; background-color:#d1ecf1; border-color:#bee5eb; text-align:center; padding:15px 25px; border-radius:5px } 
.pagination-ajax,.pagination1 { list-style:none; margin:0; padding:0; text-align:center; color:#444 } 
.pagination-ajax li,.pagination1 li { display:inline-block } 
.pagination-ajax a,.pagination1 a { cursor:pointer; display:inline-block; margin:2px 4px 2px 0; border:2px solid #000; line-height:31px; width:35px; height:35px; border-radius:50%; -webkit-transition:all 200ms ease-in; -moz-transition:all 200ms ease-in; -ms-transition:all 200ms ease-in; -o-transition:all 200ms ease-in; transition:all 200ms ease-in } 
.pagination-ajax .current,.pagination-ajax a:hover,.pagination1 a:hover,.pagination1 .active a { border-color: #1991c3; background-color: #1991c3; color: #fff; text-decoration:underline!important } 
.pagination-ajax { margin-top:15px } 
#popup .fancybox-close-small { border-radius:50%; right:-17px; top:-17px } 
#popup { padding:0!important; display:none } 
#popup img { display:block } 
#btnpopup { position:fixed; z-index:var(--z-index); bottom:25%; left:0; cursor:pointer; color:#fff; text-align:center } 
#btnpopup i { position:relative; z-index:1; width:50px; height:50px; background-color:#eaa500; font-size:33px; line-height:50px; border-bottom-right-radius:5px; border-top-right-radius:5px } 
#btnpopup span { position:absolute; display:none; border-bottom-right-radius:5px; border-top-right-radius:5px; padding:0 20px 0 0; top:0; bottom:0; left:100%; white-space:nowrap; background-color:#eaa500; font-family:'UTMAlexander'; font-size:18px; line-height:50px } 
#btnpopup:hover span { display:block; -webkit-animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both; animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both } 
#btnpopup:hover i { border-bottom-right-radius:0; border-top-right-radius:0 } 
.plogo { display:block; margin:5px auto } 
#fpopup { max-width:400px; width:100%; box-sizing:border-box; padding:0 0 30px; border-radius:5px } 
#fpopup .title { background-color:#caa966; color:#fff; text-transform:uppercase; text-align:center; text-transform:uppercase; font-family:'Roboto-Bold'; font-size:25px; padding:6px 20px } 
#fpopup { padding:20px } 
#fpopup select,#fpopup .txtnhanmail { border:none; display:block; width:100%; height:40px; background-color:#e7e7e7; margin-bottom:10px; padding:0 15px; font-size:16px } 
#fpopup input[type="submit"] { font-size:16px; margin-top:25px; display:block; width:100%; height:48px; text-transform:uppercase; color:#fff; background:linear-gradient(200deg,rgba(227,196,127,1) 0%,rgba(147,109,48,1) 100%); border:none; cursor:pointer } 
.btn-more-product span{display:none;}
.btn-more-product span.active{display:inline-block;}
.detail_product ul{list-style: none;padding-left: 0;}
.detail_child{display: none;}
.btn-more-product span{text-decoration: underline;cursor: pointer;}
ul.danhmucleft,ul.danhmucleft ul { box-sizing:border-box; list-style:none; margin:0; padding:0 } 
ul.danhmucleft ul { display:none } 
ul.danhmucleft { padding:0 15px; border-radius:5px; background-color:#fff; color:#222 } 
ul.danhmucleft li { position:relative } 
ul.danhmucleft li a { display:block } 
ul.danhmucleft > li > a { padding:7px 20px 7px 25px; background:url(../images/list-type.png) no-repeat left center } 
ul.danhmucleft ul > li > a { padding:7px 0 7px 30px; background:url(../images/list-type-1.png) no-repeat left 15px center } 
ul.danhmucleft ul ul > li > a { padding:7px 0 7px 45px; background:url(../images/list-type-1.png) no-repeat left 30px center } 
ul.danhmucleft li.no-border > a,ul.danhmucleft > li:last-child li:last-child > a { border-bottom:none!important } 
ul.danhmucleft i { position:absolute; top:11px; right:0; cursor:pointer; color:#1991c3 } 
.bgtinvi .col { box-sizing:border-box } 
.bgtinvi .col-1 { width:64%; float:left } 
.bgtinvi .col-2 { width:33%; float:right } 
.ftintuc { width:47%; float:left } 
.ftintuc .thumb { display:block; position:relative; overflow:hidden } 
.ftintuc .tieude { -webkit-line-clamp:2; font-family:'Roboto-Bold'; font-size:15px; margin-top:15px; text-transform:uppercase } 
.ftintuc .desc { -webkit-line-clamp:2; line-height:2; margin:5px 0 25px } 
.ftintuc .lk { display:inline-block; font-family:'Roboto-Bold'; text-transform:uppercase; font-size:13px; padding:15px; border:2px solid #333 } 
ul.tintuc { padding:0; margin:0; list-style:none } 
ul.tintuc li.bt { float:left; margin:15px 30px 15px 0; width:calc((100% + 30px) / 2 - 30px); width:-moz-calc((100% + 30px) / 2 - 30px); width:-webkit-calc((100% + 30px) / 2 - 30px) } 
ul.tintuc li.bt:nth-child(2n) { margin-right:0 } 
ul.tintuc li.bt:nth-child(2n+1) { clear:both } 
ul.tintuc .thumb { float:left; width:39%; overflow:hidden } 
ul.tintuc .thumb img { display:block; width:100% } 
ul.tintuc .content { float:right; width:61%; padding-left:20px } 
ul.tintuc .tieude { -webkit-line-clamp:2; font-family:'Roboto-Bold'; text-align:left } 
ul.tintuc .desc { -webkit-line-clamp:3; margin-top:5px; line-height:2 } 
ul.tintuc.def { float:right; width:50% } 
ul.tintuc.def li { margin-bottom:17px } 
ul.tintuc.def .tieude { -webkit-line-clamp:1 } 
ul.tintuc.def .desc { -webkit-line-clamp:3; font-size:13px } 
.tintuc .vert,.tintuc .vert .simply-scroll-clip { margin:0; height:370px } 
.subvideo .vert,.subvideo .vert .simply-scroll-clip { height:310px } 
.video-main { float:left; width:calc(100% - 162px); width:-moz-calc(100% - 162px); width:-webkit-calc(100% - 162px); height:310px } 
.video-main iframe { display:block; width:100%; height:100% } 
.subvideo { float:right; width:162px; padding-left:10px } 
.subvideo img { display:block } 
.asubvideo { cursor:pointer; position:relative; margin-bottom:10px } 
.asubvideo:after { content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background:url(../images/icon-youtube.png) no-repeat center } 
.box-pro:after { display:block; clear:both; content:'' } 
.box-pro .box { position:relative; text-align:center; background-color:#f6f6f6; font-size:14px } 
.box-pro .box.index { margin:15px 20px 15px 0; width:calc((100% + 20px) / 5 - 20px); width:-moz-calc((100% + 20px) / 5 - 20px); width:-webkit-calc((100% + 20px) / 5 - 20px) } 
.box-pro .box.index:nth-child(5n) { margin-right:0 } 
.box-pro .box.bt { margin:15px 20px 15px 0; width:calc((100% + 20px) / 4 - 20px); width:-moz-calc((100% + 20px) / 4 - 20px); width:-webkit-calc((100% + 20px) / 4 - 20px) } 
.box-pro .box.bt:nth-child(4n) { margin-right:0 } 
.box-pro .thumb { position:relative; overflow:hidden; display:block } 
.box-pro label { position:absolute; top:10px; left:10px; width:35px; height:35px; background-color:#1991c3; color:#fff; border-radius:50%; font-family:var(--font-bold); font-size:12px; line-height:33px } 
.box-pro .tieude { -webkit-line-clamp:2; color:#201f1f;font-size: 16px; } 
.box-pro .content { padding:10px 20px } 
.box-pro .giaban,.box-pro .giacu { display:inline-block; } 
.box-pro .giaban { font-family:var(--font-bold); color:#e56568; font-size:18px; } 
.box-pro .giacu { color:#7e7a7a; margin-right:2px; text-decoration:line-through; font-size:13px; } 
.box-pro .b-a-cart { cursor:pointer; position:absolute; left:10px; bottom:-30px; line-height:12px; width:22px; height:22px; border:2px solid #e56568; color:#e56568 } 
.box-pro .b-a-cart:after { content:''; box-sizing:border-box; position:absolute; bottom:100%; left:0; right:0; margin:auto; width:65%; height:8px; border:2px solid #e56568; border-bottom:none; border-top-left-radius:50px; border-top-right-radius:50px } 
.box-pro .box:hover .b-a-cart { bottom:10px } 
.box-pro .b-a-cart:hover { background-color:#e56568; color:#fff } 
.box-pro .b-a-cart:hover:after { height:10px } 
.box-pro .seenow { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 7px; background-color: #e56568bd; color:#fff; -moz-transform: translate(0px, 100%); -webkit-transform: translate(0px, 100%); -o-transform: translate(0px, 100%); -ms-transform: translate(0px, 100%); transform: translate(0px, 100%); } 
.box-pro .b-a-cart:hover:after { height:10px } 
.box-pro .box:hover .seenow { -moz-transform: translate(0px, 0%); -webkit-transform: translate(0px, 0%); -o-transform: translate(0px, 0%); -ms-transform: translate(0px, 0%); transform: translate(0px, 0%); } 
.box-pro-more .thumb { width: 30%; } 
.box-pro-more .content { width: 70%; padding: 0px 0px 0px 15px; } 
.box-pro-more .box { margin-bottom: 15px; text-align: left; } 
.box-pro-more .tieude { font-size: 13px !important; text-align: left !important; } 
.box-pro-more label { width: 25px; height: 25px; line-height: 25px; font-size: 8px; left: unset; right: 0px; top: 0px; } 
.box-pro-more .seenow { display: none; } 

.box-pro-list .box { position:relative; text-align:center; background-color:#fff; font-size:16px; margin:10px 20px 10px 0; } 
.box-pro-list .box.bt { width:calc((100% + 20px) / 5 - 20px); width:-moz-calc((100% + 20px) / 5 - 20px); width:-webkit-calc((100% + 20px) / 5 - 20px) } 
.box-pro-list .box.bt:nth-child(5n) { margin-right:0 } 
.box-pro-list .box.bt1 { width:calc((100% + 20px) / 4 - 20px); width:-moz-calc((100% + 20px) / 4 - 20px); width:-webkit-calc((100% + 20px) / 4 - 20px) } 
.box-pro-list .box.bt1:nth-child(4n) { margin-right:0 } 
.box-pro-list .thumb { position:relative; overflow:hidden; display:block } 
.box-pro-list .tieude { -webkit-line-clamp:2; color:#000; font-size:16px; text-transform:uppercase } 
.box-pro-list .sl { font-size: 14px; } 
.box-pro-list .content { margin:15px; } 

.box-photobox:after { display:block; clear:both; content:'' } 
.box-photobox a { float:left; overflow:hidden; position:relative; background-color:#000 } 
.box-photobox a.bt { margin:5px 10px 5px 0; border-radius:5px; width:calc((100% + 10px) / 4 - 10px); width:-moz-calc((100% + 10px) / 4 - 10px); width:-webkit-calc((100% + 10px) / 4 - 10px) } 
.box-photobox a.bt:nth-child(4n) { margin-right:0 } 
.box-photobox a.bt:nth-child(4n+1) { clear:both } 
.box-photobox a:hover img { opacity:.6 } 
.box-photobox .icon { position:absolute; display:none; font-size:40px; top:50%; left:50%; color:#fff } 
.box-photobox a:after { content:''; display:none; position:absolute; top:15px; bottom:15px; left:15px; right:15px; border:1px dashed #fff; border-radius:5px } 
.box-photobox a:hover .icon,.box-photobox a:hover:after { display:block } 
.box-news:after { display:block; clear:both; content:'' } 
.box-news .box { position:relative; padding:20px; border:1px dashed #ccc; background-color:#fff } 
.box-news .box.bt { float:left; margin:11px 22px 11px 0; width:calc((100% + 22px) / 3 - 22px); width:-moz-calc((100% + 22px) / 3 - 22px); width:-webkit-calc((100% + 22px) / 3 - 22px) } 
.box-news .box.bt:nth-child(3n) { margin-right:0 } 
.box-news .thumb { position:relative; overflow:hidden; display:block } 
.box-news .tieude { font-family:var(--font-bold); text-transform:uppercase; -webkit-line-clamp:2; color:#333; margin-top:12px ;font-size: 16px;} 
.box-news .date { color:#757575; font-size:14px; font-style:italic; margin:5px 0 } 
.box-news .desc { margin-top:5px; -webkit-line-clamp:2 } 
.box-news .lk { display:inline-block; color:#00a39f; font-family:var(--font-bold); margin-top:5px } 
.box-news.owl-carousel .owl-stage { display:flex; justify-content:flex-start; flex-wrap:wrap } 
.box-news.owl-carousel .box { height:100% } 
.box-camnhan:after { display:block; clear:both; content:'' } 
.box-camnhan .box { position:relative; text-align:center } 
.box-camnhan .box.bt { margin:15px 30px 15px 0; width:calc((100% + 30px) / 3 - 30px); width:-moz-calc((100% + 30px) / 3 - 30px); width:-webkit-calc((100% + 30px) / 3 - 30px) } 
.box-camnhan .box.bt:nth-child(3n) { margin-right:0 } 
.box-camnhan .box.bt:nth-child(3n+1) { clear:both } 
.box-camnhan .thumb { position:relative; display:inline-block; border:10px solid #ffa426; border-radius:50% } 
.box-camnhan .thumb:before { content:''; position:absolute; top:-8px; bottom:-1px; left:-7px; right:-2px; background-color:#fff; border-radius:50% } 
.box-camnhan .hid { position:relative; z-index:3; border-radius:50%; overflow:hidden } 
.box-camnhan .tieude { font-family:'SVN-ProductSans'; font-size:20px; text-transform:capitalize; -webkit-line-clamp:2; color:#1a1a1a; margin-top:12px } 
.box-camnhan .desc { margin-top:15px; line-height:2; -webkit-line-clamp:3 } 
.box-video:after { display:block; clear:both; content:'' } 
.box-video .box { position:relative; box-sizing:border-box; text-align:center; color:#393939 } 
.box-video .box.bt { float:left; margin:15px 30px 15px 0; width:calc((100% + 30px) / 3 - 30px); width:-moz-calc((100% + 30px) / 3 - 30px); width:-webkit-calc((100% + 30px) / 3 - 30px) } 
.box-video .box.bt:nth-child(3n) { margin-right:0 } 
.box-video .box.bt:nth-child(3n+1) { clear:both } 
.box-video .thumb { position:relative; overflow:hidden; display:block } 
.box-video .thumb img { display:block; width:100% } 
.box-video i { position:absolute; z-index:1; top:50%; left:50%; color:#fff; font-size:70px; opacity:.6 } 
.box-video .box:hover i { opacity:1; color:red } 
.box-video .box:hover i:before { position:relative; z-index:1 } 
.box-video .box:hover i:after { content:''; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; width:50%; height:50%; background-color:#fff } 
.box-video .tieude { margin-top:10px; font-family:'Roboto-Bold'; font-size:16px; text-transform:uppercase; -webkit-line-clamp:2 } 
.box-album:after { display:block; clear:both; content:'' } 
.box-album .box { position:relative; box-sizing:border-box; text-align:center; background-color:#000; overflow:hidden } 
.box-album .box.bt { float:left; margin:15px 30px 15px 0; width:calc((100% + 30px) / 3 - 30px); width:-moz-calc((100% + 30px) / 3 - 30px); width:-webkit-calc((100% + 30px) / 3 - 30px) } 
.box-album .box.bt:nth-child(3n) { margin-right:0 } 
.box-album .box.bt:nth-child(3n+1) { clear:both } 
.box-album .box img { display:block; width:100% } 
.box-album .tieude { display:none; position:absolute; bottom:15px; left:10px; right:10px; color:#fff; font-family:'Roboto-Bold'; font-size:18px; text-transform:uppercase; -webkit-line-clamp:2 } 
.box-album .box:hover img { opacity:.6 } 
.box-album .box:hover .tieude { display:block; -webkit-animation:tracking-in-expand-fwd .8s cubic-bezier(0.215,0.610,0.355,1.000) both; animation:tracking-in-expand-fwd .8s cubic-bezier(0.215,0.610,0.355,1.000) both } 
@-webkit-keyframes tracking-in-expand-fwd { 
 0% { letter-spacing:-.5em; -webkit-transform:translateZ(-700px); transform:translateZ(-700px); opacity:0 } 
40% { opacity:.6 } 
100% { -webkit-transform:translateZ(0); transform:translateZ(0); opacity:1 } 
 }
@keyframes tracking-in-expand-fwd { 
 0% { letter-spacing:-.5em; -webkit-transform:translateZ(-700px); transform:translateZ(-700px); opacity:0 } 
40% { opacity:.6 } 
100% { -webkit-transform:translateZ(0); transform:translateZ(0); opacity:1 } 
 }
.related .title-related { background-color:#e71818; color:#fff; padding:7px 15px; text-transform:uppercase; font-family:var(--font-bold) } 
.related ul { margin:0; padding:0 0 0 25px; background:#f9f9f9 } 
.related li a { padding:6px 0; display:block } 
.related span { -webkit-line-clamp:1 } 
.related li { padding-left:15px } 
.related li:not(:last-child) { border-bottom:1px solid #dee4ea80 } 
.bgdoitac .col { border:1px solid #000 } 
.bgdoitac .col img { display:block; margin:auto } 
.lkto { cursor: pointer; display:inline-block; background-color:#eaeaea; font-size:16px; padding:11px 25px; border-radius: 5px; } 
.lkto:hover { background-color:#1991c3; color:#fff !important; } 
.seo_content { max-height: 500px; overflow: hidden; } 
.title-big { /*font-family:'UTMAvoBold'; */color:#444; font-size:30px; text-transform:uppercase; text-align:center } 
.bg-title-big { background:url(../images/bg-title-big.png) no-repeat center bottom; padding-top:31px } 
.sub-big { text-align:center; margin-top:5px } 
.bgtop { margin-top:50px } 
.mart5 { margin-top:5px } 
.mart15 { margin-top:15px } 
.marb10 { margin-bottom:10px } 
.marb15 { margin-bottom:15px } 
.marb25 { margin-bottom:25px } 
.owl-nav-def.owl-theme .owl-nav { margin-top:0; font-size:45px; color:#ccc } 
.owl-nav-def.owl-theme .owl-nav [class*='owl-'] { position:absolute; top:50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%) } 
.owl-nav-def.owl-carousel .owl-nav button.owl-next { left:100%; margin-left:15px } 
.owl-nav-def.owl-carousel .owl-nav button.owl-prev { right:100%; margin-right:15px } 
.owl-nav-def.owl-theme .owl-nav [class*='owl-']:hover { background:transparent } 
.menu-top { list-style:none; padding:0; margin:0; color:#000; text-transform:capitalize; text-align:right } 
.menu-top > li { display:inline-block; vertical-align:middle; position: relative; padding: 4px 0px; } 
.menu-top li.line { margin:3px 12px 0; width:2px; height:12px; background:url(../images/line-menu.jpg) no-repeat center } 
.menu-top .active > a { color:#1991c3 } 
.menu-top a { display:block } 
.menu-top ul { position: absolute; display: none; list-style:none; padding:0; margin:0; background-color:#f6f6f6; font-size: 13px; text-align: left; width: 100%; min-width: 200px; z-index: var(--z-index-hover); } 
.menu-top > li > ul { top: 100%; right: 0px; } 
.menu-top ul li { display: block; position: relative; } 
.menu-top ul a { padding:10px } 
.menu-top li:hover > ul { display:block } 
.menu-top ul li:not(:last-child) { border-bottom:1px solid #00000014 } 
.menu-top ul > li:hover { background-color:#00000014 } 
.menu-top li:hover > ul { -webkit-animation:scale-in-ver-top .5s cubic-bezier(0.165,0.840,0.440,1.000) both; animation:scale-in-ver-top .5s cubic-bezier(0.165,0.840,0.440,1.000) both } 
.menu-top ul ul { right: 100%; top: 0px; } 

.bgheader { padding:14px 0 } 
.bgheader-left { width: 325px; margin-right: 60px; } 
.bgheader-right { width: calc(100% - 325px - 60px); } 
.cart,.bghotline { margin-left:45px; position: relative; } 
.cart label { position: absolute; top: -4px; right: -4px; width: 20px; height: 20px; line-height: 20px; text-align: center; background: #ff6600; border-radius: 50%; font-family: 'RobotoBold'; font-size: 13px; color: #fff; } 
.cart img,.cart label { vertical-align:middle } 
.bghotline span { display:block; font-family:'UTMAvoBold'; font-size:18px; color:#ff6600; line-height:1.2 } 
.bgmenu { background-color: #1da1f2 } 
.runtieuchi .content { padding-left:15px; width:calc(100% - 64px); width:-moz-calc(100% - 64px); width:-webkit-calc(100% - 64px) } 
.runtieuchi .tieude { font-family: 'RobotoBold'; color: #1da1f2; font-size:15px; text-transform: uppercase; } 
.runtieuchi .desc { font-size:13px; color:#333333b3; } 
.item-tieuchi { border: dashed 1px  #1da1f2; border-radius: 10px; padding: 15px; } 
.item-tieuchi:hover img { transform: rotateY(360deg); transition: all linear .5s; } 
.bgquangcao { margin-top: 10px; } 
.bgquangcao .box { display:block; text-align:center; } 
.bgquangcao .box .thumb { overflow:hidden } 
.bgdanhmucsp { padding:45px 0; background-color:#f6f6f6 } 
.bgtintuc { padding:0 0 40px; background-color:#f6f6f6 } 
.bgvisao .col-1 { width:43% } 
.bgvisao .col-2 { width:57%; padding-left:30px; color:#333; text-align:center } 
.bgvisao .title-visao { font-family:'MyriadProBold'; font-size:25px; text-transform:uppercase; text-align:center; /*background-color:#1991c3; color:#fff; */padding:20px 15px; line-height:1 } 
.bgvisao .desc-visao { background-color:#f9f9f9; padding:10px 15px; border:2px dashed #a2d0e7; border-radius:3px; height:355px; overflow:auto } 
.runykien { margin-top:-8px } 
.runykien .box { padding:48px 35px; box-shadow:0 0 8px #00000040 } 
.runykien .owl-item { padding:8px } 
.runykien .thumb { display:block; margin:auto; border-radius:50% } 
.runykien .desc { margin-top:13px; margin-bottom:13px; -webkit-line-clamp:5 } 
.runykien .tieude { font-family:'Roboto-Bold' } 
.bggioithieu .col-1 { width:45% } 
.bggioithieu .col-2 { width:52% } 
.bggioithieu .title-top { font-size:31px; color:#333; /*font-family:'BrushScript-BoldItalic'*/ } 
.bggioithieu .title-bot { font-size:36px; color:#1991c3; font-family:'PaytoneOne-Regular'; text-transform:uppercase } 
.bggioithieu .desc { -webkit-line-clamp:7; margin:15px 0 } 
.bggioithieusp { margin-top:110px; padding:10px 25px; border:1px solid #aaa; background-color:#f9f9f9; border-radius:5px } 
.bggioithieusp .title { font-family:'UTMAvoBold'; font-size:31px; color:#000; margin-bottom:10px } 
.bggioithieusp .desc { color:#333 } 
.bgfooter { color:#000; background:url('../images/bg-footer.png'); background-size: cover; } 
.bgfooter .title { font-family:var(--font-bold); text-transform:uppercase; margin-bottom:15px;color: #fff; } 
.bgfooter .col { box-sizing:border-box } 
.bgfooter .col-1 { max-width:18% } 
.bgfooter .col-2 { max-width:32% } 
.bgfooter .ckeditor{color: #fff;}
.bgcopy { position:relative; padding:15px 0; background-color:#0e71ae; color:#fff; font-size:13px } 
.copyright { float:left } 
.mxh { margin-top:25px } 
.mxh .title-mxh { display:inline-block; vertical-align:middle; font-size:15px; text-transform:uppercase; margin-right:15px } 
.mxh img { display:inline-block; vertical-align:middle; margin-right:-10px } 
.thongke { float:right; margin:0; padding:0 } 
.thongke li { display:inline-block; margin-right:15px } 
.thongke li:after { content:'|'; display:inline-block; margin-left:15px } 
.thongke li:last-child { margin-right:0 } 
.thongke li:last-child:after { display:none } 
#footer-map { margin-top:50px } 
#footer-map iframe { display:block; width:100%!important; height:430px!important } 
ul.thongtincongty { margin:0; padding:0; list-style:none ;color: #fff;} 
.company { text-transform:uppercase; font-size:42px; font-family:'SFUTradeGothic'; padding:0; margin-bottom:10px; color:#fff; line-height:1 } 
ul.thongtincongty li { display:block; box-sizing:border-box;margin-bottom:10px } 
ul.thongtincongty li:last-child { margin-bottom:0 } 

.sitemap { list-style:none; margin:0; padding:0 0 0 10px } 
.sitemap li { margin-bottom:10px } 
.sitemap li:last-child { margin-bottom:0 } 
.sitemap li a { display:block;color: #fff; } 
.cart-fixed { position:fixed; right:20px; bottom:390px; z-index:var(--z-index); background:#4b4f56; width:50px; height:50px; text-align:center; color:#fff!important; border-radius:100%; display:flex; align-items:center; justify-content:center } 
.cart-fixed i { font-size:20px } 
.cart-fixed span { position:absolute; top:0; right:-5px; color:#fff; width:25px; height:25px; background:var(--color-red); text-align:center; line-height:25px; font-size:11px; border-radius:100% } 
.btn-frame { display:block; width:50px; height:50px; position:fixed; right:20px; z-index:var(--z-index); cursor:pointer } 
.btn-frame i { display:flex; display:-ms-flex; justify-content:center; align-items:center; -ms-flex-align:center; width:50px; height:50px; border-radius:50%; background:#1182FC; position:relative; z-index:1 } 
.btn-frame i img { vertical-align:middle; width:70% } 
.btn-frame .animated.infinite { animation-iteration-count:infinite } 
.btn-frame .kenit-alo-circle { width:60px; height:60px; top:-5px; right:-5px; position:absolute; background-color:transparent; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:2px solid rgba(7,41,103,0.8); opacity:.1; border-color:#1182FC; opacity:.5 } 
.btn-frame .zoomIn { animation-name:zoomIn } 
.btn-frame .animated { animation-duration:1s; animation-fill-mode:both } 
.btn-frame .kenit-alo-circle-fill { width:70px; height:70px; top:-10px; right:-10px; position:absolute; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .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(7,41,103,0.35); opacity:.4 } 
.btn-frame .pulse { animation-name:pulse } 

.btn-zalo { bottom:350px } 
.btn-phone { bottom:270px } 
.btn-maps{bottom: 190px;}
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed { display:none!important } 
.js-facebook-messenger-tooltip { bottom:97px; right:97px; color:#404040; background:#fff } 
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip { z-index:999 } 
.js-facebook-messenger-tooltip { display:none; position:fixed; text-align:center; border-radius:10px; overflow:hidden; font-size:12px; line-height:1; padding:10px; border:1px solid rgba(0,0,0,0.1); box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt; z-index:1.0E+30 } 
.js-facebook-messenger-close-tooltip { width:10px; height:10px; display:inline-block; cursor:pointer; margin-left:10px } 
.js-facebook-messenger-box.rubberBand { -webkit-animation-name:rubberBand; animation-name:rubberBand } 
.js-facebook-messenger-box.animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } 
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip { z-index:999 } 
.js-facebook-messenger-box { display:block; position:fixed; cursor:pointer; bottom:150px; right:17px; width:56px; height:56px; text-align:center; background:#1182FC; border-radius:100%; overflow:hidden; z-index:99; -webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3); box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3) } 
.js-facebook-messenger-box.rotate svg#fb-msng-icon { transform:rotate(0deg) } 
.js-facebook-messenger-box svg#fb-msng-icon { width:32px; height:33px; position:absolute; top:13px; left:12px; opacity:1; overflow:hidden; -webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; -moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; -o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; transition:opacity 160ms ease-in-out,transform 160ms ease-in-out } 
.js-facebook-messenger-box.rotate svg#close-icon { transform:rotate(-45deg) } 
.js-facebook-messenger-box svg#close-icon { opacity:0; width:19px; height:20px; position:absolute; top:19px; left:19px; -webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; -moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; -o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; transition:opacity 160ms ease-in-out,transform 160ms ease-in-out } 
.js-facebook-messenger-container,.js-facebook-messenger-container-button { z-index:1000 } 
.js-facebook-messenger-container { position:fixed; opacity:0; transform:translateY(50px); bottom:110px; right:90px; border-radius:10px; pointer-events:none; box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16); -webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out; -moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out; -o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out; transition:transform 160ms ease-in-out,opacity 160ms ease-in-out } 
.js-facebook-messenger-top-header { width:220px; color:#fff; background:#1182FC; display:block; position:relative; width:220px; background:#1182FC; color:#fff; text-align:center; line-height:1; padding:10px; font-size:14px; border-top-left-radius:10px; border-top-right-radius:10px } 
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe { border-bottom-left-radius:10px; border-bottom-right-radius:10px } 
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip { z-index:999 } 
.js-facebook-messenger-container,.js-facebook-messenger-container-button { z-index:1000 } 
.js-facebook-messenger-top-header { color:#fff; background:#1182FC } 
.js-facebook-messenger-top-header { width:220px } 
.js-facebook-messenger-tooltip { color:#404040; background:#fff } 
.js-facebook-messenger-container.open { transform:translateY(0px); opacity:1; pointer-events:all } 
.js-facebook-messenger-tooltip { bottom:97px; right:97px } 
.js-facebook-messenger-box.open svg#fb-msng-icon { opacity:0 } 
.js-facebook-messenger-box.rotate.open svg#close-icon { transform:rotate(0deg) } 
.js-facebook-messenger-box.open svg#close-icon { opacity:1 } 
.call-mobile { background: #ED1C24; position: fixed; bottom: 10px; height: 40px; line-height: 40px; padding: 0 0px 0 0px; border-radius: 40px; color: #fff; left: 20px; z-index: 99999; } 
.call-mobile a { color: #fff; font-size: 18px; font-weight: bold; text-decoration: none; margin-right: 10px; padding-left: 10px; } 
.call-mobile i { font-size: 20px; line-height: 40px; background: #B52026; border-radius: 100%; width: 40px; height: 40px; text-align: center; float: right; } 
.call-mobile2 { position: fixed; bottom: 40px; line-height: 40px; padding: 0 0px 0 0px; border-radius: 40px; color: #fff; left: 20px; z-index: 99999; } 
.call-mobile2 .success { border-radius: 40px; font-size: 15px; background-color: #1991c3; padding: 5px 6px; color: white !important; display: inline-block; font-weight: bold; text-transform: uppercase; } 
.call-mobile2 .success span { display: inline-block; line-height: 1.6; } 
.call-mobile2 .success:hover { background-color: #1991c3; } 

.hdanhmucdrops li a.singletext.cat { margin-right: 60px; font-weight: bold; text-transform: uppercase; display: inline-block !important; } 
.hdanhmucdrops ul ul.menu-item { -webkit-transform:scaleX(1) !important; transform:scaleX(1) !important; position: unset; } 
.hdanhmucdrops li.spcat { width: calc((100% - 40px*4)/5); margin-right: 40px; display: inline-block !important; } 
.hdanhmucdrops { position:relative; width:280px; z-index:var(--z-index-menu); background: #fb4f05; border-radius: 5px 5px 0px 0px; } 
.hdanhmucdrops.ver1 > .nicescl { display:none; top:100% } 
.hdanhmucdrops .title { padding:5px; display:inline-block; cursor:pointer; font-family:'RobotoBold'; font-size:20px; text-transform:uppercase; text-align:center; color:#fff } 
.hdanhmucdrops .title i { font-size:25px; margin-right:15px; color:#fff } 
.hdanhmucdrops ul { padding:0; margin:0; list-style:none; text-align:left; background-color:#fff;  } 
.hdanhmucdrops .nicescl { position:absolute; box-sizing:border-box; width:100%; left:0; top:100% } 
.hdanhmucdrops ul.content { overflow:hidden; border:1px solid #fff } 
.hdanhmucdrops ul img { margin-right:10px } 
.hdanhmucdrops li a { position:relative; display:block; padding:7px 15px;font-size: 15px; color: #262626;text-transform: capitalize;} 
.hdanhmucdrops ul ul { -webkit-transform:scaleX(0); transform:scaleX(0); width:100%; display:block; position:absolute; z-index:var(--z-index-hover); left:calc(100% - 7px); left:-moz-calc(100% - 7px); left:-webkit-calc(100% - 7px) } 
.hdanhmucdrops ul ul li { position:relative } 
.hdanhmucdrops ul > li:hover > ul {  -webkit-animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both; animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both } 
.hdanhmucdrops ul > li:last-child { border-bottom:none } 
.hdanhmucdrops ul ul ul { left:100%; top:0!important } 
.hdanhmucdrops li:hover > a { background-color:#00000008 } 



@-webkit-keyframes scale-up-hor-left { 
 0% { -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 0; transform-origin:0 0 } 
100% { -webkit-transform:scaleX(1); transform:scaleX(1); -webkit-transform-origin:0 0; transform-origin:0 0 } 
 }
@keyframes scale-up-hor-left { 
 0% { -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 0; transform-origin:0 0 } 
100% { -webkit-transform:scaleX(1); transform:scaleX(1); -webkit-transform-origin:0 0; transform-origin:0 0 } 
 }




/* .hdanhmucdrops { position:relative; width:230px; z-index:19; background-color:#ce160e; border-radius: 0 25px 25px 0; } 
.hdanhmucdrops::before { position:absolute; content: ''; background-color:#ce160e; top: 0; bottom: 0; width: 75px; left: -75px; } 
.hdanhmucdrops > .nicescl { display:none; top:100%; position: relative; } 
.hdanhmucdrops .title { display: block; line-height: 50px; height:100%; cursor:pointer; font-size:15px; text-transform:uppercase; text-align:center; color: #fff; font-family: 'MuliBold'; } 
.hdanhmucdrops ul { padding:0; margin:0; list-style:none; text-align:left; background-color:#fff; } 
.hdanhmucdrops ul > li { padding:0 8% 0% 8%; } 
.hdanhmucdrops ul > li.line { border-bottom: solid 1px #fff; width: 100%; margin: 0 auto; } 
.hdanhmucdrops .nicescl { position:absolute; box-sizing:border-box; width:100%; left:0; top:100% } 
.hdanhmucdrops ul.content { overflow:auto; font-size:14px; } 
.hdanhmucdrops li a { font-family: 'MuliRegular'; font-size: 15px; color: #262626; display:inline-flex; align-items: center; width: 100%; position: relative; padding:12px 0px; text-transform: capitalize; border-bottom: dashed 1px #ccc; } 
.hdanhmucdrops li a i { margin-right: 10px; color: #ce160e; } 
.hdanhmucdrops ul ul { -webkit-transform:scaleX(0); transform:scaleX(0); width:100%; display:none; position:absolute; left:calc(100% - 15px); left:-moz-calc(100% - 15px); left:-webkit-calc(100% - 15px); z-index: 9999; } 
.hdanhmucdrops ul ul li { position: relative; border-bottom: dashed 1px #ffb852; } 
.hdanhmucdrops ul > li:hover > ul { display:block; -webkit-animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both; animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both } 
.hdanhmucdrops ul > li:last-child { border-bottom:none } 
.hdanhmucdrops ul ul ul { left:100%; top:0!important } 
.hdanhmucdrops i.right { position: absolute; right: 13px; font-size: 16px; } 
.hdanhmucdrops i.left { font-size: 6px; margin-right: 10px; } 
.hdanhmucdrops li:hover > a { color: #333; } 
.hdanhmucdrops .fa-angle-right:before { font-size: 15px; } */
/**/

.hdanhmucdropsjs ul { padding:0; margin:0; list-style:none; text-align:left; background-color:#fff; } 
.hdanhmucdropsjs ul > li { padding:0 5px 0% 5px; } 
.hdanhmucdropsjs ul > li.line { border-bottom: solid 1px #fff; width: 100%; margin: 0 auto; } 
.hdanhmucdropsjs .nicescl { position:relative; box-sizing:border-box; width:100%; left:0; top:100% } 
.hdanhmucdropsjs ul.content { overflow:auto; font-size:14px; padding:0 10px; } 
.hdanhmucdropsjs ul.content .splist:last-child { border-bottom: unset; } 

.hdanhmucdropsjs li a { font-size: 15px; color: #262626; display:inline-flex; align-items: center; width: 100%; position: relative; padding:10px 0px; text-transform: capitalize; } 
.hdanhmucdropsjs li.spcat { width: calc((100% - 40px*4)/5); margin-right: 40px; display: inline-block !important; } 
.hdanhmucdropsjs li.spcat:nth-child(5n) { margin-right: 0; } 
.hdanhmucdropsjs li a.singletext.cat { margin-right: 60px; font-weight: bold; text-transform: uppercase; display: inline-block !important; } 
.hdanhmucdropsjs li a i { margin-left: 10px; color: #ce160e; } 
.hdanhmucdropsjs ul ul li { position: relative; } 
.hdanhmucdropsjs ul ul { -webkit-transform:scaleX(0); transform:scaleX(0); width:100%; position:absolute; left:calc(100% - 15px); left:-moz-calc(100% - 15px); left:-webkit-calc(100% - 15px); z-index: 9999; } 
.hdanhmucdropsjs ul > li:hover > ul { display:block; transform: scale(1);} 
.hdanhmucdropsjs ul > li:last-child { border-bottom:none } 
.hdanhmucdropsjs ul ul ul { left:100%; top:0!important } 
.hdanhmucdropsjs i.right { position: absolute; right: 13px; font-size: 16px; } 
.hdanhmucdropsjs i.left { font-size: 6px; margin-right: 10px; } 
.hdanhmucdropsjs li:hover > a { color: #333; } 
.hdanhmucdropsjs .fa-angle-right:before { font-size: 15px; } 
.hdanhmucdropsjs ul ul.menu-item { -webkit-transform:scaleX(1) !important; transform:scaleX(1) !important; position: unset; } 
.spcat > a > i,
.splist > a > i { transition: all ease .6s; } 
.spcat:hover > a > i,
.splist:hover > a > i { transform: rotate(90deg); transition: all ease .6s; } 
.splist img { margin-right: 10px; } 
.tit-drop { background: #ae562e; color: #fff; } 
.tit-drop span { padding: 10px 12px; background: #944926; margin-right: 10px; } 
.tit-drop p { text-transform: uppercase; font-family: 'RobotoBold'; font-size: 15px; } 
@-webkit-keyframes scale-up-hor-left { 
 0% { -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 0; transform-origin:0 0 } 
 100% { -webkit-transform:scaleX(1); transform:scaleX(1); -webkit-transform-origin:0 0; transform-origin:0 0 } 
 }

/* width */
.hdanhmucdrops ::-webkit-scrollbar, .hdanhmucdropsjs ::-webkit-scrollbar { width: 1px; } 
/* Track */
.hdanhmucdrops ::-webkit-scrollbar-track, .hdanhmucdropsjs ::-webkit-scrollbar-track { background: #e80c0c; } 
/* Handle */
.hdanhmucdrops ::-webkit-scrollbar-thumb, .hdanhmucdropsjs ::-webkit-scrollbar-thumb { background: #e80c0c; } 
/* Handle on hover */
.hdanhmucdrops ::-webkit-scrollbar-thumb:hover, .hdanhmucdropsjs ::-webkit-scrollbar-thumb:hover { background: #ccc; } 





/* TIT */
.title-main { position: relative; background: #fff; margin-bottom: 1.25rem; } 
.title-main span { position: relative; background:  #1da1f2; display:inline-block; font-family: 'RobotoBold'; font-size: 20px; color: #ffffff; padding: 5px 20px; text-transform: uppercase; } 
.title-main span::after { position: absolute; content: ''; background: url('../images/after-tit.png') no-repeat; background-size: 100% 100%; right: -20px; top: 0; bottom: 0; width: 20px; } 
.title-main p { font-size: 14px; color: #ff6600; } 

.title-main1 { position: relative; margin-bottom: 1.25rem; } 
.title-main1 span { position: relative; display:inline-block; font-family: 'RobotoBold'; font-size: 28px; color:  #1da1f2; text-transform: uppercase; } 

/* Pro */
.box-product { background: #fff; padding: 10px; } 
.thumb,
.thumb a { display:inline-block; overflow: hidden; } 
.cart-pro a { background: url('../images/cart1.png') no-repeat; background-size: contain; width: 30px; height: 30px; display:inline-block; } 
.cart-pro:hover a { background: url('../images/cart2.png') no-repeat; } 
.tieude-pro { font-family: 'RobotoRegular'; font-size: 13px; color: #1e1e1e; } 
.giacu {font-size: 13px; color: #959595;text-decoration: line-through; } 
.giaban { font-size: 15px; color: #ff6600; font-family: 'RobotoBold';  } 
/* */
.dong_2 { -webkit-line-clamp: 2; } 
.list-product ul { list-style: none; margin-bottom: 0; padding: 0; } 
.title-product li { font-family: 'RobotoMedium'; font-size: 15px; color: #1b1b1b; cursor: pointer; padding: 5px; border: solid 1px #ececec; border-radius: 5px; text-transform: capitalize; } 
.title-product li:hover { color:  #1da1f2; transition: all ease .6s; } 
.title-product li.active { color:  #1da1f2; } 
.title-main .tit { margin-right: 35px; } 
.title-main .list-product { width: calc(100% - 350px - 35px - 95px); } 
/* news */
.image-newsh { width: 49%; margin-right: 2%; } 
.image-newsh a { display:inline-block; } 
.info-newsh { width: 49%; } 
.name-newsh { font-family: 'RobotoBold'; font-size: 16px; color: #000000; margin-bottom: 0.75rem; } 
.date { color: #aaa; font-size: 13px; margin-bottom: 0.75rem; } 
.date i { color: #3e46a9; } 
.desc-newsh { font-size: 14px; color: #5d5d5d; line-height: 1.8; } 
.newss-name { font-family: 'RobotoBold'; font-size: 14px; color: #000000; } 
.form-contro1{height: 45px;margin-bottom: 0.25rem;}
.submit-newsletter{width: 150px;height: 45px;background: #ff6600;border: solid 1px #ff6600;border-radius: 5px;color: #fff;text-transform: capitalize;}