/* CSS Document */
body{
	counter-reset: my-sec-counter;
-webkit-font-smoothing: antialiased;

}
.row
{
	margin-left:-10px;
	margin-right:-10px;
}
a{
	text-decoration:none;
	transition: all 0.15s ease-in-out;
    -webkit-perspective: 1000;
}
.pt
{
	background-image:none;
	padding:0;
}
.crumb
{
	border:none;
	margin:0;
}
.site-path
{
	background-color:#f2f2f2;
}
.sticky
{
	position:fixed;
	width:100%;
	left:0;
	top:0;
	z-index:99999
}
.text-center
{
	text-align:center;
}
.text-left
{
	text-align:left;
}
.text-right
{
	text-align:right
}
.baner
{
	position:static;
	top:0;
	border-bottom:none;
}
.pn-top
{
	position:static;
}
.main-nav
{

}
#nav li.active
{
	-webkit-border-radius: 0;
    border-radius: 0;
}
#nav li
{
	line-height:54px;
	height:auto;
	margin-top:0;
}
#nav li a
{
	line-height:54px;
	color:#fff;
	padding:0 20px;
	border-right:solid 1px #be2411
}
#nav li ul
{
	top:100%;
	border-top:none;
	background-color:#b81906;
	width:280px;
}
#nav li ul li a
{
	padding:14px 15px;
	font-weight:normal;
	font-size:14px;
}
.main-sl
{
	padding-top:0;
}
.hot-line-top
{
	float:right;
	background-image:url(../images/bg_hotline.png);
	background-repeat:no-repeat;
	padding-left:40px;
	background-position:left center;
	margin-top:20px;
	display:block;
	margin-right:20px;
	text-decoration:none;
}
.hot-line-top span
{
	display:block;
	color:#666;
	font-size:12px;
}
.hot-line-top strong
{
	color:#F00;
	font-size:18px;
	font-weight: bold;
}
.cart-link
{
	float:right;
	background-image:url(../images/bg_cart.png);
	background-repeat:no-repeat;
	padding-left:40px;
	background-position:left center;
	margin-top:20px;
	display:block;
	text-decoration:none;
}
.cart-link span
{
	display:block;
	color:#666;
	font-size:12px;
	font-weight:bold;
}
.cart-link strong
{
	font-weight:normal;
	color:#666;
	font-size:14px;
}
.cart-link strong.countcart
{
	color:#F00;
	font-weight:bold
}
.search-box
{
	background-color:#fff;
	border:solid 1px #F00;
	width:400px;
	float:right;
	margin-right:60px;
	margin-top:17px;
	height:auto;
}
.search-box input
{
	width:100%;
	max-width:100%;
	padding:12px;
	color:#333 !important;
	background-color:#fff;
}
#txtsearch
{
	padding:12px 10px;
}
.btn-search
{
	width: 35px;
height: 40px;
line-height: 38px;
background-color:#F00
}
.box-fix
{
	background-color:#b62329;
	padding-top:15px;
	padding-bottom:15px;
}
.item-hotline-box-fix
{
	
	display:block;
	color:#fff;
	
	border-right:solid 1px #c23c42
}
.inner-item-hotline-box-fix
{
	display:inline-block;
	background-image:url(../images/bg_hotline1.png);
	background-repeat:no-repeat;
	padding-left:40px;	
	background-position:left center;
}
.item-hotline-box-fix:hover
{
	color:#d7d7d7;
}
.item-hotline-box-fix span
{
	display:block;
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
.item-hotline-box-fix strong
{
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
}
.top-prodetail
{
	padding-top:0px;
}
.gallery-thumbs
{
	margin-top:5px;
}
.gallery-thumbs .swiper-slide-active .gallery-thumbs-img
{
}
.pro-attr-detail
{
}
.pro-attr-detail .attr-item
{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	border-bottom:solid 1px #f2f2f2
}
.intro-product-detail
{
	border:solid 1px #d7d7d7;
	padding:15px;
	line-height:22px;
}
.intro-product-detail ul
{
	margin:0;
	padding:0;
}
.intro-product-detail ul li
{
	display:block;
	position:relative;
	padding-left:20px;
	padding-bottom:10px;
}
.intro-product-detail ul li:before
{
	position:absolute;
	left:0;
	top:4px;
	content:"\f14a";
	font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
font-size: inherit;
color:#F00;
}
.pro-attr-detail .attr-value
{
	font-weight:normal;
}
.pro-attr-detail .attr-item:nth-child(odd) {
  background:#f2f2f2;
}
.product-price-detail
{
	font-size:24px;
	margin-top:5px;
	margin-bottom:15px;
	color:#F00;
	font-weight:700;
}
.btn-product-detail
{
	display:block;
	width:100%;
	text-align:center;
	padding:14px 0;
	background: #ff3019;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	-webkit-border-radius: 5px;
border-radius: 5px;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0);
}
.btn-product-detail1
{
	display:block;
	width:100%;
	text-align:center;
	padding:14px 0;
	background: #87e0fd;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	-webkit-border-radius: 5px;
border-radius: 5px;
    background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
    background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);
    background: linear-gradient(to bottom, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0);
}
.box-trust-product-detail
{
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border:solid 1px #d7d7d7;
		padding:15px 20px;
}
.title-box-trust-product-detail
{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#F00;
	border-bottom:solid 1px #F00;
	text-align:center;
	padding-bottom:5px;
	text-align:left;
}
.box-trust-product-detail .item-trust-product-detail
{
	overflow:hidden;
	border-bottom:solid 1px #f2f2f2;
	padding-top:12px;
	padding-bottom:12px;
	font-size:12px;
	color:#424242
}
.box-trust-product-detail .item-trust-product-detail:last-child
{
	padding-bottom:0;
	border-bottom:none
}
.box-trust-product-detail .item-trust-product-detail strong
{
	color:#F00;
}
.box-trust-product-detail .item-trust-product-detail img
{
	float:left;
	margin-right:6px;
	margin-top:4px;
	
}
.right-prodetails
{
	padding-left:0;
}
.bot-product-detail
{
	
	padding-top:30px;
	padding-bottom:30px;
}
.title-tt-sp
{
	border-bottom:solid 3px #F00;
	position:relative;
	font-size:20px;
	color:#424242;
}
.title-tt-sp span
{
	background-color:#fff;
	left:10px;
	position:absolute;
	bottom:-5px;
	padding-bottom:0px;
	padding-left:10px;
	text-transform:uppercase;
	padding-right:10px;
}
.banner-product
{
	background: #c00e0d;
	background: -webkit-gradient(linear, left top, right top, from(#c00e0d), to(#d72e35));
	background: linear-gradient(90deg, #c00e0d 0%, #d72e35 100%);
}
.item-banner-product
{
}
.item-banner-product img
{
	display:block;
	width:100%;
}
.box-splq
{
	margin-bottom:15px;
	overflow:hidden
}
.title-box-splq
{
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
	color:#F00;
}
.item-splq
{
	display:block;
	border:solid 1px #d7d7d7;
	padding:20px 10px;
	text-align:center;
	color:#0f75bd;
	position:relative;
	margin-bottom:10px;
}
.item-splq.item-splq-act
{
	border:solid 1px #FF0000;
}
.item-splq.item-splq-act:before
{
	color:#F00;
}
.item-splq:before
{
	position:absolute;
	left:5px;
	top:5px;
	content:"\f058";
	font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
	font-size: inherit;
	color:#CCC;
}
.item-splq:hover:before
{
	color:#F00;
}
.item-splq:hover
{
	border:solid 1px #FF0000;
}
.item-splq .price-list
{
	margin-top:6px;
}
.item-splq .price-list strong
{
	padding-left:5px;
}
.item-splq .price-list del
{
	font-size:12px;
	color:#666;
}
.hd-tabl-of-content {
    display: block;
    width: 100%;
    padding: 12px 15px;
    background-color: #f2f2f2;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    color: #666;
}
.content-toc {
  padding: 0 0px;
  display: none;
  overflow: hidden;
  background-color: #fff;
  margin-bottom:20px;
}
.box-neolink
{
	border:solid 1px #d7d7d7;
	padding:15px 20px;
	background-color:#fff;
}
.box-neolink ul
{
	padding:0;
	margin:0;
}
.box-neolink ul li
{
	display:block;
	margin-bottom:7px;
	
}
.box-neolink ul li strong,.box-neolink ul li b
{
	font-weight:normal !important;
}
.box-neolink ul li br
{
	display:none;
}
.box-neolink > ul > li > a
{
	color:#222 !important;
	font-weight:normal !important;
	font-size:15px !important;
	font-weight:700 !important;
}
.box-neolink ul li a span
{
	color:#222 !important;
	font-style:italic !important;
	font-weight:normal !important;
	font-size:14px !important;
}
.box-neolink ul li a:hover
{
	color:#673614;
	text-decoration:underline;
}
.box-neolink > ul > li > ul
{
	padding-top:10px;
	padding-left:10px;
}
.box-neolink > ul > li > ul a
{
	color:#666;
	font-style:italic !important;
}
.box-neolink > ul > li > ul a:hover
{
	text-decoration:underline !important;
	
}
.title-box-neolink
{
	font-weight:700;
	font-size:16px;
	margin-bottom:15px;
	font-style:italic;
	border-bottom:solid 1px #d7d7d7;
	padding-bottom:10px;
}
.box-search
{
	padding:0;
}
.box-search .inner-box-search .btn-search-res
{
	top:8px;
}
.box-search .inner-box-search input
{
	width:100%;
	padding:10px;
}
.box-call-now
{
	margin-top:15px;
}
.title-box-call-now
{
	font-size:14px;
	color:#424242;
	font-weight:bold;
	margin-bottom:10px;
}
.content-box-call-now
{
	font-size:14px;
	color:#333;
}
.content-box-call-now a
{
	color:#F00;
	font-size:18px;
	font-weight:bold;
}
.content-box-call-now a:hover
{
	color:#333
}
.header-fixed
{
	
}

@-webkit-keyframes MoveDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);}
  100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes MoveDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);}
  100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
.header-fixed.fixed{position:fixed;width:100%;top:0;z-index:8888;-webkit-box-shadow:1px 4px 5px #b3aeae;box-shadow:1px 4px 5px #b3aeae;-webkit-animation:MoveDown .6s;animation:MoveDown .6s;}
#toTop
{
	width:40px;
	height:40px;
	background-color:#F00;
	position:fixed;
	right:10px;
	bottom:40px;
	color:#fff;
	text-align:center;
	line-height:36px;
	-webkit-border-radius: 100px;
   border-radius: 100px;
   display:block;
}
.box-hangchinhhang
{
	line-height:22px;
}
.box-hangchinhhang strong
{
	color:#F00;
}
.box-hangchinhhang a
{
	color:#06C;
	font-style:italic;
}
.content-detail
{
}
.content-detail img
{
	max-width:100% !important;
	height:auto !important;
}

/* BUTTOM XEM THÃŠM */

.readmore_content_exists {
  text-align: center;
  position: relative;
}

.readmore_content_exists:before {
  content: "";
  position: absolute;
  bottom: 99%;
  height: 200px;
  left: 0;
  background-image: linear-gradient(
          180deg
          ,hsla(0,0%,100%,0),#fff);
  width: 100%;
}

.readmore_content_exists button {
  color: rgba(51,51,51,.5);
  text-align: center;
  margin: 0 5px 20px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  display: inline-block;
  border: none;
  font-size: 19px;

  background-color: transparent;
  background-size: 26px 17px;
  padding-bottom: 0;
  padding-top: 40px;


  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  line-height: 30px;

}

.readmore_content_exists button span.arrow {
  top: 22px;
}

.readmore_content_exists button span, .readmore_content_exists button span span {
  display: block;
  right: 0;
  left: 0;
  margin: auto;
  position: absolute;
}

.readmore_content_exists button .arrow span {
  animation: animate-arrow-1 1s ease-in-out infinite;
}

.readmore_content_exists button span span {
  background: url(/images/arrow-1.png);
  width: 25px;
  top: 9px;
  height: 15px;
  opacity: .3;
  background-size: contain;
  background-repeat: no-repeat;
}


.readmore_content_exists button span.arrow:after {
  content: "";
  background: url(../images/arrow-1.png);
  display: block;
  width: 25px;
  top: 2px;
  right: 0;
  left: 0;
  margin: auto;
  position: absolute;
  opacity: .5;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
}

.readmore_content_exists button .arrow:after {
  animation: animate-arrow-2 1s ease-in-out infinite .1s;
}

.readmore_content_exists button .arrow:before {
  animation: animate-arrow-3 1s ease-in-out infinite .2s;
}

.readmore_content_exists button span.arrow:before {
  content: "";
  background: url(../images/arrow-1.png);
  display: block;
  width: 25px;
  right: 0;
  left: 0;
  top: -5px;
  margin: auto;
  position: absolute;
  opacity: 1;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
}

@keyframes animate-arrow-1{0%{transform:translateY(-40px);opacity:0}70%,to{transform:translateY(0);opacity:.3}}
@keyframes animate-arrow-2{0%{transform:translateY(-20px);opacity:0}70%,to{transform:translateY(0);opacity:.5}}
@keyframes animate-arrow-3{0%{transform:translateY(-10px);opacity:0}70%,to{transform:translateY(0);opacity:1}}


.nk-more {
  height: 600px;
  overflow: hidden;
}
.logo
{
	padding-top:5px;
	padding-bottom:5px;
}
.link-smo-footer a
{
	float:none;
	margin-bottom:10px;
	color:#333;
	border:solid 1px #d7d7d7;
}
.chungchi
{
	text-align:left;
}
.ct-f
{
	line-height:22px;
}
.ct-f ul
{
	padding:0;
	margin:0;
}
.ct-f ul li
{
	display:block;
	position:relative;
	padding-left:15px;
	margin-bottom:10px;
}
.ct-f ul li:before
{
	content:"\f041";
	position:absolute;
	left:0;
	color:#F00;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
}
@media handheld, only screen and (max-width: 1199px) {
	
.search-box
{
	width:300px;
}
#nav li a
{
	padding:0 15px;
}
	
	
}
@media handheld, only screen and (max-width: 992px) {
	.videos-x
	{
		width:100%;
	}
	.search-box
	{
		display:none
	}
	.baner
	{
		padding:0;
	}
	.logo
	{

	}
}
@media handheld, only screen and (max-width: 767px) {
	.baner .col-3-12
	{
		
	}
	.logo img
	{
		height:auto;
	}
	.hot-line-top
	{
		margin-top:14px;
	}
	.cart-link
	{
		margin-top:14px;
	}
	.chungchi
	{
		text-align:left;
	}
}
@media handheld, only screen and (max-width: 600px) {
	.cart-link
	{
		display: none;
	}
	.hot-line-top
	{
		margin-top:6px;
	}
	.hot-line-top strong
	{
		font-size:14px;
	}
	.item-hotline-box-fix
	{
		text-align:left !important;
		border-bottom:solid 1px #c23c42;
		border-right:none;
		padding-bottom:10px;
		padding-top:10px;
	}
	.box-fix
	{
		padding-top:0;
		padding-bottom:0;
	}
}
@media handheld, only screen and (max-width: 480px) {
	.cart-link
	{

	}
	.hot-line-top
	{
		margin-top:10px;
		margin-right:10px;
	}
	.baner .col-3-12
	{
		
	}
	.baner .mobile-col-2-3
	{

	}
	.logo img
	{
		
	}
}

