@import url('https://fonts.googleapis.com/css2?family=Muli:wght@200;300;400;500;600;700;800;900&display=swap');
html, body, div, applet, object, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/* vertical-align: baseline; */
}
@font-face {
  font-family: Shelia;
  src: url(../font/Shelia-VNF-Regular.ttf);
}
@font-face {
    font-family: 'utm_american_sansregular';
    src: url('../font/utm-american-sans/utm-american-sans.woff2') format('woff2'),
         url('../font/utm-american-sans/utm-american-sans.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-size: 14px;
	font-family: 'Muli', sans-serif;
	font-weight: 400;
	line-height:1.5;
	color: #fff;
	background: url(../images/background.jpg);
}
b{font-family: robotobold;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

* html > body .clearfix {
    display: block;
    width: 100%;
}

* html .clearfix {
    height: 1%;
}

a{text-decoration:none;color: #191919;}
a:hover{color:#F00;}
img{border:0;}
.clear
{

    overflow:hidden;
    clear:both;
}
#loading{display:none;background: #fff url(../images/loader.gif) no-repeat center center;opacity: 0.9;z-index: 12345;position:fixed;width:100%;height:100%}
.container{ position: relative; margin: auto;}
/*-------------- Map css ------------*/
.col-50{width: 50%;}
#map_canvas{padding: 5px; border: solid 1px #00b1ff;}
#map_canvas iframe {
    width: 100% !important;
    height: 200px;
}
.transition_all{
	-moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;

    transition: all 0.7s ease;
}
/************************************/
/**************** header ********************/
.top_header{line-height: 35px;font-size: 13px;text-align: left;background: #e9e9e9;color: #191919;}
.top_header .item{display: inline-block;}
.top_header .item.slogan span{
    font-family: Shelia;
    font-size: 22px;
}
.top_header .item i{ display: inline-block; margin-right: 10px;}
.top_header .item.hotline{float: right;background: url(../images/icon_time.png) no-repeat left center;padding-left: 30px;}
header{position: relative;z-index: 101;top: 0px;left: 0px;width: 100%;box-shadow: 0 0 6px rgba(0,0,0,.3);}
header .item_contacts{
    margin-top: 15px;
}
header .item_contacts.item_fb span{
    line-height: 50px;
}
header .item_contacts a{
    color: #000;
    vertical-align: top;
    display: block;
}
header .item_contacts img{
    float: left;
    margin-right: 10px;
}
header .item_contacts.item_zalo span{
    color: #1058ce;
    margin-top: 6px;
    display: inline-block;
}
header .item_contacts.item_hotline span{ display: block; font-weight: 700; color: #d00000;}
header .logo_header img{
    max-height: 100px;
}
.box_icon{
	bottom: 0px;
	right: 0px;
}
.box_icon .icon{display: inline-block;margin: 2px 0px; vertical-align: middle;}
.box_icon .title{font-weight: bold; text-transform: uppercase; display: inline-block; padding-right: 10px; vertical-align: middle;}
.heading{overflow:hidden; height: 0px; visibility: hidden;}
#menu{
    background: #00b1ff;
}
.box_search{
    overflow: hidden;
    vertical-align: middle;
    right: 0px;
    z-index: 100;
    position: relative;
    text-align: right;
    width: 100%;
    right: 0px;
    bottom: 5px;
}
.key_search{
    font-size: 12px;
    color: #686868;
    padding-top: 10px;
}
.box_search input[type="text"]{
    font-weight: normal;
    background: rgb(255, 255, 255);
    width: 100%;
    height: 40px;
    font-size: 13px;
    box-shadow: none;
    border: solid 1px #E0E0E0;
    border-radius: 3px;
}
.box_search input[type="text"]:focus, .box_search .input_search select:focus { box-shadow: none; outline: none; }
.box_search input[type="button"]{
    width: 60px;
    border:none;
    height: 40px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url(../images/icon_search.png) no-repeat center;
    color: #fff;
    text-transform: uppercase;
}
.addthis_native_toolbox{margin-top: 10px}
.height_header{}
/**************** end header ********************/
/**************** nav ********************/
.breadcrumb-arrow {
    height: 43px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    background-color: #dcab4e;
    margin-top: 20px;
    color: #fff;
    padding-left: 10px;
}
.breadcrumb-arrow a{color: #fff;}
.breadcrumb-arrow li:first-child a {
	border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
}

.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.breadcrumb-arrow li{/* margin-left: 15px; */color: #fff;padding: 3px;}
.breadcrumb-arrow li:first-child{margin-left: 0px;}
.breadcrumb-arrow li:not(:first-child) {
	margin-left: -1px;
}

.breadcrumb-arrow li span {
	padding: 0 10px;
}

.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
	height: 36px;
	padding: 0 10px 0 25px;
	line-height: 36px;
	white-space: nowrap;
}

.breadcrumb-arrow li:first-child a {
	padding: 0px 10px;
}

.breadcrumb-arrow li a {
	position: relative;
	color: #fff;
	text-decoration: none;
	transition: all 0ms;
}

.breadcrumb-arrow li:first-child a {
	padding-left: 10px;
}

.breadcrumb-arrow li a:before, .breadcrumb-arrow li a:after {
	position: absolute;
	top: -1px;
	width: 0;
	height: 0;
	content: '';
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
}

.breadcrumb-arrow li a:before {
	right: -9px;
	z-index: 3;
	border-left-color: #dcab4e;
	border-left-style: solid;
	border-left-width: 11px;
}

.breadcrumb-arrow li a:after {
	right: -10px;
	z-index: 2;
	border-left: 11px solid #d0d0d0;
}

.breadcrumb-arrow li a:hover, .breadcrumb-arrow li a:focus {
	color: #ff0;
}

	.breadcrumb-arrow li a:hover:before, .breadcrumb-arrow li a:focus:before {
		border-left-color: #dcab4e;
	}

.breadcrumb-arrow li a:active {
background-color: #E6E9ED;
	border: 0px solid #E6E9ED;
}

.breadcrumb-arrow li a:active:before, .breadcrumb-arrow li a:active:after {
		 border-left-color: #E6E9ED;
}

.breadcrumb-arrow li span {
	color: #53a1cc;
}
.breadcrumb-arrow .active {
    text-indent: 20px;
}
/**************** end nav ********************/
/**************** slider ********************/
.box_slider{position: relative;z-index: 10;}
.box_slider img{width: 100%;}
#center-container{width: 100%;}
.section-breadcrumbs{
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px;
    margin-bottom: 30px;
}
.section-breadcrumbs .container{z-index: 2; position: relative;}
.section-breadcrumbs:after{
	content:'';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}
.section-breadcrumbs .title{
	color: white;
	text-align: center;
	font-size: 38px;
	font-weight: 300;
	margin-bottom: 0;
	text-shadow: 0px 1px 1px #000;
	font-family: fontavobold;
}
/**************** end slider ********************/
/**************** heading ********************/
#heading{
	height:0px; visibility: hidden; overflow:hidden;
}
/**************** end heading ********************/
/**************** content ********************/
.container_mid{
    position: relative;
    z-index: 10;
    margin-top: 10px;
}
.inner{
    padding: 10px;
    background: #fff;
}
.description{text-align: center;margin-bottom: 20px;font-size: 26px;font-family: Shelia;}
.container_mid .tcat{
    font-size: 26px;
    color: #fff;
    text-align: center;
    position: relative;
    font-weight: 400;
    margin-bottom: 30px;
}
.container_mid .tcat span{color: #f7941d; font-weight: 600;}
.container_mid .tcat .icon{
	clear: both;
	display: inline-block;
	position: relative;
	background: url(../images/tcat_left.png)  no-repeat left center, url(../images/tcat_right.png)  no-repeat right center;
	padding: 0px 80px;
	font-family: utm_american_sansregular;
	text-transform: uppercase;
}
.title_all{
	font-size: 20px;
	color: #fbff00;
	text-transform: uppercase;
	position: relative;
	font-weight: bold;
	margin-bottom: 40px;
	margin-top: 20px;
}
.title_all:after{
	content: '';
	width: 100px;
	height: 2px;
	position: absolute;
	background: #000000;
	left: 0px;
	bottom: -8px;
}
.tcat_right{display: none;}
.fancybox-inner .tcat .icon h2, .container_mid .tcat .icon h2{
}
.container_mid .tcat .icon a{ color: #df1f26;}
.container_mid .tcat .tcat_noibat .item{ float: right; margin: 10px; margin-top: 15px;}
.container_left{}
.container_left .module_left{
    margin-bottom: 20px;
}
.container_left .module_left .content{
    background: #f5f6f8 ;
    padding: 10px;
}
.container_left .module_left .title{
	color: #ffffff;
	line-height: 30px;
	font-size: 15px;
	text-transform: uppercase;
	padding: 7px 0px;
	position: relative;
	font-family: open_sansbold;
	border-left: solid 6px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.container_left ul.danhmuc{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.container_left ul.danhmuc li{
    border-bottom: solid 1px #ddd;
}
.container_left ul.danhmuc li:last-child{border: none;}
.container_left ul.danhmuc li a{
    display: block;
    padding: 9px 0px;
}
.container_left .item_news .name{
    margin: 0px;
    text-transform: inherit;
}
.container_right{width: 72%;float: left;/* padding: 10px; */}
#subscribe_form .title{font-weight: bold;color: #000;font-family: arial;font-size: 14px;}
#subscribe_form{position: relative;margin-top: 15px;}
#subscribe_form #email_newsletter{
    width: 100%;
    display: inline-block;
    background: #fff;
    height: 40px;
}
#subscribe_form .btn_mail{
    background: url(../images/btn_send.png) no-repeat center left;
    width: 65px;
    height: 39px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-radius: 0px;
    color: #000;
}
.container_right .title{ font-family: robotobold; font-size: 17px; color: #d9534f; padding: 10px 0px; margin-bottom: 10px;}
.xemthem{padding: 8px 12px;text-align: center;color: #fff;text-transform: uppercase;bottom: 10px;right: 0;width: 100px;border: solid 1px #c6c6c6;margin-top: 25px;font-size: 13px;}
.xemthem a{display: block;}

.item_product_content{vertical-align: top;margin-bottom: 20px;font-size: 13px;/* height: 100%; */background-color: #ffffff;color: #191919;padding-bottom: 15px;}
.item_product_content .item{
}
.item_product_content .item:hover{}
.item_product_content .images{position: relative;background: #fff;}
.item_product_content .images img{}
.item_product_content .name{
    padding-top: 10px;
    position: relative;
    padding: 5px 0px;
    text-align: left;
    margin-top: 5px;
}
.item_product_content .address{
	text-align: left;
	color: #606060;
}
.item_product_content .name a{display: block;font-size: 17px;font-weight: 700;text-transform: uppercase;font-family: robotobold;color: #f04f23;text-align: center;}
.margin-0{ margin-right: 0px;}
.item_product_content .prices{
    position: relative;
    clear: both;
    text-align: left;
    color: #000000;
    font-size: 13px;
}
.item_product_content .prices span{
    position: relative;
    color: #ec0000;
    font-size: 15px;
    /* font-family: fontavobold; */
}
.item_product_content .prices figure{display: inline-block;color: #ec0000;font-size: 15px;/* font-family: fontavobold; */}
.item_product_content .giasale{}
.item_product_content .giasale span{ color: #de002f; font-size: 18px;}
.item_product_content .opacity{opacity: 0;}
.item_product_content:hover .opacity{opacity: 1;}
.item_product_content .order{text-align: center;padding-bottom: 10px;background: url(../images/btn_muahang.png) no-repeat top center;height: 25px;width: 85px;margin: auto;cursor: pointer; transition: all 0.7s ease;}
.item_product_content .order:hover{background: url(../images/btn_muahang_hover.png) no-repeat top center;}
.item_product_content .txt_buy{width: 24px; display: inline-block; text-align: center;}
.item_product_content .buy{display:inline-block;width: 100%;background: #ff7c06;color: #fff;cursor: pointer;border-radius: 5px;line-height: 35px;max-width: 100px;float: right;}
.item_product_content .buy:hover{ background: #00a79d;}
.item_product_content .detail{display:inline-block;width: 100%;background: #183546;color: #fff;cursor: pointer;border-radius: 5px;line-height: 35px;max-width: 100%;float: left;}
.item_product_content .detail:hover{ background: #00a79d;}
.item_product_content .detail a{color: #fff;}
.item_product_content .throught{ text-decoration: line-through;}
.box_product{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
}
.readmore {
    padding: 8px 15px;
    background-color: #C58933;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
}
.readmore:hover {
    -webkit-box-shadow: inset -2px 2px 20px 0 rgba(0,0,0,.5);
    -moz-box-shadow: inset -2px 2px 20px 0 rgba(0,0,0,.5);
    box-shadow: inset -2px 2px 20px 0 rgba(0,0,0,.5);
    color: #fff;
}
.box_product .owl-prev{background: url(../images/prev_dt.png) no-repeat;top: 26%;left: -11px;}
.box_product .owl-next{background: url(../images/next_dt.png) no-repeat;top: 26%;right: 0%;margin-right: -12px;}
.container_mid .no-padding{ padding: 0px;}

/**************** check dang ki - dang nhap ********/
.green-color{ color: #38a345; font-size: 20px;}
.red-color{ color: #f00;/* font-size: 20px; */}
.blue-color{ color: #428bca;}
.white-color{ color: #fff; font-size: 18px;}
/**************** end check dang ki - dang nhap ********/
/**************** footer ******************/
footer{
    font-size: 14px;
    color: #fff;
}
footer strong{ font-weight: bold;}
footer .title-ft{
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 20px;
    position: relative;
    font-family: utm_american_sansregular;
}
footer .title-ft1{
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.company-ul ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.company-ul ul li a{
    display: block;
    color: #fff;
    font-size: 15px;
    line-height: 28px;
}
.copyright{font-size: 13px;color: #ffffff;text-align: left;line-height: 45px;background: #1a1a1a;}
.copyright a{color: #fff;}
.copyright .thongke{color: #bababa;text-align: right;}
footer .item{margin-bottom: 5px;}
footer .item img{margin: 10px 0px;}
footer ul{padding-left: 15px; margin-top: 15px;}
footer ul span{color: #ff0;}
footer .item a{display: block;line-height: 20px;font-size: 14px;color: #fff;}
.box_footer{margin: auto;padding: 40px 10px;border-top: solid #ff0;background: rgba(255, 255, 255, 0.09);}
/* --------------------- Phan trang ------------------*/
.pagination{text-align:center; margin: 30px 0px;width: 100%;}
.phantrang{
    text-align:center;
    /* padding: 6px 0px; */

    background: #f2f2f2;
    margin: auto;
}
.phantrang a {
    /* background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent; */
    /* border: 1px solid #D2D2D2; */
    /* box-shadow: 0 1px 0 #FFFFFF inset; */
    color: #636363;
    cursor: pointer;
    font-size: 15px;
    margin: 5px 0 5px 4px;
    display: inline-block;
    padding: 6px 10px;
}
.phantrang span{ background: #09669C; padding: 7px 10px; color: #fff;}
.phantrang a:hover {
    background: none repeat scroll 0 0 #09669C; 
    box-shadow: none;
    color: #FFFFFF;
    text-decoration: none;
}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2 !important;
    color: #ADADAD !important;
    cursor: default;
    opacity: 0.7;
    display: inline-block;
}
.phantrang .paginate_active, .phantrang .paginate_active:hover {
    background: none repeat scroll 0 0 #09669C;   
    box-shadow: none;
    color: #FFFFFF;
}
.wrap-video{
	position: relative;
	padding-bottom: 70%;
	height: 0;
	max-width: 600px;
	margin: auto;
}
.wrap-video iframe{
	width: 100% !Important;
    left: 0;
    right: 0;
    position: absolute;
    height: 100% !important;
    border: 0;
}
.video_lq{margin-top: 15px;}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style], #u_0_0 ._2p3a { width: 100% !important; }
#about{
    padding: 30px 10px;
    color: #181818;
}
#about .text-center{
    font-size: 16px;
    margin-bottom: 20px;
}
#about .bacsi_web{
    position: relative;
    overflow: hidden;
    max-width: 385px;
    margin: auto;
    border: solid 8px #3bc2ff;
    border-radius: 50%;
    text-align: center;
}
#about .bacsi_web .name{
    width: 100%;
    position: absolute;
    bottom: 25px;
    background: rgba(1,1,1,0.7);
    color: #fff;
    padding: 10px 30px;
}
#about .bacsi_web .name span{
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}
#about .item{
    margin-bottom: 30px;
    text-align: right;
}
#about .item img{
    vertical-align: middle;
    display: inline-block;
    margin-left: 15px;
    width: 90px;
}
#about .item .text{
    width: calc(100% - 110px);
    display: inline-block;
    vertical-align: middle;
    max-width: 200px;
    text-transform: uppercase;
    font-weight: bold;
}
#about .item.item1{text-align: left;}
#about .item.item1 img{margin: 0px; margin-right: 15px;}
#about .item.item_margin{padding-right: 40px;}
#about .item.item1.item_margin{padding-left: 40px;}
#uudiem{
    padding: 30px 10px;
}
.item_service{margin-bottom: 30px;color: #333333;position: relative;transition: all 0.5s ease;}
.item_service .images{
    transition: all 0.5s ease;
}
.item_service .images img{transition: all 0.5s ease;}
.item_service .info a{
    font-size: 18px;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    color: #ff0;
    margin-top: 20px;
    text-align: center;
    min-height: 53px;
}
.item_service .price{color: #fff; text-align: center;}
.item_service .info a:hover{color: #f00;}
.btn_call{
    clear: both;
    text-align: center;
    margin-top: 15px;
}
.btn_call a{
    margin:0 auto;
    border: 1px solid transparent;
    background: #4CAF50;
    line-height: 54px;
    padding-left: 30px;
    padding-right: 30px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: 600;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn_call a:hover{
    background: #67bb42;
    color: #fff;
}
#form {
    background: url(../images/bg_form.jpg) no-repeat center;
    background-size: cover;
    padding: 30px 10px;
}
#form .item_form{
    border: solid #fff;
    border-top: none;
    padding: 20px;
    color: #fff;
    line-height: 24px;
    margin-top: 30px;
    position: relative;
}
#form .title{
    font-family: utm_american_sansregular;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    background: url(../images/title_contact.png) no-repeat right bottom 2px, url(../images/title_contact1.png) no-repeat left center;
    padding-left: 30px;
    position: absolute;
    top: -12px;
    left: 0px;
    width: 100%;
}
#form .form-control{
    border: none;
    background: none;
    border-bottom: solid 1px #ddd;
    color: #fff;
    margin-bottom: 5px;
    box-shadow: none;
    padding: 0px;
    font-size: 11px;
}
#form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#form .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#form .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#form .form-control:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
#form .btn_send{
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    background: #fff;
    line-height: 35px;
    padding: 0px 15px;
    border-radius: 3px;
    margin-top: 10px;
    color: #003b93;
}
#form .box_icon{
    margin-top: 20px;
}
#newletter{
    background: url(../images/bg_contact.jpg) no-repeat bottom right;
    background-size: 50% auto;
}
#newletter .title{
    color: #00b1ff;
    font-size: 26px;
    position: relative;
    font-family: utm_american_sansregular;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 50px;
}
#newletter .title span{
    position: relative;
}
#newletter .contact .title span{color: #fff; padding-left: 70px;}
#newletter .title span:after{content: '';position: absolute;width: 60px;height: 40px;background: url(../images/tcat_left.png) no-repeat center;bottom: -6px;right: -70px;}
#newletter .contact .title span:after{right: inherit; left: 0px;}
#newletter .form-control{
    min-height: 40px;
    border-radius: 0px;
    border: 0;
    margin-bottom: 5px;
}
#newletter .btn_send{
    height: 40px;
    color: #03215e;
    background: #f8cc00;
    text-transform: uppercase;
    transition: all 0.5s ease;
    margin-top: 15px;
    border-radius: 0px;
    font-weight: bold;
}
#newletter .btn_send:hover{background: #fff;color: #f00;}
#customer{
    text-align: center;
    padding: 40px 10px;
}
#customer .item_customer{}
#customer .item_customer .images{
    margin: auto;
    border-radius: 50%;
    position: relative;
    display: inline-block;
}
#customer .item_customer .images:before{content: '';width: 100%;height: 100%;position: absolute;border: solid 8px rgba(255, 255, 255, 0.8);left: 0px;top:  0px;border-radius: 50%;}
#customer .item_customer .images img{border-radius: 50%;}
#customer .item_customer .name{
    margin: 10px 0px 10px 0px;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
    font-size: 16px;
    color: #00b1ff;
}
#customer .item_customer .desc{
    margin: auto;
    max-width: 800px;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    margin-top: 200px;
}
#yk-2{
    max-width: 800px;
    position: absolute;
    top: 100px;
    width: 100%;
}
#yk-2 .ykien-hinh-box{border-radius: 50%; overflow: hidden; display: inline-block; border: solid 4px #cfe3ff; margin: 0px 15px;}
#yk-2 .ykien-hinh-box img{display: inline-block; }
#news{
    padding: 30px 10px;
}
#news .tcat{margin-bottom: 20px;}
.item_news{
    margin-bottom: 20px;
    background: #fff;
    padding: 10px;
}
.item_news .name{
    display: block;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.item_news .date{
    font-size: 12px;
    color: #a6a6a6;
    font-weight: 200;
}
.item_news .desc{
    color: #191919;
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.item_news .btn_views{text-align: right;}
.item_news .btn_views a {
    font-size: 13px;
    color: #3bc2ff;
    padding: 3px 10px;
    border-radius: 4px;
    display: inline-block;
    text-transform: none;
    margin-top: 5px;
}
.item_news .btn_views a:hover{color: #f00;}
#contact{
	background: #108398 url(../images/bg-1.png) no-repeat center;
	background-size: 100%;
	color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}
#contact.fixed{
	position: fixed;
	top: 10px;
	z-index: 999;
}
#contact .title_contact{
    text-transform: uppercase;
    font-family: arial;
    font-weight: bold;
    margin: 20px 0px 15px 0px;
    text-align: center;
}
#contact a{color: #fff;}
#contact input, #contact textarea{
    min-height: 40px;
    background: rgba(255, 255, 255, 0.13);
    color: #fff;
}
#contact input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#contact input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#contact input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#contact input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
#contact .btn_send{
	background: #394145;
	padding: 6px 30px;
	color: #fff;
	font-size: 14px;
	border-radius: 0px;
	transition: all 0.5s ease;
	text-transform: uppercase;
	font-family: robotobold;
}
#contact .btn_send:hover{
	background: #f04f23;
	color: #fff;
}
.scroll-top {
  position: fixed;
  z-index: 1001;
  right: 0px;
  bottom: 10px;
  display: none;
}
#copyright{ background:#d5d5d5; text-align: center; line-height: 40px; color: #5b5b5b; font-size: 13px;}
.product_info{
    list-style:none;
    padding:0px;
    margin:0px;
}
.product_info .product_code{
    margin-bottom: 10px;
    font-weight: 600;
    position: relative;
    font-size: 18px;
    padding: 5px 0px;
}
.product_info .name_product h1{
    margin-bottom: 20px;
    font-size: 26px;
    color: #ffffff;
    font-weight: bold;
    display: block;
    position: relative;
}
.product_info .check{
    line-height: 24px;
    clear: both;
}
.product_info .addtocart{font-weight: bold;text-transform: uppercase;background: #00923f;line-height: 40px;text-align: center;width: 200px;color: #fff;margin-top: 20px;transition: all 0.5s ease;cursor: pointer;}
.product_info .addtocart:hover{background: #0256ac;}
.selectors{
    padding: 15px;
}
.selectors .owl-next{
    top: calc(50% - 24px);
    right: 0px;
    background-position: 0px 0px;
    width: 33px;
    height: 48px;
}
.selectors .owl-prev{
    top: calc(50% - 24px);
    left: 0px;
    transition: all 0.7s ease;
    width: 33px;
    height: 48px;
}
.item_zoom{}
.item_zoom:hover{border: solid 1px #f00;}
.title_sp{
    color: #fff700;
    font-weight: bold;
    font-size: 16px;
    padding: 5px 0px;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    background: url(../images/ic_title_product.png) no-repeat left top 6px;
    padding-left: 30px;
}
.content_sp{border: solid 1px #fff700;border-top: solid 10px #fff700;margin: 15px 0px;margin-top: 30px;padding: 20px 20px;color: #fff;}
.content_sp .content{color: #8c9599;}
.title_splq {
    color: #333;
    font-weight: bold;
    font-size: 20px;
    padding: 5px 0px;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family:svn-avobold;
    position: relative;
}
.title_splq:before{content: '';background: #0256ac;width: 50px;height: 2px;position: absolute;left: 0;bottom: 0px;}
.zoom-img{overflow: hidden; position: relative;}
.zoom-img img{
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}
.zoom-img img:hover{
	webkit-transform: scale(1.2);/* Saf3.1+, Chrome */
	-moz-transform: scale(1.2);/* FF3.5+ */
	-ms-transform: scale(1.7);/* IE9 */
	-o-transform: scale(1.2);/* Opera 10.5+ */
	transform: scale(1.2);
}
.container_mid img{max-width: 100%;height: auto;}
.modal-body button.close{
    background: #D58430;
    color: #fff;
    padding: 5px 10px;
}
.modal-body .box_search{
    background: #008E8F;
    padding: 15px;
}
.modal-body .title{
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}
/* css grid */
.grid_container{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 20px;
}
.grid_container1{
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-gap: 15px;
}
.columns-md-1{grid-column-end: span 1;}
.columns-md-2{grid-column-end: span 2;}
.columns-md-3{grid-column-end: span 3;}
.columns-md-4{grid-column-end: span 4;}
.columns-md-5{grid-column-end: span 5;}
.columns-md-6{grid-column-end: span 6;}
.columns-md-7{grid-column-end: span 7;}
.columns-md-8{grid-column-end: span 8;}
.columns-md-9{grid-column-end: span 9;}
.columns-md-10{grid-column-end: span 10;}
.columns-md-11{grid-column-end: span 11;}
.columns-md-12{grid-column-end: span 12;}
/* end css grid */
.service_detail{
    padding: 50px 10px;
    background-size: cover !important;
}
.service_detail .page-title{
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}
.service_detail .page-title h2{
    margin-bottom: 10px;
}
.service_detail .page-title p{
    font-size: 16px;
    margin-bottom: 30px;
}
.service_detail .item_top_detail{
    text-align: center;
}
.service_detail .item_top_detail img{margin: auto; margin-bottom: 20px;}
.page-titlefix h2 {
    color: #FF4E00;
    display: block;
    margin-bottom: 30px;
}
#customers {
background:#fff;
  border-collapse: collapse;
  width: 100%;
  border:0px !important
}

#customers td, #customers th {
  border: 0px solid #ddd;
  padding: 15px;
}
#customers tr:first-child td{
	padding:30px 15px;
}
#customers tr td:nth-child(1){
	background:#f6f6f6 !important
}
#customers tr td:nth-child(2){
	background:#fff !important
}
#customers tr td:nth-child(3){
background-color: #ff4900;
    background-image: linear-gradient(to right,#ff4900,#ffc000);
    color: #fff;
    font-weight: 300;
}
#customers tr td:nth-child(3) p,customers tr td:nth-child(3) span{
	color:#fff;
}
#customers tr {
border-bottom: 1px dashed #dee2e6 !important;
}
#kehoach .title{
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 10px;
    text-align:center;
    color: #00b1ff;
}
#kehoach .title span{
    color: #FF4E00;
}
#kehoach .desc{
    margin-bottom: 20px;
	text-align:center;
}
#kehoach{
    color: #000;
    min-width: 100%;
    display: block;
    clear: both;
    padding-top: 50px;
    padding-bottom: 50px;
}
#formkh{
    clear: both;
}
#formkh .form-control{
    background:none;
    outline: none;
    position: relative;
    border-radius: 0px;
    height: 52px;
    text-shadow: none !important;
    box-shadow:none !important;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-bottom: 30px;
    color: #fff;
}
#formkh .input-group-addon{
    background:none;
    border: 0px;
    outline: none;
    font-size: 24px;
    color: #00b1ff;
}
#formkh .form-control.fcontrol{
    border-bottom: 2px solid #fff;
   

}
#kehoach .bt-deatail input {

    background: #FFC107
}
.bt-deatail{
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
    margin-top: 15px;
}
.bt-deatail input{
    margin:0 auto;
    border: 1px solid transparent;
    background: #4CAF50;
    line-height: 54px;
    padding-left: 30px;
    padding-right: 30px;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: 600;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.bt-deatail input:hover{
    background: #67bb42;
}
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.support_mobile{
    position: fixed;
    right: 0px;
    bottom: 30%;
    z-index: 10001;
}
.support_mobile img{
    width: 45px;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
}
.support_mobile a{
    display: block;
    background: #fff;
    border-radius: 50%;
}
@media (min-width: 960px){
	.hidden-md{display: none;}
}
.logo_header.hidden-md img{position: relative; top: 0px;}
@media (max-width: 768px){
	header .logo_header{ position: relative;}
	header{position: relative;}
	header .logo_header img{margin: auto;}
	.container_left{width: 100%;}
	.container_right{width: 100%;}
	.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style], #u_0_0 ._2p3a { width: auto !important; margin: auto; margin-top: 10px}
	/* css grid */
	.columns-sm-1{grid-column-end: span 1;}
	.columns-sm-2{grid-column-end: span 2;}
	.columns-sm-3{grid-column-end: span 3;}
	.columns-sm-4{grid-column-end: span 4;}
	.columns-sm-5{grid-column-end: span 5;}
	.columns-sm-6{grid-column-end: span 6;}
	.columns-sm-7{grid-column-end: span 7;}
	.columns-sm-8{grid-column-end: span 8;}
	.columns-sm-9{grid-column-end: span 9;}
	.columns-sm-10{grid-column-end: span 10;}
	.columns-sm-11{grid-column-end: span 11;}
	.columns-sm-12{grid-column-end: span 12;}
	/* end css grid */
	#customer .item_customer .desc{margin-top: 0px;}
	#yk-2{display: none;}
    .box_search{width: 100%;right: calc(50% - 125px);top: 5px;bottom: inherit;}
}
@media (max-width: 600px){
	#subscribe_form .title{display: block;}
	.tablet{width: 50%;}
	.col-50{width: 100%;}
	header .grid_container{
    grid-gap: 0px;
}
	.service_detail{padding: 50px 10px !important;}
	/* css grid */
	.columns-xs-1{grid-column-end: span 1;}
	.columns-xs-2{grid-column-end: span 2;}
	.columns-xs-3{grid-column-end: span 3;}
	.columns-xs-4{grid-column-end: span 4;}
	.columns-xs-5{grid-column-end: span 5;}
	.columns-xs-6{grid-column-end: span 6;}
	.columns-xs-7{grid-column-end: span 7;}
	.columns-xs-8{grid-column-end: span 8;}
	.columns-xs-9{grid-column-end: span 9;}
	.columns-xs-10{grid-column-end: span 10;}
	.columns-xs-11{grid-column-end: span 11;}
	.columns-xs-12{grid-column-end: span 12;}
	/* end css grid */
	.top_header .item.hotline{float: none;}
	#newletter{background: none;}
	#newletter .contact{background: url(../images/bg_contact.jpg) no-repeat bottom right;padding: 10px;}
	#about .item.item1.item_margin, #about .item.item_margin{padding: 0px;}
	#about .item img{margin: 0px; margin-right: 15px;}
	#about .item{text-align: left;}
}
@media (max-width: 480px){
	.copyright{display: none;}
	.item_congtrinh .images{width: 100%;}
	.container_mid .tcat{height: auto;font-size: 26px;}
	header .giohang, header .hotline_top{ width: 100%; float: none;}
	#about .text-center{font-size: 14px;}
}
@media (max-width: 420px){
	.tablet{width: 100%;}
	
}
.effect{overflow: hidden;}
.effect:hover img{
	-webkit-transform: rotate(10deg) scale(1.2);
	-moz-transform: rotate(10deg) scale(1.2);
	-ms-transform: rotate(10deg) scale(1.2);
	-o-transform: rotate(10deg) scale(1.2);
	transform: rotate(10deg) scale(1.2);
}
.effect img{-moz-transition: all 0.7s ease;      -o-transition: all 0.7s ease;      -ms-transition: all 0.7s ease;        transition: all 0.7s ease;}
.top_header .item.address {
    color: #fed732;
    font-size: 15px;
}