@import url(_font.css);
:root { --font: 'Roboto'; --fonttitle: 'Roboto'; --color: #156add; --fontcolor: #383838; --bordercolor: #EBEBEB; }
.linespace { height: 1em; }
.bgsite, .bgsite:after { height: 100%; width: 100%; top: 0 }
.bgsite:after, .topinfomation .contentas:after { content: ''; left: 0 }
.disavailable { display: none }
.smartsha { padding: 15px; background: rgba(255, 255, 255, .75); padding: 0; background: none; }
.bgsite { position: fixed; left: 0; z-index: -9 }
.bgsite:after { position: absolute; background: rgba(0, 0, 0, .5); z-index: -8 }
.padding0 { padding: 0 }
header { }
header#header {position: relative;padding: 0;}
header#header .headeritem { }
header#header .headeritem .logosite { }
header#header .headeritem .logosite img { }
header#header .headeritem .banner { width: 100%; }
header#header .headeritem .banner img { width: 100%; }
header#header .headeritem.supporter { text-align: right; }
header#header .headeritem.supporter a { color: #df0000; font-size: 24px; text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 0px 1px 5px #000; }
header#header .headeritem.supporter p { }
header#header .headeritem.supporter .hotline { display: inline-block; padding-left: 140px; background: url('../images/support.png'); padding-top: 3em; padding-bottom: 1.5em; padding-right: 1.5em; }
header#header .blockmenusite { margin-top: 0.5em; background: url('../images/bgmenu.png'); }
header#header .blockmenusite .menusite { }
header#header .blockmenusite .menusite { }
header#header.menufixed{position: fixed; top: 0; left: 0; width: 100%; background: white; z-index: 99} 
/*MENUSITE*/
.menusite {transition: all .5s;flex: 0 0 calc(100% - 225px);-ms-flex: 0 0 calc(100% - 225px);max-width: calc(100% - 225px);width: 100%;padding-right: 40px;}
.menusite ul li ul li a { text-transform: none; }
.menusite a {text-transform: uppercase;color: #3a3a3a;font-size: 14px;font-family: var(--font);display: block;}
.menusite>ul {display: flex;width: 100%;align-items: center;justify-content: space-between;}
.menu-active>a, .menusite>ul>li:hover>a { color: #fff }
.menusite>ul>li:hover>ul { display: block }
.menusite>ul>li:last-child:after { content: none }
.aboutbottom .cols .title span:after, .aboutbottom .cols .title span:before, .hastab-index .title h2:after, .hastab-index .title h2:before, .menusite>ul>li>ul>li ul:before, .producthight .title ul li.active:after { content: '' }
.menusite>ul>li.active > a,.menusite>ul>li.menu-active > a, .menusite>ul>li:hover > a {color: #ff0;}
.menusite>ul>li.active,.menusite>ul>li.menu-active a, .menusite>ul>li:hover a { }
.menusite>ul>li.active a,.menusite>ul>li.menu-active a { font-weight: bold; font-family: var(--font); }
.menusite>ul>li {position: relative;width: 100%;white-space: nowrap;text-align: center;}
.menusite>ul>li>a {display: block;z-index: 999;padding: 15px 20px 11px 20px;color: #fff;font-weight: bold;font-size: 15px;}
.menusite>ul>li>ul { position: absolute; top: 100%; width: 250px; z-index: 999; display: none; transition: all .5s; text-align: left; left: 0; background: var(--color); }
.menusite>ul>li>ul>li { padding: 1em 1em; position: relative; transition: all .5s; text-align: left; }
.menusite>ul>li ul li:hover { background: rgba(23, 23, 23, 0.35); }
.menusite>ul>li>ul>li ul { position: absolute; top: 0; left: 100%; width: 100%; display: none; background: var(--color); }
.menusite>ul>li ul li a, .menusite>ul>li>ul>li:hover>ul { display: block; color: white !important; }
.menusite>ul>li>ul>li ul li { padding: 1em; }
.menusite>ul>li>ul>li ul li a { font-weight: 400 }
.menusite>ul>li>ul>li >ul >li:hover >ul { display: block; }
.menusite form { display: inline-block; background: #f2f2f2; border: 1px solid #fff; padding: 5px; border-radius: 20px; margin-top: 0 }
.menusite form button, .menusite form input { border: 1px solid transparent; background: 0 0 }
.menusite form input { padding: .1em .5em; outline: 0; color: #054971 }
.menusite form input::placeholder { color: #8c8c8c }
.menusite form button i { font-size: 1.3em }
.menusite>ul>li.icosearch { padding: 0; }
.menusite>ul>li.icosearch a { }
.menusite>ul>li.icosearch img { }
.menusite>ul>li.hotline { color: #fff; /* text color */ font-size: 16px; padding: 0.5em 0; }
.menusite>ul>li.hotline:hover { background: unset; opacity: unset; }
.menusite>ul>li.icosearch:hover { background: unset; opacity: unset; }
.menusite>ul>li.hotline a { }
.menusite>ul>li.hotline b { }
.menusite>ul>li.langset {/* width: 110px; */ }
.menusite>ul>li.langset:hover { background: none; }
.menusite>ul>li.langset a { display: inline-block; }
.menusite>ul>li.langset a img { }
.menusite>ul>li + li {
	background: url(../images/border.png) left center no-repeat;
}
/*MENUSITE*/
.aboutindex { margin: 2em 0; }
.aboutindex .aboutdetails { }
.aboutindex .aboutdetails .title { margin-bottom: 1em; position: relative; padding-bottom: 0.5em; }
.aboutindex .aboutdetails .title h2 { color: #161616; font-size: 2.25em; font-weight: bold; }
.aboutindex .aboutdetails .title h5 { color: #666; font-size: 1.15em; }
.aboutindex .aboutdetails .content { color: #383838; font-size: 1em; line-height: 1.5em; text-align: justify; }
.aboutindex .aboutdetails .title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background: var(--color); }
.aboutindex .aboutimg { text-align: right; }
.aboutindex .aboutimg .img { display: inline-block; border: 8px solid #fff; -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .16); -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .16); box-shadow: 0 5px 5px rgba(0, 0, 0, .16); }
.aboutindex .aboutimg .img a { }
.aboutindex .aboutimg .img a img { }
.advindex { }
.advindex .item { margin-bottom: 1em; }
.advindex .item:last-child { margin-bottom: 0; }
.advindex .item img { width: 100%; }
p.view { margin-top: 1em; }
p.view a { display: inline-block; background: var(--color); color: white; padding: 0.5em 1em; border: 1px solid var(--color); }
p.view a:hover { background: none; color: var(--color); }
.bloghight {padding-top: 0;padding-bottom: 0;}
.bloghight .content { }
.gridblog { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; }
.bloghight .content .item {padding-bottom: 10px;}
.bloghight .content .item .img {}
.bloghight .content .item .img a { }
.bloghight .content .item .img img { }
.bloghight .content .item .details {padding: 18px 16px;box-shadow: inset 1px 0 0 rgb(0 0 0 / 0.05), 1px 2px 2px rgba(0,0,0,0.15);}
.bloghight .content .item .details .datebox {width: 62px;float: left;padding: 12px 4px;border: 1px solid #767676;text-align: center;}
.bloghight .content .item .details .datebox .date {border-bottom: 1px solid #9d9d9d;padding-bottom: 7px;font-size: 15px;color: #767676;}
.bloghight .content .item .details .datebox .month {font-size: 16px;font-weight: bold;padding-top: 8px;color: #3d3d3d;}
.bloghight .content .item .details .namebox {width: calc(100% - 62px);float: right;text-align: justify;padding-left: 15px;}
.bloghight .content .item .details .namebox h3 {font-size: 17px;margin: 0;font-weight: 500;color: #171717;line-height: 21px;max-height: 63px;overflow: hidden;}
.bloghight .content .item .details .namebox h3 a {color: inherit;font-weight: 500;}
.bloghight .content .item .details .namebox h5 {color: #828181;font-size: 14px;margin-top: 10px;line-height: 1.5em;font-weight: normal;margin: 5px 0 0 0;}
.cooplogo.content-body { min-height: auto; background: #f3f3f3; margin: 0; padding: 3em 0; }
.cooplogo .simply-scroll, .simply-scroll .simply-scroll-clip { width: 100%; height: auto }
.cooplogo .simply-scroll { width: 100%; height: auto; margin: 0; padding: 0 }
.cooplogo .simply-scroll .simply-scroll-list li { width: 130px; text-align: center; margin: 0 .5em; border: 1px solid #D7D7D7; background: #fff }
.cooplogo ul li img { margin: 0; padding: 0; display: inline-block }
.advbanner { margin: 2em 0 }
.advbanner ul li { margin: .5em 0 }
.advbanner ul li img { width: 100% }
#style-4::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2); background-color: #F5F5F5 }
#style-4::-webkit-scrollbar { width: 5px; background-color: #F5F5F5 }
#style-4::-webkit-scrollbar-thumb { background-color: var(--color); border: 1px solid #ccc }
.slider .cols:nth-child(1) { width: 73.57142857142857%; float: left }
.slider .cols:nth-child(2) { width: 25.30612244897959%; float: right }
.slider .blockslideritem:nth-child(1) { margin-bottom: 10px }
.blockslider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 15px }
.blockslider .bx-wrapper .bx-pager.bx-default-pager a { width: 15px; height: 15px; border-radius: 50%; background: #00a606 }
.blockslider .bx-wrapper { -webkit-box-shadow: none; box-shadow: none; border: none; margin-bottom: 0 }
.bodymaster.productindex { padding: 3em 0 }
.productindex .content-body { margin: 0 }
.productindex.bgshap { background: #f5f5f5 }
.productindex .adv img { width: 100% }
.blockproducthight.grp-product .h-product { margin-bottom: 2.5em }
#cart_information, #search { -moz-transform: translate(0, -100%) scale(0, 0) }
.blockright { width: 75%; float: right; position: relative; }
.blocksubmail { background: url(../images/bgsubmail.png); padding: 2em 0 }
.blocksubmail button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: var(--color); border: 1px solid var(--color); padding: 1em; text-align: center; font-size: 1.25em; color: #fff; font-weight: 700; outline: 0; cursor: pointer }
.blocksubmail button:hover { color: var(--color); background: #fff }
.blocksubmail input { border: 1px solid rgba(213, 107, 31, .36); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; padding: 1em; font-size: 1.25em }
.blocksubmail input::placeholder { color: #ccc }
.blocksubmail .xcol:nth-child(1) { font-weight: 700; color: #fff; font-family: var(--font); font-size: 1.5em }
.topsite .col:nth-child(1) { flex: 1 50%; line-height: 2em }
.topsite .col:nth-child(2) { flex: 1 50%; text-align: right }
.topsite .col .itlte { color: #5d5d5d; font-family: var(--font); font-size: 18px; font-weight: 700 }
.topsite .col span { color: #282828; font-size: 1em; font-weight: 400 }
.topsite .col ul li:nth-child(2n) { background: #68c40b }
.topsite .col ul li { display: inline-block; padding: .75em 1em; background: var(--color); margin: .25em }
.topsite .col ul li a { color: #fff; font-weight: 700 }
.hastab-index .title h2 { float: left; position: relative }
.hastab-index .title h2:before { position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: var(--color) }
.hastab-index .title .submenu-list { display: inline-block; float: right }
.hastab-index .title .submenu-list ul li:hover { background: var(--color); color: #fff }
.hastab-index .title .submenu-list ul li { display: inline-block; padding: .35em .75em; margin: 0 .15em; border: 1px solid var(--color); cursor: pointer; transition: all .3s }
.hastab-index .title .submenu-list ul li:last-child { background: var(--color) }
.hastab-index .title .submenu-list ul li:last-child a { color: #fff }
.producthight { padding-bottom: 0; }
.producthight .title { text-align: center; padding-bottom: 1.5em; padding-bottom: 1.5em; margin-bottom: 1em; }
.producthight .title h2 { font-size: 2.5em; font-family: var(--font); margin: 0; color: #DC0000; }
.producthight .title ul li { display: inline-block; position: relative; font-family: var(--font); color: #000; font-size: 30px; padding: 0 1em .75em }
.producthight .title ul li:first-child { padding-left: 0 }
.producthight .title ul li:last-child { padding-right: 0 }
.producthight .title ul li.active { color: #007d15 }
.producthight .title ul li.active:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMMAAAAFCAYAAAD4zlgDAAAAh0lEQVRYw2NgqBWVA+JdQPwTiP8PYvwT6k6QexmIwDB/faaxPnrYM2oH9eMEUw2Q2D3IMwE63k9kAO6mkz562DNqB/XjBFMNNGcMpczwk8gA/EwnffSwZ9QO6scJpprRmmG0ZhitGRA1gxxUYrD3GX5B3SlPQjsTpP4LjfXRw55RO6gfJxhqAFm47CFluSgMAAAAAElFTkSuQmCC) left bottom no-repeat }
.producthight .title ul li.active:last-child:after { transform: scaleX(-1) }
.producthight .grp-product .h-product { margin: .25em 0 }
.indexmore .grp-product { grid-template-columns: 1fr 1fr 1fr 1fr }
.indexmore .blockproduct { width: 75.41666666666667%; float: left; position: relative }
.indexmore .blockproimg { width: 23.33333333333333%; float: right }
.indexmore .blockproimg .imgitem { margin-bottom: 2.5em }
.indexmore .blockproimg .imgitem img { width: 100% }
.grp-product .rowprice { text-align: left }
.grp-product .h-product .item .rowprice h4 { text-align: left !important }
.grp-product .h-product .item .rowprice h4.price-old { color: #929292; font-family: var(--font); font-size: 12px; text-decoration: line-through }
.grp-product .h-product .item .rowprice button.btn_buynow { margin: 0; background: #fff; color: #a1a1a1; border-color: #a1a1a1 }
.grp-product { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; }
.grp-product .h-product .item .iconsaling { display: inline-block; position: absolute; top: 0; right: 0 }
.grp-product .h-product .item { position: relative; }
.producthight .grp-product .h-product .item { }
.grp-product .h-product .item .img { position: relative; width: 100%; background: #fff; transition: all .5s; border: 8px solid #fff; -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .16); -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .16); box-shadow: 0 5px 5px rgba(0, 0, 0, .16); }
.grp-product .h-product .item .img .iconview { position: absolute; top: 0; left: 0; width: 100%; height: 100%;    /* background: rgba(0, 0, 0, 0.15); */ display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.5s; }
.grp-product .h-product .item .img:hover .iconview { opacity: 1; }
.grp-product .h-product .item .img .iconview a:hover { background: var(--color); color: white; border-color: white; }
.grp-product .h-product .item .img .iconview a { height: 40px; width: 40px; background: white; font-size: 1.5em; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; color: var(--fontcolor); border: 1px solid var(--fontcolor); }
.grp-product .h-product .item .img .iconview svg, .grp-product .h-product .item .img .iconview i { }
.grp-product .h-product .item .img a { display: inline-block; width: 100% }
.grp-product .h-product .item .img a img { width: 100%; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; opacity: 1 }
.grp-product .h-product .item .details a { line-height: 1.35em; color: #000; transition: all .3s }
.grp-product .h-product .item .details a.viewmore { color: #0021b0; font-size: 1.05em; margin-top: .5em; display: inline-block; transition: all .3s }
.grp-product .h-product .item .details .views { margin-top: 1em }
.grp-product .h-product .item .details .views a { margin: 0 .5em; padding: .5em 1em; background: linear-gradient(#f9f9f9, #e2e2e2); border: 1px solid #e2e2e2; border-radius: 3px; color: #000 }
.grp-product .h-product .item .details .views a:nth-child(2) { color: #fff; background: linear-gradient(#eebc5c, #ec9f0d); border: 1px solid #ec9f0d }
.grp-product .h-product .item .details h3 { margin: 0; transition: all .5s; line-height: 1.5em; padding: 0; width: 100%; text-overflow: ellipsis; overflow: hidden; text-transform: uppercase; color: #161616; font-size: 1.05em; font-weight: bold; }
.grp-product .h-product .item .details h5 { color: #5b5b5b; font-size: 13px; text-align: justify; line-height: 1.5em }
.grp-product .h-product .item .details h3:hover { transition: all .5s; color: red }
.grp-product .h-product .item .details h4 { display: inline-block; width: 100%; float: left; text-align: center; margin: .5em 0 0; padding: 0; font-family: var(--font), sans-serif; color: #3d3d3d; font-size: 1em; font-weight: normal; }
.grp-product .h-product .item .details h4 span { }
.grp-product .h-product .item .details h4 b { color: var(--red); font-size: 0.85em; font-weight: bold; }
.grp-product .h-product .item .details span { color: #e90d0d; font-weight: bold; }
.grp-product .h-product .item .details .priceold { text-decoration: line-through; color: #7b99a3; font-size: 1.1em; font-weight: normal; }
.grp-product .h-product .item .details .rowx { display: flex; text-align: center; }
.grp-product .h-product .item .details .rowx h4 { }
.grp-product .h-product .item .details { position: relative; width: 100%; padding: 7px; text-align: left; padding-top: 1.25em; }
.grp-product .h-product .item .details .grp-price { margin: 0; }
.grp-product .h-product .item .details .showaddcart { color: #555; margin-top: .75em; padding: .25em 1em; display: inline-block; border: 1px solid #f5f5f5; border-radius: 5px; cursor: pointer; transition: all .3s }
.grp-product .h-product .item .grp-buttonbar { margin: 1em 0; padding: 0 5%; }
.grp-product .h-product .item .grp-buttonbar button { background: #edf5f6; border: 1px solid #DDEDEF; padding: 0.525em 1em; color: #7b9aa4; border-radius: 5px; cursor: pointer; text-transform: uppercase; display: inline-block; float: left; transition: all 0.5s; }
.grp-product .h-product .item .grp-buttonbar button a { line-height: 1em; color: #7b9aa4; }
.grp-product .h-product .item .grp-buttonbar button:hover a { color: white; }
.grp-product .h-product .item .grp-buttonbar button:hover, .grp-product .h-product .item .grp-buttonbar button.active { background: #ed1b24; color: white; border-color: #ed1b24; }
.grp-product .h-product .item .grp-buttonbar button.cart { font-size: 1.15em; padding: 0.455em 0.85em; width: 23%; }
.grp-product .h-product .item .grp-buttonbar button.cart:hover { }
.grp-product .h-product .item .grp-buttonbar button.buy { width: 50%; margin: 0 2%; }
.grp-product .h-product .item .grp-buttonbar button.buy:hover { }
.grp-product .h-product .item .grp-buttonbar button.eyes { font-size: 1.15em; padding: 0.445em 0.85em; width: 23%; }
.grp-product .h-product .item .grp-buttonbar button.eyes:hover { }
.productindex .grp-product .h-product { transition: all .5s; }
.grp-product .h-product .morename:before { position: absolute; top: -12px; left: 0; width: 100%; height: 4px; border: 1px dashed #ccc }
.grp-product .h-product .morename { position: relative; margin-top: 1.25em }
.grp-product .h-product .morename .hot { width: 50%; float: left }
.grp-product .h-product .morename .hot a { color: #e51313; font-weight: 700; font-size: 1.15em }
.grp-product .h-product .morename .code { float: right; position: absolute; top: 0; right: -10px; width: 109px; height: 29px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG0AAAAdCAYAAACg2uKXAAACV0lEQVRoQ+2av2/TQBTHv0+R3CWB6t5ZKm1h5McICms7IMZKlWDt1D8gG4wwwtZ27tQR1IEJsXSKBEipxMLewXYlYGB2hB+yJULSprGbnquT/DJa777ve59vkrPujlDxExuzDaL9iuVaViMBqqKdWNsVkT6AhSr1WlMvgdLQTpeWwmw4HAC4U68VVa9KYGZoArQS5o8AnlYV1Lr6CcwMLWZ+A+Bl/Ta0w2UIXBhaYswzIXoPoPQv9DINtfbqBKYGkjDfF+ArgBtXb6EKrgmcC+2ntZ1UJA/sgetmqueGwERoAtAp8zsBnruRV5U6CEyEFjO/APC2jkaq6Y7AKLSI+QkBnwC03MmrUh0EitBiY26D6BhAWEcT1XRLgL4DwU3mPgGPx6VbKytY3N1F0O0iHQzwu9fDnzh2213V5iJAsbX7ENk+O5oPD7Gwvj56nPb7+LW5OVcTHeSWAEXMBwRsnZW9dXICarf/P05TJMvLbrur2lwE6EcYtodZlq9nd8cV9Jc2F89rGVS8iCTWPhKRzwCCf12LNW1vb3JNi6JrMaVNZhMYvfInxvSEaEeB+U9gFFq+G5IwfwCw4b/tZjuc2BGJOh2mIPgGYLXZWPye/bkN4yQM1yTLjnRnxN/gph7NxNa+hsgrf20329nU0IprBsYcgWit2Xj8nP2Fp9KRMatElK9v7Kf15rqafUfE2g2I5G+UeuXAo+9IaRgR8w4BPY88N95KaWj5KcAi8xcADxtPyxMApaHlPmNr70Ekv7A6toPsyQwaaKNSaMX+JPOWAAcNZOTdlP8C9wGBQOvnMyUAAAAASUVORK5CYII=); color: #fff; font-weight: 550; padding: .3em .3em .3em 1.5em; font-size: 1.05em }
.grp-product .h-product .item .details .showaddcart i { margin-right: .25em }
.grp-product .h-product .item .details .showaddcart:hover { color: #fff; background: #e541a2; border: 1px solid #e541a2 }
.grp-product .h-product .grp-prices { display: flex; align-items: center; }
.grp-product .h-product .grp-prices .grp-price { flex: 1 75%; text-align: left; }
.grp-product .h-product .grp-prices .grp-price .p-price-old { text-align: left; text-decoration: line-through; color: #A5A5A5; }
.grp-product .h-product .grp-prices .grp-price .p-price { text-align: left; margin: 0; font-size: 1.15em; }
.grp-product .h-product .grp-prices .victim { flex: 1 25%; text-align: center; }
.grp-product .h-product .grp-prices .victim .sales { padding: 0.25em 0; text-align: center; background: red; color: white; }
.grp-product .h-product .grp-prices .victim .sales i { }
.grp-product .h-product .grp-prices .victim .sales span { color: white; font-weight: normal; }
.blockright .grp-product { grid-template-columns: 1fr 1fr 1fr 1fr }
.content-body .bodyright {/* display: none */ }
.content-body .bodyleft {/* width: 100% !important; */ }
.social-footer { text-align: center; }
.social-footer .list-social { }
.social-footer .list-social li { display: inline-block; margin: 0 0.15em; }
.social-footer .list-social li a { }
.social-footer .list-social li a img { }
.view_video { }
#ifr_videolist { height: 230px; }
.submailbar { text-align: center; }
.submailbar input { width: 100%; margin-bottom: 1em; padding: 0.5em; border: 1px solid #e7e7e7; }
.submailbar input::placeholder { }
.submailbar button { padding: 0.5em 1em; background: #d0631d; color: white; border: 1px solid #d0631d; transition: all 0.5s; }
.submailbar button:hover { background: white; color: #d0631d; }

/**/
#search { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: translate(0, -100%) scale(0, 0); -o-transform: translate(0, -100%) scale(0, 0); -ms-transform: translate(0, -100%) scale(0, 0); transform: translate(0, -100%) scale(0, 0); opacity: 0; z-index: 9999999 }
#search input[type=search] { position: absolute; top: 50%; width: 100%; color: #fff; background: rgba(0, 0, 0, 0); font-size: 60px; font-weight: 300; text-align: center; border: 0; margin: -51px auto 0; padding-left: 30px; padding-right: 30px; outline: 0 }
#search .btn, #search .close { background-color: var(--color) }
#search .btn { position: absolute; top: 50%; left: calc(50% - 75px); margin-top: 60px; border: #000; width: 150px; height: 45px }
#search .close { position: fixed; top: 15px; right: 15px; color: #fff; border-color: #0b45e0; opacity: 1; padding: 10px 17px; font-size: 27px }
#search.open { -webkit-transform: translate(0, 0) scale(1, 1); -moz-transform: translate(0, 0) scale(1, 1); -o-transform: translate(0, 0) scale(1, 1); -ms-transform: translate(0, 0) scale(1, 1); transform: translate(0, 0) scale(1, 1); opacity: 1 }
.social-top ul { display: inline-block }
.social-top ul li { display: inline-block; margin: 0 .5em }
.blck_hotline a { font-size: 1.5em; color: white; font-weight: 700; padding: 10px 20px; background: #007fff; border-radius: 15px; }
.quick-alo-ph-circle, .quick-alo-ph-circle-fill { -webkit-border-radius: 100%; -moz-border-radius: 100%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50% }
.blck_hotline { position: absolute; bottom: -140px; width: calc(100% + 130px); text-align: center; opacity: 0; transition: all .75s }
.quick-alo-phone:hover .blck_hotline { opacity: 1; transition: all .75s }
.quick-alo-phone.quick-alo-show { visibility: visible }
.quick-alo-phone { position: fixed; visibility: hidden; background-color: transparent; width: 82px; height: 64px; cursor: pointer; z-index: 200000 !important; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: visibility .5s; -moz-transition: visibility .5s; -o-transition: visibility .5s; transition: visibility .5s; right: 150px; top: 30px }
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle { border-color: #007fff; opacity: .5; }
.quick-alo-ph-circle { width: 160px; height: 160px; top: 20px; left: 20px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid #bfebfc; opacity: .1; -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out; animation: quick-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill { background-color: #007fff; opacity: .75 !important; }
.quick-alo-ph-circle-fill { width: 100px; height: 100px; top: 50px; left: 50px; position: absolute; background-color: #000; border-radius: 100%; border: 2px solid transparent; opacity: .1; -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.kenit-alo-circle-fill, .quick-alo-ph-img-circle { -webkit-border-radius: 100%; -moz-border-radius: 100% }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle { background-color: #007fff; }
.quick-alo-ph-img-circle { width: 60px; height: 60px; top: 70px; left: 70px; position: absolute; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMA/fnwB9f2sUzq5dLDrDUi+t27jWpmXzALBOHNtJ6Dd1hUR0I9OB8Cx5mSiH1wGxkWEaWjUGLgVpsAAAFWSURBVDjLdZPpkoIwEIQn4RIFFA+8EURBXY+98v6vtrkYki38fqWmO0yqZwCDJjnsvHASbuPsC3oYjBhC4vF/+RwRxhwHLTRfm/I4IL4WkcA19CHrIVqB5pmqSjixHVetf3pMcnkVxHYMpL7Sr9/zngvbkDYAbZFs5JumtuMXOKrB8AMER9swFfno8wIkI8vg8zAifT4IebmjzGIJY/Nrruczmww7UN/lBoaJYeO5PjnshC8wmKOB58ANyYTZFFDq+5xKDHUjxvSDT60h6QypGM76nNU8/ZnSh7wirugR3KAjl5WYn4RX7wJ5QEfUhvN0ZAvFHfWEqJw4c2YgJyIjUx0Ezc50XOSl9U2Gpzd3JdwI2eaPu6rMcOFZLyH+HftenRSgedE+nZbQMuvT/SPqtRrQ9krM/icl4hpGA4AKl2GUudDxzbdJ+d0ySCn14gosgiCB9/wB7hZ8KfMqBEkAAAAASUVORK5CYII=') center center no-repeat rgba(30, 30, 30, .1); border-radius: 100%; border: 2px solid transparent; opacity: .7; -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; animation: quick-alo-circle-img-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% }
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle { background-color: #ff9800 9 }
@-moz-keyframes quick-alo-circle-anim {
	0% { -moz-transform: rotate(0) scale(.5) skew(1deg); opacity: .1; -moz-opacity: .1; -webkit-opacity: .1; -o-opacity: .1 }
	30% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .5; -moz-opacity: .5; -webkit-opacity: .5; -o-opacity: .5 }
	100% { -moz-transform: rotate(0) scale(1) skew(1deg); opacity: .6; -moz-opacity: .6; -webkit-opacity: .6; -o-opacity: .1 }
}
@-webkit-keyframes quick-alo-circle-anim {
	0% { -webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 }
	30% { -webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5 }
	100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 }
}
@-o-keyframes quick-alo-circle-anim {
	0% { -o-transform: rotate(0) kscale(.5) skew(1deg); -o-opacity: .1 }
	30% { -o-transform: rotate(0) scale(.7) skew(1deg); -o-opacity: .5 }
	100% { -o-transform: rotate(0) scale(1) skew(1deg); -o-opacity: .1 }
}
@-moz-keyframes quick-alo-circle-fill-anim {
	0%, 100% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
	50% { -moz-transform: rotate(0) -moz-scale(1) skew(1deg); opacity: .2 }
}
@-webkit-keyframes quick-alo-circle-fill-anim {
	0%, 100% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
	50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
}
@-o-keyframes quick-alo-circle-fill-anim {
	0%, 100% { -o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
	50% { -o-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
}
@-moz-keyframes quick-alo-circle-img-anim {
	0% { transform: rotate(0) scale(1) skew(1deg) }
	10%, 30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) }
	20%, 40% { -moz-transform: rotate(25deg) scale(1) skew(1deg) }
	100%, 50% { -moz-transform: rotate(0) scale(1) skew(1deg) }
}
@-webkit-keyframes quick-alo-circle-img-anim {
	0%, 100%, 50% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
	10%, 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
	20%, 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) }
}
@-o-keyframes quick-alo-circle-img-anim {
	0%, 100%, 50% { -o-transform: rotate(0) scale(1) skew(1deg) }
	10%, 30% { -o-transform: rotate(-25deg) scale(1) skew(1deg) }
	20%, 40% { -o-transform: rotate(25deg) scale(1) skew(1deg) }
}
@-moz-keyframes fadeInRight {
	0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
	100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
}
@-webkit-keyframes fadeInRight {
	0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
	100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
}
@-o-keyframes fadeInRight {
	0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
	100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
}
.ui-slider-horizontal { height: 3px !important; background: #fff }
.ui-slider .ui-slider-handle { width: 8px !important; height: 8px !important; border-radius: 50% !important }
.ui-slider-horizontal .ui-slider-handle { top: -3px !important; margin-left: 0 !important }
.contain_slider_number { padding: 7px 0; position: relative }
.num_after, .num_before, .tooltip_slider { position: absolute; color: #fff }
.num_before { right: 100%; font-size: 13px; line-height: 20px; top: 0; font-weight: 700 }
.num_after { left: 100%; margin-left: 5px; font-size: 13px; line-height: 20px; top: 0; font-weight: 700 }
.tooltip_slider { bottom: 100%; white-space: nowrap; padding: 3px; background: rgba(0, 0, 0, .5); margin-bottom: 5px; left: 50%; margin-left: -7px; display: none }
.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%, 100% { opacity: 1 }
	50% { opacity: 0 }
}
@-webkit-keyframes blinker {
	0%, 100% { opacity: 1 }
	50% { opacity: 0 }
}
@keyframes blinker {
	0%, 100% { opacity: 1 }
	50% { opacity: 0 }
}
.support-online { position: fixed; z-index: 999; left: 0; bottom: 0; display: none }
.support-online a { position: relative; margin: 20px 10px; text-align: left; width: 40px; height: 40px }
.support-online i, .support-online svg { width: 40px !important; height: 40px; background: #43a1f3; color: #fff; padding: 5px; 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: #67b634; padding: 9px; display: none; width: 180px; margin-left: 10px; position: absolute; color: #fff; z-index: 999; top: 0; left: 40px; transition: all .2s ease-in-out 0s; -moz-animation: headerAnimation .7s 1; -webkit-animation: headerAnimation .7s 1; -o-animation: headerAnimation .7s 1; animation: headerAnimation .7s 1 }
.support-online a, .support-online a:hover span { display: block }
.support-online a span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #67b634 transparent transparent; position: absolute; left: -10px; top: 10px }
.kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -ms-transition: all .2s ease-in-out; 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, .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 #0089B9; opacity: .5 }
.menumobile, .mm-menu { background: var(--color) }
.support-online .btn-support { cursor: pointer }
#menu_mobile { opacity: 0; height: 0 }
.menumobile a { font-size: 25px; color: #fff }
.menumobile { padding: 7px 15px; display: none; border-top: 1px solid #fff; z-index: 9999 }
.menumobile.menufixed { position: fixed; top: 0; left: 0; width: 100% }
.blockslider ul li img { width: 100% }
.blksilir { position: relative }
.hotlinesite a { color: #000; font-size: 1.5em; font-weight: 700; display: inline-block; padding-left: 3em; padding-top: .35em }
#mapshow { height: 350px }
.submail { padding: 3em 0; text-align: center }
.submail .title span { font-size: 1.75em; font-weight: 700; color: #fff }
.submail .title .sub { font-size: 1em; margin: .5em 0 1em; color: #fff }
.submail .content input { padding: .45em .75em; width: 25% }
.submail .content input::placeholder { color: #666 }
.submail .content button { padding: .55em 1em; background: #ec9e0a; border: 1px solid #ec9e0a; font-weight: 700; color: #fff; transition: all .5s }
.submail .content button:hover { background: #fff; color: #ec9e0a }
.contentleft { width: 270px; float: left; margin-top: 30px; position: sticky; top: 1em; left: 0; z-index: 999 }
.contentright { width: 900px; float: right; margin-top: 30px; position: relative }
.contentleft .leftitem { padding-top: 55px; position: relative; background: #F8F8F8; box-shadow: inset 0 0 20px #d5d5d5; border: 1px solid #d5d5d5; margin: 30px 0 }
.contentleft .title span { margin: 0; color: #fff; font-size: 15px; font-weight: 600; position: relative }
.contentleft .content { z-index: 1; margin-bottom: 2em }
.content-body {margin: 0 0 0 0;}
.content-body.flask {
	padding: 25px 0;
}
.content-body .rowstitle {text-align: center;width: 100%;position: relative;}
.content-body .rowstitle:after { content: none; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #D7D7D7 }
.content-body .rowstitle .title {cursor: pointer;padding: 0;position: relative;text-align: center;background-size: cover;padding-bottom: 0;}
.content-body .rowstitle .title h2, .content-body .rowstitle .title span {position: relative;z-index: 9;font-family: var(--fonttitle);text-transform: uppercase;color: #171717;font-size: 28px;font-weight: 900;margin: 0;display: block;background: url(../images/home-title.png) center bottom no-repeat;padding-bottom: 30px;margin-bottom: 35px;}
.content-body .rowstitle .title h4 { color: #383838; font-size: 1em; }
.content-body .rowstitle .title .num { position: absolute; top: 0; right: -23px; height: 44px; width: 44px; 0% */border-radius: 50%; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center }
.content-body .rowstitle .title .num span { color: #424242; font-size: 1.1em }
.content-body .rowstitle .subtitle { width: 100%; position: relative; text-align: center; }
.content-body .rowstitle .subtitle ul li { display: inline-block; padding: .8em; position: relative }
.content-body .rowstitle .subtitle ul li.active a, .content-body .rowstitle .subtitle ul li:hover a { color: red !important }
.content-body .rowstitle .subtitle ul li a { font-family: "SVNAvoBold"; font-size: 1.5em; font-weight: bold; text-transform: uppercase; color: #373737; }
.content-body .rowstitle .subtitle ul li a.viewall { color: #393939 }
.productcustom { margin-bottom: 2em; margin-top: 2em }
.productcustom .title { margin-bottom: 1em; padding: .5em 0; border-bottom: 1px solid #999 }
.productcustom .title h2 { margin: 0; font-size: 25px; color: #1b1b1b; display: inline-block; text-transform: uppercase }
.productcustom .content .grp-product .h-product { padding: 0 10px }
.productcustom .content .owl-theme .owl-controls .owl-buttons div.owl-prev { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAMAAAApB0NrAAAASFBMVEWZmZmfn5+cnJz///+ioqKampqkpKShoaHc3Nyurq74+Pjh4eHV1dW2trazs7P8/PzZ2dnR0dHNzc3FxcWwsLCrq6vi4uLKyspd3CbJAAAAmklEQVQ4y93TSw7CMAwE0Ezi2G0pv1Lg/jdlsm2lCTtQvX5y/EuK3I2E1I2DmMromOp45CxNNQzlnasyQTKt0rQs19HFWyS3Ui4OUbNjJjGI3s3umyw7E0FyNogZIhaSQFLG5pYmK5MCRGtDquZg5yORMEQDkeydCKc2ZmzNDk1PuYuGXkR679WZaaHp3hi+uNV/+ju/NY5ufADcpQQxZ+bEuQAAAABJRU5ErkJggg==); width: 35px; height: 35px; top: 0; right: 3em; left: auto }
.productcustom .content .owl-theme .owl-controls .owl-buttons div.owl-next { width: 35px; height: 35px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAMAAAApB0NrAAAAS1BMVEWZmZmfn5+cnJyenp7///+ioqKkpKShoaGbm5uampqurq7h4eH4+Pjb29vV1dXQ0NC2traysrL8/Pzd3d3Ly8urq6vX19fGxsbDw8OK6GgXAAAAmElEQVQ4y9XTSxbDIAgFUAFRsEn6/+x/pRUnHeU5TRnfA5wnJp5WTfOS/zdm5hPD/KFi0Bg/8p3UsWlLRxXPKu2WV1G4M5VrDgRMR9rRRgXmI9HprAozFL10VCvMWepAhAxHo02RYW2xNZo1yKuinSXIGmTXSAR9IoVv8VwG2TfOPwJuo5PiyCThN76xKHP3I/2dAxiaVvkCF+MFEQ5r5ZwAAAAASUVORK5CYII=); top: 0; left: auto; right: 0; transform: scale(1) }
.mabot1em {margin-bottom: 2em;}
.content-body .bodyleft { width: 70%; float: left }
.content-body .bodyright .title { margin: 0; background: var(--color); padding: .75em 0; border: 1px solid var(--color); text-align: center }
.content-body .bodyright .title h2 { margin: 0; padding: 0; font-size: 18px; color: #fff; font-family: var(--font); font-weight: 400 }
.a-viewmore:after, .aboutindex--banhmi .blockimg a:after, .aboutindex--banhmi .label:after, .block_doitac .label-doitac:after, .color-active:after, .custom-select:after, .grp-product .h-product .morename:before, .page-album .h-album .img a:before { content: '' }
.content-body .bodyright .content { background: rgba(0, 159, 22, .05); padding: 0 15px; border: 1px solid var(--color) }
.content-body .bodyright .content ul { width: 100% }
.content-body .bodyright .content ul li { padding: 15px 0; border-bottom: 1px solid #ccc }
.content-body .bodyright .content .img { display: inline-block; float: left; width: 40% }
.content-body .bodyright .content .img img { width: 100% }
.content-body .bodyright .content .name { width: 57%; float: right }
.content-body .bodyright .content .name h3 { margin: 0; font-size: 13px; color: #474747; line-height: 1.5em; text-align: justify }
.content-body .bodyright .content .name h5 { color: #454545 }
.content-body .bodyright .content .name h5 b { color: #e01919 }
.content-body .bodyright { width: 28%; float: right; position: sticky; top: 1em; right: 0; }
.bodyright .subdetails { padding: 15px; border: 1px dashed #e1e1e1; margin-bottom: 2em }
.bodyright .titles { margin-bottom: 1em }
.bodyright .titles span { font-size: 1.15em; font-weight: 700; color: #02a552 }
.bodyright .contents { max-width: 100% !important; word-wrap: break-word; width: 100% }
.product-shortinfo ul li { padding: .3em 0 }
.product-shortinfo .content .name h1 { margin: 0; font-size: 1.5em; color: #000 }
.product-shortinfo .content .grp_price .price { width: 50%; float: left; text-align: left !important; color: #444; margin: 0 }
.product-shortinfo .content .grp_price .price b { color: #e01919; font-size: 1.2em }
.product-shortinfo .content .grp_price .priceold { width: 50%; float: right; text-align: left }
.product-shortinfo .content .grp_price .priceold span { padding: 0 .5em; text-decoration: line-through }
.product-shortinfo .content .color span { width: 20%; float: left }
.product-shortinfo .content .color .color-content { width: 80%; float: right; text-align: left }
.product-shortinfo .content .color .color-content li { height: 20px; width: 20px; display: inline-block; margin-right: .5em; cursor: pointer; position: relative }
.color-active:after { width: 10px; height: 10px; position: absolute; top: 5px; left: 5px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAXVBMVEUAAABPTSFQTiFHRRaUkniKiWtjYjvx8e7w8Ozr6+bf39jf39fU08ja2dDR0cXHxrjBwLHY2M7CwbGwr5vg4NihoIiYln2xsJyKiWySkHWTk3izsqBubEj////6+vhQJZO4AAAAHXRSTlMACQsFTyIS8uni29nTwsK7t6WhmIx5a2dgXEA/KZqKfSQAAABPSURBVAjXFc3HEcBAEALBuT157z3KP0ytmg8fCsLPyI6UYA56lQTvkVkSLrJK704yJFySFpDyrZJGoNWvNjydt+LxOWSNdGMWMNLpJPrPB+lmBIrYhKKgAAAAAElFTkSuQmCC) }
.product-shortinfo .content .size { width: 50%; float: left }
.product-shortinfo .content .quanlity { width: 38%; float: left; margin-right: 3em; position: relative; margin-top: .25em }
.product-shortinfo .content .quanlity input { width: 60px; position: relative; text-align: center; border-radius: 0; margin: 0; float: left }
.product-shortinfo .content .quanlity span { float: left; margin-right: 2em; padding-top: .5em }
.product-shortinfo .content .quanlity .btn-add { top: 0; height: 16px; width: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAIVBMVEX///8dHR3Z2dmcnJxCQkKx6f//6bFjHWNkZGSVzf//zZU8Gg0VAAAAN0lEQVQI12NgdhQEAhEDBgsFBiBgamZwYgADFQYBCIMRxEgPwMHgAuqWxKsGZg6CAbcCbincGQC8HglpStkF5wAAAABJRU5ErkJggg==); padding: 0; right: -15px }
.product-shortinfo .content .quanlity .btn-sub { position: absolute; bottom: 2px; padding: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEX///8dHR3Z2dmcnJxCQkJkZGSVzf//zZX5iDBRAAAAMUlEQVQI12NgdhQEAhEDBlMFBiBgCmZwYgADFQYBCIMRL4MdqFsMLkIcA24F3FK4MwBWagSzCnrdOgAAAABJRU5ErkJggg==); height: 16px; width: 16px; right: -15px }
.product-shortinfo .content .quanlity button { position: absolute; right: 0 }
.bxslider .adv-center, .custom-select { position: relative }
.product-shortinfo .content .shipper, .product-shortinfo .content .shipto { display: flex; align-items: center; margin: .3em 0 }
.product-shortinfo .content .shipper>span, .product-shortinfo .content .shipto>span { width: 20%; display: inline-block; float: left }
.product-shortinfo .content .shipper .blockselect, .product-shortinfo .content .shipto .blockselect { width: 30%; float: left }
.product-shortinfo .content .shipper .log, .product-shortinfo .content .shipto .log { float: right; width: 50%; padding-left: 2em }
.product-shortinfo .content .shipper .log span, .product-shortinfo .content .shipto .log span { color: #4267b2; font-weight: 700 }
.product-shortinfo .content .shipper .blockselect .select2, .product-shortinfo .content .shipto .blockselect .select2 { width: 100% !important }
.product-shortinfo .content .shipper .blockselect .select2-container--default .select2-selection--single, .product-shortinfo .content .shipto .blockselect .select2-container--default .select2-selection--single { border-left: 1px solid #ccc; border-right: 1px solid #ccc }
.product-shortinfo .content .static_p b { font-size: 1.2em; color: #4267b2 }
.product-shortinfo .content .grp_btn #btn_addtocart { float: left; padding: 9px 9px 9px 42px; margin-left: 15px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAPCAMAAAA4caRkAAAAkFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+WABnwAAAAL3RSTlMAIr8QwhXMu586NjG2kUo/r6qmcUQtG9zXz8ayh1lPKicE+PHkmot8Yw0K7HghH1PemiwAAACySURBVBjTbc1HDsMgFATQb9ywMbj33kva/W8XQuwFSt5mpGG+AD9Nsyf8im3boZAokocKHJmOShPQqTDEDQqhiwmxbct1oyhibAlE32Qwa8g0HacsPc8PyqETfZ81vdLGhO8j1tT1guErRED5gcO3eKZ4aM9enayki/mc1Vu4+hgu99H8zANMqzXcdLj0RQV/JSlTL9KDmxeGoFGQWEQXLCLV7SsXud9GXfogxyIPE+083jmXDBzwbZh5AAAAAElFTkSuQmCC) left 8px center no-repeat #e12929; cursor: pointer; color: #fff; font-weight: 700; border: 1px solid #e12929; text-transform: uppercase; border-radius: 5px }
.product-shortinfo .content .grp_btn .btn-booking { float: left; padding: 9px 22px 9px 42px; margin-right: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAMAAABl5a5YAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMA9+vtZWr7TiJW18i+PAzMtKSVjWJGQxLv4N5xX11PLx0H0jZoYQAAAIBJREFUGNO1zFcOg0AMBNBZb8myjQ7pxfc/ZByIQDlA3oflGVnGYgxEpxt29yOzMtgd9B+KkaS4bvHRN4rZpS5jNTe8SE98+ZrFOa/BF2D6/KiA4j1iLQsuzD2AKUY4thBtKjIrxSA5Fa8ZIpMGudZYa4dBhukUQbNTG8cagX6ENxxWCNbwjPKJAAAAAElFTkSuQmCC) left 8px center no-repeat #f2b309; cursor: pointer; color: #fff; font-weight: 700; border: 1px solid #f2b309; text-transform: uppercase; border-radius: 5px }
.product-shortinfo .content .grp_btn .btn-booking a { color: #fff }
.product-shortinfo .isStock i { width: 25px; height: 25px; display: inline-block; margin-left: 2em; margin-right: .25em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF8AAAAyCAMAAAAN+PdDAAACiFBMVEUAAADp5ODk5eDp6ufi4Njm5eDw8fDn5uTk3Nja3NkljkPU2NO60brwjo68vLvY2NbuJiR0s4Lym51/tIzzvLv3ycrL1czO4tQNgjDjHx1Eml/2390ciT3pJyzoPT7nQkVQoWjsamyVwZ/wtrbqGxobhjPvOjw1mE9BmlvnVFVKo2LyWV30f3/wc3d2q3/xqazvcnGRv5vupaqgx6tponCy07T50NH33Nzuj4/mw8HlFhMjklIzkkPuSEk8lVbqWlnvhI6BuIiJvJaeyaPyn6G9vryqzrHFxcR3rYKy0rmwzrTC2sLv8e/xDxPtMjHkNDY0lFLrU1npSUxprXxmonfvh4Z+v5rpjI3vlJRtuILAwb/0yMqfyKnxmqGWvqLvqanwubybwaPz0M71srXqLSopl0DlLS0ui0E4mExHnldeqXfrXWNPnllbpmxTnWbpXVzqe3pdoGvpbmJzsYTyeH5jq3D1s7lpqXW31r6MupH1u7rJych2sYV7rYbzo5600blvrn91snwwmEMkizbscXJwrHLwjpeAuY3iV1vxeHXrioyTyannmqDzfoOOv5jmenfvhX4mhzEReyzmHx7mTEV0tZP0p63hXV7wsrJSmV3lU0+8vLzpAAHkAQLtAAHrABToABIAlEEBlkbnARoBmUMAfBnmAwzrABkAhCHqAAYAjjLqAAwBhy8ClUoAfSPxAAEAgikAl0AAkUABhijtAwrhAQABm0gEkEUBijMAlToAkTYDgzEAiivqDxDuAA4QjzsAkDrhAxAAjDoHgCgDeicBiiQPhiviDg3xABcAdAwDl08ZjkoAmTwUjjIAlDHnFyMEhzgEjSvpJCUAhxj2ABIAcR7eAhsAoVNSDkjuAAAAnHRSTlMACRkSAw0FHiUt+DkfkX40+aqTgm5NSz/9+dIu/fbc18e1Lh7+++zq5M3Mxrm0iXx0cm5mY2BVPjEV/PTm49nKmpqRjHl2bGNgUkg2Jv706+Hf1reopId+cG5tX15SUUxKQzgt6ubg1c3Jw8K/urm3qKimnpWPf3lyaF1YSjs4MCcS7+nMtqakkoyIgmZiXFUV+ezkybeXaEHPqnrLSpafAAAJOElEQVRYw91X52NURRDfy7VwJJoEQnqDVEgoCSWhg4L0jqBI71IFEUV6kSLYu/PqvXbves2ld5IgIN1/x72W9+4g4ic/+Ptyt3Mzv52dmZ2dQ/81Ll3cWfcWxqdLL176lybfnN/xyU8ZGT9t3n7+m9eonl04fnZ+i8vl6u3NrshduMzwWnLN1vlFaW1AEARYStN+SN36DyZfHTa1yK2yh2EYT6fNG2wxjZ/yGvZPqp6QQAJYaavVAuB0PplXO4zussP5riDD2kPsjKeJsbNMUCo7uFTRMJxNijc5U9RGkhZKpGjaSmOIAz4/2TZv+6s8mWjyNtvv2eVmWXrwoOOBJDlkLuBu7iubqImqpHwkrdcgBdqNM4EUaBowfKU+fA6CoEXRBzm3NIn0Sdd4mWO4ZtfdveMXnH5v6tSFH87NdsgsyzbzR1Ii0avkBz/SKybGCUDQZszeVn4oNWNyakbqhPJ+sJjFAQtRYkygz33exNmbvPnr6y4aYu5uSy9zhaLkWLMTIf1bd3nbAqQguRAEs1mAlTW3d0dFut21h/qh3SxSZNGKeHrezrofSkfP6ZAayzfwQZaVB39EY3/ln95VJ9u4D9MLJFmzI85E8ws+FWWmnXNUqdJtcHBu1vZgih4lQDftstfW81bKkgqHZJqmpq/CsbESaaNfirR20kygzRSUKL+McjQ1sq2zz6JXIOsKdvuzbFn6boxaPB8sAg3f73qVyderiHa8960hivzHHOu6shO9EueWoQX8Q2n2BbUwsw0oAvbUo4ZxifrJBpS5iqQoS86MaAw+dLg5uewcGgaGI45A3/4UtUhfBDRF5NSjpHVrEzY4v/Y3hLbPtIgiOS8SoZ3Z3fYmx+Lh6Mfm8qxtvzZLHf23wUcJltFo3FW/v7A+jn41CRv1aBJpFZ2wJSxaz3MsXzwc/blK6b5tv35F2WytksIioCiyBKFxa51W2JOpCv0ewkLizGqqYICCQ5pQDZq8Afnu0uG8n+vlvPtTjJV8n5Lf6f0g+tpC4U1e66Rg1XQUxWhcOjChAX/bYrWIZGko/Yslhns6XjMM/RrJHvzuYkqFxLoWKsVDWmmiJFz3u/eBSKTVRsPW5hRhTnL4HlQRYju8jbN3rS/QnD1qWO8DctkyVDfovhc8ELsdDVVAAXEmsthVAGYQUkOUN0EYgNV5Efkksl0kJ+hRSoWNbZ21Av/8cuNOyZUCTT0488Y1LnuraURUnJcGNLk6OVaqOWAmiPlIU03CC/++KD2aUUBSsHoFWt7RzdmKcSSLx3+QECT9UZ67z4ePtl5i5I5lUfkWp0WAQwjFlv0kDZaPjzsFiozVPHY3lJmcTPRVRzdjS0dJlYO2R7nT4hrEdd4d4DdEbrjX43F9GpV/QlisxBeKXi2A2C7grgNtoxVpDdkFK++gqR2MJ3gS9/ZemWtxFH+gKEzsZQKONZEwvGdrZLxfKtXv86uYUEY/hSFaSiephB8TXQK5OcL/Ll4vXYPvgeTYEGusUzB9a34WivB3YH6sFcYmaKeEn5F6A7DSVLuwSS1L7WrvIlIxv4exhS1TrkmNfzXxs+siL322HAjdaoXfpfBTFKHm11YDTVNW4WYcv/CMhgy0pKPTHS1t/cSeh9z9pz0nk/Ct29vnvu84GVP+LBT/WHwmgdXqV4eiGgT8vIuEf746Pk6Kgs1o24Nmtys9Kjtts3Fcs+3gBX0xzwS8cxuGOrjEeFqG8kvG5/cmfhQtK7usZsKXoUhLnLTQdgctf/CQc42PCetm2TjGLVX+2NLJdfcqHeFDiWluiS2nA4G7gE5pdl1msm1yqoB3Ec4Mdd11uP6fZCJjhcwFZy2Pibflt7KN9qBkt9/n05WeXmGz9+2NtejdBZh/VV4sWm3Y8dK3cZIFEImZ02P3Kw1EZ6ER6U66WE/LRBTDkrJueyOL95CuKDPAp5LMSgc1sXtXRdIWS7RAz6wEM6SFF7WlTvx1R7SkcH+AE/iQ03iPXZqrNN/FPY+YxkbW06O85oZiB9fseFcpDRBEiLweO3KcZnJfZjRwBTAA39fHWnh7+JKM+NYb6M5W3atRvUG28R7OyRCyWmR7a/7IofUM3IYtRIj0lzkgwJxdQ417D9Dkut3IgG73+0RIC8cwnWc4KVfVe071eu557o5BquyyDF9sUM4zAWh8AAMat5ok/YV5imZ9oV8g5miRtpAQn8HxiHfZrffdDtXopFvv+ItXrafwnezDuBdoi0CbfXALNWwEZ0ncTD5unl9I1aONQJthZTRs6byba+Y/U5QaDgzOVsajbdlyI/f0cNxY9AOYKdK3FemOVWsSxoerNxDaTPjMAtTooqK9Noa1mVQpGPvtlwq96dE9ttU0EqmxK80pUlCQiXR6lIAGTP+EMJuJghlDt79XdrMtpvdUs/pQbU4zeRvvMXziA7cJj1ACWf41egUmP8HRsRC1qlb8vJNjZe/CpERV/agemWW5wXRD/NiINDVgNVPQn/rSfGX8wgJ0Vxf5sVqY/twdYB/yc+v08dNnsauRcTODh/UoEdoqwipStH9dbZxTSaMLASff6q+O88iQ7ujEE3RfT+6oncao6xdOH7zrdXN2hj+q0CvQHgMcBsHfv27+dm2UfPuNIj88o2iAq9rEvy89QQb3TqllVuWRU6dOnzqSO+uRJAfsjGxboNDHmRwHJyW+IMBXUHSs+kRNdUlhDoFbKUUBcSOBXocbT6W3tYllmc7WPvnx48d9j2UPF2iytVxOTK1itKkcSBpXCgEk6XOSJInLBpcVWX7nVeopG0y81M2xeA+myc2xjVxTK59/dCQaHnnHSkmwUi/EAYqiurooceAZEDkb84ZRz7pe4XDJwUfdnZ2d3cGg7enl9DHonzG9ZhXgoDh9lNUqWMBPlh/fgYbH2LrrB0x/hDHrwEeLx6LXo370ifK0P8MomHPidv1r1HWXLixdMnXqkg+yLqF/CYMxb+tkjK0rxunQ/xE6nUGj12u1RqMxecSbI96MYMSI5GRjUpJWr9cYdIkHj1okRUxGRoBtsJExbKLBRkO6IU2sljXm83feX7Ro0RshLHr//Xfe+XzMyIgB1k6g1yZh5pERkzci+H2RykSrxybKAQyaiEMhGDFCn1oMvUZxJQ6GsElIJUkBXkWc12GEjP4Gvh/R5sD/cp8AAAAASUVORK5CYII=') no-repeat; background-size: 48px }
.product-shortinfo .isStock .icoNochecked { background-position-x: -25px }
.advoflist { margin-top: 1em; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px }
.advoflist .img img { width: 100% }
.custom-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: auto; padding: 5px 38px 5px 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEX///+Xl5fLy8uEwcGnAAAAH0lEQVQI1wXBQREAAAgDIM6fQYy0aOsrMCxHTWxcNA8UXwLfGgwDbgAAAABJRU5ErkJggg==) right bottom no-repeat #fff; background-size: 10px; transition: border-color .1s ease-in-out, box-shadow .1s ease-in-out; border-bottom: 1px solid #ccc; border-right: none }
.custom-select:focus { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2); outline: 0 }
select::-ms-expand { display: none }
.blktab_details { border-bottom: 2px solid var(--color); margin-bottom: 1em; margin-top: 2em }
.blktab_details ul li:hover { transition: all .5s; border-top: 1px solid var(--color); border-left: 1px solid var(--color); border-right: 1px solid var(--color) }
.blktab_details ul li { display: inline-block; padding: 10px 20px; font-size: 1.2em; cursor: pointer; transition: all .5s; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent }
.details_content ul li { display: none }
.active_tabs { background: var(--color); color: #fff; border-top: 1px solid #fef200; border-left: 1px solid #fef200; border-right: 1px solid #fef200 }
.active_contents { display: block !important }
.aboutindex--banhmi { background: url(../images/bg_about.png); padding: 4em 0 }
.aboutindex--banhmi .blockcontent { height: auto }
.aboutindex--banhmi .label { margin-bottom: 0; display: inline-block; position: relative }
.aboutindex--banhmi .label:after { position: absolute; top: calc(50% - 2px); left: 105%; height: 4px; width: 70%; background: #A8A8A8 }
.aboutindex--banhmi .blockcontent h3 { font-size: 2.5em; font-weight: 400; margin: .5em 0 }
.aboutindex--banhmi .blockcontent h2 { margin: 0; color: #ec243b; font-family: 'UVN Bui Doi'; font-size: 2.2em }
.aboutindex--banhmi .blockcontent h4 { text-align: justify; line-height: 1.75em; font-size: 1em; color: #333 }
.aboutindex--banhmi .blockimg { position: absolute; top: -10px; right: 0 }
.aboutindex--banhmi .blockimg a:after { position: absolute; bottom: -20px; left: -20px; background: #CCC; z-index: -1; height: 250px; width: 350px }
.aboutindex--banhmi .blockimg a { display: inline-block; position: relative; z-index: 9 }
.aboutindex--banhmi .blockimg a img { background: #fff; z-index: 2; padding: 8px }
.aboutindex--banhmi .container, .aboutindex--banhmi .contentvideo ul li { position: relative }
.aboutindex--banhmi .contentvideo ul li img { width: 100% }
.aboutindex--banhmi .contentvideo ul li:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: 0 0 }
.aboutindex--banhmi .contentvideo ul li i { font-size: 3em }
.index-product { padding: 2em 0 }
.index-product .row-product .h-product { display: block }
.index-product .row-product .h-product .img { display: inline-block; position: relative }
.index-product .row-product .h-product .img>a { display: inline-block }
.index-product .row-product .h-product .img>a .img-hov { position: absolute; top: 0; left: 0; opacity: 0; transition: all .5s linear }
.index-product .row-product .h-product .img>a:hover .img-hov { -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; opacity: 1 }
.index-product .row-product .h-product .details .name { margin-top: 3em }
.index-product .row-product .h-product .details .name>a { display: flex; align-items: center }
.index-product .row-product .h-product .details .name .numstt { display: inline-block; padding: 1.5em 0 }
.index-product .row-product .h-product .details .name .numstt span { font-family: var(--font); font-size: 5em; color: #dfdfdf; border-bottom: 3px solid #dfdfdf; padding-bottom: 0; transition: all .5s }
.index-product .row-product .h-product .details .name a:hover h3 { transition: all .5s; color: #28398b }
.index-product .row-product .h-product .details .name a:hover .numstt span { color: #ec243b; transition: all .5s; border-color: #ec243b }
.index-product .row-product .h-product .details .name h3 { font-family: Arial; color: #1a191f; text-transform: uppercase; font-weight: 900; font-style: normal; display: inline-block; margin: 0; padding-left: 1em; font-size: 1.5em; transition: all .5s }
.index-product .row-product .h-product .details h3 { color: #666; font-size: 1em; line-height: 1.5em; text-align: justify }
.index-product .row-product .h-product .pal0 { padding-right: 3em }
.index-product .row-product .h-product .par0 { padding-left: 3em }
.viewmoring { text-align: center; margin: 1em 0 }
.viewmoring a { font-size: 1.2em; padding: .3em .75em; background: #db1818; border-radius: 5px; color: #fff; cursor: pointer; transition: all .5s; border: 1px solid #db1818 }
.viewmoring a:hover { transition: all .5s; background: 0 0; color: #28398b }
.a-viewmore img { padding-right: .2em; display: inline-block; padding-bottom: .15em }
.a-viewmore { display: inline-block; padding: .5em 1em; border: 1px solid #dadada; color: #333; position: relative; transition: all .75s linear; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGAQMAAADEy024AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABRJREFUCNdjaGBoYWhj+M/AxsACABLrApQju3qnAAAAAElFTkSuQmCC); margin: 0; float: right; background-position: left 1em center; background-repeat: no-repeat; color: rgba(89, 89, 89, 255) }
.a-viewmore a { color: #fff }
.a-viewmore:hover:after { width: 100%; z-index: -1; transition: all .75s ease }
.a-viewmore:hover { transition: all .5s ease; color: #fff; z-index: 9 }
.a-viewmore:after { top: -1px; right: 0; height: calc(100% + 2px); width: 0; background: #ec243b; position: absolute; transition: all .5s }
.hastab-index .grp-tab { width: 100%; text-align: center }
.content-body .title { font-size: 1.25em; color: #000; background-repeat: no-repeat; background-position: bottom center; text-align: left; text-align: center; }
.content-body .title h2, .content-right .title h2 {padding: 0 0 .25em;margin: 0;display: inline-block;position: relative;}
.content-right .content { position: relative; margin-bottom: 1.5em }
.content-right .content figure:hover { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 2px 15px rgba(0, 0, 0, .2) }
.content-right .content figure .labelnews { position: absolute; top: 0; left: 0 }
.content-right .content figure { margin-bottom: 2em; border: 1px solid #e6e6e6; transition: all .3s; position: relative; padding: 5px; box-shadow: 2px 2px 0 #e6e6e6; background: #fff }
.content-right .content figure .image { display: inline-block; overflow: hidden }
.content-right .content figure figcaption { padding: 0 .2em; min-height: 5.5em }
.content-right .content figure figcaption h3:hover { transition: all .5s; color: red }
.content-right .content figure figcaption h3 { font-size: 1em; color: #333; transition: all .5s; margin: .5em 0; line-height: 1.5em; font-weight: 700; text-align: center }
.content-right .content figure figcaption h4 a, .content-right .content figure figcaption h4 span { color: red; font-weight: 700 }
.content-right .content figure figcaption h4 { color: #595959; font-size: 1em; text-align: center; line-height: 1.5em; font-weight: 400; margin: .1em 0 }
.banner_adv { margin-bottom: 2em }
.banner_adv .item_adv { margin: 0 auto; width: 100%; max-width: 1366px }
.banner_adv .item_adv img { width: 100% }
.bx-wrapper img { width: 100% !important }
#map1 { height: 550px !important }
.page-album .h-album { margin-bottom: 2em }
.page-album .h-album .img a { display: inline-block; overflow: hidden; position: relative }
.page-album .h-album .img a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAA3CAMAAADNJh8/AAAAqFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8j1z1tAAAAN3RSTlMABOzKCsH7z/DetosjJ/f05+Pa05GEUEYUZzJwPB+7paKWemIYxTctDmx/VKp0XkocW0CxmkKfOmC5zwAABMNJREFUWMOtWNmCqjAMjSwqIKKCgrIIuKDjruPw/392p9AW2sIdZzlPFmhPkp4krfAiOqa7N5ZRbzIejbWJrMfT1TOEP0RncVraVi5Akj/mZudPGFzD7uatsOQ0+C3F1rHzLyG/DX7hxEzv5i/BWj5/RqH4rBOS1ueWZixQbz/wYj6pL6HFh5NqcRxyLDNRm32T49bLK9jO7Lp2xqK6Hu79VH+sXr5Bkek1H5K7AnDJGyGlClxiqXoQvyoBxenWIr0DhCsxeKIvDecYjcgHozvAYF/53U9f4phVMyKXplqAxpt0UXKC9zSILHxk102uJm2/pPAM+vXjXn9h5McnZ82m/G5ajC4bOvHtiyqwoLLtHTj2mahAv9TbvBytNBrk/+6MPyShnbd8MTj4/ml/8cqRWUbJLUe7KdlMadW+4x9UJGbzBytVwvt9nJXrborRjlQhKsuk0xIqsuNaS/Ky+blxCxYV/V5WsSB6lhtDdiBVQ19DM94qhmrH18WqVSU2iQDGlwYzydQ9oylmdGQ4sAOXwi2okJLXZ55jSkLlMtv86VdQRffKF2UHPY3Rr21d2xJxlRXjkuSGJ1J/VON9zmGFAobi/F6fFkZk++uq0Sk1ix7/UOVI+sgoZKGkMBMd/P5Iw7CWce3mkyProum7T0+nAY7fsGHz7+gHl6sp0SBW0Q5L13KBw4rsbpB3kxArTHSlg6Rt8GLF5siFiyHmmGTAwyFhT5BHxhU9kzmWM34dCWmn4fr0Oc2zMUcIAoqtCujKo6n3OZcjibHHtpDiJmaxPWLZ5trQgtE7aQ1wJXk68RUsdgoZAFxkgZjCoUw+wbMbSxWK9dgD2FZrTuZcSmq70rs+LSOiGKHcH2veRKJhC7dMmu+HzM6HJYnVUFPNSbk4rEjytnnCkIhHobHX6snWotq44TlLRdiTHvbEHOat6CGFYzIWGa4up6LUkH62a1JXN8MutUAHgHOTuhaY460cun1sFB/WhKTyo50kxSVO5znwgYYWtQCzSEFDxhv4RwuQYaqY8U8Lc4jZOZyz1hQaRRIY/S9aIdrVSyPHsf7wSlqvIVZht2ppIraonglVeIXF9AEM1hExLeT7iY6FxqJapaNxnQNOOeuH2AJGB2BbYRdZm1mN+kX277nO2HlvTz3YN5wAP2gDdxs4tJCcJNRay1YZDh4HepzJ6Iwu3ShXuDuoRU0s4nwXF2k7eZuycDY3ctr2Qp3leFdoF4uh+r6EdWi/XyXUyntdYMOyud51eqOTllnVKcc7knAkVOMF/AdniR53UDGideuGffXjKIr0ZB7WT1IuNvE0JJ3dbGdggzLeK7XS5tBEEPYYZ/DFzmmyfYlTl71qnpvvErBLR7UKmMW0w5y/eWXsnZVPFswqpwMqbmVhaHnlxyCh3eDx6rXRlyiN7YeV6izV2M+CYOYnPRJTtB/bhKbq8AQv4/petT8p3no3LW9C1wHYnaPqwcOE7+Ae1e8iq/lD7I6j91B5JrUCra3gu7iozN9Off7suElvscZc6j34AQ4VjYi+JjFDYwA/RBBb+SsYpQP4BQZT+UuKaO7BbxG89drPREP1tIA/QSfzl/ZQJLCPfga/g/h/qrNUbfR/6sRWj47vZp3Xpv4DWIPWOCl06q0AAAAASUVORK5CYII=) center center no-repeat; background-color: #00087; opacity: 0; transition: all .5s linear }
.content-body .content figure:hover, .newshorizontal .content .h-entry .details h3 { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s }
.page-album .h-album .name h3 { font-size: 16px; text-align: center; margin: 0; text-transform: uppercase; font-family: 'Myriad Pro'; color: #1c1c1c }
.content-body .content figure:hover { transition: all .3s; -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 2px 15px rgba(0, 0, 0, .2); border: 0 solid #e6e6e6 }
.content-body .content figure { margin-bottom: 2em; transition: all .3s; position: relative }
.content-body .content figure .image { display: inline-block; overflow: hidden; width: 100% }
.content-body .content figure .image img { width: 100% }
.content-body .content figure figcaption { padding: 0 .2em; min-height: 9.5em }
.content-body .content figure figcaption h5 { color: #ccc; font-weight: 400; font-size: .9em; margin: .75em 0 }
.content-body .content figure figcaption h3 { font-size: 1em; text-align: justify; margin: .3em 0; color: #333; transition: all .5s }
.content-body .content figure figcaption h3:hover { transition: all .5s; color: red }
.content-left .block-catalogue ul li:hover>a, .maskitem { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s }
.content-body .content figure figcaption h4 { font-size: 1em; font-weight: 400; line-height: 1.5em; margin: 0; color: #333 }
.content-body .content-details .dateview { font-style: italic; font-size: 1em; color: #666; margin: .3em 0 }
.content-body .content-details figure { margin-bottom: 1em }
.content-body .content-details figure figcaption h1 { margin: 0; font-size: 1.5em }
.content-body .content-details figure figcaption h3 { font-size: 1em; font-weight: 400; line-height: 1.5em; font-style: italic }
.bodyright { width: 80%; float: right }
#cart_information .content_pro .col, .buynow .input-group { float: left; width: 50% }
.content-left { width: 19%; float: left; background: #f8f8f8; z-index: 9 }
.content-left .titlecata { padding: 10px 15px; background: #e0030c; border-bottom: 2px solid #c00a0a }
.content-left .titlecata h2 { text-align: center; margin: 0; font-size: 1.5em; text-transform: uppercase; font-weight: 700; color: #fff }
.content-left .block-catalogue { padding-bottom: 15px }
.content-left .block-catalogue ul { background: #f9dedf }
.content-left .block-catalogue ul li:hover>a { color: #fff; transition: all .5s }
.content-left .block-catalogue ul li:hover { padding-left: 1.5em; transition: all .5s; background: #fd4149 }
.content-left .block-catalogue ul li:last-child { border: none }
.content-left .block-catalogue ul li { padding: .5em 1em; border-bottom: 1px dashed #fff; position: relative; transition: all .5s }
.content-left .block-catalogue ul li a { color: #c00a0a; font-size: 1.2em; transition: all .5s }
.content-left .block-catalogue>ul>li>ul { position: absolute; top: 0; left: 100%; width: 100%; background: #f7e5d2; z-index: 9; display: none }
.content-left .block-catalogue ul>li:hover>ul { display: block }
.maskitem, .maskitem ul { display: flex; align-items: center }
.blockproduct_left .content, .contentproduct_left { padding: 15px 10px; }
.contentproduct_left .h-product { text-align: center; margin-bottom: 1.5em }
.blockproduct_left .vert1 { height: 350px; }
.contentproduct_left .item .details { padding: .75em 0 }
.contentproduct_left .item .details h3 { font-size: 16px; color: #3c3c3c; text-transform: uppercase; font-weight: 550; transition: all .5s }
.contentproduct_left .item .details h3:hover { color: #2d51b2 }
.contentproduct_left .item .details .p-price { font-size: 16px; color: #3c3c3c }
.contentproduct_left .item .details .p-price span { color: red }
.maskitem { position: absolute; top: 150%; left: 15%; width: 60%; height: 20%; justify-content: center; transition: all .5s; opacity: 0 }
.block-banking, .maskitem ul li i { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s }
.grp-product .item:hover .maskitem { top: 40%; opacity: 1 }
.maskitem ul { list-style-type: none; justify-content: center }
.maskitem ul li { display: inline-block; margin: .5em 1em; padding: .25em; border: 2px solid #f20000; cursor: pointer; height: 3em; width: 3em }
.maskitem ul li i { font-size: 2em; color: #f20000; font-weight: 400; transition: all .5s }
.maskitem ul li:hover { border-color: #2452bd; background: rgba(255, 255, 255, .5) }
.maskitem ul li:hover i { color: #2452bd }
.sp_img, .wap_item .items { position: relative }
#cart_information { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: translate(0, -100%) scale(0, 0); -o-transform: translate(0, -100%) scale(0, 0); -ms-transform: translate(0, -100%) scale(0, 0); transform: translate(0, -100%) scale(0, 0); opacity: 0; z-index: 9999999; display: flex; align-items: center; justify-content: center; }
#cart_information .close { position: absolute; top: -25px; right: -25px; color: #0a0000; opacity: 1; padding: .5em; font-size: 27px; line-height: 0; height: 40px; width: 40px; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #efefef; border: 1px solid #ccc }
#cart_information.open { -webkit-transform: translate(0, 0) scale(1, 1); -moz-transform: translate(0, 0) scale(1, 1); -o-transform: translate(0, 0) scale(1, 1); -ms-transform: translate(0, 0) scale(1, 1); transform: translate(0, 0) scale(1, 1); opacity: 1 }
#cart_information .table_cart { width: 50%; height: auto; display: inline-block; background: #fff; position: relative; padding: 15px }
.hidden { display: none !important }
#cart_information .content_pro { font-family: body; font-weight: 400 }
#cart_information .content_pro h2 { font-size: 1.5em; font-weight: 500; color: var(--color); text-transform: uppercase; }
#cart_information .content_pro h3 { font-family: var(--font), sans-serif; color: #ed1b24; font-size: 1.15em; font-weight: bold; }
#cart_information .content_pro h3 span { font-size: 1.2em; }
#cart_information .content_pro h4 span { font-size: 1.5em; color: red }
#cart_information .content_pro h4 { font-size: 1.2em; margin-top: 1em }
#cart_information .content_pro h5 { font-size: 1.2em; line-height: 1.5em; color: var(--fontcolor); }
.buynow { margin: 1em 0 }
.buynow .input-group { text-align: center; margin: 0 1em 0 0; padding-top: .5em }
.buynow .btn_buynow span, .buynow .btn_buynow_details span { padding: .75em 1.5em; text-transform: uppercase; transition: all .5s; display: inline-block; cursor: pointer }
.buynow .btn_buynow, .buynow .btn_buynow_details { width: 40%; float: right }
.buynow .btn_buynow_details span:hover { background: #fff; color: #652a08 }
.buynow .btn_buynow_details span { background: #652a08; color: #fff; border: 1px solid #652a08 }
.buynow .btn_buynow span:hover { background: #fff; color: #652a08 }
.buynow .btn_buynow span, .buynow .input-group .input-group-btn button { background: #1f48a9; color: #fff; border: 1px solid #1f48a9 }
.buynow .input-group input { width: 50%; float: left }
.buynow .input-group .input-group-btn { width: 25%; float: left }
.buynow .input-group .input-group-btn button { width: 100%; padding: .45em }
.buynow .btn_muahang:hover { color: #d60c0c; background: 0 0 }
.buynow .btn_muahang { float: left; display: inline-block; font-size: 16px; padding: 5px 10px; background: #d60c0c; color: #fff; border: 1px solid #d60c0c; border-radius: 5px; transition: all .5s; outline: 0 }
.buynow input { text-align: center; font-size: 16px; outline: 0; font-weight: 700 }
.buynow_details .input-group { width: 30% }
.buynow_details .input-group .input-group-btn button { padding: .5em 0 }
.buynow_details .input-group input { padding: .225em 0 }
.buynow_details .btn_buynow_details { width: 65% }
.swal2-container.swal2-shown, .swal2-container.swal2-shown .swal2-popup { z-index: 99999999999 }
.blocknews-hight a { display: inline-block; position: relative }
.blocknews-hight .title { background: #f5f5f5; margin-bottom: 1em; color: #2d2d2d }
.blocknews-hight .title h2 { margin: 0; font-size: 1.5em; padding: .5em }
.blocknews-hight .content .row:nth-child(2) { margin: 0 }
.blocknews-hight .content .item { padding: 5px 15px }
.blocknews-hight .content .item a { color: #000 }
.blocknews-hight .content .item .img img { width: 100% }
.blocknews-hight .content .item .details { position: absolute; left: 10%; width: 80%; bottom: 0; background: #fff; padding: 15px }
.blocknews-hight .content .item .details h3 { margin: 0; font-size: 1.2em; text-align: justify }
.blocknews-hight .content .item .details h4 { font-size: 1em; font-weight: 400; line-height: 1.5em; text-align: justify; margin-bottom: 0 }
@media only screen and (max-width:768px) {
	.blocknews-hight .content .item a { width: 100% }
}
.camket--tiptop { padding: 2em 0; background: #f1f2f2 }
.camket--tiptop .content .item { padding: 0 15px }
.camket--tiptop .content figure .img { width: 30%; float: left; padding: .5em 0 }
.camket--tiptop .content figure figcaption { width: 70%; float: right; padding-left: 10px; padding-top: .5em }
.camket--tiptop .content figure figcaption h3 { margin: .3em 0; font-size: 1em; text-align: justify; color: red; text-transform: uppercase }
.camket--tiptop .content figure figcaption h4 { text-align: justify; font-size: 1em; font-weight: 400; line-height: 1.5em }
.block_doitac { position: relative; margin: 1em 0; display: inline-block; width: 100% }
.block_doitac .label-doitac { width: 150px; float: left; padding: .25em 0; font-size: 1.15em; color: #595959; font-weight: 700; position: relative; margin-top: 2em }
.block_doitac .label-doitac:after { position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: red }
footer .company.col .title span:after, footer .policy .statis ul li:before { content: none }
.block_doitac .content-doitac, .temp_redirect { position: relative }
.block_doitac .content-doitac .item { display: inline-block; padding: 15px; background: #fff; margin: 0 }
.g_muatiep { float: left; cursor: pointer; line-height: 35px; height: 35px; padding: 0 15px; color: #fff; text-transform: uppercase; border: #fff; background: linear-gradient(top, rgba(170, 0, 0, .6), rgba(170, 0, 0, 1)); background: -webkit-linear-gradient(top, #5246ff, #221d6f); background: -moz-linear-gradient(top, rgba(170, 0, 0, .6), rgba(170, 0, 0, 1)); background: -o-linear-gradient(top, rgba(170, 0, 0, .6), rgba(170, 0, 0, 1)); border-radius: 3px; margin: 0 10px 10px 0 }
.thanhtoan_nt { width: 155px; float: right; height: 33px; border: 0; background: #06779C; color: #000; text-shadow: -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px #fff; font-weight: 700; text-transform: capitalize; cursor: pointer }
.menu_giohang, .tonggia td { height: 30px; line-height: 30px }
.g_muatiep:hover { background: #da0e88 }
.menu_giohang { background: var(--color); color: #fff; font-weight: 700; text-transform: uppercase }
.capnhat_full { color: #FA0000 }
.giohang_tk { margin-bottom: 10px }
.giohang_tk td { text-align: center; border-top: 1px solid #CCC; line-height: 30px; padding-top: 5px }
.tonggia td { background: #eee; font-size: 16px; text-align: right; color: #555; padding: 5px 10px }
.tonggia td b { color: red }
.phuongthuc p, .titleinformation { font-weight: 700; color: rgba(0, 102, 153, 1); text-transform: uppercase }
.thanhtoan tr { width: 100%; float: left; padding: 10px 0 0 10px; clear: both }
.thanhtoan td { float: left }
.thanhtoan input { width: 200px; padding: 5px }
.phuongthuc input { width: auto; height: auto }
.thanhtoan select { padding: 5px }
.thanhtoan textarea { padding: 10px; width: 100% }
.titleinformation { white-space: nowrap; height: 30px; line-height: 40px; width: 100%; border-bottom: 1px solid rgba(0, 102, 153, .2); padding-bottom: 5px }
.titleinformation img { float: left }
.phuongthuc { margin: 10px 0 }
.phuongthuc p { float: left; width: 100%; font-size: 12px; margin-bottom: 10px }
.phuongthuc input { margin-right: 10px; margin-left: 0; float: left; margin-top: 3px; cursor: pointer }
.phuongthuc img { margin-right: 20px }
.form_giohang td { padding: 10px 0 }
.form_giohang .tt_cart { text-align: left; font-family: Helvetica, Arial, sans-serif }
.form_giohang .img { width: 100px; float: left; border: 1px solid #ccc; padding: 1px; margin-right: 10px }
.form_giohang .tt_cart h3 { text-align: left; color: #333; padding: 5px 0 0; font-size: 1.5em; }
.form_giohang .tt_cart span { color: red }
.form_giohang .tt_cart:hover { opacity: .8 }
.cl_input { margin: 20px 0 0 }
.cl_input label { width: 30%; float: left; font-weight: 100 }
.cl_input label img { width: 16px; margin-right: 5px }
.cl_input input { width: 60%; float: left; padding: 2px }
.cl_area label { width: 100%; float: left; margin: 15px 0 10px; font-weight: 100 }
.cl_area label img { width: 20px; margin-right: 5px }
.cl_area textarea { width: 100%; height: 115px; padding: 5px }
.form_giohang input { width: 50px; text-align: center }
.giohang_form .cl_input { width: 50%; float: left }
.giohang_form .cl_input input { padding: 5px }
.grp-button-cart { text-align: right }
.grp-button-cart input { display: inline-block; float: none; padding: 2px 15px; height: auto }
.grp-button-cart input:nth-child(1) { background: green }
.grp-button-cart input:nth-child(2) { background: #d80f00 }
.grp-button-cart input:nth-child(3) { border: 1px solid #FF5722; background: #FF5722; height: auto; padding: 10px 30px; transition: all .5s }
.grp-button-cart input:nth-child(3):hover { background: 0 0; color: #FF5722 }
.cart-shopee h2 { display: inline-block !important; text-transform: uppercase !important; font-size: 1.25em !important; margin: 0 !important; padding: 0 0 0 1em !important; color: #fff !important }
.cart-shopee .title { text-align: left; padding: .5em 0; margin-top: 1em }
.cart-shopee .cartleft { width: 58%; float: left }
.cart-shopee .cartleft h2 { float: left; color: var(--color) !important; }
.cart-shopee .cartleft .blockcontent { padding: 25px 20px; border: 1px solid #ccc }
.cart-shopee .cartleft .blockcontent label { width: 20%; float: left }
.cart-shopee .cartleft .blockcontent .clearfix { margin-bottom: 1em }
.cart-shopee .cartleft .blockcontent input { width: 80%; float: right; padding: 4px 10px; border: 1px solid #ccc; border-radius: 3px }
.cart-shopee .cartleft .blockcontent textarea { width: 80%; padding: 4px 10px; border: 1px solid #ccc }
.cart-shopee .cartright { width: 38%; float: right }
.cart-shopee .cartright .a-editorcart { float: right; color: #00f; font-size: 1.2em; font-style: italic }
.cart-shopee .cartright .blockcontent .cart_productlist { height: 350px; overflow-y: scroll }
.cart-shopee .cartright .blockcontent .cart_productlist>li { padding: 15px 0; border-bottom: 1px solid #ccc }
.cart-shopee .cartright .blockcontent .cart_productlist .img { width: 30%; float: left }
.cart-shopee .cartright .blockcontent .cart_productlist .details { width: 70%; float: right; padding-left: .5em }
.cart-shopee .cartright .blockcontent .cart_productlist .details h3 { font-size: 1.25em }
.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo { margin: .5em 0 }
.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li { width: 30%; float: left }
.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li:nth-child(1) { text-align: left }
.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li:nth-child(2) { text-align: center }
.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li:nth-child(3) { text-align: right; color: red; font-weight: 700 }
.cart-shopee .cartright .blockcontent .billtotal p { padding: 5px 0 }
.cart-shopee .cartright .blockcontent .billtotal label { float: left }
.cart-shopee .cartright .blockcontent .billtotal span { float: right }
.cart-shopee .cartright .blockcontent .billtotal .pricepay { font-size: 1.2em; color: red; font-weight: 700 }
.content_payment ul li:nth-child(1) label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABdFBMVEUAAAABAQG0s7QBAQEAAADIyMgAAAAAAAAAAADs7OyMi4x1dHTm5ebe3t4BAQHc29ywsLB3dXbJycmIh4ja2tqKiYqJiIkmJiYAAADW1tYAAACSkZKWlZaFhIV6eXpiYWJYVliQj5CIh4js7Ozu7u6bmpvo6Oh5eHmUk5NkY2SNjI2pqKno6OhCQULm5uZaWVrV1NWvrq4xMDDFxMWZmJk9PD2Uk5R2dnbR0dGhoaG7u7uwsLCJiInQ0NAuLS6ysrIcGxusq6yRkJG4t7jt7e3c3NyKiYqFhYWmpaaIh4hxcHGsq6wAAACtrK3W1taJiImYmJjZ2Nmnp6eUk5TGxcW9vL329vba2trS0tKioaLx8fHR0NG3t7exsbGsq6ygn6CenJ6Qj5CCgYL5+fnj4+Ph4eHd3d3W1tbLysrDwsO6ubq1tbWVlJXu7u7n5+fMzMzAwMCko6N+fX1ycXJramvz8vPp6enU09Obm5tubm5gX2BGRkbdz76vAAAAT3RSTlMAA/4aEf4vIAj+/v6fHw3+/v7z18O1nVM3JyQLB/7+/v75+erm5eTk4t3c29jSz8/OzsfFwLmyq6qmkpKSi4uIgHV1al1QSEg8OTMuKB4L0T16EAAAAUtJREFUKM9lkNV2g0AURQkEiDTeNGmauru7u5fBJVAocdf6z5cnAs1+m7PXnXPXhSwk7x6hXgaPN8Mou94rrtKZJgBzyX+xr28yzRO6Tkxf2vMpLs1x+WCZSZH9PovokzjuXaq6M4EAye5bxJIkZd3uWo4URIIYsIiZKuup8YIglAi7WPlgtGyhVa7LhjiydmSyRZ5pe2GYmIjeW8R1jic/2Y6XLi8+QzbWhBTKqnDR2PbFfpAwWpIZkuTJ/J5NPERhRVEauXyqwNw6HGZ+2NbpVwOmXmThXb/LNAcwoKgmRVGoQqkRl8OcOZUbJVH9FkVZq3hmnd2Rc5EqaF+/tBYk9NAq4jS/GtoCAKihCqC8ndETHHFBptmh6QqgafAzto0lECfU5WL8zWBkOYZgT7hVQAue1vD8WTyOYQmjw8JNZCPmR3DcrDaxv/8A769KnH89708AAAAASUVORK5CYII=') }
.content_payment ul li:nth-child(2) label { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACj0lEQVR42mNkoDFgHLWAoAUN4WJ88qJshqRa9p+B4UvSlCdnCFrwfYX2JSCtS47rPn//lyuWeH0KXgu+LtP8D3EQPMjwsZHFGL7/Y58rEnMhFa8Fn5eok23BETb3T3OEml6CxBgZGW99enija1eS+REUCz4sVP3PQCY4xOHNsFu6niFImoHh46//DEsfMfz++v5NxLYwtXVwC97NVybbBwfZvRgvKjf+L1BnAqvZ8ODH//UvWH5/f/M8cFeM7jaw4Ju5ikAN/6GaGBnxs5HFQBZ4M+6QqvvvLf4PrOjff4b/Sx4zMvz6z/Tj28vHvvsSjfcyvpotR7YPDrB5M84XqsOl/sun+9ccGF/MlCE7DoAWMMwTrMWnZC/j02lSFMXBXIFafOr/MD6eIoHig/PPOBm23RQAs73UPzAYSn3H4wMvhrkCNQz/3z5h+HsCmHC+fWRgVLNgYNZ3hathvNotfp+H/b88iHP/HRtj1U6p/0bGZmC5c2dP/W9zf8agKPQLwwegqF7Clsq4kzvi/68FJQzKEsKMSkpK//fu3cvA6JzMyKzj8P//758/GLPd+aTF+ZntQZqvfxAP+sCsGLhhwwawBQEBAf/5/z5YryXwYh26618zijPs4QpiYPv6Tp/5zqmSTZs2MYqJif2vrKxkOHD28qWvypZdf358v4xSwKmqqsbz8/Mv6O/vB/MLCwsZPn/+nHDz5s2FuIJJWlpaQ1hY+FpJSQmjkZERQ2lpKcOTJ0+mX758OQsWGXAgICDAJikpuQnIdIPK7Xz58qXfu3fvfuFLKhoaGh3AoqIMyr396dMnp6dAgGEBDAC9agCiX716dYGBSCAqKqoMtET0169f5z58+AB30DCo0Ya8BQA8cB7ZuODIUQAAAABJRU5ErkJggg==) }
.content_payment ul li:nth-child(3) label { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEhklEQVR42s2UWWhUZxTHzzdz7+x7MlnGOiYmxkoSo6mlgk1CKcViHnyQFNSiUqko2JZiWymJJrZQK6J9abUiVEQkaVP6EEjBxGhro2QkajLZJsvITGbLZJZk9pm7zOlNodJQl6gVel6+h+/y/333f875E3jBRf6XgKYjR3IpitbbbGNTba2t+J8CWpo+NnzeeNTOZWltMpUOxWKJm7Ozs70WS98fPVc67nZ0drPPBdi/p153ovn9T9W6/O0gMRZnRRpMphHaL3xF/L5pR/uv/SvvjbjwmQF/1+nmnWRzXfktlUK9Ua7RwbVrNyCTYey7D10sfeY/OPXdudXmouK6TCICNUXuinho7gNKLMIMIqTSLEx7QzsaDpxre2pAY/MX6u17dn3Nc7DP5/GIOy6fggPvVEBBgYFIlXLkMwzcHQ7ag1j6Uf+w0zU6PDTW+cuP3JIAnV09G9TGbJuDOVsi14mBCZuAjeRAJiQFKUuDkkpCKBACylAN6zfWgJiiwON0zHld02daL11oeSyg80r3u/nmwvOR+ITMF7mF3jkLCScmMRGQgxi0YMzPJXl5ZszVF4NSVElMOa+gbcgK9skJolKpkOf5xkcCLrf9dLh8ueT4fWMY6PlCokwpkc8CMRbqcNzXB6P2mzDtu0MIsrhubQVUr9xLxu+F0elwgEgkIkqlEsVi8dmHAn64eOlLlamk0en3QLn4Pqw2sMSgpDFsLCNOByCRGCDm8UFCayCml5SIwpj29d4mTIZBlmMhHAqSMdswplOZqn8Bvv3+/LFVK4uOciwPTBZhKCSclAIiyQyYpWHYoAnAMmkK9FAIgaLXYGBoBKxWK0Qj86DXG8DrdUMyGQc+m71hHRh8exHg+MnThyrWvHwyHotDPB4nMrkMxSIRSCQSYjYvx0lPgPg4OVJSGbxZooPrv/1O7FNTyLIs0BKaBGdnUHAnw3Jc023L7W/u2+3ZB4DDTS07Xl1fdcnt8oiyWR4UCgUQQhbEQafTCcAYyGRyMBpzQVCBnp7rEAoFQSrcz8+Hwe12QmGB6a5vZmbX1a6ukUV78N7+gzVv1Gzqdk+7pMlkEuVyhdAoQgTIXyu/0DStVosGg55kOB57e3shGAyARq0hgjAmUwle+PbE2MjosXHb+OIs2rJ12/La2tp+vVpp9Li9JCfHgAzDCD4mibCgKJHQIJXKhHE0IlAUsfRZMCL4TdMUuF0OIlgzkUqld1/rvtr3sIEh+z785Gf7+OQ2rVoFa6sqQKtRAy946vf7IS8vHxZgMpkUNIYcGBwYgFgsCqmUsFwhPwqvPmOfnPpsdGQ0+ahxJ1sbdr7lnwnvFWKgnmUzKlqMaF6xDCory4lCLsdUIgHGggIyNmbDaDRCAgEfchzj4Tl+b0/31a4nJcGDJhcVr1IY85ZtoWXqBobh6jkmraQpxE11r4OIAPG6XRgMeBempVXo1cEh69Dck1PsEVlkXlGqUGty6vNNpoayNWWbo+GgJh6dm0gkok3Cq9uXIvxYwD+rYl01LSakZPDeHdvTCC8Z8Lz1wgF/AiUYH+Kxk88IAAAAAElFTkSuQmCC) }
.content_payment ul li:nth-child(4) label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAACKFBMVEUAAADx8fE/Pz/t6u3t7e3q5upCQkLU09Rtp94AIwAAAAA2dLy4uLi4xrRhm9U7fccULEjr2f3v4vus1O+j1O2s0OUseSREtSNrpttWldZRkNR8fHxHidEkLCQbGxssabBDhc43d8AAAAAAAAAIFSP07vrs7/Tq7fG92Oih0eif0OiGvOaTxOOSxOPQ1+K40OG3zd/e4d6Xw92rx9yZwdt6r9rZ19mqw9m3ydScu9R3qtTMxtGHt7KbubGsqqydnJyRsZF/xXFdbVxUVlNSvStQvCokdSAwlh0tiB0ddRkDgwF/naZ0reBhl8rh4eHAwMBjndVbk8jAwMBHe69lodtKgryHkp6MlYxTj8tfnNlCfbxSkNEaN1cTLEl9fX0+e75Pj9McP2YHFidFhMkuLi5HiNBCg8xHfrsAAgQfHx8taa5HiNAAAAA4d8AAAAAADgA8fMb39vf19fXz8vP7+/v09PT5+fnv7e/u6+/q6Or4+Pj9/P3w7vDs6ez18/Xy8PLx7vHt6+3r6OsBiQCdy+Pb2tun1uyh0uzr6uvG2Ofj4+Xk4OSXyOHe3N6gxNyv1+yfy+zT3+vY3+mZy+mv0+eLu9jIx8iQz4iOzYeKy4WFyIJ/xX9+wX6R3m94z1xYm1g2rRwvqBgjoRIWmQwIkATm7POo0u7d5OyDuOGuyt7Z192gwNmJutfH0NWkvtWUudTS0NHNzc2tq62ryquZuZmaypFkY2Mucy7A1VTbAAAAcXRSTlMA/nn+/v5h/vFhCAL+/uYPBf7+/v7+/v77u7GfcGNKPTsmGxcS/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v759/f29vTy8O3n4+PX1NO+ubmuqZeWjoyCcG1taFpOSUhDOi8mCe5lkB0AAAHUSURBVCjPVZFle9swGEXlOV7SLEkZV1hhzMzMzMzMIMu2ZM8cxjIzjJn/3lQ3W9ur8+kewfPoBU5y75afKfNcvDEHTMusSs/rxlUf21PRxeW1U/oXFU1tH+LzsNiyvr3I83hyf0VhppkRBKxAPbFx0ZH/11U2ZV4JqqRAyFtI/RwN5Gbf9RQ3CxLtYwgZhml/ab09Ie4VZmIxCHUUNk2VaOuWhQJ5jrjcGMeyLiKjgxCWJZisefvUEYHQfN1yd3y1vic1jRCsrm6974iylJw2seXevnvXDp/P7/dv3XLYdz7nOTiRwipmNTn5+09wZWLnQH//wK/Ej2AOuLCwxWJtjuO2DR7aV7K/dM/e0gMlB6m4Hl2hpTnOZrXB4NjoyPDQ0PDI6BgVNWtD75OcxhLys6+3p7urs7Oru6e3rwqAS0XvbNZWTTX8UqAry0wAak9GlhO3YchhQeJlnqHkCwIV4NHRSPEbpKfDEkTYoUCSxgWoObs00rYg/ol+mEiBcG5WgIabpzctCW1QkEtGjIxc+YoyLrx1z548uHX1yjlFZFwOBTycOJHnbaivr7sGecQ4bP52vHrK5GfzjEumiIz72B3vNOFEFMVTVbSfzMMZ/1JNR/UXFdqlDXHlPuoAAAAASUVORK5CYII=') }
.cart-shopee .cartleft .choosepay .choosepay-content input { margin-right: .75em; display: inline-block; margin-top: 0 }
.cart-shopee .cartleft .choosepay .choosepay-content { padding: 25px 20px; border: 1px solid #ccc }
.scrollbar { margin-left: 30px; float: left; height: 300px; width: 65px; background: #F5F5F5; overflow-y: scroll; margin-bottom: 25px }
#style-5::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #F5F5F5 }
#style-5::-webkit-scrollbar { width: 5px; background-color: #F5F5F5 }
#style-5::-webkit-scrollbar-thumb { background-color: #0ae; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent)) }
.cart-shopee .btnbar { margin: 1em 0 2em; text-align: center; background: #f1f1f1; padding: 15px 0 }
.cart-shopee .btnbar button { padding: 10px 20px; background: #dc4444; border: 1px solid #dc4444; color: #fff; border-radius: 5px }
.cart-shopee .btnbar button:hover { background: 0 0; color: #dc4444 }
.cart-shopee .select2 { width: 80% !important }
.temp_redirect { background: url(images/bg_redirect.png) right top; background-size: cover; padding: 20px; margin-top: 4em }
.temp_redirect .redirect_title h2 { font-size: 1.5em; font-weight: 700; color: #fff; text-transform: uppercase; width: 50%; float: left }
.temp_redirect .redirect_img { position: absolute; top: -40px; right: 50px; padding: 15px; border-radius: 50%; background: #fff; border: 10px solid #0253d8 }
.temp_redirect .redirect_content { margin-top: 3em; padding: 15px; background: #fff }
.block-banking { height: 0; overflow: hidden; transition: all .5s }
.block-banking .bankingcontent { padding: 0 }
.block-banking .bankingcontent>ul { display: inline-block; width: 100% }
.block-banking .bankingcontent>ul>li { padding: 15px; border: 1px solid #ccc; width: 50%; float: left; display: flex; align-items: center; justify-content: center; position: relative }
.block-banking .bankingcontent .img { width: 100%; display: inline-block; text-align: center; cursor: pointer }
.block-banking .bankingcontent .details { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; background: rgba(241, 241, 241, .85) }
.block-banking .bankingcontent .details li span { width: 40%; display: inline-block }
.block-banking .bankingcontent .details li b { width: 60%; display: inline-block; color: red; font-size: 1.15em }
.block-banking.active { height: auto }
.nhanhang_block { height: 0; overflow: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; padding-top: 1em }
.select2 { width: 100% !important }
.billtotal p input { width: 78%; padding: 5px; text-align: right; background: 0 0; border: 0; border-bottom: 1px solid #ccc }
.content_payment .totalpay { font-size: 16px; color: red }
.content_payment .totalpay input { font-weight: 700; font-size: 20px }
.content_payment ul li { margin: 1em 0 }
.content_payment ul li label { width: 40%; float: left; padding-top: .75em; background-position: left bottom !important; background-repeat: no-repeat !important; padding-left: 2.5em }
.content_payment ul li input { width: 60%; padding: 5px; text-align: right; background: 0 0; border: 0; border-bottom: 1px solid #ccc }
.h-auto { height: auto }
.phantrang { text-align: center; margin-top: 1em }
.phantrang .pagination { display: inline-block }
.phantrang .pagination li { display: inline-block; margin: 0 .5em }
.phantrang .pagination li a { color: #666; border-radius: 50%; height: 27px; width: 27px; background: #f2f2f2; border: 1px solid #d6d6d6; box-shadow: inset 0 0 5px #d6d6d6; display: flex; align-items: center; justify-content: center }
.phantrang .pagination .current { color: #fff; background: #2d50b0; box-shadow: none }
.newshorizontal .content { display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr; margin-bottom: 3em }
.newshorizontal .content .h-entry .image { width: 50%; float: left; overflow: hidden; padding: 2px; border: 1px solid #ccc; }
.newshorizontal .content .h-entry .image img { width: 100% }
.newshorizontal .content .h-entry .details { width: 48%; float: right; text-align: left; }
.newshorizontal .content .h-entry .details h3 { margin: 0; font-size: 1.15em; color: #000; transition: all .3s }
.newshorizontal .content .h-entry .details h3:hover { color: #000 }
.newshorizontal .content .h-entry .details h4 { color: #333; font-size: 1em; text-align: justify; font-weight: 400 }
.newshorizontal .content .h-entry .details h5 { margin: .35em 0; font-size: .85em; color: #666; font-weight: 400 }
.newshorizontal .content .viewsmore { float: right; padding: .35em 1em; color: var(--color); border-radius: 50px; border: 1px solid var(--color); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.newshorizontal .content .viewsmore:hover { color: #fff; background: var(--color) }
@media screen and (max-width:768px) {
	.newshorizontal .content { grid-template-columns: auto }
}
.newslarger { }
.newslarger .row-grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; }
.newslarger .row-grid .item-grid { }
.newslarger .content { }
.newslarger .content .item { }
.newslarger .content .item .img { }
.newslarger .content .item .image { }
.newslarger .content .item .image img { }
.newslarger .content .item .image a { }
.newslarger .content .item .details { }
.newslarger .content .item .details h3 a { }
.newslarger .content .item .details h3 { font-size: 1.5em; font-weight: bold; margin: 0.5em 0; color: var(--color); }
.newslarger .content .item .details h5 { font-size: 1em; color: #b5b3b3; font-style: italic; }
.newslarger .content .item .details h5 i, .newslarger .content .item .details h5 svg { }
.newslarger .content .item .details h5 svg { }
.newslarger .content .item .details h4 { font-size: 1em; line-height: 1.5em; text-align: justify; color: var(--fontcolor); }
.newslarger .content .item .details a.viewsmore { padding: 0.35em 1em; display: inline-block; background: var(--color); border: 1px solid var(--color); color: white; border-radius: 5px; margin-top: 0.5em; }
.newslarger .content .item .details a.viewsmore:hover { color: var(--color); background: white; }
@media screen and (max-width:600px) {
	.newslarger .row-grid { grid-template-columns: 1fr }
}
.contactsite { }
.contactsite .rowcontact { margin: 2em 0; }
.contactsite .rowcontact .title { }
.contactsite .rowcontact .title h2 { color: var(--color); font-family: var(--fonttitle); font-weight: bold; }
.contactsite .rowcontact .groupform { }
.contactsite .rowcontact input { border: 1px solid var(--color); font-size: 1em; }
.contactsite .rowcontact textarea { border: 1px solid var(--color); font-size: 1em; }
.contactsite .rowcontact input.form-control:focus { border-color: var(--color); }
.contactsite .rowcontact .groupform .input-group-text { background-color: #e9ecef; border: 1px solid var(--color); color: var(--color); }
.contactsite .button-group { margin: 1em 0; }
.btn-guiyeucau { color: #fff; background: linear-gradient(#eebc5c, #ec9f0d); border: 1px solid #ec9f0d; padding: .5em 1em }
.slick-next, .slick-prev { display: none; right: 0; left: 0 }
.itemvideo { position: relative }
.itemvideo .btn-playvideo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 9 }
.itemvideo #btn_playvideo:hover { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; color: red }
.itemvideo .btn-playvideo i, .itemvideo .btn-playvideo svg { font-size: 20px; color: #0000fe; cursor: pointer; transition: all .5s }
#layout_video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: translate(0, -100%) scale(0, 0); -moz-transform: translate(0, -100%) scale(0, 0); -o-transform: translate(0, -100%) scale(0, 0); -ms-transform: translate(0, -100%) scale(0, 0); transform: translate(0, -100%) scale(0, 0); opacity: 0; z-index: 9999999 }
#layout_video input[type=search] { position: absolute; top: 50%; width: 100%; color: #fff; background: rgba(0, 0, 0, 0); font-size: 60px; font-weight: 300; text-align: center; border: 0; margin: -51px auto 0; padding-left: 30px; padding-right: 30px; outline: 0 }
#layout_video .btn { position: absolute; top: 50%; left: 50%; margin-top: 61px; margin-left: -45px; background-color: #fae426; border: #000 }
#layout_video .close { position: fixed; top: 15px; right: 15px; color: #fff; background-color: #054da1; border-color: #04480a; opacity: 1; padding: 10px 17px; font-size: 27px }
#layout_video.open { -webkit-transform: translate(0, 0) scale(1, 1); -moz-transform: translate(0, 0) scale(1, 1); -o-transform: translate(0, 0) scale(1, 1); -ms-transform: translate(0, 0) scale(1, 1); transform: translate(0, 0) scale(1, 1); opacity: 1 }
#layout_video .layout_video { width: 80%; margin: 2% auto }
.newsmagic .content { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px }
.newsmagic .content .item h3 { font-size: 1.2em; font-weight: 700; color: #054da1 }
.newsmagic.content-body .content figure figcaption { min-height: auto }
.hastab-index .title { margin-bottom: 1em; width: 100%; display: inline-block }
.hastab-index .img-productlist { width: 25% }
.hastab-index .show-productlist { width: 100%; grid-template-columns: 1fr 1fr 1fr 1fr }
.pull-left { float: left }
.pull-right { float: right }
.blockadv { margin-bottom: 0 }
.blockadv .owladv { position: relative }
.filterblock .content .rowitem { margin-bottom: 1em }
.filterblock .content .rowitem .label { padding-bottom: .25em; border-bottom: 1px solid var(--color); margin-bottom: 1em }
.filterblock .content .rowitem .label span { font-family: var(--fonttitle); font-size: 1.5em; text-transform: uppercase; color: var(--color); margin: 0 }
.filterblock .content .rowitem .contendetails .item { margin-bottom: .5em; padding: .25em 0 }
.filterblock .content .rowitem .contendetails .item label { width: 100% }
.filterblock .content .rowitem .contendetails .item label span { padding: 0 }
.filterblock .content .rowitem .contendetails .item label span:before { background: #02a552 }
.pricerange_bar #pricerange { margin-left: 0; height: 7px; margin-top: 1.5em }
.pricerange_bar .res_val { font-size: 14px; color: #333; margin-top: 1.5em }
.starrang_bar { width: 25%; float: right }
.pricerange_bar .noUi-horizontal .noUi-handle { width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 1px solid; top: -7px; outline: 0; border-color: var(--color); right: 0 !important }
.blockslider .searchbar .pricerange_bar .noUi-horizontal .noUi-handle:before, .pricerange_bar .noUi-horizontal .noUi-handle:after { content: none }
.pricerange_bar .noUi-connect { background: var(--color) }
.noUi-origin, .pricerange_bar .n.noUi-connect { width: 91% }
.pricerange_bar .res_val input { width: 90%; margin-bottom: .5em; padding: .35em .5em; outline: 0; border: 1px solid var(--color); text-align: right }
.min-height0 { min-height: 0 }
.btnmuagop { background-color: #fba014; margin: .2em; display: inline-block; padding: .75em 1.5em; font-size: 15px; color: #fff; text-transform: uppercase; font-weight: 700; border-radius: 5px; transition: all .5s; border: 1px solid #fba014 }
.btnmuagop:hover { color: #fba014; background: #fff }
#popub { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; background: rgba(0, 0, 0, .25) }
#popub .popub { position: absolute; width: 100%; text-align: center }
#popub .close_popup { position: absolute; top: .5em; right: .5em; font-size: 2em; color: red; cursor: pointer }
#popub .popub .items { display: inline-block; position: relative }

/*NEWS*/
.newshightligt { background: url('../images/bgnews.png'); padding: 3em 0; }
.newshightligt .subtitlemenu { margin: 1em 0; }
.newshightligt .subtitlemenu ul { }
.newshightligt .subtitlemenu ul li { display: inline-block; margin: 0.25em; padding: 0.5em 1em; }
.newshightligt .subtitlemenu ul li.active { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #c39219; }
.newshightligt .subtitlemenu ul li a { color: #fff; font-family: "Roboto"; font-size: 14px; text-transform: uppercase; }
.newshightligt .content { }
.newshightligt .content .newsgrid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 15px; }
.newshightligt .content .newsgrid .item { }
.newshightligt .content .newsgrid .item.master { grid-column: 1 /span 2; grid-row: 1 /span 2; }
.newshightligt .content .newsgrid .item.master .img { }
.newshightligt .content .newsgrid .item.master .img img { }
.newshightligt .content .newsgrid .item.master .name { }
.newshightligt .content .newsgrid .item.master .name .date { width: 10%; float: left; text-align: center; background: #015fb5; padding: 10px 0; line-height: 2em; }
.newshightligt .content .newsgrid .item.master .name .date p { }
.newshightligt .content .newsgrid .item.master .name .date p.day { color: #fff; font-family: "Roboto"; font-size: 25px; }
.newshightligt .content .newsgrid .item.master .name .date p.mont { color: #fff; font-family: "Roboto"; font-size: 18px; }
.newshightligt .content .newsgrid .item.master .name .date p.year { color: #fff; font-family: "Roboto"; font-size: 16px; }
.newshightligt .content .newsgrid .item.master .details { width: 88%; float: right; }
.newshightligt .content .newsgrid .item.master .details h3 { }
.newshightligt .content .newsgrid .item.master .details h5 { }
.newshightligt .content .newsgrid .item { background: white; }
.newshightligt .content .newsgrid .item .img { }
.newshightligt .content .newsgrid .item .img img { width: 100%; }
.newshightligt .content .newsgrid .item .name { padding: 10px; }
.newshightligt .content .newsgrid .item .name h3 { line-height: 0.5; }
.newshightligt .content .newsgrid .item .name h3 a { color: #272727; font-family: "Roboto"; font-size: 13px; text-transform: uppercase; line-height: 1.5em; }
.newshightligt .content .newsgrid .item .name h5 { color: #a6a6a6; font-family: "Roboto"; font-size: 13px; font-weight: normal; }

/*NEWS*/
footer { }
footer .fmenu { }
footer .fhotline { text-align: center; }
footer .fhotline img { }
footer .fhotline p { color: #fab300; font-family: var(--fonttitle); font-size: 30px; margin-top: 0.5em; }
footer .fhotline p a { }
footer .fmenu ul { }
footer .fmenu li { margin-bottom: 0.5em; }
footer .fmenu li a { color: #fff; font-size: 1em; font-weight: normal; padding-left: 1em; position: relative; }
footer .fmenu li a:before { content: '-'; position: absolute; top: -3px; left: 0; }
footer .fmenu li a:hover:before { }
footer .fmenu li a:hover { color: var(--color); }
footer { background-color: #fff; color: #1f1f1f; position: relative; padding-bottom: 0; padding-top: 0; background: url('../images/bgfooter.png'); background-size: cover; margin-top: 2em; }
footer { }
footer .submailbar { }
footer .submailbar .title { }
footer .submailbar .title h2 { color: #fff; /* text color */ font-family: var(--fonttitle); font-size: 50px; }
footer .submailbar .title h3 { color: #fff; /* text color */ font-size: 14px; font-weight: normal; margin-top: 1em; }
footer .submailbar .content { }
footer .submailbar .content .frm { width: 100%; border: 1px solid white; padding: 2px; }
footer .submailbar .content input { width: 80%; float: left; padding: 0.5em 1em; background: none; border: none; outline: none; font-size: 1.25em; color: white; font-weight: bold; }
footer .submailbar .content input::placeholder { color: #ccc; font-weight: normal; }
footer .submailbar .content button { width: 20%; float: right; padding: 0.5em; background: green; color: white; border: 1px solid green; font-size: 1.25em; cursor: pointer; font-weight: bold; }
footer .submailbar .content button:hover { color: green; background: white; }
footer .resp-iframe {height: 250px;}
footer .title { margin-bottom: 2em; color: white; position: relative; }
footer .title:after { content: ''; position: absolute; left: 0; width: 50px; height: 2px; bottom: -5px; background: white; }
footer .title span { color: #fff; /* text color */ font-size: 1.35em; text-transform: uppercase; font-family: var(--fonttitle); font-weight: normal; }
footer .masster { /* layer alpha */ /* color overlay */color: #363535;background: url(../images/bg-footer.jpg) center center;background-size: cover;padding: 40px 0;}
footer .boder-light { padding: 2em 0; padding-top: 3em; }
footer .tieuchi { background: #fde304; color: #000; padding: 2em 0; font-size: 1.15em; text-align: center; line-height: 1.5em }
footer .formbar form input, footer .formbar textarea { width: 100%; margin-bottom: .5em; padding: 5px; background: rgba(125, 125, 125, .5); border: 1px solid #676767 }
footer .formbar button { width: 100%; padding: 7px; background: #fde304; border: 1px solid #fde304; font-weight: 700 }
footer .formbar button:hover { background: #fff }
footer .company.col .title span { text-transform: uppercase; font-weight: 700; color: #fff; font-family: var(--font); font-size: 1.5em }
footer .menuadd li p { margin-bottom: .75em }
footer .policy { width: 100%; float: left }
footer .policy a { color: #5f5f5f; font-family: Roboto; font-size: 13px }
footer .xcol.w50 span { display: inline-block; padding: .5em 0 }
footer .xcol.w50 { width: 50%; float: left }
footer .policy ul li:hover a { color: #02a552 }
footer .policy ul li { margin: 1em 0; font-size: 1.05em; width: 100%; transition: all .3s; position: relative }
footer .policy .statis ul li { padding-left: 0 }
footer .policy .statis ul li b { display: inline-block; width: 30%; float: right }
footer .block-keywords { padding: 2em 0 }
footer .block-keywords .title { margin-bottom: 1em }
footer .block-keywords h2 { font-size: 14px; color: #474545; font-weight: 700; text-transform: uppercase; margin: 0 }
footer .block-keywords ul li { display: inline-block; margin: 0 1em }
footer .block-keywords ul li a { color: #454545 }
footer .col { float: left; width: 20% }
footer .col:last-child { padding-right: 0 }
footer .col .title { margin-bottom: 2em }
footer .col .title span { margin: 0; font-weight: 700; position: relative; padding-bottom: .5em; color: #fff; font-family: var(--font); font-size: 1.5em }
footer .col .title span:after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background: #fff }
footer .col:nth-child(1) { width: 50%; display: inline-block }
footer .col:nth-child(2), footer .col:nth-child(3) { padding: 0 15px; width: 25% }
footer .col:nth-child(2) { border-left: 1px solid #2A2A2A; border-right: 1px solid #2A2A2A }
footer .content-footer { padding: 2em 0 1em; border-top: 1px solid #ccc }
footer .content-footer .company { padding-right: 60px }
footer .content-footer .company .copyright { font-size: 12px; color: #888 }
footer .content-footer .submail .content .grp-input input { width: 70%; padding: .2em 1em; outline: 0 }
footer .content-footer .submail .content .grp-input button { background: red; border: 1px solid red; outline: 0; color: #fff; padding: .3em 1em }
footer .content-footer .connectus .socialitem ul li { display: inline-block }
footer .blcktag { color: #fff; margin-top: 2em; font-weight: 550; margin-bottom: 4em }
footer .blcktag a { text-transform: uppercase; color: #fff; margin: .3em; padding: .3em .75em; border: 1px solid #fff; border-radius: 5px }
footer .blcktag a:hover { background: #595959; color: #fff }
footer .copyright, footer .copyright a, footer .copyright b {color: #363535;}
footer .copyright {padding: 11px 0;margin-top: 0;position: relative;background: #dbdbdb;color: #363535;}
footer .copyright .colcop { width: 65%; float: left }
footer .copyright .colcop:nth-child(2) { text-align: right; width: 35% }
footer .copyright .backtotop { position: absolute; bottom: 0; left: calc(50% - 62px) }
footer .rowssupport { display: flex; margin-top: 1em; padding: 1em 0; border-top: 1px solid #f55cac }
footer .bocongthuong, footer .social-top { display: inline-block }
footer .rowssupport .logopolicy { width: 20%; padding: .5em 0 }
footer .rowssupport .support { width: 30% }
footer .rowssupport .support .listupport li { margin-bottom: .5em }
footer .rowssupport .support .listupport li h3 { width: 35%; float: left; margin: 0; font-size: 1em }
footer .rowssupport .support .listupport li .iconsup { width: 35%; float: left }
footer .rowssupport .support .listupport li .phone { width: 30%; float: left }
footer .rowssupport .title span { font-size: 1.1em; margin: 0; font-weight: 700 }
footer .menuadd { }
footer .menuadd ul { }
footer .menuadd ul li { margin: 0 0.25em; margin-bottom: 0.5em; }
footer .menuadd ul li a { font-size: 1em; color: white; font-weight: normal; transition: all 0.5s; }
footer .menuadd ul li a:hover { color: var(--color); }
footer .bocongthuong { margin: 1em 0 0 }
footer .infcop { margin-top: 1em }
footer .colx .xcol.supp a.large, footer .colx .xcol.supp a.normal { font-family: Roboto; font-weight: 700; margin: .5em 0; display: inline-block }
footer .colx { float: left; width: 20%; padding: 0 15px }
footer .colx .xcol.supp a.normal { color: #db1e1e; font-size: 18px }
footer .colx .xcol.supp a.large { color: #e51111; font-size: 31px }
footer .copyright .social li { margin: 0 .25em }
footer .copyright .social { padding: 0; margin: 0 }
footer .socialf { margin-top: 2em; }
footer .listpo { margin-top: 1em }
footer .listpo a { color: white; }
footer .listpo span { margin: 0 0.5em; }
.footer{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-left: -15px;
	margin-right: -15px;
}
.footer > div{
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
.footer-1{
	flex: 0 0 calc((490 + 30) / 1200 * 100%);
	-ms-flex: 0 0 calc((490 + 30) / 1200 * 100%);
	max-width: calc((490 + 30) / 1200 * 100%);
}
.footer-2{
	padding-top: 35px;
	flex: 0 0 200px;
	-ms-flex: 0 0 200px;
	max-width: 200px;
}
.footer-3{
	flex: 0 0 calc((405 + 15) / 1200 * 100%);
	-ms-flex: 0 0 calc((405 + 15) / 1200 * 100%);
	max-width: calc((405 + 15) / 1200 * 100%);
}
.footer-title{
	font-weight: bold;
	font-size: 19px;
	color: #171717;
	position: relative;
	padding-bottom: 14px;
	margin-top: 0;
	margin-bottom: 15px
}
.footer-title:after{
	content: "";
	width: 54px;
	height: 2px;
	background: #c4c4c4;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.footer-permalink{
	display: block;
	color: #171717;
	font-size: 15px;
	margin-bottom: 10px;
}
.footer-permalink:hover{
	color: #156ADD;
}
.owlblog.owl-carousel .owl-nav button.owl-prev:before,
.owlblog.owl-carousel .owl-nav button.owl-next:before {
	content: none;
}
.owlblog.owl-carousel .owl-nav button.owl-next, .owlblog.owl-carousel .owl-nav button.owl-prev{
	background: none;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	outline: none;
	cursor: pointer;
	/* opacity: 1; */
}
.owlblog.owl-carousel .owl-nav button.owl-next:hover, .owlblog.owl-carousel .owl-nav button.owl-prev:hover {
	background: none;
}
.owlblog.owl-carousel .owl-nav button.owl-next{
	right: -35px;
}
.owlblog.owl-carousel .owl-nav button.owl-prev{
	left: -35px;
}
.dont-break-out {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.container{
	max-width: 1230px;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
.grid-product{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.col-product{
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	border-right: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	width: 100%;
	max-width: 25%;
}
@media (min-width: 769px){
	.col-product:nth-child(4n){
		border-right: 0;
	}
	.col-product.last-md{
		border-bottom: 0;
	}
}
.entry-post .aspect-ratio-box{
	padding-bottom: calc(19 / 24 * 100%);
}
.entry-post{
	padding-bottom: 10px;
}
.entry-post figure{
	padding: 10px;
	margin: 0;
}
.entry-post img{
	transition: 0.35s;
}
.entry-post:hover img{
	transform: scale(1.1)
}
.entry-post:hover h3 {
	color: #f00;
}
.entry-post h3 {
	color: #3c3c3c;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0;
	margin-top: 0;
	text-align: center;
	padding: 0 10px;
	line-height: 22px;
}
@media (min-width: 769px){
	.entry-post h3 {
		height: 66px;
		overflow: hidden;
	}
}
.entry-post h3 a {
	color: inherit;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.aspect-ratio-box{
	position: relative;
	overflow: hidden;
	display: block;
}
.aspect-ratio-box-inside{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: auto;
}
.ajax_pagination {
	list-style: none;
	margin: 40px 0 0 0;
	padding: 1px 2px;
	position: relative;
	font-family: Arial;
	display: -webkit-box;
	display: flexbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.ajax_pagination > li {
	text-decoration: none;
	margin: 4px 3px;
	font-size: 14px;
	font-weight: 400;
	color: #e6e6e6;
	border-radius: 0;
	overflow: hidden;
}
.ajax_pagination > li.last > a,
.ajax_pagination > li.next > a,
.ajax_pagination > li.prev > a,
.ajax_pagination > li.first > a {
	padding: 2px 0 2px 0;
	line-height: 20px;
	font-size: 20px;
}
.ajax_pagination > li.dot {
	width: 29px;
	height: 25px;
}
.ajax_pagination > li:hover,
.ajax_pagination > li.active {
}
.ajax_pagination > li:hover a,
.ajax_pagination > li.active a {
	color: #fff !important;
	background-image: linear-gradient(0deg, #b1adad 0%, #757575 100%);
}
.ajax_pagination > li > a {
	display: block;
	text-align: center;
	color: #7f7f7f;
	padding: 3px 1px 2px 1px;
	font-size: 14px;
	font-weight: 400;
	width: 25px;
	height: 25px;
	border-radius: 3px;
	font-family: Arial;
}
.blend-mode-multiply{
	mix-blend-mode: multiply;
}
.item-saeilo{
	position: relative;
}
.saeilo-description{
	position: absolute;
	left: 83px;
	width: 500px;
	color: #fff;
	background: rgb(21 106 221 / .9);
	padding: 20px;
	line-height: 1.7;
	font-size: 13px;
	top: 50%;
	transform: translateY(-50%);
}
.slider{
	margin-bottom: 30px;
}
#fix{
	height: 47px;
}
.block-menu{
	position: relative;
	background: #23408F;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
}
.archive{
	padding-top: 30px;
}
.block-menu.sticky{
	position: fixed;
}
.block-menu > .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.block-search{
	flex: 0 0 225px;
	-ms-flex: 0 0 225px;
	width: 100%;
	max-width: 225px;
}
#form-search{
	position: relative;
}
#form-search button{
	height: 30px;
	background: #fff;
	border: none;
	outline: none;
	border-radius: 15px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	cursor: pointer;
	color: #000;
	width: 40px;
}
#form-search input{
	width: 100%;
	border: none;
	height: 30px;
	outline: none;
	border-radius: 15px;
	background: #fff;
	padding-left: 15px;
	padding-right: 50px;
	border-radius: 15px;
	font-family: inherit;
	font-size: 12px;
	color: #a0a0a0;
}
.flex-box{
	display: flex;
}
.banner{
	padding-left: 50px;
}
.block-head{
	background: url(../images/bg-head.jpg) center center;
	background-size: cover;
	padding: 13px 0px;
}
.block-head > .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.site-phone{
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	padding-left: 50px;
	padding-right: 15px;
	border: 1px dashed #555555;
	border-radius: 24px;
	padding-top: 1px;
	padding-bottom: 5px;
	background: url(../images/bg-hotline.png) 7px center no-repeat;
}
.site-phone p{
	color: #2a2a2a;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}
.site-phone strong{
	display: block;
	font-size: 22px;
	line-height: 18px;
	font-weight: bold;
	color: #e5322d;
}
.lang{
	text-align: center;
	margin-bottom: 10px;
}
.info-head{
	background: #f2f2f2;
	border-bottom: 1px solid #fff;
	padding: 5px 0;
}
.info-head > .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.info-head svg {
	color: #ed1c24;
	position: relative;
	margin-right: 5px;
}
.info-head-right p,.socialfooter{
	display: inline-block;
	vertical-align: middle;
}
.socialfooter{
	margin-left: 30px;
}
.socialfooter a + a img{
	margin-left: 3px
}
.like-fb{
	display: flex;align-items: flex-start;
	justify-content: flex-start
}
.noidung *:not(iframe):not(object) {
	max-width: 100% !important;
	height: auto !important;
}
.noidung iframe,
.noidung object {
	max-width: 100% !important;
}
.noidung table {
	width: 100%;
}
.btn-open-mmenu{
	display: none;
	color: #fff;
}
.table-document thead th{
	background: linear-gradient(to bottom, #156add, #2b79e2);
	color: #fff;
	font-weight: normal;
	border: 1px solid #fff;
	text-align: center;
}
.table-document tbody td{
	background: #F0F0F0;
	border: 1px solid #fff;
}
.cell-btn-download{
	width: 120px;
	text-align: center;
}
.cell-danh-muc{
	width: 33.333333%;
}
.permalink{
	display: block;
	color: #333;
	font-size: 15px;
	margin-bottom: 10px;
}
@media (max-width: 1150px){
	.menusite>ul>li>a{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (max-width: 1024px){
	.banner{
		padding-left: 15px;
		padding-right: 20px;
	}
	.block-head-left{
		flex: 0 0 calc(100% - 225px);
		-ms-flex: 0 0 calc(100% - 225px);
		max-width: calc(100% - 225px);
		padding-right: 30px;
		width: 100%;
	}
}
@media (max-width: 992px){
	.block-menu{
		padding: 8px 0;
	}
	.btn-open-mmenu{
		display: block;
	}
	.menusite{
		display: none;
	}
	.info-head{
		display: none;
	}
	.menumobile { display: block; }
}
@media (max-width: 900px){
	footer .masster{
		padding-bottom: 20px;
	}
	.footer{
		flex-wrap: wrap;
	}
	.footer-1,
	.footer-3{
		flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		max-width: 100%;
	}
	.footer-2{
		padding-top: 15px;
	}
}
@media (max-width:768px) {
	.banner{
		padding-right: 0;
	}
	.table-document tbody td,
	.table-document thead th{
		min-width: 150px
	}
	.saeilo-description{
		display: none;
	}
	.slider{
		margin-bottom: 15px;
	}
	.content-body .rowstitle .title h2, .content-body .rowstitle .title span{
		margin-bottom: 20px;
		font-size: 20px;
	}
	.col-product{
		flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		max-width: 50%;
	}
	.col-product.last-xs{
		border-bottom: 0;
	}
	.ajax_pagination{
		margin-top: 20px;
	}
	.content-body.flask{
		padding: 15px 0;
	}
	.col-product:nth-child(even){
		border-right: 0;
	}
	.bloghight{
		padding-top: 15px;
		padding-bottom: 0;
	}
	.block-head-right{
		display: none;
	}
	.block-head-left{
		padding-right: 0;
		flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		max-width: 100%;
	}
	.noidung table {
		width: 100% !important;
	}
	header#header .blockmenusite { display: none }
	
	#ser_onl { display: none; }
	#ser_onl_zalo { display: none; }
	.blockright { width: 100%; }
	.fmaping { margin-top: 1em; }
	footer .copyright {margin-bottom: 49px;}
	.grp-product { grid-template-columns: 1fr 1fr 1fr; }
	.grp-product .desc{
		text-align: justify;
		font-size: 0.9em;
	}
}
@media (max-width:500px) {
	header#header .headeritem.supporter { display: none; }
	header#header .headeritem .logosite { text-align: center; }
	footer .inffor {}
	.grp-product { grid-template-columns: 1fr 1fr; }
	header#header .headeritem.d-xsm-none { display: none }
	header#header .headeritem:nth-child(1) { width: 80%; float: left; text-align: center; }
	header#header .headeritem:nth-child(2) { }
	header#header .langbox { width: 20%; float: right; }
	.grp-product .desc{}
}