@charset "utf-8";
/* CSS Document */


@font-face {
	font-family:"RobotoRegular";
	src:url("../fonts/Roboto/Roboto-Regular.ttf");
	font-weight:normal;font-style:normal;
}

@font-face {
	font-family:"RobotoMedium";
	src:url("../fonts/Roboto/Roboto-Medium.ttf");
	font-weight:normal;font-style:normal;
}

@font-face {
	font-family:"RobotoItalic";
	src:url("../fonts/Roboto/Roboto-Italic.ttf");
	font-weight:normal;font-style:normal;
}

@font-face {
	font-family:"RobotoBold";
	src:url("../fonts/Roboto/Roboto-Bold.ttf");
	font-weight:normal;font-style:normal;
}

@font-face {
	font-family:"RobotoLight";
	src:url("../fonts/Roboto/Roboto-Light.ttf");
	font-weight:normal;font-style:normal;
}

a{
	cursor: pointer;
	text-decoration: none;
}

a:hover{
	cursor: pointer;
	text-decoration: none;
}

*{margin:0; padding:0;}
.clear{clear:both;}
img {border:none;}
input {outline:none;}
a {text-decoration:none;}
ol,ul{list-style:none;}

#outer{ float:left; width:100%;}
#in_outer{ width:1130px; margin:auto; background:white;}

body{
	line-height: 1.5;
	font-family: 'RobotoRegular';
	font-size: 16px;
	
	background: #fff;
	overflow-x: hidden;
}

/* header */
.container{
	position: relative;
	*background: #fff;
}

.logo{
	/* position: absolute;
	top: 0;
	left: 0; */
	display: table;
}

.logo a{
	display: table-cell;
	vertical-align: middle;
}

.box_list_top{
	font-family: "RobotoLight";
}

.box_list_top li{
	display: inline-block;
	font-size: 14px;
	width: auto;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.box_list_top .media-body{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.box_list_top li a{
	color: #000;
}

.box_list_top li a:hover{
	color: #ff8f22;
}



@media(min-width: 769px){
	.box_list_top{
		position: absolute;
		top: 10px;
		right: 10px;
	}
	
	.box_list_top .tooltip{
		display: none !important;
	}
	
	.box_account{
		display: none;
	}
}

@media(min-width: 990px){
	.box_list_top li{
		width: 170px;
	}
	
	.box_list_top li:last-child{
		width: 240px;
	}
}

@media(max-width: 990px){
	.box_list_top .media-body{
		display: none;
	}
}

@media(max-width: 768px){
	.logo{
		display: table;
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		max-width: 100%;
	}

	.box_list_top{
		position: relative;
		width: 100%;
		margin: 10px 0;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		text-align: center;
		
		font-family: "RobotoBold";
	}
	
	.box_list_top li:first-child,
	.box_list_top li{
		margin-top: 5px;
	}
	
	
	.box_list_top .tooltip{
		display: block;
	}
	
	.box_list_top .tooltip .tooltip-inner{
		background: #ff8f22;
		box-shadow: 0px 0px 5px #fff;
		color: #fff;
		position: relative;
		z-index: 1;
	}

	.box_list_top .tooltip  .tooltip-arrow{
		border-bottom-color: #ff8f22;
		position: relative;
		z-index: 9;
	}
	
	.box_account{
		display: block;
	}
	
	.box_account .hi{
		font-family: "RobotoLight";
	}
	
	.box_account span.num_cart{
		color: #FF7E00;
	}
}
/* menu login */

#top #user .con_his li.hard:hover .sub{
	display: block;
}

/* end menu login */

header #top #user .con_his > li.hard .sub li{
	list-style: none;
	float: left;
	width: 90%;
	margin-left: 10px;
	border-bottom: 1px solid #f7f7f7;
}

header #top #user .con_his > li.hard .sub li a{
	padding: 0px 10px;
	color:#fff;
	font-size:14px;
	
}

header #top #user .con_his > li.hard .sub li a:hover{
	color: #fff;
}

header #top p a{
	color:#696969;
	font-size:14px;
}

/* --end navbar_box_cart_hotline-- */

header .banner img{
	width: 100%;
}

/* end header */

/* menu top */

.nav-search{
	background: #7f5a49;
}

/* header-bottom */
.header-bottom{
	height: 40px;
	background: #ff8f22;
	margin-bottom: 10px;
}

.header-bottom .category-title{
	color: #fff;
	margin: 0;
	margin-top: 5px;
	padding: 10px;
	font-weight: normal;
	font-family: "RobotoRegular";
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	border-radius: 10px 10px 0 0;
}

.header-bottom .category-title.in{
	display: none;
}

@media(min-width: 990px){
	.header-bottom .category-title{
		background: #000;
	}
}

@media(max-width: 990px){
	.header-bottom .category-title{
		display: none;
		
	}
	.header-bottom .category-title.in{
		display: block;
		cursor: pointer;
		float: left;
		width: 100%;
		margin-top: 2px;
	}
	
	
}

.search-form{
	margin-top: 5px;
}

.search-form .form-control{
	border-radius: 5px 0 0 5px;
	border: 0;
	height: 30px;
}

.search-form button{
  position: absolute;
  right: 0px;
  top: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: url(../images/img-search.png) no-repeat #e6e6e6;
  background-position: center 3px;
  border: 0px;
  width: 100%;
  height: 30px;
}
.search-form button:active,.search-form button:focus
{
	 border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: url(../images/img-search.png) no-repeat #e6e6e6;
  background-position: center 3px;
}
.header-bottom .hotline{
	position: relative;
}

.header-bottom .hotline h4{
	padding: 5px 0;
	margin: 0;
	color: #fff;
	font-family: "RobotoBold";
}

.header-bottom .hotline h4 span{
	float: right;
	margin: 5px 10px 0 10px;
}

/* //--------- */
#tu_van{
	width:589px;
	padding:12px;
	background-color:#e46283;
	border-radius:10px;
	display:none;
	color:#FFF;
	position: absolute; 
	top: 32px;
	right: -10px;
	z-index:9999;
	margin-left: -52px;

}
ul.onl{
	margin-top: 10px;
	height:33px; 
	display: inline-table;
}
ul.onl li{
	padding-right: 10px;
	font-weight:bold; display: table-cell;
}
#tu_van h4{
	margin-top:0px;font-size: 18px; margin-bottom: -8px;
}
ul#hot_line{

	background:url(../images/phone1.png) no-repeat 0px 15px;
	background-repeat:no-repeat;
	padding-left:45px;
	margin:10px;
}
#lin{
	margin-top:15px;
	background-image:url(../images/lin_tuvan.png);
	background-repeat:no-repeat;
	margin-left:10px;
	height:3px;
}
ul#hot_line li>p{
	font-size:22px;
	font-weight:bold;
	cursor: pointer;
}

#hvonline{
	float: left;
}

#hvonline img{
	*cursor: pointer;
}



@media(max-width: 990px){
	.search-form,
	.hotline{
		display: none;
	}
}
/* end header-bottom */

/* slider */
.featured-slider .carousel-inner{
	width: 76%;
}

.featured-slider .carousel-indicators{
	bottom: 0;
	top: inherit;
}

.featured-slider .carousel-inner>.item>img, 
.featured-slider .carousel-inner>.item>a>img{
	width: 100%
}

.featured-slider .carousel-indicators{
	right: 0;
	top: 0%;
	left: inherit;
	width: 23%;
	margin-left: 0;
}

.featured-slider .carousel-indicators li{
	width: 100%;
	height: auto;
	max-height: 164px;
	text-indent: 0;
	overflow: hidden;
	margin: 0;
	background: #fff;
	border-radius: 0;
	border: 0;
	margin-bottom: 10px;
	/* float: left; */
}

.featured-slider .carousel-indicators li.active{
	/* margin: 0; */
}

.featured-slider .carousel-indicators li img{
	width: 100%;
	height: auto;
	opacity: 0.8;
}

.featured-slider .carousel-indicators li.active img{
	opacity: 1;
}

.carousel-control{
	width: 42px;
	height: 42px;
	top: 50%;
	background: none;
	text-shadow: none !important;
	transition: all 0.5s;
	-webkit-transition: all 0.5s ;
}

.carousel-control.left{
	left: 5%;
	background-image: none !important;
	opacity: 0;
}

.carousel-control.right{
	right: 30%;
	background-image: none !important;
	opacity: 0;
}

.featured-slider:hover .left.carousel-control,
.featured-slider:hover .right.carousel-control{
	opacity: 1;
}

@media(max-width: 580px){
	.featured-slider .carousel-indicators{
		display: none;
	}
	
	.featured-slider .carousel-inner{
		width: 100%;
	}
	
	.carousel-control.right{ right: 5%;}
	
	.main_slider{
		padding-left: 0;
		padding-right: 0;
	}
}

/* nav left */
.nav-left .list-group{
	font-size: #414141;
	font-size: 14px;
	font-family: "RobotoLight";
	border-right: 5px solid #000;
	margin-bottom: 0;
}

.nav-left .list-group .list-item a{
	padding: 5px 15px 5px 25px;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	position: relative;
}

.nav-left .list-group .list-item > a:before{
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	width: 11px;
	height: 11px;
	background: url(../images/icon/arrow-1.png) no-repeat top left;
}


.nav-left .list-group .list-item > a:hover{
	background: #000;
	color: #fff;
}

.nav-left .list-group .list-item > a:hover:before{
	background: url(../images/icon/arrow-2.png) no-repeat top left;
}

.nav-left .list-group .list-item.first > a{
	border-bottom: 1px solid #ddd;
}

.nav-left .list-group .list-item{
	border-bottom: 1px solid #ddd;
}

.nav-left .list-group .list-item a{
	border: 0;
}

.nav-left .list-group-item.active, 
.nav-left .list-group-item.active:hover, 
.nav-left .list-group-item.active:focus{
	background: #000;
	border-color: #ddd;
}

@media(min-width: 990px){
	.nav-left .collapse{
		display: block;
	}
	
	
	.nav-left .list-group .list-item a.hard_sub:after{
		content: '';
		position: absolute;
		top: 10px;
		right: 10px;
		width: 11px;
		height: 11px;
		background: url(../images/icon/arrow3.png) no-repeat top right;
	}
	
	.nav-left .list-group .list-item > a.hard_sub:hover:after{
		background: url(../images/icon/arrow4.png) no-repeat top right;
	}
}

@media(max-width: 990px){
	.nav-left .collapse{
		display: none;
	}
	
	.nav-left .collapse.in {
	  display: block;
	}

	.nav-left .list-group{
		margin-bottom: 20px;
	}
}

.nav-left .list-group  .list-item{
	position: relative;
}

.nav-left .list-group.sub-menu a{
	width: 100%;
	float: left;
	color: #fff;
}

@media(min-width: 991px){
	.nav-left .list-group.sub-menu a{
		padding-left: 15px;
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
	}
	
	.nav-left .list-group.sub-menu a:hover{
		padding-left: 20px;
	}
	
	.list-group.sub-menu{
		position: absolute;
		top: 0;
		left: 90%;
		min-width: 180px;
		z-index: 999;
		background: #ff8f22;
		border-right: 0;
		box-shadow: 0px 0px 3px #ff8f22;
		padding: 5px 15px;
		/* display: none; */
		opacity: 0;
		visibility: hidden;
		
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
	}
	
	.nav-left .list-item:hover .list-group.sub-menu{
		left: 102.2%;
		opacity: 1;
		visibility: visible;
	}
}

@media(max-width: 990px){
	.list-group.sub-menu{
		width: 100%;
		margin-bottom: 0;
		border-right: 0;
		padding-left: 20px;
	}
	
	.nav-left .list-group.sub-menu a{
		color: #555;
		
		background: url(../images/icon/li-1.png) no-repeat 10px 14px;
	}
	
	.nav-left .list-group.sub-menu a:hover{
		color: #fff;
		background-color: #000;
	}
}



.nav-left .list-group.sub-menu a{
	border-bottom: 1px solid #fff;
}


/* end nav left */

/* end slider */

.main_title{
	background:#f5f5f5;
	padding: 0px;
	border:1px solid #ededed;
	*height:32px;
	margin-bottom:20px;
}

.main_title h1{
	color:#454545;
	font-size:16px;
	line-height:35px;
	text-transform:uppercase;
	float: left;
	font-family: 'RobotoBold';
	margin: 0;
}

#title_bar{
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-repeat: repeat-x;
	background-position: center center;
	margin-bottom: 10px;
	margin-top:15px;
	border-bottom: 1px solid #ddd;
}

#title_bar span{ 
	font-size:19px; 
	text-transform:uppercase; 
	font-family:RobotoBold; 
	color:#454545;
}

.doitac #title_bar{
	margin-bottom: -18px;
}
/* filter */

.main_title .filter{
	float: right;
}

.main_title .filter li .square{
	float: left;
	width: 16px;
	height: 16px;
	margin: 8px;
	background: url(../images/icon/square.png) no-repeat top left;
}

.filter_tab li {
  display: inline;
  float: left;
}

.filter_tab .active .square{
	background: url(../images/icon/square_act.png) no-repeat top left !important;
}

.main_title .filter li .list{
	float: left;
	width: 25px;
	height: 16px;
	margin: 8px;
	background: url(../images/icon/list1.png) no-repeat top left;
}

.filter_tab .active .list{
	background: url(../images/icon/list_act.png) no-repeat top left !important;
}


#container #col_main .main_title .filter select{
	float: left;
	margin: 4px;
	min-width: 150px;
	padding: 3px;
	margin-right: 5px;
	border: 1px solid #d5d5d5;
}
/* ---------------- */
.box_product ul{ float:right;}

ul.product > li
{
	width: 252px;
    height: 352px;
	float:left;

}

#organic-tabs { }

#explore-nav { overflow: hidden; margin-bottom:20px; }
#explore-nav li { width: auto; float: left; margin: 0 10px 0 0; }
#explore-nav li.last { margin-right: 0; }
#explore-nav li a { display: block; padding: 5px;  color: #454545; font-size: 15px; text-align: center; border: 0; font-family:RobotoBold; text-transform:uppercase; border-bottom:solid 2px #FFF }
#explore-nav li a:hover {border-bottom:solid 2px #ee2d54  }
#explore-nav li a.current{border-bottom:solid 2px #ee2d54}

#tab2, #tab3, #tab4 { display: none; }


#box_sp{ 
	width: 100%; 
	height:315px; 
	border:1px solid #dddddd; 
	float:left; 
	position:relative;
}

.box0{ margin-left:0px !important;}
#box_sp .img{
	overflow: hidden;
	float:left;
	width: 100%;
	height: 220px;
	position: relative;
	
	display:table-cell;
	vertical-align:middle;
	padding-top: 10px;
}
#box_sp .img > a{
	text-align:center;
	position: relative;
}

#box_sp .img  img{
	max-width: auto;
	height: 100%;
	transition: all 0.5s;
	position: relative;
	z-index: 1;
}

#box_sp .mota{
	float: left;
	width:100%;
	text-align:center;
	margin-top:10px;
}

.new_icon{
	position:absolute;
	top:0px;
	right:0px;
	z-index: 25;
}

.sale_icon{
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 25;
}

.sale_icon span{
	position: absolute;
	top: 15px; 
	left: 0;
	color: white;
	width: 100%;
	text-align: center;
}

#box_sp a.title
{
	font-size:14px;
	color:#404040;
	line-height: 1.3;
	display:block;
	width:100%;
	text-align:center;
}
#box_sp a.title:hover
{
	color:#F00;
}
#box_sp p.price
{
	color:#d82227;
	font-size:16px;
	text-align:center;
}

/* -------hover product */
.img #mask_boxhot{ width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; top:0;transition:all 0.5s; opacity:0; z-index:20; }

.img #detail_in{ border-radius:50%; width:60px; height:60px; position:absolute; z-index:15; top:38%; left:38%;  background: #333;
background: rgba(0,0,0,0.6); transition:all 0.5s; opacity:0;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  }
.img #detail_in a{ display:table-cell; vertical-align:middle; text-align:center; width:60px; height:60px; color:white; font-size:12px; font-family:Roboto}

.img:hover #mask_boxhot{ opacity:1;}
.img:hover #detail_in{ opacity:1;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.img:hover img{
	-webkit-transform:scale(1.1); 
	-moz-transform:scale(1.1); 
	-o-transform:scale(1.1); 
	z-index: 5;
	position: relative;	
}

/* ------------------------ */




.doitac #box_doitac{
	width: 100%;
}

.doitac #box_doitac .img{
	max-width: 100%;
	width: auto;
	height: 72px;
}

#doitac-carousel{
	border: 1px solid #c1c1c1;
	border-top: 0;
	padding-top: 20px;
	padding-bottom: 20px;
}

#doitac-carousel .owl-controls .owl-buttons .owl-prev{
	position: absolute;
	top: 35%;
	left: 2px;
}

#doitac-carousel .owl-controls .owl-buttons .owl-next{
	position: absolute;
	top: 35%;
	right: 2px;
}

#doitac-carousel .owl-buttons .btn-carousel{
	width: 24px;
	height: 36px;
	float: left;
}

#doitac-carousel .owl-controls .owl-buttons .owl-prev .btn-carousel{
	background: url(../images/prev-horizontal3.png) no-repeat;
}
#doitac-carousel .owl-controls .owl-buttons .owl-next .btn-carousel{
	  background: url(../images/next-horizontal3.png) no-repeat;
}

/* css new */
.navigation{
	font-family: 'RobotoRegular';

	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ededed;
}

.navigation .breadcrumb{
	margin-bottom: 0px;
	background: none;
}

.navigation *{
	font-size: 14px;
}


/* ----pro home---- */
.list_pro .pro_home_carousel{
	padding: 0;
}

.list_pro .pro_home_carousel .owl-item,
.modal_carousel .owl-item{
	padding: 0 5px;
}

.owl-controls .owl-page, 
.owl-controls .owl-buttons div{
	display: inline-block;
}
/* ----end pro home---- */


/* -------- */
.pro-first{
	margin-top: 32px;
	padding: 5px 15px 0 15px;
	background: #ff8f22;
}

.pro-first .pro_home_carousel .owl-item{
	padding: 0 5px;
}

@media(min-width: 1200px){
	.pro-first .pro_home_carousel .owl-item{
		padding: 0 ;
	}
}


.pro-first #box_sp{
	  height: 345px;
	border: 0;
}

.pro-first #box_sp .img{
	  height: 270px;
}

.pro-first #box_sp a.title{
	color: #fff;
	font-size: 16px;
}

.pro-first.pro-last{
	margin-top: 10px;
	padding: 0 15px;
}

.pro-last #title_bar{
	border: 0;
	margin-bottom: 10px;
	margin-top: 5px;
}

.pro-last #title_bar span{
	color: #fff;
}

.pro-last .pro_home_carousel .owl-item{
	padding: 0 5px;
}

.pro-last #box_sp{
	height: 315px;
}

.pro-last #box_sp .img{
	height: 220px;
}

.list_pro .owl-buttons{
	position: absolute;
	top: -38px;
	right: 10px;
}

.list_pro .owl-buttons .owl-prev,
.list_pro .owl-buttons .owl-next{
	color: #fff;
	font-size: 15px;
	text-align: center;
}

.list_pro .owl-buttons .fa{
	line-height: 14px;

	border-radius: 50%;
	overflow: hidden;

	height: 15px;
}

.list_pro .owl-buttons .fa:before{
	float: left;
	padding: 1px;
	background: #9c9c9c;
	width: 100%;
}

.list_pro .owl-buttons .owl-prev{
	margin-right: 5px;
}

/* -------- */

.pro_list .box_pro_list{
	*height: 240px;
	border: 1px solid #ededed;
	margin-bottom: 20px;
	position: relative;
}

.pro_list .img{
	*float: left;
	max-width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.pro_list .img img{
	max-width: 100%;
	transition: all 0.5s;
}

.pro_list .mota{
	*float: right;
	*width: 510px;
	margin-top: 15px;
}


.pro_list .mota .title{
	color: black;
	font-family: 'RobotoRegular';
	font-size: 17px;
}

.pro_list .new_icon{
	position: absolute;
	top: 5px;
	left: 21%;
}

.pro_list .sale_icon{
	position: absolute;
	top: 5px;
	left: 1%;
}

.pro_list .sale_icon span{
	position: absolute;
	top: 15px; 
	left: 0;
	color: white;
	width: 100%;
	text-align: center;
}

.pro_list .mota .noidung{
	font-family: 'RobotoRegular';
	font-weight: 12px;
	float: left;
	width: 100%;
}

.pro_list .mota .noidung *{
	font-size:  14px;
	font-family: 'RobotoLight';
}

.pro_list .price{
	color: red;
}

.pro_list .price del{
	color: #b5b5b5;
	margin-left: 20px;
}

.pro_list .color_con img.color{
	border: 1px solid rgba(0,0,0,0);
}

.pro_list .color_con img.select{
	border: 1px solid #9b9b9b;
}

.pro_list .order{
	*float: left;
	padding: 5px 20px;
	background: #7f5a49;
	color: white;
	margin-top: 10px;
	font-family: 'RobotoLight';
	font-size: 14px;
	border: 0;
	border-radius: 0;
}

/* pro_square */
.pro_square .box_pro_square,
.pro_square .box_pro_square{
	  border: 1px solid #dedede;
	  margin: 10px 0;
	  height: 290px;
	  position: relative;
}

.pro_square .first{
	margin-left: 0px;
}

.pro_square .last{
	margin-right: 0px;
}


.pro_square .img{
	padding-top: 10px;
	width: 100%;
	height: 227px;
	text-align: center;
	float: left;
	overflow: hidden;
	position: relative;
}

.pro_square .img img{
	max-height: 212px;
	max-width: 100%;
	transition: all 0.5s;
	position: relative;
	z-index: 1;
}

.pro_square .mota{
	float: left;
	width: 100%;
	text-align: center;
}

.pro_square .mota a{
	color: black;
}

.pro_square .mota p{
	color: #dd3f44;
}

@media(max-width: 548px){
	.pro_square .col-xs-6{
		width: 100%;
	}
}

/* --------hover------ */
.pro_square li #mask_boxhot{ width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; top:0;transition:all 0.5s; opacity:0; z-index:20; }

.pro_square li #detail_in{ border-radius:50%; width:60px; height:60px; position:absolute; z-index:15; top:38%; left:38%;  background: #333;
background: rgba(0,0,0,0.6); transition:all 0.5s; opacity:0;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  }
.pro_square li #detail_in a{ display:table-cell; vertical-align:middle; text-align:center; width:60px; height:60px; color:white; font-size:12px; font-family:Roboto}

.pro_square li .img:hover #mask_boxhot{ opacity:1;}
.pro_square li #mask_boxhot:hover #detail_in{ opacity:1;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.pro_square li .img:hover img{
	-webkit-transform:scale(1.1); 
	-moz-transform:scale(1.1); 
	-o-transform:scale(1.1); 
	z-index: 5;
	position: relative;	
}
/* end css new */









#adver_top{ float:left; width:100%;}
#adver_top #top1{ float:left}
#adver_top #top1 img{ width:366px; height:204px}
#adver_top #top2{ float:left; margin-left:27px;}
#adver_top #top2 img{ width:366px; height:204px;}
#adver_top #top3{ float:right}
#adver_top #top3 img{ width:366px; height:204px;}


#contents{ float:left; width:100%; height:auto; margin-top:25px;}
#contents #ct_left{ float:left; width:850px;}
#ct_left #box_product{ float:left; height:auto; width:100%;}
#title_pro{ float:left; width:100%; position:relative;margin-bottom:15px;}
#title_pro h3 { border-bottom: solid 2px #ee2d54; float:left; font-family:RobotoBold; font-size:15px; color:#454545; text-transform:uppercase;}
#title_pro h3 a{ margin-left:0px !important;}
#title_pro a{ float:right; margin-left:10px; font-family:RobotoRegular; font-size:14px; color:#444444}
#title_pro a:hover{ color:red;}
#title_pro a.viewall{ font-family:RobotoBold}


#contents #ct_right{ float:right; width:230px; height:auto}
#ct_right #news{	

	float:left;
	width:100%;
}
#news h4{ float:left; width:100%; text-align:right;}
#news h4 a{ font-family:RobotoRegular; font-size:13px; color:#444444}
#news h4 a:hover{ color:#de0000}
#ct_right #news #ct_news{


}

#news ul{ width:100%; float:left;}
#news ul li{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b2b2b2;
	margin-bottom:10px;
	width:100%;
	height:75px;
}
#news ul li #img{
	float: left;
	width: 60px;
	height: 60px;
	transition:all 0.2s;
	border:solid 1px #cacaca;
	padding:2px;
}
 #news ul li #img:hover{
-webkit-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 6px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 6px 0px rgba(50, 50, 50, 0.75);
}
#news ul li img{ float:left; width:60px; height:60px;}
#news ul li a{ font-family:RobotoRegular; font-size:13px; color:#444444; margin-left:10px; float:left; width:60%;}
#news ul li a:hover{ color:#de0000;}


#ct_right #adver_right{
	float:left;
	width:100%;
	margin-top:15px;

}
#ct_right #ct_adver {

	float:left;

	width:100%;

}

#adver_right #sroll_adver{ height:545px; width:100%; overflow:hidden;}
#adver_right #sroll_adver #top {
	width: 100%;
	height: 545px;
	overflow: hidden;
	padding: 0px;
	clear:both;
	overflow:hidden;
	}

#adver_right #sroll_adver #top img {
	width: 100%;
	clear:both;
	margin-top:10px !important;
}















#adver_end{ margin-top:20px; padding: 0;}
#adver_end img{ width: 100%;}
#adver_end1{ float:left;}
#adver_end2{ float:left; margin-left:28px;}
#adver_end3{ float:right;}

#adver_end .col-md-4{
	margin-bottom: 10px;
}

@media(min-width: 992px){
	#adver_end img{ 
		height:198px;
	}
}

/* footer */
#footer {
  /* background: #4b372e; */
  margin-top: 20px;
}

#in_footer{
	padding:43px 30px 25px 30px;
	border-top: 3px solid #ff8f22;
}

#footer .wrapper_footer ul li
{
	background:url(../images/icon/li-1.png) no-repeat left;
	padding: 5px 0px;
	padding-left:20px;
}

#footer .wrapper_footer ul li:first-child{
	background: none;
	padding-left: 0;
}

#footer .wrapper_footer ul li strong
{
	 color:#000;
	 font-family: 'RobotoBold';
	 font-size:14px;	
	 text-transform:uppercase;
}
#footer .wrapper_footer ul li a
{
	 color:#000;
	font-family: 'RobotoLight';
	 font-size:14px;	
}

#footer .wrapper_footer #box_link a{
	float: left;
	margin-right: 4px;
	margin-bottom: 15px;
}

#footer #box_link strong
{
	display:block;
	color:#000;
	font-family: 'RobotoBold';
	font-size: 14px;
	text-transform: uppercase;
	background:url(../images/icon/li-1.png) no-repeat 0px 7px;
	padding-left:15px;
	
	margin-bottom: 5px;
	margin-top:5px;
}
#footer_menu_coppy{
	padding: 0px;
	background: #000;
}
#in_footer_menu_coppy{
	padding: 15px 30px 10px 30px;
	background: url(../images/bg_bottom_footer.png) no-repeat top left;
	background-size: 100% 100%;
}

#footer_menu_coppy .textfooter{
	color: #fff
}

#footer_menu_coppy .textfooter strong{
	font-family: "RobotoBold";
}

.copyrigt{
	font-size: 14px;
	color: #fff;
	font-family: 'RobotoLight';
}

.copyrigt p{
	margin-bottom: 0px;
}

.copyrigt a{
	font-family: "RobotoBold";
	color: #fff;
}

#footer_menu_coppy .box_right .cnv{
	color: #fff;
	font-family: 'RobotoRegular';
}

.contain_f > div{
	color: #fff;
	margin-bottom: 10px;
	padding-left: 0px;
}

.subscribe h4 {
  font-weight: normal;
  font-size: 14px;
  font-family: 'RobotoLight';
  margin-bottom: 10px;
  margin-top: 0px;
}

.subscribe form input[type="text"] {
  border: 0px;
  padding: 6px;
  float: left;
  width: 79%;
  font-size: 14px;
}

.subscribe form input[type="submit"] {
  border: 0;
  float: left;
  padding: 5px 15px;
  background: #ff8f22;
  height: 33px;
  color: #fff;
}

/* ------------ */
.voted,
.vote{
	display: none;
}

.rate{
	width: 70px;
	margin: auto;
}




/* -------- */
.register_success_body {
	font-family: 'RobotoRegular';
}

.modal-content{
	min-height: 200px;
}
/*  */
@media screen and (min-width:768px) {
	.box-info{
		padding: 0 15px;
	}
	
	.modal-dialog.modal-dialog-popup{
		width:75%;
	}
	
	
}
/*  */

/* popup order in list product */
.mr-bt{
	margin-bottom: 10px;
}

.modal_carousel{
	margin-top: 20px;
}

.modal-order .img{
	float: left;
	width: 45%;
	margin-right: 2%;
	height: auto;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.modal-order .img img{
	max-width: 100%;
	height: auto;
}

.modal-order .mota{
	float: left;
	width: 52%;
	*margin-top: 20px;
}

.modal-order .mota h3{
	font-weight: normal;
	font-size: 15px;
	color: #2b2b2b;
}

.modal-order .mota p{
	font-size: 14px;
	color: #777777;
}

.modal-order .mota p.price{
	color: #ff0000;
}

.modal-order .box{
	float: right;
	width: 100%;
	height: auto;
	border: 1px solid #e3e3e3;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
}

.modal-order .box p{
	font-size: 14px;
	color: #2b2b2b;
	margin-bottom: 5px;
}

.modal-order .box p b{
	font-family: "RobotoBold";
}

.modal-order .box p span{
	color: #ff0000;
	font-size: 15px;
}

.modal-order .con_btn{
	float: left;
	width: 100%;
	margin-top: 10px;
	text-align: right;
	font-family: 'RobotoRegular';
}

.modal-order .con_btn a{
	padding: 5px 10px;
	background: #7f5a49;
	color: white;
	font-size: 14px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

@media(max-width: 569px){
	.modal-order .con_btn a{
		width: 100%;
		margin-left: 0px;
	}
}

.modal-order .con_btn a:hover{
	background: black;
	color: white;
}
/* end popup order in list product */

@media (min-width: 990px){
	.col-ct-9 {
	  width: 75%;
	}
}

.modal-header{
	
	text-transform: uppercase;
}

.modal-header.pd-l{
	padding-left: 0;
}


.btn-warning1 {
  color: #fff;
  background-color: #7f5a49;
  border-color: #7f5a49;
}

.btn-warning1:hover,
.btn-warning1:focus{
	background-color: #D87B03;
}

.btn:hover, 
.btn:focus {
  color: #fff;
  text-decoration: none;
}

.btn.btn-default:hover, 
.btn.btn-default:focus {
  color: #000;
}

.modal{
	overflow-y: auto;
}

.mg-bt-20{
	margin-bottom: 20px;
}


#goTop {
  position: fixed;
  border-radius: 2px;
  height: 42px;
  width: 49px;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
  right: 50px;
  bottom: -100px;
  z-index: 1030;
  background: url(../images/goto_top.png) no-repeat top left;
  cursor: pointer;
}

#loader-img{
	position: fixed;
	top: 43%;
	left: 50%;
	z-index: 999999;
	width: 40px;
	height: auto;
}

@media(max-width: 580px){
	#loader-img{	
		top: 40%;
		left: 45%;
	}
}