@charset "utf-8";
/* CSS Document */
body {
	font-family:Roboto-Regular;
	font-size:14px;
	color:#333;
}

@font-face {
    font-family:'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.ttf') format('truetype'); /* font chuan */
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.ttf') format('truetype'); /* font chuan */
}

@font-face {
    font-family: 'OpenSans-Italic';
    src: url('../fonts/OpenSans-Italic.eot');
    src: url('../fonts/OpenSans-Italic.ttf') format('truetype'); /* font chuan */
}


ul, ul li{
	padding:0;
	margin:0;
	list-style:none;
}

a{
	color:#333;
}

 a:hover, a:focus{
	color:#f05a28;
	text-decoration:none;
}



.navbar-wrapper{
	background:#fff;
}


.navbar-inverse {
    background-image: none;
    background-repeat: none;
    border-radius: none;
}

.navbar-inverse {
    background-color: #fff;
    border-color:#fff;
}


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

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a {
    background-image: none!important;
	background-color:#f4f4f4;
	 box-shadow: none;
}

.navbar-nav > li > a {
    padding-bottom:10px;
    padding-top: 10px;
	padding-left:15px;
	padding-right:15px;
	font-family:Arial, Helvetica, sans-serif;
}

.navbar {
    border: 1px solid transparent;
    margin-bottom: 0px;
    min-height: 50px;
    position: relative;
	border:none;
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#f05a28;background-color:#f4f4f4}


.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#f05a28;background-color:#f4f4f4}

.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#f05a28;background-color:#fff}


.navbar-inverse .navbar-toggle {
    border-color: #ccc;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #888;
}


.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
	background-color:#fff;
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 0;
    padding: 10px 10px;
    position: relative;
}
	
	
@media (max-width:768px){
	
	.navbar-nav > li > a {
	padding-bottom:12px;
    padding-top: 12px;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
}
}


.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-chevron-circle-left, .carousel-control .fa-chevron-circle-right {
    display: inline-block;
    position: absolute;
    top: 38%;
    z-index: 5;
	left:39%;
}

/***************************/
.social{
	height:30px;
}

.social a {
    background: rgba(0, 0, 0, 0) url("../images/social1_07.jpg") no-repeat scroll left top;
    float: left;
    height: 35px;
	margin-right:20px;
}


.social a:hover{
    background: rgba(0, 0, 0, 0) url("../images/social-hover_06.jpg") no-repeat scroll left top;
    float: left;
    height: 35px;
	margin-right:20px;
}


.facebook {
    background-position: 0 0 !important;
    display: block;
    width: 35px;
}


.youtube {
    background-position: -55px 0 !important;
    display: block;
    width: 35px;
}

.google {
    background-position: -112px 0 !important;
    display: block;
    width: 35px;
}

.social-all {
    text-align: right;
	margin-top:20px;
}

.social-all .inline {
    display: inline-block;
    vertical-align: sub;
}

/******************************/
.line{
	background:url(../images/line_02.jpg) repeat left top #0189c5;
	height:3px;
	width:100%;
}

.top-head{
	background:#f2f2f2 repeat-x left top;
	padding:5px 0;
	width:100%;
}

.title-group {
    background: rgba(0, 0, 0, 0) url("../images/arrow-group.png") no-repeat scroll right 13px center;
    border-left: 1px solid #eee;
    color: #505050;
    cursor: pointer;
    font-family: arial,helvetica,sans serif;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    padding-left: 18px;
    padding-right: 32px;
}

#group-search ul#list-group {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 185px;
    padding: 5px 0;
    position: absolute;
    top: 90%;
    z-index: 1000;
}

@media (min-width: 992px) {
.col-md-1-5 {
    width: 20%;
	float:left;
}
.col-md-2-5 {
    width: 40%;
}
.col-md-3-5 {
    width: 60%;
}
.col-md-4-5 {
    width: 80%;
	float:left;
}
.col-md-5-5 {
    width: 100%;
}
}
@media (min-width: 1200px) {
.col-lg-1-5 {
    width: 20%;
}
.col-lg-2-5 {
    width: 40%;
}
.col-lg-3-5 {
    width: 60%;
}
.col-lg-4-5 {
    width: 80%;
}
.col-lg-5-5 {
    width: 100%;
}
}

@media (max-width: 490px) {
.col-md-1-5 {
    float: left;
    margin-bottom: 0;
    width: 50%;
}
.col-md-2-5 {
    float: left;
    margin-bottom: 0;
    width: 50%;
}
.col-md-3-5 {
    float: left;
    margin-bottom: 0;
    width: 50%;
}
.col-md-4-5 {
    float: left;
    margin-bottom: 0;
    width: 50%;
}
.col-md-5-5 {
    float: left;
    margin-bottom: 0;
    width: 50%;
}
.col-md-1 {
    float: left;
    margin-bottom: 20px;
    width: 50%;
}

}


 #owl-demo {
	 border-left:none;

}

 #owl-demo .item {
	background: #fff;
	color: #333;
 }
.product-main .product{
	border:none;
}
.customNavigation {
	text-align: center;
}

.customNavigation a {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.price-1{
	font-family:Roboto-Bold;
	color:#e0241d;
	font-size:16px;
}

.price-2{
	padding-left:15px;
	text-decoration:line-through;
	color:#666
}

.span12{
	position:relative;
}

.prevall{
	background:url(../images/icon_05.png) no-repeat left top;
	width:32px;
	height:39px;
	position:absolute;
	bottom:135px;
	left:0;
}

.nextall{
	background:url(../images/icon_03.png) no-repeat left top;
	width:32px;
	height:39px;
	position:absolute;
	bottom:135px;
	right:-1px;
}




.top-content .col-md-1-5{
	padding-right:0;
}

.list-dm{
	background:#fff;
	border:1px solid #eee;
	height:400px;
	border-top:none;
	font-family:Roboto-Regular;
}

.list-dm li{
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #eee;
	padding-left:10px;
	text-transform:uppercase;
}

.list-dm img{
	padding-right:10px;
}

.product{
	position:relative;
}

.img-product{
	margin:auto;
	text-align:center;
}

.temp{
	background: url(../images/tem.png) no-repeat left top;
	width:53px;
	height:53px;
	position:absolute;
	top:0px;
	right:0px;
	color:#fff;
	line-height:53px;
	padding-left:10px;
	top:10px;
	right:10px;
}

.news-hot a{
	padding-left:5px;
	padding-right:10px;
}

.noibat {
	position:relative;
}

.noibat .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #0088c4;
    color: #fff;
}

.noibat .nav-pills > li > a {
    border-radius: 20px;
}

.noibat .nav > li > a {
    display: block;
    padding: 6px 15px;
    position: relative;
}

.noibat .nav-pills{
	height:50px;
	padding-top:8px;
	background:#fff;
	border:1px solid #eee;
	border-bottom:none;
	padding-left:10px;
}

.box{
	margin-top:15px;

}

.top-box{
	background:url(../images/bg-menu_24.jpg) no-repeat left top #fff;
	border:3px solid #0088c4;
	border-bottom:1px solid #eee;
	position:relative;
	border-right:none;
}

.icon-box{
	padding-left:15px;
	padding-top:2px;
}

.floor{
	color:#0088c4;
	text-transform:uppercase;
	font-size:24px;
	font-weight:bold;
	padding-left:25px;
	position:absolute;
	top:5px;
}

.heading-box{
	float:left;
	position:absolute;
	left:150px;
	top:8px;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
	color:#0088c4;
}

.right-top{
	padding-top:12px;
}

.right-top a{
	padding-left:10px;
	padding-right:10px;
}

.left-box{
	background:#fff;
		padding:5px 15px;
		background:#f5f5f5;
		border-right:none;
}

.list-sp {
	height:246px;
}

.list-sp li{
	padding-top:10px;
}


.product-wrap .col-md-1-5{
	padding-right:0;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
    background-repeat: repeat-x;
}

.top-slide{
	padding-top:5px;
}

.product-wrap .col-md-4-5{
	padding-left:0;
	padding-right:0;
}

.name{
	padding-left:10px;
	font-family:Roboto-Bold;
}

.price{
	padding-left:10px;
	padding-bottom:12px;
}

#owl-demo1 .item {
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #eee;
    color: #333;
    padding: 10px;
}

.fa-list-ul{
	margin-right:10px;
	font-size:18px;
	font-weight:normal!important;
}

.parner {
	width:100%;
}

.parner img{
	margin:auto;
	text-align:center;
	border:1px solid #eee;
	margin-bottom:10px;

}

#owl-demo1 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee #eee #eee -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
}

.product-main{
	position: relative;
}

.intro{
	background:#0189c5;
	color:#fff;
	padding:15px 20px;
}

.intro hr{
	 border-color: #0094d5
}

#footer{
	padding:20px 0;
	font-size:13px;
	text-align:left;
}

#footer h5{
	text-transform:uppercase;
	font-family:Roboto-Bold;
}

.btn-primary{
	background:#0189c5;
	border-radius:0;
	width:100%;
	margin-top:10px;
	font-size:16px;
	margin-bottom:20px;
}
.ip{
	border-radius:0;
}

.top-ft hr{
	width:50px;
	 border-width: 2px 0 0;
	text-align:left;
	float:left;
	margin-top:10px;
	border-color:#e5e5e5;
}

.list-ft li{
	padding-bottom:10px;
}

.end-ft .pull-right{
	text-align:right;
}


/****************/
#center{
	padding-bottom:30px;
}
.banner-gr .col-md-6{
	padding-left:0;
	padding-right:0;
	text-align:center;
	margin:auto;
}

.banner-gr{
	margin-top:15px;
}

.breadcrumb {
    background-color: #fff;
	margin-top:15px;
	margin-bottom:0
}


.left-box_gr{
	border:1px solid #eee;
	background:#fff;
}

.top-left_gr{
	 background-color: #ddd;
	 border:1px solid #ddd;
    color: #333;
	height:36px;
	line-height:36px;
	text-transform:uppercase;
	font-family:Roboto-Bold;
	padding-left:15px;
}

.list-sp_gr li{
	padding-left:15px;
	padding-top:10px;
}


.list-sp_gr li:before{
  font-family:'FontAwesome';

  content: " \f105";
  padding-right:10px;
}

.list-brand-check li {
    line-height: 30px;
    padding-left: 10px;
}

label {
    display: inline-block;
}

.list-brand-check label:hover span{
	color:#06F;
	cursor:pointer;
	line-height:14px;
}

.filter-ls-bx{
	margin-top:20px;
}

input[type="radio"], input[type="checkbox"] {
    display: none;
}
.brand-checker input, .form-checker input, .color-checker input {
    -moz-appearance: none;
}
.brand-checker, .form-checker {
    border: 1px solid #ccc;
    border-radius: 2px;
    float: left;
    height: 14px;
    left: 0;
    margin-right: 5px;
    margin-top: 8px;
    width: 14px;
}

input[type="radio"], input[type="checkbox"] {
    line-height: normal;
    margin: 4px 0 0;
}

.checked input:checked {
    background: rgba(0, 0, 0, 0) url("../images/Checked-24.png") no-repeat scroll left center;
    border-radius: 2px;
    display: block;
    height: 14px;
    margin-left: -1px;
    margin-top: -1px;
    width: 14px;
}

.count-item {
    color: #999;
}

.list-brand-check{
	margin-top:10px;
	margin-bottom:10px;
}

.product-main{
	background:#fff;
	width:100%;
}

.col-md-4-5.right_box_pro{
	padding-right:0;
}

.hang{
	padding-left:10px;
	color:#999;
}

.box-zone{
	width:100%;
	height:40px;
	margin-top:15px;
}

.title-zone{
	font-size:18px;
}



.top-home-nav:hover #main-smart-menu, .top-home-nav:active #main-smart-menu, .top-home-nav:visited #main-smart-menu{
	display:block;
}

/***********************/
.detailpro #surround{
	margin-top:20px;
	background:#fff;
}

.wrap-detail-pro{
	margin-top:20px;
}

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

.detailpro hr{
}
.tit-pro-detail{
	margin-top:0;
	color:#f20000;
	font-family:Roboto-Bold;
	font-size:24px;
}

.msp{
	color:#135cb5;
}


.hotline-detail{
	height:40px;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold
}

.hotline-detail:before{
	font-family:FontAwesome;
	content:"\f098";
	margin-right:10px;
	color:#f20000;
}

img.cloudzoom {
    width: 100%;
}

#surround{
	border:1px solid #eee;
}

.tdbold{
		font-family:Roboto-Bold;
		max-width:80px;
}
.detailpro{
}

.detailpro table tr td{
	border-top:none;
	padding:6px
}
.cs1, .cs2{
	padding-bottom:5px;
}
.cs1:before, .cs2:before{
	font-family:FontAwesome;
	content:"\f041 ";
	margin-right:10px;
}

.share{
	margin-top:10px;
}

.info-prod.prod-price.freeship {
    background: #edf6e1 url(images/FreeShipping.png) 6px 0 no-repeat;
    width: 100%;
    display: block;
    padding: 5px 10px;
    margin: 0 0 15px 0;
    border-radius: 3px;
    border: 1px dashed #68af09;
    float: right;
}

.bx-contact {
    width: 100%;
    text-align: left;
    padding: 10px;
    line-height: 22px;
    background-color: #fff;
    border: 1px solid #edecec;
	font-size:13px;
}

.title-cnt {
    font-size: 1.1em;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    display: block;
}

.bx-contact .sup-item {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
}

.fa-caret-right{
	font-size:12px;
	margin-right:5px;
}

.sup-item .icon-chat img {
    width: 24px;
    margin-right: 5px;
}

.sup-item .icon-chat {
    margin-right: 8px;
    display: block;
    padding-top: 5px;
    line-height: 24px;
}

.tit-spcl{
	background-color: #0088c4;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	padding:6px 20px;
}

.product{
	
	background:#fff;
	border:1px solid #eee;
}

.box-detail{
	margin-top:40px;
}

.box-detail .tab-content{
	padding:20px 0 0 0;
}

.spcl{
	margin-top:30px;
}

.box-detail .nav-pills{
	text-transform:uppercase;
}
.more-support{
	margin-top:20px;
}

@media (max-width:1023px){
	.more-support{
		display:none;
	}
}

.button-buy {
    background-color: #da251c;
    margin-right: 20px;
    float: left;
	margin-bottom:10px;
	color:#fff;
	text-transform:uppercase;
	padding:8px 30px
	}