/**
 * @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 31/05/2010, 00:36
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */
.danh-sach {
	border: 2px solid #000;
    padding: 10px;
    background: #f3f3f3;
    margin-bottom: 20px;
    border-radius: 6px;

}

.danh-sach .fa {
	margin-right: 10px;
}

.head-danh-sach {
	background: none;
	border: none;
	width: 100%;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
	font-size: 16px;
	padding: 5px 0;
}

.js-toc {
	margin-bottom: 10px;
    max-height: 400px;
    overflow-y: auto;
}

ol.toc-list {
	padding-left: 20px;
	list-style-type: decimal;
	margin-bottom: 0;
	margin-bottom: 5px;
}

ol.toc-list:last-child {
	margin-bottom: 0
}

ol.toc-list>li:last-child {
	margin-bottom: 0
}

ol.toc-list a {
	width: 100%;
	background: linear-gradient(to right, #ddd 50%, #f3f3f3 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all.25s ease;
	padding: 3px;
	display: inline-block;
}

ol.toc-list .is-active-link {
	background-position: left bottom;
}

ol.toc-list>li>a {
	font-weight: 700;
	color: #000
}

ol.toc-list>li>ol.toc-list>li>a {
	font-weight: 400
}

.is-position-fixed {
	position: fixed !important;
	top: 50px;
	z-index: 99;
	right: inherit;
}

.is-position-fixed .js-toc {
	height: auto !important;
	width: 260px !important;
	visibility: visible !important;
	transition: .25s;
	visibility: hidden;
}

.picaso {
	transition: .25s;
}

.transition--300 {
	transition: all 300ms ease-in-out;
}

.btn-danh-sach-close {
	border: none;
	background: none;
	position: absolute;
	top: 13px;
	right: 0;
	width: 40px;
	padding: 0;
	display: none;
}

.btn-danh-sach-show {
	position: fixed;
	top: 50px;
	font-size: 20px;
	border: 2px solid #000;
	padding: 10px;
	background: #f3f3f3;
	line-height: 1;
	border-radius: 7px;
	z-index: 9;
	display: none;
	opacity: .7;
	transform: .25s
}

.btn-danh-sach-show:hover {
	opacity: 1;
	transform: .25s
}

.is-position-fixed .btn-danh-sach-close, .is-position-fixed .btn-danh-sach-show {
	display: block;
}

#bodyhtml h1:before, #bodyhtml h2:before, #bodyhtml h3:before, #bodyhtml h4:before, #bodyhtml h5:before, #bodyhtml h6:before {
    display: block;
    content: " ";
    height: 15px;
    margin-top: 0px;
    visibility: hidden;
}

#menusite .navbar-default .navbar-nav > li > a {

  text-transform: uppercase;
}
 #menusite .navbar-default .navbar-nav > .active > a {
	background: none !important;
	color: rgb(0, 217, 255) !important;
 }
 #menusite .navbar-default .navbar-nav > .active > a:hover {
	background: none !important;
	color: rgb(255, 234, 0) !important;
 }
  #menusite .navbar-default .navbar-nav > li > a:hover{
	background: none !important;
	color: rgb(23, 248, 136) !important;
 }
 
@media (max-width:468px){
	.download-1{
	width: 100% !important;
	text-align: center;
	}
	.m-bottom{
		text-align: center;
	}
	.download-2{
	width: 100% !important;
	}
	.download-2 li{
	width: 250px;
	}
	
}
.download-1{
	width: 20%; 
	float: left
}
.download-2{
	width: 75%;
	float: left; 
	padding-left: 10px
}
.download-2 tr:nth-child(2n+1){
	background-color: #fff !important;
	}
.download-2 tr:last-child{
	border-bottom: none !important;
}
.download-2 td{
	max-width: 560px;
}
	
.tab-content .download:nth-child(2n+1) {
	border-bottom: 1px dotted #000;
  	padding: 0px 0px 15px 0px;
}
.tab-content .download:nth-child(2n) {
  	padding: 10px 0px 0px 0px;
}
.tabs img{
	height: 20px !important;
}
ul {
	list-style-type:square;
	}
ol {
	list-style-type:decimal;
}
/* CSS của bảng tạo bằng div trong mục giới thiệu ngắn của bài viết trong module shops*/
.divTable
    {
        display:  table;
        width:100%;
        /*border:1px solid  #fff;
        border-spacing:5px;/*cellspacing:poor IE support for  this*/
       /* border-collapse:separate;*/
    }
 
.divRow
    {
       display:table-row;
       width:100%; 
    }
.divRow:nth-child(2n+1)
    {
       display:table-row;
       width:100%; 
       background-color:#eee;
    }

.divCell:nth-child(2n+1)
    {
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        width:30%;
        padding: 5px;
    }
.divCell
    {
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        width:70%;
        padding: 5px;
    }

/* hết */



tr:nth-child(even) { background-color: white; }
tr:nth-child(odd) { background-color: #eee }
tr:last-child { border-bottom: 1px solid #eee;}
td, th {
    padding: 5px;
}
table {
    width: 100%;
    margin: 15px auto;
    }
/* CSS của Search sản phẩm copy vào đây cho gọn ----------*/
.nv-block-banners {
	margin-bottom:0px !important;
}
	
.thumbnail .caption {
    padding: 9px 0px !important;
	margin-top: 10px;
}
.thumbnailx .caption {
    margin-top: 10px;
    margin-bottom: 15px;
   }
@media only screen and (max-width:480px){
	.breadcrumbs-wrap {
		display: block;
	}
	.personalArea, .social-icons {
		padding-right:5px;
	}
	.sticky #menusite .navbar-toggle {
		background: none !important;
		border: none !important;
		margin-top: 0px !important;
	}
	.sticky #menusite .navbar-collapse {
		top: 32px !important;
	}
	#box-search {
		display:none;
	}
	.sticky #box-search {
		display:block !important;
	}
	.sticky .product_suggestion {
		width:120px !important
	}
	.sticky #box-search ul li.item:hover, #box-search ul li.item.active {
		padding: 5px 5px !important;
	}
	.hide_mobile{
		display: none !important;
	}
	.width_mobile{
		width:50% !important;
	}
	.height_mobile {
		height:auto !important;
	}
	#menusite .navbar-default .navbar-nav > li > a{
		width: 100%;
		text-align: left;
		padding-right: unset;
	}
	#menusite .dropdown-submenu li a {
    	width: 100%;
    	text-align: left;
	}
	#menusite .navbar-default .navbar-nav > li > a:hover, #menusite .navbar-default .navbar-nav > li > a:focus, #menusite .navbar-default .navbar-nav > .active > a, #menusite .navbar-default .navbar-nav > .active > a:hover, #menusite .navbar-default .navbar-nav > .active > a:focus, #menusite .navbar-default .navbar-nav > .open > a, #menusite .navbar-default .navbar-nav > .open > a:hover, #menusite .navbar-default .navbar-nav > .open > a:focus {
    
    color: #f00 !important;
	}
	
}
}
@media only screen and (min-width:480px){
	#menusite .navbar-default .navbar-nav > li > a:hover, #menusite .navbar-default .navbar-nav > li > a:focus, #menusite .navbar-default .navbar-nav > .active > a, #menusite .navbar-default .navbar-nav > .active > a:hover, #menusite .navbar-default .navbar-nav > .active > a:focus, #menusite .navbar-default .navbar-nav > .open > a, #menusite .navbar-default .navbar-nav > .open > a:hover, #menusite .navbar-default .navbar-nav > .open > a:focus {
    background: transparent !important;
    color: #f00 !important;
	}
}
@media only screen and (max-width:768px){
	.hide_ipad{
		display: none !important;
	}
	.menu-mini a{
		width:75% !important;
		font-size: 14px !important;
	}
	.height_mobile {
		height:auto !important;
	}
	.height_ipad{
		min-height:120px;
	}

}
@media only screen and (max-width:1024px){
	.height_mobile {
		height:auto !important;
	}
	.thumbnailx{
		min-height:120px;
	}
}
@media only screen and (min-width:1024px){
    .height_mobile {
        height:auto !important;
    }
    .height_ipad{
        min-height:90px;
    }
}
#box-search {
padding-top: 10px;}
#box-search .search-input{width:100%;height:37px;float:right;}
#box-search .searchbox{position:relative;}
#box-search .searchbox .input-search{width:100%;height:37px;padding:4px 30px 4px 10px;}
#box-search .searchbox button,#box-search .searchbox button:focus{background:transparent;border:none;outline:none;position:absolute;right:10px;top:8px;}

#box-search .dropdown-menu.template{left:0!important;width:100%;z-index:9999;}
#box-search ul{margin:0;padding:0;}
#box-search ul li.item:hover,#box-search ul li.item.active{background:#efefef;}
#box-search ul li.item{color:#444;font-size:13px;cursor:pointer; height:60px;padding:5px 13px!important;}
#box-search ul li.item a{text-transform:none;padding:0;}
#box-search img{float:left;width:40px;height:40px;margin-right:10px;}
#box-search li.item div{float:left;width:160px;overflow:hidden;}
#box-search p.instant-search-title{color:#444;font-weight:400;margin:0;padding:0;}
#box-search h3{color:#999;font-size:12px;line-height:1.3;margin:0;padding:8px 10px 2px;}
#box-search h3.quicklinks{border-top:1px solid #ccc;padding-top:10px;font-size:14px;margin:5px 0 6px;}
#box-search > div.bor-search ul > li> a:hover{background:transparent;}
#box-search .dropdown-menu > li > a {
	white-space:normal;
	line-height:20px;
}


/* Cố định menu ---------------------------------- */
 /* Style the navbar */
#navbar {
  background-color: #333;
  z-index:1000;
}

/* Navbar links */
#navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  text-decoration: none;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
@keyframes menu {
  from{ top: -50px;}
    to{ top: 0px;}
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  animation-name: menu;
  animation-duration: 1s;
  background-color: rgba(0,0,0,0.7) !important;
  height:30px;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
} 

/* Hover block --------------------------------------------*/

.block-hover > .nv-block-banners {
    position: relative;
    height: auto;
    overflow: hidden;
    background-position: 50% 50%;
    background-size: cover;
	border-radius: 30px;
}
.block-hover img {
	
    right: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    object-position: 50% 50%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.block-hover img:hover {
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
	transform: scale(1.1);
}
.block-hover img {
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}
/* Menu sản phẩm -----------------------------------------*/

/** mega menu */

#wide-nav > .flex-row > .flex-left {
    width: 25%;
    min-width: 245px;
    margin-right: 15px;
}
.search-input .btn-info {
	background: none;
}
.search-input .btn-info {
	border-color: #fff;
}
#mega-menu-wrap {
    width: 100%;
    background: #1d71ab;
    position: relative;
}
.sticky #mega-menu-wrap {
	background:none;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
.sticky .form-control {
	color:#fff;
}
.sticky .form-control {
	background: none;
	border-color: #fff !important;
}
#mega-menu-title {
    padding: 16px 0 10px 15px;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
	height:51px;
}
.sticky #mega-menu-title {
	padding: 5px 0 0px 15px;
	height:30px;
}
.sticky .navbar-nav > li > a {
	padding-top: 6px;
	padding-bottom: 6px;
}
.sticky #box-search {
    padding-top: 2px;
}
.sticky #box-search #search {
	height:26px !important;
}
.sticky .btn {
	padding: 3px 12px 2px 12px;
}
#mega-menu-title i {
    margin-right: 9px
}

#mega_menu {
    position: absolute;
    top: 100%;
    margin-top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    background: #fff;
}

#header.header.has-sticky .header-wrapper.stuck #mega_menu {
    margin-top: 0;
}

.home {
    display: block;
}

.ot-vm-hover:hover #mega_menu {
    display: block
}

#mega_menu > li {
    position: relative;
    z-index: 8
}

#mega_menu li a {
    padding: 5px 0px;
    display: block;
    font-size: 16px;
	width: 80%;
	text-align:left;
}

#mega_menu > li.menu-item-has-children > a:after {
    content: "\f105";
    font-family: FontAwesome;
    float: right
}

#mega_menu > li > a {
    position: relative;
    padding-left: 40px
}

#mega_menu > li > a > img {
    max-width: 22px;
}

#mega_menu li > .toggle {
    display: none
}

#mega_menu > li > ul.sub-menu {
    position: absolute;
    top: -1px;
    left: 100%;
    background: #fff;
    min-height: 334px;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

#mega_menu ul.sub-menu > li > a {
    /*width: 50%*/
}

#mega_menu ul.sub-menu > li:hover > a {
    background: #f5f5f5
}

#mega_menu ul.sub-menu li a, #mega_menu > li:hover > ul.sub-menu {
    display: block
}

.sticky #mega_menu:not(.active) {
    display: none
}

#header.header #mega_menu.active {
    display: block
}
#mega_menu.active {
    display: block;
	z-index:1000;
}
.menu {
    display: none;
}
.home {
    display: block;
}

#mega_menu > li > .menu-image {
    position: absolute;
    left: 100%;
    top: 0px;
    display: none;
    width: 200%;
    background: #fff;
    text-align: right;
}

#mega_menu > li > .menu-image > img {
    position: relative;
    z-index: 1;
    max-width: 49%;
    max-height: 330px;
    margin-top: 1px;
}

#mega_menu > li:hover > .menu-image, #mega_menu > li:hover > ul.sub-menu {
    display: block
}

#mega_menu > li:hover > ul.sub-menu:before {
    content: "";
    background: 0 0;
    position: absolute;
    top: -1px;
    bottom: 0;
    width: 15px;
    left: -15px
}

#mega_menu ul.sub-menu > li {
    position: relative
}

#mega_menu ul.sub-menu > li > .menu-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    min-height: 240px;
    background: #fff;
    text-align: right;
    display: none;
    z-index: 2
}

#mega_menu ul.sub-menu > li > .menu-image > img {
    width: 100%
}

#mega_menu ul.sub-menu > li:hover > .menu-image {
    display: block
}
/* Nút liên hệ bên phải phía dưới -------------------------------*/
.arcontactus-widget.right.arcontactus-message{right:20px}
.arcontactus-widget.right.arcontactus-message{bottom:20px}
.arcontactus-widget .arcontactus-message-button
.pulsation{-webkit-animation-duration:2s;animation-duration:2s}
.arcontactus-widget.md .arcontactus-message-button,.arcontactus-widget.md.arcontactus-message{width:60px;height:60px}
.arcontactus-widget{opacity:0;transition:.2s opacity}
.arcontactus-widget *{box-sizing:border-box}
.arcontactus-widget.left.arcontactus-message{left:20px;right:auto}
.arcontactus-widget.left .arcontactus-message-button{right:auto;left:0}
.arcontactus-widget.left .arcontactus-prompt{left:80px;right:auto;transform-origin:0 50%}
.arcontactus-widget.left .arcontactus-prompt:before{border-right:8px solid #FFF;border-top:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid transparent;right:auto;left:-15px}
.arcontactus-widget.left .messangers-block{right:auto;left:0;-webkit-transform-origin:10% 105%;-ms-transform-origin:10% 105%;transform-origin:10% 105%}
.arcontactus-widget.left .callback-countdown-block{left:0;right:auto}
.arcontactus-widget.left .callback-countdown-block::before,.arcontactus-widget.left .messangers-block::before{left:25px;right:auto}
.arcontactus-widget.md .callback-countdown-block,.arcontactus-widget.md .messangers-block{bottom:70px}
.arcontactus-widget.md .arcontactus-prompt{bottom:5px}
.arcontactus-widget.md.left .callback-countdown-block:before,.arcontactus-widget.md.left .messangers-block:before{left:21px}
.arcontactus-widget.md.left .arcontactus-prompt{left:70px}
.arcontactus-widget.md.right .callback-countdown-block:before,.arcontactus-widget.md.right .messangers-block:before{right:21px}
.arcontactus-widget.md.right .arcontactus-prompt{right:70px}
.arcontactus-widget.md .arcontactus-message-button .pulsation{width:74px;height:74px}
.arcontactus-widget.md .arcontactus-message-button .callback-state,.arcontactus-widget.md .arcontactus-message-button .icons{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
.arcontactus-widget.sm .arcontactus-message-button,.arcontactus-widget.sm.arcontactus-message{width:50px;height:50px}
.arcontactus-widget.sm .callback-countdown-block,.arcontactus-widget.sm .messangers-block{bottom:60px}
.arcontactus-widget.sm .arcontactus-prompt{bottom:0}
.arcontactus-widget.sm.left .callback-countdown-block:before,.arcontactus-widget.sm.left .messangers-block:before{left:16px}
.arcontactus-widget.sm.left .arcontactus-prompt{left:60px}
.arcontactus-widget.sm.right .callback-countdown-block:before,.arcontactus-widget.sm.right .messangers-block:before{right:16px}
.arcontactus-widget.sm.right .arcontactus-prompt{right:60px}
.arcontactus-widget.sm .arcontactus-message-button .pulsation{width:64px;height:64px}
.arcontactus-widget.sm .arcontactus-message-button .icons{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
.arcontactus-widget.sm .arcontactus-message-button .static{margin-top:-16px}
.arcontactus-widget.sm .arcontactus-message-button .callback-state{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
.arcontactus-widget.active{opacity:1}
.arcontactus-widget .icons.hide,.arcontactus-widget .static.hide{opacity:0;transform:scale(0)}
.arcontactus-widget.arcontactus-message{z-index:10000;right:20px;bottom:20px;position:fixed!important;height:70px;width:70px}
.arcontactus-widget .arcontactus-message-button{width:70px;position:absolute;height:70px;right:0;background-color:red;border-radius:50px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}
.arcontactus-widget .arcontactus-message-button p{font-family:Ubuntu,Arial,sans-serif;color:#fff;font-weight:700;font-size:10px;line-height:11px;margin:0}
.arcontactus-widget .arcontactus-message-button .pulsation{width:84px;height:84px;background-color:red;border-radius:50px;position:absolute;left:-7px;top:-7px;z-index:-1;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:arcontactus-pulse 2s infinite;animation:arcontactus-pulse 2s infinite}
.arcontactus-widget .arcontactus-message-button .icons{background-color:#fff;width:44px;height:44px;border-radius:50px;position:absolute;overflow:hidden;top:50%;left:50%;margin-top:-22px;margin-left:-22px}
.arcontactus-widget .arcontactus-message-button .static{position:absolute;top:50%;left:50%;margin-top:-19px;margin-left:-26px;width:52px;height:52px;text-align:center}
.arcontactus-widget .arcontactus-message-button .static img{display:inline}
.arcontactus-widget .arcontactus-message-button .static svg{width:24px;height:24px;color:#FFF}
.arcontactus-widget .arcontactus-message-button.no-text .static{margin-top:-12px}
.arcontactus-widget .pulsation:nth-of-type(2n){-webkit-animation-delay:.5s;animation-delay:.5s}
.arcontactus-widget .pulsation.stop{-webkit-animation:none;animation:none}
.arcontactus-widget .icons-line{top:10px;left:12px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-transition:cubic-bezier(.13,1.49,.14,-.4);-o-transition:cubic-bezier(.13,1.49,.14,-.4);-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);height:24px;transition:.2s all}
.arcontactus-widget .icons,.arcontactus-widget .static{transition:.2s all}
.arcontactus-widget .icons-line.stop{-webkit-animation-play-state:paused;animation-play-state:paused}
.arcontactus-widget .icons-line span{display:inline-block;width:24px;height:24px;color:red}
.arcontactus-widget .icons-line span i,.arcontactus-widget .icons-line span svg{width:24px;height:24px}
.arcontactus-widget .icons-line span i{display:block;font-size:24px;line-height:24px}
.arcontactus-widget .icons-line img,.arcontactus-widget .icons-line span{margin-right:40px}
.arcontactus-widget .icons.hide .icons-line{transform:scale(0)}
.arcontactus-widget .icons .icon:first-of-type{margin-left:0}
.arcontactus-widget .arcontactus-close{color:#FFF}
.arcontactus-widget .arcontactus-close svg{-webkit-transform:rotate(180deg) scale(0);-ms-transform:rotate(180deg) scale(0);transform:rotate(180deg) scale(0);-webkit-transition:ease-in .12s all;-o-transition:ease-in .12s all;transition:ease-in .12s all;display:block}
.arcontactus-widget .arcontactus-close.show-messageners-block svg{-webkit-transform:rotate(0) scale(1);-ms-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}
.arcontactus-widget .arcontactus-prompt,.arcontactus-widget .messangers-block{background:center no-repeat #FFF;box-shadow:0 0 10px rgba(0,0,0,.6);width:235px;position:absolute;bottom:80px;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:14px 0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:7px;-webkit-transform-origin:80% 105%;-ms-transform-origin:80% 105%;transform-origin:80% 105%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:ease-out .12s all;-o-transition:ease-out .12s all;transition:ease-out .12s all;z-index:10000}
.arcontactus-widget .arcontactus-prompt:before,.arcontactus-widget .messangers-block:before{position:absolute;bottom:-7px;right:25px;left:auto;display:inline-block!important;border-right:8px solid transparent;border-top:8px solid #FFF;border-left:8px solid transparent;content:''}
.arcontactus-widget .arcontactus-prompt.show-messageners-block,.arcontactus-widget .messangers-block.show-messageners-block{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.arcontactus-widget .arcontactus-prompt{color:#787878;font-family:Arial,sans-serif;font-size:16px;line-height:18px;width:auto;bottom:10px;right:80px;white-space:nowrap;padding:18px 20px 14px}
.arcontactus-widget .arcontactus-prompt:before{border-right:8px solid transparent;border-top:8px solid transparent;border-left:8px solid #FFF;border-bottom:8px solid transparent;bottom:16px;right:-15px}
.arcontactus-widget .arcontactus-prompt.active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close{position:absolute;right:6px;top:6px;cursor:pointer;z-index:100;height:14px;width:14px;padding:2px}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close svg{height:10px;width:10px;display:block}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing{border-radius:10px;display:inline-block;left:3px;padding:0;position:relative;top:4px;width:50px}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div{position:relative;float:left;border-radius:50%;width:10px;height:10px;background:#ccc;margin:0 2px;-webkit-animation:arcontactus-updown 2s infinite;animation:arcontactus-updown 2s infinite}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(2){animation-delay:.1s}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(3){animation-delay:.2s}
.arcontactus-widget .messangers-block.sm .messanger{padding-left:50px;min-height:44px}
.arcontactus-widget .messangers-block.sm .messanger span{height:32px;width:32px;margin-top:-16px}
.arcontactus-widget .messangers-block.sm .messanger span svg{height:20px;width:20px;margin-top:-10px;margin-left:-10px}
.arcontactus-widget .messanger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;cursor:pointer;width:100%;padding:8px 20px 8px 60px;position:relative;min-height:54px;text-decoration:none}
.arcontactus-widget .messanger:hover{background-color:#EEE}
.arcontactus-widget .messanger:before{background-repeat:no-repeat;background-position:center}
.arcontactus-widget .messanger.facebook span{background:#0084ff}
.arcontactus-widget .messanger.viber span{background:#7c529d}
.arcontactus-widget .messanger.telegram span{background:#2ca5e0}
.arcontactus-widget .messanger.skype span{background:#31c4ed}
.arcontactus-widget .messanger.email span{background:#ff8400}
.arcontactus-widget .messanger.contact span{background:#7eb105}
.arcontactus-widget .messanger.call-back span{background:#54cd81}
.arcontactus-widget .messanger span{position:absolute;left:10px;top:50%;margin-top:-20px;display:block;width:40px;height:40px;border-radius:50%;background-color:#0084ff;margin-right:10px;color:#FFF;text-align:center;vertical-align:middle}
.arcontactus-widget .messanger span i,.arcontactus-widget .messanger span svg{width:24px;height:24px;vertical-align:middle;text-align:center;display:block;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}
.arcontactus-widget .messanger span i{font-size:24px;line-height:24px}
.arcontactus-widget .messanger p{margin:0;font-family:Arial,sans-serif;font-size:14px;color:rgba(0,0,0,.87)}
@-webkit-keyframes arcontactus-pulse{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}50%{opacity:.5}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
@media (max-width:468px){.arcontactus-widget.opened.arcontactus-message,.arcontactus-widget.opened.left.arcontactus-message{width:auto;right:20px;left:20px}}
@keyframes arcontactus-updown{0%,100%,43%{transform:translate(0,0)}25%,35%{transform:translate(0,-10px)}}
@-webkit-keyframes arcontactus-updown{0%,100%,43%{transform:translate(0 0)}25%,35%{transform:translate(-10px 0)}}
@keyframes arcontactus-pulse{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}50%{opacity:.5}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
@-webkit-keyframes arcontactus-show-stat{0%,100%,20%,85%{-webkit-transform:scale(1);transform:scale(1)}21%,84%{-webkit-transform:scale(0);transform:scale(0)}}
@keyframes arcontactus-show-stat{0%,100%,20%,85%{-webkit-transform:scale(1);transform:scale(1)}21%,84%{-webkit-transform:scale(0);transform:scale(0)}}
@-webkit-keyframes arcontactus-show-icons{0%,100%,20%,85%{-webkit-transform:scale(0);transform:scale(0)}21%,84%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes arcontactus-show-icons{0%,100%,20%,85%{-webkit-transform:scale(0);transform:scale(0)}21%,84%{-webkit-transform:scale(1);transform:scale(1)}}

/* Tùy chỉnh màu menu site ---------------------------------*/
#menusite .navbar-default {
	background-color: transparent;
	border-bottom-color: transparent;
}


#menusite .dropdown-menu {
	background-color: #fff !important;
	border-radius: 0px !important;

}
.dropdown-menu {
	width:200px;
	font-size:16px;
	border-radius:0px;
	padding: 5px 0 0px 0 !important;
}
#menusite .dropdown-menu > li {
	height:36px;
	border-bottom:1px solid #eee;
}
#menusite .dropdown-menu > li:hover {
	background-color:#eee;
}
#menusite .dropdown-menu > li > a:hover, #menusite .dropdown-menu > li > a:focus, #menusite .dropdown-menu > .active > a, #menusite .dropdown-menu > .active > a:hover, #menusite .dropdown-menu > .active > a:focus, #menusite .navbar .navbar-nav .open .dropdown-menu > li > a:hover, #menusite .navbar .navbar-nav .open .dropdown-menu > li > a:focus, #menusite .navbar .navbar-nav .open .dropdown-menu > .active > a, #menusite .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, #menusite .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
	background: transparent !important;
}
#menusite .dropdown-menu > li > a {
	/**width:100%;**/
	text-align: left;
	clear: none !important;
	padding: 0px 5px !important;
	
}
#menusite .dropdown-menu > li > img {
	float: left;
	
}
.thumbnail {
	border: 0px;
}
.Sled_title {
	font-size: 25px;
	padding: 25px 0 15px;
}
.menu-mini {
	margin:10px; 
	padding:0;
}
.menu-mini li+li{
	border-top: 1px solid #ececec;	
}
.menu-mini li{
	width:100%; 
	height:37px; 
	line-height:27px;
	cursor: pointer;	
}
.menu-mini a{
	float: left; 
	padding:5px 0px; 
	text-transform:capitalize; 
	width:80%
}
.menu-mini li:hover {
	background-color:#eee;
}
#body {
	border:0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
body {
	background:none;
}
#footer {
	background-color:#333;
}
.icon-copy {
	color: #06c;
	font-size: 17px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: .009em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
#wowslider-container1 {
	z-index:unset !important;
}
.ws_cover {
	z-index:unset !important;
}
.breadcrumbs a::after, .show-subs-breadcrumbs::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    border-top-width: 0.5em;
    border-top-style: solid;
    border-top-color: transparent;
    border-bottom-width: 0.5em;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-left-width: 0.5em;
    border-left-style: solid;
    border-left-color: #dcdcdc;
    right: -1em;
}
.breadcrumbs a, .show-subs-breadcrumbs {
	background:none;
	font-size:14px;
}
.breadcrumbs a::before {
    content: none;
}
.breadcrumbs a:last-child{
	content:none;
}
.breadcrumbs a:hover, .show-subs-breadcrumbs:hover {
	background:none;
}
h1, .h1 {
    font-size: 24px;
}
p {
	font-size:16px;
}
body {
	font-size:16px;
}
.tabs .tab-content {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 15px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	border-radius: 0 0 5px 5px;
}
.btn-order {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	font-size: 16px;
	line-height: 1.42857143;
	border-radius: 5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 48%;
	height: 45px;
}
.product_info {
	padding: 0;
}
.money {
	font-size:20px;
	font-weight: 700;
	color: #f32;
}
.money1 {
    font-size:30px;
    font-weight: 700;
    color: #ee4d2d;
}
.discounts_money {
	text-decoration: line-through;
	font-weight: bold;
	font-size: 15px;
}
.money_detail {
	font-size:25px;
	font-weight: 700;
	color: #f32;
}
.discounts_money_detail {
	text-decoration: line-through;
	font-weight: bold;
	font-size: 20px;
}
.text-muted {
	font-size: 13px;
}
#content_rate-2  .panel {
	border:0;
}
.label-danger {
    position: absolute;
	top: 4px;
	min-width: 3em;
	height: 2em;
	background-color: #f00;
	border-radius: 0px;
	border: 0px solid #fff;
	left: 7px;
	padding: 5px;
	font-size: 75%;
	line-height:16px;
	opacity: 75%;
}
#footer .menu {
    display: block;
}
#header .logo {
	padding:0px 0px 20px 10px;
}
.image-center {
	text-align:center;
}
.tab-content .image-center > img {
	max-width:100%;
	height:auto !important;
}
.product-info {
    padding: 0px;
}
.item-click-change > img {
    border: 1px solid #428bca;
}