@font-face {

    font-family: 'myFont';

    src: local('myFont'), url('font/Roboto-Regular.ttf');

    font-display:swap;

}

@font-face {

    font-family: 'fjalla';

    src: local('fjalla'), url('font/fjalla.otf');

    font-display:swap;

}

@font-face {

    font-family: 'roboto-b';

    src: local('roboto-b'), url('font/Roboto-Bold.ttf');

    font-display:swap;

}

@font-face {

    font-family: 'robotomedium';

    src: local('robotomedium'), url('font/Roboto-Medium.ttf');

    font-display:swap;

}

@font-face {

    font-family: 'roboto-conr';

    src: local('roboto-conr'), url('font/RobotoCondensedRegular.ttf');

    font-display:swap;

}

@font-face {

    font-family: 'roboto-conb';

    src: local('roboto-conb'), url('font/RobotoCondensed-Bold.ttf');

    font-display:swap;

}

@font-face {

    font-family: 'utm-avo';

    src: local('utm-avo'), url('font/UTM Avo.ttf');

    font-display:swap;

}

@font-face {

    font-family: 'utm-avob';

    src: local('utm-avob'), url('font/UTM AvoBold.ttf');

    font-display:swap;

}

::-webkit-scrollbar {background:#fff;width:10px;height:11px;}

::-webkit-scrollbar-thumb {background:#BBBBBB;}

*{margin: 0; padding: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; outline:none;}

.fb_iframe_widget,

.fb_iframe_widget span,

.fb_iframe_widget span iframe[style] {min-width: 100% !important;}

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}

.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

.video_popup {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}

.video_popup iframe, .video_popup object, .video_popup embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#clickvideo{ width:100%; padding:4px 0; margin:3px 0%; border:1px solid #DDD; box-sizing:border-box;}

.addthis_native_toolbox{margin: 10px 0px;width: 100%;clear: both;border: 1px solid #ededed;padding: 10px 10px;margin-bottom: 10px;background: #f7f6f6;box-sizing: border-box;}

.addthis_native_toolbox b{float: left;font-size: 14px;text-transform: uppercase;margin-right: 10px}

.clear{clear:both;}

.clear-30{clear:both;height:30px;}

img{max-width:100% !important; height:auto; }

div.bando img{max-width:none !important;}

body{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:1.5;

}

div#wapper

{ 

  margin:auto;

  max-width:1366px;

  background:#fff;

}

div.wap_1200{

	max-width:1200px;

	margin:0 auto;

	position:relative;

}

/*-------- Box top --------------*/	

div#box-top {

    font-size: 14px;

    background: #a6ca38;

    height: 50px;

    line-height: 45px;

}

div.box-bao{

	max-width:1200px;

	margin:0 auto;

	color:#fff;

	font-family:'roboto-conr';

    height:46.5px;

}

div#box-top .bix-mail{

	width:23%;

	height:35px;

	line-height:35px;

	float:left;

	background:url(images/top-2.png) no-repeat left center;

	padding-left:30px;

	display:block;

}

div#box-top .bix-mail span{color:#ff0;}

div#box-top .bix-hotline{

    width: 23%;

    float: left;

    background: url(images/top-1.png) no-repeat 0px;

    padding-left: 30px;

    display: block;

    color: #fff;

    font-size: 16px;

    font-family: fjalla;

}

div#box-top .bix-hotline span{color:#ff0;}

div#box-top .bix-icon{

	height:35px;

	line-height:35px;

	float:right;

	padding-left:30px;

	display:block;

	color:#ff0;

}

div#box-top .bix-icon img{

	margin-right:6px;

	transition:0.5s;

}

div#box-top .bix-icon img:hover{

	transform:rotate(40deg);

}

.wrap{width: 1200px;position: relative;margin:auto;}

div#header

{

	position:relative;

	margin:auto;

}

div#header a.logo

{

	display:block;

	line-height:0;

}

div#header img.logo_mobi

{

	display:none;

}

div#header a.logo img {

    position: absolute;

    right: 0px;

}

a.tt_logo img {

    margin-top: 10px;

}

.menu_login

{

	list-style:none;

	position:absolute;

	top:5px;

	right:70px;

}

.menu_login li

{

	display:inline-block;	

}

.menu_login li a

{

	text-decoration:none;

	color:#fff;

	border-right:1px solid #fff;

	padding:0px 5px;

}

div#lang

{

  position:absolute;

  top:5px;

  right:10px;

}

div#lang a img

{

  border:1px solid #fff;

  margin-left:3px;

}

.sang_header

{

  top: 30%;

  left: 5%;

}

div.header

{

	display:none;

}

div.wap_menu {

    position: relative;

    margin: 20px auto 15px auto;

}

div.menu

{

	position:relative;

	max-width:1200px;

	margin:auto;

    height: 35px;

}

div.menu ul

{

  float:left;  

  list-style:none;

}



.right_logo {

    float: right;

    position: relative;

    width: 430px;

    top: 95px;

}



div.menu ul li {

    float: left;

    position: relative;

    z-index: 50;

    margin-right: 18px;

}

div.menu ul li.line

{

	background:url(images/menu_gach.png) center no-repeat;

	height:41px;

	width:1px;

}



.mgt30{margin-top:30px;}

.mgb20{margin-bottom:0px !important;}

div.menu ul li a

{

    color: #333333;

    font-size: 14px;

    text-decoration: none;

    text-transform: uppercase;

    display: block;

    font-family: fjalla;

}

div.menu ul li a:hover,div.menu ul li a.active,div.menu ul li a.active2

{

	color:#3d9411;	

}

div.menu ul li ul,div.menu ul li:hover ul li ul

{

	position:absolute;

	margin-left:0px;

	display:none;

    min-width: 200px;

    background: #a6ca38;

    line-height: 1.5;	

}

div.menu ul li ul li

{   

    float:none;

}

div.menu ul li ul li a

{

	padding:6px 10px;

	text-transform:none;

	display:block;

	border-bottom: 1px solid #3d9411;

	color:#fff;

}

div.menu ul li ul li ul

{	

	left:100%;

	top:0px;

}

span.btn_muangay {

    position: absolute;

    bottom: calc(50% - 10px);

    width: 50%;

    text-align: center;

    font-size: 15px;

    left: 25%;

    border: 1px solid #fff;

    text-transform: uppercase;

    color: #fff;

    background: rgba(0,0,0,0.5);

    padding: 10px 0px;

    opacity: 0;



    z-index:10;

    transition:0.5s;

    cursor: pointer;

}

.item:hover span.btn_muangay{opacity: 1; transition:0.5s;}

.item:hover img{

	opacity: 0.6;

	transition: 0.5s;

}





.box-giohang{

	display: block;

    height: 35px;

    background: url(images/icon-giohang-top.png) no-repeat left center;

    padding-left: 34px;

    font-size: 12px;

    width: 145px;

    line-height: 52px;

    font-weight: bold;

    text-decoration: none;

    color: #52973a;

    position: absolute;

    right: 0px;

    top: -8px;

}

.box-giohang b {

    display: block;

    color: #52973a;

    font-size: 16px;

    font-family: Tahoma;

    z-index: 9;

    height: 35px;

    position: relative;

    top: -10px;

}

#search

{

	position: absolute;

    right: 160px;

    top: -3px;

    background: #fff;

    border-radius: 2px;

    height: 30px;

}

#search input

{

	padding: 0px 10px;

    float: left;

    margin-top: 8px;

    border: none;

    background: none;

    width: 225px;

    outline: none;

    color: #777;

    font-style: italic;



    font-size: 14px;

}

#search i

{

    float: right;

    margin-right: 9px;

    margin-top: 0px;

    color: #52973a;

    font-size: 25px;

    cursor: pointer;

}

div#slider

{

   margin:auto;

   max-width: 1366px;

   height: 400px;

   overflow: hidden;

}

div#left

{

   width:20%;

   float:left;

}

div.tieude

{

   color:#fff;

   text-align:center;

   font-size:14px;

   background:url(images/tieude.png) center repeat-x;

   height:39px;

   line-height:39px;

   font-weight:bold;

   text-transform:uppercase;

}

div#danhmuc

{

   border-bottom:none;

}

div#facebook{

   padding:10px;

}

div.danhmuc

{

   border:1px solid #d6d6d6;

   margin-bottom:15px;

}

div.danhmuc:last-child

{

   margin-bottom:0;

}

div#danhmuc ul

{

   list-style:none;

}

div#danhmuc ul li

{	

}

div#danhmuc ul li:last-child

{

   border:none;

}

div#danhmuc ul li a

{

   color: #454545;

   font-family: 'myFont';

   text-decoration: none;

   font-size: 14px;

   transition: 0.4s;

   display: block;

   border-bottom: 1px solid #DDD;

   padding: 9px 5px 9px 23px;

   background: url(images/muiten.png) 11px 15px no-repeat;

}

div#danhmuc ul li a:hover,div#danhmuc ul li a.active

{

   color:red;

   transition:0.4s;

}

div#danhmuc ul li ul li a

{

  background: url(images/muiten.png) 22px 15px no-repeat;

  padding:9px 5px 9px 35px;

}

div#danhmuc ul li ul

{

   display:none;

}

div#tinmoi

{	

}

div#tinmoi ul

{

   list-style:none;

   padding:0 10px;

}

div#tinmoi ul li

{

   border-bottom:1px dashed #DDDDDD;

   padding:10px 0;

}

div#tinmoi ul li a img

{

   width:35%;

   max-width:150px !important;

   border:1px solid #d6d6d6;

   float:left;

   margin-right:10px;

}

div#tinmoi ul li a img:hover

{

   transition:1s;

   border:1px solid red;

}

div#tinmoi ul li h4 a

{

   text-decoration:none;

   color:#111111;

   font-size:12px;

   transition:0.4s;

   font-weight:normal;

}

div#tinmoi ul li h4 a:hover

{

   color:red;

   transition:0.4s;

}

div.load_video

{

   width:95%;

   margin:7px auto;

}

div#hotro

{

   /*background: url(images/bg_hotro.png) left 40px no-repeat;*/

}

div#hotro .phone

{

   background:url(images/phone.png) 13px center no-repeat;

   color:#d60000;

   font-size:20px;

   font-weight:bold;

   padding-left:60px;

   padding-top:20px;

   padding-bottom:10px;

}

div#hotro .cogai{padding-left:20px;}

div#hotro ul

{

   list-style:none;

   border-bottom:1px dashed #DDDDDD;

   padding:10px 0;

   margin:0px 10px;

}

div#hotro ul li

{

   clear:both;

   padding:2px 0;



}

div#hotro ul li.call{

   padding-left:27px;

   background:url(images/goidien.png) no-repeat left center;

}

div#hotro ul li.email{

   padding-left:27px;

   background:url(images/email.png) no-repeat left center;

}

div#hotro ul li a img

{

   float:right;

}

div#quangcao a img

{

	width:90%;

	max-width:300px !important;	

	border:1px solid #DDD;

	margin:5px auto;

	padding:4px;

	box-sizing:border-box;

}

div#quangcao a img:hover

{

	border:1px solid red;	

}

div#dknt

{

	max-width:350px;

}

form#frm_dknt

{

	background:#fff;

	height:35px;

	margin:10px 0;

}

form#frm_dknt input[type='text']

{

	width:70%;

	padding:0px 5px;

	float:left;

	margin-top:9px;

	border:none;

	background:none;

	outline:none;

	color:#000;

	outline:none;

}

form#frm_dknt input[type='button']

{

	background:#999999;

	color:#fff;

	width:50px;

	height:35px;

	line-height:35px;

	border:none;

	cursor:pointer;

	float:right;

	transition:0.5s;

	text-transform:uppercase;

	outline:none;

}

form#frm_dknt input[type='button']:hover{

	background:#a6ca38;

}

div#right

{

	width:100%;

	float:none;

}

div.tieude_giua.w80{
    width: 100%;
    padding-top: 15px;
    background: url(images/tieude.png) 0px 26px repeat-x;
    text-align: center;
}



div.tieude_giua h1{

	font-size: 20px;

	font-weight: normal;

}



div.tieude_giua

{

	color: #333333;

    font-size: 20px;

    background: url(images/tieude.png) 0px repeat-x;

    text-transform: uppercase;

    font-family: robotomedium;



    margin-bottom:20px;



}

div.wap_item

{

   text-align:center;

   position:relative;

}

div.box-caothap{

   text-align:center;

   display: -webkit-box;

   display: -moz-box;

   display: -ms-flexbox;

   display: -webkit-flex;

   display: flex;

   flex-flow: row wrap;

   -webkit-flex-flow: row wrap;

}

div.item

{

   width:23%;

   margin:1% 0.8%;

   text-align:center;

   display:inline-block;

   vertical-align:top;

}

div.item .sp_img

{

   overflow:hidden;

   margin-bottom:10px;

}

div.item .sp_img a

{

   display:block;

   line-height:0;

}

div.item a img

{

   width:100%;

   height:100%;



   transition:0.5s;



}

div.item .sp_name a {

    text-decoration: none;

    color: #333333;

    font-family: Tahoma;

    font-weight: normal;

    font-size: 15px;

    display: block;

}

div.item .sp_name a:hover

{

	transition:0.4s;

	color:red;

}

div.item .sp_gia

{



	font-size:14px;

}

div.item .sp_gia span.giacu

{

	color:#666666;

	text-decoration:line-through;

	float:left;

}

div.item .sp_gia span.giamoi {

    color: #52973a;

    font-size: 18px;

    font-family: Tahoma;

}

div.item .sp_gia span.motgia

{

	display:block;

	float:none;

}

/*---------- menu_bottom ---------------*/

div#menu_bottom{

	background:#A80000;

	margin-top:10px;

}

div#menu_bottom ul{

	display:block;

	height:40px;

	line-height:40px;

	text-align:center;

	width:100%;

	max-width:1200px;

	margin:0 auto;

}

div#menu_bottom ul li{

	list-style:none;

	display:inline-block;

	vertical-align:top;

}

div#menu_bottom ul li a{

    display: block;

    text-decoration: none;

    color: #fff;

    padding: 0px 35px;

    text-transform: uppercase;

    font-size: 16px;

    font-family:'myFont';

}

div#wap_footer

{

  padding-top:20px;

  margin:auto;

  margin-top:10px;

  color:#000;

  text-align: justify;

  line-height: 20px;

}

div#footer

{

  max-width:1200px;

  margin:auto;

}

div#main_footer

{

  width:70%;

  float:left;

}

div#lienket

{

  margin-top:10px;

}

div#lienket a

{

  display:inline-block;

  vertical-align:top;

  color:#000;

  font-size:18px;

  height:35px;

  line-height:35px;

  width:35px;

  text-align:center;

  text-decoration:none;

  margin:0px 2px;

  background:#fff;

  transition:1s;

  border-radius:50%;

}

div#lienket a:hover

{

  transition:1s;

  transform:rotate(360deg);

}

div#thongke

{

  width:21%;

  float:right;

}

.td_ft

{

  color:#FFFF33;

  margin-bottom:7px;

  font-size:14px;

  text-transform:uppercase;

}

div#thongke ul

{

  list-style:none;

}

div#thongke ul li

{

  clear:both;

  padding:4px 0px;

}

div#thongke ul li img

{

  float:left;

  margin-right:15px;

  width:16px;

  margin-top:2px;

}

/*--------- copy - right--------*/

div.copy-right{

	background:#6a0707;

	padding:10px 0px;

	margin-top:20px;

}

div.copy-right .cop-l{

	color:#8cc2ff;

	font-size:14px;

	width:48%;

	float:left;

}

div.copy-right .cop-r{

	color:#8cc2ff;

	font-size:14px;

	text-align:right;

	width:48%;

	float:right;

}

div.copy-right .cop-r span{

	color:#ff0;

}



/* --------------------- Phan trang ------------------*/

div#doitac

{

	box-sizing:border-box;

	max-width:1200px;

	margin:auto;

}

div#doitac a img

{

	height:100px;

	margin:0 5px;

	border:1px solid #DDD;

}

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

div.wap_pro

{

}

.zoom_slick

{

	width: 57%;

    float: left;

    max-width: 400px;

    text-align: center;

}

.zoom_slick .slick2

{

	border:1px solid #DDD;

}

.zoom_slick .slick

{

	margin-top:5px;

}

.zoom_slick .slick img

{

	width:95%;

	margin:auto;

	border:1px solid #DDD;

	box-sizing:border-box;

	cursor:pointer;

}

.zoom_slick .slick img:hover

{

	border:1px solid #F60;

	opacity:0.5;

	transition:1s;

}

.product_info



{

	float:right;

	list-style:none;

	width:52%;

	max-width: 420px;

}

.product_info li {

    font-size: 15px;

    padding: 6px 0;

    font-family: Tahoma;

    color: #5c5c5c;

    text-align: justify;

}

.product_info li.ten h1 {

    color: #5c5c5c;

    font-size: 27px;

    font-family: fjalla;



    font-weight: normal;



    text-transform: uppercase;

}

.product_info li.giacu

{

   font-size:15px;

   text-decoration:line-through;

}

.product_info li.gia

{

   color:red;

   font-size:16px;

}

.product_info li b

{

   font-weight:normal;

   font-size:14px;

}

.xemgiohang

{

   color: #E80019;

   display: block;

   width: 120px;

   height: 30px;

   text-align: center;

   line-height: 30px;

   text-align: center;

   font-weight: bold;

   cursor: pointer;

   font-size: 13px;

   transition: 0.4s;

   margin: auto;

   margin-top: 7px;

}

.product_info li .dathang {

    background: url(images/cart_product.png) no-repeat 0px;

    padding-left: 35px;

    color: #fff;

    display: inline-block;

    max-width: 300px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    text-transform: uppercase;

    cursor: pointer;

    font-size: 18px;

    font-family: Tahoma;

    transition: 0.4s;

}

li.btn_dathang {

    display: inline-block;

    padding: 4px 20px;

    background: #e93b35;

    vertical-align: top;

    padding-top: 3px;

    margin-left: 10px;

    transition: 0.5s;

    width: 267px;

    text-align: center;

}



li.btn_dathang:hover{

   opacity:0.6;

   transition:0.5s;

}

.product_info li .dathang i

{

   margin-right:10px;

   font-size:25px;

   margin-top:3px;

}

span.size {

    display: inline-block;

    padding: 2px 10px;

    border: 1px solid #DDD;

    border-radius: 3px;

    margin-right: 5px;

    cursor: pointer;

}

span.mausac {

    display: block;

    float: left;

    border: 1px solid #DDD;

    width: 30px;

    height: 30px;

    margin-right: 5px;

    cursor: pointer;

    font-size: 0;

}

span.active_size,span.size:hover,span.mausac:hover, span.active_mausac {

    border: 1px solid #EE0000;

}

input.soluong

{

   width: 50px;

   border: 1px solid #C7C6C6;

   padding: 2px 0px;

   text-align: center;

   font-size: 15px;

   margin-right:5px;

}

table#giohang input {

    margin: 5px 0px;

    position: relative;

    top: 2px;

}

table#giohang input.btn,.click_ajax

{   

  background: #DC0018;

  color: #ffffff;

  padding: 7px 15px;

  border: none;

  cursor: pointer;

  margin: 5px 1px;

  border-radius: 3px;

}



table#tt td

{

   height:30px;

}

table#tt td input.t

{

   width:300px;

   height:20px;

   margin:3px 0px 5px 0px;

   border:1px solid #DDD;

}

table#tt td textarea

{

   width:300px;

}

table#tt span

{



	color:red;

}

@-webkit-keyframes star {

 0% {

   -webkit-transform: rotate(0) scale(0);

}

50% {

   -webkit-transform: rotate(180deg) scale(1.5);

}

100% {

   -webkit-transform: rotate(360deg) scale(0);

}

}

@-o-keyframes star {

 0% {

   -o-transform: rotate(0) scale(0);

}

50% {

   -o-transform: rotate(180deg) scale(1.5);

}

100% {

   -o-transform: rotate(360deg) scale(0);

}

}

@-moz-keyframes star {

 0% {

   -moz-transform: rotate(0) scale(0);

}

50% {

   -moz-transform: rotate(180deg) scale(1.5);

}

100% {

   -moz-transform: rotate(360deg) scale(0);

}

}

.start-animate {

 z-index: 99999999999999999 !important;

 position: absolute;

 animation: star linear 1.75s infinite;

 -moz-animation: star linear 1.75s infinite;

 -webkit-animation: star linear 1.75s infinite;

 -o-animation: star linear 1.75s infinite;

}

@keyframes star {

 0% {

   transform: rotate(0) scale(0);

}

50% {

   transform: rotate(180deg) scale(1.5);

}

100% {

   transform: rotate(360deg) scale(0);

}

}

.right_top {

   float: right;

   background: url(images/icon_huongdan.png) no-repeat 0px;

   padding-left: 25px;

}

.right_top a {

   font-size: 14px;

   font-family: fjalla;

   text-decoration: none;

   color: #fff;

}

img.icon_menu {

   margin-right: 5px;

   height: 16px;

}

img.icon_saumenu {

   margin-left: 5px;

   position: relative;

   top: -3px;

}

.left_wrap{width: 860px;float:right;    height: 370px;overflow: hidden;}

.right_wrap{    width: 320px;

    float: left;

    height: 320px;

    overflow: hidden;}

div.tieude_giua div {

   background: #fff;

   display: inline-block;

   padding: 0px 10px;

}

.name_iconslider {

   font-family: fjalla;

   font-size: 20px;

   text-transform: uppercase;

   color: #333333;

   margin-top:30px;

}

.icon_slider {

   float: left;

   width: 33.3%;

   text-align: center;

   margin-top: 30px;

}

.box_slidedanhmuc {

   width: 375px;

   height: 305px;

   overflow: hidden;

   position: relative;

   margin: 0px 15px;

}

.name_slidedanhmuc {

   position: absolute;

   top: 0px;

   width: 100%;

   height: 100%;

   background: rgba(0,0,0,0.6);

   box-shadow: 0 0 black;

   align-items: center;

   display: flex;

   text-align: center;

}

.name_slidedanhmuc a {

   margin: auto;

   font-size: 40px;

   font-family: fjalla;

   text-transform: uppercase;

   text-decoration: none;

   color: #fff;

}

.slide_danhmuc .slick-next{background:url(images/slide_next.png) no-repeat;width: 28px;height: 86px;right:-28px;}

.slide_danhmuc .slick-prev{background:url(images/slide_next.png) no-repeat;width: 28px;height: 86px;left:-28px;}

.slide_banhmoi .slick-next,.slide_quantam .slick-next{background:url(images/banhmoi_next.png) no-repeat;width: 36px;height: 36px;top:-64px;right:0px;}

.slide_banhmoi .slick-prev,.slide_quantam .slick-prev{background:url(images/banhmoi_next.png) no-repeat;width: 36px;height: 36px;top:-64px;right:38px;left:inherit;}

.slide_banhmoi .slick-next:hover,.slide_quantam .slick-next:hover{background:url(images/banhmoi_next_hover.png) no-repeat;width: 36px;height: 36px;}

.slide_banhmoi .slick-prev:hover,.slide_quantam .slick-prev:hover{background:url(images/banhmoi_next_hover.png) no-repeat;width: 36px;height: 36px;}

.slide_banhmoi .item {

   margin: 0px 15px;

}

.slide_quantam .slick-slide {

   margin: 0px 20px;

}

.img_itemnho {

   float: left;

   margin-right: 10px;

   position: relative;

   z-index: 999;

}

.name_itemnho a {

   font-family: Tahoma;

   font-size: 15px;

   color: #000;

   text-decoration: none;

}

.gia_itemnho {

   font-size: 20px;

   font-family: Tahoma;

   color: #a6ca38;

   position: relative;

   top:-5px;

}

.btn_itemnho img {

   float: left;

}

.name_itemnho {

   height: 44px;

   overflow: hidden;

}

.icon_dichvu img {

   float: left;

   margin-right: 10px;

   margin-top: 4px;

}

.icon_dichvu {

   min-height: 40px;

   margin-bottom: 35px;

}

.name_icondichvu {

   font-size: 15px;

   font-family: Tahoma;

   font-weight: bold;

   text-transform: uppercase;

}

.mota_icon_dichvu {

   font-family: Tahoma;

   font-size: 15px;

}

.box_news {

   width: 270px;

   float: left;

   margin-right:40px;

}

.box_news:nth-child(4n){margin-right:0px;}

.box_news h3 a {

   font-size: 18px;

   color: #333333;

   text-decoration: none;

   font-family: Tahoma;



}

.box_news h3{height: 49px;overflow: hidden;}

.box_news .mota {

   margin-top: 5px;

   font-size: 15px;

   font-family: Tahoma;

   color: #333333;

}

.mota span a {

   color: #333;

   font-weight: bold;

   padding-left: 10px;

}

.slide_danhmuc {

   margin: 60px 0px;

}

.slide_banhmoi {

   margin-bottom: 50px;

}

.mgb60{margin-bottom:10px;}

.item_nho {

   margin-bottom: 50px;

}

.column_w270 {

   width: 270px;

   float: left;

   margin-right: 40px;

}

.nomargin{margin-right:0px;}

.tieude_giua.tieudenho {

   margin-bottom: 15px;

   font-family: fjalla;

   font-size: 18px;

   position: relative;

}

.bg_xam {

   background: #f5f5f5;

   padding: 50px 0px;

}

div.tieude_giua.tieudenho div {

   background: #f5f5f5;

}

.tin_footer img {

   float: left;

   margin-right: 10px;

}

.tin_footer h3 {line-height: 15px;}

.tin_footer h3 a {

   color: #333333;

   font-size: 10px;

   font-family: Tahoma;

   text-decoration: none;

}

.tin_footer .mota {

   margin-top: 7px;

}

.tin_footer {

   border-bottom: 1px solid #e5e5e5;

   padding-bottom: 10px;

   margin-top: 10px;

}

.tin_footer:last-child {

   border-bottom: none;

}

.tin_foot .tieude_giua.tieudenho div {

   background: #fff;

}

ul.foot_list li {

   list-style-type: none;

   margin-bottom: 5px;

}

ul.foot_list li a {

   text-decoration: none;

   background: url(images/icon_list.png) no-repeat 0px;

   padding-left: 20px;

   color: #333333;

   font-family: Tahoma;

   font-size: 15px;

}

.tin_foot {

   margin-top: 50px;

   padding-bottom: 30px;

}

.social_foot img{margin-right:20px;}

.box_news h3 a:hover{

  color:#a6ca38;

}

.mota span a:hover{color:#a6ca38;}

ul.breadcrum li{float:left;list-style-type: none;}

ul.breadcrum li a,ul.breadcrum li {

   font-size: 14px;

   font-family: Tahoma;

   color: #b5b5b5;

   text-decoration: none;

}

li.li_khoangcach{margin:0px 10px;}

div.breadcrum {

   background: #f9f9f9;

   height: 48px;

   line-height: 48px;

   border-top: 1px solid #e9e9e9;

   border-bottom: 1px solid #e9e9e9;

   margin-bottom:20px;

}

.w840{width: 860px;float:right;}

.w270{width: 300px;float:left;}

.product .item {

   width: 24%;

   margin: auto;

   margin-right: 1%;

   margin-bottom:1%;

}

#right .product .item{margin-right:13px;}

#right .product .item:nth-child(4n),.product .item:nth-child(4n){margin-right:0px !important;}

.phantrang_ajax {

   width: 140px;

   background: #a6ca38;

   text-align: center;

   color: #fff;

   text-transform: uppercase;

   font-family: fjalla;

   font-size: 20px;

   padding: 5px 20px;

   margin: auto;

   margin-top: 20px;

}

.w270 .tieude_giua {

   margin-bottom: 20px;

   font-family: roboto-conr;

}

.tags_sanpham ul li {

   list-style-type: none;

   float: left;

   text-align: center;

   background: #f4f4f4;

   padding: 10px;

   margin-bottom: 5px;

   transition:0.5s;

}

.tags_sanpham ul li:nth-child(2n){

  width: calc(50% - 2.5px);

  float:left;

}

.tags_sanpham ul li:nth-child(2n+1){

  width: calc(50% - 2.5px);

  float:right;

}

.tags_sanpham ul li a {

   font-family: Tahoma;

   text-decoration: none;

   text-transform: uppercase;

   font-size: 13px;

   color: #52973a;

   transition:0.5s;

}

.tags_sanpham ul li:hover{

  background:#52973a;

  transition:0.5s;

}

.tags_sanpham ul li:hover a{

  color:#f4f4f4;

  transition:0.5s;

}

.expand_list,.collap {

   font-size: 20px;

   position: absolute;

   right: 0px;

   top: -3px;

   cursor: pointer ;

}

ul.cat_right > li {

   list-style-type: none;

   position: relative;

   background: url(images/icon_circle.png) no-repeat 0px 20px;

   padding-left: 30px;

   padding-bottom: 10px;

}

ul.list_children li {

   background: url(images/icon_circle.png) no-repeat 0px;

   list-style-type: none;

   padding-left: 20px;

   margin-top: 10px;

}

ul.cat_right li:after {

   content: "";

   position: absolute;

   left: 0px;

   width: 100%;

   height: 1px;

   background: #dbdbdb;

   top: 25px;

}

ul.cat_right li a {

   font-size: 15px;

   color: #5c5c5c;

   font-family: Tahoma;

   text-decoration: none;

}

.list_children{display: none;}

ul.cat_right > li:hover > a:hover,ul.list_children li:hover a:hover,ul.cat_right > li > a.active,ul.list_children li a.active{color:#52973a;text-decoration: underline;}



.right_dichvu {

   border: 1px solid #cccccc;

   padding: 20px 10px;

   margin:20px 0px;

}

.right_dichvu .icon_dichvu:last-child{

  margin-bottom:0px;

}

.right_dichvu .mota_icon_dichvu{font-size: 14px;}

li.mota {

   margin-top: 10px;

   margin-bottom: 10px;

}

li.masp {

   margin-bottom: 10px;

}

li.lopbanh{

    margin-top:5px;

}

li.khuon {

    margin-bottom: 20px !important;

}

.banh_lop1, .banh_lop2, .banh_lop3 {

   display: inline-block;

   margin-right:10px;

}

.product_info li p {

   display: inline-block;

   min-width: 70px;

}

.product_info li select {

   width: 119px;

   height: 35px;

   padding-left: 5px;

}

li.size, li.khuon, li.lopbanh,li.soluong_cl {

   margin-bottom: 10px;

}

.social_icon {

    margin-top: 30px;

}

li#capnhatgia {

    color: #f80d0d;

    font-size: 25px;

    font-family: Tahoma;

    margin-top: -5px;

    font-weight: bold;

}

li.soluong_cl, li.btn_dathang {

    display: inline-block;

    vertical-align: -webkit-baseline-middle;

}

div#hienthongtin {

   width: 200px;

   position: absolute;

   background: #a6ca38;

   color: #fff;

   padding: 10px;

   border: 1px solid #4c9810;

   border-radius: 5px;

   display:none;

   margin-top:23px;

   z-index:9999999;

}

.right_gh {

   width: 38%;

   float: right;

}

.left_gh {

   width: 60%;

   float: left;

}

div.td_gh {

   font-size: 18px;

   margin: 10px 0;

   text-transform: uppercase;

   color: #a6ca38;

   border-bottom: 1px solid;

   font-family: roboto-b;

}

.frm_lienhe input,.frm_lienhe select,.frm_lienhe textarea{width: calc(100% - 130px) !important;}

img#anthongtin {

   position: relative;

   top: 3px;

   left: 5px;

}

label a {

   color: #a6ca38;

   text-decoration: none;

}

.left_gh,.right_gh{font-family: Tahoma;}

span.anthongtin {

   margin-left: 10px;

   text-transform: uppercase;

   background: #4c9810;

   color: #fff;

   padding: 4px 5px 5px 5px;

   position: relative;

   top: 21px;

   font-size: 10px;

   left: 15px;

}

.sortby {

   margin-bottom: 30px;

   text-align: right;

}

.sortby select {

   height: 40px;

   width: 300px;

   padding-left:10px;

   transition:0.2s;

}

.sortby select:hover {

  transition: 0.2s;

  border-radius: 0px;

}

#right .slide_danhmuc{margin: 30px 0px;}

#right .product .item{width: 23.5%;}

div.menu ul li ul li {

   margin-right: 0px;

}

.w840 .box_news:nth-child(3n){

  margin-right:0px;

}

.w840 .box_news {

   width: 270px;

   float: left;

   margin-right: 25px;

   margin-bottom:25px;

}

input.tritt_lienhe_button {

   width: 100px !important;

   background:#a6ca38 !important;

   border:1px solid #4b9810 !important;

}

input.tritt_lienhe_button:hover{

  color:#4b9810 !important;

}

p.huongdan_class a {

   text-decoration: none;

   color: #a6ca38;

   font-size: 18px;

}

.fixright {

   width: 77px;

   position: fixed;

   top: 35%;

   left: 0px;

   background:#f4f4f4;

   text-align: center;

   font-size: 14px;

   font-family: fjalla;

   text-transform: uppercase;

   z-index: 9999;

   color: #a6ca38;

}

.text_facebook {

   background: #a6ca38;

   padding: 5px;

   margin: 10px 0px;

}

.text_facebook a{text-decoration: none;color:#fff;}

.btn_giamgia {

   float: left;

   background: #4c9810;

   padding: 10px 20px;

   text-transform: uppercase;

   color: #fff;

   cursor: pointer;

   font-size: 18px;

   font-family: fjalla;

}

input#magiamgia {

   background: #a6ca38;

   border: none;

   float: left;

   height: 47px;

   line-height: 47px;

   font-size: 18px;

   color:#fff;

   padding-left: 10px;

}

.mg20{margin:20px 0px;}

input#magiamgia::-webkit-input-placeholder { /* Chrome/Opera/Safari */

 color: #fff;

}

input#magiamgia::-moz-placeholder { /* Firefox 19+ */

 color: #fff;

}

input#magiamgia:-ms-input-placeholder { /* IE 10+ */

 color: #fff;

}

input#magiamgia:-moz-placeholder { /* Firefox 18- */

 color: #fff;

}

.tags_sanpham {

   margin-bottom: 20px;

   margin-top:30px;

}

.item .back,.back{

  opacity:0;

  position: absolute;

  top:0px;

  left:0px;

  transition:0.5s;

}

.item:hover .back,.back:hover{opacity: 1;transition:0.5s;}

.black_overlay {

    display: none;

    position: fixed;

    top: 0%;

    left: 0%;

    width: 100%;

    height: 100%;

    background-color: black;

    z-index: 1001;

    -moz-opacity: 0.8;

    opacity: .80;

    filter: alpha(opacity=80);

}

.white_content {

    display: none;

    position: fixed;

    top: 25%;

    left: calc(50% - 250px);

    height: 50%;

    padding: 16px;

    border: 5px solid #a6ca38;

    background-color: white;

    z-index: 1002;

}

a#close_popup {

    background: #a6ca38;

    color: #fff;

    text-decoration: none;

    font-size: 20px;

    position: absolute;

    width: 30px;

    text-align: center;

    border-radius: 50%;

    right: -15px;

    top: -15px;

    z-index: 999999;

}

#content_huongdan{height:100%;overflow: scroll;}

.left_dathangthanhcong {

    float: left;

}

h3.camon {

    text-transform: uppercase;

    color: #a6ca38;

    font-size: 20px;

    margin-bottom: 10px;

}

.right_dathangthanhcong {

    font-size: 15px;

    line-height: 30px;

    text-align: justify;

}

b.name_team {

    font-size: 20px;

    color: #589414;

}

input.buoigiao {

    display: inline-block;

    width: 15px !important;

    position: relative;

    top: 3px;

}

input.buoigiao:nth-child(4){

	margin-left: 20px;

}

p.tritt_timkiem span.tritt_keyword, p.tritt_timkiem span.tritt_soluong_sanpham {

    font-size: 21px;

    color: red;

    font-weight: bold;

}

.banh_lop1 {

    margin-bottom: 10px !important;

}

li.soluong_cl {

    margin-top: 0px !important;

}

p.tritt_timkiem {

    position: relative;

    

}

div#content_tabs .tab ul {

    margin-left: 30px;

}

div#fancy-popup a {

    display: flex;

}

.title_fancy {

    font-size: 16px;

    text-transform: uppercase;

    text-align: center;

    margin-bottom: 10px;

    font-weight: bold;

    color: #363233;

    position: relative;

    font-family: Tahoma;

}

.content_khaosat {

    padding: 10px;

}

.diengiai_fancy {

	text-align: center;

    font-size: 15px;

    font-family: Tahoma;

}

.text_fancy {

    font-size: 14px;

    display: inline-block;

    border-bottom: 1px solid #acd043;

    margin-bottom: 10px;

    color: #7f9a2f;

    text-transform: uppercase;

}

.row_fancy {

    margin-top: 15px;

}

.input_fnacy select,.input_fnacy input {

    height: 25px;

}

.w50{

	width: 50%;

	float:left;

}

.w90{

	width: 90%;

}

.w90other{

	width: calc(90% - 50px);

}

.click_fancy {



    width: 150px;



    background: #00a651;



    text-align: center;



    margin: 20px auto;



    font-size: 16px;



    padding: 5px;



    color: #fff;



    font-weight: bold;



}

.camon_fancy {

    font-size: 12px;

    text-align: center;

    margin: 0px 60px;

    font-family:Tahoma;

    margin-top: 20px;

}

select#thanhpho, select#quanhuyen {

    width: 46%;

}

select#bietgelli {

    width: 98%;

}

select#quanhuyen {

    float:right;

}

select#muontangchoai {

    width: 265px;

}

input#ngaycan {

    float: right;

}

.text_fancybox {

    font-family: Tahoma;

    font-size: 12px;

    color: #000;

    margin-bottom: 10px;

    margin-top: 20px;

}

.content_khaosat input,.content_khaosat select {

    margin-right:14px;

    height:35px;

    border: 1px solid #00a651;



    border-left: 5px solid #00a651;

    padding-left: 9px;



    color: #000;



    font-size: 16px;

}



.btn_zalo{background:#0180c7;}



.btn_facebook{background:#2a5297;}



.btn_goidien{background:red;}



.btn_zalo a,.btn_facebook a,.btn_goidien a{



    color:#fff;



    text-transform: uppercase;



    font-weight: bold;



    text-decoration: none;



}



.btn_zalo,.btn_facebook,.btn_goidien{



    display: inline-block;



    padding:5px 10px;



    margin:0px 10px;



    border-radius: 5px;



}



.button_center{text-align: center;}

.content_rightpro {

    border: 1px solid #ccc;

    border-radius: 5px;

    padding: 15px;

    font-size: 15px;

}

ul.check_icon li,ul.shield_icon li {

    list-style-type: none;

    background: url(images/icon_check.png) no-repeat 0px;

    padding-left: 30px;

    font-size: 15px;

    margin-bottom: 15px;

    min-height: 23px;

}

.lh15{line-height: 15px;}

ul.shield_icon li {background: url(images/icon_shild.png) no-repeat 0px;}

.mgb15{margin-bottom:15px;}

select#quan_right,select#phuong_right {

    height: 35px;

    width: 100%;

    border-radius: 5px;

}

span.greenbold {

    font-weight: bold;

    color: #a6ca38;

    font-size: 20px;

}

.huongdan_baoquan a {

    color: blue;

}

.huongdan_baoquan {

    text-align:center;

}

li.size, li.khuon {

    display: inline-block;

}

li.khuon{margin-left: 30px;}

ul.product_info select {

    border-radius: 5px;

}

ul.visible {

    display: block;

}

.khongtontai_sanpham {

    text-align: center;

    font-size: 16px;

    color: #999;

    font-style: italic;

    margin: 10px 0px;

}

/*LANDING PAGE*/



.img_landing_about {



    float: left;



    width: 50%;



}



.content_landing_about {



    width: 47%;



    float: right;



}



.title_landing_about {



    font-family: Myriad Pro;



    font-weight: bold;



    text-transform: uppercase;



    font-size: 30px;



    color: #00a651;



}



.noidung_landing_about {



    font-family: Myriad Pro;



    font-size: 22px;



    line-height: 30px;



    margin-top: 40px;



    margin-left:20px;



}



.noidung_landing_about p{



    margin-bottom: 20px;



}



.button_dathang {



    background: #00a651 !important;



    display: inline-block;



    padding: 10px 30px;



    font-family: Myriad Pro;



    color: #fdfbfb;



    font-size: 22px;



    border-radius: 30px;



    cursor: pointer;



    transition: 0.5s;



    border: none !important;



}



.button_dathang:hover{



	background: #a6ca38;



	transition: 0.5s;



}



.button_dathang img{



	height: 20px;



    position: relative;



    top: 3px;



    margin-left: 10px;



}



.fr{float:right;}



section#sanpham_landing {



    background: url(images/background_sanpham_landing.png);



    margin-top:50px;



    padding:20px 0px;



}



.title_sanpham_landing {



    font-size: 35px;



    text-align: center;



    font-family: Myriad PRO;



    color: #00a651;



}



.title_small_sanpham_landing {



    font-size: 17px;



    font-family: Myriad PRO;



    text-align: center;



    margin-bottom: 40px;



}



.tabs_title ul{



	text-align: center;



	border-top:1px solid #ccc;



	border-bottom:1px solid #ccc;



	height: 35px;



}



.tabs_title ul li {



    display: inline-block;



    list-style-type: none;



    font-size: 22px;



    color: #757a78;



    margin: 0px 20px;



    border-right: 1px solid #ccc;



    padding-right: 40px;



    height: 25px;



    line-height: 25px;



    position: relative;



    top: 4px;



    cursor: pointer;



}



.tabs_title ul li:last-child{border-right: none;}



.tabs_title {



    margin: 10px 0px;



}



.tabs_title ul li.active,.tabs_title ul li:hover {



    color: #00a651;



}



#sanpham_landing .hover_sang1:before{



	transition:0.5s;



}



#sanpham_landing .hover_sang1:hover:before {



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    background: rgba(255,255,255,0.5) !important;



    content: '';



    z-index: 7;



    transition:0.5s;



}



span.btn_muangay.button_dathang img {



    height: 16px;



}



section#biquyet_dambao {



    margin: 50px 0px;



}



.content_biquyet_landing{margin-top:20px;}



.item_baoquan_landing {



    width: 23%;



    margin: 0px 1%;



    float: left;



    text-align: center;



}



.name_baoquan_landing {



    font-size: 18px;



    font-family: Myriad PRO;



    text-transform: uppercase;



    color: #00a651;



    margin: 10px 0px;



}



.mota_baoquan_landing {



    font-size: 14px;



    font-family: Myriad PRO;



    color: #403e3e;



    line-height: 25px;

}



#taisao_chongelli{



	background: #acd373;



	padding:50px 0px;



	padding-bottom:80px;



}



.white_color{color:#fff !important;}



.content_camnhan_landing{margin-top:20px;background:url(images/background_camnhan.png) no-repeat;padding:50px;}



.slide_camnhan .slick-prev{background:url(images/next_camnhan.png) no-repeat;background-size:40px 40px;}



.slide_camnhan .slick-next {



    background: url(images/prev_camnhan.png) no-repeat;background-size:40px 40px;



}



.slide_camnhan {



    background: rgba(255,255,255,0.8);



    padding: 30px;



}



.img_camnhan_landing img {



    border-radius: 50%;



    border: 1px solid #5d5a5a;



}



.name_camnhan_landing {



    font-size: 17px;



    font-weight: bold;



    font-family: Myriad PRO;



    color: #5e5858;



    margin: 10px 0px;



}



.mota_camnhan_landing {



    font-size: 17px;



    font-style: italic;



    font-family: Myriad PRO;



    color: #5e5858;



}



section#camnhan_khachhang {



    margin: 50px 0px;



}



#yeucau_tuvan .content_khaosat{



	width: 600px;



}



#yeucau_tuvan input#sodienthoai_khaosat {



    float: right;



}



#yeucau_tuvan input#hoten_khaosat {



    width: 257px;



}



#yeucau_tuvan select#muontangchoai {



    width: 340px;



}



.click_fancy img {



    height: 14px;



    position: relative;



    top: 1px;



    padding-left: 10px;



}



#yeucau_tuvan .click_fancy {



    background: #00a651;



    text-align: center;



    margin: 20px auto;



    font-size: 16px;



    padding: 10px 20px;



    color: #fff;



    font-weight: bold;



    display: inline-block;



    border-radius: 20px;



    width: auto;



}



#yeucau_tuvan .text_fancybox{



	font-size:16px;



}



.content_tabs_landing .item {



    width: 31.5%;



}

.mucluc{

    background:#eef6fc;

    font-size: 16px;

    padding:10px;

    max-width: 400px;

    margin:10px 0px;

}

.title_mucluc{

    text-align: left;

    font-weight: bold;

    text-decoration: underline;

    margin-bottom: 10px;

}

.mucluc ol {

    margin-left: 25px;

}

.mucluc ol li{

    margin-bottom: 10px;

}

.mucluc ol li a,.mucluc a{

    color:#167ac6;

    cursor:pointer ;

}

.mucluc a:hover{

    color:green;

}

.chitiet_bangphiship {

    max-width: 300px;

}

.chitiet_bangphiship .text_title.mgb15 {

    font-size: 16px;

    text-transform: capitalize;

    text-decoration: underline;

    color: #559c05;

    font-weight: bold;

    font-style: italic;

}

/*END LANDING PAGE*/

div#header .wrap {

    height: 135.8px;

}

.danhmuc_slide {

    width: 100%;


    margin-bottom: 35px;


}

section#maubanhmoi {
    margin-bottom: 45px;
    width: 100%;
}

section#camnhan_slide {

    width: 100%;

    height: 460px;

    overflow: hidden;

}

.bix-hotline a {

    color: #fff;

    text-decoration: none;

}

li.lopbanh b {

    font-weight: bold;

}

div#mess_giaohang {

    color: red;

    font-weight: bold;

    line-height: 20px;

    margin-bottom: 10px;

}