/**
 * @Project NUKEVIET 4.x
 * @Author VINADES.,JSC (contact@vinades.vn)
 * @Copyright (C) 2014 VINADES.,JSC. All rights reserved
 * @License GNU/GPL version 2 or any later version
 * @Createdate Thu,17 Apr 2014 04:03:46 GMT
 */

@font-face {
    font-family:'NukeVietIcons';
    src:url('../../default/fonts/NukeVietIcons.eot?avyewf');
    src:url('../../default/fonts/NukeVietIcons.eot?#iefixavyewf') format('embedded-opentype'),url('../../default/fonts/NukeVietIcons.ttf?avyewf') format('truetype'),url('../../default/fonts/NukeVietIcons.woff?avyewf') format('woff'),url('../../default/fonts/NukeVietIcons.svg?avyewf#NukeVietIcons') format('svg');
    font-weight:normal;
    font-style:normal;
}

[class^="icon-"],
[class*=" icon-"] {
    display:inline-block;
    font:normal normal normal 14px/1 NukeVietIcons;
    font-size:inherit;
    transform:translate(0,0);
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
#viewcat .pull-right {
    display: none;
    }
.icon-lg {
    font-size:1.33333333em;
    line-height:.75em;
    vertical-align:-15%
}

.icon-horizon {
    width:14px;
}

.icon-lg.icon-horizon {
    width:22px;
}

.icon-nukeviet:before {
    content:"\e607";
}

.icon-nukeviet_sm:before {
    content:"\e608";
}

.icon-callcenter:before {
    content:"\e609";
}

.icon-today:before {
    content:"\e600";
}

.icon-qrcode:before {
    content:"\e601";
}

.icon-enter:before {
    content:"\e602";
}

.icon-exit:before {
    content:"\e603";
}

.icon-yahoo:before {
    content:"\e604";
}

.icon-old-phone:before {
    content:"\e606";
}

.icon-icq:before {
    content: "\e605";
}
.icon-viber:before {
    content: "\e60a";
}

/* Fix bootstrap */
.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: right;
}

.min-width {
    width:319px;
}

.padding {
    padding:10px;
}

.margin {
    margin:10px;
}

.margin-right {
    margin-right:10px;
}

.margin-left {
    margin-left:10px;
}

.margin-top {
    margin-top:10px;
}

.margin-bottom {
    margin-bottom:10px;
}

.margin-sm {
    margin:4px;
}

.margin-right-sm {
    margin-right:4px;
}

.margin-left-sm {
    margin-left:4px;
}

.margin-top-sm {
    margin-top:4px;
}

.margin-bottom-sm {
    margin-bottom:4px;
}

.margin-lg {
    margin:15px;
}

.margin-right-lg {
    margin-right:15px;
}

.margin-left-lg {
    margin-left:15px;
}

.margin-top-lg {
    margin-top:15px;
}

.margin-bottom-lg {
    margin-bottom:15px;
}

.padding-top{
    padding-top: 10px
}

.padding-left{
    padding-left: 10px
}

.padding-right{
    padding-right: 10px
}

.padding-bottom{
    padding-bottom: 10px
}

.boder-top{
    border-top: 1px solid #ccc;
}

.boder-bottom{
    border-bottom: 1px solid #ccc;
}

.border-left{
    border-left: 1px solid #ccc;
}

.border-right{
    border-right: 1px solid #ccc;
}

.bg-gainsboro {
    background-color:#82B1FE;
}

.bg-lavender{
    background-color:#E6E6FA
}

/*Load_Bar*/
.load-bar{
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 8px;
    background: transparent url(../../../assets/images/load_bar.gif);
    margin: auto 10px
}

/*Center DIV*/
.centered {
   text-align: center;
   font-size: 0;
}
.centered > div {
   float: none;
   display: inline-block;
   text-align: left;
   font-size: 13px;
}

/*nv-info*/
.nv-info {
    border-width:1px;
    border-style:solid;
    border-color:#D4D4D4;
    border-radius:3px;
    -webkit-border-radius:3px;
    background-color:#f7f7f7;
    color:#333;
    padding:10px;
}

.nv-info.error {
    background-color:#EFD7D7 !important;
    border-color:#DCA8A6 !important;
}

.nv-info.success {
    background-color:#E5F1FB !important;
    border-color:#8DC1ED !important;
}

.nv-info:before {
    display:inline-block;
    font-family:FontAwesome;
    font-size:20px;
    line-height:1;
    vertical-align:middle;
    margin-right:5px;
}

.nv-info.error:before {
    content:" \f057 ";
    color:#A94442;
}

.nv-info.success:before {
    content:" \f13a ";
    color:#449D44;
}

.mbt {
    font-size:16px;
    width:39px;
    height:39px;
    text-align:center;
    line-height:39px;
    color:#fff;
    background:transparent;
    background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.05) 100%);
    border-radius:3px;
    -webkit-border-radius:3px;
}

.mbt-lg {
    font-size: 16px;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    color: #fff;
    -webkit-border-radius: 0px;
    background: #ff0000;
}

.mbt:hover,
.active .mbt,
.mbt-lg:hover,
.active .mbt-lg {
    color:#fff;
    background-image:linear-gradient(to bottom,rgba(0,0,0,0.1) 0,rgba(0,0,0,0.3) 100%);
}

.mbt-circle {
    display:inline-block;
    line-height:30px;
    width:30px;
    color:#fff;
    background: #bbb;
    background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.1) 100%);
    text-align:center;
    border-radius:15px;
    -webkit-border-radius:15px;
}

.mbt-circle:hover,
.active .mbt-circle {
    background-image:linear-gradient(to bottom,rgba(0,0,0,0.2) 0,rgba(0,0,0,0.3) 100%);
}

.clear {
    clear:both;
}

.fl {
    float:left;
}

.fr {
    float:right;
}

.rel {
    position:relative;
}

.abs {
    position:absolute;
}

.middle {
    vertical-align:middle;
}

.align-bottom{
    vertical-align: bottom
}

.align-top{
    vertical-align: top
}

.pointer {
    cursor:pointer;
}

ul,
ol {
    list-style:none;
}

.input-group-btn {
    font-size:14px !important;
}

.fix-box {
    position:inherit !important;
    margin-left:0 !important;
}

.well {
    padding:8px
}

.well p {
    margin:0;
}

input[type=text].required,
input[type=password].required,
input[type=email].required,
input[type=number].required,
input[type=search].required,
input[type=tel].required,
input[type=time].required,
input[type=url].required,
input[type=url].required,
textarea.required,
select.required,
label.required {
    background-image:url(../images/icons/required.png);
    background-position:right center;
    background-repeat:no-repeat;
}
textarea.required{
    background-position: right 10px;
}
select.required{
    background-position: calc(100% - 15px) 10px;
}
label.required{
    padding-right: 20px;
}

label.radio-box,label.check-box{
    font-weight: normal;
    margin-right: 20px;
    cursor: pointer;
}
div.radio-box,div.check-box{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    padding: 10px
}

.display-inline-block {
    display:inline-block;
}

.display-table {
    display:table;
}

.display-table > * {
    display:table-row;
}

.display-table > * > * {
    display:table-cell;
    padding:5px;
}

.navbar-default .navbar-nav>li>a {
    color:#fff;
}

.navbar-nav>li>a {
    white-space:nowrap;
}

.dropdown-submenu {
    position:relative;
}

.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px;
    border-radius:0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}

.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#ccc;
    margin-top:5px;
    margin-right:-10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color:#fff;
}

.dropdown-submenu.pull-left {
    float:none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

/* Fixed Jquery UI Style */
.col-sm-12 .hometext {
    display: none;
  }
.ui-widget {
    font-size:12px !important;
    font-weight:400 !important;
    line-height:18px !important;
}

.ui-datepicker {
    width:18em !important;
}

.ui-datepicker select.ui-datepicker-month {
    width:59% !important;
    font-weight:normal !important;
}

.ui-datepicker select.ui-datepicker-year {
    width:39% !important;
    font-weight:normal !important;
}

/* Info die */

.nv-infodie {
    margin:0 auto;
    box-shadow:0 0 4px rgba(0,0,0,0.15);
    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.15);
    border:1px #dadada solid;
    background:#fff;
    position:absolute;
    min-height:300px !important;
    min-width:300px !important;
    display:table;
}

.nv-infodie .panel-body {
    display:table-cell;
    vertical-align:middle;
}

/* panel */
.panel,.panel-heading{
    border-radius: 0
}
.panel-body p {
    margin:0;
}

.panel-body ul {
    margin:0;
    padding:0;
}

.panel-body ul li {
    margin-bottom:10px;
}

.panel-body img {
    margin-right:5px;
}

.panel-body ul li:last-child {
    margin-bottom:0;
}


.nv-infodie .logo {
    max-width:90% !important;
}

table caption {
    color:#0066CC;
    text-align:left;
    font-size:13px;
    font-weight:bold;
    line-height:22px;
    padding:0 0 5px 2px;
}

blockquote {
    font-size:13px;
}

figure {
    background: #7A7A7A;
    padding: 10px;
    display: block;
    float: left;
    margin: 5px 10px 10px 0;
    text-align: center;
}
figure.left{
    float: left;
    margin: 5px 10px 10px 0;
}
figure.right{
    float: right;
    margin: 5px 0 10px 10px;
}
figure.noncaption{
    background: transparent;
    padding: 0;
}
figcaption{
    text-align: center;
    margin-top: 5px;
    font-weight: 700;
}
figure figcaption {
    font-size: 12px;
    color: #fff;
    font-weight: normal;
}

.rel{
    position: relative
}

/* Global */
html {
    margin:0;
    padding:0;
}

body {
    margin:0;
    padding:48px 0 40px 0;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    background:#ddd url(../images/bg.png) repeat top left;
}

a,
a:link,
a:active,
a:visited {
    color:#393939;
}

a:hover {
    text-decoration:none;
    color:#5c0505;
}

a.dimgray  {
    color:#696969;
}

a.dimgray:hover {
    color:#5c0505;
}

a.black  {
    color:#393939;
}

a.black:hover {
    color:#5c0505;
}

iframe {
    border:0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
    margin:0;
    padding:0;
    line-height: 1.5
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight:700;
}

.title{
    font-size:22px
}

.hometext{
    font-weight: 700
}

.bodytext {
    word-break:keep-all
}

.m-bottom {
    margin-bottom:10px !important;
}

#wraper {
    margin:0 auto;
}

.fa-fix {
    margin-right:-5px;
}

.fa-pointer {
    cursor:pointer;
}

.fa-horizon {
    width:14px;
}

.fa-lg.fa-horizon {
    width:22px;
}

h3.sm {
    font-size:16px;
}

span.keyword {
    background:yellow;
}

.nv-fullbg {
    min-height:100%;
    background:#fff;
}

#search-form {
    padding:10px 0;
}

#search_result {
    padding-bottom:10px;
}

a.btn {
    color:#fff;
}

.container-simple{
    margin-top: -48px;
    margin-bottom: -40px;
}

/* Header */

header.first-child {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    min-height: 48px;
    background: rgba(0, 0, 0, 0) linear-gradient(to top, #eaeaea, #ffffff, #ffffff) repeat local 0 0;
    -webkit-transition: top 0.08s ease-in-out;
    transition: top 0.08s ease-in-out;
}

header.header-up {
    top: -50px;
}

#header {
    min-height:51px;
}

#header .logo {
    position:absolute;
    top:0;
    left:10px;
    height:48px;
    line-height:48px;
}

#header .logo img,
#header .logo object {
    max-height:69%;
    width:auto;
}

#header .site-buttons {
    float:right;
    display:table;
    height:47px;
}

#header .site-buttons > div {
    display:table-row;
}

#header .site-buttons > div > span {
    display:table-cell;
    vertical-align:middle;
    padding-left:3px !important;
}

#header .site-buttons a.user {
    display:inline-block;
    vertical-align:middle;
    width:26px;
    height:26px;
    border-radius:13px;
    -webkit-border-radius:13px;
    background-size:contain;
    margin-left:10px;
    margin-right:10px;
}
.box_kd {
    animation: 11s ease 0s normal none infinite running hotline1;
    color: #fff;
    padding: 5px;
    position: fixed;
    left: -100%;
    bottom: 68px;
    z-index: 9999999999999999999999999999999;
    width: 39%;
}
.box_cart {
    animation: 11s ease 0s normal none infinite running hotline2;
    background: #ff6600;
    padding: 5px;
    position: fixed;
    right: -100%;
    bottom: 300px;
    z-index: 9999999999999999999999999999999;
    width: 39%;
    border-radius: 15px 0px 0px 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.20);
}
.box_kd img{
	border-radius: 50%;
	height: auto;
	padding: 0px;
   width: 39%;
}
.box_kd a {
	display: block;
	width: 100%;
    color: #fff;
}
.box_dv {
	animation: 11s ease 0s normal none infinite running hotline2;
	color: #fff;
	padding: 5px;
	position: fixed;
	right: -100%;
	bottom: 68px;
	z-index: 9999999999999999999999999999999;
	width: 39%;
}
.box_dv img{
	width: 100%;
	height: auto;
	padding: 0px;
}
.box_dv a {
	display: block;
	width: 100%;
    color: #fff;
}

@keyframes hotline1 {
0% {
    left: -80%;
}
25% {
    left: 0;
}
50% {
    left: 0;
}
75% {
    left: 0;
}
100% {
    left: -80%;
}
}
@keyframes hotline2 {
0% {
    right: -80%;
}
25% {
    right: 0;
}
50% {
    right: 0;
}
75% {
    right: 0;
}
100% {
    right: -80%;
}
}
/* Search form */

.headerSearch input {
    border-color:#d0d0d0;
    height:32.4px;
    background:#fff !important;
}

.headerSearch input:hover,
.headerSearch input:focus {
    background:#fff !important;
}

.headerSearch .btn-info {
    background: #cb0000;
    border: none;
}

/*socialList,contactList,personalArea*/

.contactList {
    padding:10px;
}

.contactList li {
    display:block;
}

.socialList li {
    display:inline-block;
    margin-right:10px;
}

.socialList li:last-child,
.contactList li:last-child {
    margin-right:0 !important;
}

.socialList li a {
    display:block;
    width:28px;
    height:28px;
    line-height:28px;
    background:#1182c8;
    color:#fff;
    text-align:center;
    font-size:16px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all 0.4s ease;
    transition:all 0.4s ease;
}

.socialList li a[href*="facebook"]:hover {
    background:#3D5D8C;
}

.socialList li a[href*="google"]:hover,
.socialList li a[href*="youtube"]:hover {
    background:#DD4B39;
}

.socialList li a[href*="twitter"]:hover {
    background:#50A0D7;
}

.socialList li a[href*="feeds"]:hover {
    background:#FF9900;
}

.socialList li .fa {
    margin-right:-4px;
}

.contactList li .fa, .contactList li [class^="icon-"], .contactList li [class*=" icon-"] {
    width:20px !important
}

.qlist {
    position:absolute;
    left:0;
    bottom:35px;
    width:100%;
    background:#D8EAF8;
    border:1px solid #ADD3F0;
    padding:10px;
    z-index:9998;
    display:none;
}

/* guestBlock */

.guestBlock > h3 {
    border-bottom:1px solid #ccc;
}

.guestBlock > h3 > a {
    display:inline-block;
    line-height:34px;
    padding:0 17px;
    background:#e5e5e5;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
}

.guestBlock > h3 > a:hover,
.guestBlock > h3 > a.current {
    background:#D0D0D0;
}

.guestBlock .reg-area{
    margin-bottom: 50px;
}

/* TIP */

.tip,.ftip {
    position:relative;
}

#tip {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    z-index: 9;
    width: 320px;
    min-height: 50px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 0px 0px 5px;
    background: #eee;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    display: none;
}

#ftip {
    position:fixed;
    bottom:41px;
    right:0;
    float:right;
    z-index:9;
    min-width:100px;
    min-height:50px;
    max-height: calc(100% - 42px);
    overflow-y:auto;
    overflow-x:hidden;
    padding:10px 14px 20px 10px;
    background:#eee;
    box-shadow:0 2px 10px rgba(0,0,0,0.2);
    display:none;
}

.fixed #tip {
    position:fixed !important;
    top:48px !important;
    right:0;
    max-height:calc(100% - 56px);
}

#tip .tip-footer {
    background:#e1e1e1;
    border:1px solid #ccc;
    padding:10px;
    margin:10px -15px -16px;
}

#tip h3, #ftip h3 {
    font-size:13px;
    font-weight:700;
    margin-bottom:15px;
}

#tip ul, #fip ul {
    margin:0;
    padding:0;
}

#tip a {
    color:#333;
    text-decoration:none;
}

#ftip .socialList a {
    color:#fff;
}

/* Body */
#body {
    background:#fff;
    border-color:#dadada;
    border-style:solid;
    border-width:0;
    position: relative;
}

.breadcrumbs {
    position: relative;
    height: 35px;
    line-height: 1;
    padding: 0 10px 0 50px;
    margin: 0;
    background: transparent;
    overflow: hidden;
    background: rgba(0,0,0,0.05);
}

.breadcrumbs .home-icon {
    position: absolute;
    top: 0;
    left: 0;
    outline: none;
}

.breadcrumbs .home-icon a{
    width: 40px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block;
    border-right: 1px solid rgba(0,0,0,0.1);
    color: #666;
}

.breadcrumbs .toggle{
    width: 15px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    display: none;
}

.breadcrumb{
    padding: 0;
    margin: 0;
    line-height: 35px;
    display: inline-block;
}

.sub-breadcrumbs {
    margin: 0;
    padding: 0;
    background: #fff linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0;
    position: absolute;
    left: 39px;
    top: 36px;
    border: 1px solid rgba(0,0,0,0.1);
    border-top: none;
    box-shadow: 0 0.063em 0.25em rgba(7, 20, 34, 0.25);
    display: none;
}

.sub-breadcrumbs.open{
    display: block;
}
.panel-body {
    padding: 5px;
}
.rows form .panel-default {
    width: 100%;
}
.sub-breadcrumbs li:last-child,
.sub-breadcrumbs li:last-child a,
.sub-breadcrumbs{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.sub-breadcrumbs li, .sub-breadcrumbs a {
    display:block;
    float:none;
}

.sub-breadcrumbs a{
    line-height:40px;
    height:40px;
    overflow: hidden;
    padding:0 10px;
}

.sub-breadcrumbs li:not(:last-child) a{
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.sub-breadcrumbs a:hover{
    background: rgba(0,0,0,0.1)
}

.sub-breadcrumbs a em{
    display: inline-block;
    margin-right: 5px;
    color: #666;
}

/* Footer */

#footer {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:10;
    width:100%;
    min-height:40px;
    -webkit-transition: top 0.08s ease-in-out;
    transition: top 0.08s ease-in-out;
}

#footer.footer-down {
    bottom: -42px;
}

.footer {
    height:39px;
    width:100%;
    background:#205FA0;
    background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.2) 100%);
    border-top:1px solid #205FA0;
    font-size:0.9em;
    color:#333;
}

.footer a {
    color:#333;
    text-decoration:none;
}

.footer.display-table > * > * {
    padding:0;
    vertical-align:middle;
}

/* theme-change */
.theme-change{
    padding: 10px 0;
    font-size: 11px;
    border-bottom: 1px solid #bbb
}
.theme-change span + span:before {
    content: "|";
    display:inline-block;
    margin-left: 5px;
    margin-right:5px
}

/* WinHelp */

#winHelp {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    background:rgba(0,0,0,.5);
    z-index:11;
    display:none;
}

#winHelp .winHelp {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:240px;
    background:#efefef;
    border-right:1px solid #bbb;
    border-top:1px solid #bbb;
    z-index:12;
    color:#333;
    box-shadow:0 2px 10px rgba(0,0,0,0.5);
    overflow-y: auto;
}

#winHelp .winHelp a {
    color:#333
}

#winHelp .winHelp a:hover {
    color:#205FA0;
}

#winHelp .panel{
    margin-bottom:0
}

#winHelp .panel-heading{
    font-weight: bold;
}

#winHelp .panel-body{
    padding: 0
}

#winHelp .panel-body .menu > li{
    margin: 0;
    border-bottom: 1px solid #ddd;
}

#winHelp .panel-body .menu > li:last-child{
    border-bottom:none
}

#winHelp .panel-body .menu > li > a {
    display: block;
    line-height:32px;
    padding:0 10px;
    background:#fff;
}

#winHelp .panel-body .menu > li > a:after{
    content: " \f054 ";
    display:inline-block;
    float:right;
    font-family:FontAwesome;
    font-size:9px;
    font-weight: normal
}

/* Block Company info */
.company_info{
    font-size: 12px;
    margin: 10px!important;
}

.company_info .company_name {
    text-transform:uppercase;
}

.company_info li {
    text-align: center;
}

.company_info li > em,
.company_info li > span {
    text-align: center;
}

.company_info li.company_name > span {
    display:inline;
}

.company_info li em {
    font-size: 1em;
    width: 15px;
    text-align: center;
    padding-right: 10px;
    display: none;
}

.company-map {
    width:100%;
    height:300px;
}

/* copyright class */

.copyright {
    font-size:11px;
}

/* Page break line */

.nv-hr {
    clear:both;
    height:1px;
    border-bottom:1px #dadada solid;
    margin:10px 0;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);
    -box-shadow:0 1px 1px rgba(0,0,0,0.1);
}

.nv-hr.nv-hr-lg {
    margin:20px 0;
}

.nv-hr.nv-hr-sm {
    margin:5px 0;
}

.page {
    padding:15px 5px;
}

.page h1 {
    color:#0E73E6;
    font-weight:bold;
    line-height:30px;
}

/* Social share,social button */

.nv-social-share {
    list-style:none;
    margin:0;
    padding:0;
}

.nv-social-share li {
    display:inline-block;
}

.nv-social-share li.facebook {
    position:relative;
    top:-4px;
    padding-right:40px;
}

/* Form control */

.nv-captcha {
    vertical-align:middle;
}

.nv-recaptcha-default {
    margin: 0 auto;
    width: 304px;
    height: 78px;
}

.nv-recaptcha-compact {
    margin: 0 auto;
    width: 164px;
    height: 144px;
}

/* List item */

.nv-list-item {
    list-style:none;
    margin:0;
    padding:0;
}

.nv-list-item li {
    padding:4px;
    margin:0;
}

.nv-list-item.sm li {
    padding:2px;
}

.nv-list-item.xsm li {
    padding:1px;
}

.nv-list-item.lg li {
    padding:10px;
}

.nv-list-item li > h3 {
    display: inline-block;
}

/* List none */

.list-none {
    list-style:none;
    margin:0;
    padding:0;
}

/* sub-list-icon */
.sub-list-icon > li:first-child > *:before,.cat-icon:before{
    content: " \f114 ";
    font-family:FontAwesome;
    font-size: inherit;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    vertical-align:middle;
    margin-right:4px;
    margin-top: -3px;
}
.sub-list-icon > li + li > *:before{
    content: " \f10c ";
    font-family:FontAwesome;
    font-size: 8px;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    vertical-align:middle;
    margin-right:10px
}
.sub-list-icon > li:first-child + li > *:before{
    content: " \f101 ";
    font-size: 12px;
    margin-top: -2px;
}

/* Form */

input[type="checkbox"],
input[type="radio"] {
    border-width:1px;
    border-style:solid;
    border-color:#bbb;
    clear:none;
    cursor:pointer;
    display:inline-block;
    line-height:0;
    height:16px;
    margin:3px 4px 0 0;
    outline:0;
    padding:0 !important;
    text-align:center;
    vertical-align:middle;
    width:16px;
    min-width:16px;
    -webkit-appearance:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:#555;
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
}

input[type=radio] {
    border-radius:50%;
    margin-right:4px;
    line-height:10px;
}

input[type=checkbox]:disabled,
input[type=radio]:disabled,
input[type=checkbox]:disabled:checked:before,
input[type=radio]:disabled:checked:before {
    opacity:0.7;
}

input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
    float:left;
    display:inline-block;
    vertical-align:middle;
    width:14px;
    font:normal 14px/1 'FontAwesome';
    speak:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

input[type=checkbox]:checked:before {
    content:'\f00c';
    margin:0 0 0 0;
    color:#1e8cbe;
}

input[type=radio]:checked:before {
    content:'\2022';
    text-indent:-9999px;
    border-radius:50px;
    font-size:24px;
    width:6px;
    height:6px;
    margin:4px;
    line-height:16px;
    background-color:#1e8cbe;
}
.viewgrid .col-sm-12 {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #dedede;
}
.viewgrid .col-sm-12 .caption h3 {
    line-height: 22px;
    height: 20px;
}
.viewgrid .col-sm-12 img {
    display: block;
    width: 72%;
    height: auto;
}
.img-thumbnail {
    //background-color: #d0d0d0;
    border: none;
    border-radius: 3px;
    width: 100%;
    padding: 1px;
}
.viewgrid .col-sm-12  .infos {
    display: flow-root;
}
#detail .img-thumbnail {
    //background-color: #d0d0d0;
    border: none;
    border-radius: 0px;
    width: 100%;
    height: 200px;
    padding: 0px;
  }
figure.image {
    background:#f1f1f1;
    margin:10px 0;
}

figure.image > img {
    margin:5px;
}

figure.image > figcaption {
    font-style:oblique;
    color:#999;
    font-size:14px;
}

.bodytext figure.image figcaption {
    padding:0 5px 5px;
}

.fb-like {
    height:30px;
    margin-right:50px;
}

.navbar-inverse {
    background-color:#0855A1;
    border-color:#043C72;
}

.navbar-inverse .navbar-nav > li > a {
    color:#FFFFFF;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color:#ffffff;
    background-color:#043C72;
}

#sb-container {
    z-index:99999999 !important;
}

ul.list-control li {
    color:#FFFFFF;
    margin-top:10px;
}

.row {
    margin-left:0;
    margin-right:0;
}

.form-control {
    -webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0.075);
    box-shadow:inset 0 0 0 rgba(0,0,0,0.075);
}

.modal-header .close {
    margin-top:-2px;
}

button.close {
    padding:0;
    cursor:pointer;
    background:0 0;
    border:0;
    -webkit-appearance:none;
}

.close {
    float:right;
    font-size:21px;
    font-weight:700;
    line-height:1;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:.2;
}

.modal-body{
    padding:15px
}

#sitemodal .modal-dialog {
  position: relative;
  width: auto !important;
  max-width: 600px;
  text-align: center;
  font-size: 0;
}
#sitemodal .modal-content{
    width: auto;
    display: inline-block;
    font-size: 14px;
    text-align: left
}
#sitemodal .close{
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 24px;
    height:24px;
    background: #000;
    color:#fff;
    font-size:11px;
    opacity:0.8;
    border:2px solid #ccc;
    border-radius: 12px
}
#sitemodal .close:hover{
    opacity:1;
}
@media (max-width: 619px) {
    #sitemodal .modal-dialog{
        margin-left: 10px;
        margin-right: 10px;
    }
  #sitemodal .modal-content{
        display: block
    }
}

.sidebar-nav {
    margin:0 !important;
}

.time {
    font-size:14px;
}

hr {
    margin-top:10px;
    margin-bottom:10px;
}

/* Account Level */
[class^="lev-"],
[class*=" lev-"]{
    display:inline-block;
}
[class^="lev-"]:before,
[class*=" lev-"]:before{
    font-family: FontAwesome;
    font-size:inherit;
    margin-right: 5px
}
.lev-1:before{
    content: " \f005 \f005 \f005 "
}
.lev-2:before{
    content: " \f005 \f005 \f006 "
}
.lev-3:before{
    content: " \f005 \f006 \f006 "
}
.lev-user:before{
    content: " \f007 "
}

/* block Contact*/
.contactForm{
    position: relative;
    width: 350px;
    height:100%;
    margin: -10px -14px -20px -10px
}

.contactForm .panel{
    margin-bottom:0;
    color: #333
}

@media (max-height:599px) and (min-width:350px) {
    .contactForm .panel{
        margin-right: 14px
    }
}

@media (max-width:349px) {
    .min-width {
        width:100% !important;
    }
    #tip {
        width:100%;
    }
    #ftip {
        max-width:100%;
    }
    .winHelp {
        width:calc(100% - 80px);
    }
    .contactForm {
        width: 100%;
        margin: 0
    }
    .contactForm .panel{
        width: 100%
    }
}
.panel-primary>.panel-heading {
    color: #b10202;
    border-bottom: 2px solid #b10202;
    width: auto;
    font-size: 14px;
    background: none;
    padding: 5px 10px;
    font-family: ToyotaType;
}
.panel-primary {
    border: none;
}
.rows form {
    margin: 0px 10px 0px 10px;
}
.tabpro h2 {
    position: relative;
    margin: 0;
    padding: 0 70px;
    font-size: 16px;
    font-weight: bold;
    display: block;
    background-image: url(//bizweb.dktcdn.net/100/263/499/themes/602329/assets/bg_title_yellow.png?1508743661987);
    background-repeat: no-repeat;
    height: 48px;
    line-height: 48px;
    margin-left: -15px;
    text-transform: uppercase;
}

.tabpro .nvs-nav  {
    border-bottom: 1px solid #dddddd;
    line-height: 48px;
}

.tabpro .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    width: auto;
}
.tabpro .nav li a {
    position: relative;
    display: block;
    padding: 10px 15px;
    font-size: 13px;
    color: #101010;
    font-weight: 300;
    text-align: center;
}
.nav-tabs {
    display: inline-flex;
}
.title-block{
    font-size: 18px;
    color: #333;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0px;
    position: relative;
    width: 100%;
    margin-right: auto;
    font-family: ToyotaType;
    margin-left: 10px;
}
.title-block a{
    color: #101010;
}
.owl-carousel.owl-drag .owl-item p {
    margin: 0;
    text-align: center;
    cursor: pointer;
}
.owl-carousel.owl-drag .owl-item p a {
    color: #101010;
    cursor: pointer;
    font-family: ToyotaType;
    font-size: 12px;
}
.owl-carousel.owl-drag .owl-item .gia {
    position: absolute;
    top: 5px;
    font-size: 8px;
}
.btn-mail {
    height: 32px;
    width: 62px;
    background-color: #EB0A1E;
    outline: none;
    border: none;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    }
.tabpro .nav-tabs > li.active > a, .tabpro .nav-tabs > li.active > a:hover, .tabpro .nav-tabs > li.active > a:focus {
    color: #101010;
    border-bottom: 1px solid #EB0A1E;
    cursor: default;
    font-family: ToyotaType;
    font-size: 13px;
}
.nvs_info_pro{
	position: absolute;
	top: 40px;
	left: 5px;
    display: none;
}
.nvs_label-success {
    background-color: #5cb85c;
}
.nvs_newday{
	display: block;
	text-transform: uppercase
}
.nvs_label-danger {
    background-color: #d9534f;
}
.nvs_money {
    color: #101010;
    font-family: ToyotaType;
    font-size: 16px;
    position: relative;
}

.nvs_discounts_money {
	color: #000000;
	font-weight: normal;
	text-decoration: line-through;
	padding: 5px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #101010;
    border-bottom: 1px solid #EB0A1E;
    cursor: default;
    font-family: ToyotaType;
    font-size: 13px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 10px;
    font-size: 13px;
    color: #101010;
    font-family: ToyotaType;
    text-align: center;
}
.tab-content h3, .tab-content .h3 {
    font-size: 13px;
}
.itemss {
    width: auto;
    float: left;
    margin: 0.5%;
}
.tabpro .panel-body {
    padding: 0px;
}
.rows .panel-default {
    margin-top: 15px;
    margin-bottom: 15px;
}
.section-cta {
    border: 1px solid #CCCCCC;
    border-left: none;
    border-right: none;
    padding: 20px 0;
}
.section-cta .cta-box img {
    width: 100%;
    max-width: 990px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.section-cta .cta-box .cta-item a {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
}
.bg-khuyen_mai_image {
    display: block;
    width: 82px;
    height: 82px;
    background: url("../images/global-img.png") -210px -10px;
}            
.section-cta .cta-box .cta-item .cta-item-text {
    margin: 0;
    margin-top: 16px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #1A1A1A;
}
.bg-bang_gia_image {
    display: block;
    width: 82px;
    height: 82px;
    background: url("../images/global-img.png") -210px -112px;
}
.section-cta .cta-box .cta-item .cta-item-text {
    margin: 0;
    margin-top: 16px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #1A1A1A;
}
.bg-dang_ki_lai_thu_image {
    display: block;
    width: 82px;
    height: 82px;
    background: url("../images/global-img.png") -312px -10px;
}
.congnghe .note, .dichvu .note, .news .note, ul.slimmenu .sanpham ul li ul li ul li .note  {
    display: none;
}
.section-cta .cta-box .cta-item .cta-item-text {
    margin: 0;
    margin-top: 16px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #1A1A1A;
}
.nav-container{
    width: 100%;
    transition: all 0.3s linear;
    bottom: 0;
    position: fixed;
    z-index: 99999999;
}
.nav-container .nav{
    list-style-type:none;
    display: inline-flex;
    display: flex;
    margin:0;
    padding:0;
  }
.nav-container li{
    height:50px;
    width: 20%; 
    position:relative;
    background: linear-gradient(#e1e1e1, #bebebe);
  }
.nav-container a {
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgb(238, 238, 238);
    text-decoration:none;
    display:block;
    height:100%;
    width:100%;
    line-height:50px;
    color:#bbb;
    text-transform: uppercase;
    font-weight: bold;
    padding-left:25%;
    border-left:5px solid transparent;
    letter-spacing:1px;
    transition: all 0.3s linear;
  }
.nav-container .active a{
    color: #B93632;
    border-left:5px solid #B93632;
    outline:0;
  }
.nav-container li:not(.active):hover a{
    color: #B93632;
    border-left: 5px solid #B93632;
    background: #fff;
  }
.nav-container span[class ^= "icon"]{
    position:absolute;
    top:10px;
    font-size: 1.5em;
    transition: all 0.3s linear;
  }
  
.nav-container .text{
      display:none;
    }

.nav-container a:hover{
      width:200px; 
      z-index:1;
      border: 1px solid rgba(255,255,255,0.1);
      background: #fff;
    }

.nav-container a:hover  .text {
      display:block;
      padding-left:21%;
      border-top: 1px solid #e1e1e1;
      border-bottom: 1px solid #e1e1e1;
      border-right: 1px solid #e1e1e1;
   }
.nav-container span[class ^= "icon"]{ left:8px;}
.nav-container .nav > li > a {
    position: relative;
    display: block;
    padding: 0px 0px;
    font-size: 15px;
    text-transform: initial;
    color: #101010;
    font-family: ToyotaType;
    text-align: center;
    font-weight: 100;
}
.icon-sosanh {
    display: block;
    width: 17px;
    height: 24px;
    background: url("../images/global-img.png") -89px -339px;
}
.icon-dutoan {
    display: block;
    width: 21px;
    height: 24px;
    background: url("../images/global-img.png") -10px -339px;
}.icon-laithu {
    display: block;
    width: 24px;
    height: 24px;
    background: url("../images/global-img.png") -364px -219px;
}.icon-datlich {
    display: block;
    width: 24px;
    height: 24px;
    background: url("../images/global-img.png") -232px -219px;
}.icon-money {
    display: block;
    width: 18px;
    height: 24px;
    background: url("../images/global-img.png") -51px -339px;
}.icon-catalo {
    display: block;
    width: 17px;
    height: 24px;
    background: url("../images/global-img.png") -126px -339px;
}
.rows .panel-primary {
    border: none;
    margin: 10px;
}
.product_info img {
    margin: 0px;
    width: 100%;
    height: auto;
}
.hinhanhsp {
    min-width: 100%;
}
.info {
    line-height: 55px;
    text-align: center;
}
#detail .btn_shop {
    border: none;
    background: none;
    font-size: 11px;
    float: none;
    margin-top: 0px;
}
.btn_shop {
    border: none;
    background: none;
    font-size: 11px;
    float: left;
    margin-top: 10px;
}
.btn_shop .fa {
    font-size: 1.2em;
  }
.img-responsive, .thumbnail > img, .thumbnail a > img {
    display: block;
    width: 100%;
    height: auto;
}
.panel-defaults {
    padding: 10px;
}
.panel-defaults .title-block {
    font-size: 14px;
    color: #333;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    font-family: ToyotaType;
}
.hinhanhsp {
    float: left;
    max-height: 200px;
}

.thongso {
    font-family: ToyotaType;
    font-size: 1.2em;
    text-align: center;
    color: #163b79;
    min-width: 100%;
}
.khuyenmai {
    font-size: 1.5em;
    text-align: center;
    color: #EB0A1E;
    min-width: 100%;
    line-height: 41px;
    font-family: ToyotaType;
}
.thongso td, .thongso th {
    padding: 0;
    border-right: 1px solid #ededed;
    line-height: 33px;
}
#detail .viewgrid .img-thumbnail {
    background-color: #fff;
    border: none;
    border-radius: 0px;
    width: 80%;
    height: auto;
    padding: 0px;
    margin: 0 auto;
}
.title-block {
    font-size: 1.5em;
    margin-top: 20px;
    color: #333;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-family: ToyotaType;
    margin-bottom: 20px;
    clear: both;
  }

.title-blockss {
    font-size: 1.6em;
    color: #333;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0px;
    width: 100%;
    margin-top: 20px;
    font-family: ToyotaType;
    clear: both;
  }
  .thongsosp {
    width: 100%;
    height: auto;
  }
  .thongsosp td, .thongsosp th {
    padding: 0;
    vertical-align: baseline;
  }
  .thongsosp img {
    width: 113px;
    height: 100px;
    object-fit: cover;
  }
  .thongsosp .chitietxe {
    font-size: 16px;
    color: #333;
    text-align: left;
    text-transform: uppercase;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
    padding-top: 15px;
    font-family: ToyotaType;
    height: auto;
    background-color: #f2f2f2;
  }
  .thongsosp p {
    padding: 0px 12px 5px 12px;
    margin: 0;
    height: auto;
    overflow: hidden;
    background-color: #f2f2f2;
  } 
  .tab-content img {
    width: 100%;
    height: auto;
}
.thongsosp .chitiet{
    width: 100%;
    height: auto;
    float: left;
    display: inline-grid;
    margin-top: 20px;
}
#detail .viewgrid .col-md-8 .hinhanhsp {
    float: left;
    display: none;
}
#detail .viewgrid .col-md-8 .khuyenmai, #detail .viewgrid .col-md-8 .thumbnail .price {
    float: left;
    display: none;
}
#detail .viewgrid .col-md-8 .thumbnail {
    display: block;
    width: 100%;
    float: left;
    padding: 4px;
    height: auto;
    line-height: 1.42857143;
    background-color: #ffffff;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}
#detail .viewgrid .col-md-8 .hometext {
    display: block;
    width: 100%;
    float: right;
}
#detail .viewgrid .col-md-8 .thongso {
    font-family: ToyotaType;
    font-size: 1em;
    text-align: center;
    color: #2e2e2e;
    min-width: 100%;
    float: left;
}
#detail .viewgrid .col-md-8 .infos {
    display: block;
    width: 100%;
    float: right;
    border-bottom: 1px solid #d9d9d9;
}
#detail .viewgrid .col-md-8 .infos .btn_shop {
    border: none;
    background: none;
    margin-top: 15px;
    font-size: 1.13em;
    float: left;
    width: 50%;
    margin-bottom: 20px;
}
#detail .viewgrid .col-md-8 .infos .btn_shop .fa {
    font-size: 1em;
}
.thongsos {
    font-family: Arial;
    font-size: 1.2em;
    text-align: center;
    color: #585858;
    font-weight: 300;
}
.viewcat .viewgrid .col-md-8 .hometext, .viewcat .viewgrid .col-md-8 .infos {
    display: none;
}
.lSSlideWrapper img {
    vertical-align: middle;
    width: 100%;
    height: auto;
}
.button-more {
    font-size: 16px;
    color: #0098da;
    cursor: pointer;
    text-align: center;
    background: url(../images/read-more.png) repeat-x bottom left;
    position: relative;
    padding-top: 30px;
    top: -15px;
    width: 100%;
    clear: both;
    font-weight: 400;
    text-transform: uppercase;
}
.button-less {
    font-size: 16px;
    color: #0098da;
    cursor: pointer;
    text-align: center;
    position: relative;
    top: 10px;
    width: 100%;
    clear: both;
    font-weight: 400;
    background: #ccc;
    border: 1px solid #ccc;
    padding: 10px;
    text-transform: uppercase;
}