@charset "utf-8";/* CSS Document */@font-face {    font-family: 'utm_helvetinsregular';    src: url('../fonts/utmhelvetins/utm_helvetins-webfont.eot');    src: url('../fonts/utmhelvetins/utm_helvetins-webfont.eot?#iefix') format('embedded-opentype'),	url('../fonts/utmhelvetins/utm_helvetins-webfont.woff2') format('woff2'),	url('../fonts/utmhelvetins/utm_helvetins-webfont.woff') format('woff'),	url('../fonts/utmhelvetins/utm_helvetins-webfont.ttf') format('truetype');	font-weight: normal;    font-style: normal;	}@font-face {	font-family: 'robotoregular';	src: url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.eot');	src: url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),	/* url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.woff2') format('woff2'), */	/* url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.woff') format('woff'), */	url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.ttf') format('truetype'),	url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');	font-weight: normal;	font-style: normal;}@font-face {    font-family: 'utm_alter_gothicregular';    src: url('../fonts/utm_altergothic/utm_alter_gothic-webfont.eot');    src: url('../fonts/utm_altergothic/utm_alter_gothic-webfont.eot?#iefix') format('embedded-opentype'),	url('../fonts/utm_altergothic/utm_alter_gothic-webfont.woff2') format('woff2'),	url('../fonts/utm_altergothic/utm_alter_gothic-webfont.woff') format('woff'),	url('../fonts/utm_altergothic/utm_alter_gothic-webfont.ttf') format('truetype');    font-weight: normal;    font-style: normal;	}@font-face {	font-family:'Glyphicons Halflings';	src:url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.eot);	src:url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');}@font-face {	font-family: 'RobotoCondensed-Bold';	src: url('../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.eot');	src: local('☺'), url('../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.woff') format('woff'), 	url('../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.ttf') format('truetype'), 	url('../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.svg') format('svg');	font-weight: normal;	font-style: normal;}@font-face{font-family: utm_avo;src:url("../fonts/UTM Avo.ttf");}@font-face{font-family: Roboto-Regular;src:url("../fonts/Roboto-Regular.ttf");}/*++++++++++START DEFAULT+++++++++++*/* {	margin: 0;	padding: 0;}body {	font-size: 14px;	color: #000;	font-family: Arial;}a {	color: #000;	text-decoration: none;}a:hover {	color: #052E6A;}a.active {	color: #F00;}a:active {	color: #555;}img {	border: none;}div.clear, .clearfix {	display: block;	clear: both;}input::-webkit-input-placeholder {	color: #a8a8a8;}input::-moz-placeholder {	color: #a8a8a8;}input:-moz-placeholder {   /* Older versions of Firefox */	color: #a8a8a8;	}input:-ms-input-placeholder { 	color: #a8a8a8);}input1::-webkit-input-placeholder {	color: #a8a8a8;}input1::-moz-placeholder {	color: #a8a8a8;}input1:-moz-placeholder {   /* Older versions of Firefox */	color: #a8a8a8;	}input1:-ms-input-placeholder { 	color: #a8a8a8);}#at4-share{	display: none !important; }.fl {    float: left;    text-align: center;}.fr {    float: right;}.none{display:none;}
blockquote {
    font-style: italic;
    padding: 0 0 0 20px;
    margin: 0 0 1.5rem;
    border-left: 5px solid #00b13a;
    font-size: 15px;
    line-height: 1.5;
}
.content {
    position: relative;
    margin: 0 auto;
    width: 1200px;
}
.zalo-chat-widget{
    left:30px!important;
    bottom:30px!important;
    width:50px!important;
    height:50px!important;
    animation: pulse-blue 2s infinite;
    border-radius: 33%;
}
@keyframes pulse-blue {
    0% {
        box-shadow: 0 0 0 0 rgba(42, 98, 255, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(42, 98, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(42, 98, 255, 0);
    }
}
.bg-black::before {
    content: '';
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    background-color: rgba(0 0 0/.4);
}
.list-index {
    background: #fff;
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 5px;
    margin-bottom: 10px;
}
.list-index-title{
    display: flex;
    align-items: center;
}
.list-index-title h4{
    font-size: 19px;
    padding: 10px 5px;
    font-weight: bold;
}
.list_dm_news{
    margin-left:auto;
}
.list_dm_news li{
    float: left;
    position: relative;
    list-style: none;
    margin-right:10px;
}
.list_dm_news li a{
    background-color: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    color: #444;
    padding: 5px 10px;
}
.content.new-menu{
    display: flex;
    align-items: center;
}
.content938 {    position: relative;    margin: 0 auto;    /*width: 938px;*/}
.featured-row {
    width: 100%;
    background: #fff;
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
}
.featured-title{
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    text-shadow: none;
    border-radius: 10px;
    margin-left: 10px;
}
.featured-content {
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(5,minmax(0,1fr));
    margin-bottom: 10px;
}
.featured-content .item {
    background: #fff;
    overflow: hidden;
    padding: 5px;
    border-right: 1px solid rgba(0,0,0,.05);
    border-bottom: 1px solid rgba(0,0,0,.05);
    -webkit-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
    position:relative;
}
.featured-content .item:hover {
    border-color: rgba(0,0,0,.12);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
}
.featured-content .item img {
    width:100%;
}
.featured-content .item .cate-title {
    font-weight: normal;
    width: 100%;
    text-align: center;
    line-height: 17px;
    margin: 10px 0 5px;
    font-size: 15px;
}
.featured-content .item .cate-price {
    font-weight: normal;
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #ff0000;
}
.featured-content .item .cate-noibat {
    position: absolute;
    top: 0;
    left: 3;
}
.featured-content .item .cate-noibat span {
    display: block;
    position: relative;
    background: #ef4136;
    color: #fff;
    text-decoration: none;
    padding: 5px;
}
.featured-content .item .cate-noibat span:before {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: 0;
    right: -6px;
    border-color: #ef4136 transparent;
    border-style: solid;
    border-width: 14px 7px;
}
.featured-content .item .cate-noibat span:after {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    bottom: -8px;
    left: 0;
    border-top: 8px solid #aa2d2d;
    border-left: 8px solid transparent;
}
.chitiettin img{
    max-width:600px !important;
    height: auto !important;
    margin: 0 auto;
    display: block;
    padding: 10px 0;
}
.items_index{
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 5px;
    margin-bottom:10px;
    position:relative;
}
.viewall{
    position: absolute;
    right: 10;
    top: 15;
    font-size: 15px;
    padding-right: 10px;
}
.viewall a::before {
    border-top: 1px solid #008000;
    border-right: 1px solid #008000;
}
.viewall a::before {
    content: '';
    height: 6px;
    position: absolute;
    transform: rotate( 45deg );
    top: 6px;
    right: 0;
    width: 6px;
}
/* Hieu ung */.hover_sang2{position:relative; overflow:hidden;}.hover_sang2:before{position: absolute;top: 0;left: -85%;z-index: 10;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}.hover_sang2:hover:before {transition: 1s;left: 100%;}/* End hieu ung *//* Hieu ung */.hover_sang3{ overflow:hidden; position:relative;}.hover_sang3:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(67, 69, 113, 0.1);-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}.hover_sang3:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: rgba(67, 69, 113, 0.1);-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}.hover_sang3:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}.hover_sang3:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}/* End hieu ung *//*++++++++++END DEFAULT+++++++++++*/@-moz-keyframes oscillation /*fire fox*/{	from	{		text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(255,255,255,1) , 0 0 40px #ff00de , 0 0 70px #ff00de , 0 0 80px #ff00de , 0 0 100px #ff00de ;	}	to{		text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(255,255,255,1) , 0 0 40px #00ffff , 0 0 70px #00ffff , 0 0 80px #00ffff , 0 0 100px #00ffff ;	}}@keyframes oscillation /*IE*/{	from	{		text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(255,255,255,1) , 0 0 40px #ff00de , 0 0 70px #ff00de , 0 0 80px #ff00de , 0 0 100px #ff00de ;	}	to{		text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(255,255,255,1) , 0 0 40px #00ffff , 0 0 70px #00ffff , 0 0 80px #00ffff , 0 0 100px #00ffff ;	}}@-webkit-keyframes oscillation /*chrome, safari*/{	from	{		text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(255,255,255,1) , 0 0 40px #ff0 , 0 0 70px #ff0 , 0 0 80px #ff0 , 0 0 100px #ff00de ;	}	to{		text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(255,255,255,1) , 0 0 40px #00ffff , 0 0 70px #00ffff , 0 0 80px #00ffff , 0 0 100px #00ffff ;	}}.blink_me {	-webkit-animation-name: blinker;	-webkit-animation-duration: 1s;	-webkit-animation-timing-function: linear;	-webkit-animation-iteration-count: infinite;		-moz-animation-name: blinker;	-moz-animation-duration: 1s;	-moz-animation-timing-function: linear;	-moz-animation-iteration-count: infinite;		animation-name: blinker;	animation-duration: 1s;	animation-timing-function: linear;	animation-iteration-count: infinite;}@-moz-keyframes blinker {  	0% { opacity: 1.0; }	50% { opacity: 0.0; }	100% { opacity: 1.0; }}@-webkit-keyframes blinker {  	0% { opacity: 1.0; }	50% { opacity: 0.0; }	100% { opacity: 1.0; }}@keyframes blinker {  	0% { opacity: 1.0; }	50% { opacity: 0.0; }	100% { opacity: 1.0; }}/*--------------------------START paging-----------------------------*/.wrap_paging {	margin:10px auto;	position: relative;	width: 100%;	padding: 0px 0px;	text-align: center;}.wrap_paging_top {	position: relative;	width: 100%;	padding: 7px 0px;	border-top: 1px dashed #CCC;	border-bottom: 1px dashed #CCC;	text-align: right;}.paging {	margin:0px auto;	text-align:center;}ul.pages li a i{		position:relative;}ul.pages .fa{	line-height: 25px !important;}.paging a {	float: left;		margin-right: 5px;	width: 25px;	height: 25px;	line-height: 25px !important;	text-align: center;	border: 1px solid #CCC;	background: #f9f9f9;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	-ms-border-radius: 3px;	-o-border-radius: 3px;	border-radius: 3px;	color: #000;	font-weight: bold;}.paging a.paginate_active {	background: #2ba40d;	border: 1px solid #27910d;	color: #FFF;}.paging a:hover {	background: #CCC;}.paging a.paginate_active:hover {	background: #2ba40d;	border: 1px solid #27910d;	color: #FFF;}.pages {	list-style: none;	margin: 0px;	padding: 0px;}.pages li {	/*float: left;*/	list-style: none;	display: inline-block;	margin-right: 5px;}.pages li a.active {	background: #b11116;	border: 1px solid #b11116;	color: #FFF;}/*--------------------------END paging-----------------------------*/.camera_caption a{    color: #fff;    text-transform: uppercase;    font-weight: normal!important;    font-family: arial !important;    font-size: 49px !important;    margin: 0 auto;    font-family: robotoregular;    text-transform: uppercase;    font-size: 15px;    color: #fff;    /* background: url(../images/ten_c.png) repeat-x !important; */    display: inline-block;    position: relative;    padding-left: 34px !important;    padding-right: 12px !important;    height: 54px;    line-height: 54px !important;} /* .camera_caption a:before {    position: absolute;    width: 47px;    height: 54px;    content: "";    top: 0px;    left: -19px;    background: url(../images/ten_l.png) no-repeat;	}	.camera_caption a:after {	content: "";	background: url(../images/ten_r.png);	width: 49px;	height: 54px;	background-size: 100% 100%;	position: absolute;	left: 100%;	top: 0px;} */
.fixed {    position: fixed !important;    width: 100%;    left: 0px;    right: 0px;    top: 0px;    z-index: 10000;    margin-top: 0px !important;}
#sticky-banner{
    position: fixed;
    left: 0;
    right: 0;
    top: 246px;
    margin: auto;
    z-index: 999;
    width: auto;
}

#sticky-banner .banner-left{
    position: absolute;
    left: calc(((100vw - 1200px)/2) - 125px);
}

#sticky-banner .banner-right{
    position: absolute;
    right: calc(((100vw - 1200px)/2) - 125px);
}
#header{
    /* height: 76px; */
    /*position: absolute; */
    /* top: 0; */
    /* background: rgba(0, 0, 0, 0.26) !important; */
    /* left: 0; */
    /* right: 0; */
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
}
#container_NNT{	margin:0 auto;	/*width: 1349px;	 background: #f9f9f9; */}.main-wrap{	margin:0 auto;	}
.right-main-header{
    /*float:right;*/
    /*padding-top: 30px;*/
    margin-left:auto;
}
/* .right-main-header a{    display: flex;    align-items: center;    justify-content: center;    text-align: center;    position: relative;    border: 1px solid #Ccc;    padding: 13px 9px 5px 9px;} */.right-main-header a sup{    background: #1a900e;    color: #fff;    padding: 4px 7px;    border-radius: 50%;    position: absolute;    right: -8px;    top: -8px;    font-size: 14px;    font-family: arial;}.right-main-header a i{    font-size: 31px;    position: relative;}.top-type-bar{    margin: 0 auto;	}.hotline-header span{	color:#686868;	text-transform:uppercase;}.hotline-header img.icon-hotline{    float: left;}.hotline-header b{	color: #000;}.hotline-header{font-size: 22px;line-height: 18px;float: left;color: #000;font-weight: normal;/* display: inline-block; */text-shadow: -1px 0 #fff,0 1px #fff,1px 0 #fff, 0 2px #fff;font-family: 'robotoregular'; */}.search-header{	float:left;	margin-left: 10px;	border-right: 1px dotted #ccc;    padding-right: 15px;	}.header-social{	float:left;	margin-left:15px;}.social-Follow ul,.social-Follow ul li{	list-style:none;}.social-Follow ul li{	display:inline-block;	margin-left:10px;	padding-top: 3px;}.header-social span,.header-social .social-Follow{	float:left;	margin-left:10px;}#header .lang_con {    float: left;    position: absolute;    top: 10px;    right: 0;    width: 10%;    color: #000;    font-size: 15px;}.hotline-header b{    color: #f00;    /* text-shadow: -1px 0 #fff,0 1px #fff,1px 0 #fff, 0 2px #fff; */}.logo_web img.bner{padding: 1px 20px;}.logo_web img{	/* max-width:125px; */	/* max-height:120px; */	float: left;}/*++++++++++START HEADER+++++++++++*/#header_top{    margin: 0 auto;    max-width: 1200px;    /* height: 127px; */    position: relative;    left: 0;    right: 0;    text-align: center;    z-index: 9999;    background: #fff;    top: 0;    /* border-top: 1px solid #ccc; */}.full_banner {    position: relative;    padding: 0;    margin: 0 auto;}
.banner_top{
    position: relative;
    width: 1200px;
    height: auto;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.left-banner{
    float: left;
    padding: 0 0;
    width: 250px;
}
.left-banner img{
    width: 180px;
    padding: 2px 0;
    transition: width 0.5s ease-in-out;
}
.left-banner.banner-fixed img{
    width: 135px;
    padding: 2px 0;
}
.banner_top .logo_web{		/* position: absolute; */		/* vertical-align: middle; */		/* left: 0; */		/* top: 30px; */		/* z-index: 123; */}.center-banner{	float:left;	padding: 35px 0 0 52px;}.center-banner .name-company{    font-family: 'robotoregular';    margin: 0 auto;    text-align: center;    font-size: 28px;    color: #ff0000;    font-weight: bold;}.address-company{    margin-top: 10px;    text-shadow: 1px 1px 8px rgba(0,0,0,0.8);}.line{background: url(../images/line.png) no-repeat;width: 1200px;height: 8px;margin: 0 auto;margin-bottom: 20px;}/*++++++++++END HEADER+++++++++++*/.item_video{float:left;}
.header_sticky{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 21;
}
.full_header{
    z-index: 21;
    position: relative;
}
.full_menu{
    z-index: 20;
    position: relative;
    margin-top: 83px;
}
.main-wrap-bg{
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 7px;
}
.dmsp{float: left;width: 250px;/* position: absolute; */top: 0;height: auto;margin-top: -44px;}
.slider-container{
    /* position: relative; */
    border-radius: 10px;
    overflow: hidden;
}
.slider-container img{
    width: 100%;
}

h2.title_menu1{    height: 41px;    line-height: 43px;    text-transform: uppercase;    background: #1C78B6;    color: #fff;    font-size: 16px;    font-weight: bold;    text-align: center;    /* border-top-left-radius: 5px; */    /* border-top-right-radius: 5px; */    border-bottom: 1px solid #075a92;}#top_slide{position: relative;height: 230px;top: -70px;z-index: 123;}#top_slide .content_top_slide{width: 1200px;margin:0 auto;/* padding: 40px; */}.thietke_cap1 {width: 161px;height: 282px;float:left;position: relative;/* outline: none; *//* border: none; */}.thietke_cap1 .vn83{width:264px;margin:0 auto;position: relative;}.thietke_cap1 .images{		overflow: hidden;}.thietke_cap1 .images img{	transition: all 1.2s ease 0s;    border-radius: 50%;    background: url(../images/vien_tron.png) repeat;    border: 10px solid transparent;}.thietke_cap1 .images:hover img {	transform: scale(1.0);	opacity:0.5;}.thietke_cap1 .name{text-align:center;position: absolute;background-color: rgba(0, 0, 0, 0.58);top: 43%;width: 93%;left: 0;right: 0;margin: 0 auto;padding: 10px 0px !important;border-radius: 6px;}.thietke_cap1 .name a{    color: #fff;    text-transform: uppercase;    font-weight: bold;    font-size: 15px;    /* padding: 14px 0px !important; */}.thietke_cap1 .name:hover{opacity:0.5;}.thietke_cap1 .name a:hover{    color: #fff;	}.right_noidung {    width: 930px;    margin: 0 auto;    line-height: 30px;    height: auto;    position: relative;}img.hinh_mo {    width: 32px;    height: 29px;    position: absolute;    top: 90px;}img.hinh_dong {    width: 32px;    height: 29px;    position: absolute;    bottom: -17px;    right: -31px;}/*++++++++++START MENU TOP+++++++++++*/
.nav-menu-header{	margin: 0 auto;	height: 35px;	position: relative;	top: 0px;	text-align: center;	background: #1a900e; display:none;}
.menu_duoi {
    background: #1c9b10;
    font-size: 12px;
    /*color: #fff;*/
    /*height: 43px;*/
    /*line-height:43px;*/
}.bg_input{margin-left: 11px;}/* .nav-menu-header:after{position: absolute;content:'';background:#F5F5F5;height:43px;width: 100%;left: 0;right: 0;bottom: -43px;z-index: 0;} */
.menu-fixed {    margin: 0 auto;    /*width: 1349px;*/    position: fixed !important;    top: 0;    left: 0;    right: 0;    z-index: 99;}
.menu-fixed:after{display:none;}
#menu_top{
    position: relative;
    /*height: 0;*/
    /*margin: 0 auto;*/
    /*z-index: 123;*/
}
div.menu_top_main{
    /*margin: 0 auto;*/
    /*position: relative;*/
    /*z-index: 20;*/
    /*width: 1200px;*/
}
#main_nav >ul {
    /*width: 700px;*/
    /*float:left;*/
}
.hotli_new{
    text-align: left;
    margin: 0 10px;
    padding: 7px 10px;
    border-radius: 5px;
    border: 1px solid #cecece;
}
.hotli_new_de{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hotli_new_de:nth-child(1){
    margin-bottom:3px;
}
.hotli_new_phone{
    font-size:16px;
    color: #1c9b10;
    font-weight: bold;
}
.hotli_new_name{
    color:#ff0000;
    margin-right: 5px;
}
.hotline_menu{float:left;line-height: 35px;color: #fff;font-weight: bold;vertical-align: text-top;    font-size: 14px;}.hotline_menu img{vertical-align: middle;width: 36px;}.hotline_menu span{    color: #ff0;}#main_nav ul ul{	float:left;}
div#main_nav ul li ul, div#main_nav ul li:hover ul ul, div#main_nav ul li ul li:hover ul ul {
    position: absolute;
    display: none;
    width: 200px;
    z-index: 99999999;
    background: #fff;
    top: 35px;
    left: 0px;
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    transition: opacity .25s,visibility .25s;
    border-radius: 5px;
    padding: 5px 0;
}
div#main_nav ul li:hover ul {	display: block;}
div#main_nav .first-list:before {
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    border-top: 0;
    margin-left: -10px;
    margin-top: -9px;
}
div#main_nav ul li ul li:hover ul, div#main_nav ul li ul ul li:hover >ul {left: 100%;display: block;}
div#main_nav ul li ul li ul {
    top: -5px !important;
    margin-left: 0px !important;
    width: 210px!important;
}#main_nav ul li{float:left;position: relative;list-style: none;}#main_nav ul li.active,#main_nav ul li:hover{}
#main_nav >ul >li{padding: 0px 10px;}
#main_nav ul li ul li{
    width:100%;
    text-align: left;
    /*background: #fff;*/
}
#main_nav ul li ul li:not(:last-child){
    border-bottom: 1px solid #e5e5e5;
}
#main_nav ul li a{
    display:block;
    color: #000;
    font-family: Arial;
    font-size: 15px;
    /*text-transform: uppercase;*/
    font-weight: bold;
    line-height: 35px;
}
.cold {
    position: absolute;
    top: -7px;
    right: 1px;
    font-size: 11px;
    font-weight: 900;
    color: #e02e2e;
    background: yellow;
    padding: 0 5px;
}
#main_nav> ul> li >a{}#main_nav> ul> li >a span{	padding-right:9px;	display:block;}#main_nav> ul> li >a span b{	font-family: 'robotoregular';	font-size: 17px;	color:#fff;	text-transform:uppercase;	display:block;	padding: 7px 0px;	font-weight: normal;}
#main_nav > ul > li >a:hover,#main_nav  > ul  > li >a.active{
    color: #1a900e;
}
#main_nav > ul > li >a:hover span,#main_nav  > ul  > li >a.active span{	background:url(../images/right_menu_hover.png) no-repeat right center;}
#main_nav > ul > li >a:hover span b,#main_nav  > ul  > li >a.active span b{}
#main_nav ul ul li a{
    background: none;
    line-height: 25px;
    font-size: 15px;
    padding: 6px 0px;
    padding-left: 10px;
    color: #000;
    font-weight: normal;
    /* font-family: 'robotoregular';*/
}
#main_nav ul ul li a:hover, #main_nav ul ul li a.active{
    color: #000;
    background: #efefef;
}
#main_nav ul ul li:hover, #main_nav ul ul li.active{
    /*color:#fff;*/
    /*background:#1c9b10;*/
}
a.search {    width: 30px;	height: 30px;	position: absolute;	right: 0;	top: 50px;	z-index: 100;	background: url(../images/icon_search.png) no-repeat center center;	font-size: 0;	padding: 0;	-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	-ms-transition: all 0.3s ease-in-out;}.search-form {    background-color: #fff;    width: 0px;    height: 27px;    position: absolute;    right: 25px;    top: 50px;    z-index: 99999999;    display: block;    -webkit-transition: all 0.5s ease-in-out;    -moz-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;    overflow: hidden;    border: 1px solid rgba(220,220,220,1);    opacity: 0;}.form-row-search {    width: 100%;    position: absolute;    top: 0;    left: 0;}.form-row-search input[type="text"] {    border: none;    outline: none;    width: 100%;    height: 27px;    padding: 0px 10px;    font-family: Arial, Helvetica, sans-serif;    font-size: 11px;    color: #000;    position: absolute;    display: block;    opacity: 0.7;    -webkit-transition: all 0.3s ease-in-out;    -moz-transition: all 0.3s ease-in-out;    -o-transition: all 0.3s ease-in-out;    -ms-transition: all 0.3s ease-in-out;}.form-row-search input[type="text"]:focus{opacity:1}#btnSearch{    cursor: pointer;    border: none;    padding: 2px 8px;}.bg_input span{	font-weight: bold;	font-size: 12px;	padding-top: 5px;	margin-right: 10px;	float: left;	color: #FFF;	font-family: Tahoma, Geneva, sans-serif;}.bg_input .search{	float:right;}
img{	border:none;}.search_frm{/* text-align: center; */position: relative;margin-top: 5px;}#search_frm_vi form{	border:none !important;}
.img_search {    /* top: 7px; */    /* right: 5px; */    /* position: absolute; */}
.bg_input a {/* padding-top: 12px; *//* background: #009bd3; *//* color: #fff; *//* padding: 9px 8px; */}
.img_search a img {/* height: 15px; *//* width: 18px; */}
/*++++++++++END MENU TOP+++++++++++*//*++++++++++START COL-MAIN+++++++++++*/.content-wrap{	margin:0 auto;	width: 100%;}.col_main{	margin:0 auto;	width: 1200px;}.center_full  {	margin:0 auto;	width: 1200px;}
/*slide hình*/
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: hidden;
    outline: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #000000a3;
}
.modal.show {
    display:block;
}
.close {
    color: white;
    top: 10px;
    right: 55px;
    font-size: 35px;
    font-weight: bold;
    position: fixed;
    z-index: 10000;
    cursor:pointer;
}
.prev-slide, .next-slide {
    cursor: pointer;
    position: fixed;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    border: 1px solid white;
    -webkit-user-select: none;
    z-index: 9999;
    height: auto;
    margin-right: 1em;
    background-color: transparent;
}
.next-slide {
    right: 0;
}
.modal-image {
    position: relative;
	margin: auto;
}
.modal-image img {
    width: 100%;
}
.modal-content2{
    position: relative;
    height: 100%;
    text-align: center;
    width: 100%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-content2{
    padding: 40px 6.66%;
}
.modal-image {
    height: 100%;
}
.modal-image img {
    height: 100%;
}
/*end slide hình*/
.col_center{
    float: right;
    width: 938px;
}
.col_left{	margin:0 auto;	float:left;	width: 250px;	position: relative;	z-index: 1;	/* margin-top: -43px; */}
.danh_sach_tin li{
    list-style: none;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    position:relative;
}
.danh_sach_tin li:not(:last-child){
    margin-bottom:8px;
}
.danh_sach_tin li:first-child{
    margin-top:8px;
}
.danh_sach_tin li a{
    display: block;
    overflow: hidden;
    padding: 10px;
    color: #333;
    font-size: 16px;
    line-height: 20px;
    background: #f1f1f1;
    border-radius: 4px;
    position: relative;
    padding-right: 20px;
    transition: .2s;
}
.danh_sach_tin .main:hover, .danh_sach_tin li.active .main {
    background: #1c9b10;
    color: #fff;
}
.danh_sach_tin .sub:hover, .danh_sach_tin li.active1 .sub {
    background: #fff;
    color: #1c9b10;
}
.danh_sach_tin li a:hover .iconshow, .danh_sach_tin li.active .iconshow {
    border-color:#fff;
}
.subcate {
    display: none;
    overflow: hidden;
    padding: 0 10px;
    background: #f1f1f1;
    padding-bottom: 10px;
}
.iconrig{
    position: absolute;
    right: 0px;
    top: -5px;
    padding:15px;
}
.iconrig:has(.iconclosed) {
    top:0px;
}
.iconshow {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #646464;
    border-right: 2px solid #646464;
    transform: rotate(135deg);
    display: inline-block;
    vertical-align: middle;
    padding:3px;
}
.iconclosed {
    transform: rotate(315deg);
}
.support-online.sp-fixed{
    position: fixed;
    top: 65px;
    width: 230px;
}
.support-online.sp-fixed1{
    position: fixed;
    width: 230px;
}
.col_right{	margin:0 auto;	float:right;	width:285px;}.wap_item{	padding-top:20px;}/*++++++++++END COL-MAIN+++++++++++*//*++++++++++START Col-Left-Right +++++++++++*/.bg-news-gioithieu{	margin:0 auto;	width: 1200px;	/* background:url(../images/bg-news-video.png) no-repeat bottom right; */	padding: 25px 0px 25px 0px;}.left-gioithieu {    float: left;    width: 441px;    margin-right: 30px;}.center-video {    float: left;    width: 390px;    margin-right: 30px;}.right-hotro {    float: left;    width: 300px;}.full-news-video{	margin:0 auto;	background: #F4F4F4;	height: 376px;}.bg-news-video{	margin:0 auto;	width: 1200px;	/* background:url(../images/bg-news-video.png) no-repeat bottom right; */	padding: 14px 0px 46px 0px;}.box_news2 {    padding-bottom: 0px;    padding-top: 5px;    margin-bottom: 32px;    font-size: 13px;    width: 32%;    float: left;}.images_news2 {    float: left;    margin-right: 11px;}	.mota_news{    font-size: 13px;}.name_news2 {    margin-bottom: 5px;}.name_news2 a {    color: #004F8B;}.center-duan{	float: left;width: 380px;}.right-news{	float: right;	width: 380px;}.left-content-news{	padding: 0px 0px 15px 15px;	margin: 15px 0px 0px 0px;}.left-content-news .left-item-news{	float:left;	width:210px;    margin: 0px auto;	}.left-info-news{	float:left;	margin-left:0px;	}.left-image-news{	float:left;	margin:0 auto;		}.left-info-news{	float:left;		}.left-info-news h4{	color:#008bbf;	font-size:15px;	margin:5px auto;		font-family: robotoregular;}.left-info-news div.description-news{	color:#000;		font-size:14px;	text-align: justify;		}.left-name-news{	/* float:left; */	/* width:245px; */	/* margin-left:10px; */}.left-name-news ul{    list-style: none;	padding:0;	}.left-name-news ul li{	text-indent: 10px;    background: url(../images/row_news.png) no-repeat left 5px;	}.left-name-news ul li a{	color:#008bbf;	text-indent:10px;}#box_video{	/* margin-top:15px; */}.select_video .video_lienquan{	padding:5px;	width: 100%;	margin:0 auto;	overflow:hidden;	text-align: center;}.select_video .video_lienquan li a{	cursor: pointer;	display:block;	}.right-kinhnghiem{float:right;width: 344px;background:#F4F4F4;padding: 15px;height: 390px;}.left_dangkytin{float:left;width:375px;}.right_tintuc{    float: right;    width: 770px;    background: #F1F1F1;    padding: 15px;}.left-video {    float: left;    width: 770px;    background: #D31145;    padding: 15px;}.item_full {}.item_tintuc{    position: relative;    width: 379px;    float: left;    margin: 0px 30px 30px 0px;}.item_tintuc .images_tintuc{    overflow: hidden;    width: 378px;}.item_tintuc .images_tintuc img{    /* border: 4px solid rgba(204, 204, 204, 0.82); */}.item_tintuc .images_tintuc img:hover{transform:scale(1.2);transition: 1s ease all;}.calendar{padding:10px 0;}.item_tintuc .mota_tintuc{    font-size: 13px;}.item_tintuc .name_tintuc{	}.item_tintuc .name_tintuc  a{	display: block;	text-align: left;	padding-top: 5px;	padding-bottom: 0px;	text-transform: uppercase;	font-size: 14px;	color: #114561;	font-weight: bold;	padding: 10px 0;}.item_tintuc .name_tintuc a:hover{color:#f00;}.item_tintuc .chitiet_tintuc{    text-align: right;}.item_tintuc .chitiet_tintuc a{    color: #005d8e;}.item_news_index{    position: relative;    width: 286px;    margin: 0 auto;    /* box-shadow: #999 0px 1px 8px 0px; */    /* height: 296px; */    background: #fff;    /* margin: 7px 5px; */    text-align: left;}.item_news_index .images_news_index{    overflow: hidden;    width: 286px;    height: 175px;}.item_news_index .images_news_index img{    /* border: 4px solid rgba(204, 204, 204, 0.82); */    transition: 1s ease all;}.item_news_index .images_news_index img:hover{transform:scale(1.2);transition: 1s ease all;}.calendar{padding:10px 0;}.item_news_index .mota_news_index{    font-size: 13px;    padding: 0px 0px;    text-align: justify;    color: #666666;    line-height: 22px;    font-family: Roboto-Regular;}.item_news_index .name_news_index{padding: 9px 0px;/* height: 30px; */}.item_news_index .name_news_index  a{	display: block;	font-size: 16px;	color: #666666;	font-weight: bold;	overflow: hidden;	white-space: nowrap;	text-overflow: ellipsis;	text-transform: uppercase;	font-family: Roboto-Regular;}.item_news_index .name_news_index a:hover{color:#f00;}.item_news_index .chitiet_news_index{    padding: 20px 10px;    text-align: right;}.item_news_index .chitiet_news_index a{color: #f00;/* text-transform: uppercase; *//* border: 1px solid #000; */padding: 8px 17px;/* background: #596C80; */font-weight: bold;}.item_news_index .chitiet_news_index a:hover{/* background: #D31145; *//* border: 1px solid #f00; */color: #052E6A;}.item_duan{    position: relative;}.item_duan img{    border: 4px solid #717171;}.item_duan .name_duan{    position: absolute;    bottom: 0;    background: rgba(0, 0, 0, 0.55);    padding: 10px;    width: 100%;}.item_duan .name_duan a{    color: #fff;    font-weight: bold;}
.cate-pro{
    /* width: 250px; */
    margin-bottom: 7px;
    margin-top: 0px;
    position: relative;
    background: #fff;
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
}
.cate-pro b{font-size: 17px;padding: 4px 0px 0px 21px;height: 49px;}
.cate-pro img.icon_dm{    margin-right: 12px;}
.wrap-pro-list {
    position: relative;
    background: #fff;
    height: 36px;
    font-family: Arial;
    font-weight: bold;
    line-height: 36px;
    text-transform: uppercase;
    font-size: 17px;
    width: 250px;
    color: #1a900e;
    /*z-index: 99;*/
    text-align: center;
    float: left;
    margin: 6px 0;
    border-radius: 5px;
}
.wrap-pro-list a{
    color: #1a900e;
}
.menu-overlay{
    background: rgba(0,0,0,.53);
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    transition: .3s;
    visibility: hidden;
    width: 100%;
    z-index: 19;
    top: 0;
}
.menu-overlay.active{
    opacity: 1;
    visibility: visible;
}
div.bg_input {
	position: relative;
	float: left;
	/*width:450px;*/
	/*padding: 5px 0;*/
	margin-right: auto;
    margin-left: 5px;
}
.search_frm {
	margin: 0 auto;
}
#search_frm_vi form {
	border: none !important;
	position: relative;
}
.search_frm select {
	float: left;
	width: 160px;
	height: 30px;
	border: 1px solid #ddd;
	color: #a8a8a8;
	font-size: 13px;
	font-style: italic;
	font-family: Arial;
	border-right: none;
}
.search_frm select option{color:#000;}
.bg_input input {
	text-indent: 5px;
    border: 1px solid rgb(221, 221, 221);
    color: rgb(168, 168, 168);
    font-size: 13px;
    float: left;
    width: 292px;
    height: 36px;
    line-height: 36px;
    font-style: italic;
    border-radius: 5px;
    padding-right: 70px;
    background-color: #f0f8ff;
}
.img_search {
	/*width: 85px; */
    float: left;
    background: rgb(237, 28, 36);
    /* height: 32px; */
    /* padding-right: 0px; */
    font-style: italic;
    position: absolute;
    right: 5;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 5px;
}
.img_search a {
	display: block;
    color: rgb(255, 255, 255);
    /* height: 36px; */
    /* line-height: 36px; */
    text-align: center;
    font-size: 14px;
    padding: 5px;
}
.thuonghieu:hover .listbrand {display: block;}
.giakhac:hover .listprice {display: block;}
.sapxep:hover .listsx {display: block;}

#log {
    background: #fff;
    position: absolute;
    top: 50px;
    /*width: 410px;*/
    /* max-width: 390px; */
    z-index: 9;
    /* left: 140px; */
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 20%);
    box-shadow: 0 0 2px rgb(0 0 0 / 20%);
    /*max-height: 490px;*/
    /*overflow: auto;*/
}
.list_news_search{
    padding-left: 10px;
}
.title_search{
    font-size: 15px;
    margin-top: 5px;
    padding: 5px 10px;
    border-bottom: 1px solid #d9d9d9;
    font-weight:bold;
}
.product_search {
    width: 400px;
    overflow: auto;
    max-height: 460px;
}
.title_suggest {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6c757d;
    background-color: #d9d9d9;
    padding: 5px 10px;
}
.suggest_search1{
    overflow: auto;
    max-height: 490px;
    width: 300px;
}
.suggest_search {
    width: 400px;
    overflow: auto;
}
.detail_suggest{
    padding: 5px 10px;
}
.detail_suggest.default li{
    background: url(../images/point-list.png) no-repeat 0px 8px;
    background-size: 15px;
    padding: 7px 0px 7px 20px;
    text-align:left;
}
.detail_suggest.default li a:hover{
    color: #ff0000;
}
.detail_suggest li{
    font-size: 14px;
    padding: 5px 0;
    list-style-type: none;
}
.news_search{
    width: 525px;
    max-height: 460px;
    display: flex;
    flex-wrap: wrap;
}
.news_search1{
    width: 260px;
    max-height: 460px;
}
.product_search::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.product_search::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.product_search::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.item_search.product {
    padding: 10px;
    text-align: left;
    position: relative;
    border-bottom: 1px solid #d9d9d9;
}
.item_search.news, .item_search.duan {
    padding: 7px 0;
}
.news_search .item_search.news, .news_search .item_search.duan {
    width: 50%;
}
#log .wrap {
    display: flex;
}
.item_search .img {
    float: left;
    width: 71px;
    position: relative;
}
.item_search .img img {
    width: 100%;
    height: auto;
}
.item_search .info {
    float: right;
    width: calc(100% - 76px);
}
.item_search .info .name {
    margin-bottom: 5px;
}
.item_search .name {
    color: #000;
    font-size: 14px;
    background: unset;
    height: unset;
    line-height: 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.item_search .datetime_km{
    font-size: 13px;
    color: #ff0000;
}
.item_search .price-search{
    display:flex;
}
.item_search .title_hide{
    margin-right: 3px;
}
.item_search .attr-search{
    margin-top: 5px;
}
.item_search .attr-search span {
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    color: #686868;
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    margin-right: 5px;
    padding: 4px 5px;
    font-family: unset;
    font-weight: unset;
}
.item_search .price {
    color: #ff0000;
    font-size: 14px;
    background: unset;
    height: unset;
    font-weight: bold;
    margin-right: 10px;
    margin-bottom: 5px;
}
.item_search .price-old {
    font-size: 13px;
    background: unset;
    height: unset;
    text-decoration: line-through;
    color: #868585;
}
.item_search .km {
    font-size: 12px;
    color: #2700ff;
    background: unset;
    height: unset;
    line-height: 1.5em;
    margin-left:5px;
}
.close_search {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 99;
    font-size: 20px;
    color: red;
    cursor: pointer;
}
.discount-search {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    padding: 1px 3px;
    background: #ff0000;
    position: absolute;
    top: 0;
    left: 0;
}
.search-overlay.active {
    opacity: 1;
    visibility: visible;
}
.search-overlay {
    background: rgba(0,0,0,.53);
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    transition: .3s;
    visibility: hidden;
    width: 100%;
    z-index: 19;
    top: 0;
}
.result-view-more{
    display: flex;
    align-items: center;
    padding: 10px;
    justify-content: center;
    font-size: 15px;
    text-decoration: underline;
    font-weight: bold;
}
p.title-catalog{
    /* text-indent: 45px; */
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;
    color: #1a900e;
    z-index: 99;
    text-align: center;
    padding: 10px 5px;
    border-bottom: 3px solid #1a900e;
}
ul.cateUl{	position: relative;	z-index: 1;	border-top: none;	border: 1px solid #ccc;}ul.cateUl > li{	display: block;	position:relative;	margin:0 auto;	border-top: 1px solid #999;}ul.cateUl > li > a{	text-indent: 25px;	font-size: 13px;	display: block;	line-height: 20px;	color: #000;	font-family:Arial, Helvetica, sans-serif;	background: url(../images/icon_list.png) no-repeat left 0px;	padding: 10px 0px 10px 0px;	padding-left: 0px;	background-position: 10px;	text-transform: uppercase;	font-weight: bold;}ul.cateUl > li > ul{		/* padding-left: 10px; */}ul.cateUl > li> a:hover{	color: #f00!important;}ul.cateUl>li>ul>li{	/* background: url(../images/icon2.png) no-repeat 10px 13px; */	display: block;	position:relative;	border-top: 1px solid #999;}ul.cateUl>li>ul>li>ul>li {	/* background: url(../images/icon_list.png) no-repeat 18px 16px; */	display: block;	position: relative;}ul.cateUl>li>ul>li>ul>li>a {	text-transform: capitalize;	font-size: 13px;	display: block;	line-height: 30px;	text-indent: 25px;	color: #101010;	border-bottom: 1px dotted #818080;	background: url(../images/icon_list.png) no-repeat 40px;	padding-left: 27px;}ul.cateUl>li>ul>li>a{	text-transform: capitalize;	font-size: 13px;	display: block;	line-height: 30px;	text-indent: 25px;	color: #000;	background: url(../images/icon_list.png) no-repeat 31px center;	padding-left: 19px;}ul.cateUl>li>ul>li>a>ul>li>a{	text-transform: capitalize;	font-size: 13px;	display: block;	line-height: 30px;	text-indent: 25px;	color: #299F01;	background: url(../images/li_left_sub_bg.png) no-repeat 10px center;	display:block;}ul.cateUl > li > a.active {}ul.cateUl>li>ul>li>ul>li>a.active{	color: #000;}ul.cateUl>li>ul>li>a.active{}ul.cateUl>li>ul>li>a:hover{	color: #f00!important;}ul.cateUl>li>ul>li>ul>li{	display: block;}ul.cateUl>li>ul>li>ul>li>a{	display: block;	height: 35px;	line-height: 35px;	/* text-indent: 30px; */	border-bottom:dotted 1px #bbbaba;}ul.cateUl>li>ul>li>ul>li>a:hover{	display: block;	color: #f00;}ul.info-cateUl li{	border-bottom:1px dashed #ccc;	}	.wrap-menu img.hinh_menu{position: absolute;    right: 0;top: 0;}ul#sidenav li.level1:hover div.wrap-menu{display: block;}.wrap-menu {display: none;width: 490px;position: absolute;top:0;left: 273px;padding: 15px 25px 25px;margin: 0;background: #fff;min-height: 365px;border: 1px solid #ccc;-moz-border-radius: 0 10px 10px 0;/* border-radius: 0 10px 10px 0; */}ul.dmcap2 li.levelsp {list-style-type:none;}ul.dmcap2{padding:0;margin:0;position: absolute;}div.wrap-menu ul.dmcap2 li.levelsp{    width: 195px;    /* float: left; */    margin: 0;    background: none;    /* margin-right: 30px; */    border: none;    line-height: 20px;}div.wrap-menu ul.dmcap2 li.levelsp a{color: #000;font-weight: bold;font-size: 13px;/* line-height: 6px; */}div.wrap-menu ul.dmcap2 li.levelsp a:hover{color:#f00;}div.wrap-menu ul.dmcap2 li.levelsp ul {padding:0}div.wrap-menu ul.dmcap2 li.levelsp ul li {list-style-type:none;}div.wrap-menu ul.dmcap2 li.levelsp ul li a{color:#000; font-weight: normal;}.info-news-col {    padding-top: 10px;    padding-bottom: 10px;}.info-news-col img {	width: 75px;    height: 65px;    float: left;    display: block;    border: 1px solid #ccc;	box-shadow: 0 0 5px #767070;    margin-right: 10px;    display: block;    padding: 3px;}.name-info-news {	text-align: justify;    padding-top: 5px;    padding-bottom: 5px;}.name-congtrinh a {    font-family: 'robotoregular';    color: #333333;    font-size: 14px;}/*++++++++++END LEFT-RIGHT= MAIN+++++++++++*//*++++++++++START LEFT-SUPPORT+++++++++++*/
.sub_con_other{
    margin: 0 auto;
    width: 100%;
    padding: 10px 0;
    /* box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, 1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset; */
    position:relative;
}
.sub_con_other:before {
    content: "";
    position: absolute;
    top: 1;
    left: 50%;
    transform: translateX(-50%);
    width: 115px;
    height: 5px;
    background: #489a00;
    clip-path: polygon(0 0,100% 0,96% 100%,4% 100%);
}
.list_news_left{
    display: flex;
    flex-direction: column;
}
.news_left{
    margin-bottom: 10px;
    padding: 10px;
    border-bottom: 1px solid #cbcbcb;
}
.news_left:hover{
    background: #ecffed;
}
.news_left .name{
    margin-top: 10px;
}
.news_left img{
    width: 100%;
}
.hotline_sup{	float:left;	margin-left:10px;	}.right_hotsup,.hotline_sup img{}.right_hotsup{	margin:10px auto;	float: left;}.right_hotsup b{	font-size:18px;	font-weight:bold;	float:left;	}.right_hotsup p{	font-size: 19px;	color: #ED1C24;	font-weight:bold;	float:left;}.info_support{	margin:15px auto;		}.info_support .name_skype_yahoo ul{	list-style:none;	padding:0;	margin: 0 auto;	text-align: left;}.info_support .name_skype_yahoo{	background:url(../images/li_sup.png) no-repeat 0px 5px;}.info_support .name_skype_yahoo ul li{		padding: 0 0px;		/* display:inline-block; */}.info_support .name_skype_yahoo ul li.name_sup{	float:none;	font-weight:bold;	color:#009f0f;}.info_support p{	font-weight: normal;	color:#222222;	font-size:14px;	line-height: 33px;}.info_support p span{color:#2682AA;}.hotline p {    padding-top: 10px;    padding-left: 120px;    font-size: 18px;    color: #555555;    font-weight: bold;    background: url("../images/icon_dienthoai.png") no-repeat left center;    background-position-x: 10px;    background-position-y: 0px;    height: 70px;    font-family: 'Times New Roman';}.hotline span {    color: red;}.item_support {    padding: 10px 0;    border-bottom: 1px solid #ccc;    /* box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, 1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset; */}.item_support:last-child{border-bottom:none;}.item_support .item1 {    /* background: url('../images/node.png')no-repeat 0px 4px; */    text-align: center;    /* width: 50%; */    font-weight: bold;    color: #ec0505;    font-size: 15px;	margin-bottom:2px;}.item_support .item1  img{margin: 0 1px;display: inline-block;}.dienthoai_left{    font-weight: bold;    color: #454545;    font-size: 14px;    text-align: center;	padding-bottom: 5px;}.dienthoai_left span{ color: #ec0505;}/*++++++++++End LEFT-SUPPORT+++++++++++*/.banggia {    display: block;    clear: both;    padding: 17px 0px;    border-bottom: 1px dashed #cdcdcd;}.banggia .name_banggia{float:left;}.banggia .name_banggia a {    color: #000;    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -o-transition: all 0.3s;    -ms-transition: all 0.3s;    transition: all 0.3s;    font-size: 20px;    margin-left: 14px;}.banggia .name_banggia a:hover{color:#f00;}.banggia .mota_banggia{float:right;}.banggia .mota_banggia a {    color: #fff;    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -o-transition: all 0.3s;    -ms-transition: all 0.3s;    transition: all 0.3s;    font-size: 20px;    background: #f00;    padding: 6px 20px;}.banggia .mota_banggia a:hover{color:#ff0;}#map_canvas2{width:100%;height:400px;}.hangve{	margin:0 auto;	border-bottom: 1px solid #ccc;	padding: 10px 7px;	height: 65px;}.hangve .images{float:left;width: 82px;height: 65px;margin-right: 6px;}.hangve .name{float:left;width: 142px;height:42px;font-size:11px;}.hangve .name a{font-size: 12px;font-weight: bold;color: #555555;}.hangve .mota{float:left;width:150px; height:42px;font-size:11px;}/*++++++++++START MAIN PRO+++++++++++*/.center_full .title-info{}.about-product{	/* background:url(../images/about-product.png) no-repeat bottom right; */	margin:0 auto;	padding-bottom: 20px;}.xemthem{    text-align: center;    margin-top: 92px;}.xemthem a{	font-weight: normal;    color: #000;    border: 1px solid #000;    padding: 8px 21px;}.xemthem a:hover{	color:red;	border: 1px solid red;}.left-index-about{	float:left;	width:475px;}.content-index-about{	margin:0 auto;	padding: 0px 0px 15px 15px;}.full_congtrinh{background:url(../images/bg_congtrinh.png);padding: 34px;height: 356px;}.full_congtrinh .content_congtrinh{width:1200px;margin:0 auto;}.item_hoatdong{    /* float: left; */    width: 217px;    margin: 32px 13px 0 0px;    outline: none;    border: none;    background: currentColor;}.item_hoatdong .names_hoatdong{text-align:center;margin-top: 3px;}	.item_hoatdong .names_hoatdong a{color: #fff;/* text-transform: uppercase; */font-weight: normal;font-size: 17px;}	.item_hoatdong img{/* padding-top:20px; */}	
.content-index-product{	/*margin:0 auto;*/padding-top: 0; margin-bottom: 20px;}
/*.box_load_p{
    width: 100%;
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(4,minmax(0,1fr));
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}*/
.item_dichvu{    float: left;    width: 580px;    outline: none;    border: none;    height: 430px;    margin: 0px 40px 100px 0;    position: relative;}.item_dichvu .bottom{    position: absolute;    bottom: 0;    background: url(../images/ten_dv.png) no-repeat;    width: 497px;    height: 112px;    left: 0;    right: 0;    margin: 0 auto;}.item_dichvu .bottom img.hinh{    position: absolute;    left: 0;    right: 0;    margin: 20px auto;		width:35px;	height:40px;	}.item_dichvu .images{ overflow: hidden;}.item_dichvu .images img{ transition: all 1.2s ease 0s;}.item_dichvu .images:hover img{	transform: scale(1.2);	}.item_dichvu .names{    position: absolute;    top: 73px;    width: 100%;    margin: 0 auto;    text-align: center;}.item_dichvu .names a{    color: #ED1C24;    text-transform: uppercase;    font-weight: bold;    font-size: 19px;}.item_dichvu .names a:hover{color:#00f}.item_dichvu .xemthem{    text-align: center;}.item_dichvu .xemthem a{float: none;border: 1px dashed;padding: 2px 10px;color: #000;font-weight: normal;}
.content-index-product .items-index-product1{
    margin: 0 5px;
}
.items-index-product1:hover{
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.18823529411764706), 0 2px 6px 2px rgba(60,64,67,.32941176470588235);
}
.content-index-product .items-index-product{
    position: relative;
    padding: 10px;
    border-radius: 10px;
    padding-bottom: 15px;
    /*border: 1px solid #eaecf0;*/
    background: #fff;
}
.content-index-product .items-index-product.new{
    border: 1px solid #32cc27;
}
.content-index-product .items-index-product.banchay{
    border: 1px solid #f59100;
}
.content-index-product .items-index-product:hover {	
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.18823529411764706), 0 2px 6px 2px rgba(60,64,67,.32941176470588235);
}
.content-index-product .items-index-product:hover a img {
    transform: translateY(-5px);
}
.duonggach{
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap:10px;
    margin-bottom: 10px;
}
.duonggach_index{
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap:10px;
    margin-bottom: 10px;
}
.content-index-product .items-index-product:nth-child(4n+4){margin-right:0;}.content-index-product .items-index-product:nth-child(4n+5){clear:both;}
.content-index-product .items-index-product .images {
    position: relative;
    padding: 20px 0 5px 0;
}
.items-index-product a img{
    margin: 0 auto;	
    max-width: 100%;
    text-align: center;	
    padding: 1px;
    transition: all .2s ease;
    will-change: transform;
}
.items-index-product a img.noibat {
    object-fit: cover;
    width: 160px;
    height: 210px;
}
.items-index-product .discount-tag {
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(../images/icon_phantram.png) no-repeat right top;
    background-size:35px;
    padding: 0;
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 35px;
    width: 35px;
    line-height: 40px;
    font-weight: bold;
}
.items-index-product .dacdiem-noibat{
    position: absolute;
    width: 40px;
    top: 40px;
    right: 0px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.items-index-product .dacdiem-noibat span{
    font-size: 9px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    color: #666666;
}
.items-index-product .dacdiem-noibat span img{
    width: 70%;
    filter: brightness(0) saturate(100%) invert(61%) sepia(3%) saturate(5%) hue-rotate(335deg) brightness(93%) contrast(81%);
}
.items-index-product .tag-product {
    display:flex;
    gap:5px;
    position: absolute;
    bottom: -5px;
    left: -5px;
}
.items-index-product .tag-product .giamgia-tag {
    color: #fff;
    background-color: #ff0000;
    display: inline-flex;
    align-items: center;
    padding: 5px 0.5rem;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
}
.items-index-product .tag-product .banchay-tag {
    display: inline-flex;
    align-items: center;
    padding: 5px 0.3rem;
    border-radius: 5px;
    color: #f59100;
    font-size: 14px;
}
.items-index-product .tag-product .new-tag {
    display: inline-flex;
    align-items: center;
    padding: 5px 0.5rem;
    border-radius: 5px;
    color: #00a62b;
    font-size: 14px;
}
.items-index-product .project-tag {
    display: inline-flex;
    align-items: center;
    padding: 5px 0.5rem;
    border-radius: 5px;
    font-size: 12px;
    border: 1px solid #898989;
}
.items-index-product:hover .mota_product {
    top:0px !important;
    z-index:99 !important;
}
.name_product_nb {
    margin: 0 auto;
    width: 100%;
    padding: 10px 0;
}
.pro-rel.cat-fixed{
    position: fixed;
    top: 40px;
}
.items-product-rel {
    position: relative;
    display: flex;
    height: 100px;
    border: 1px solid #e4e4e4;
    padding: 5px 0;
}
.images-rel{
    width: 30%;
    margin: 0 10px;
    overflow: hidden;
}
.images-rel img {
    max-width: 100%;
    padding: 1px;
    height: 100%;
    object-fit: cover;
}
.items-product-rel .discount-tag {
    position: absolute;
    bottom: 20px;
    right: 10px;
    background: url(../images/icon_phantram.png);
    padding: 0;
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 32px;
    width: 32px;
    line-height: 30px;
    font-weight: bold;
    background-size: cover;
}
.info-rel{
    margin-top: 10px;
}
.name-rel, .price-rel, .price-sale-rel{
    margin: 5px 0;
}
.name-rel a{
    font-weight: bold;
}
.price-sale-rel{
    text-decoration: line-through;
    font-size:13px;
    color:#868585;
}
.name_product_nb a {
    color: #3f3f3f;
    font-size: 14px;
    font-weight: bold;
    font-family: Roboto-Regular;
    display: block;
}
.name_product_nb a:hover{color:#ec0606;}.items-index-product .gia{    text-align: center;    font-weight: bold;    color: #787878;    /* font-family: 'robotoregular'; */}.items-index-product .gia span{color:#f00;}.masp{    color: #f00;    text-align: center;}.chitiet{text-align: center;}.chitiet a:hover{color: #fff;background: #f00;}.chitiet a.lien_he{    margin-left: 21px;}.chitiet a{color: #000;background: #F2F2F2;padding: 9px 27px;}.btnViewMore {    font-size: 15px;    font-weight: 700;    color: #000000;    line-height: 22px;    padding: 8px 24px;    background: #FFFAFE;    border: 2px solid #000000;    text-align: center;    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    transition: all 0.5s ease;    outline: 0 !important;}.btnViewMore:hover {    background: #000000;    color: #fff;}.content-index-product .item_pro_nb{    width: 281px;    background: #fff;    height: 261px;    position: relative;    text-align: center;    outline: none;    margin: 0 auto;}.content-index-product .item_pro_nb .images_pro{overflow: hidden;height: 210px;width: 280px;position: relative;margin-bottom: 5px;}.content-index-product .item_pro_nb:hover img{	transform:scale(1.2);}.item_pro_nb a img{	border:1px solid #ccc;	transition: all 1.2s ease 0s;	margin: 0 auto;	max-width: 100%;	text-align: center;}.item_pro_nb:hover .mota_pro{	top:0px !important;	z-index:99 !important;}.name_pro_nb {    height: 40px;    margin: 0 auto;    text-align: center;    width: 100%;}.name_pro_nb a {    color: #787878;    font-size: 16px;    font-weight: normal;    /* text-transform: uppercase; */    font-family: 'robotoregular';}.name_pro_nb a:hover{color:#f00;}
.items-index-product .price_sale {
    padding: 5px 0;
}
.items-index-product .price_disc{
    text-decoration: line-through;
    font-size: 14px;
    color: #868585;
}
.items-index-product .price_disc .giamgia-tag {
    color: #f00;
    background-color: #ffeaea;
    display: inline-flex;
    align-items: center;
    padding: 2px 0.3rem;
    border-radius: 5px;
    font-size: 13px;
    margin-left: 5px;
}
.items-index-product .price_sale span {
    color: #ec0606;
    font-weight: bold;
    font-size:15px;
}
.items-index-product .price_sale .gia_ban {
    font-size:19px;
}
.items-index-product .price {    color: #3f3f3f;    text-indent: 0px;    font-size: 14px;    font-weight: bold;}
.items-index-product .call_hotline {
    font-size: 12px;
    margin-bottom: 10px;
}
.items-index-product .hotline_sp{
    background: url(../images/phone.svg) no-repeat;
    background-size: 15px;
    padding-left: 17px;
    filter: invert(43%) sepia(91%) saturate(5246%) hue-rotate(200deg) brightness(103%) contrast(106%);
}
.items-index-product .item-rating{
    font-size: 13px;
    padding: 7px 0;
}
.items-index-product .item-rating-total{
    color:#000;
}
.item_pro_nb .gia{    text-align: center;    height: 40px;    line-height: 30px;    font-weight: bold;    color: #787878;    /* font-family: 'robotoregular'; */}.item_pro_nb .gia span{color:#f00;font-size: 16px;}.content-index-product .item_pro_list{    float: left;    width: 285px;    margin: 0 16px 50px 0px;    background: #F7F7F7;    height: 280px;    position: relative;    text-align: center;    border: 1px solid #ccc;}.content-index-product .item_pro_list .images_pro_list{overflow: hidden;width: 285px;height: 280px;position: relative;margin-bottom: 8px;}.content-index-product .item_pro_list:hover img{    transform: scale(1.2);}.item_pro_list a img{	transition: all 1.2s ease 0s;	margin: 0 auto;	max-width: 100%;	text-align: center;}.item_pro_list:hover .mota_pro_list {	top:0px !important;	z-index:99 !important;}.name_pro_list {    height: 40px;    margin: 0 auto;    text-align: center;    width: 100%;}.name_pro_list a {    color: #000;    font-size: 18px;    font-weight: bold;    /* text-transform: uppercase; */    font-family: 'robotoregular';	}.name_pro_list a:hover{color:#f00;}.name_pro a{    color: #000;    font-size: 18px;    font-weight: normal;    /* text-transform: uppercase; */    font-family: 'robotoregular';}.right-index-product{	float:right;	width:465px;	}.full_sanpham{background: #F4F4F4;}.full_nhantin{background: url(../images/bg_mail.png);height: 112px;}.full_nhantin  .content_nhantin{width: 1200px;margin:0 auto;}.full_nhantin  .content_nhantin_in{width: 1040px;float:right;padding-top: 27px;}.full_nhantin .cot1{float:left;background: url(../images/bg_hotline.png) no-repeat left;width: 453px;height: 70px;margin-right: 41px;}.full_nhantin .cot1 .hotline_bot{    color: #fff;    font-size: 20px;    padding: 14px 72px;}.full_nhantin .cot1 .hotline_bot span{    color: #FFF301;    font-weight: bold;    font-size: 24px;}.full_nhantin .cot2{float:left;width: 800px;}.full_nhantin .cot2 b{    font-size: 18px;    text-transform: uppercase;    font-weight: normal;    color: #fff;}.full_nhantin .cot2 p{    color: #bf2222;}.full_nhantin .cot2 .cot2_l{float:left;margin-right: 20px;width: 230px;}.full_nhantin .cot2 .cot2_r{float:left;width: 494px;}.full_nhantin .cot3{float:right;}.full_nhantin .cot3 p{color:#fff;margin-bottom: 6px;}.content-index-product .item_dv{    float: left;    width: 228px;    margin: 0 15px 31px 0px;    padding-bottom: 21px;    background: #fff;    height: 285px;    position: relative;    overflow: hidden;    /* color: rgba(0, 0, 0, 0.42); */    /* box-shadow: 0px 0px 4px; */}.content-index-product .item_dv:hover img{	transform: scale(1.3);	opacity:0.5;}.item_dv a img{	/* border:1px solid #ccc; */	transition: all 1.2s ease 0s;	margin: 0 auto;	width: 100%;}.name_dv {    height: 35px;    line-height: 35px;    margin: 0 auto;    text-align: center;    width: 100%;    position: absolute;    bottom: 0;    background: rgba(98, 58, 39, 0.72);}.name_dv a {    color: #fff;    font-size: 15px;    font-weight: normal;    text-transform: uppercase;}.title-index {    margin: 0 auto;    /* padding-bottom: 5px; */    /* background: url(../images/title_sukien.png) no-repeat center right; */    margin-bottom: 12px;}ul.video_lienquan {	list-style: none;	padding:0;	}ul.video_lienquan li{	/*float:left;*/	display:inline-block;    margin: 10px 10px 10px 0px;	}.title-index h3.title-index-name{	margin:0 auto;	/* text-indent: 20px; */	/* font-family:robotoregular; */	text-transform:uppercase;	font-size: 20px;	color: #fff;	font-weight: normal;	height: 52px;	line-height: 52px;	background: url(../images/title_sukien.png) no-repeat center right;} p.mota_title{text-align:center;}
.info-cate{
    background: #fff;
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}
.title-cate-pro{
    font-size: 22px;
    margin: 10px 10px 5px;
    padding-bottom: 5px;
    text-transform: capitalize;
}
.title-info {
    width:100%;
    /*background: url(../images/title_full.png) repeat-x center;*/
    text-align: left;
    margin-bottom: 5px;
    overflow: hidden;
    /*background: #f1f1f1;*/
    border-bottom: 1px solid #d2d2d2;
    display: flex;
    align-items: center;
}
.title-info p {
    padding: 5px;
    float: left;
    color: #0600ff;
    background: #ffffe7;
}
.title-info span {
    color: #ff0000;
}
.tintuc_slide {margin-top: 22px;}
.title-info h1.title-info-bg, .title-info h4.title-info-bg{
    margin: 0 auto;
    text-transform: uppercase;
    padding-left: 12px;
}
.title-info h2.title-info-bg{
    margin: 5px 10px;
    /*background: #f1f1f1;*/
    /*padding: 5px 10px;*/
}
.title-info h1.title-info-bg, .title-info h4.title-info-bg {
    color: #1a900e;
    display: inline-block;
    position: relative;
    /* height: 35px; */
    line-height: 30px;
    font-weight: bold;
    font-size: 17px;
    border-left: 5px solid green;
    margin: 5px 0px 5px 5px;
}
/* .title-info h3.title-info-bg:before {    position: absolute;    width: 54px;    height: 46px;    content: "";    top: 0px;    left: 0;    background: url(../images/title_l.png) no-repeat;} */
/*.title-info h2.title-info-bg:after, .title-info h4.title-info-bg:after {
    position: absolute;	content: '';
    background: url(../images/title_r.png) no-repeat;
    height: 35px;
    width: 19px;
    bottom: 0;
    left: 100%;
}*/
.title-info h1.title-info-bg a, .title-info h4.title-info-bg a{
    color: #1a900e;
    display: inline-block;
    position: relative;
    /* height: 35px; */
    line-height: 30px;
    font-weight: bold;
    font-size: 17px;
}
.title-info h2.title-info-bg a {
    /*color: #1a900e;*/
    display: inline-block;
    position: relative;
    line-height: 30px;
    font-weight: bold;
    font-size: 20px;
    border-left: 5px solid green;
    padding-left: 12px;
}
.product-group{	margin:0 auto;	/* background:#fff; */}.product-item{    z-index: 2;    position: relative;    margin: 0 auto;    width: 213px;    float: left;    margin: 10px 33px 10px 0px;}.product-item img.has-tt{	max-width:100%;}.product-item .product-image{border: 1px solid #ccc;overflow: hidden;position: relative;width: 210px;height: 161px;margin: 0 auto;overflow: hidden;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}	.icon_dathang{	background:url(../img/icon_dathang.png) no-repeat left;}.hover_shine {	width: 100%;	height: 100%;	background-image: url(http://i.minus.com/iuvzYDPlYu8RR.png);	position: absolute;	opacity: .7;	background-position: -265px 0;	left: 0px;	top: 0px;	background-repeat: no-repeat;	-webkit-transition: background-position .3s ease;	-moz-transition: background-position .3s ease;	-o-transition: background-position .3s ease;	transition: background-position .3s ease;	z-index: 124;}.hover_shine:hover{    /*Final position*/    background-position: 10px 0;}.product-item .product-image:hover{/* opacity:0.8 */}.product-item .product-image img{		margin:auto;	padding:3px;	max-width:270px;	max-height:200px;	-moz-transition: all 0.7s ease;	-o-transition: all 0.7s ease;	-ms-transition: all 0.7s ease;	transition: all 0.7s ease;	}.product-item .product-image:hover img{   -ms-transform: scale(1.1); /* IE 9 */    -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */transform: scale(1.1);}.product-item .cart{	display:inline-block;	font-size: 15px;	padding: 3px;	margin-top: 10px;}	.product-item .product-name{	margin:10px auto;    width: 270px;	text-align:center;	}.product-item .product-price span{color:red}
.product-item .product-name a{    color: #000;    font-size: 15px;    font-weight: normal;    font-family: robotoregular;	}	.product-name h3{	padding:0 0 10px 0;	}.description{	color:#3e3e3e;	font-size:13px;	text-align:justify;	}.type-bds-contact .dientich{	    float: left;    line-height: 25px;}.type-bds-contact span{	font-family:robotoregular;	color:#ff000a;}.bottom-bds{	border-bottom:1px dashed #ccc;	}.type-bds{	font-size:15px;	font-family: 'robotoregular';	color: #333333;}.view-depp .contact-phone{	margin-left:5px;	float:left;}.type-bds span , .contact-phone span{	color:#0600ff;	}.type-bds-contact .type-bds{	float:left;	margin-right:10px;}.type-bds-contact .contact-phone{	margin-left:10px;	float:left;}.type-bds-contact div b{	font-weight:normal;	float:left;	width:100px;		}.type-bds-contact div span{	text-align:right;	color:#ff000a;	font-family:robotoregular;	}.bg-gioithieu {    margin: 0 auto;    width: 1349px;    background: #F6F6F6;    padding: 22px 0;}.content-gioithieu {    width: 1200px;    margin: 0 auto;    padding-top: 26px;}.ten_phai{float: right;width: 261px;overflow: hidden;}.hinh_trai {    width: 534px;    float: left;}.hinh_trai img {    /* padding: 5px 5px; */    /* -webkit-box-shadow: 10px -14px 5px -2px rgba(173,173,173,1); */    -moz-box-shadow: 10px -14px 5px -2px rgba(173,173,173,1);    /* box-shadow: 10px -14px 5px -2px rgba(173,173,173,1); */}.name_phai{    padding-bottom: 10px;}.name_phai a{    color: #fff;    font-weight: bold;    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;    display: block;}.mota_phai {float: right;width: 622px;}.mota_phai_r {color: #fff;line-height: 19px;}.mota_phai_news {    /* float: left; */    line-height: 19px;    font-size: 13px;    color: #000;}.xemthem_trai{    float: left;    margin-top: 10px;}.xemthem_trai a{	font-weight: normal;	color: #a9a9a9;	border: 1px solid #a9a9a9;	padding: 8px 21px;	float: right;	background: #fff;}.xemthem_trai a:hover{	color:red;	border: 1px solid red;}h3.ten_gt{    color: #0060FF;    font-size: 24px;    margin-bottom: 21px;    text-transform: uppercase;}/*++++++++++END MAIN PRO+++++++++++*//*++++++++++START MAIN DOI TAC+++++++++++*/.thanh_doitac{	margin:0 auto;	height:53px;		background:url(../images/thanh_doitac.png) no-repeat bottom;	}.thanh_doitac h3{    font-size: 15px;    text-indent: 70px;    color: #fff;    line-height: 53px;    text-transform: uppercase;	}.slide-product{    margin: 0 auto;    padding: 0 0px 0px 0px;    width: 1200px !important;}.slide-product ul li{	margin: 0 auto;	/* box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, /* Just to fix the corner */ 1px 0 0 0 #ccc	inset, 0 1px 0 0 #ccc inset; */	box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, /* Just to fix the corner */ 1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset;	/* box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, /* Just to fix the corner */ 1px 0 0 0 #ccc	inset, 0 1px 0 0 #ccc inset; */	height: 91px !important;	margin-right: 10px;	border-radius: 10px;}/*++++++++++END MAIN DOI TAC+++++++++++*//*++++++++++START MAIN FOOTER+++++++++++*/
.footer-instagram{	margin:0 auto;	position: relative;	color: #000;	background: #f7f7f7;	padding: 30px 0;	border-top: 1px solid #ccc;}
.bg_footer_top{    margin: 0 auto;    width: 1200px;}.main-footer{margin:0 auto;}
.menu_bottom {    max-width: 100%;    height: 42px;    line-height: 42px;    margin: 0 auto;    text-align: center;    color: #fff;    background: #1a3865;    padding: 0px 0px 1px 142px;    /* top: -43px; */}.menu_bottom ul {    /* padding: 0; */    float: left;}.menu_bottom ul li {    list-style-type: none;    display: inline-block;    /* margin-right: 8px; */    background: url(../images/line_menu_bot) no-repeat right;    padding: 0px 14px;}.menu_bottom ul li:hover{background:#2767b2}.menu_bottom ul li a {    color: #fff;    /* text-transform: uppercase; */    font-size: 15px;    font-weight: normal;    /* padding: 14px; */}.menu_bottom .lkweb {    float: right;    padding-right: 188px;    margin-top: -2px;}.img_tktc{    float: left;margin-right: 6px;}
.bot_ft{
    background: #ececec;
    font-size: 13px;
    padding: 10px 74px;
}
.bot_ft1{
    display: flex;
    align-items: center;
}
.bot_ft .bot_ft-left a{    color: #1a900e;    font-weight: bold;}.bot_ft .bot_ft-left {	float: left;	color: #979797;}.bot_ft .bot_ft-right {	float: left;    margin-left: 55px;}.bot_ft .bot_ft-right  div{    float: left;    display: flex;    align-items: center;	margin: 0 5px;}.title{    /* background: url(../images/title_bando.png) no-repeat bottom left; */    margin-bottom: 13px;}.title h3{    color: #fff;    font-size: 18px;    font-weight: normal;    padding: 10px 0;}.nasa_left{	float:left;	width: 380px;	margin-right: 130px;	text-align: center;}.nasa_left .nd_nasa{text-align:justify;line-height: 18px;}.nasa_left img{    margin-bottom: 11px;}.left_footer{	float:left;	width: 424px;	margin-right: 5%;}.left_footer span{line-height: 23px !important;}.left_footer h3{    margin-bottom: 10px;    font-size: 19px;}.left_footer ul{padding:0;list-style-type:none;}.left_footer ul li{    padding: 5px 0;}.left_footer ul li a{color: #FFF;font-size: 16px;}.left_footer ul li a:hover{color:#f00;}.center_footer{	float:left;	width: 220px;	margin-right: 3%;}.center_footer ul{padding:0;list-style-type:none;}.center_footer ul li{    padding: 5px 0;}.center_footer ul li a{color: #3f3f3f;font-size: 13px;}.center_footer ul li a:hover{color:#f00;}
.center_footer h4,.right_footer h4{font-weight:bold;text-transform: uppercase;margin-bottom: 10px;font-size: 15px;color: #1a900e;}
.center_footer .title{text-align:left;}.right_footer{    margin: 0 auto;    float: right;    width: 200px;}.right_footer ul{padding:0;margin-top: 11px;}.right_footer ul li{list-style-type:none;line-height: 24px;display: inline-block;margin-right: 2px;color: #fff;}.right_footer ul li p{float:right;}.right_footer ul li img{float:left;margin-right: 4px;}.right_footer ul li span{color:#ff0;}.right_footer .h4{	color:#fff;	text-transform:uppercase;	font-size:15px;	font-family:	}.right_footer .mang_xh{	margin:0 auto;	padding-bottom:15px;	width:325px;	float:right;	border-bottom:1px dashed #000;	}.right_footer .mang_xh h4{	margin:0 auto;	padding-bottom:15px;	color:#464646;	font-family:robotoregular;	text-transform:uppercase;	font-size:15px;	}.right_footer .mang_xh ul{	list-style:none;	padding:0;	}.right_footer .mang_xh ul li{	float:left;	margin-right:10px;	}.nhantin_footer{float: left;margin-top: 16px;}#map_canvas_ft{width: 277px;height: 173px;}#map_canvas1 {    width: 1349px;    height: 425px;    margin: 0 auto;    padding: 0;}.counter{    background: #1a3865;    width: 204px;    border-radius: 5px;}.newsletter{	}.newsletter_name b{	color:#464646;	text-transform:uppercase;	font-size:18px;	font-weight: normal;    font-size: 18px;    font-family: 'robotoregular';}.newsletter_name p{	padding-top:5px;	color:#464646;}#subscribe_form input.email-form {	width: 380px;	text-indent: 15px;	border: none;	margin: 0;	/* border-radius: 10px; */	background: #fff;	height: 36px;	font-size: 15px;	color: #bbbbbb;	border: 1px solid #ccc;}.newsletter{	margin:10px auto;	}#subscribe_form{    margin: 9px auto;    float: left;    position: relative;}input#send_email_newsletter {    position: absolute;    /* border-radius: 0 10px 10px 0; */    width: 96px;    right: 0;    background: #1a900e;    padding: 0px 5px;    cursor: pointer;    top: 0px;    /* position: relative; */    height: 36px;    line-height: 36px!important;    color: #fff;    font-size: 15px;    border: none;    /* text-transform: uppercase; */    font-weight: normal;}.footer-bottom{	margin:0 auto;	text-align:center;	background:#00c865;	padding:10px;	}#map_canvas{	margin-top:10px;}.footer-bottom-info {}.copyright-info{		}.map_description{	color:#000;}.main-footer h4{	font-family: 'robotoregular';	font-size:16px;	text-transform:uppercase;	padding-bottom:10px;	margin-bottom:10px;	border-bottom:1px solid #fff; 	}.counter-statics{	float:right;		}.counter-info ul{	list-style:none;	padding:0;	}.counter ul{	list-style:none;	padding:0;	}.counter-info ul li{		margin:10px auto;		}.right_footer .counter img{    margin-right: 15px;    float: left;    margin-top: 10px;	}.right_footer .counter ul{	float:left;}.counter ul li{	line-height:30px;	margin-left: 20px;	font-weight: normal;}/*++++++++++END MAIN FOOTER+++++++++++*//*++++++++++START BACK TOP+++++++++++*/#back-top span {	width: 51px;	height: 54px;	display: block;	margin-bottom: 7px;	background: url(../images/top.png) no-repeat left 0px;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader() !important;}#back-top {	bottom: 20px;	cursor: pointer;	position: fixed;	z-index: 10000;	right: 20px;}/*++++++++++END BACK TOP+++++++++++*//*++++++++++START SHARE SOCIAL+++++++++++*/.attr-content-social{	margin: 10px auto;		}.share-icon {	display: inline-block;	/*float: left; margin: 4px; */	margin: 4px; 	width: 32px; 	height: 32px; 	cursor: pointer; 	vertical-align: middle; 	background-image: url(../images/share-icons.png); 	-moz-transition: all 300ms ease-out 0s;	-ms-transition: all 300ms ease-out 0s;	-o-transition: all 300ms ease-out 0s;	-webkit-transition: all 300ms ease-out 0s;	transition: all 300ms ease-out 0s; }.share-facebook { background-position: 0 0; }.share-facebook:hover { background-position: 0 -40px; }.share-twitter { background-position: -40px 0; }.share-twitter:hover { background-position: -40px -40px; }.share-pinterest { background-position: -80px 0; }.share-pinterest:hover { background-position: -80px -40px; }.share-googleplus { background-position: -120px 0; }.share-googleplus:hover { background-position: -120px -40px; }.share-linkedin { background-position: -240px 0; }.share-linkedin:hover { background-position: -240px -40px; }.share-stumbleupon { background-position: -360px 0; }.share-stumbleupon:hover { background-position: -360px -40px; }.share-email { background-position: -320px 0; }.share-email:hover { background-position: -320px -40px; }.share-zing { background-position: -400px 0; }.share-zing:hover { background-position: -400px -40px; }/*++++++++++END SHARE SOCIAL+++++++++++*//***************************************START TAB MAP CONTACT ****************************************/.form-control {	text-align:left;    display: block;    width: 100%;    height: 30px;    padding: 6px 12px;    font-size: 14px;    line-height: 1.42857143;    color: #555;    background-color: #fff;    background-image: none;    border: 1px solid #ccc;    border-radius: 4px;    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}textarea.form-control {    height: auto;}.left-contact{	}.block_content_baogia {width: 100%;display: flex;flex-wrap: wrap;}.block_content_baogia .hinh_qc_baogia {width:270px;padding: 10px;box-sizing: border-box;margin-left: 30px;}.block_content_baogia .hinh_qc_baogia img {display: inline-block;vertical-align: top;max-width: 300px;margin-bottom: 15px;border: solid 1px #1A900E;}.baogia_note {width: 100%;display: inline-block;vertical-align: top;margin-top: 30px;box-sizing: border-box;padding:15px 10px;border:solid 1px #F3F3F3;}.left-contact .nd_l{float:left;width: 40%;}.left-contact .nd_r{float:right;width: 50%;}
.tablelienhe {/*width: calc(100% - 300px);*/padding-top: 10px;}
.tablelienhe label span img{	position:absolute;	left:0px;	top:10px;}.tablelienhe label {	line-height:25px;	font-weight: normal;	text-align: right;	position: relative;	padding-right: 10px;	width: 120px;	box-sizing: border-box;}
.tablelienhe .input_block{
    /*width: 100%;*/
    margin-bottom: 10px;
    display: flex;
    /*flex-wrap: wrap;*/
    align-items: center;
}
.tablelienhe .input_item{	line-height: 25px;	font-weight: bold;	width: calc(100% - 120px);}
.tablelienhe .input, .tablelienhe .txt_noidung, .tablelienhe .txt_ghichu{
    outline-color: #0085FF;
    display: inline-block;
    width: 100%;
    /* min-height: 40px; */
    padding:8px 10px;
    margin: 0;
    line-height: 22px;
    border: 1px solid #dfdfdf;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    outline: none;
    background: #fff;
    color: #5f6a7d;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /* margin-bottom: 15px; */
    
}
.tablelienhe .input_sl{    outline-color: #0085FF;    display: inline-block;    width:auto;width:180px;    /* min-height: 40px; */    padding:4px 10px;    margin:2px;    line-height: 22px;    border: 1px solid #dfdfdf;    -moz-border-radius: 2px;    -webkit-border-radius: 2px;    border-radius: 2px;    outline: none;    background: #fff;    color: #5f6a7d;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;    /* margin-bottom: 15px; */}.add_more_sp {padding: 3px 5px;cursor: pointer;}.tablelienhe .input_left{float:left;width: 570px;}.tablelienhe .input_right{float: right;width: 570px;}.tablelienhe textarea{	border: 1px solid #cacaca;	/* width: 488px; */	outline-color: #0085FF;}.tablelienhe .title {    font-size: 14px;    font-weight: bold;    text-transform: uppercase;}.button {	background-color: #1a900e;    border: none;    cursor: pointer;    font-size: 16px;    font-style: normal;    font-variant: normal;    font-weight: normal;    line-height: normal;    padding: 7px 25px;    font-weight: normal;    color: #fff;    margin-bottom: 10px;}.button:hover{	color:red;}#main_contact{	margin:15px auto;	width:100%;}.othernews h3 {	color: #000;	font-size: 12px;	font-weight: bold;	text-transform: uppercase;}.othernews ul li a {	color: #000;	font-size: 15px;}.othernews ul li a:hover {	color:#007dac;}.map-c{	}.nav-tabs > li,.nav-pills > li {	float: left;}.nav-tabs > li > a,.nav-pills > li > a {	padding-right: 12px;	padding-left: 12px;	margin-right: 2px;	line-height: 14px;}.nav-tabs {	padding:0;	list-style:none;	border-bottom: 1px solid #ddd;}.nav-tabs > li {    margin-bottom: 6px;}.nav-tabs > li > a {	padding-top: 8px;    color: #000;	padding-bottom: 8px;	line-height: 20px;	border: 1px solid transparent;	-webkit-border-radius: 4px 4px 0 0;	-moz-border-radius: 4px 4px 0 0;	border-radius: 4px 4px 0 0;	background-color: #ffffff;	border: 1px solid #ddd;	border-bottom-color: transparent; }.nav-tabs > li > a:hover,.nav-tabs > li > a:focus {	border-color: #eeeeee #eeeeee #dddddd;}.nav-tabs > .active > a,.nav-tabs > .active > a:hover,.nav-tabs > .active > a:focus {	color: #fff;	cursor: default;	background-color: #006fb6;	border: 1px solid #ddd;	border-bottom-color: transparent;}.tabs-stacked .open > a:hover,.tabs-stacked .open > a:focus {	border-color: #999999;}.map-tab-content{	margin:10px auto;}.tabbable {	*zoom: 1;}.tabbable:before,.tabbable:after {	display: table;	line-height: 0;	content: "";}.tabbable:after {	clear: both;}.tab-content {	overflow: auto;}.tabs-below > .nav-tabs,.tabs-right > .nav-tabs,.tabs-left > .nav-tabs {	border-bottom: 0;}.tab-content > .tab-pane,.pill-content > .pill-pane {	display: none;}.tab-content > .active,.pill-content > .active {	display: block;}.tabs-below > .nav-tabs {	border-top: 1px solid #ddd;}.tabs-below > .nav-tabs > li {	margin-top: -1px;	margin-bottom: 0;}.tabs-below > .nav-tabs > li > a {	-webkit-border-radius: 0 0 4px 4px;	-moz-border-radius: 0 0 4px 4px;	border-radius: 0 0 4px 4px;}.tabs-below > .nav-tabs > li > a:hover,.tabs-below > .nav-tabs > li > a:focus {	border-top-color: #ddd;	border-bottom-color: transparent;}.tabs-below > .nav-tabs > .active > a,.tabs-below > .nav-tabs > .active > a:hover,.tabs-below > .nav-tabs > .active > a:focus {	border-color: transparent #ddd #ddd #ddd;}.tabs-left > .nav-tabs > li,.tabs-right > .nav-tabs > li {	float: none;}.tabs-left > .nav-tabs > li > a,.tabs-right > .nav-tabs > li > a {	min-width: 74px;	margin-right: 0;	margin-bottom: 3px;}.tabs-left > .nav-tabs {	float: left;	margin-right: 19px;	border-right: 1px solid #ddd;}.tabs-left > .nav-tabs > li > a {	margin-right: -1px;	-webkit-border-radius: 4px 0 0 4px;	-moz-border-radius: 4px 0 0 4px;	border-radius: 4px 0 0 4px;}.tabs-left > .nav-tabs > li > a:hover,.tabs-left > .nav-tabs > li > a:focus {	border-color: #eeeeee #dddddd #eeeeee #eeeeee;}.tabs-left > .nav-tabs .active > a,.tabs-left > .nav-tabs .active > a:hover,.tabs-left > .nav-tabs .active > a:focus {	border-color: #ddd transparent #ddd #ddd;	*border-right-color: #ffffff;}.tabs-right > .nav-tabs {	float: right;	margin-left: 19px;	border-left: 1px solid #ddd;}.tabs-right > .nav-tabs > li > a {	margin-left: -1px;	-webkit-border-radius: 0 4px 4px 0;	-moz-border-radius: 0 4px 4px 0;	border-radius: 0 4px 4px 0;}.tabs-right > .nav-tabs > li > a:hover,.tabs-right > .nav-tabs > li > a:focus {	border-color: #eeeeee #eeeeee #eeeeee #dddddd;}.tabs-right > .nav-tabs .active > a,.tabs-right > .nav-tabs .active > a:hover,.tabs-right > .nav-tabs .active > a:focus {	border-color: #ddd #ddd #ddd transparent;	*border-left-color: #ffffff;}.full-doitac{    width: 100%;    margin: 2px auto;    padding: 1px 0px;}.btn-pre{    background: url(../images/prev.png) no-repeat;    width: 21px;    height: 45px;    top: 24%;    position: absolute;    z-index: 99999;    cursor: pointer;    left: 0;}.btn-next{    background: url(../images/next.png) no-repeat;    width: 21px;    height: 45px;    top: 24%;    position: absolute;    z-index: 99999;    cursor: pointer;    right: 6px;}/*****************************************END TAB MAP CONTACT ********************************************/.img_sp_moi{/* box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, /* Just to fix the corner */ 1px 0 0 0 #cccinset, 0 1px 0 0 #cccinset */margin-right: 14px;/* box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, /* Just to fix the corner */ 1px 0 0 0 #cccinset, 0 1px 0 0 #cccinset */box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, /* Just to fix the corner */ 1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset;border: 1px solid #ccc;width: 160px;height: 85px;text-align: center;background: #fff;}.img_sp_moi img {width: 145px;height: 70px;padding-top: 6px;}.img_box_new_detail .fotorama__wrap {	margin: 0 auto;}/************************* tab indedx-----------------------------------------------*/.cd-tabs{	position: relative;	width: 930px;	margin: 0 auto;}.cd-tabs nav {    width: 930px;    position: relative;    float: none;    background: transparent;    box-shadow: none;}ul.cd-tabs-navigation {    height: 45px;    overflow: hidden;    transition: 0.5s;    padding:0;    margin-bottom: 25px;    /* width: 100%; */}.cd-tabs-navigation {    list-style-type: none;    width: 930px;}.cd-tabs-navigation li {    float: left;	margin-right:4px;}.cd-tabs-navigation a {	line-height: 45px;	width: auto;	text-align: left;	font-size: 14px;	font-size: 16px;	color: #000;	padding: 8px 37px;	border: 1px solid #20d2ff;	text-transform: uppercase;}.cd-tabs-navigation a:hover {    color: #fff;    background: #1F82D6;    padding: 8px 37px;}.cd-tabs-navigation:after {    content: "";    display: table;    clear: both;}a#xemthem {	position: absolute;    right: 0px;    top: -13px;    font-size: 49px;    text-decoration: none;    color:#000;}.cd-tabs-navigation a.selected {    color: #fff;    background: #1F82D6;}.cd-tabs-navigation a::before {    top: 50%;    margin-top: -10px;    margin-left: 0;    left: 38px;}.cd-tabs-content {	padding:0;}.cd-tabs-content li {	display: none;	padding:0;}.cd-tabs-content li.selected {	display: block;	-webkit-animation: cd-fade-in 0.5s;	-moz-animation: cd-fade-in 0.5s;	animation: cd-fade-in 0.5s;}.cd-tabs-content li p {	font-size: 14px;	font-size: 0.875rem;	line-height: 1.6;	color: #8493bf;	margin-bottom: 2em;}.idx-about-info1 .scroll {    width: 294px;    height: 280px;    float: left;}	.idx-about-info1 .scroll {	list-style-type: none;}
.box_news {
    float: left;
    width: 49%;
    margin-bottom: 10px;
    font-size: 11px;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}
.news_detail{
    margin: 5px 10px 10px;
}
.box_news:nth-child(2n+2){float:right;}.box_news:nth-child(2n+3){clear:both;}.images_news{	background: none repeat scroll 0 0 #FFFFFF;    float: left;    margin: 0 10px;    padding: 3px;    max-width: 195px;    max-height: 130px;}.name_news a{    color: #fff;    font-size: 14px;    font-weight: normal;    margin-left: 6px;}.mota_news{	font-size: 12px;    color: #333;}.box_news3 li{    background: url(images/required.png) no-repeat 0px 6px;list-style-type: none;}.box_news3 li a {	font-size: 13px;    color: #000;    font-weight: bold;    padding-left: 12px;}.box_news3 li a:hover{color:#f00}.idx-about-img1 {	float: left;	width: 320px;	height: auto;}.idx-about-info1 {    float: right;    width: 294px;    height: 280px;}.idx-about-img1 img {    width: 320px;    height: 187px;    padding: 1px;    background: #fff;}.ten_trai{    margin-bottom: 3px;    margin-top: 5px;}.ten_trai h3 a{    color: #fff;    font-size: 15px;    font-weight: bold;}.mota_trai{    font-size: 13px;    margin-top: 0px;    color: #fff;    font-weight: normal;    line-height: 21px;}.cot_trai {	float: left;	width: 342px;	height: auto;}.item_tt{    margin-bottom: 25px;}.cot_trai .name_trai{    text-align: left;    padding: 12px 0px 7px 0px;}.cot_trai .name_trai a{    color: #fff;    font-size: 15px;    font-weight: bold;}.cot_trai .img_trai{    position: relative;}.cot_phai{float: right;width: 404px;height: 320px;}.cot_phai .scroll1{    height: 376px;}.cot_phai .scroll1 li{    list-style-type: none;}.cot_phai .img_phai{    margin-bottom: 10px;    float: left;    margin-right: 10px;}.top_ft{	background: #E22154;	font-size: 14px;	color: #fff;	position: absolute;	width: 1200px;	margin: 0 auto;	top: 0;	left: 0;	right: 0;	height: 36px;	z-index: 99999;	line-height: 36px;}.top_ft .top_ft-left {	float:left;	margin-left: 20px;}.top_ft .top_ft-right {	float:right;	margin-right: 20px;	color: #f996b0;}.top_ft .mxh{/* position: absolute; *//* right: 92px; *//* top: 4px; */float: right;}.top_ft .mxh p	{    float: left;line-height: 35px;}.top_ft .mxh a img{    margin-right: 7px;}.full_dichvu{padding: 30px 0;background:#BBBBBB;}.full_duantb{padding: 20px 0;}.full_duan{padding: 20px 0;background:#E9E9E9;}.full_tintuc{padding: 20px 0;}#scroller1_tt li{}.item_kinhnghiem{}.item_kinhnghiem ul{}.item_kinhnghiem ul li{    list-style-type: none;    /* background: url(../images/icon_kn.png) no-repeat left; */    padding: 5px 0px;    border-bottom: 1px dashed;}.item_kinhnghiem ul li a{    padding-left: 10px;    background: url(../images/icon_kn.png) no-repeat left;    line-height: 21px;}.item_kinhnghiem ul li a:hover{}.content_lienhe{    background: #D31145;    border: 5px solid #E42155;}.table_lienhe h2{    /* text-decoration: underline; */    /* line-height: 17px; */}.table_lienhe p{    padding: 10px 0;}.table_lienhe{    width: 344px;    padding: 16px;    text-align: center;    color: #fff;}
.input_block{    /*display: inline-block;*/    /*margin-bottom: 10px;*/}
.table_lienhe label{    float: left;    margin-right: 15px;    line-height: 28px;    width: 85px;    text-align: left;}.input_lienhe{    float: left;}.input_lienhe input{    width: 100%;    height: 34px;    padding-left: 10px;}.input_lienhe textarea{    width: 100%;    height: 140px;    padding-left: 10px;    padding-left: 10px;}.table_lienhe .title_dangtin{    background: url(../images/title_dangtin.png) no-repeat center;    height: 46px;    line-height: 46px;    margin-top: -31px;}.table_lienhe .title_dangtin h2{    color: #D31145;    text-transform: uppercase;}.maxh-ft{    float: right;    padding: 10px 0;}.tktc{text-align: right;}.tktc div{    display: inline-block;    border-right: 1px solid #fff;    padding: 0 10px;}.tktc div:last-child{border:none;}.tktc div p{    float: right;    color: #ff0;    margin-left: 6px;}.copyr{font-size: 14px;padding: 8px 0;}.bot_slide{	background: #DA251E;	font-size: 14px;	color: #fff;	width: 100%;	margin: 0 auto;	height: 59px;	z-index: 99999;	/* line-height: 59px; */	text-align: center;}.bot_slide .bot_slide_left1 {		width: 250px !important;		margin: 0 !important;}.bot_slide .bot_slide_left {	/* display: inline-block; */	text-align: left;	width: 361px;	float: left;	margin: 0 168px;}.bot_slide .bot_slide_left img{margin-right: 10px;float: left;}.bot_slide .bot_slide_left p{    padding: 7px 0;}.bot_slide .bot_slide_left b{    font-size: 19px;}.cot_dv_left{float:left;width:866px;}.cot_qc_right{float:right;width:316px;}.box_dichvu{}.box_dichvu .item_dmdv{    width: 275px;    height: 234px;    display: flex;    align-items: center;    justify-content: center;    text-align: center;    margin: 0px 0px 20px 0px;    position: relative;}.box_dichvu .item_dmdv .img_dmdv:hover:after{    	position: absolute;content: '';border:3px solid #fff;top:10px;left:10px;right:10px;bottom:10px;}.box_dichvu .item_dmdv .img_dmdv{    margin-bottom: 20px;}.box_dichvu .item_dmdv .img_dmdv img{    display: inline-block;}.box_dichvu .item_dmdv .name_dmdv{    padding: 0 30px;}.box_dichvu .item_dmdv .name_dmdv h3{    color: #fff;    text-transform: uppercase;}.bx-wrapper{background:none !important;}#fanpage {    position: fixed;    width: 338px;    min-height: 145px;    right: -341px;    top: 22%;    padding-left: 42px;    background: url('../images/facebook.png') no-repeat left top;    transition: all 0.5s ease-in-out;    -moz-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    -webkit-transition: all 0.5s ease-in-out;	z-index:123456;}#fanpage:hover {    right: -15px;}#top_header {    width: 100%;    height: 36px;    line-height: 36px;    background: #fff;    color: #000;    font-size: 13px;    border-bottom: 1px solid rgba(204, 204, 204, 0.38);}#top_header .top_l{    margin-right: 10%;}#top_header .top_c{    margin-right: 20%;}#top_header .top_r{}#top_header .top_r_mxh{}#top_header .top_r_mxh a{    margin-left: 14px;}#top_header .top_r_mxh a:hover{color:#f00;}#top_header .top_r_mxh img{vertical-align:middle;margin-top: -2px;margin-left: 7px;}.addthis_toolbox{    position: relative;    top: 8px;}.item_lydo{    text-align: center;	position:relative;}.item_lydo a img{    border-radius: 50%;    border: 10px solid #fff;	position:relative;	transition: all 1.2s ease 0s;}.item_lydo:hover a img{	-webkit-transform: rotateY(180deg);	-webkit-transform-style: preserve-3d;	transform: rotateY(180deg);	transform-style: preserve-3d;	-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}.item_lydo a:after{position:absolute;content:'';border:1px dashed #000;top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%;width: 267px;height: 267px;margin: 0 auto;}.item_lydo a h3{    text-transform: uppercase;    font-size: 20px;    padding: 20px 0;}		.full_tab_pro{padding-top: 30px;}.item_tab{	font-family: Roboto-Regular;	display: inline-block;	padding: 0px 10px;	color: #999999;	font-weight: normal;	-webkit-transition:all 0.3s;	-moz-transition:all 0.3s;	-o-transition:all 0.3s;	-ms-transition:all 0.3s;	transition:all 0.3s;	font-size:15px;	background: #fff;	font-weight: bold;}.item_tab:hover,.item_tab_active{	color: #000;}.contain_content_tab{	padding: 10px;	text-align: justify;	line-height: 22px;	font-size: 13px;}.content_tab{}.content_tab_active{	display: block;}#info_deals{text-align:center;/* margin-bottom: 20px; */}#info_deals ul{list-style-type:none;margin-bottom: 20px;}#info_deals ul li{display:inline-block;border-right: 1px solid #ccc;}#info_deals ul li:last-child{border-right:none;}#info_deals ul li a.selected{color: #000;}
.full_pro_list{margin-top:5px;}
.item_pro_list{position: relative; text-align: center;overflow: hidden;}.item_pro_list:after {    content: '';    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, 0.4);    z-index: 5;}.item_pro_list .item_content{width: 100%;    position: absolute;    -webkit-transform: translate(-50%, -50%);    -khtml-transform: translate(-50%, -50%);    -moz-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    top: 50%;    left: 50%;z-index: 10;}.item_pro_list .item_content h3.white{color: #fff !important;text-transform: uppercase;font-size: 32px;margin: 0 0 20px;}.item_pro_list .item_content  ul{    margin: 0;    list-style: none;    padding: 0;    max-height: 0;    overflow: hidden;    -webkit-transition: all 0.5s ease-in-out 0s;    -khtml-transition: all 0.5s ease-in-out 0s;    -moz-transition: all 0.5s ease-in-out 0s;    -ms-transition: all 0.5s ease-in-out 0s;    -o-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;}	.item_pro_list .item_content  ul li{    font-size: 14px;  line-height: 36px;}.item_pro_list .item_content  ul li a{color: #cdcdcd;}.item_pro_list .item_content  ul li a:hover {color: #FFFFFF; }.item_pro_list:hover ul {    margin: 0 0 35px;    max-height: 435px;0px}.item_pro_list .item_content > *:last-child {margin-bottom: 0;}	.btn.btn-light-b {    border: 1px solid rgba(255, 255, 255, 0.52);    background: none;    font-family: "Roboto", sans-serif;    font-weight: normal;    color: #FFFFFF;}.btn.btn-light-b:hover {    background: #FFFFFF;    color: #000000;}.btn {    -webkit-border-radius: 0;    -khtml-border-radius: 0;    -moz-border-radius: 0;    -ms-border-radius: 0;    -o-border-radius: 0;    border-radius: 0;    border: 2px solid transparent;    display: inline-block;    line-height: 1.42857;    padding: 8px 26px;    font-weight: bold;    font-size: 14px;    letter-spacing: 0.15em;    text-transform: uppercase;    font-family: "Roboto", sans-serif;}					.full_danhmuccap1{    padding: 10px 0;}.item_bst_index{    position: relative;}.item_bst_index .images_bst_index{    display: flex;    align-items: center;    justify-content: center;    text-align: center;	overflow:hidden;}.item_bst_index .images_bst_index a img{transition:1s ease all;}.item_bst_index .images_bst_index a img:hover{    transform: scale(1.1);    opacity: 0.7;}.item_bst_index .images_bst_index h3{display: block;position: absolute;}.item_bst_index .images_bst_index h3 a{color:#fff;font-size: 24px;text-transform: uppercase;}.full_mienphi{padding: 20px 0;background: #F5F5F5;}.content_mienphi{width:1200px;margin: 0 auto;text-align: center;}.box_phuongthuc{    width: 270px;    float: left;    margin-right: 38px;    border-right: 1px solid #ccc;}.box_phuongthuc:nth-child(4n+4){margin-right:0;border-right:0;}.box_phuongthuc a{    display: flex;    align-items: center;    justify-content: center;}.box_phuongthuc .img_phuongthuc{    float: left;    margin-right: 10px;}.box_phuongthuc .img_phuongthuc img{}.box_phuongthuc .mota_phuongthuc{    float: left;}.box_phuongthuc .mota_phuongthuc h3 {    color: #202020;    text-align: left;    margin: 0;    text-transform: uppercase;    font-size: 15px;    font-weight: 700;    padding: 7px 0;}.box_phuongthuc .mota_phuongthuc p {    color: #888888;    text-align: left;    margin: 0;    font-size: 12px;    line-height: 18px;}.flip-box {	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);	-khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);	-ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);	-o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);	background: #ffffff none repeat scroll 0 0;	border-color: #ffffff;	color: #000000;	text-align: center;	position: relative;	overflow: hidden;	cursor: pointer;	margin-bottom: 30px;	box-shadow: 0 0 4px #817C7C;	display: inline-block;	width: 47%;	margin: 0 17px;}.flip-box .flip-box-before,.flip-box .flip-box-after {    -webkit-transition: all 0.2s ease-out 0s;    -khtml-transition: all 0.2s ease-out 0s;    -moz-transition: all 0.2s ease-out 0s;    -ms-transition: all 0.2s ease-out 0s;    -o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s; }.flip-box .flip-box-before {    font-weight: bold;    letter-spacing: 0.2em;    font-size: 24px;    padding: 44px 40px;    line-height: 38px;    text-transform: uppercase;    -webkit-transform: translate(0px, 0px);    -khtml-transform: translate(0px, 0px);    -moz-transform: translate(0px, 0px);    -ms-transform: translate(0px, 0px);    -o-transform: translate(0px, 0px);    transform: translate(0px, 0px);}.flip-box .flip-box-after {    font-size: 16px;    color: #999999;    position: absolute;    top: 0;    width: 100%;    -webkit-transform: translate(0px, -100%);    -khtml-transform: translate(0px, -100%);    -moz-transform: translate(0px, -100%);    -ms-transform: translate(0px, -100%);    -o-transform: translate(0px, -100%);transform: translate(0px, -100%); }.flip-box:hover .flip-box-before {    -webkit-transform: translate(0, 100%);    -khtml-transform: translate(0, 100%);    -moz-transform: translate(0, 100%);    -ms-transform: translate(0, 100%);    -o-transform: translate(0, 100%);transform: translate(0, 100%); }.flip-box:hover .flip-box-after {    top: 50%;    -webkit-transform: translate(0, -50%);    -khtml-transform: translate(0, -50%);    -moz-transform: translate(0, -50%);    -ms-transform: translate(0, -50%);    -o-transform: translate(0, -50%);transform: translate(0, -50%); }.mxh_ft{margin: 10px 0;}.mxh_ft img{margin: 0 4px;display: inline-block;}.footer-area-right {    background-size: cover;    padding: 0 50px;    color: #FFFFFF;}.widget-container {    padding-top: 30px;    border: none;    /* padding: 0; */}	.widget-container .widget-title {    text-transform: uppercase;    margin: 0 0 30px;    letter-spacing: 0.2em;    color: #FFFFFF;    font-size: 18px;}	.widget-container.widget-hover-content .widget-hover-element {    visibility: hidden;    filter: alpha(opacity=0);    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";    -webkit-opacity: 0;    -khtml-opacity: 0;    -moz-opacity: 0;    -ms-opacity: 0;    -o-opacity: 0;    opacity: 0;    -webkit-transition: all 0.4s ease-in-out;    -khtml-transition: all 0.4s ease-in-out;    -moz-transition: all 0.4s ease-in-out;    -ms-transition: all 0.4s ease-in-out;    -o-transition: all 0.4s ease-in-out;    transition: all 0.4s ease-in-out;    line-height: 25px;}.widget-container.widget-hover-content:hover .widget-hover-element {    visibility: visible;    filter: alpha(opacity=100);    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";    -webkit-opacity: 1;    -khtml-opacity: 1;    -moz-opacity: 1;    -ms-opacity: 1;    -o-opacity: 1;opacity: 1; }.no-margin {    margin: 0 !important;}		.btn_send{    border: none;    background: none;    cursor: pointer;    position: absolute;    top: 6px;    right: 5px;}	
.col_left_pro{/* width:930px; */float:left;}.col_right_pro{width: 250px;float:right;}
.cate-pro ul.camket{list-style-type:none;border: 1px solid #ccc;padding: 8px;}.cate-pro ul.camket li{    padding: 10px 0;}
.cate-pro ul.camket li img{    float: left;max-width: 40px;}
.cate-pro ul.camket li .support-title {    color: #000000;    font-weight: bold;}
.cate-pro ul.camket li p {    text-align: left;    margin: 0px;    padding-left: 46px;}
.dathang_detail{margin-right:11px;display: inline-block;vertical-align: top;}
.dathang_detail span {	width: 31px;    height: 31px;    line-height: 31px;    padding: 2px;    float: left;    border: 3px solid #ccc;    border-radius: 50%;    text-align: center;}	
.addcart{	margin-top: 7px;	display: inline-block;vertical-align: top;	margin-right: 10px;}
.addcart a{	display: inline-block;	background: #1a900e;	color: #fff;	padding: 7px 22px;	font-weight: bold;	cursor:pointer;	/* width: 100%; */	font-size: 15px;	text-transform: uppercase;}.addcart a:hover{background:#f00;}
.baogiasp a {display: inline-block;background: #1a900e;color: #fff;padding: 7px 20px;font-weight: bold;cursor:pointer;font-size: 15px;}.baogiasp a:hover {background: red;}
.muahang{	margin-top: 7px;	display: inline-block;vertical-align: top;}
.muahang a{	display: inline-block;	background: #1a900e;    color: #fff;    padding: 7px 14px 7px 7px;    font-weight: bold;    cursor:pointer;    font-size: 15px;}
.muahang a span{color:#000;font-size: 11px;background: #fff;border-radius: 50%;padding: 8px 1px;margin-left: 5px;}
.muahang a:hover{background:#f00;}
.qualaty input{    width: 40px;    padding: 5px 10px;    margin: 0 auto;    text-align: center;border: 1px solid #ccc;}
.giohang_fix{position:fixed;top: 40%;right:0;background: #000;padding: 5px;border-radius: 6px 0px 2px 6px;z-index:999999;}
.giohang_fix a{color:#fff;display: flex;align-items: center;justify-content: center;text-align: center;}
.bg-top-cart {    font-weight: bold;    color: #FFF;    height: 25px;    background: #1a900e;}		
.mybag-icon {	}
.mybag-icon .cartqty {    color: white;    font-size: .8em;    font-weight: 600;    line-height: 16px;    margin: 9px auto 0;    width: 20px;    text-align: center;}								/*******************tab************/.wrap-tabs{	width: 100%;	overflow: hidden;	position: relative;	text-align: center;	margin: 0 auto;	padding: 0 10px;}ul.tabs{display: inline-block;list-style:none;text-align: center;margin: 0 auto;}ul.tabs li{float: left;text-align: center;margin-right: 9px;margin-bottom: 9px;}.contenttab{	max-width: 100%;	height: auto;}.contenttab .tab{display:block;}.tittle_con a{	font-family: 'robotoregular';	width: auto;	text-align: left;	font-size: 15px;	color: #000;	/* text-transform: uppercase; */	cursor: pointer;	padding: 7px 10px;	background: #FFF;	display: inline-block;}.activetab{	color: #fff!important;	border: 2px solid #FF4900 !important;	background: #FF4900 !important;}	/*******************tab************/.full_bosuutap{    background: #F5F5F5;    padding: 20px 0;}.full_bosuutap .item {    text-align: center;    position: relative;}	.full_bosuutap .item:hover .collection-name {	-ms-transform: scale(1);	-webkit-transform: scale(1);	transform: scale(1);opacity: 0.8; }.full_bosuutap .item:hover > a img {	-ms-transform: scale(1.1);	-webkit-transform: scale(1.1);transform: scale(1.1); }.full_bosuutap .item > a {	display: block;overflow: hidden; }.full_bosuutap .item > a img {	-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	transition: all 0.5s ease;	width: 100%;	-ms-transform: scale(1);	-webkit-transform: scale(1);transform: scale(1); }.full_bosuutap .item .collection-name {	position: absolute;	bottom: 30px;	left: 0;	right: 0;	background: #fff;	opacity: 0;	-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	transition: all 0.5s ease;	-ms-transform: scale(1.3);	-webkit-transform: scale(1.3);transform: scale(1.3); }.full_bosuutap .item .collection-name a {	color: #000000;	text-align: center;	display: block;	font-family: Roboto-Regular;	padding: 10px 0;}.full_bosuutap .item .collection-name p {	color: #000000;	text-align: center;	margin: 0;padding: 0; }.full_bosuutap .item img {vertical-align: middle; }								.border_gh{ box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, 1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset;}/*++++++++++START leFT+++++++++++*/#menu_left >ul {/* width: 930px; */float:left;}#menu_left ul ul{	float:left;}
div#menu_left ul li ul, div#menu_left ul li:hover ul ul, div#menu_left ul li ul li:hover ul ul {
    position: absolute;
    display: none;
    width: 230px;
    z-index: 99999999;
    bottom: 0;
    left: 250px;
    background: #fff;
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    border-radius: 10px;
}
div#menu_left ul li:hover ul {	display: block;}
div#menu_left ul li ul li:hover ul, div#menu_left ul li ul ul li:hover >ul {left: 100%;display: block;}
div#menu_left ul li ul li ul {top: 0px !important;margin-left: 0px !important;}
#menu_left ul li{
    float:left;
    position: relative;
    list-style: none;
    line-height: 30px;
}
#menu_left ul li:first-child, #menu_left ul li ul li:first-child{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
#menu_left ul li:last-child, #menu_left ul li ul li:last-child{
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
#menu_left ul li:hover{    color: #fff;}
#menu_left >ul >li{/* padding: 4px 11px; */}
#menu_left ul li ul li{
    width:100%;
    text-align: left;
    /* background-color: #F1F1F1; */
    /*background: url(../images/line_dm.png) repeat-x bottom;*/
}
#menu_left ul li a{	display:block;}
#menu_left> ul> li >a{ padding: 7px 0 7px 20px;}
#menu_left> ul> li >a span{	padding-right:9px;	display:block;}
#menu_left> ul> li >a span b{	font-family: 'robotoregular';	font-size: 17px;	color:#fff;	text-transform:uppercase;	display:block;	padding: 7px 0px;	font-weight: normal;}#menu_left > ul > li >a:hover,#menu_left  > ul  > li >a.active{    color: #fff;}#menu_left > ul > li >a:hover span,#menu_left  > ul  > li >a.active span{	background:url(../images/right_menu_hover.png) no-repeat right center;}#menu_left > ul > li >a:hover span b,#menu_left  > ul  > li >a.active span b{}
#menu_left ul ul li a{
    background: none;
    line-height: 43.85px;
    /*height: 43px;*/
    font-size: 15px;
    padding: 0px 0px;
    padding-left: 5px;
    color: #000;
    font-weight: normal;
    /* font-family: 'robotoregular'; */
    text-decoration: none;
}
#menu_left ul ul li a:hover, #menu_left ul ul li a.active{color:#fff}
#menu_left ul ul li:hover, #menu_left ul ul li.active{color:#fff;background:#FB0528;}
/*.dm-menu{
    height: auto;
    list-style:none;
    width: 250px;
    margin: 5px 0 0 0;
    position: relative;
    z-index: 99;
    background: #1a900e;
}*/
.vertical-nav {
    height: auto;
    list-style: none;
    width: 250px;
    position: relative;
    z-index: 99;
    background: #fff;
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 5px;
}
.vertical-nav li {
    /*margin: 0;*/
    /*padding: 0px 0;*/
    /*border: none;*/
    /*text-align: left;*/
    /*display: inline-block;*/
    /*float: left;*/
    /*clear:both;*/
    width: 250px;
    /*background: url(../images/line_dm.png) repeat-x bottom #F1F1F1;*/
}
.vertical-nav li:not(:last-child) {
    border-bottom: 1px solid #ddd;
}
.vertical-nav li:hover {    background-color: #FB0528;    color: #000;}.vertical-nav li a:hover{color:#fff;}.vertical-nav li:hover a{color:#fff;}
.vertical-nav li a {
    font-size: 15px;
    font-weight: normal;
    color: #000;
    text-decoration:none;
    font-family: Arial;
    padding-left: 20px;
    text-transform: none;
    text-align: left;
}
.noibat-cate{
    position: absolute;
    top: 3;
    background: red;
    color: #fff;
    padding: 5px;
    line-height: 1em;
    left: -10;
    font-size: 8px;
    font-weight: bold;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-direction: alternate;
    animation-iteration-count: 1000000;
    animation-name: flash;
}
@keyframes flash{
0%, 50%, 100% {
    opacity: 1;
}
25%, 75% {
    opacity: 0;
}
}
/*++++++++++end leFT+++++++++++*/.full_lienhe .itemlh_1{    display: flex;    align-items: center;    width: 239px;    float: left;    font-weight: bold;    line-height: 22px;    padding-right: 12px;    text-transform: uppercase;    color: #4d4d4d;}.full_lienhe .itemlh_1 img{margin-right: 8px;}.full_lienhe .itemlh_3 {    /*float: right;*/}			
.full_daily{/*background: #1a900e;*/padding-top: 30px;position: relative;}
.full_daily h4.title{text-align:center;font-size:15px;margin-bottom: 30px !important;text-transform: uppercase;}
.item_hethong{    width: 375px;    float: left;    margin: 0 37px 35px 0;}
.item_hethong:nth-child(3n+3){margin-right:0;}.item_hethong:nth-child(3n+4){clear:both;}
.item_hethong h5 {margin-bottom: 10px;font-weight: bold;font-size: 15px;}
.item_hethong p{font-size: 13px;line-height: 26px;}
.item_hethong p a{
    color: #009d10;
    font-weight: bold;
    padding: 5px;
}
.item_hethong .stt_ht{
    display: inline-block;
    background-color: #ed1b24;
    font-weight: 700;
    width: 31px;
    height: 31px;
    line-height: 30px;
    border-radius: 3px 0 0 3px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.item_hethong .name_ht{
    display: inline-block;
    width: calc(100% - 61px);
    background-color: #1c9610;
    padding: 0 10px;
    line-height: 31px;
    color: #fff;
    border-radius: 0 3px 3px 0;
    font-weight: 700;
    font-size: 13px!important;
}
.uudiem_list{
    background: #e5e5e5;
    padding: 27px 0;
}
.content .owl-prev {
    width: 45px;
    height: 45px;
    top: 30%;
    left: -30px;
    background: url(/images/prev-new.png);
    background-size: 45px;
    border: 1px solid #c2c2c2;
    border-radius: 50%;
    opacity: 0.7!important;
}
.content .owl-next {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 30%;
    right: -30px;
    background: url(/images/next-new.png);
    background-size: 45px;
    border: 1px solid #c2c2c2;
    border-radius: 50%;
    opacity: 0.7!important;
}
.container_uudiem{
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(4,minmax(0,1fr));
}
.policy-container{
    display: flex;
    align-items: center;
    padding: 10px;
    margin-right: 10px;
    border-radius: 10px;
    background: #fff;
    height: 60px;
}
.policy-icon{
    width:60px;
    margin-right: 10px;
}
.policy-icon img{
    width:100%;
}
.policy-info{
    display: flex;
    flex-direction: column;
}
.policy-info-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}
.policy-info-content {
    display: block;
    font-size: 12px;
}
p.notice{margin:10px 0;text-align:left;}
.gallery-pro-detail{margin: 0 auto;text-align: center;padding-top: 5px;}/* .selectors{box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, 1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset; } */
.selectors {/*border: 1px solid #ccc;*/    text-align: center;    float: left;    width: 100%;    padding-top: 5px;    padding-bottom: 5px;    margin-right: 10px;}
.items_zoom {padding: 5px;}
.items_zoom1{border: 1px solid #ccc;border-radius: 5px;overflow: hidden;}
.text_center {text-align: center;}
.read_more_sp, .read_more_sp1 {
    height: 35px;
    line-height: 35px;
    display: inline-block;
    border: 1px solid #0000ff;
    color: #0000ff;
    font-size: 13px;
    padding: 0px 15px;
    font-weight: bold;
    border-radius: 5px;
    margin: 10px 0;
    text-transform: capitalize;
}
.read_more_sp .this_count, .read_more_sp1 .this_count{
    color: #ff0000;
}
.show-info-web{margin-top:10px;}.tablelienhe tr td{}.title-block {    background: #f8f8f8;    border-left: 5px solid #ed151c;    padding: 8px 24px 8px 3px;}.title-block h3 {    margin: 0;    text-transform: uppercase;    font-size: 14px;    padding-left: 10px;}	.title-block h3 a{}
.timkiemgia{
    font-size: 14px;
    float: right;
    margin-left: 5px;
}
.timkiemgia span:first-child{
    color:#fff;
}
.timkiemgia .keyword{
    padding: 5px 10px;
    background: #fff;
    border-radius: 10px;
    color: #000;
    margin: 0 2px;
    cursor:pointer;
}
.timkiemgia .keyword:hover{
    color: #ff0000;
}
.timkiemgia a:hover, .giakhac:hover, .sapxep:hover, .thuonghieu:hover{
    color:#ffff00;
}
.timkiemgia a,  .giakhac, .sapxep, .thuonghieu
{
    color: #fff;
    line-height: 40px;
    cursor: pointer;
    padding: 0 6px;
    display: inline-block;
    position: relative;
    font-size: 14px;
}
.thuonghieu a{
    line-height: 40px;
    cursor: pointer;
    margin: 2px;
    font-size: 14px;
    width: 95px;
    border-radius: 5px;
    border: 1px solid #ddd;
    float: left;
    overflow:hidden;
}
.thuonghieu img{
    width:100%;
}
.thuonghieu a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.listbrand, .listcs, .listdt{
    display: none;
    overflow: visible;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);
    /* padding: 5px 10px; */
    position: absolute;
    right: 0px;
    top: 40px;
    z-index: 11;
}
.listbrand{
    width: 460px;
}
.listdt{
    width: 330px;
}
.listcs{
    width: 650px;
}
.listdt a,.listcs a{
    border-left: 1px solid #e4e4e4;
}
.listprice{
    display: none;    overflow: visible;    background: #fff;    border: 1px solid #d9d9d9;    border-radius: 4px;    box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);    /* padding: 5px 10px; */    position: absolute;    right: 0;    top: 40px;    z-index: 11;
}
.listprice a{white-space: nowrap;}
.listsx{display: none;    overflow: visible;    background: #fff;    border: 1px solid #d9d9d9;    border-radius: 4px;    box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);    /* padding: 5px 10px; */    position: absolute;    right: 0;    top: 40px;    z-index: 11;
}
.listsx a{white-space: nowrap;}
.listprice a, .listdt a, .listcs a, .listsx a{
    color:#000;
}
.dieukhoan {    width: 49%;    float: left;    border: 1px solid #ccc;    margin: 10px 0px 10px 0px;}.dieukhoan h4 {    padding: 5px 10px 5px 10px;    background: #1a900e;    text-transform: uppercase;    color: #fff;}	.cuoncuon {    padding: 10px;    height: 400px;    overflow-y: scroll;}.dongy {    padding: 10px;    width: 100%;    float: left;    font-weight: bold;}.thongtindathang {	}	.thongtindathang h4{ padding: 5px 10px 5px 10px;    background: #1a900e;    text-transform: uppercase;color: #fff;}		.httt_click {    border-bottom: 1px solid rgba(204, 204, 204, 0.2);    padding: 8px 10px 10px;    min-height: inherit;    clear: both;    overflow: hidden;	cursor:pointer;}.content-expand {    margin: 7px 0 0 10px;    clear: both;    display: none;    font-style: italic;}.hinhthuc_tt{}	.hinhthuc_tt h4{padding: 5px 10px 5px 10px;    background: #1a900e;    text-transform: uppercase;color: #fff;}		.form_tt_l{ width: 49%;    float: right;margin: 10px 0px 10px 0px;}
.dm-menu:hover .menu-wrap{display:block !important;padding-top:6px;}.google_plusone_iframe_widget{width:35px!important;}#loadding{  background:url(../images/icon/loading.gif) no-repeat center;  background-color:rgba(255,255,255,0.5); position: fixed; height: 100%; width: 100%; z-index: 10000; display: none; }
.giohang_top{
    float: left;
    width: 45px;
    height: 45px;
    background:url(../images/giohang1.png) no-repeat 3px center ;
    background-size: 35px;
    position: relative;
    /*border:thin #000 solid;*/
    line-height: 30px;
    font-size: 14px;
}
.giohang_top1{background:url(../images/giohang2.png) no-repeat 3px center ;    background-size: 35px; }
.giohang_top a{ display: block; color: #333}.giohang_top a:hover{ color: #E90404; }
.giohang_top:hover{background:url(../images/giohang2.png) no-repeat 3px center ;    background-size: 35px; }
.giohang_top span{	color: #fff;	text-align: center;	margin-right: -10px;	display:inline-block;	font-size: 13px;	background: #1a900e;	height: 20px;	line-height: 20px;	top: 0px;	right: 0px;	position: absolute;	width: 20px;	border-radius: 50%;}
.phuongthuc {    margin: 0px 0px 10px 0px;	position:relative;}.phuongthuc h4 {    padding: 5px 10px 5px 10px;    background: #1a900e;    text-transform: uppercase;    color: #fff;}.phuongthuc label {    display: inline-block;    max-width: 100%;    margin-bottom: 5px;    font-weight: 700;}.taikhoan_nh{    padding: 0px 0px 0px 31px;display: none;}					.amazingcarousel-list-wrapper ul{text-align:center;}.amazingcarousel-list-wrapper ul li{display:inline-block;}
.app-figure{min-width:450px;min-height:330px;}
.title_doitac{    /* padding: 5px 0; */    margin-bottom: 20px;    overflow: hidden;    background: url(../images/title_doitac.png) no-repeat bottom center;    text-align: center;}.title_doitac h3{    color: #000;    font-weight: bold;    font-size: 20px;    margin: 10px;	font-family: utm_avo;    text-transform: uppercase;    padding-left: 16px;}	.item_doitac{	/*   border: 1px solid #ccc; */}
.show-thoitiet{
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 10px;
}
.box_thoitiet{
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
}
.box_thoitiet:hover {
    border-color: #098d4b;
}
.thoitiet_title{
    margin: 5px 10px 10px;
    text-align: center;
}
.thoitiet_title h4 {
    margin: 5px 0;
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
}
.thoitiet_detail{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.thoitiet_detail img{
    -webkit-filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 black);
    filter: drop-shadow(1px 1px 0 #a4a4a4) drop-shadow(-1px -1px 0 #a4a4a4);
}
.thoitiet_detail .hien-tai{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.thoitiet_detail .chi-so-khac{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    flex-direction: column;
}
.thoitiet_detail .chi-so-khac p{
    padding:5px;
}
.thoi-tiet-hom-nay, .thoi-tiet-nay-mai, .thoi-tiet-5-ngay{
    display:flex;
    margin-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;
}
.thoi-tiet-hom-nay .hien-tai{
    width:24%;
}
.thoi-tiet-hom-nay .chi-so-khac{
    display: flex;
    flex-wrap: wrap;
    flex:1;
}
.thoi-tiet-hom-nay .chi-so-khac p{
    padding: 0 10px;
}
.noidungthoitiet .img-thoi-tiet{
    background: #e7ffe6;
}
.img-thoi-tiet img, .thoi-tiet-5-ngay > div p:nth-child(3) img{
    -webkit-filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 black);
    filter: drop-shadow(1px 1px 0 #a4a4a4) drop-shadow(-1px -1px 0 #a4a4a4);
}
.hinh-anh-thoi-tiet{
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    margin: 0;
    line-height: unset;
}
.box-weather{
    flex:1;
}
.thoi-tiet-5-ngay div{
    flex: 1;
    padding: 5px;
    border: 1px solid #f3f3f3;
}
.hinh-anh-uv{
    display: flex;
    gap: 10px;
}
.hinh-anh-uv img{
    width: 50px;
}
.detail-hinh-anh-uv{
    display: flex;
}
.cmt-hinh-anh-uv{
    flex:1;
}
.thoi-tiet-5-ngay .detail-ngay {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-left: 10px;
}
.thoi-tiet-5-ngay .detail-ngay img{
    width:20px;
}
.title-weather{
    background: #737373;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    font-size: 17px;
}
.title-weather h2{
    font-size: 17px;
    line-height: unset!important;
    margin: 0!important;
}
.box_news1 {
    float: left;
    width: 48%;
    /* border: none !important; */
    box-shadow: 1px 0 0 0 #efefef, 0 1px 0 0 #efefef, 1px 1px 0 0 #efefef, 1px 0 0 0 #efefef inset, 0 1px 0 0 #efefef inset;
    padding-bottom: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
}
.pd5{padding:5px;}
.box_news1:nth-child(2n+2) {    float: right;}
.box_news1:nth-child(2n+3){clear:both;}
.image_boder1 {    background: none repeat scroll 0 0 #FFFFFF;	    float: left;    margin: 0 10px;    padding: 3px;    max-width: 195px;    max-height: 130px;}
.image_boder1 a img {    height: 130px;    width: 185px;}
.box_news1 h2 {    font-size: 12px;    margin-bottom: 4px;}
.box_news1 h2 a {    /*color: #1a900e;*/    text-transform: capitalize;    font-weight: bold;    font-size: 15px;}
.box_news1 h3 a:hover {	color: #e90000;}
.box_news1 p.news_mota {    text-align: justify;    font-size: 13px;}
.box_news1 .news_date {
    color: rgba(153,153,153,1);
    font-size: 12px;
    margin-bottom: 3px;
}
.date{font-size: 13px; color: #333; margin: 10px 0 ;}
.show-news{
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(3,minmax(0,1fr));
}
.box_duan{
    /*width: 460px;*/
    margin-bottom: 20px;
    float: left;
    position: relative;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 10px;
    margin-left: 10px;
}
.box_duan.hide{
    display: none;
}
.box_duan.show{
    display: block;
}
.box_duan .img_duan{position:relative;overflow: hidden;}
.box_duan .img_duan img{transition: 1s;width: 100%;}
.box_duan .img_duan img:hover{transform: scale(1.1);}
.box_duan .img_duan h4{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.67);
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    line-height: 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 42px;
}
.box_duan .mota_duan{
    padding: 10px;
    line-height: 1.7em;
}
.danhmuc_con {
    background: #f4f3f3;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
}
.danhmuc_con ul {
    list-style-type: none;
}
.danhmuc_con li:nth-child(4n+1) {
    clear: left;
}

.danhmuc_con li {
    float: left;
    position: relative;
    padding: 5px 2px;
    width: 230px;
    overflow: hidden;
}
.danhmuc_con h2 {
    float: left;
    font-size: 18px;
    transition: 0.5s;
    padding: 5px;
    color: #333;
    text-align: center;
    width: 100%;
    margin-top: 1px;
}
.danhmuc_con li:hover {
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
}
.danhmuc_con li:nth-child(4n+1) {
    clear: left;
}
.info-content p{
    line-height: 1.7em;
    margin:10px 0;
}
.info-content h2{
    font-size: 14pt;
    line-height: 1.7em;
    margin:10px 0;
}
.info-content h3{
    font-size: 12pt;
    line-height: 1.7em;
    margin:10px 0;
}
.info-content table td {
    padding: 8px;
    border: 1px solid #ddd;
}
div#container-tab #tabs .info-content ul{
    margin-left: 20px;
}
div#container-tab #tabs .info-content li{
    list-style:unset;
    line-height: 20.8px;
    margin:5px 0;
    float:none;
}
.show-pro{
    background: #e7e7e7;
    /*box-shadow: 1px 1px 15px rgba(0,0,0,.15);*/
    /*border: 1px solid #ddd;*/
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}
.show-pro1{
    background: #fff;
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}
.notice{
    padding: 10px;
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 10px
}
.options_search{
    display:flex;
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
}
.option_search{
    display:flex;
}
.option_search a{
    border: 1px solid #e0e0e0;
    border-radius: 52px;
    color: #333;
    margin-right: 8px;
    padding: 6px 13px;
    display: flex;
}
.option_search a:hover {
    border: 1px solid #00c20b;
}
.option_search.active a {
    background-color: #fef2f2;
    border: 1px solid #d70018;
    color: #d70018;
}
.news_result {
    background: #fff;
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 5px;
    margin-bottom: 10px;
}
.list_news_result{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.items-news{
    width:49%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.items-news.single{
    width:100%;
}
.items-news.single .name-news p:nth-child(1){
    font-size: 20px;
    line-height: 1.3em;
}
.items-news.single .name-news p:nth-child(2){
        color: red;
    margin: 5px 0;
}
.name-news{
    width: 60%;
}
.images-news{
    width: 38%;
}
.images-news img{
    width: 100%;
}
#seeMore {
    display: block;
    text-align: center;
    padding: 10px 0;
    border-top-style: outset;
    cursor: pointer;
    position:absolute;
    bottom: 0;
    width: 100%;
    background: #fffffffc;
}
#buttonSeeMore i{
	    font-size:22px;
	    vertical-align: middle;
}
.top-des {
    position:relative;
    border-radius: 10px;
    padding: 0 10px;
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    margin-bottom: 10px;
    overflow: hidden;
}
.bot-des {
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 0 10px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
#seeMore.active:before {
    height: 45px;
    margin-top: -45px;
    margin-left: -15px;
    content: "";
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff',GradientType=0 );
    display: block;
}
.des-content, .top-des-content{
    padding:5px 0;
    font-size:15px;
}
.top-des-content {
    height: 150px;
    overflow: hidden;
    padding-bottom: 30px;
    /*border-top: 1px solid #1c9b10;*/
}
.des-content {
    height: 700px;
    overflow: hidden;
    padding-bottom: 30px;
}
.des-content p, .top-des-content p{
    padding: 5px 0;
    line-height: 22px;
}
.des-content ul, .top-des-content ul{
    padding-inline-start: 40px;
}
.des-content h2, .top-des-content h2,.des-content h3,.top-des-content h3{
    padding: 10px 0;
}
.des-content a, .top-des-content a{
    color:red;
}
.des-content a:hover, .top-des-content a:hover{
    text-decoration: underline;
}
.des-content table, .top-des-content table{
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}
.des-content table td, .top-des-content table td {
    border: 1px solid #ddd;
    padding: 8px;
}
/*--bộ lọc sản phẩm--*/
.ft_pro{
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
}
.list_ft {
    display: flex;
    align-items: center;
    padding: 10px;
}
.list_ft:not(:last-child) {
    border-bottom: 1px solid #e8e8e8;
}
.list_ft p {
    margin-right: 10px;
}
.list_ft ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    width: 93%;
    row-gap: 10px;
}
.list_ft li {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    color: #333;
    margin-right: 8px;
    padding: 6px 13px;
    display: flex;
    position:relative;
    background: #fff;
    cursor: pointer;
}
.list_ft li .noibat-ut {
    position: absolute;
    right: -5;
    top: -5;
    font-size: 9;
    background: #ffff00;
    padding: 2px 5px;
    border-radius: 10px;
    color: #ff0000;
}
.list_ft li img{
    height:30px;
}
.list_ft li:hover {
    border: 1px solid #00c20b;
}
.list_ft .active {
    background: url(../images/cancel-icon.png) no-repeat center right 5px;
    background-size: 15px;
    padding-right: 27px;
    background-color: #fef2f2;
    border: 1px solid #d70018;
    color: #d70018;
}
.list_ft .remove-all {
    background: url(../images/cancel1-icon.png) no-repeat center right 5px;
    background-size: 15px;
    border: 1px solid #d70018;
    color: #d70018;
    border-radius: 52px;
    padding: 6px 27px 6px 13px;
    cursor:pointer;
}
.main_ft {
    display: flex;
    align-items: center;
    padding: 10px;
    border-top: 1px solid #e8e8e8;
}
.main_ft .button_ft {
    border: 1px solid #fff;
    border-radius: 8px;
    cursor: pointer;
    padding: 8px 12px;
    color: #fff;
    margin-right: 10px;
    padding-left: 30px;
    background: url(../images/filter2.png) no-repeat 10px center;
    background-size: 15px;
    background-color: #ff0000;
}
.main_ft .button_ft.active{
    z-index:3;
}
.main_ft .list_main {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    width: 91%;
    margin-left: auto;
    gap: 10px;
}
.main_ft .list_main a {
    border-radius: 8px;
    background-color: rgba(242,244,247,1);
    border: 1px solid #d0d0d0;
    padding: 9px;
    color: #333;
    position:relative;
}
.main_ft .list_main a.active {
    border: 1px solid #0200ff;
}
.main_ft .list_main a:hover {
    border: 1px solid #0200ff;
}
.toggle_ft {
    position: absolute;
    background-color: #fff;
    z-index: 3;
    box-shadow: 0 2px 20px rgba(0,0,0,.5);
    border-radius: 4px;
    left: 0px;
    width: 936px;
    white-space: normal;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.5s, opacity 0.5s linear;
}
.toggle_ft_cont {
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(3,minmax(0,1fr));
    max-height: 60vh;
    overflow: auto;
    padding-top: 10px;
}
.toggle_ft.active{
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s linear;
}
.toggle_ft .list_ft p {
    font-weight: bold;
    margin-bottom: 10px;
}
.toggle_ft .list_ft {
    align-items: flex-start;
    flex-direction: column;
    padding: 10px 0px 10px 20px;
}
.toggle_ft .list_ft.brand {
    grid-column: 1 / -1;
    grid-column: span 3;
}
.toggle_ft .close_ft {
    position: absolute;
    right: 0px;
    top: -45px;
    border-radius: 8px;
    cursor: pointer;
    padding: 8px 12px;
    background: url(../images/cancel-icon.png) no-repeat center left 5px;
    background-size: 15px;
    padding-left: 27px;
    background-color: #fff;
}
.main_ft .list_main a .noibat_ft{
    position: absolute;
    top: -8;
    background: red;
    color: #fff;
    padding: 5px;
    line-height: 1em;
    left: -10;
    font-size: 7px;
    font-weight: bold;
}
.toggle_ft .click-result {
    background-color: #fff;
    box-shadow: 0 -4px 8px rgba(0,0,0,.05);
    bottom: 0;
    position: sticky;
    grid-column: span 3;
    text-align: center;
    padding: 10px 0;
}
.toggle_ft .click-result .btn-ft {
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    width: 170px;
    position: relative;
    margin: 0 5px;
    padding: 10px 0;
}
.toggle_ft .click-result .btn-ft.ket-qua {
    background-color: #24ac00;
    color: #fff;
    cursor:pointer;
}
.toggle_ft .click-result .btn-ft.bo-chon {
    color: #dd1c1a;
    border: 1px solid #dd1c1a;
    cursor:pointer;
}
@keyframes pulse-green {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 24, 19, 1);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(51, 255, 42, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(51, 255, 42, 0);
    }
}
/*--end bộ lọc sản phẩm--*/
/*--danh mục dự án--*/
.cate_duan{
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
}
.list_duan {
    display: flex;
}
.list_duan:nth-child(even) {
    border-top: 1px solid #e8e8e8;
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8;
}
.list_duan p {
    margin-right: 10px;
    width: 7%;
    margin-top: 7px;
}
.list_duan ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    width: 93%;
    row-gap: 10px;
}
.list_duan a, .list_duan button {
    border: 1px solid #e0e0e0;
    border-radius: 52px;
    color: #333;
    margin-right: 8px;
    padding: 6px 13px;
    display: flex;
}
.list_duan a:hover, .list_duan button:hover {
    border: 1px solid #00c20b;
}
.list_duan .active a, .list_duan .active button {
    background: #1c9b10;
    color: #fff;
}
/*--end danh mục dự án--*/
.item-compare{
    margin-bottom: 10px;
    display: flex;
}
.item-compare span {
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    color: #686868;
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    margin-right: 5px;
    padding: 4px 5px;
    white-space: nowrap;
}
.item-compare span:nth-child(3) {
    border: 1px solid #4d52ff;
    color: #4d52ff;
    position: absolute;
    top: 5;
    left: 5;
    border-radius: 5px;
}
.pt_section_1{
    display:none;
}
.items-index-product .tooltip {
    position: absolute;
    z-index: 1;
    background: #fff;
    border: 4px solid #61c000;
    box-shadow: 0 3px 7px 0 rgb(0 0 0 / 25%);
    width: 310px;
    right: 240px;
    text-align: left;
    font-size: 13px;
    top: 0px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.2s linear;
    border-radius:10px;
}
.items-index-product.first_tt .tooltip {
    left: 240px;
    right:unset;
}
.items-index-product .tooltip:before {
    /*content: "";*/
    position: absolute;
    top: 1;
    left: 50%;
    transform: translateX(-50%);
    width: 135px;
    height: 5px;
    background: #489a00;
    clip-path: polygon(0 0,100% 0,96% 100%,4% 100%);
}
.items-index-product .images:hover ~ .tooltip {
    visibility: visible;
    opacity: 1;
}
.title-tooltip{
    margin-top: 5px;
    padding: 5px;
    font-size: 18px;
    font-weight: bold;
}
.table-tooltip{
    padding: 5px;
    font-size: 14px;
}
.table-tooltip div{
    padding: 4px 0;
}
.table-tooltip div > span:first-child {
    width: 70px;
    display: inline-block;
}
.table-tooltip ul{
    padding-left: 13px;
    list-style-type: disclosure-closed;
    font-size: 12px;
    display: inline-block;
}
.table-tooltip ul li{
    padding-bottom: 8px;
}
.table-tooltip .bao-hanh{
    color: blue;
    font-weight: bold;
}
.des-tooltip{
    padding: 5px;
}
.des-tooltip p{
    margin: 5px 0;
    line-height:1.5em;
}
.des-tooltip img{
    max-width:100%;
    height: unset!important;
}
.des-tooltip ol {
    margin-inline-start: 20px;
    line-height: 1.5em;
    margin: 10px 0px 5px 20px;
}
.des-tooltip ol li {
    position: relative;
}
.des-tooltip ol li:not(:last-child) {
    padding-bottom: 3px;
}
.des-tooltip ol li:before {
    content: '';
    display: block;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 1px solid #f00;
    position: absolute;
    top: 1px;
    left: -19px;
}
.small-title-tooltip{
    display: inline-block;
    background: #008f2c;
    color: #fff;
    border-radius: 3px;
    padding: 5px 12px;
    line-height: 16px;
}
.banchay-icon{
    position: absolute;
    top: 0px;
}
.product-tags{
    font-size: 12px;
    padding: 5px;
    margin-top: 15px;
}
.product-tags .tags{
    line-height: 14px;
    margin-right: 4px;
    padding: 3px 7px;
    border-radius: 3px;
    border: 1px solid #00000026;
    font-weight: bold;
}
.product-tags .tags.ban-chay{
    background: #dfff00;
    color: #000;
}
.product-tags .tags.giam-soc{
    background: #eb0000;
    color: #fff;
}
#container-tab a:hover, .chitiettin a:hover, .chitiet-doitac a:hover {
    color: #ff0000;
}
#container-tab a, .chitiettin a, .chitiet-doitac a {
    color: #0000ff;
}
.item_news{
    border: 1px solid #e6e6e6;
    /* padding: 10px; */
    line-height: 1.5em;
    border-radius: 10px;
    margin: 0 5px;
    overflow: hidden;
}
.item_news img{
    width:100%;
}
.detail_news_index{
    margin: 10px;
}
.title_news_index{
    margin: 5px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mota_news_index{
    margin: 5px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.date_news_index{
    color: rgba(153,153,153,1);
    font-size: 12px;
    margin-bottom: 3px;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.table-bordered>tbody>tr>td {
    border: 1px solid #ddd;
}
.table>tbody>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table-bordered {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    font-size: 14px;
}
/*star rating*/
.item-rating {
    display: flex;
    cursor: pointer;
    align-items: center;
    padding: 5px 0;
}
.item-rating p{
    float: left;
}
.item-rating-total{
    color: #000dff;
    /*line-height: 1.7em;*/
    margin-left: 5px;
}
.icon-star, .icon-star-dark, .icon-star-half {
    background-image: url(../images/stars-min.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 52px 13px;
}
.icon-star {
    background-position: 2px 0px;
    height: 13px;
    width: 16px;
}
.icon-star-half {
    background-position: -37px 0px;
    height: 13px;
    width: 16px;
}
.icon-star-dark {
    background-position: -17px 0px;
    height: 13px;
    width: 16px;
}
/*end star rating*/
/*--bộ lọc giá sản phẩm--*/
.attr_pro{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
}
.danhmuc_filter {
    float: left;
    padding-top: 5px;
    margin-left: 10px;
}
.danhmuc_filter:first-child {
    width:10%;
}
.danhmuc_filter:nth-child(2), .danhmuc_filter:nth-child(3) {
    width:25%;
}
.danhmuc_filter:nth-child(2) li, .danhmuc_filter:nth-child(3) li {
    width:49%;
}
.danhmuc_filter:nth-child(4) {
    width:34%;
}
.danhmuc_filter:nth-child(4) li {
    width:25%;
}
.danhmuc_filter:not(:last-child) {
    margin-right: 9px;
}
.danhmuc_filter p{
    padding: 5px 0px;
    border-bottom: 1px solid #00000040;
    font-weight: bold;
}
.danhmuc_filter .list_attr ul{
    list-style-type: none;
}
.danhmuc_filter:not(:first-child) .list_attr ul {
    display: flex;
    flex-wrap: wrap;
}
.danhmuc_filter li a{
    color: black;
    display:flex;
}
.danhmuc_filter li.active a{
    color:red;
}
.danhmuc_filter li.active a .remove {
    background: url(../images/cancel-icon.png) no-repeat center;
    background-size: 14px;
    height: 14px;
    width: 14px;
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.danhmuc_filter li.active a:hover .remove {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.danhmuc_filter li:hover a {
    color: #2f80ed;
}
.danhmuc_filter li {
    cursor: pointer;
    color: #333;
    display: flex;
    padding: 7px 0px;
    position: relative;
}
.danhmuc_filter li.not-available {
    color: darkgrey;
    text-decoration: line-through;
}
.danhmuc_filter li i {
    width: 5px;
    height: 5px;
    border-radius: 10%;
    padding: 3px;
    border: 1px solid #ccc;
    background-color: #fff;
    margin-right: 5px;
}
.danhmuc_filter li.active i:after {
    content: "";
    display: block;
    background-color: #1b06f8;
    border-radius: 10%;
    height: 100%;
}
.danhmuc_brand, .danhmuc_ut{
    flex-wrap: wrap;
    display: flex;
    padding: 5px 0;
    align-items: center;
}
.danhmuc_ut{
    background: #f3f3f3;
}
.danhmuc_brand.main_ft {
    padding: 5px 10px!important;
}
.danhmuc_ut.cong-nghiep{
    background: #ebfff1;
}
.danhmuc_ut.loc-khong-khi{
    background: #ebecff;
}
.danhmuc_brand p, .danhmuc_ut p{
    float: left;
    line-height: 2.5em;
    margin-right: 10px;
    margin-left: 10px;
    width: 90px;
    margin-bottom: auto;
}
.danhmuc_brand ul, .danhmuc_ut ul{
    display: flex;
    flex-wrap: wrap;
    float: left;
    list-style-type: none;
    width: calc(100% - 110px);
    gap: 10px;
}
.danhmuc_brand a, .danhmuc_ut a{
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 52px;
    display: flex;
    padding: 6px 13px;
    vertical-align: top;
    background: #fff;
    position: relative;
}
.danhmuc_brand a .noibat-ut, .danhmuc_ut a .noibat-ut{
    position: absolute;
    right: -5;
    top: -5;
    font-size: 9;
    background: #ffff00;
    padding: 2px 5px;
    border-radius: 10px;
    color: #ff0000;
}
.danhmuc_brand .not-available, .danhmuc_ut .not-available{
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 52px;
    display: flex;
    padding: 6px 13px;
    vertical-align: top;
    background: #fff;
    position: relative;
    color: darkgrey;
    text-decoration: line-through;
}
.danhmuc_brand .active a, .danhmuc_ut .active a{
    border: 1px solid #ff0000;
}
.danhmuc_brand .active .remove , .danhmuc_ut .active .remove {
    background: url(../images/cancel-icon.png) no-repeat center;
    background-size: 17px;
    height: 17px;
    width: 17px;
    margin-left: 10px;
}
.danhmuc_brand img, .danhmuc_ut img{
    vertical-align: middle;
    width: auto;
    height: 30px;
}
.danhmuc_brand a:hover, .danhmuc_ut a:hover {
    border: 1px solid #2f80ed;
    color: #2f80ed;
}
/*--end bộ lọc giá sản phẩm--*/
/*--bộ lọc giá và sắp xếp--*/
.ft_pro_maydemtien{
    border: 1px solid #ddd;
    padding: 10px;
}
.list_ft a {
    border: 1px solid #e0e0e0;
    border-radius: 52px;
    color: #333;
    margin-right: 8px;
    padding: 6px 13px;
    display: flex;
}
.list_ft a:hover {
    border: 1px solid #00c20b;
}
.list_ft.price .active a {
    background: url(../images/cancel-icon.png) no-repeat center right 5px;
    background-size: 15px;
    padding-right: 27px;
}
.list_ft .active a {
    background-color: #fef2f2;
    border: 1px solid #d70018;
    color: #d70018;
}
/*--end bộ lọc giá và sắp xếp--*/
/*Hotline*/
#over {
    display: none;
    overflow: hidden;
    z-index: 997;
    background: rgba(0,0,0,.6);
    width: 100%;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
}
#over.active{
    display: block;
}
.support-online{
    margin-top:10px;
    padding: 5px 0px;
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(12, 23, 95, 0.1);
}
.support-online .detail_support{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 60%;
    margin-top: 5px;
}
.support-online .detail_support .dienthoai{
    color: #ff0000;
    font-size: 15px;
    font-weight: bold;
}
.support-online .item_support{
    padding: 7px 15px;
}
.support-online .item_support:nth-child(odd) {
    /*background-color: #f2f2f2;*/
}
.hotli_title{
    font-size: 15px;
    margin: 5px 0;
    background: url(../images/hotline-icon.png) no-repeat 15px center;
    background-size: 20px;
    padding-left:42px;
}
.hotli_new{
    width: 78%;
    margin-left: 15px;
    margin-top:10px;
}
.hotli_list{
    margin: 0 auto;
    width: 100%;
    padding: 10px 0;
}
.hotli_new_de:nth-child(1) {
    margin-bottom: 3px;
}
.hotli_new_de {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hotli_new_name {
    color: #0a8200;
    margin-right: 5px;
}
.hotli_new_phone a {
    font-size: 15px;
    color: #ff0000;
    font-weight: bold;
}
#hotlines-button{
    position: fixed;
    z-index: 9999;
    bottom: 100;
    left: 30;
}
#hotlines.active {
    animation-name: hl-bounce-in;
    height:auto;
}

#hotlines {
    position: fixed;
    overflow: auto;
    background: #f3f5f7;
    z-index: 9999;
    height:0%;
    width: 250px;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5);
    box-shadow: 0 0 15px rgba(0,0,0,.5);
    border-radius: 5px;
    bottom: 30px;
    left: 100px;
    margin: 0 100px 70px 0;
    animation-duration: .3s;
    transition-timing-function: ease-in;
    animation-name: hl-bounce-out;
}
.Phone {
    position: relative;
    display: block;
    margin: 0;
    width: 55px;
    height: 55px;
    font-size: 55px;
    background-color: #db3434;
    border-radius: 0.5em;
    box-shadow:0 0 0 0em rgba(#3498db, 0),0em 0.05em 0.1em rgba(#000000, 0.2);
    transform: translate3d(0, 0, 0) scale(1);
}

.Phone::before,
.Phone::after {
  position: absolute;
  content: "";
}

.Phone::before {
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  background-color: rgba(#fff, 0.1);
  border-radius: 100%;
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(0);
}

.Phone::after {
  top: 0.25em;
  left: 0.25em;
  width: 0.5em;
  height: 0.5em;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYuNiAxMC44YzEuNCAyLjggMy44IDUuMSA2LjYgNi42bDIuMi0yLjJjLjMtLjMuNy0uNCAxLS4yIDEuMS40IDIuMy42IDMuNi42LjUgMCAxIC40IDEgMVYyMGMwIC41LS41IDEtMSAxLTkuNCAwLTE3LTcuNi0xNy0xNyAwLS42LjQtMSAxLTFoMy41Yy41IDAgMSAuNCAxIDEgMCAxLjIuMiAyLjUuNiAzLjYuMS40IDAgLjctLjIgMWwtMi4zIDIuMnoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translate3d(0, 0, 0);
}

.Phone.is-animating {
  animation: phone-outer 3000ms infinite;
  
  &::before {
    animation: phone-inner 3000ms infinite;
  }
  
  &::after {
    animation: phone-icon 3000ms infinite;
  }
}

@keyframes phone-outer {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow:
      0 0 0 0em rgba(#3498db, 0),
      0em 0.05em 0.1em rgba(#000000, 0.2);
  }
  33.3333% {
    transform: translate3d(0, 0, 0) scale(1.1);
    box-shadow:
      0 0 0 0em rgba(#3498db, 0.1),
      0em 0.05em 0.1em rgba(#000000, 0.5);
  }
  66.6666% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow:
      0 0 0 0.5em rgba(#3498db, 0),
      0em 0.05em 0.1em rgba(#000000, 0.2);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow:
      0 0 0 0em rgba(#3498db, 0),
      0em 0.05em 0.1em rgba(#000000, 0.2);
  }
}

@keyframes phone-inner {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0);
  }
  33.3333% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0.9);
  }
  66.6666% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
  }
}

@keyframes phone-icon {
  0% { transform: translate3d(0em, 0, 0); }
  2% { transform: translate3d(0.01em, 0, 0); }
  4% { transform: translate3d(-0.01em, 0, 0); }
  6% { transform: translate3d(0.01em, 0, 0); }
  8% { transform: translate3d(-0.01em, 0, 0); }
  10% { transform: translate3d(0.01em, 0, 0); }
  12% { transform: translate3d(-0.01em, 0, 0); }
  14% { transform: translate3d(0.01em, 0, 0); }
  16% { transform: translate3d(-0.01em, 0, 0); }
  18% { transform: translate3d(0.01em, 0, 0); }
  20% { transform: translate3d(-0.01em, 0, 0); }
  22% { transform: translate3d(0.01em, 0, 0); }
  24% { transform: translate3d(-0.01em, 0, 0); }
  26% { transform: translate3d(0.01em, 0, 0); }
  28% { transform: translate3d(-0.01em, 0, 0); }
  30% { transform: translate3d(0.01em, 0, 0); }
  32% { transform: translate3d(-0.01em, 0, 0); }
  34% { transform: translate3d(0.01em, 0, 0); }
  36% { transform: translate3d(-0.01em, 0, 0); }
  38% { transform: translate3d(0.01em, 0, 0); }
  40% { transform: translate3d(-0.01em, 0, 0); }
  42% { transform: translate3d(0.01em, 0, 0); }
  44% { transform: translate3d(-0.01em, 0, 0); }
  46% { transform: translate3d(0em, 0, 0); }
}

@keyframes hl-bounce-in {
0% {
    opacity: 0;
    transform: scale(0);
    transform-origin: bottom left;
}

50% {
    transform: scale(1.03);
    transform-origin: bottom left;
}
100% {
    opacity: 1;
    transform: scale(1);
    transform-origin: bottom left;
}
}

@keyframes hl-bounce-out {
0% {
    opacity: 1;
    transform: scale(1);
    transform-origin: bottom left;
}

100% {
    opacity: 0;
    transform: scale(0);
    transform-origin: bottom left;
}
}
/*End hotline*/