@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;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; */
}
/* 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: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	font-weight: 400;
	line-height:1.5;
	color: #000;
	background: #fff;
}
@font-face {
  font-family: Shelia;
  src: url(../font/Shelia-VNF-Regular.ttf);
}
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;
}
.form-control {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -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;
    box-sizing: border-box;
}
.form-group {
    margin-bottom: 15px;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    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;
}
.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.container{ position: relative; margin: auto; width: 100%; max-width: 1170px;}
/*-------------- Map css ------------*/
.col-50{width: 50%;}
#map_canvas iframe {
    width: 100% !important;
    min-height: 400px;
}
.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 ********************/
header .hotline{
    position: absolute;
    background: #fff;
    text-align: center;
    line-height: 27px;
    padding: 0px 17px;
    min-width: 185px;
    right: 0px;
    top: 25px;
    z-index: 101;
}
header .hotline:after{content: '';background: url(../images/ic_hotline.png) no-repeat center;width: 53px;height: 40px;position: absolute;left: -33px;top: -7px;}
header .item.hotline a:first-child{color: #000;font-size: 15px;font-weight: 600;}
header{position: relative;z-index: 101;top: 0px;left: 0px;width: 100%;box-shadow: 0 0 6px rgba(0,0,0,.3);background: #fff;}
header .icon_search{
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 35px;
    z-index: 1011;
}
header.position{position: relative;}
header .logo_header img{
    max-height: 95px;
}
.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;}
header.fixed {
	position: fixed;
	z-index: 101;
	top: 0px;
	width: 100%;
	left: 0px;
	animation: stuckMoveDown .6s;
}
.heading{overflow:hidden; height: 0px; visibility: hidden;}
header .fixed .top_header{
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	transition: all 0.7s ease;
	height: 0px;
	overflow: hidden;
}
.box_search{
    overflow: hidden;
    vertical-align: middle;
    right: 0px;
    z-index: 100;
    position: relative;
    text-align: right;
    margin-top: 15px;
    width: 100%;
}
.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: 0px;
}
.box_search input[type="text"]:focus, .box_search .input_search select:focus { box-shadow: none; outline: none; }
.box_search input[type="button"]{
    width: 95px;
    border:none;
    height: 40px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: #e21923;
    color: #fff;
    text-transform: uppercase;
}
.addthis_native_toolbox{margin-top: 10px}
.height_header{}
/**************** end header ********************/
/**************** nav ********************/
nav#cssmenu{}
.breadcrumb-arrow {
    line-height: 36px;
    list-style: none;
    color: #333;
    text-align: left;
    padding: 5px 0px;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
    position: relative;
    /* text-align: center; */
}
.breadcrumb-arrow li{
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #000;
	font-size: 12px;
	padding: 0px 10px;
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
	height: 36px;
	line-height: 36px;
	white-space: nowrap;
	position: relative;
	color: #000;
	text-decoration: none;
	transition: all 0ms;
	display: block;
}
.breadcrumb-arrow li:before{
	content: '/';
	position: absolute;
	right: 0px;
	top: 0px;
}
.breadcrumb-arrow li:last-child:before{display: none;}
.breadcrumb-arrow li a:hover, .breadcrumb-arrow li a:focus {
	color: #f00;
}
.breadcrumb-arrow li:first-child{
	padding-left: 0px;
}
/**************** end nav ********************/
/**************** slider ********************/
.box_slider{position: relative;z-index: 10;}
.box_slider img{width: 100%;}
#center-container{}
#center-container .grid_container{
	-ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
    vertical-align: middle !important;
}
#center-container img{ margin: auto;}
#center-container .info_slider .title{
    color: #353535;
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 600;
}
#center-container .info_slider .title span{
    color: #ffa819;
    font-size: 4.5rem;
    margin-bottom: 0;
    display: inline-block;
}
#center-container .info_slider{color: #353535;position: absolute;z-index: 101;width: 100%;max-width: 500px;left: 20%;top: 100%;transform: translate(0px, -50%);opacity: 0; transition: all 0.5s ease;}
#center-container .active .info_slider{opacity: 1; top: 50%;}
#center-container .info_slider .btn_slider{
    color: #fff;
    font-weight: 400;
    padding: 13px 20px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 27px;
    transition: all 0.5s ease;
    background: #fec545;
}
#center-container .info_slider .btn_slider:hover{
    color: #fff;
    background: #dbb54c;
}
.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;
}
.inner{
    padding: 10px;
    background: #fff;
}
.description{text-align: center;margin-bottom: 20px;font-size: 16px;}
.container_mid .tcat{
    font-size: 30px;
    color: #000;
    text-align: center;
    position: relative;
    font-weight: 400;
    padding-bottom: 7px;
    margin-bottom: 30px;
}
.container_mid .tcat:after{content: ''; width: 80px; height: 2px; position: absolute; left: calc(50% - 40px); bottom: 0px; background: #fec545;}
.title_all{
	font-size: 28px;
	color: #f7941d;
	text-transform: uppercase;
	position: relative;
	font-weight: 600;
	margin-bottom: 40px;
}
.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 .title_left{
	color: #fff;
	line-height: 30px;
	font-size: 15px;
	text-transform: uppercase;
	padding: 7px 0px;
	position: relative;
	border-left: solid 6px #f7941d;
	padding-left: 20px;
	margin-bottom: 10px;
	background: #242424;
}
.container_left .item_left{
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #ddd;
}
.container_left .item_left:last-child{border: none;}
.container_left .item_left img{
    max-width: 70px;
    float: left;
    margin-right: 10px;
}
.container_left .item_left .info{
    overflow: hidden;
}
.container_left .item_left a{
    font-weight: 600;
}
.container_left .item_left p{
    margin: 0px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.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;
    background: #242424;
    padding: 40px 10px 20px 10px;
}
footer strong{ font-weight: bold;}
footer .title-ft{
    text-transform: uppercase;
    font-size: 23px;
    margin-bottom: 10px;
    color: #fff;
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
footer .title-ft2{
    color: #fff !important;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 10px;
    font-family: UTMHelvetIn;
}
footer .title-ft1{
    font-size: 18px;
    margin-bottom: 10px;
    color: #c2c2c2;
    font-family: robotoregular;
    text-transform: uppercase;
}
.company-ul ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    grid-gap: 10px;
}
.company-ul ul li a{
    display: block;
    color: #fff;
    font-size: 15px;
    line-height: 28px;
}
.copyright{font-size: 13px;color: #e3aa36;text-align: right;line-height: 45px;margin-top: 30px;}
.copyright a{color: #e3aa36;}
.copyright .thongke{color: #000000; font-family: open_sansregular;}
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;}
.htonline{border-left: solid 1px #606060; height: 220px;}
.htonline .box_support{ width: 100%; max-width: 410px;background: url(../images/bg_zalo.png) no-repeat;height: 165px;padding: 10px 20px;}
.box_footer{max-width: 1200px;margin: auto;}
footer .dknt .item{
    padding-top: 5px;
}
footer .dknt .item a{
    color: #000;
}
footer .dknt .item a:hover{ color: #f00;} 
/* --------------------- 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: 40px 10px;
    color: #fff;
    font-weight: 500;
    background: url(../images/bg4.png) no-repeat center;
    background-size: cover;
}
#about .tcat{color: #000;}
#about .tcat:after{background: #000;}
#about .text-center{
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    max-width: 650px;
    margin: auto;
    margin-bottom: 20px;
    color: #000;
}
#about .images img{margin: auto;z-index: 10;position: relative;}
#about .content{position: relative;max-width: 1000px;margin: auto;}
#about .item{
    margin-bottom: 30px;
    position: relative;
    padding: 20px;
}
#about .item .detail{
    font-size: 15px;
    overflow: hidden;
    color: #333;
    font-weight: 400;
}
#about .item .detail .name{
	margin: 10px 0px;
	padding: 0;
	line-height: 24px;
	font-size: 18px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	/* text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; */
}
#about .item .detail .num{
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    margin-top: 15px;
    color: #CE2020;
}
#uudiem{
    padding: 30px 10px;
    background-size: 100% auto;
}
#uudiem .item_service{margin-bottom: 30px;color: #333333;position: relative;transition: all 0.5s ease;}
#uudiem .item_service:hover{opacity: 0.8;}
#uudiem .item_service:hover .images{border-color: #000;}
#uudiem .item_service .images{
    transition: all 0.5s ease;
    margin-bottom: 10px;
}
#uudiem .item_service .info{
    overflow: hidden;
    background: #fff;
}
#uudiem .item_service .info a.views {
    font-size: 13px;
    color: #fff;
    background: linear-gradient(to right,#f7941d 0%,#fcb61a 100%);
    padding: 3px 10px;
    border-radius: 4px;
    display: inline-block;
    text-transform: none;
    float: left;
}
#uudiem .item_service .info a{
    font-size: 16px;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    color: #616161;
    margin-bottom: 10px;
}
#uudiem .item_service .info p{
    color: #333;
    font-size: 15px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.btn_call{
    clear: both;
    text-align: center;
}
.btn_call a{
    margin:0 auto;
    border: 1px solid transparent;
    background: #b47e11;
    line-height: 54px;
    padding-left: 30px;
    padding-right: 30px;
    display: block;
    font-size: 21px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0px;
    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{
    color: #ff0;
}
.btn_call a span{font-family: utm_helvetinsregular;font-size: 35px;font-weight: normal;}
#toiuu{
    padding: 40px 10px;
}
#toiuu .title{
    text-align: center;
    font-size: 16px;
    position: relative;
    margin-bottom: 30px;
    color: #2e3234;
}
#toiuu .item_toiuu{
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    padding: 15px;
    transition: all 0.5s ease;
    background: #f7f7f7;
}
#toiuu .item_toiuu:hover{
    box-shadow: 0px 0px 5px #ddd;
}
#toiuu .item_toiuu .images{
    margin: auto;
    margin-bottom: 20px;
}
#toiuu .item_toiuu .name{
    color: #191919;
    max-width: 230px;
    margin: auto;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    min-height: 50px;
    display: block;
}
#toiuu .item_toiuu p{margin: 0px;text-align: justify;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
#toiuu .item_toiuu a.views{text-transform: uppercase;display: inline-block;background: #fec545;padding: 5px 15px;border-radius: 15px;margin-top: 10px;opacity: 0; transition: all 0.5s ease;}
#toiuu .item_toiuu:hover a{opacity: 1;}
#about_us{
    padding: 40px 10px;
}
#about_us .name{
    font-size: 30px;
    color: #000000;
    position: relative;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 15px;
}
#about_us .name span{color: #fd8a00;display: block;}
#about_us .content{
    text-align: justify;
    font-size: 16px;
}
#about_us p{
    color: #4e4e4e;
    font-size: 14px;
    position: relative;
    padding-bottom: 10px;
    font-style: italic;
    margin: auto;
    margin-bottom: 20px;
    border-bottom: solid 1px #ccc;
}
#about_us .item_work{
    color: #999999;
    position: relative;
    padding-left: 50px;
    margin-bottom: 23px;
}
#about_us .item_work img{
    position: absolute;
    top: 0px;
    left: 0px;
}
#about_us a{
    border: #fd8a00 solid 1px;
    color: #fd8a00;
    font-weight: 400;
    padding: 6px 20px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 27px;
    transition: all 0.5s ease;
    margin-bottom: 15px;
}
#about_us a:hover{
    color: #fff;
    background: #fd8a00;
}
#quytrinh{padding: 40px 10px;background: url(../images/process-bg.jpg) no-repeat center;background-size: cover;padding-top: 50px;padding-bottom: 230px;}
#quytrinh .title{text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;text-align: center;text-transform: uppercase;font-weight: 700;font-size: 33px;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";margin-bottom: 20px;color: #fd8a00;}
#quytrinh .desc{text-align: center;max-width: 800px;margin: auto;margin-bottom: 90px;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight: 500;}
#quytrinh .item{}
#quytrinh .item img{margin: auto;background: #484848;border-radius: 50%;text-align: center;position: relative;border: 3px solid white;margin-top: 130px; transition: all 0.5s ease;}
#quytrinh .item p{
    text-align: center;
    color: #212529;
    font-weight: 600;
}
#quytrinh .item img:hover{background-color: #03801A;}
#quytrinh .columns-md-2:nth-child(2n) img{
    margin-top: -40px;
}
#quytrinh .columns-md-2:nth-child(3n) img{
    margin-top: -75px;
}
#customer{
    background: url(../images/bg_customer.jpg) no-repeat top center;
    background-size: cover;
    color: #fff;
    text-align: center;
    padding: 40px 10px;
}
#customer .title{
    font-size: 32px;
    margin-bottom: 20px;
}
#customer .title span{color: #fe7c04;font-weight: bold;}
#customer .item_customer{}
#customer .item_customer .images{
    width: 160px;
    margin: auto;
    height: 160px;
    border: solid 1px #fff;
    border-radius: 50%;
    padding: 10px;
    margin-top: 20px;
    float: left;
    margin-right: 15px;
}
#customer .item_customer .info{text-align: left;overflow: hidden;background: rgba(255, 255, 255, 0.1);padding: 15px;border-radius: 5px;}
#customer .item_customer .name{
    margin: 10px 0px 10px 0px;
    font-weight: bold;
}
#customer .item_customer .star{
    color: #fe7c04;
}
#customer .item_customer .desc{
    margin: auto;
    margin-top: 11px;
    max-width: 800px;
    font-size: 13px;
    line-height: 22px;
    border-radius: 8px;
}
#partner{
    background: #f8ae2e;
    padding: 40px 10px;
    color: #fff;
}
#partner .title{
    font-size: 17px;
    font-weight: bold;
}
#partner .title span{
    font-size: 23px;
    font-weight: 900;
}
#partner .desc{
    margin-top: 10px;
    font-style: italic;
}
#partner .btn_call_back{
    background: url(../images/icon_htkt.png) no-repeat left 15px center;
    background-size: 30px;
    border: solid 2px #fff;
    border-radius: 15px;
    padding: 10px 30px;
    padding-left: 51px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 20px;
}
#partner .btn_call_back:hover{color: #000; border-color: #000;}
#question{
    padding: 40px 10px;
}
#question .item_question{
    border: solid 1.5px #ccc;
    margin-top: 30px;
    padding: 20px;
    background: url(../images/arrow_down.png) no-repeat left 30px center;
    padding-left: 50px;
    position: relative;
    cursor: pointer;
}
#question .item_question .number{
    position: absolute;
    top: -18px;
    left: 15px;
    font-size: 24px;
    background: #eb5f3b;
    color: #fff;
    padding: 0px 5px;
}
#question .item_question .desc{
    color: #666;
    font-size: 13px;
    display: none;
}
#question .item_question .view_all{
    font-family: latoWebBold;
    color: #fff;
    background: #eb5f3b;
    padding: 5px 20px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    border-radius: 5px;
}
#news{
    padding: 30px 10px;
    padding-top: 80px;
}
#news .tcat{margin-bottom: 20px;}
.item_news{
    margin-bottom: 20px;
    background: #fff;
    background: #f7f7f7;
}
.item_news .name{
    font-size: 16px;
    color: #444;
    font-weight: 600;
    padding-left: 0px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-top: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}
.item_news .desc{
	    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.item_news .date{
    font-size: 12px;
    color: #fff;
    background: #9d9d9d;
    display: inline-block;
    padding: 3px 15px;
}
.item_news .btn_views {
    font-size: 13px;
    color: #000;
    background: #ffc645;
    padding: 5px 15px;
    border-radius: 15px;
    display: inline-block;
    text-transform: none;
    margin-top: 5px;
    transition: all 0.5s ease;
}
.item_news .btn_views:hover{color: #fff; background: #000;}
.item_news.news_nb{background: none;}
.item_news.news_nb .date{
    font-weight: 600;
    font-size: 14px;
    padding: 0px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: -20px;
    left: 0px;
}
.item_news.news_nb .date span{
    display: block;
    background: #353535;
    padding: 0px 15px;
}
.item_news.news_nb .info{
    position: relative;
    padding-left: 80px;
}
#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;
}
#about_pages .about_end{
    background: url(../images/bg1.png)no-repeat;
    background-size: 100% 100%;
    padding: 50px 0;
    margin-top: 120px;
    z-index: 1;
    position: relative;
}
#about_pages .title_1{
    color: #133b4f;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 46px;
    margin: 0px;
    margin-top: 30px;
}
#about_pages .name_page{
    color: #1e75bb;
    font-weight: bold;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
}
#about_pages .desc{
    text-align: justify;
    line-height: 2.5;
    margin-bottom: 30px;
}
#about_pages .about_end .columns-md-6:last-child{
    position: relative;
    bottom: 175px;
}
#about_pages .item_about_end{max-width: 450px; margin: auto;}
#about_pages .item_about_end .desc{
    color: #fff;
}
#price{}
#price .description{max-width: 800px;margin: auto;margin-bottom: 40px;color: #666;}
#price .item_price{
    border-radius: 5px;
    padding: 30px;
    background-color: #ffffff;
    text-align: center;
    -webkit-box-shadow: 0 0 50px 0 rgba(177, 177, 177, 0.2);
    box-shadow: 0 0 50px 0 rgba(177, 177, 177, 0.2);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 40px;
    padding-bottom: 80px;
    transition: all 0.5s ease;
}
#price .item_price .name{
    color: #f7941d;
    font-size: 34px;
    line-height: 1.5em;
    font-weight: 500;
    text-transform: uppercase;
}
#price .item_price .price{
    font-weight: 600;
    font-size: 18px;
}
#price .item_price p{
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-bottom: 10px;
    color: #686b75;
}
#price .item_price a.btn_reggis{
    color: #ffffff;
    background-color: #5ecccb;
    display: inline-block;
    padding: 10px 35px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    text-transform: uppercase;
}
#price .item_price:hover{background:#f7941d;}
#price .item_price:hover .name, #price .item_price:hover .price, #price .item_price:hover p{color: #fff;}
.scroll-top {
  position: fixed;
  z-index: 1001;
  right: 0px;
  bottom: 10px;
  display: none;
}
footer .box_icon{font-family: arial;margin-top: 15px;}
footer .icon{display: inline-block;margin: 3px;margin-top: 10px;}
footer .tag_seo{background:#EFEFEF; padding: 5px 8px; float: left; margin: 1px;}
footer .address{background: url(../images/demo-V_61.png) no-repeat left center;/* padding: 7px; */padding-left: 40px;margin-bottom: 10px;}
footer .website{background: url(../images/demo-V_69.png) no-repeat left top;padding-left: 40px;line-height: 32px;}
footer .hotline{background: url(../images/demo-V_64.png) no-repeat left top 2px;padding-left: 40px;height: 32px;margin-bottom: 10px;}
footer .email{background: url(../images/demo-V_66.png) no-repeat left top 2px;padding-left: 40px;margin-bottom: 10px;}
#copyright{ background:#d5d5d5; text-align: center; line-height: 40px; color: #5b5b5b; font-size: 13px;}
/******************* chi tiet san pham *****************/
.product_info {
    padding:3px 0px;
}
.product_info .name{
    margin-bottom: 16px;
    font-size: 18pt;
    color: #D21416;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: solid 1px #ddd;
    display: block;
}
.product_info .title{font-weight: bold; text-decoration: underline}
.product_info ul{list-style: none;}
.product_info ul li{
    line-height: 35px;
    clear: both;
    position: relative;
}
.product_info ul li:after{content: "\f058";padding-right: 20px;font-weight: 700;font-family: FontAwesome;font-size: 18px;text-rendering: auto;-webkit-font-smoothing: antialiased;position: absolute;left: -30px;}
.product_info .check b{width: 120px; float: left;}
.product_info .info{
    margin: 20px 0px;
}
.product_info .info .form-control{    background: #f7f9fb;border: 1px solid #e5e7f2;border-radius: 4px; outline: none;box-shadow: none; min-height: 50px;}
.product_detail_images{max-height: 800px; width: 100%; overflow-y: auto; border: solid 1px #ddd;}
.showDropdown::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.showDropdown::-webkit-scrollbar-track {
  background: #f1f1f1;

}
/* Handle */
.showDropdown::-webkit-scrollbar-thumb {
  background: #e2e2e2;
}
/* Handle on hover */
.showDropdown::-webkit-scrollbar-thumb:hover {
  background: #716f6f;
}
.tag_slug{ background: #ECECEC; padding: 10px;}
.tag_slug .tag{background: #fff; padding: 5px 10px;; margin-right: 10px;}
.tag_slug .tag i{ margin-right: 5px;}
.title_cat {
  font-family: robotobold;
  color: #c60000;
  font-size: 22px;
  margin: 10px 0px;
}
.clear.height{ margin: 10px 0px;}
.answer{padding: 0px 0px 20px 0px;}
.box_content_answer{display: none;}
.content_answer{padding: 10px 0px;}

h4, .delta {
  text-transform: none;
  font-weight: normal;
}
.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: url(../images/bg_doitac.jpg) no-repeat top center;background-size: cover;padding: 40px 10px;color: #fff;}
#customers .tcat{color: #fff;}
#customers .description{max-width: 450px; margin: auto; margin-bottom: 15px;}
#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;
}
#kehoach .title span{
    color: #FF4E00;
}
#kehoach .desc{
    margin-bottom: 20px;
	text-align:center;
}
#kehoach{
    color: #fff;
    min-width: 100%;
    background: #212121 url(../images/bg-email.png) no-repeat center top fixed;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block;
    background-attachment: scroll;
    float: left;
    width: 100%;
    clear: both;
    padding-top: 50px;
    padding-bottom: 50px;
}
#formkh{
    float: left;
    width: 100%;
    clear: both;
}
#formkh .form-control{
    background:none;
    border: 0px;
    outline: none;
    position: relative;
    border-bottom: 1px solid #f3f3f3;
    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: #fff;
}
#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;
}
.itongdaix p{
	margin-bottom:1px;
	text-transform:uppercase;
	  font-size: 14px;
}
#tien-element-box .tien-margin-top {margin-top:50px;text-align: center;}
#tien-element-box .tien-margin-top .images{
    position: relative;
    background: #fff;
    height: 350px;
    overflow: hidden;
}
#tien-element-box .tien-margin-top .images img{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    -webkit-transition: all ease-in-out 3.2s;
    -moz-transition: all ease-in-out 3.2s;
    -o-transition: all ease-in-out 3.2s;
    transition: all ease-in-out 3.2s;
    position: absolute;
    top: 0px;
}
#tien-element-box .tien-margin-top .images img:hover{
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-calc(100% - 250px));top:100%;
}
.tien-element-ten {text-transform:uppercase;font-weight:bold;margin: 15px 0px;text-align: center;}
.tien-xem-demo, .btn_all {color: #ffffff;background-color: #5ecccb;display: inline-block;padding: 10px 35px;-webkit-border-radius: 25px;-moz-border-radius: 25px;-ms-border-radius: 25px;border-radius: 25px;text-transform: uppercase;}
.tien-xem-demo:hover, .btn_all:hover{color: #ff0;}
#item-select-box{text-align: center;}
.tien-item-dis-inl{
    display: inline-block;
    padding: 3px 15px;
    border-radius: 20px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.5s ease;
}
.tien-item-dis-inl:hover{    background-color: #ebebeb;}
.text-center{text-align: center;}
@media (min-width: 960px){
	.hidden-md{display: none;}
}
.logo_header.hidden-md img{position: relative; top: 0px;}
@media (max-width: 768px){
	body{overflow: hidden; overflow-y:scroll;}
	header .logo_header{ position: relative;}
	.list_cat_product{display: none;}
	header{position: relative;}
	header .item_3 span{display: block;}
	footer .title-ft{margin-top: 20px;}
	header .logo_header img{margin: auto;}
	.container_left{width: 100%;}
	.container_right{width: 100%;}
	header .giohang{ position: relative; top: 0px; width: 50%; float: left;}
	footer .row1, footer .row2{width: 50%;}
	footer .row3{width: 100%;padding-left: 0px;padding-top: 10px;}
	.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}
	.col-price{width: 50%;}
	#contact.fixed{position: relative;}
	/* 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 */
	.hidden-sm{display: none;}
	#toiuu .item_toiuu a{opacity:1;}
	#about_pages .container{padding: 0px 10px; box-sizing: border-box;}
	#about_pages .about_end{background: #25A5DD;}
	#about_pages .about_end .columns-md-6:last-child{bottom: 0px;}
}
@media (max-width: 600px){
	#subscribe_form .title{display: block;}
	.tablet{width: 50%;}
	.box_footer{padding: 0px 5px;}
	.courseListItem__intensity1{ width: 35%; margin-right: 10px;}
	.courseListItem__desc{ width: 100%; float: none;}
	.text-right{text-align: left;}
	#service .item{width: 50%;}
	#service .item:hover .hover{left: 0px;}
	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;}
	.hidden-xs{display: none;}
	#center-container .info_slider p{display: none;}
	#quytrinh .item img, #quytrinh .columns-md-2:nth-child(3n) img, #quytrinh .columns-md-2:nth-child(2n) img{margin-top: 0px;}
	
}
@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;}
	.box_search{width: 100%;}
	.fancybox-inner .tcat .icon, .container_mid .tcat .icon{padding: 10px;font-size: 22px;}
	#about .text-center{font-size: 14px;}
	.itongdai .itongdai-icon{margin-right: 10px; width: 30px;}
	.itongdai-text h3{font-size: 15px; margin: 8px 0px;}
	.itongdai-text h3 span{font-size: 13px;}
	.itongdai-text p{margin-bottom: 0px;}
}
@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;
}
@keyframes stuckMoveDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}