.h1, .h2, .h3, h1, h2, h3{padding: 0; margin: 0;}
*{ margin: 0; padding: 0; } 
.clear{clear:both;}
body{ font-family:Arial, Helvetica, sans-serif;	font-size:13px;	line-height:1.5; }
a{ text-decoration:none;}
ul{ list-style:none; padding:0; margin:0;}
p{margin-bottom:0px;}
 
.vshd{ height:0px; display:none; overflow:hidden;}
#wapper{width:100%; max-width:1920px; margin:auto; position:relative; overflow:hidden;}

.top{height:51px; background:#f8f8f8; border-bottom:1px solid #e0e0e0; line-height:50px;}
.top-content{width:100%; max-width:1170px; margin:auto;}
.top-content ul{float:left;}
.top-content ul li{float:left;}
.top-content ul li a{padding:0 20px; position:relative; font-size:13px; font-family: 'Roboto-Regular'; color: #3d3d3d;}
.top-content ul li:hover a{color: #4cc1e2;}

.top-content ul li a::before{height:15px; width:1px; content:''; position:absolute; right:0px; top:2px; background:#3d3d3d;}
.top-content ul li:last-child a::before{display:none;}
.menu-active{color:#4cc1e2 !important;}
.top-content div{ font-size:13px; font-family: 'Roboto-Regular'; color: #3d3d3d; float:right; text-align:right;}

.header{ width:100%;} 
.header_content{width:98%; max-width:1170px; margin:auto; position:relative; padding:32px 0;}
.banner{display:block; float:left; margin-left:10%; max-width:100%;}
.tel{ float:right; }
.logo{display:block; float:left; width:17%; margin-top:8px;}
 
#search{ width:43%; float:left; margin-top:3px; margin-left:9%;}
#search input{width: calc( 100% - 53px ); height:53px; padding:0 10px; border:3px solid #e0e0e0;  border-right:none; background: #fff; outline:none; color:#595959; float:left; }
#search input::-webkit-input-placeholder { color:#595959;}
#search input::-moz-placeholder { color:#595959;}
#search input:-ms-input-placeholder { color:#595959;}
#search input:-moz-placeholder { color:#595959;}

#search button{ border:2px #4cc1e2 solid; color:#fff; font-size:15px; width:53px; background:#4cc1e2; height:53px; float:right; }

 
 
.hotline{ background:url(images/bg_hotline.png) no-repeat left center; color:#3e3e3e; font-size:13px; margin-top:3px; padding-left:54px; min-height:53px; float:right; padding-top:12px;}
.hotline span{ font-family: 'Roboto-Bold'; color:#f50b0b; font-size:22px;  }
  
 .asas{display:none;}

 /*------end menu-------*/
.slider{ width:100%; max-width:1170px; position:relative; margin:auto;}
.title_block { border: none; font-size: 15px; line-height: 15px; color: #fff; padding: 17px; font-weight: 700; position: relative; background: #4cc1e2; border-radius: 0; text-transform: uppercase; }
.title_block.title_tp { background: #4cc1e2; text-transform: uppercase; padding: 26px 20px; }

.content_block { border: 1px solid #e0e0e0; border-top: none; background: #fff; margin: 0px; min-height:410px;}
.content_block ul li{ position:relative;}
.content_block ul li a { font-weight: 600; font-size: 15px; text-transform: capitalize; margin: 0; padding: 12px 18px; display: block; text-decoration: none; color: #333; line-height: 26px; }
.content_block ul li:hover a { background: #4cc1e2; color: #fff; padding: 12px 17px; }

.content_block ul li ul{ display:none; position:absolute; left:100%; top:0px; z-index:999;padding-left:1px;}
.content_block ul li:hover ul{display:block;}
.content_block ul li ul li {background:#fff;}
.content_block ul li ul li a{white-space:nowrap;}
.content_block ul li:hover ul li a{background: #fff; padding: 12px 18px; color:#333}
.content_block ul li:hover ul li:hover a{ background: #4cc1e2; color: #fff; padding: 12px 18px;}

/*-----------end slider-------------*/
.qc_item{width:95%; margin:auto; background:#000; overflow:hidden;}
.qc_item a{ display:block; position:relative;}
.qc_item a::before{width:0px; height:0px; content:''; transition:all 0.5s; position: absolute; left:3%; top:5%; }
.qc_item:hover a::before{width:94%; height:90%; border-top:1px #fff solid; border-left:1px #fff solid; content:''; transition:all 0.5s; position: absolute; left:3%; top:5%;}
 
.qc_item a::after{width:0px; height:0px; content:''; transition:all 0.5s; position: absolute; right:3%; bottom:5%;}
.qc_item:hover a::after{width:94%; height:90%; border-bottom:1px #fff solid; border-right:1px #fff solid; content:''; transition:all 0.5s; position: absolute; right:3%; bottom:5%;}

.qc_item img{ transform:scale(1); transition:all 0.5s; opacity:1;}
.qc_item:hover img{ transform:scale(1.1); transition:all 0.5s; opacity:0.5;}


.title_sp{ width:100%; position:relative;}
.title_sp div{ background: none; width: 100%; border: none; display: inline-block; padding: 0; text-align: left; margin-bottom: -4px;}
.title_sp div font{ float: left; margin-bottom: -1px; }
.title_sp span{border-radius: 4px 4px 0 0; background-color: #eee; border: medium none; color: #5d5d5d; font-size: 15px; line-height: 13px; margin: 0 3px; padding: 18px 39px; text-transform: capitalize; border-radius: 0 cursor: pointer; transition: all 0.3s ease; display: block; cursor:pointer;}
.title_sp span.active { font-size: 19px; font-weight: 600; line-height: 30px; margin-left: 0; padding: 16px 53px; text-transform: capitalize; transition: all 0.3s ease; background: #4cc1e2;  color: #fff !important; border: none; margin-top: -14px;}
.title_sp span:hover {  color: #4cc1e2; }

.box-show{ margin-bottom:30px;}
.item1{width:100%; position:relative; margin:auto; border:1px solid #e0e0e0; border-right:none; background:#fff; padding-bottom:12px;}
.item1 .item_content{position:relative; padding:6px;}
.item1 .name{text-align:center; margin-bottom:6px; }
.item1 .name a{ font-size: 15px; display: block; line-height: 23px; overflow: hidden; margin-bottom: 0; height: 23px; text-transform: uppercase; color:#555;}
.item1:hover .name a{ color:#f00; transition:all 0.2s; }
.item1 .item_gia{text-align:center;}
.item1 .item_gia span{ font-size: 16px; font-weight: bold; color: #000000;}
.item1 .box_item_img{position:relative; overflow:hidden;} 
.item1 .imgsp{ width:100%; transition:all 0.4s; transform:scale(1);}
.item1:hover .imgsp{ width:100%; transition:all 0.4s; transform:scale(1.05); }


.main{background:#f8f8f8; padding: 30px 0 90px; border-top: 1px solid #e0e0e0;}
.main_content{  max-width:1170px; margin:auto; }
.box_container{ position:relative;}
.listimg{display:block; width:100%;}
.title_main{ font-size: 25px; letter-spacing: -1px; line-height: 40px; margin: 29px 0; font-weight: 400; text-transform: uppercase;}
.title_main1{ font-size: 25px; letter-spacing: -1px; line-height: 40px; margin-top: 15px; margin-bottom: 29px; font-weight: 400; text-transform: uppercase;}

.index-box{ margin-bottom:30px; background:#fff; }
.index-list{ width:32%; float:right; border-top:1px #cacaca solid;}
.index-list img{ width:100%;}
.index-sp{ width:66%; float:left; border-top:1px solid #e0e0e0;}
 


.item{width:100%; position:relative; margin:auto; border:1px solid #e0e0e0; border-top:none;  border-right:none; background:#fff; padding-bottom:12px;}
.item .item_content{position:relative; padding:6px;}
.item .name{text-align:center; margin-bottom:6px; }
.item .name a{ font-size: 15px; display: block; line-height: 23px; overflow: hidden; margin-bottom: 0; height: 23px; text-transform: uppercase; color:#555;}
.item:hover .name a{ color:#f00; transition:all 0.2s; }
.item .item_gia{text-align:center;}
.item .item_gia span{ font-size: 16px; font-weight: bold; color: #000000;}
.item .box_item_img{position:relative; overflow:hidden;} 
.item .imgsp{ width:100%; transition:all 0.4s; transform:scale(1);}
.item:hover .imgsp{ width:100%; transition:all 0.4s; transform:scale(1.05); }

.item2{width:25%; position:relative; margin:auto; border:1px solid #e0e0e0; background:#fff; padding-bottom:12px; float:left;}
.item2 .item_content{position:relative; padding:6px;}
.item2 .name{text-align:center; margin-bottom:6px; }
.item2 .name a{ font-size: 15px; display: block; line-height: 23px; overflow: hidden; margin-bottom: 0; height: 23px; text-transform: uppercase; color:#555;}
.item2:hover .name a{ color:#f00; transition:all 0.2s; }
.item2 .item_gia{text-align:center;}
.item2 .item_gia span{ font-size: 16px; font-weight: bold; color: #000000;}
.item2 .box_item_img{position:relative; overflow:hidden;} 
.item2 .imgsp{ width:100%; transition:all 0.4s; transform:scale(1);}
.item2:hover .imgsp{ width:100%; transition:all 0.4s; transform:scale(1.05); }
.item2:hover .imgsp{ width:100%; transition:all 0.4s; transform:scale(1.05); }


.wrap-doitac{ border-top: 1px solid #e0e0e0; padding:20px 0;}
.doitac_item{width:96%; max-width:135px; margin:auto;}
.doitac_item img{width:100%; max-width:135px;}

.wrap-bottom{width:100%; border-top: 1px solid #e0e0e0; padding: 54px 0 40px; background: #f9f9f9;}
.bottom{padding:30px 0;  max-width:1170px; margin:auto;}
.bottom_title{ color:#111111; font-size:22px; border-bottom:1px rgba(160,160,160,0.54) solid; margin-bottom:20px;font-family: 'RobotoCondensed-Bold'; position:relative; padding-bottom:4px;}
.bottom_title::before{ width:98px; height:10px; background:url(images/before.png) no-repeat; content:''; position:absolute; left:0px; bottom:-3px;}

.news{ width:94%; margin:auto; padding-bottom:10px; margin-bottom:10px; overflow:hidden; position:relative; }
.news .image_news{width:100%; background:#000; margin-bottom: 43px; position: relative; overflow:hidden;}
.news .image_news img{ width:100%; position: relative; transform:scale(1); opacity:1; transition:all 0.5s;}
.news:hover .image_news img{width:100%; position: relative; opacity:0.5; transform:scale(1.1); transition:all 0.5s;}
.news .image_news a{display:block; position:relative;}
.news .image_news a::before{width:0px; height:0px; content:''; transition:all 0.5s; position: absolute; left:3%; top:5%; }
.news:hover .image_news a::before{width:94%; height:90%; border-top:1px #fff solid; border-left:1px #fff solid; content:''; transition:all 0.5s; position: absolute; left:3%; top:5%;}
 
.news .image_news a::after{width:0px; height:0px; content:''; transition:all 0.5s; position: absolute; right:3%; bottom:5%;}
.news:hover .image_news a::after{width:94%; height:90%; border-bottom:1px #fff solid; border-right:1px #fff solid; content:''; transition:all 0.5s; position: absolute; right:3%; bottom:5%;}


.news .n_name { line-height: 1.5; margin-bottom:5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.news .n_name a{font-size: 16px; text-transform: uppercase; color:#555;}
.news:hover .n_name a{ color:#4cc1e2;}
.news .box_content_news{width: 100% ); color:#525252; font-size:14px; font-family: arial;}
.news .n_xemthem{ text-align:left; margin-top:20px; }
.news .n_xemthem a{display: inline-block; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; color:#555;}
.news .n_xemthem a i{margin-left: 8px;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.news .n_xemthem a:hover{color:#4cc1e2;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.news .n_xemthem a:hover i{color:#555; margin-left: 18px;   -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
 
.box_container img{max-width:100% !important; height:auto !important;} 
 
.news1{ color:#353535; font-family: 'Roboto-Regular'; font-size:14px; padding:12px; border-bottom:1px #ededed solid;}
.news1 img{ width:66px; float:left; margin-right:10px;}
.news1 div { line-height: 1.5;}
.news1 div a{font-family: 'RobotoMedium'; font-size:525252; color:#525252;}
 
.input_mail{height:49px; width: calc( 100% - 49px ); float:left; border:1px solid #e3e3e3; color:#545454; font-style: italic; padding:0 10px;}
.btnct_dk{height:49px; border:none; color:#fff; font-size:14px; width: 49px; background:#4cc1e2; float:left;}
 
.end{ background:#141f21; }
.footer-top { background: #4cc1e2; }
.footerblock { margin: 31px 0 29px; box-sizing: border-box; }
.footerblock i { margin-top: -5px; }
.cl-white { color: #fff; }
.footerblock .title { color: #fff; font-size: 16px; font-weight: 700; text-transform: uppercase; margin: 5px 0 0 10px; }
.footerblock .subtitle { color: #fff; font-size: 13px; font-weight: 300; text-transform: capitalize; margin: 0 0 0 10px; padding: 0px; }
@-webkit-keyframes tp-icon-pulse {
	25% { -webkit-transform: scale(1.2); transform: scale(1.2); }
	75% { -webkit-transform: scale(0.8); transform: scale(0.8); }
}

.footerblock:hover i { -webkit-animation-name: tp-icon-pulse; animation-name: tp-icon-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }


.footer_content{  max-width:1170px; margin:auto; padding:30px 15px; color:#8c8c8c; }
.ft_info{ }
.gt_mxh{ margin-top:15px;}
.gt_mxh img{ margin-right:4px;}
.ft_page{ }
.ft_access{ }
.slogan{margin-bottom:6px;}
.ft_tt{ text-transform: uppercase; font-weight: 500; margin: 0 0 30px 0; font-size: 16px; color: #fff;}
 
.copy{text-align: center; border-top: 1px solid #3a3a3a; margin-top: 20px; padding-top: 15px;}
.copy div{ line-height:36px; }
 
/*-----------phân trang---------------*/	
.phantrang{text-align:center; margin-bottom:10px;}
.phantrang a{ background: #fff; color:#000; padding: 2.5px 12px; text-align:center; text-decoration:none; margin:0px 2px; font-weight:bold;}
.phantrang a:hover{	font-weight:bold; background:#217E07; padding: 3px 12px; color:#ffffff;}
.phantrang span{ font-weight:bold; background:#217E07; padding: 3px 12px; color:#ffffff;}
/*------------------------------------*/
.lh_cont{width:49%; float:left;}
.frm_lienhe{width:49%; float:right;}
.bando{width:100%;}

.chitietsanpham{width:100%;  }
.zoom_slick{ width:38%; float:left;}
.product_info{ width:60%; float:right;}
.mota{ font-size:14px; color:#000; font-family: 'Roboto-Regular'; margin-bottom:6px;}

.division{display:inline-block; width:40px; font-size:15px; float:left; height:40px;text-align:center; cursor:pointer;line-height:40px; border:1px #000 solid; border-right:none; background:#fff;}
.sluong{display:inline-block; border:1px #000 solid; width:40px; float:left; height:40px;text-align:center; line-height:40px;}
.plus{display:inline-block; width:40px; height:40px; font-size:15px; float:left;text-align:center; cursor:pointer; line-height:40px;  background:#fff; border:1px #000 solid; border-left:none;}
.addtocart{height:40px; background:#024F91; margin-left:15px; color:#fff; border:none; border-radius:4px; padding:0 10px; font-size:17px; float:left; font-weight:bold;}


.detailsp{font-size:14px; color:#000;  margin:6px 0; font-family: 'Roboto-Regular'; position:relative; margin-bottom:5px; }
.detailsp font{color:#f00; font-size:18px;}
.detailsp span{text-decoration:line-through;}
 
.addfont{ font-size: 20px; font-family: 'Roboto-Bold'; color: #e64100; text-transform:uppercase; }
 

.ipct{width: 100%; height:30px; border: 1px solid #333; border-radius: 5px; padding:0 10px; margin-bottom:10px; color:#333; outline:none; background: none;}
.ipct:nth-child(2n){ float:right;}
.ipct:nth-child(2n+1){clear:both;}
.ipct::-webkit-input-placeholder { color:#333;}
.ipct::-moz-placeholder { color:#333;}
.ipct:-ms-input-placeholder { color:#333;}
.ipct:-moz-placeholder { color:#333;}

.tact{ border: 1px solid #333; border-radius: 5px; width: 100%; padding: 0 10px; background:none; margin-bottom:10px; outline:none;}
.tact::-webkit-input-placeholder { color:#333;}
.tact::-moz-placeholder { color:#333;}
.tact:-ms-input-placeholder { color:#333;}
.tact:-moz-placeholder { color:#333;}

.btnct{ background:#df1010; padding:5px 20px; border:none; font-size:16px; font-family: 'OpenSansBold'; border-radius:3px; color:#fff;}

.box_container{ }
 
.box_de_cont{padding:10px; }
.box_news{ width:49%; float:left; margin-right:2%; margin-bottom:20px;}
.box_news:nth-child(2n){ margin-right:0;}
.box_news:nth-child(2n+1){ clear:both; }

.box_news .box-news-name { margin-top:15px; margin-bottom:10px;}
.box_news .box-news-name a{ font-size:16px; color:#1e1e1e; font-weight:bold; margin-bottom:6px; transition:0.4s;}
.box_news:hover .box-news-name a{color:#F00; transition:0.4s;}
.box_news a{ text-decoration:none;}

.box_news .image_news{width:100%; background:#000; margin-bottom: 43px; position: relative; overflow:hidden;}
.box_news .image_news img{ width:100%; position: relative; transform:scale(1); opacity:1; transition:all 0.5s;}
.box_news:hover .image_news img{width:100%; position: relative; opacity:0.5; transform:scale(1.1); transition:all 0.5s;}
.box_news .image_news a{display:block; position:relative;}
.box_news .image_news a::before{width:0px; height:0px; content:''; transition:all 0.5s; position: absolute; left:3%; top:5%; }
.box_news:hover .image_news a::before{width:94%; height:90%; border-top:1px #fff solid; border-left:1px #fff solid; content:''; transition:all 0.5s; position: absolute; left:3%; top:5%;}
 
.box_news .image_news a::after{width:0px; height:0px; content:''; transition:all 0.5s; position: absolute; right:3%; bottom:5%;}
.box_news:hover .image_news a::after{width:94%; height:90%; border-bottom:1px #fff solid; border-right:1px #fff solid; content:''; transition:all 0.5s; position: absolute; right:3%; bottom:5%;}

.menu-hidden{}
.menu-mobile{display:none;}
.zalo{position:fixed; top:35%; right:5px; width:40px;}

@media (max-width: 1024px){
	.template_banner{width:100%; max-width:1920px; height:250px !important;}

} 
@media (max-width: 991px){
	
	#left_column{display:none;}
	#center_column{width:100%}
	.menu-hidden{ display:none;}
	.menu-mobile{display:block; float:left; color:#4cc1e2 !important; font-size:15px; margin-left:10px;}
	.email-top{width: calc( 100% - 80px ); float:right;}
	.logo{ width:auto}
	#search { width: 50%; margin-left: 5%; }
	.footer_content .row div:nth-child(3){clear:both; margin-top:20px;}
	.ft_info{ width: 50%;}
	.ft_page{ width: 50%;}
	.ft_access{ width: 50%; margin-top:20px;}
	.item2 { width: calc( 100% / 3 ); }
	.template_banner{width:100%; max-width:1920px; height:220px !important;}
}
@media (max-width: 770px){
	.logo { width: 100%; margin-top:0px; }
	#search { width: 65%; margin-left: 0; }
	.title_sp span.active { font-size: 19px; font-weight: 600; line-height: 30px; margin-left: 0; padding: 16px 23px; text-transform: capitalize; transition: all 0.3s ease; background: #4cc1e2; color: #fff !important; border: none; margin-top: -14px; }
	.title_sp span { border-radius: 4px 4px 0 0; background-color: #eee; border: medium none; color: #5d5d5d; font-size: 15px; line-height: 13px; margin: 0 3px; padding: 18px 13px; text-transform: capitalize; border-radius: 0 cursor: pointer; transition: all 0.3s ease; display: block; cursor: pointer; }
	.right_index{display:none;}
	.zoom_slick{ width:45%; float:left;}
	.product_info{ width:53%; float:right;}
	.template_banner{width:100%; max-width:1920px; height:200px !important;}
}
@media (max-width: 660px){
	.item2 { width: 50%; }
	.template_banner{width:100%; max-width:1920px; height:150px !important;}
}
@media (max-width: 590px){
	.box_news{width:100%; margin-right:0px;}
	.title_sp span { border-radius: 4px 4px 0 0; background-color: #eee; border: medium none; color: #5d5d5d; font-size: 14px; line-height: 13px; margin: 0 3px; padding: 14px 12px; text-transform: capitalize; border-radius: 0 cursor: pointer; transition: all 0.3s ease; display: block; cursor: pointer; }
	.title_sp span.active { font-size: 17px; font-weight: 600; line-height: 30px; margin-left: 0; padding: 12px 20px; text-transform: capitalize; transition: all 0.3s ease; background: #4cc1e2; color: #fff !important; border: none; margin-top: -14px;}
	.zoom_slick{ width:100%; float:left;}
	.product_info{ width:100%; float:right;}
	.lh_cont{width:100%; float:left;}
	.frm_lienhe{width:100%; float:right;}

}
@media (max-width: 500px){
	#search { width: 100%; }
	.tel { position: absolute; right: 15px; top:-14px;}
	.item_ft{width: 100%;}
	.title_sp span { border-radius: 4px 4px 0 0; min-height: 55px; background-color: #eee; border: medium none; color: #5d5d5d; font-size: 12px; line-height: 13px; margin: 0 2px; padding: 14px 7px; text-transform: capitalize; border-radius: 0 cursor: pointer; transition: all 0.3s ease; display: block; cursor: pointer; }
	.title_sp span.active { font-size: 12px; font-weight: 600; line-height: 13px; margin-left: 0; padding: 14px 7px; text-transform: capitalize; transition: all 0.3s ease; background: #4cc1e2; color: #fff !important; border: none; margin-top: 0px; }
	.title_sp div font { float: left; margin-bottom: -1px; text-align: center; width: calc( 100% / 3); }
	.ft_info { width: 100%; }
	.ft_page { margin-top: 20px; width: 100%; }
	.ft_access { width: 100%; margin-top: 20px; }
	.template_banner{width:100%; max-width:1920px; height:100px !important;}

}

@media (max-width: 365px){
	.item2 { width: 100%; }
	.hotline span { font-size: 19px; }
}
@media (max-width: 350px){
	.tel {display:none;}
}