@font-face{font-family:SFU;src:url(font/sfu-avantgardeitcbybt-book.otf);font-weight:400;font-style: normal;}
body{font-family:"Roboto",Arial,Helvetica,sans-serif;}

.h2 a:hover,.h2 .act,.bacot h2 a:hover{color:#2f2f2f!important;}
.uldmtl li:hover a{color:#FFF!important;}
.clear{clear:both;}
.box01 img,#boxdesign img,#boxquytrinh img,#boxduan img,#box_content img,.boxsp_img img{max-width:100%;height:auto!important;}
.zoomWrapperImage img{width:auto!important;max-width:none!important;}
.div1 img{width:100%;}
.contentindex{width: 90%!important;margin-left:auto!important;margin-right:auto!important;position:relative;float:none!important;box-sizing:border-box;}
.canhgiua{text-align:center!important;}
.canhtrai{text-align:left!important;}
.displaynone{display:none;}
.displayblock{display:block!important;}
.nopadding{padding:0px!important;}
.nomargin{margin:0px!important;}
.marbot10{margin-bottom:10px;}
.martop10{margin-top:10px;}
.marbot5{margin-bottom:5px;}
.martop5{margin-top:5px;}
.hoa{text-transform:uppercase;}
.w50per{width:50%!important;}
.w100per{width:100%!important;}
.fs12{font-size:12px!important;}
.fs13{font-size:13px!important;}
.fs14{font-size:14px!important;}
.fs15{font-size:15px!important;}
.fs16{font-size:16px!important;}
.fs17{font-size:17px!important;}
.fs18{font-size:18px!important;}
.fs20{font-size:20px!important;}
.fs22{font-size:22px!important;}
.fs24{font-size:24px!important;}
.fs26{font-size:26px!important;}
.fs28{font-size:28px!important;}
.fs30{font-size:30px!important;}
.fw700{font-weight:700!important;}
.fw600{font-weight:600!important;}
.fw500{font-weight:500!important;}
.fw300{font-weight:300!important;}
.fitalic{font-style:italic;}
.cw{color:#373c40!important;}
.cwhite{color:#FFF!important;}
.cb{color:#000!important;}
.padtop12{padding-top:12px!important;}
.fl{float:left;}


.lihome{padding:13px!important;height:46px!important;background:#fff;}
.hc1,.hc2{padding-bottom:5px;margin:auto;}
.boxfixed{position:fixed;top:80px;z-index:1;float:none!important;}
.danhgia{margin-bottom:10px;}
#boxduan .bacot{min-height:420px;}
.muangay{visibility:hidden;}
#boxduan .bacot,.bacot{padding:10px;}
#boxduan .bacot:hover .muangay,.bacot:hover .muangay{visibility:visible;}
#boxduan .bacot:hover,.bacot:hover{}
.is-croll{position:fixed;top:0;left:0;z-index:9999;}
.cartnum{display:inline-block;text-align:center;line-height:15px;border-radius:50%;width:14px;height:14px;font-size:.8rem;position:absolute;top:-4px;right:-4px;background:#1bd33f;color:#FFF}
.gio_hang,.tim_kiem{position:relative;font-size:22px}
.tim_kiem{margin:0 30px;float:left;padding-top:20px;}
.search{border:1px solid #CCC;background:#FFF;min-height:30px}
.inputtext{border:0 none;padding:6px 5px 5px;width:100px;color:#BAB6B6;font-size:11px;-moz-box-flex:1;background:none repeat scroll 0 0 #FFF;border:medium none;width:90%;border:1px solid #ccc;border-bottom:none;border-left:none}
.ics{padding-left:8px;padding-top:5px}
.chongiachitiet{border:1px solid #e42127;background:url(../image/icon-check.png) right bottom no-repeat #f7f7f7!important;border-radius:2px;padding:5px 10px 5px 5px;margin-left:5px;font-size:14px;width:30%;float:left;text-align: center;}
.chongiachitiet0{border:1px solid #d3d3d3;border-radius:2px;padding:5px 10px 5px 5px;margin-left:5px;font-size:14px;width:30%;float:left;text-align: center;}

/* full hd */
@media(max-width:1920px){
	.contentindex, .contentcourse, .contentcate{max-width:1600px!important;}
}
/*hd+*/
@media(max-width:1600px){
	.contentindex, .contentcourse, .contentcate{max-width:1368px!important;}
}
/* hd*/
@media(max-width:1368px){
	.contentindex, .contentcourse, .contentcate{max-width:1170px!important;}
}
@media(max-width:820px){
	.contentindex, .contentcourse, .contentcate{width:100%!important;padding-left:15px;padding-right:15px;}
}


/*col-lg */
@media(min-width:1200px){
	
}
@media(max-width:1360px){
	body,#wrapper{width:100%!important;}
}
/*col-lg */
@media(min-width:1000px)AND (max-width:1300px){
	
}
/*col-md */
@media(min-width:992px)AND (max-width:1199px){
	.clear4colum{clear:left;}
	.clear-col-md{clear:left;}
	
}
/*col-sm */
@media(min-width:820px)AND (max-width:991px){
	.clear3colum{clear:left;}
	.clear-col-sm{clear:left;}	
}
/*col-sm */
@media(min-width:768px)AND (max-width:819px){
	.clear3colum{clear:left;}
	.clear-col-sm{clear:left;}
	.bacot .sp1{min-height:166px;}
}
/*col-xs */
@media(min-width:500px) AND (max-width:767px){
	.clear2colum{clear:left;}
	.clear-col-xs{clear:left;}
}

@media(max-width:1280px){
	.slick-slide img{min-height:440px;}
	.service{height:147px;}
}

@media(max-width:1024px){
	.mautin{font-size:21px;margin:20px 0px 10px 0px;}
	.mautin2{font-size:19px;margin:20px 0px 10px 0px;}
	.mautin3{font-size:20px;margin:20px 0px 10px 0px;}
	#search,.iconhotline,.icongiohang{margin-left:20px;}
	
	.service{height:153px;}
	.col-lg-2{width:16.666667%;}
	.col-lg-8{width:66.50%;}
	.uldmtl li{padding:10px;}
	.slick-slide img{min-height:460px;}
	#menu ul{width:auto;}
	#search input.inputtext{width:230px;}
	.submenu{width:100%;}
	#menu ul a{font-size:13px;}
	#menu li{list-style:none;margin-left:5px;}
	.service_index{display:none;}
}
@media(max-width:992px){
	.hidden-md-down{display: none!important;}
	.col-lg-8{width:100%;}
	.slick-slide img{min-height:auto;}
}

@media(min-width:1024px) and (max-width:1284px){

}
@media(min-width:769px) and (max-width:990px){

}
@media(max-width:768px){
	#header{display:none;}
	#headermobile{display:block;background:#00a85a;margin-top: 55px;}
	#boxslide,#slide,slider-wrapper,.theme-default .nivoSlider{width:100%!important;}
	.theme-default .nivoSlider img{max-width:100%!important;padding:0px;}
	.h2a,.h2b{font-size:24px;}
	.fb_iframe_widget,.fb_iframe_widget span{width:100%;}
	.bacot .div1{max-height:none;overflow:auto;}
	.logomobile{width:74px!important;padding:2px;}
	.intro{padding:5px 15px;}
	.new{text-align:center!important;}
	.new img{float:none!important;width:auto!important;}
	#intro{padding:0px;}
}
/* mobile */
@media(max-width:736px){
	#boxquytrinh,#boxdesign,#boxquytrinh,#boxproduce,#boxduan,.bacot,.bacot .cs-block,#box_content .boxsp_01{height:auto;min-height:auto;}
	#boxquytrinh .bacot,#boxduan  .bacot,.bacot{margin-bottom:30px!important;}
	.bacot .sp1{min-height:auto;}
}
@media(max-width:667px){
	.logomobile{}
	.cot2-sp{width:100%;padding:10px;}
	#leftlinebox{width:100%;}
	.dhn{width:100%!important;}
}
@media(max-width:568px){
	#columnright{display:none;}
	.divf1{margin-left:0px!important;padding:0px 15px!important;}
	.itemcartbot .btn{margin-top:10px;}
}
@media(max-width:500px){
	
}
@media(max-width:480px){
	
}
@media(max-width:440px){
	
}
@media(max-width:414px){
	
}
@media(max-width:375px){
	
}
@media(max-width:320px){
	#boxslide{display:none;}
	
}