body { color: #333; font-size: 14px; background-color: #FFF; font-family: "Open Sans", sans-serif }
@font-face { font-family: 'Helvetica-iDesignVn'; src: url('../fonts/HelveticaiDesignVn-BdCn.woff') format('woff'); font-weight: normal; font-style: normal }
@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Regular.ttf') format('ttf'); font-weight: normal; font-style: normal }
a { color: #0971b2 }
a:hover, a:focus { color: #0071B9; outline: none; text-decoration:none }
ul { list-style-type:circle }
ul li ul { list-style-type:disc }
ul.none-style li ul { list-style-type:circle }
ul li, ol li { }
h1, .h1, h2, .h2, h3, .h3 { margin-top:10px }
sub, sup { font-size: 90% }
.mt-sec { margin-top: 30px }
.mt20 { margin-top: 20px }
.mb20 { margin-bottom: 20px }
.mb15 { margin-bottom: 15px }
.mb10 { margin-bottom: 10px }
.mb5 { margin-bottom: 5px }
.f13 { font-size: 13px }
.f12 { font-size: 12px }
.f11 { font-size: 11px }
.w90.form-control, .w90 input[type=text], .w90 input[type=email], .w90 input[type=password], .w90 input[type=file], .w90 select, .w90 textarea, .w90 label.is-field { width: 90%; display:inline-block }
.f-bold { font-weight: bold }
.f-italic { font-style: italic }
.f-title { font-size: 18px }
.cursor-text { cursor: text !important }
.orange { color: #de3400 }
.red, .required, .required * { color: red!important }
.relative {position: relative;}
.absolute {position: absolute;}
.gray1 { color: #999 }
.green { color: #0e893e }
.label { color: #444444 }
.pcolor { color: #0971b2 }
.lower { text-transform: lowercase }
.upper { text-transform: uppercase }
.btn--fix { width: 120px }
.form-control { height: 30px }
select.form-control { padding-top:5px; padding-bottom:5px }
textarea { resize:vertical }
input[type=file].form-control { height: auto; padding: 3px 6px }
.button-section { margin: 30px auto }
.btn-fix, .button-section .btn { min-width: 170px }
.btn-group .btn, .btn.btn-small { padding: 4px 11px }
.main-content .btn { min-width: 90px }
.radio input[type=radio], .checkbox input[type=checkbox] { margin-top:6px }
.clear { clear: both; height: 0; border: 0 none }
.loading { max-width: 800px; color: red; line-height: 25px; font-size: 12pt; background-color: #FF0; position: absolute; top: -100px; left: 0; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; z-index: 200; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 4px 20px }
.error { color: red; font-size: 12px; font-style: italic; padding: 2px 0; text-align: center }
option.optgroup, select *.optgroup { font-weight: bold !important }
option.option, select *.option { padding-left: 20px !important }
img { height: auto; max-width: 100% }
.img-full img { width:100% }
/*=================================*/
/* NavBar */
.navbar-default { border: none; border-radius:0 }
.navbar .container .navbar-logo { line-height:20px; padding:15px 0 }
.navbar .navbar-toggle { background-color: #FFF; border-color: #EFEFEF }
.navbar .navbar-toggle .icon-bar { background-color: #ECB300 }
#topNav { margin-bottom:0 !important; border-bottom: 1px solid #000; background-color: #212121 }
#topNav .navbar-menu { background-color: transparent }
#topNav ul.nav li ul li ul { top: 2px; left:auto; right: -70% }
#topNav ul.nav li ul.dropdown-menu { margin:0 !important }
#topNav ul.nav li a { font-size: 14px; padding: 7px 15px; margin: 0 }
#topNav ul.nav > li > a.nav-item { color: #FFF; font-size: 15px; text-transform:uppercase; padding: 13px 15px }
#topNav ul.nav > li:hover > a.nav-item, #topNav ul.nav > li:focus > a.nav-item, #topNav ul.nav > li.active > a.nav-item { color: #ECB300; background-color:transparent }
#topNav ul.nav .open > a, #topNav ul.nav .open > a:focus, #topNav ul.nav .open > a:hover { background-color:transparent !important }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #ECB300 }
.icon { float: left; margin-right: 10px; padding-top: 0px; margin-top: 12px }
.mod-user1 { margin-bottom:25px }
/* footer */
.footer-content { background-color: #ECECE6; -webkit-box-shadow: 2px 0px 0px 2px rgba(237,237,228,1); -moz-box-shadow: 2px 0px 0px 2px rgba(237,237,228,1); box-shadow: 2px 0px 0px 2px rgba(237,237,228,1); border-top: 1px solid #EBE8E5 }
.footer-content .list-group-item { background-color: transparent }
.address-style ul { padding-left: 0 }
.footer-bottom { color: #111; background-color: #FFF; padding-top:10px; padding-bottom: 15px; font-size: 13px }
.footer-bottom .container { text-align: center; line-height: 25px }
.footer-bottom p { padding: 0; margin: 0; line-height: 18px }
.footer-bottom a { color: #111 }
.footer-bottom ul { margin-bottom: 10px; padding:0 }
.horizontal-list li { display: inline; padding: 0 2px }
.horizontal-list li a { border-right: 1px solid #CCC; padding: 0 12px 0 9px; color: #EFEFEF }
.horizontal-list li:last-child a { border-right: none }
/*contact-fix*/
.contact-fix { position: fixed; bottom: 0; z-index:9999; background-color: #0875B7; padding: 10px 0px; width: 100%; color: #FFF; font-size: 16px; text-align: center }
.contact-fix .content i { margin-right: 5px }
.contact-fix .content a { color: #FFF; font-size: 16px; display: inline-block; white-space: nowrap }
/* language box */
#jflanguageselection::after, .jflanguageselection::after { clear:both }
#jflanguageselection .jflanguageselection { margin:7px 0 0; padding:0; float:right }
.jflanguageselection li { display:inline-block; padding:5px }
.jflanguageselection li a { display:block }
.jflanguageselection li a img { height:18px }
/*breadcrumb*/
.breadcrumb { padding: 10px 10px 10px 0; background-color: #fff; margin-bottom: 10px }
.breadcrumb > li:first-child { padding-right:3px }
.breadcrumb > li + li:before { content: "\f105"; padding: 0 8px; color: #ccc; font: normal normal normal 14px/1 FontAwesome }
/* LOGIN-SIGNUP */
.login-signup label { font-weight: normal; width: 35% }
.login-signup .panel-member label { width: 30% }
.login-signup input[type=text], .login-signup input[type=email], .login-signup input[type=password], .login-signup input[type=file], .login-signup select, .login-signup textarea, .login-signup label.is-field { width: 55%; display:inline-block }
.login-signup .panel-member ul { margin-top:20px }
.login-signup ul li { margin: 5px 0px; overflow: hidden }
.login-signup li.button, .login-signup li.lostpass { text-align:center }
.login-signup li.lostpass { padding-top:10px }
.login-signup li .btn { padding-left:20px; padding-right:20px }
.login-signup li.button .btn { margin:5px }
.terms label { width: 95% !important; padding-top: 5px }
/* Search block */
.panel.search-block { background-color: #074E0A; color: #fff; background: #51db86; /* Old browsers */ background: -moz-linear-gradient(top, #51db86 0%, #0c863d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51db86), color-stop(100%, #0c863d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #51db86 0%, #0c863d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #51db86 0%, #0c863d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #51db86 0%, #0c863d 100%); /* IE10+ */ background: linear-gradient(to bottom, #51db86 0%, #0c863d 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51db86', endColorstr='#0c863d', GradientType=0 ); /* IE6-9 */
}
.panel.search-block .panel-body { }
.panel.search-block .search-block-title { color: #fff; margin-bottom: 24px }
.panel.search-block .search-block-title span { background-color: #11240D; padding: 7px 12px; font-size: 18px; color: #de3400; font-weight: bold }
.panel.search-block form .form-radio { background-color: rgba(18, 10, 10, 0.48); padding: 10px 16px }
.panel.search-block .panel-heading { background-color: #4caf50; color: #fff; font-size: 16px; font-weight: bold }
.search-price label { display: block }
.search-price input.from, .search-price input.arrival, .search-price select.unit { display: inline; width: 85px; vertical-align: middle }
/*pannel*/
.main-content .panel-body { padding:15px 0 }
.panel.grey .panel-body { background-color: #f5f5f5 }
.panel-default > .panel-heading.panel-heading-second { color: #18a746; background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(241,241,241,1) 50%, rgba(250,250,250,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(50%, rgba(241,241,241,1)), color-stop(100%, rgba(250,250,250,1))); background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(241,241,241,1) 50%, rgba(250,250,250,1) 100%); background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(241,241,241,1) 50%, rgba(250,250,250,1) 100%); background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(241,241,241,1) 50%, rgba(250,250,250,1) 100%); background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(241,241,241,1) 50%, rgba(250,250,250,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa', GradientType=0 );
}
.panel-default .panel-body > .list-group { margin-bottom:0 }
.buy-rent { background-color: #0875B7; padding: 10px 0; clear: both; border-radius: 4px; -moz-box-shadow: 0 0 1px 1px #EEEAE7; -webkit-box-shadow: 0 0 1px 1px #EEEAE7; box-shadow: 0 0 1px 1px #EEEAE7; border: 1px solid #8EC4E6 }
.btn-x-sm { padding: 7px 9px; font-size: 12px; line-height: 11px; border-radius: 3px; color: #757575; text-transform: inherit }
.panel-heading .btn-x-sm { position: relative; top: -4px; right: -7px; color: #8a8a8a }
.news-tabs .panel-heading .btn-x-sm { top: -35px }
.fa-play.more { font-size: 8px; color: #1AA94B; padding-left: 3px; margin-top: -2px }
.list-group-item { background: transparent }
.media-bar .list-group li.list-group-item { margin-bottom: 10px; padding-bottom: 10px }
.list-group li.list-group-item { border: none; border-bottom: 1px solid #ecece6; margin-bottom: 0 }
.list-group li.list-group-item:last-child { border-bottom: 0 none }
.list-group-item-default { padding: 6px 13px }
.list-group-item-default:before { content: "\f04b"; position: absolute; left: 2px; top: 11px; font: normal normal normal 12px/1 FontAwesome; font-size: 7px; color: #8a8a8a }
.bodernone-list .list-group li.list-group-item { border-bottom: transparent }
.bodernone-list .list-group .list-group-item-default { padding: 4px 13px }
.media-left, .media > .pull-left { padding-right: 10px }
.media-body > a { display: block;font-weight: bold }
.media-left > a { margin-top: 2px }
.panel-default .pagination { margin: 0 }
/* images responsive */
.img-wrapper { width: 70px; display: block; position: relative; font-size: 0; max-height: 50px; overflow: hidden }
/* Home slider */
#slider_container { background: grey; margin-bottom: 25px; position: relative; overflow: hidden }
/* Without banner */
#slider_container.hide + .container .adv-search { position: relative; top: 0; margin-top: 20px }
#slider_container.hide + .container .adv-search-inner { border: 1px solid #0875B7; box-shadow: 0 0 8px rgba(0,0,0,0.3) inset }
/*block-hotline */
.block-hotline { padding: 8px; border: 1px solid transparent; box-shadow: 0 0 1px 1px #EEEAE7; border-color: #A3C8DF; margin-bottom: 10px; border-radius: 3px }
.block-hotline span { color: #36b267; font-weight: bold; padding: 0px 5px }
.block-hotline small { font-weight: bold; font-size: 18px }
.block-hotline a { margin-right: 4px }
ul.visited { margin-bottom:0 }
ul.visited li { font-size:15px }
ul.visited li i { color: #ECB300; margin-right:7px }
ul.visited li span { font-weight:700 }
/*News list*/
.panel-body .list-block:last-child .list-news .list-group { margin-bottom: 0 }
.panel-body .list-heading, .login-signup .heading { font-size: 30px; font-weight: 700; text-align: left; text-decoration: none; padding-left: 2px; padding-bottom:5px; margin-top:0; margin-bottom: 20px; border-bottom: 1px solid #777; color: #444 }
.list-block .list-heading a { color: #18a746 }
.list-block .createdate { padding-left: 0 }
.list-block .group-news { padding-bottom: 15px; margin-bottom:5px; border-bottom: 1px solid #ecece6 }
.list-block .group-news:last-child { margin-bottom:0; border-bottom: 0 none }
.list-block .media { margin-top: 5px }
.list-block .pagination { margin-top: 15px }
.list-block .list-news { margin-top: 14px }
.list-title { padding: 3px 0; display: block; font-weight: bold }
.list-title * { padding: 0; margin:0; font-size:15px; font-weight: bold }
.createdate { color: #666; height: 15px; font-size: 13px; padding-left: 3px }
.detail-block .detail-heading { font-size: 25px; line-height:30px; margin-top:0; margin-bottom: 15px }
.detail-block .list-news .title { border-bottom: 1px solid #e3e3e3; padding: 5px 0; width: 100%; display: block; font-weight: bold; color: #2872b3; margin-top: 20px; margin-bottom:5px }
.detail-block .createdate { padding-left: 0 }
.detail-block .share-mxh { margin-bottom:12px }
.detail-block img { height: auto; width:auto; max-width: 100%; vertical-align: middle }
.panel-multi-column .media { margin-top: 6px }
.panel-multi-column .news-list-block .row + .row { margin-top: 20px }
/* member */
.panel-sumary ul.none-style > li { border-bottom: 1px solid #e4e4e4; margin-bottom: 10px; padding-bottom: 10px }
.panel-sumary ul.none-style > li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0 }
.panel-sumary ul li i { color: #BBB; font-size: 18px; padding-right: 6px; width: 27px }
.panel-sumary ul li.active i { color: #0971b2 }
.panel-sumary ul li ul li { padding-top: 8px }
.panel-sumary > .panel-heading { background-color:#e4e4e4 }
/* table */
table.table { margin-bottom:0 }
table.table tr th[align="center"] { text-align: center }
table.table tr th[align="right"] { text-align: right }
table.table tfoot tr td[align="right"] { font-size:16px; font-weight:bold }
/* file upload */
.file-upload-group { position:relative; display:inline-block; width: 100px }
.file-upload-group p { margin: 0; padding: 0 }
.file-upload-group input[type="file"] { cursor: pointer; margin: 0; padding: 0; opacity: 0; position: absolute; left: 0; top: 0; height: 100%; width: 100% }
/* stars */
.star-rating { font-family: FontAwesome; font-size: 15px; height: 1em; line-height: 1; overflow: hidden; position: relative; width: 70px }
.star-rating::before { color: rgba(0, 0, 0, 0.2); content:"\f006\f006\f006\f006\f006"; position: absolute; left: 0; top: 0 }
.star-rating span { overflow: hidden; padding-top: 1.5em; position: absolute; left: 0; top: 0 }
.star-rating span::before { color: #AF7034; content:"\f005\f005\f005\f005\f005"; position: absolute; left: 0; top: 0 }
/* products */
.panel-body.vm .list-heading { border-bottom: 0 none }
ul.products::after { display: table; clear: both; content: "" }
ul.products { clear: both; margin: 0; padding:0; list-style:none }
ul.products li { margin: 0; padding:0; list-style:none }
ul.products li.product { position:relative; clear: none; overflow: visible; text-align:center; margin-bottom:30px }
.products .product img { border: 1px solid rgba(0, 0, 0, 0.1); display: block; width:100%; margin: 0 auto }
.products .product h3, .products .product h4 { font-size:14px; line-height:130%; font-weight: 400; color: #2b2b2b }
.products .product a:hover h3, .products .product a:hover h4 { color: #0071B9 }
.products .product .price::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #222222 transparent transparent; border-image: none; border-style: solid; border-width: 5px 5px 5px 0; content: ""; display: block; position: absolute; right: -5px; top: 100% }
.products .product .price { background-color: #555; box-shadow: 5px 0 0 0 #555; display: block; font-size:15px; color: #FFF; padding: 0.53em 0.857em; position: absolute; right: 1px; top: 1em }
.products .product .price, .products .product .star-rating { margin: 0 auto 1em }
.products .product .price del { color: #CCC; font-weight: 400; opacity: 0.5 }
.products .product .price ins { background-color: transparent; font-weight: 700; margin-left: 0.618em; text-decoration:none }
..quantity .plus, .quantity .minus { color: #7c7235 }
.btn.btn-cart { background-color: #83051D; border-color: #BC213E; color: #FFF; outline:none; font-size:13px; font-weight: 700; padding:6px 14px; box-shadow: 0 -0.327em 1.618em rgba(0, 0, 0, 0.1) inset }
.btn-cart:hover, .btn-cart:focus, .btn-cart.focus, .btn-cart:active, .btn-cart.active { color: #ECB300 }
/* short cart */
a.remove { font-weight: 400; line-height: 1.618; display: block; position: relative }
a.remove i { color:#F63; font-size:17px }
a.remove:hover i { color:#F00 }
ul.product-list-small { margin-bottom:0 }
.product-list-small li { position:relative; padding: 0.5em 0; font-size:14px; border-bottom: 1px dotted rgba(0, 0, 0, 0.1) }
.product-list-small li:first-child { padding-top:0 }
.product-list-small:not(.cart-list) li:last-child { padding-bottom:0; border-bottom: 0 none }
.product-list-small li::after { clear: both; content: ""; display: table }
.product-list-small li a { display:block }
.product-list-small li a:link, .product-list-small li a:visited { color:#555 }
.product-list-small li a:hover { color: #0971b2 }
.product-list-small li img { float: right; max-width: 3em }
.product-list-small li > span { display:inline-block; padding-top:2px }
.panel-body.panel-basket-short { clear:both }
.panel-basket-short p.total { font-size:15px; text-align: center; margin: 0; padding: 1em 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1) }
.panel-basket-short .btn-group .btn { min-width:120px; background-color: #994B00; border-color: #C98342; color: #FFF }
.panel-basket-short .btn-group .btn:hover, .panel-basket-short .btn-group .btn:focus, .panel-basket-short .btn-group .btn.focus { background-color: #B76921 }
.cart-list li { padding-left:2em }
.cart-list li a.remove { opacity: 1; position: absolute; left: 0; top: 0.5em }

.panel.panel-default { border-color: #C3C3C3 }
.col-right > .panel.panel-default { border-color: #f5ac02 }
.col-right > .panel-default > .panel-heading { color: #FFF; background-color: #f5ac02; font-weight:700; text-transform:uppercase }
.col-right > .panel.panel-member ul li { margin-bottom:5px }
.col-right .list-group li.list-group-item { padding-left:0; padding-right:0 }
.col-right .list-group li.list-group-item:first-child { padding-top:0 }
.col-right .list-group li.list-group-item:last-child { padding-bottom:0 }
.col-right .list-group li.list-group-item a { font-size:15px }
.products .product img { border-color: #CCC }
.print #containner .panel.panel-default { margin-bottom: 0 }

.col-right .panel-body > ul { margin-bottom:0 }
.col-right .panel-categories .panel-body ul { padding-left:20px }
.col-right .panel-categories .panel-body ul.main > li > a { font-size:15px }
.col-right .panel-categories .panel-body ul.sub > li > a { font-size:14px }
.col-right .panel-categories .panel-body ul.main > li { padding-top:4px; padding-bottom:5px }
.col-right .panel-categories .panel-body ul.sub > li { padding-top:5px; padding-bottom:4px }
.col-right .panel-categories .panel-body ul > li.active > a.selected { font-weight:700 }