@charset "utf-8";

/* CSS Document */
* { margin: 0; padding: 0 }
@font-face { font-family: 'SVNFuturaRegular'; src: url('../fonts/SVN-Futura/SVNFuturaRegular.eot'); src: url('../fonts/SVN-Futura/SVNFuturaRegular.eot') format('embedded-opentype'), url('../fonts/SVN-Futura/SVNFuturaRegular.woff2') format('woff2'), url('../fonts/SVN-Futura/SVNFuturaRegular.woff') format('woff'), url('../fonts/SVN-Futura/SVNFuturaRegular.ttf') format('truetype'), url('../fonts/SVN-Futura/SVNFuturaRegular.svg#SVNFuturaRegular') format('svg'); }
@font-face { font-family:sfufuturabook; src: url('../fonts/SVN-Futura/SVNFuturaRegular.eot'); src: url('../fonts/SVN-Futura/SVNFuturaRegular.eot') format('embedded-opentype'), url('../fonts/SVN-Futura/SVNFuturaRegular.woff2') format('woff2'), url('../fonts/SVN-Futura/SVNFuturaRegular.woff') format('woff'), url('../fonts/SVN-Futura/SVNFuturaRegular.ttf') format('truetype'), url('../fonts/SVN-Futura/SVNFuturaRegular.svg#SVNFuturaRegular') format('svg'); }
@font-face { font-family:svn-futuraregular; src: url('../fonts/SVN-Futura/SVNFuturaRegular.eot'); src: url('../fonts/SVN-Futura/SVNFuturaRegular.eot') format('embedded-opentype'), url('../fonts/SVN-Futura/SVNFuturaRegular.woff2') format('woff2'), url('../fonts/SVN-Futura/SVNFuturaRegular.woff') format('woff'), url('../fonts/SVN-Futura/SVNFuturaRegular.ttf') format('truetype'), url('../fonts/SVN-Futura/SVNFuturaRegular.svg#SVNFuturaRegular') format('svg'); }
@font-face { font-family: 'SVNFuturaBold'; src: url('../fonts/SVN-FuturaBold/SVNFuturaBold.eot'); src: url('../fonts/SVN-FuturaBold/SVNFuturaBold.eot') format('embedded-opentype'), url('../fonts/SVN-FuturaBold/SVNFuturaBold.woff2') format('woff2'), url('../fonts/SVN-FuturaBold/SVNFuturaBold.woff') format('woff'), url('../fonts/SVN-FuturaBold/SVNFuturaBold.ttf') format('truetype'), url('../fonts/SVN-FuturaBold/SVNFuturaBold.svg#SVNFuturaBold') format('svg'); }
@font-face { font-family: 'SVNFuturaBlack'; src: url('../fonts/SVN-FuturaBlack/SVNFuturaBlack.eot'); src: url('../fonts/SVN-FuturaBlack/SVNFuturaBlack.eot') format('embedded-opentype'), url('../fonts/SVN-FuturaBlack/SVNFuturaBlack.woff2') format('woff2'), url('../fonts/SVN-FuturaBlack/SVNFuturaBlack.woff') format('woff'), url('../fonts/SVN-FuturaBlack/SVNFuturaBlack.ttf') format('truetype'), url('../fonts/SVN-FuturaBlack/SVNFuturaBlack.svg#SVNFuturaBlack') format('svg'); }
@font-face { font-family: 'SVNFuturaDemiBold'; src: url('../fonts/SVN-FuturaDemiBold/SVNFuturaDemiBold.eot'); src: url('../fonts/SVN-FuturaDemiBold/SVNFuturaDemiBold.eot') format('embedded-opentype'), url('../fonts/SVN-FuturaDemiBold/SVNFuturaDemiBold.woff2') format('woff2'), url('../fonts/SVN-FuturaDemiBold/SVNFuturaDemiBold.woff') format('woff'), url('../fonts/SVN-FuturaDemiBold/SVNFuturaDemiBold.ttf') format('truetype'), url('../fonts/SVN-FuturaDemiBold/SVNFuturaDemiBold.svg#SVNFuturaDemiBold') format('svg'); }
@font-face { font-family: 'SVNFuturaLight'; src: url('../fonts/SVN-FuturaLight/SVNFuturaLight.eot'); src: url('../fonts/SVN-FuturaLight/SVNFuturaLight.eot') format('embedded-opentype'), url('../fonts/SVN-FuturaLight/SVNFuturaLight.woff2') format('woff2'), url('../fonts/SVN-FuturaLight/SVNFuturaLight.woff') format('woff'), url('../fonts/SVN-FuturaLight/SVNFuturaLight.ttf') format('truetype'), url('../fonts/SVN-FuturaLight/SVNFuturaLight.svg#SVNFuturaLight') format('svg'); }
@font-face { font-family: 'svn-futura light'; src: url('../fonts/SVN-FuturaLight/SVNFuturaLight.eot'); src: url('../fonts/SVN-FuturaLight/SVNFuturaLight.eot') format('embedded-opentype'), url('../fonts/SVN-FuturaLight/SVNFuturaLight.woff2') format('woff2'), url('../fonts/SVN-FuturaLight/SVNFuturaLight.woff') format('woff'), url('../fonts/SVN-FuturaLight/SVNFuturaLight.ttf') format('truetype'), url('../fonts/SVN-FuturaLight/SVNFuturaLight.svg#SVNFuturaLight') format('svg'); }

@font-face { font-family: "SVN-Futura Heavy"; src: url("../fonts/SVN-Futura Heavy.ttf"); /* IE */ src: local("SVN-Futura Heavy"), url("../fonts/SVN-Futura Heavy.ttf") format("truetype"); /*non-IE*/ }
@font-face { font-family: "SVN-Futura Black Italic"; src: url("../fonts/SVN-Futura Black Italic.ttf"); /* IE */ src: local("SVN-Futura Black Italic"), url("../fonts/SVN-Futura Black Italic.ttf") format("truetype"); /*non-IE*/ }
@font-face { font-family: "SVN-Futura Black"; src: url("../fonts/SVN-Futura Black.ttf"); /* IE */ src: local("SVN-Futura Black"), url("../fonts/SVN-Futura Black.ttf") format("truetype"); /*non-IE*/ }
@font-face { font-family: "SVN-Futura Bold Italic"; src: url("../fonts/SVN-Futura Bold Italic.ttf"); /* IE */ src: local("SVN-Futura Bold Italic"), url("../fonts/SVN-Futura Bold Italic.ttf") format("truetype"); /*non-IE*/ }
@font-face { font-family: "SVN-Futura Bold"; src: url("../fonts/SVN-Futura Bold.ttf"); /* IE */ src: local("SVN-Futura Bold"), url("../fonts/SVN-Futura Bold.ttf") format("truetype"); /*non-IE*/ }
@font-face { font-family: "SVN-Futura Book Italic"; src: url("../fonts/SVN-Futura Book Italic.ttf"); /* IE */ src: local("SVN-Futura Book Italic"), url("../fonts/SVN-Futura Book Italic.ttf") format("truetype"); /*non-IE*/ }
@font-face { font-family: "SVN-Futura Book"; src: url("../fonts/SVN-Futura Book.ttf"); /* IE */ src: local("SVN-Futura Book"), url("../fonts/SVN-Futura Book.ttf") format("truetype"); /*non-IE*/ }
@font-face { font-family: "SVN-Futura DemiBold Italic"; src: url("../fonts/SVN-Futura DemiBold Italic.ttf"); /* IE */ src: local("SVN-Futura DemiBold Italic"), url("../fonts/SVN-Futura DemiBold Italic.ttf") format("truetype"); /*non-IE*/ }
@font-face { font-family: "SVN-Futura DemiBold"; src: url("../fonts/SVN-Futura DemiBold.ttf"); /* IE */ src: local("SVN-Futura DemiBold"), url("../fonts/SVN-Futura DemiBold.ttf") format("truetype"); /*non-IE*/ }
@font-face { font-family: "SVN-Futura Heavy Italic"; src: url("../fonts/SVN-Futura Heavy Italic.ttf"); /* IE */ src: local("SVN-Futura Heavy Italic"), url("../fonts/SVN-Futura Heavy Italic.ttf") format("truetype"); /*non-IE*/ }
@font-face { font-family: "SVN-Futura Italic"; src: url("../fonts/SVN-Futura Italic.ttf"); /* IE */ src: local("SVN-Futura Italic"), url("../fonts/SVN-Futura Italic.ttf") format("truetype"); /*non-IE*/ }
@font-face { font-family: "SVN-Futura Light Italic"; src: url("../fonts/SVN-Futura Light Italic.ttf"); /* IE */ src: local("SVN-Futura Light Italic"), url("../fonts/SVN-Futura Light Italic.ttf") format("truetype"); /*non-IE*/ }
@font-face { font-family: "SVN-Futura Light"; src: url("../fonts/SVN-Futura Light.ttf"); /* IE */ src: local("SVN-Futura Light"), url("../fonts/SVN-Futura Light.ttf") format("truetype"); /*non-IE*/ }
@font-face { font-family: "SVN-Futura Regular"; src: url("../fonts/SVN-Futura Regular.ttf"); /* IE */ src: local("SVN-Futura Regular"), url("../fonts/SVN-Futura Regular.ttf") format("truetype"); /*non-IE*/ }


body { font-family: 'SVNFuturaRegular'; font-size: 13px; line-height: 1.5; background: #fff }
.h1_tieude { position: fixed; opacity: 0; z-index: -1; }
.clear { clear: both; }
.clear10 { clear: both; height: 10px; }
.clear15 { clear: both; height: 15px; }
.clear20 { clear: both; height: 20px; }
.clear30 { clear: both; height: 30px; }
.clear40 { clear: both; height: 40px; }
.clear110 { clear: both; height: 110px; }
.clear90 { clear: both; height: 90px; }
.f_none { float: none !important; }
.padding-left0 { }
.product-all.row { display: flex; flex-wrap: wrap; }
strong{font-family: 'SVNFuturaBold';font-weight: unset !important}
.padding-right0 { }
.center { text-align: center; }
ul { list-style: none; margin: 0px; }
#wrapper { position: relative; }
.maxwidth { }
.maxwidth2 { position: relative; }
.f_right { float: right !important; }
.d_flex { display: flex; }
audio { width: 100%; margin-top: 20px; }
#baophu { z-index: 99999; }
#header { position: fixed; background: #fff; top: 35px; left: 0; right: 0; z-index: 9999; }
#banner { position: relative; }
#banner img { max-width: 100%; height: auto; }
#logo { float: left; margin: 12px 0px; }
#logo img { height: 75px; }
#logo2 { display: inline-block; margin-left: 15px; }
#menu-top { z-index: 99999; float: left; margin-left: 37px;width: calc(100% - 120px) }
#menu-top .menu-parent { list-style-type: none; display: inline-block; margin-bottom: 0px; }
.tencty { height: 56px; overflow: hidden;font-family: 'SVNFuturaBold'; }
.menu { float: left; height: 35px; display: flex; justify-content: center; align-items: center; }
.menu:hover { }
	.menu:hover .text-a { color: #272258; }
.kq_gh { background: #d2111a; border-radius: 50px; font-size: 12px; color: #fff; position: absolute; top: 3px; right: 20px; width: 20px; height: 20px; text-align: center; }
.text-a { font-size: 14px; color: #191919; padding: 0px 16.4px; text-transform: uppercase; cursor: pointer; line-height: 35px; font-family: 'SVNFuturaBold'; }
.text-a img { position: relative; margin-top: -4px; }
.menu:first-child .text-a { padding-left: 0px; }
.menu:last-child .text-a { padding-right: 0px; }
.active2 { float: left; height: 35px; display: flex; justify-content: center; align-items: center; }
	.active2 a { color: #272258; }
.active2:first-child .text-a { padding-left: 0px; }
.active2:last-child .text-a { padding-right: 0px; }
.box-cap { position: absolute; height: 0vh; top: 91px; left: 0; right: 0; background: #fff; pointer-events: none; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; z-index: 9; overflow: hidden; }
.box-cap .bx-controls-direction a { top: 30% !important; }
.box-cap img { max-width: 100%; height: auto; }
.box-cap h3 { margin: 0px; font-size: 14px; text-transform: uppercase; margin-top: 10px; margin-bottom: 15px; }
.box-cap h3 a { color: #000; }
	.box-cap h3 a:hover { color: #272258; }
	.box-cap h3 a:hover { color: #272258; }
.h_menu { height: 205px; overflow: hidden; }
.h_menu::-webkit-scrollbar { width: 5px; height: 11px; }
.h_menu::-webkit-scrollbar-thumb { background: #ccc; }
	.show_all { cursor: pointer; color: #272258 !important; }
.show_all:hover { text-decoration: underline; }
.h_menu_all { height: 205px; overflow-y: scroll; }
.menu:hover .box-cap { height: 100vh; padding: 10px; pointer-events: auto; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; border-top: 1px solid #eee; }
.box-nav { position: absolute; display: none; background-color: #fff; z-index: 9999; top: 100%; border-top: 1px solid #ccc; left: 15px; }
.ul-child { list-style-type: none; text-align: left; overflow-y: scroll; border-bottom: 1px solid #ccc; min-width: 190px; }
.ul-child-scroll { height: 580px; }
.ul-child::-webkit-scrollbar { background: #f0f0f0; width: 3px; height: 11px; }
	.ul-child::-webkit-scrollbar-thumb { background: #272258; }
.ul-child a {font-size: 14px;color: #191919;line-height: 18px;white-space: nowrap;position: relative;display: block;padding: 8px 20px;}
.li-child:hover { }
	.li-child:hover>a { color: #272258; }
.li-child {/* padding: 8px 20px; */border-style: solid;border-width: 0px 0px 0px 1px;border-color: #ccc #ccc #ccc;line-height: 18px;cursor: pointer;}
.li-child:last-child { }
.menu_sp { position: relative; }
.menu_sp:hover .box-nav { display: block; }
.ul-child-child {position: absolute;display: none;background-color: #fff;z-index: 9999;list-style-type: none;top: -1px;left: calc(100% - 2px);/*bottom: 0px;*/min-width: 200px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.ul-child-child:after { border-left: 6px solid #272258; position: absolute; content: ''; width: 0; top: 10px; left: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.li-child-child {/* padding: 7px 20px; */border-style: solid;border-width: 0px 1px 0px 0px;border-color: #ccc #ccc #ccc;line-height: 18px;cursor: pointer;position: relative;}
.li-child-child:hover { }
	.li-child-child:hover > a { color: #272258; }
.li-child:hover .ul-child-child { display: block; }
.ul-child-child-child { position: absolute; display: none; background-color: #fff; z-index: 9999; list-style-type: none; top: -1px; left: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.ul-child-child-child:after { border-left: 6px solid #c51230; position: absolute; content: ''; width: 0; top: 10px; left: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.li-child-child-child {border-style: solid;border-width: 0px 1px 0px 1px;border-color: #ccc #ccc #ccc;line-height: 18px;cursor: pointer;}
	.li-child-child-child:hover > a { color: #272258; }
.li-child-child:hover .ul-child-child-child { display: block; }
#menu-top-rp { display: none; position: relative; z-index: 99999;height: 95px; }
#menu-rp-top-parent { list-style: none; background: #232323; margin-bottom: 0px; }
#menu-rp-top-parent .li-rp-top-parent { border-bottom: 1px solid #000; padding: 0px 15px; line-height: 35px; cursor: pointer; }
#menu-rp-top-parent .li-rp-top-parent .text-a-rp { color: #fff; text-transform: uppercase; font-size: 14px; white-space: nowrap; display: block; display: inline-block; }
#menu-rp-top-parent .text-a-2-rp { color: #fff; text-transform: uppercase; font-size: 14px; white-space: nowrap; display: inline-block; }
#menu-rp-top-parent .active2-rp { border-bottom: 1px solid #000; padding: 0px 15px; background: #666; line-height: 35px; cursor: pointer; }
#menu-rp-top-parent .active2-rp a { color: #fff; text-transform: uppercase; font-size: 14px; white-space: nowrap; display: inline-block; }
.ul-child-rb { list-style: none; }
.ul-child-rb .li-child-rb { border-bottom: 1px solid #000; padding-left: 15px; }
.ul-child-rb .li-child-rb:last-child { border-bottom: none; padding-left: 15px; }
.soxuong { float: right; font-size: 40px !important; color: #000; margin-right: 10px; }
.an { position: fixed; right: -229px; top: 110px; bottom: 0; z-index: 9000; height: 288px; width: 256px; }
.text-cat { color: #000;  display: block; margin-bottom: 5px; font-size: 14px; }
	.text-cat:hover { color: #272258; }
.tt_menu { background: #eee; }
.mm-listitem:after { left: 0px !important; }
.tt_menu i { margin-right: 10px; font-size: 14px; }
.menu_mxh { text-align: center; }
.menu_mxh img { margin: 0px 5px; }
#content { margin: 30px 0px 0px 0px; }
#content404 { margin-top: 135px; }
#slide_trung { margin-top: 135px; margin-bottom: 40px; }
#slide_trung img { width: 100%; height: auto; }
#slider1 { position: relative; }
#box-gioithieu { padding: 50px 0px 0px 0px; text-align: center; }
.hinhgioithieu img { max-width: 100%; height: auto; }
.tengioithieu { color: #211e1e; font-size: 30px; font-family: opens; text-transform: uppercase; margin: 0px; margin-bottom: 20px; background: url(../images/tieude-dichvu.png) bottom center no-repeat; padding-bottom: 25px; }
.motagioithieu { color: #211e1e; font-size: 14px; text-align: justify;  }
#box-lienhe { padding: 20px; background: #fff; text-align: center; border: 1px solid #e1e1e1; }
#box-lienhe .form-group { margin-bottom: 0px; }
#box-lienhe button { padding: 5px 20px; }
#box-lienhe input { background: #f2f2f2; margin-bottom: 15px; }
#box-lienhe textarea { background: #f2f2f2; margin-bottom: 15px; }
	#box-list {  font-size: 16px; background: #272258; padding: 12px 0px; }
.box-list { border-top: 1px solid #ffa14e; border-bottom: 1px solid #ffa14e; }
#box-list a img { margin-bottom: 15px; }
#box-list li { border-right: 1px solid #ffa14e; padding: 20px 0px; }
#box-list li:hover img { transform: scale(1.1); }
#box-list li:hover a { color: #ff0; }
#box-list a { display: block; text-align: center; color: #fff; text-transform: uppercase; }
.slogan { color: #555555; font-size: 18px; margin-bottom: 40px; text-align: center; }
#tags { list-style: none; display: inline-block; margin-top: 20px; }
#tags li { float: left; border-right: 1px solid #535353; margin-bottom: 20px; line-height: 10px; }
#tags a { color: #535353; font-size: 18px; padding: 0px 10px; }
#tags a:hover { text-decoration: underline; }
.tt-cauhoi { display: block; border-top: 2px solid #cfdeb2; padding: 10px 10px 10px 50px; background: #e3ecd2 url(../images/question.png) no-repeat 5px 10px; cursor: pointer; color: #000; font-size: 14px; margin-bottom: 20px; }
.tt-cauhoi:hover, .tt-cauhoi.active { background: #EEFFDA url(../images/question_a.png) no-repeat 5px 10px; }
.nd-cauhoi { background: #e9e5d4; padding: 10px 10px; margin-bottom: 20px; }
.nd-cauhoi > h4 { margin: 0px; color: #74a425; font-size: 13px; margin-top: 20px; border-top: 1px solid #cfdeb2; padding: 10px 0; }
.box-hoidap { display: none; }
.box-yeucau { margin-bottom: 30px; }
.box-yeucau label {  font-weight: normal; cursor: pointer; }
.box-yeucau input { margin-right: 5px !important; vertical-align: top; }
#content-top { }
#content-right { margin: 0px 0px 20px 0px; }
#content-bot { padding: 0px 0px 30px 0px; }
#content-bot img { max-width: 100%; height: auto; }
.trangtri:first-child { width: 100% !important; }
.hinh-trangtri { overflow: hidden; position: relative; margin-bottom: 10px; }
.hinh-trangtri:hover:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); pointer-events: none; }
.bg-hotro img { max-width: 100%; height: auto; }
#content-left { margin: 0px 0px 20px 0px; }
.ten-bst h3 { margin: 0px; margin-top: 10px;  font-weight: normal; font-size: 20px; text-align: center; text-transform: uppercase; }
.ten-bst h3 a { color: #191919; }
	.ten-bst h3 a:hover { color: #272258; }
.fanpage { padding: 12px; border-radius: 5px; border: 1px dashed #909496; }
.menu-left { margin-bottom: 15px; }
.shadow-menu-left { margin-bottom: 10px; }
.list-video { background: #fff; border: 1px solid #e6e4dc; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: none; margin-top: -11px; padding-top: 15px; padding-bottom: 15px; padding-left: 11px; }
.quangcaolh { margin-top: -11px; margin-bottom: 30px; display: block; position: relative; }
.quangcaolh img { width: 100%; height: auto; }
.text-quangcao { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); color: #fff; display: flex; align-items: center; }
#quangcao { padding-left: 0px; }
.quangcao { display: block; margin-bottom: 30px; margin-top: 17px; }
.quangcao img { max-width: 100%; height: auto; }
.tieude-bot { position: relative; margin-bottom: 55px; }
.tieude-bot h2 { color: #3a3a3a; text-transform: uppercase; margin: 0px; font-size: 24px; position: relative; padding-left: 55px; }
.tieude-bot h2:after { content: ''; position: absolute; background: url(../images/bg-tieude.png); width: 320px; height: 76px; bottom: -30px; left: 0; }
.list-danhmucsanpham { margin-bottom: 20px; }
.list-hotro { border: 1px solid #d7d5d5; }
.list-huychuong { border: 1px solid #d7d5d5; padding: 10px; }
.list-huychuong img { max-width: 100%; height: auto; }
.menu-left .list-tintuc { background: #fff; border: 1px solid #e6e4dc; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: none; margin-top: -11px; padding-top: 15px; padding-bottom: 15px; }
.menu-left .list-tintuc ul { list-style: none; padding: 0px 10px; }
.menu-left .list-tintuc ul li { float: left; margin-bottom: 1px; padding-bottom: 1px; border-bottom: 1px dotted #c7c7c7; width: 217px; }
.list-tintuc img { width: 86px; float: left; margin-right: 10px; padding: 1px; border: 1px solid #d9d7d7 !important; }
.list-tintuc a { display: block; padding: 10px 0px; color: #333333; }
.list-tintuc a:hover { color: #df0200; }
.list-tuvan { border: 1px solid #f5f5f5; padding: 10px; }
.list-tuvan img { float: left; margin-right: 10px; }
.list-tuvan span { color: #000; font-size: 15px; }
.list-tuvan strong { color: #ed1c24; font-size: 18px; border-top: 1px solid #bcbcbc; display: table; margin-top: 2px; padding-top: 2px; }
.list-tuvan p { color: #545454; font-size: 15px; margin-bottom: 5px; }
.list-tuvan li { margin-bottom: 10px; padding-top: 10px; border-top: 1px dashed #7f7f7f; }
.box-sanpham { margin-bottom: 30px; }
.bg-tieude { position: relative; background: url(../images/bg-tieude.png) repeat-x; text-align: center; padding: 13px 0px; }
.bg-tieude h2 { color: #fff; font-size: 16px; position: relative; margin: 0px; display: inline-block; font-family: 'SVNFuturaBold'; text-transform: uppercase; }
.bg-tieude h2 a { color: #fff; }
.title_cart h2{font-family: 'SVNFuturaBold';font-size: 36px !important;}
.bg-tieudesanpham.title_cart h2:after{display: none}
.bg-tieudesanpham { margin-bottom: 80px; position: relative; text-align: center; }
.bg-tieudesanpham h2 { color: #010101; font-size: 30px; position: relative; margin: 0px; display: inline-block;  text-transform: uppercase; }
	.bg-tieudesanpham h2:after { content: ''; position: absolute; background: #272258; width: 48px; height: 3px; bottom: -10px; left: 0; right: 0; margin: 0 auto; }
.bg-tieudesanpham p { color: #5a5a5a;  font-size: 15px; margin: 0px; margin-top: 10px; }
.tieude-index { text-align: center; margin-bottom: 30px; position: relative; }
.tieude-index h2 { color: #1b1a1a; font-size: 30px; position: relative; margin: 0px; display: inline-block; font-family: opens; text-transform: uppercase; padding: 0px 29px; }
.tieude-index h2:before { content: ''; position: absolute; background: url(../images/before-tieudesanpham.png); width: 164px; height: 19px; top: 8px; right: 100%; }
.tieude-index h2:after { content: ''; position: absolute; background: url(../images/after-tieudesanpham.png); width: 164px; height: 19px; top: 8px; left: 100%; }
.tieude-index p { color: #5a5a5a;  font-size: 15px; margin: 0px; margin-top: 10px; }
.bg-tieudelist { margin-bottom: 80px; position: relative;}
.bg-tieudelist h2 { color: #010101; font-size: 30px; position: relative; margin: 0px; display: inline-block;  text-transform: uppercase; }
.bg-tieudelist h2:after { content: ''; position: absolute; background: #272258; width: 48px; height: 3px; bottom: -10px; left: 0; margin: 0 auto; }
.bg-tieudelist a{color: #010101; font-size: 15px;float: right;}
.bg-tieudelist a:hover{color: #f00;}
.product-all { }
.product_top { border: 1px solid #ccc; }
.product { position: relative; margin-bottom: 55px; text-align: center; }
.product2 { position: relative; margin-bottom: 30px; text-align: center; }
.product img { max-width: 100%; height: auto; }
.product_noibat img { max-width: 100%; height: auto; }
.hinh-product { overflow: hidden; position: relative; margin-bottom: 10px; }
.hinh-product:hover img { transform: scale(1.1); }
.overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 18px; color: #fff; padding: 10px; opacity: 0; z-index: 9; }
.hinh-product:hover .overlay { opacity: 1; }
.hinh-product-list { overflow: hidden; position: relative; }
.hinh-product-list:hover img { transform: scale(1.1); }
.ten-product-list { background: rgba(0, 0, 0, 0.7); position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; text-align: center; margin: 0px; }
.ten-product-list a { color: #fff; font-size: 18px; overflow: hidden; font-family: 'SVNFuturaBold'; text-transform: uppercase; position: relative; }
.ten-product-list { text-align: center; }
.ten-product-list a:hover { color: #0088df; }
.ten-product-list p { background: #0088df; width: 50px; height: 1px; margin-top: 8px; margin-bottom: 0px; display: inline-block; }
.ten-product { margin-bottom: 10px; }
.ten-product h3 { margin: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 25px}
.ten-product a { color: #333333; font-size: 18px; overflow: hidden; font-family: 'SVNFuturaBold'; }
.ten-product a:hover { color: #f00; }
.xemmua { margin-top: 10px; }
.xemnhanh { background: #f5f5f5; color: #333; text-transform: uppercase;  font-size: 14px; text-align: center; width: 50%; float: left; }
	.muahang { background: #272258; color: #fff; text-transform: uppercase;  font-size: 14px; text-align: center; width: 50%; float: left; }
.xemnhanh a { color: #333; display: block; padding: 7px 5px; cursor: pointer; }
.muahang a { color: #fff; display: block; padding: 7px 5px; cursor: pointer; }
.xemmua a:hover { text-decoration: underline; }
	.phantram { background: #272258; color: #fff; font-size: 14px; padding: 2px 3px; position: absolute; top: 0; right: 0; }
.phantram2 { position: relative; display: inline-block; bottom: 0 !important; top: 0px !important; left: 15px; margin: 10px 0px; }
	.phantram:after { content: ''; position: absolute; right: 100%; top: 0; border-top: 12.5px solid transparent; border-right: 12.5px solid #272258; border-bottom: 12.5px solid transparent; border-left: 12.5px solid transparent; }
.phantram3 { bottom: 0px !important; left: 65px; }
#dichvu { background: url(../images/bg-dichvu.png); background-size: cover; padding: 45px 0px; }
.add_to_basket { cursor: pointer; }
.masp { color: #de0000; font-size: 13px; margin-top: 5px; text-transform: uppercase; }
.mota-product { color: #5a5a5a; margin: 0px; margin-bottom: 10px; font-size: 14px;font-family: 'sfufuturabook';  }
.text_right { text-align: right; }
.box-gia { display: inline-block; height: 27px; }
	.gia-product { color: #272258; font-size: 18px;  display: inline; font-family: 'SVNFuturaBold'; }
.gia-product font { color: #949494; font-size: 13px; text-decoration: line-through; font-weight: normal; }
.gia-product span { text-decoration: underline; }
.gia-moi { }
.bg-product { padding: 40px 0px 0px 0px; }
.bg-product:nth-child(2n+1) { background: #ebebeb; }
.box-xemthem { text-align: center; margin-bottom: 20px; }
.xemthem { display: inline-block; margin-top: 10px; margin-bottom: 10px; color: #00bd09;  font-size: 16px; padding: 10px 20px; border: 1px solid #00bd09; border-radius: 10px; }
.xemthem:hover { text-decoration: underline; }
.bt-xemchitiet { text-align: center; margin-top: 20px; }
.bt-xemchitiet a { font-family: 'SVNFuturaBold'; font-size: 18px; background: #00a408; padding: 10px 20px; display: inline-block; color: #fff; text-transform: uppercase; border-radius: 5px; }
.bt-xemchitiet a:hover { background: #f00; }
.xemchitiet { color: #c40505; display: inline-block;  font-size: 18.38px; margin-top: 10px; }
.xemchitiet:hover { text-decoration: underline; }
.bt-dathang { background: url(../images/button_addtobasket.png) repeat-x; color: white; font-size: 13px; text-transform: uppercase; display: inline-block; border: 1px solid dimGray; padding: 5px 10px; cursor: pointer; }
.product-detail { margin-bottom: 0px !important; }
.muangay { color: #fff; background-color: #272258; border-color: #ac2925; padding: 15.5px 5px; font-size: 17.15px; text-transform: uppercase; cursor: pointer; display: inline-block; margin-right: 10px; width: 30%; text-align: center; font-family: 'SVNFuturaBold';min-width: 150px;float: left }
.muangay font { font-size: 12px; text-transform: none; font-weight: normal; font-family: 'SVNFuturaBold'; }
.box-muangay { max-width: 275px; float: right; }
.muangay2 { width: 260px !important; height: 50px; margin-bottom: 0px !important; text-align: left !important; padding-left: 20px !important; padding-right: 14px !important; margin-right: 0px !important; padding: 12px 16px !important; color: #fff !important; font-weight: normal !important; font-family: 'SVNFuturaBold' !important; }
.dienthoai { color: #000; background-color: #fed835; border-color: #ac2925; padding: 6px 5px; font-size: 17.5px; text-transform: uppercase; cursor: pointer; display: inline-block; width: 35%; text-align: center; font-family: 'SVNFuturaBold'; min-width: 200px;}
.dienthoai2 { background: #4a9a00; }
.dienthoai font { font-size: 12px; text-transform: none; font-weight: normal; font-family: 'SVNFuturaBold'; }
.chat { color: #fff; background-color: #0084ff; border-color: #ac2925; padding: 11px 5px; font-size: 16.5px; text-transform: uppercase; cursor: pointer; display: inline-block; width: 35%; text-align: center; }
.muangay2 img { margin-right: 15px; vertical-align: bottom; }
.chat img { vertical-align: middle; }
.motaddmh { color: #000;  border-top: 1px dotted #c0c0c0; border-bottom: 1px dotted #c0c0c0; text-align: center; margin: 11px 0px; font-size: 14.7px; line-height: 17px; padding: 3px 0px; }
.shadow-product { text-align: center; background: url(../images/shadow_sanpham.png) repeat-x; height: 32px; margin-top: -15px; margin-bottom: 20px; }
.shadow-product img { }
a { text-decoration: none; }
#box-doitac { background: url(../images/bg-bot.png); background-size: cover; padding: 60px 0px; }
#box-doitac img { background: #fff; margin-right: 20px }
#box-doitac h2 { color: #fff; }
	#footer { background: #272258; color: #fff; position: relative; padding-top: 25px; }
#footer table { width: 100% !important; }
#footer img { max-width: 100%; height: auto; }
.congty .tieude-footer { }
.footer { }
.bosuutap .bx-wrapper .bx-controls-direction a { top: 30%; }
.tieude-footer { font-family: 'SVNFuturaBold'; font-size: 14px; text-transform: uppercase; margin: 0px; margin-bottom: 14px; }
.thongtin { }
.vechungtoi { padding-left: 42px !important; }
.thongke { float: right; }
.thongke p { font-size: 12px;  color: #828282; float: left; margin: 0px; margin: 0px 5px; }
.thongke span { display: inline-block; }
.thongke font { color: #fff; }
.thongtin h3 { margin: 0px; margin-bottom: 15px; font-size: 18px; font-family: 'SVNFuturaBold'; }
.thongtin li { margin-bottom: 10px; list-style: none; }
.thongtin li a { font-size: 15px; color: #eeeeee; font-family: 'SVNFuturaLight';}
.thongtin li a:hover { text-decoration: underline; }
.goiabout { font-family: lato; margin-bottom: 3px; }
.goiabout p { margin-bottom: 0px; }
.click_search { display: inline-block; margin: 17px 30px 17px 30px; cursor: pointer; }
#search { cursor: pointer; }
#timkiem { float: right; width: 283px; height: 35px; z-index: 999; position: relative; background: #fff; margin-top: 10px;border: 1px solid #272258}
.timkiem { border: none; height: 35px; width: 260px; color: #333; outline: none; background: none; padding: 0px 10px; float: left; font-size: 13px; text-transform: uppercase;  }
.bt-timkiem { border: none; background: url(../images/find-icon-20.png) center no-repeat; outline: none; width: 19px; height: 19px; position: relative; float: left; cursor: pointer; margin-top: 7px; background-size: 100%; }
	#timkiem_m { width: 100%; height: 40px; z-index: 999; border: none; position: relative; border: 1px solid #272258; background: #fff; margin-top: 5px; }
.timkiem_m { border: none; height: 40px; width: 96%; color: #000; outline: none; background: none; padding: 0px 10px; float: left; font-size: 20px; text-transform: uppercase; }
.right_m .fa-phone { margin-top: 2px; }
.right_m { float: right; }
.right_m i { font-size: 25px; color: #000; margin-left: 20px; }
	.bt-timkiem_m { border: none; background: #272258 url(https://uma.vn/skin/frontend/uma/default/images/icons/magnifier-tool-white.svg) no-repeat center; outline: none; width: 38px; height: 38px; position: absolute; top: 0; right: 0; cursor: pointer; background-size: 60%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -khtml-border-radius: 0; }
.tienich { border-bottom: 1px solid #fff; padding: 20px 0px; margin-bottom: 30px; }
.tienich h2 { color: #333333; font-size: 16px; font-family: 'SVNFuturaBold'; margin-top: 0px; margin-bottom: 20px; }
.tienich p { font-size: 16px; color: #333333; font-family: 'SVNFuturaBold'; }
#product-detail {margin-bottom: 30px;}
#product-detail #left { margin-bottom: 20px; }
.hinhgiua img { max-width: 100%; height: auto; }
.hinhchitiet { text-align: center; position: relative; }
.iconkm { position: absolute; top: 0; right: 0; z-index: 999; text-align: right; }
.iconkm img { margin-bottom: 16px; }
#product-detail #left img { }
#product-detail #right { }
#product-detail #right h1 { font-size: 27px; color: #000; font-family: 'SVNFuturaBold'; text-transform: uppercase; margin-top: 0px; margin-bottom: 20px; }
.tencap2 { color: #000; font-size: 20.31px; margin-right: 40px; }
.sku { color: rgba(0, 0, 0, 0.6); font-size: 20.31px; margin-right: 40px; display: inline-block;font-family: 'SVNFuturaLight';}
.nhomsanpham { font-size: 35.53px; font-family: 'SVNFuturaBold'; color: #000; text-transform: uppercase; margin: 0px; margin-top: 10px; }
.nhomsanpham a { color: #000 }
.kichthuoc { font-size: 14.7px;  color: #000; }
.kichthuoc b { font-family: 'SVNFuturaBold'; text-transform: uppercase; font-size: 13.48px }
	.tieude_lh { font-size: 30px; color: #272258; }
.giachitiet { color: #c62032; font-family: 'SVNFuturaBold'; font-size: 30px; float: left; }
.giagiam { float: right; color: #000; font-size: 13px; margin-top: 12px; }
.giagiam font { color: rgba(199, 32, 50, 0.57); }
.chitietsanpham { border-bottom: 1px solid #cbcbcb; padding-bottom: 5px; padding-top: 10px; position: relative; font-size: 18px;  color: rgba(0, 0, 0, 0.9); margin-bottom: 10px;font-family: 'SVNFuturaLight';}
.fb_iframe_widget_fluid { display: inline-block !important; }
.tskt { line-height: 25px; padding: 10px 0px; font-size: 14px;  }
.uudai { padding: 10px 0px; font-size: 15px;  }
.chiase { display: inline-flex; }
.zalo-share-button { margin-right: 5px }
.chitietsanpham b { color: #000; }
.thonginchitiet { margin: 50px 0px 20px 0px; color: #000; font-size: 16.25px; border-bottom: 4px solid #000; padding-bottom: 10px; display: inline-block; text-transform: uppercase; font-family: 'SVNFuturaBold'; }
.tieudetrong { margin: 30px 0px 20px 0px; font-size: 20.31px; text-transform: uppercase; color: #000; font-family: 'SVNFuturaBold'; }
.ten_sanpham { color: #000 !important; font-family: 'SVNFuturaBold'; font-size: 28.18px !important; margin: 0px; margin-bottom: 20px; opacity: 0.7; }
.gia { font-family: 'SVNFuturaBold'; font-size: 39.21px; color: #e44b3b; float: right; }
.gia_chitiet font { text-decoration: line-through; }
.gia_chitiet { font-size: 17.15px; font-weight: normal;  color: #000000; text-align: right; margin-bottom: 10px; opacity: 0.65; }
.gia_chitiet .gachduoi { text-decoration: underline; }
.giohang { float: right; color: #343434; font-size: 13px; margin-top: 40px; }
.giohang a { color: #343434; }
.giohang img { float: left; margin-right: 10px; }
.giohang p { float: left; }
.box-tintuc { margin: 27px; background: #f5f5f5; padding: 20px; margin-top: -46px; z-index: 999; position: relative; }
.box-tintuc h3 { font-size: 14px; font-family: 'SVNFuturaBold'; margin: 0px; margin-bottom: 14px; text-transform: uppercase; }
.box-tintuc h3 a { color: #1b1a1a; }
.box-tintuc h3 a:hover { color: #f00; }
.box-tintuc p { color: #1d1d1d; font-size: 14px; margin: 0px;  }
.tintuc { margin-bottom: 30px; position: relative; }
.list-news { margin-bottom: 20px; }
.list-news img { max-width: 100%; height: auto; }
.list-news h3 { margin: 0px; margin-bottom: 5px; }
.list-news h3 a { color: #333333; font-size: 18px; }
.list-news h3 a:hover { text-decoration: underline; }
.list-news span { color: #b3b3b3; }
.list-news p { color: #666666; font-size: 14px;  }
.ngay_luot { font-size: 14px; font-family: 'SVNFuturaBold'; color: #999999; margin: 5px 0px; }
.ngaydang { background: url(../images/icon-ngaydang.png) left top no-repeat; padding-left: 25px; display: inline-block; margin: 5px 0px; font-family: 'SVNFuturaBold'; }
.luotxem { padding-left: 25px; display: inline-block; margin: 5px 0px 5px 34px; }
.hinh-tintuc { z-index: 999; float: left; margin-bottom: 10px; }
.ten-tintuc { margin: 0px; margin-bottom: 5px; margin-top: 15px; font-family: 'SVNFuturaBold'; }
.ten-tintuc:hover { text-decoration: underline; }
.ten-tintuc a { color: #333333; font-size: 16px; }
.mota-tintuc { color: #666666; font-size: 14px;  }
.hinhanh { border: 1px solid #e8e8e8; padding: 6px; }
.news_left { float: left; margin: 5px 0px; margin-right: 20px; }
.news_left img { width: 150px; }
.news_right { float: none; margin: 0px 10px; }
.news_right h2 a { color: #494949; font-size: 12px; text-transform: uppercase; }
.news_right h2 a:hover { color: #10aadd; }
.news_right span { color: #9e9e9e; font-size: 11px; font-style: italic; }
.news_right p { color: #575555; font-size: 12px; }
.title_news { color: #f00; margin: 0px; margin-bottom: 10px; }
.ta-donhang { overflow-x: auto; margin-bottom: 30px; }
.bang { border: 1px solid #ccc; border-bottom: none; }
.bang a { color: #005baa; }
.bang a:hover { color: #f00; }
.bang td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 10px; text-align: center; }
.bang td:last-child { border-right: none; }
.bang th { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 10px; background: #ddd; text-align: center; }
.bang th:last-child { border-right: none; }
.noidung { font-size: 15px; font-family: 'SVNFuturaLight'; }
.noidung_tintuc { padding: 10px 0px; }
.noidung_tintuc img { max-width: 100%; height: auto; }
.noidung img { max-width: 100%; height: auto; }
.noidung table { width: 100% !important; }
.othernews { padding: 10px 0px; }
.othernews ul { padding: 10px 40px; }
.othernews li { position: relative; list-style: none; margin-bottom: 10px; }
.othernews li:after { content: '\f0da'; font: normal normal normal 20px/1 FontAwesome; position: absolute; left: -15px; top: 1px; color: #e20010; }
.othernews a { color: #333333; font-size: 15px;  }
.othernews a:hover { color: #e20010; }
.othernews font { color: #666; }
.item-phuongcham { float: left; width: 210px; margin-right: 30px; display: flex; align-items: center; margin-bottom: 10px; }
.item-phuongcham img { margin-right: 10px; float: left; }
.item-phuongcham p { float: left; color: #fff; font-size: 14px; text-transform: uppercase; }
.ten_toado { color: #fff; text-transform: uppercase; font-size: 18px; text-align: center; }
.ten_toado:hover { text-decoration: underline; }
.link_toado { color: #c7c7c7; font-size: 15px; text-align: center; }
.link_toado:hover { text-decoration: underline; }
.link_toado img { vertical-align: text-bottom; }
#chinhanh h2 { color: #fff; text-align: center; font-size: 22px; margin-bottom: 40px; }
.icon { position: absolute; margin-left: 235px; }
.bo_tap { border-bottom: 1px solid #e9e9e9; margin-bottom: 10px; text-align: center; }
.usual { }
	.usual ul.tab_content { margin: 0px; padding: 0px; display: flow-root; border-bottom: 1px solid #272258; height: 43px; }
.usual ul.tab_content li { float: left; list-style: none outside none; }
.usual ul.tab_content li:last-child { background: none; }
.usual ul.tab_content a { color: #333; display: block; padding: 5px 15px; font-size: 18px; }
	.usual ul.tab_content a:hover { color: #272258; }
	.usual ul.tab_content a.selected { border-top: 5px solid #272258; border-bottom: 1px solid #fff; border-left: 1px solid #272258; border-right: 1px solid #272258; color: #272258; cursor: default; }
	.content_tab { border-left: 1px solid #272258; border-right: 1px solid #272258; border-bottom: 1px solid #272258; padding: 20px; position: relative; top: -1; }
.usual ul.tab_content2 { margin: 0px; padding: 0px; }
.usual ul.tab_content2 li { padding-left: 0px; padding-right: 0px; list-style: none outside none; text-align: center; float: left; }
.usual ul.tab_content2 a { background: #666; color: #FFF; display: block; margin: 1px 1px 0px 0px; padding: 6px 30px; text-decoration: none !important; font-family: 'SVNFuturaBold'; text-transform: uppercase; }
.usual ul.tab_content2 a:hover { background: #3d1d0e; color: #FFFFFF; }
.usual ul.tab_content2 a.selected { background: #3d1d0e; color: #FFF; cursor: default; margin-bottom: 0; }
ul.pagination { text-align: center; color: #829994; }
ul.pagination li { display: inline-block; padding: 0 3px; margin-bottom: 5px; }
ul.pagination a { color: #959595; display: inline-block; padding: 5px 10px; border: 1px solid #cde0dc; text-decoration: none; }
	ul.pagination a:hover, ul.pagination a.current { background: #272258; color: #fff; }
.sitemap { margin: 10px 40px; list-style: square; }
.sitemap li { margin: 10px 10px; }
.sitemap a { color: #000; font-family: 'SVNFuturaBold'; }
.sitemap a:hover { text-decoration: underline; }
.sitemap-parent { margin: 10px 0px 0px 30px; list-style: square; }
.sitemap-child { margin: 0px 0px 0px 30px; list-style: square; }
.sitemap-child .line:last-child { border: none; }
#lienhe { width: 655px; border: 1px solid #509e40; margin-top: 6px; margin-left: 13px; padding-bottom: 20px; margin-bottom: 10px; color: black; float: left; }
#contact { color: black; float: left; width: 500px; }
#contact table { margin: 10px 10px; }
#contact .khoangcach { height: 10px; }
#rib { background: #eeeeee; position: fixed; top: 0; left: 0; right: 0; z-index: 99999; }
#rib > .maxwidth > p { float: left; color: #030303; font-size: 14px;  padding: 0px 10px; margin: 0px; line-height: 10px; border-right: 1px solid #030303; text-transform: uppercase; margin-top: 12px; font-family: 'sfufuturabook';}
#rib > .maxwidth > p:nth-last-child(2) { border-right: none; }
#rib > .maxwidth > p a { color: #030303; }
#rib > .maxwidth > p a:hover { text-decoration: underline; }
	#rib font { color: #272258; }
#rib > .maxwidth > i { float: left; margin-top: 6px; font-size: 20px; }
#rib ul { list-style: none; padding-top: 10px; float: right; }
#rib ul li { float: left; background: url(../images/line-rib.png) right no-repeat; }
#rib ul li:last-child { background: none; }
#rib ul li img { vertical-align: middle; margin-right: 5px; }
#rib ul li a { font-size: 12px; color: #595959; padding: 0px 15px; }
#rib ul li a:hover { text-decoration: underline; }
.icon-email { float: right !important; border-right: 1px solid #e5e5e5; padding-right: 13px !important; }
.mxh { margin-bottom: 12px; }
.mxh a { margin-right: 5px; width: 47px; margin-bottom: 6px; display: inline-grid; }
.mxh2 { float: left; }
.bct { float: right; }
.mxh2 a { float: left; width: 44px; margin-right: 14px; margin-bottom: 11px; }
.mxh2 a:last-child { margin-right: 0px; }
.mxh-a2 { display: none; }
.mxh a:hover .mxh-a1 { display: none; }
.mxh a:hover .mxh-a2 { display: block; }
.noidung_contact { border-left: 2px solid #b2b2b2; padding-left: 30px; }
.tieude-lienhe { color: #000; text-transform: uppercase; font-size: 21px; opacity: 0.6; margin: 0px; margin-bottom: 25px; }
.button { background: #707070; padding: 7px 20px; border: none; outline: none; cursor: pointer; color: #fff;  font-size: 16.61px; margin-top: 10px; margin-bottom: 25px; text-transform: uppercase; }
	.button:hover { background: #272258; }
.input { border: 1px #E9E9E9 solid; azimuth: center; width: 450px; margin: 0 auto; margin-bottom: 15px; line-height: 30px; height: 30px; border: 1px solid #61381; border-radius: 4px; }
.ta_noidung { border: 1px #E9E9E9 solid; azimuth: center; width: 450px; margin: 0 auto; margin-bottom: 15px; line-height: 30px; border: 1px solid #61381; border-radius: 4px; }
.tablelienhe td { vertical-align: top; }
.control-label { text-align: left !important; color: #000; font-size: 15px; font-weight: normal; opacity: 0.6; margin-bottom: 14px !important; }
#backtotop { border: none; position: fixed; right: 33px; bottom: 110px; z-index: 1; cursor: pointer; width: 45px; height: 45px; background: url(../images/back-top.png) no-repeat center top; -webkit-background-size: 100% auto; background-size: 100% auto; display: none; opacity: 0.8; }
#backtotop:hover { background-position: center bottom; }
#nav-ul { margin-bottom: 0px; }
.nav-li { position: relative; }
.nav-li:last-child { border-bottom: none; }
.nav-li:hover > .nav-a { color: #c51230; }
.dcjq-icon { position: absolute; top: 27%; right: 14px; width: 20px; height: 20px; background: url(../images/arrowc.png) 0px 0px; }
.list-danhmucsanpham .active .dcjq-icon { background: url(../images/arrowc.png) 20px 20px; }
.list-danhmucsanpham .active { color: #c51230; }
.nav-a { display: block; color: #535353; font-size: 13px; line-height: 41px; text-transform: uppercase; position: relative; }
.nav-a img { margin-right: 10px; vertical-align: unset; }
.nav-a2 { margin-left: 20px; background: none; line-height: 41px; }
.nav-active { color: #000 !important; }
.nav-active .nav-a { color: white; }
.nav-ul-child { list-style-type: none; }
.list-danhmucsanpham .active + .nav-ul-child { border-top: 1px solid #c51230; border-bottom: 1px solid #c51230; }
.nav-a3 { margin-left: 40px; }
.nav-li-child:hover { }
.nav-li-child:hover > .nav-a2 { color: #c51230; }
.nav-li-child { position: relative; }
.nav-li-child:last-child { padding-bottom: 0; }
.nav-li:hover .nav-ul-child { }
.video { margin-right: 7px; float: left; margin-bottom: 7px; padding: 9px 9px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.bg-video { width: 345px; height: 200px; }
.ten-video { margin: 5px 0px; }
.ten-video a { color: #c61d1d; font-family: 'SVNFuturaBold'; }
.sanpham { width: 360px; float: left; margin-right: 20px; }
.sanpham img { width: 360px; height: 50px; margin-right: 20px; }
.tieude { margin-bottom: 20px; }
.tieude h2 { color: #fff; font-size: 18px; display: inline-block; margin: 0px; position: relative; }
#footer1 img { width: 30%; max-width: 35px; vertical-align: middle; }
#footer1 a { color: #fff; }
.bct img { }
#content-1 { border: 1px solid #ccc; width: 115px; padding: 3px 0px 3px 3px; margin-left: 6px; height: 400px; margin-top: 40px; }
#hotline { position: absolute; top: 30px; right: 30px; }
.hotline { color: #1f1f1f; font-size: 14px; font-family: 'SVNFuturaBold'; }
.hotline p { margin: 0px; float: left; margin-top: 10px; }
.hotline span { font-size: 20px; color: #e51515; }
.hotline img { float: left; margin-right: 10px; }
#ngonngu { margin-bottom: 25px; margin-top: 10px; }
#ddmh { display: none; text-align: center; height: 100%; overflow-y: scroll; padding: 15px; }
#ddmh::-webkit-scrollbar { width: 1px; height: 11px; display: none; }
#ddmh::-webkit-scrollbar-thumb { background: #ccc; }
#newsletter { display: none; text-align: center; height: 100%; overflow-y: scroll; }
#newsletter::-webkit-scrollbar { width: 1px; height: 11px; display: none; }
#newsletter::-webkit-scrollbar-thumb { background: #ccc; }
#newsletter h2 { color: #000; margin: 0px; margin-bottom: 15px; font-size: 23px; display: inline-block; }
#newsletter4 { display: none; text-align: center; overflow-y: scroll; }
#newsletter4::-webkit-scrollbar { width: 1px; height: 11px; display: none; }
#newsletter4::-webkit-scrollbar-thumb { background: #ccc; }
#newsletter4 h2 { color: #000; margin: 0px; margin-bottom: 15px; font-size: 23px; display: inline-block; }
#newsletter2 { display: none; text-align: center; height: 100%; overflow-y: scroll; }
#newsletter2::-webkit-scrollbar { width: 1px; height: 11px; display: none; }
#newsletter2::-webkit-scrollbar-thumb { background: #ccc; }
#newsletter2 h2 { color: #000; margin: 0px; margin-bottom: 15px; font-size: 23px; display: inline-block; }
.fancybox-type-inline { top: 2% !important; bottom: 2% !important; position: fixed !important; display: flex; align-items: center; }
.fancybox-type-inline .fancybox-inner { overflow: unset !important; height: auto !important; }
.fancybox-type-inline .fancybox-skin { padding: 0px !important; }
.fancybox-inner::-webkit-scrollbar { display: none !important; }
#box-nhanmail { border: 1px dashed #f6a156; padding: 0px 27px; }
#frm_mail { position: relative; padding: 0px 50px; border-bottom: 1px dashed #000; padding-bottom: 25px; }
.nhan_mail { padding-top: 50px; padding-bottom: 50px; text-align: center; }
.nhan_mail img { float: left; margin-right: 99px; max-width: 100%; height: auto; margin-top: 15px; }
.text-nhantin { width: 100%; height: 45px; padding: 0px 15px; margin: 0px 5px; outline: none; background: none; color: #000; font-size: 15px; border: none; border-bottom: 1px solid #ca322e;  margin-bottom: 20px; text-align: center; }
.text-nhantin2 { width: 48%; display: inline-block; float: left; text-align-last: center; }
.text-nhantin5 { width: 43%; margin: 0px 15px; font-size: 13px; }
.text-nhantin3 { float: right; }
.sku_h { color: #ccc; }
.text-nhantin4 { width: 30%; display: inline-block; float: left; }
.tieudetragop { color: #000; font-family: 'SVNFuturaBold'; font-size: 17.5px; text-align: center; }
.tieudetragop font { color: #c60808; font-family: 'SVNFuturaBold'; }
.motatragop { color: #000; font-size: 16.5; font-family: 'SVNFuturaBold'; margin: 10px auto; }
.button3 { background: #c00404; color: #fff; font-size: 11.73px; font-family: 'SVNFuturaBold'; border: none; outline: none; padding: 10px 30px; margin-top: 22px; }
.thoigian { width: 70%; display: inline-block; float: left; }
.area-nhantin { width: 100%; height: 69px; padding: 10px 15px; outline: none; background: none; border: 1px solid #737373; color: #ccc; font-size: 13px; }
::-webkit-input-placeholder { color: #000; }
::-moz-placeholder { color: #000; }
:-ms-input-placeholder { color: #000; }
:-moz-placeholder { color: #000; }
.bt-nhantin { background: #707070; padding: 7px 20px; border: none; outline: none; cursor: pointer; color: #fff;  font-size: 16.61px; margin-top: 10px; text-transform: uppercase; }
	.bt-nhantin:hover { background: #272258; }
.box_f_mxh { margin-top: 25px; float: right; }
.box_f_mxh a img { margin-right: 5px; margin-left: 0px; }
.box_f_mxh span { color: #fff; margin-right: 15px; float: left; margin-top: 10px; }
.transition { transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; }
.transition2 { transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; }
.shopping_cart { position: fixed; right: 2px; top: 10%; z-index: 9999; }
.shopping_cart img { width: 70px; }
	#copyright { color: #fff; font-size: 12px; background: #272258; text-align: center; }
.copyright { padding: 0px 0px 10px 0px; }
.copy { margin-bottom: 0px; }
#contact { float: left; width: 520px; }
.text-lienhe { height: 45px !important; background: #f2f2f2 !important; border: none !important; border-radius: 0px !important; box-shadow: none !important; }
.area-lienhe { height: 159px !important; background: #f2f2f2 !important; border: none !important; border-radius: 0px !important; box-shadow: none !important; }
.box-bot { margin-bottom: 40px; }
#hotro { position: absolute; right: 50px; top: 30px; }
#tuvan { float: left; margin-right: 30px; }
#box-diachi { float: left; width: 300px }
#hotro img { float: left; margin-right: 10px; }
#hotro p { display: table-row; font-size: 18px; color: #333333; text-transform: uppercase; }
#hotro font { color: #cfa357; }
#hotro b { color: #ff0000; font-size: 24px; }
#box-hotro { padding: 10px; }
.box-hotro { padding-bottom: 10px; border-bottom: 1px dashed #c6c6c6; margin-bottom: 10px; }
.list-hotro b { color: #ff0000; font-size: 20px; }
.list-hotro b img { vertical-align: unset; }
.box-hotro:last-child { border: none; margin-bottom: 0px; }
.box-hotro a { display: inline-block; margin-right: 10px; }
.ten-hotro { color: #000000; font-size: 14px; text-transform: uppercase; display: inline-block; margin-bottom: 5px; }
.ten-hotro img { vertical-align: sub; }
.dienthoai-hotro { color: #f20000; font-size: 13px; margin-bottom: 5px; }
.mail-hotro { font-size: 14px; color: #272728; }
.icon-phone { vertical-align: baseline; }
#box-timkiem_m { background: #fff; padding: 10px 15px; }
	#btn-lg { cursor: pointer; color: #272258; font-size: 24px; float: left; }
.grid { display: grid; }
.flex { display: -ms-flexbox; display: -webkit-flex; display: flex; }
.tb_giohang { padding: 20px; border-radius: 5px; color: #666; overflow: hidden; margin-bottom: 10px; -webkit-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1); -moz-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1); box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1); }
.tb_giohang .form-control1{line-height: 40px;border:none;border-bottom: 1px solid #000;width: 100%;font-size: 16px;outline: none;color: #000;}
.tb_giohang select.form-control1{height: 40px;}
.chosen-container-single .chosen-single{line-height: 40px;border:none;border-bottom: 1px solid #000;width: 100%;font-size: 16px;}
.cart-empty{margin: 50px 0;}
	.cart-empty a { color: #272258; text-decoration: none; }
.d-flex{display: flex;align-items: center;justify-content: space-between}

.tuychontt { width: 49% !important; font-size: 11px !important; }
.gh-left {    border-bottom: 1px solid #cdc8c88c;padding: 10px 0;}
/* .img-gh { float: left; margin-right: 15px; } */
.tensp-gh { color: #000; font-size: 20px; font-family: 'SVNFuturaBold'; display: block; margin: 0 0 10px; text-transform: uppercase; }
.gia-gh { font-size: 15px; }
.tienhang { display: -ms-flexbox; display: -webkit-flex; display: flex; }
.tienhang span { color: #ddd; width: calc(100% - 150px); text-align: right; float: left; }
.tienhang font { width: 150px; text-align: right; font-size: 13px; color: #4a4a4a; float: right; }
.tongtien {padding-top: 10px;margin-bottom: 0;}
.tongtien span {color: #000;font-size: 15px;font-family: 'SVNFuturaBold';text-transform: uppercase}
.tongtien font { color: #272258; font-size: 17px; font-family: 'SVNFuturaBold';}
.dathang { width: 100%; }
.goitruoc { width: 20px; height: 20px; float: left; margin: 0px !important; margin-right: 10px !important; outline: none; cursor: pointer !important; }
.tb_giohang label {outline: none;cursor: pointer !important;display: block;}
.gioitinh { float: left; margin-right: 10px; }
.tb_giohang button { float: right; }
.xuathd { display: none; }
.ovlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, .9); z-index: 9; }
#tb_thanhcong { width: 70%; margin: 0 auto; }
.tieude_thanhcong { color: #272258; font-size: 22px; font-family: 'SVNFuturaBold'; text-align: center; }
.msg { display: block; text-align: center; font-size: 15px; color: #777; line-height: 30px; }
.listinfo { display: block; overflow: hidden; font-size: 14px; color: #4a4a4a; padding: 15px; border: 1px solid #ccc;border-radius: 10px;}
.listinfo h4 { font-size: 15px;   font-family: 'SVNFuturaBold';color: #272258;text-transform: uppercase;}
.listinfo .shipping { margin: 5px 0 0; }
.listinfo .shipping li { padding: 4px 0 4px 16px; font-size: 15px; color: #000; position: relative; line-height: 22px; margin-left: 5px; }
.listinfo .shipping li:before { color: #fe7500; content: "•"; display: inline; font-size: 16px; margin-right: 5px; position: absolute; top: 3px; left: 2px; }
.vetrangchu { text-align: center; margin: 10px 0px; }
.huydonhang { display: block; text-align: center; color: #2b8fc9; padding: 5px 10px; }
.cartinfo-title { clear: both; color: #a70823; font-size: 18px; text-align: center; padding: 15px 0 10px; text-transform: uppercase; font-family: 'SVNFuturaBold';}
.box-soluong { display: flex; vertical-align: middle; justify-content: center }
	.box-soluong i { cursor: pointer; border: 1px solid #ABACAD; width: 26px; height: 26px; font-style: unset; color: #272258; font-size: 23px; display: flex; align-items: center; justify-content: center; border-radius: 5px; }
.box-soluong i:nth-child(1) { line-height: 18px; display: block; }
.plus { border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
.minus { border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.box-soluong input { border: none; outline: none; float: left; text-align: center; height: 26px; font-family: 'SVNFuturaBold'; font-size: 20px}

.laydiachi { text-align: center; margin-bottom: 20px; }
#laydiachi { display: none; }
.tieptuc_gh { text-align: center; margin: 10px 0px; }
.xsdiachi { color: #2b669a; cursor: pointer; display: none; padding: 0px 5px; }
.buoc { display: none; }
.tieptuc { text-align: center; margin-bottom: 20px; }
.tieptuc a { background-color: #e5101d; color: #fff; text-transform: uppercase; padding: 10px 20px; font-size: 18px; display: inline-block; border-radius: 5px; cursor: pointer; }
.buoc1 { display: block; }
.xoasp { cursor: pointer; }
.nhapthem { text-align: center; /* display: none; */ }
.capnhat_diachi { display: none; color: #2b669a; cursor: pointer; display: none; padding: 0px 5px; }
.col-ghch { display: block; padding-bottom: 10px; margin-bottom: 30px; }
.col-ghch:hover { box-shadow: 0px 0px 5px #ccc; }
.col-ghch img { max-width: 100%; height: auto; }
.logo-ghch { padding: 3px; background: #fff; width: 55px; box-shadow: 0px 0px 5px #ccc; }
.cum-ghch { text-align: center; margin-top: -25px; }
.cum-ghch h3 { color: #000; font-size: 13px; font-family: 'SVNFuturaBold'; margin: 0px; margin-top: 10px; }
.cum-ghch p { color: #8c8c8c; font-size: 12px; }
.tieude-vanchuyen { font-family: 'SVNFuturaBold'; font-size: 20px; text-transform: uppercase; margin-bottom: 20px; color: #000; line-height: 40px; padding-left: 20px; margin-top: 0; width: calc(100% + 40px); margin-left: -20px; }
.tieude-vanchuyen span { color: #ccc; }
.cart-content { margin: 20px 0px; }
.cart-content h3 { margin: 0px; text-align: center; font-weight: 500; font-size: 16px; text-transform: uppercase; }
.cart-content p { color: #ccc; text-align: center; margin-bottom: 0px; font-size: 12px; }
#bando { position: relative; }
.contain_list_shop { position: absolute; top: 20px; left: 2px; }
.contain_list_shop li { float: left; margin-right: 1px; }
.contain_list_shop li a { background: rgba(102, 102, 102, 0.8); padding: 5px 10px; display: block; color: #fff; font-family: 'SVNFuturaBold'; text-transform: uppercase; }
.shop_active { background: #3d1d0e !important; }
.iconzalo { position: fixed; z-index: 999999; right: 5px; top: 50%; }
.bg-fanpage { position: fixed; z-index: 999999; right: -301px; top: 20%; }
.tieude-fanpage { background: url(../images/icon-fanpage.png) no-repeat; width: 42px; height: 139px; cursor: pointer; float: left; }
.list-fanpage { background-color: white; float: left; width: 300px; border-top: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; border-left: 1px solid #b9b9b9; text-align: center; }
.baogia { display: inline-block; color: #fff; font-size: 20px; margin-left: 10px; }
.swiper-container2 { position: relative; }
#concept img { width: 100%; height: auto; }
.dieuhuong { background: #f3f3f3; padding: 15px 20px; margin-bottom: 11px; margin-top: 135px; text-transform: uppercase; }
.dieuhuong span { font-size: 14px; color: #333333;  float: left; display: block; }
.dieuhuong a { font-size: 14px; color: #333333;  float: left; display: block; }
.dieuhuong i { margin: 0px 5px; font-size: 14px; color: #333333; float: left; margin-top: 4px; }
	.dieuhuong a:hover { color: #272258; }
.categories { margin-bottom: 30px; }
.categories img { max-width: 100%; height: auto; }
.categories h3 a { color: #171717; font-size: 20px; cursor: pointer; letter-spacing: 1.5px; font-family: 'SVNFuturaBold'; text-decoration: none; }
.categories .number { color: #666; font-size: 18px; font-family: 'SVNFuturaBold'; }
.product-item { padding: 0px 25px !important; }
#fbmessenger_content { display: none; }
.rightNav { position: fixed; right: 0; top: 50%; z-index: 100; padding: 0; margin-top: -80px; padding-left: 0; }
.rightNav .button2 { position: relative; display: block; text-decoration: none !important; line-height: 45px; }
	.rightNav .button2>span {position: absolute;top: 0;right: 100%;bottom: 0;padding: 0 15px;background: #272258;color: #fff;line-height: inherit;text-align: center;font-size: 13px;white-space: nowrap;border-right: solid 1px rgba(0, 0, 0, 0.1);opacity: 0;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);z-index: -1;text-transform: uppercase;}
	.rightNav .button2 i { display: block; width: 45px; height: 45px; line-height: inherit; text-align: center; color: #fff; background: #272258; font-size: 18px; z-index: 2; position: relative; }
.rightNav .button2+.button2 { margin-top: 1px; }
.rightNav .button2:hover>span { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); background: #333; }
.rightNav .button2:hover i { background: #333; color: #fff; }
.box-tieuchi ul { border: 1px solid #e1e1e1; display: inline-block; width: 100%; margin-bottom: 20px; }
.box-tieuchi ul li { list-style: none; border-right: 1px solid #e1e1e1; padding: 15px 15px; display: flow-root; }
.box-tieuchi ul li:last-child { border-right: none; }
.box-tieuchi ul li img { float: left; margin-right: 10px; }
.box-tieuchi ul li h3 { margin: 0px; color: #000; font-size: 15px; text-transform: uppercase; padding-bottom: 10px; display: block; font-style: italic;  margin-top: 10px; }
.box-tieuchi ul li p { margin: 0px; font-size: 14px; font-style: italic; color: gray;  }


.box_attr { margin-bottom: 20px; display: flex; align-items: center; font-family: 'SVNFuturaBold';}
.attr-label-pro-detail{margin:0px 5px 0px 0px;font-size: 17px;}  
.attr-content-pro-detail{display:inline-block;margin-bottom:0px;}
.price-new-pro-detail{font-weight:700;font-size:20px;color:var(--color-red);}
.price-old-pro-detail{font-weight:500;color:var(--color-gray);text-decoration:line-through;padding-left:10px;}
.color-pro-detail{display:inline-block;vertical-align:top;position:relative;line-height: 30px;margin:0px 7px 3px 0px;border: 1px solid #ccc;padding: 0 10px;color: #000;outline: none;min-width: 35px;text-align: center;font-size: 17px;font-family: 'SVNFuturaLight';}
.size-pro-detail{border:1px solid #ccc;padding:3px 10px 4px 10px;display:inline-block;position:relative;color: #000;min-width: 35px;text-align: center;margin-right: 7px;font-family: 'SVNFuturaLight';}
.size-pro-detail.active,.color-pro-detail.active{border-color:#e5101d;color:#e5101d;}
.color-pro-detail.active:before,.size-pro-detail.active:before{content:'';position:absolute;width:100%;height:100%;top:0px;left:0px;bottom:0px;right:0px;margin:auto;z-index:1;background-image:url(../images/check-cart.png);background-repeat:no-repeat;background-position:bottom right;}
.color-pro-detail input[type=radio],.size-pro-detail input[type=radio]{outline: none !important;position:absolute;cursor:pointer;width:100%;height:100%;-webkit-appearance:none;border:0px;top:0px;left:0px;margin: 0;}
.quantity-pro-detail{width:100%;max-width:110px;line-height:normal;display:flex;align-items:center;justify-content:space-between;text-align:center;}
.quantity-pro-detail span{line-height:25px;padding:0px;width:30px;height:30px;color:#272258;cursor:pointer;font-size:22px;border:1px solid #cccccc;}
.quantity-pro-detail span.quantity-plus-pro-detail{border-left:0px;}
.quantity-pro-detail span.quantity-minus-pro-detail{border-right:0px;}
.quantity-pro-detail input{height:30px;border:1px solid #cccccc;width:calc(100% - 60px);text-align:center;font-size:14px;padding:5px;outline: none;}
.kqgia{font-family: 'SVNFuturaBold';color: #272258;display: block;margin-bottom: 8px;font-size: 20px;}
.kqgia2{font-family: 'SVNFuturaBold';color: #ccc;display: block;margin-bottom: 8px;text-decoration: line-through}
.box-attr{margin-bottom: 0;margin-top: 5px}
.info_left_cart{display: flex;align-items: center;justify-content: start}
.info_item_cart{margin-left: 10px}
/* .info_item_cart{width: calc(100% - 100px)} */
.form-horizontal{margin-bottom: 30px}
/* .phivanchuyen.tb_giohang{padding: 0 20px 20px;} */

.payments{}
.payments_info{font-family: 'robotob';font-size: 14px;}
.payments_info input{float: left;margin-right: 10px;}
.payments_info label{line-height: normal !important;}
.payments_content { margin-left: 10px;  opacity: 0; visibility: hidden; height: 0px; overflow: hidden; background: #f5efef; border-radius: 5px; font-size: 14px;margin-bottom: 10px;transition: all 1s}
.payments_content.active { padding: 10px 15px; margin-top: 5px; opacity: 1; visibility: visible; height: auto; transition: all 1s}
.payments label{font-family: 'SVNFuturaBold';font-size: 14px;text-transform: capitalize;color: #191515;font-weight: unset}
.payments label span{color: red;text-transform: none}
.payments input{font-size: 15px;margin-right: 10px !important;}
.button_pay{background: #D42333;line-height: 50px;width: 300px;margin-top: 30px;text-align: center;color: #fff;text-transform: capitalize;float: right;border: none;font-size: 20px;}
.payments .form-group{margin-bottom: 5px;}
	.btn_cart_header{float: right;margin-left: 10px;position: relative;color: #272258;line-height: 35px;font-family: 'SVNFuturaBold';padding: 0 15px;font-size: 16px;z-index: 9999;cursor: pointer}
.btn_cart_header i{margin-right: 5px;}
/* .count-cart{position: absolute !important;left: 27px;z-index: 9;color: #fff;padding: 0 5px;top: -10px;font-size: 14px;} */

.product_bottom a{border: 1px solid #ccc;padding: 3px;margin: 2px;height: auto !important;cursor: pointer}
.product_bottom img{height: auto;max-width: 100%}
.product_top,.product_bottom{display: none}
.product_top .slick-prev {width: 22px;height: 41px;background: url('../images/prev.png') center no-repeat;left: 0;opacity: 1;z-index: 9;}
.product_top .slick-next { width: 22px; height: 41px; background: url('../images/next.png') center no-repeat; right: 0; opacity: 1; z-index: 9;}
.product_top .slick-prev:before { content: ''; }
.product_top .slick-next:before { content: ''; }
label.error{color: #272258;margin-top: 5px;margin-bottom: 0;font-weight: 400}
.check_cart{width: 20px;height: 20px;}

.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }

.ebTvCC * { letter-spacing: normal; }
.iiyvNb { position: absolute; bottom: -15px; right: 0px; padding: 16px; transform: translateY(100%); background-color: rgb(255, 255, 255); border-radius: 6px; box-shadow: rgb(179 179 179) 1px 1px 15px; display: none;font-family: "svn-futuraregular";}
.iiyvNb::before { content: ""; position: absolute; bottom: 100%; right: 15px; border-width: 8px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); border-image: initial; }
.iiyvNb .btn-close { cursor: pointer; position: absolute; top: 6px; right: 3px; color: rgb(155, 155, 155); font-size: 17px; }
.iiyvNb .status { display: flex; -webkit-box-align: center; align-items: center; margin: 0px; color: rgb(51, 51, 51); font-size: 13px; white-space: nowrap; line-height: 20px;}
.iiyvNb .status svg { margin-right: 8px; color: rgb(76, 175, 80); font-size: 19px; }
.iiyvNb .btn-view-cart { display: block; margin-top: 10px; padding: 5px 0px; width: 240px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; text-align: center; white-space: nowrap; background-color: #272258; border-radius: 4px;line-height: 25px }
.table > tbody > tr > td { vertical-align: middle !important; }

/* slogan_cart */
.slogan_cart { display: block; font-size: 16px; padding: 30px 0 10px; text-align: center; font-family: 'SVNFuturaBold'; line-height: 22px; }
	.block-minicart { padding: 20px; border: 1px solid #272258; box-shadow: 0 20px 16px 0 rgb(0 0 0 / 27%); right: 0; width: 390px; margin: 0; list-style: none none; background: #fff; margin-top: 4px; min-width: 100%; z-index: 101; box-sizing: border-box; position: absolute; top: 100%; color: #000;font-family: 'SVNFuturaRegular';display: none}
.block-title { font-size: 16px; letter-spacing: 1px; line-height: 22px; text-transform: uppercase; color: #000; font-family: 'SVNFuturaBold'; }
.items-total { color: #abacad; font-size: 13px; letter-spacing: .43px; line-height: 25px; margin-bottom: 8px; margin-top: 8px; }
.item_cart { padding: 7px 0; border-bottom: 1px solid #dddede;display: flex;align-items: center;justify-content: space-between }
.img_cart{width: 80px;}
.img_cart img{width: 100%}
.product-function-name{display: block}
.product-item-details{width: calc(100% - 95px)}
.product-function-name h3 { font-size: 13px; font-family: 'SVNFuturaBold'; text-transform: uppercase; letter-spacing: .81px; line-height: 17px; color: #000; margin: 0;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.product-function-name .box-attr { color: #5a5a5a; font-size: 13px; letter-spacing: .81px; line-height: 17px; margin: 0}
.product-item-pricing{line-height: 20px;font-size: 14px;}
	.product-item-pricing .price-header { color: #272258; font-size: 15px; letter-spacing: 1.07px; line-height: 20px; font-family: 'SVNFuturaBold';}
.details-qty { display: block;letter-spacing: .5px; line-height: 20px; vertical-align: middle; }
.box_minicart { border: 1px solid #dddede; margin: 0; border-left: 0; border-right: 0; overflow-x: auto; display: inline-block; width: 100%; border-bottom: 0; max-height: 280px; }
.box_minicart::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
.box_minicart::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
.box_minicart::-webkit-scrollbar-thumb { background-color: #000000; }
.actionclose { display: inline-block; background-image: none; background: 0 0; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; position: absolute; right: 5px; top: 5px;font-size: 16px; }
	.viewcart { width: 100%; display: inline-block; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'SVNFuturaBold'; display: block; background: #fff; color: #272258; padding: 0 15px; height: 43px; font-size: 13px; text-transform: uppercase; border: 2px solid #272258; font-family: 'SVNFuturaBold'; letter-spacing: 1.38px; line-height: 39px; text-align: center; }
	.viewcart:hover { background: #272258; color: #fff; border: 2px solid #272258; }
.subtotal { display: flex; align-items: center; justify-content: space-between; margin: 10px 0; padding-top: 8px; border-top: 3px solid #dddede; }
.subtotal span:first-child{text-transform: uppercase;font-family: 'SVNFuturaBold';font-size: 15px;}
	.subtotal .amount.price-container { color: #272258; font-size: 20px; font-family: 'SVNFuturaBold'; letter-spacing: 1.43px; line-height: 30px;font-family: 'SVNFuturaBlack'; }
.btn_cart_header.open_minicart .block-minicart{display: block}

.top_cart_container{display: flex;align-items: center;justify-content: space-between}
	.top_cart_container a{ text-transform: uppercase; font-size: 13px; font-family: 'SVNFuturaBold'; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding-top: 6px; line-height: 18px; color: #272258;text-decoration: none; font-family: 'SVNFuturaBold';font-size: 15px;margin-top: -20px;margin-bottom: 50px;cursor: pointer}
	.btn-cart { width: 330px; height: 43px; padding: 9px 17px; font-family: 'SVNFuturaBold'; font-size: 14px; letter-spacing: 1.75px; background: #272258; border: 1px solid #272258; color: #fff; cursor: pointer; display: inline-block; box-sizing: border-box; vertical-align: middle; text-transform: uppercase;border-radius: 5px;}
.btn-cart:hover { background: #151138; border: 1px solid #151138; color: #fff; }
.table > thead > tr > th{font-family: 'SVNFuturaBold';text-transform: uppercase}
#form2 tbody tr{padding: 20px 0}
.actions ul li a{font-family: 'SVNFuturaBold';}
.form-register .steps li a .step-text{text-transform: uppercase;font-family: 'SVNFuturaBold';font-weight: unset !important;margin-bottom: 15px;padding-bottom: 0 !important}
.form-register .steps li::before{display: none}
.form-register .steps li a .title .step-icon { width: 25px !important; height: 25px !important; font-family: 'SVNFuturaBlack'; font-size: 16px !important; }
.mr-2{margin-right: 10px;}
.swal2-content{text-align: left !important;margin-bottom: 10px !important;font-size: 16px !important;}
.swal2-popup{width: 40em !important;padding: 2em !important}
.btn{outline: none !important}
.btn-notify{background: #272258;font-family: 'SVNFuturaBold' !important;color: #fff !important;text-transform: uppercase}
.btn-notify:hover{background: #78091c;}

/* Messenger */
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-tooltip{display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1.0E+30}
.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}
.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-box{transform: scale(0.87) !important;display:block;position:fixed;cursor:pointer;bottom:190px;right:17px;width:56px;height:56px;text-align:center;background:#272258;border-radius:100%;overflow:hidden;z-index:99;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3)}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg)}
.js-facebook-messenger-box svg#fb-msng-icon{width:32px;height:33px;position:absolute;top:13px;left:12px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg)}
.js-facebook-messenger-box svg#close-icon{opacity:0;width:19px;height:20px;position:absolute;top:19px;left:19px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-container{position:fixed;opacity:0;transform:translateY(50px);bottom:110px;right:90px;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out}
.js-facebook-messenger-top-header{width:220px}
.js-facebook-messenger-top-header{color:#fff;background:#272258}
.js-facebook-messenger-top-header{display:block;position:relative;width:220px;background:#272258;color:#fff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-top-header{color:#fff;background:#272258}
.js-facebook-messenger-top-header{width:220px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1;pointer-events:all}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}
.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg)}
.js-facebook-messenger-box.open svg#close-icon{opacity:1}
.imgproqc{display: block;margin-bottom: 30px;}
.imgproqc img{max-width: 100%;height: auto;}

@media (min-width:1349px) {
    #btn-lg { display: block }
}
@media (min-width:1200px) {
    .maxwidth { width: 1200px; margin: 0 auto; }
    .hinhgiua { width: 45% !important }
    .noidungright { width: 30% !important }  
    #product-detail .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: start;}  
}
@media (max-width:1326px) {
    .bx-wrapper .bx-prev { left: 0px !important; }
    .bx-wrapper .bx-next { right: 0px !important; }
}
@media (max-width:1293px) {
    #tags:after { display: none; }
    .tags { margin-left: 0px; }
    #uudai:after { display: none; }
    .uudai { margin-left: 0px; }
}
@media (max-width:1199px) {
    .maxwidth { padding: 0px 15px; }
    .text-a { padding: 0px 3px }
}
@media (max-width:1063px) {
    #display { display: none; }
    #menu-top { display: none !important }
    #menu-top-rp { display: block }
    #logo { display: none }
    #rib { display: none }
    #slide_trung { margin-top: 0px; }
    .bg-tieudesanpham { margin-bottom: 30px; }
    .dieuhuong { margin-top: 0px; padding: 10px 0px; }
    .btn_cart_header{line-height: 30px}
}
@media (max-width:1161px) {
    .box_f_mxh { margin-top: 0px; margin-bottom: 20px; }
}
@media (max-width:1140px) {
    #frm_mail { width: 100% }
}
@media (max-width:991px) {
    #content-left { display: none }
    .congty { margin-bottom: 50px; }
}
@media (min-width:795px) {
    #newsletter { padding-left: 15px; width: 795px; }
    #newsletter2 { padding-left: 15px; }
    #newsletter4 { width: 450px; }
}
@media (max-width:794px) {
    #newsletter { padding: 0px 15px; }
    #newsletter4 { padding: 0px 15px; }
}
@media (max-width:929px) {
    .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 1em; }
    .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
@media (min-width:1064px) {
    #product-detail { min-width: 1054px; }
}
@media (min-width:992px) {
    .thongtin2 { width: 19% !important }
    .thongtin3 { width: 14% !important }
}
@media (min-width:930px) {
    #ddmh { width: 930px; }
    .form-register .steps ul{justify-content: end !important}
}
@media (min-width:720px) {
    #newsletter2 { width: 720px; }
    .motatragop { width: 555px }
}
@media (max-width:767px) {
    .noidung_thanhvien { width: 100% }
    #tb_thanhcong { width: 100% }
    .flex { display: block !important; }
    .grid { margin-bottom: 15px; }
    #quangcao { display: none; }
    .tieude-index h2:before { display: none; }
    .tieude-index h2:after { display: none; }
    .thongtin { display: none; }
    .bg-tieudesanpham h2 { font-size: 16px !important; }
    .bg-tieudelist h2 { font-size: 16px !important; }
    .xemnhanh { font-size: 11px; }
    .muahang { font-size: 11px; }
    .xemnhanh a { padding: 5px 3px; }
    .muahang a { padding: 5px 3px; }
    .clear40 { height: 10px }
    #content-bot { padding: 0px }
    .iconkm { right: 40px }
    .categories h3 a { font-size: 11px }
    .categories .number { font-size: 11px }
    .box-gia { height: 19px }
    .gia-product { font-size: 10px; }
    .gia-product font { font-size: 10px; }
    .mota-product { font-size: 10px }
    .ten-bst h3 { font-size: 14px }
    #product-detail #right h1 { font-size: 20px; }
    .bx-wrapper .bx-pager { padding-top: 0px !important; }
    .bx-wrapper .bx-pager.bx-default-pager a { width: 5px !important; height: 5px !important }
    .congty { margin-bottom: 0px; }
    .product { margin-bottom: 30px }
    .product2 { margin-bottom: 15px }
    .noidung * { font-size: 1em !important }
    .tieude-lienhe { text-align: center; }
    .box-tieuchi ul li img { height: 7% }
    .box-tieuchi ul li h3 { font-size: 12px }
    .box-tieuchi ul li p { font-size: 11px; }
    .icon-moi { background-size: 100% !important; width: 25px !important; height: 25px !important }
}
@media (max-width:545px) {
    .muangay { width: 100% }
    .dienthoai { width: 100% }
    .box-muangay { float: none; }
    .text-nhantin { margin: 0px }
    #frm_mail { padding: 0px 10px; padding-bottom: 25px }
    #ddmh * { font-size: 1em !important }
    .swiper-button-prev, .swiper-button-next { width: 20px !important; height: 46px !important }
    .swiper-pagination-bullet { width: 5px !important; height: 5px !important }
    .block-minicart{width: 300px;padding: 10px;}
    .product-function-name h3{-webkit-line-clamp: 1}
}
@media (max-width:500px) {
    .phantram { transform: scale(0.7); }
    #box-nhanmail { padding: 0px; }
    .usual ul.tab_content a { padding: 5px 8px; font-size: 15px }
    .usual ul.tab_content { height: 38px }
    #newsletter { width: 100% }
    #newsletter4 { width: 100% }
    .text-nhantin2 { width: 100% }
    .muangay2 { width: 100% !important; font-size: 13.5 !important }
    .gia { font-size: 30px }
    .clear90 { height: 30px }
}
@media (max-width:405px) {
    .tintuc-all .col-xs-6 { width: 100% }
    .product-all .col-xs-6 { width: 100% }
    .d_flex .col-xs-6 { width: 100% }
    .d_flex { display: block; }
    .tieude-bot h2 { padding-left: 0px }
    .tieude-bot h2:after { display: none; }
    .xemnhanh { font-size: 8px; }
    .muahang { font-size: 8px; }
}
@media (max-width:375px) { }
@media (max-width:327px) { }