html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, 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, table, caption, tbody, tfoot, thead, tr, th, td, 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%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	line-height:1.5;
	color: #000;
	background-color: #f7f5f3;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.content figcaption{
    background: #e2e2e2;
    color: #444;
    margin-bottom: 10px;
    padding: 5px;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

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

* html .clearfix {
    height: 1%;
}

a{color: #d62f28; text-decoration:none; }
a:hover{color:#f9b617; text-decoration: none;}
img{border:0; max-width: 100%; max-height: 100%; height: auto;}

.clear {
    overflow:hidden;
    clear:both;
}
.container{ position: relative; margin: auto;}
/* --------------------- Phan trang ------------------*/

/**************** header ********************/
header{position: relative;z-index: 101;top: 0px;left: 0px;width: 100%;background: #ffffff;}
header.fixed{position: fixed; top: 0px; z-index: 10001; width: 100%;}
header .banner{margin: auto;width: 100%;text-align: left;}
header .logo_header img{    margin: auto; }
.box_icon{
	position: relative;
	font-size: 13px;
	text-align: center;
	display: inline-block;
	margin: 15px 0 50px;
	vertical-align:  middle;
	z-index: 9999;
}
.box_icon .icon{display: inline-block;margin: 2px 5px;vertical-align: middle;}
.box_icon .icon img{
	width:32px;
}
.box_icon .title{font-weight: bold; text-transform: uppercase; display: inline-block; padding-right: 10px; vertical-align: middle;}
/**************** end header ********************/
/**************** nav ********************/
.breadcrumb-arrow {
	color: #fff;
    display: inline-block;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    border: 1px solid #bbb;
	padding: 7px 20px;
}
.breadcrumb-arrow a {
	color: #fff;
}
.breadcrumb-arrow p {
	margin-bottom: 0;
}
.breadcrumb-arrow .last,
.breadcrumb-arrow a:hover,
.breadcrumb-arrow a:focus {
	color: #fff700;
}
nav.fixed {
	position: fixed !important;
	z-index: 1011;
	top: 0px;
	display: inline;
	width: 100%;
	left: 0px;
}
nav.fixed ul{max-width: 1000px; margin: auto !important; }
/**************** end nav ********************/
/**************** slider ********************/
#center-container{width: 100%;}
.section-breadcrumbs{
    text-align: center;
    background: url(../images/bg-breadcrumb.jpg);
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
}

.overlay2 { position: relative;}
.overlay2:after {
    content: '';
    position: absolute;
	width: 100%;
	height: 100%;
    top:0;
	left:0;
    background:rgba(0,0,0,0.6);
    opacity: 1;
    transition: opacity 0.5s;
}
.overlay2:hover:after { opacity: 0;}
.overlay2:hover .breadcrumb-arrow{background: rgba(0, 0, 0, 1); transition: all 0.3s;}

.section-breadcrumbs .container{z-index: 2; position: relative;}
/**************** end slider ********************/
/**************** content ********************/
.archive .news,
.news_detail {
	padding-bottom: 50px;
}
.fancybox-inner .tcat, .container_mid .tcat{
    position: relative;
    text-align: center;
    padding: 8px;
    margin-top: 15px;
}
.container_mid .tcat h1{text-transform: uppercase;font-size: 26px;font-weight: 700;color: #333;}
.container_mid .tcat p.item-description{font-style: italic; color: #888; line-height: 18px;}
.tcat_right{display: none;}

.container_mid .tcat .icon a{ color: #df1f26;}
.container_mid .tcat .tcat_noibat .item{ float: right; margin: 10px; margin-top: 15px;}
.container_left .module_left{
    margin-bottom: 15px;
}
.module_left .dienthoai{ background: url(../images/bg_httt.png) no-repeat; height: 96px; font-size: 22px; padding-left: 85px; text-align: left; padding-top: 61px; font-weight: bold;}
.module_left .dienthoai span{
    color: #f00;
}
.box_hotro{border-bottom: dashed 1px #ccc; color: #000;margin: 7px 10px;padding: 10px 0;font-size: 14px;}
.box_hotro:last-child{border: none;}
.box_hotro .left{
    float: left;
    margin-right: 10px;
    width: 72px;
}
.box_hotro .right{
    margin-left: 10px;
}
.box_hotro .name{
    padding-left: 10px;
    color: #ff8000;
    font-weight: bold;
    font-family: Tahoma;
}
.container_left .module_left .content{
	 border: 5px solid #f9b617;
	 border-top: 0px;
}
.container_left .module_left .title{
	line-height: 30px;
	font-size: 18px;
    font-weight: 700;
	text-transform: uppercase;
	padding: 6px 0px;
	position: relative;
	color: #d62f28;
	background: #f9b617;
	text-align: center;
    border-radius: 4px 4px 0px 0px;
}
.container_left .module_left .title h2,.container_left .module_left .title h2 a{
	display:block;
	line-height: 45px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	color: #DE1A1B;
	border-bottom: 1px solid #DC0115;
	text-align: center;
}
.container_mid .content{
    padding: 15px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
	font-size: 16px;
    letter-spacing: 0.1px;
    line-height: 1.6;
    text-align: justify;
}
.container_mid .content figure {
    width: 100%!important;
}
.single-post .container_mid .content h2,
.single-post .container_mid .content h3,
.single-post .container_mid .content h4,
.single-post .container_mid .content h5,
.single-post .container_mid .content h6,
.page .news_detail .container_mid .content h2,
.page .news_detail .container_mid .content h3,
.page .news_detail .container_mid .content h4,
.page .news_detail .container_mid .content h5,
.page .news_detail .container_mid .content h6  {
	font-weight: 700;
	margin-bottom: 1rem;
}
.single-post .container_mid .content h2,
.page .news_detail .container_mid .content h2 {
	font-size: 24px;
}
.single-post .container_mid .content h3,
.page .news_detail .container_mid .content h3 {
	font-size: 22px;
}
.single-post .container_mid .content h4,
.page .news_detail .container_mid .content h4 {
	font-size: 20px;
}
.single-post .container_mid .content h5,
.page .news_detail .container_mid .content h5 {
	font-size: 18px;
}
.single-post .container_mid .content h6,
.page .news_detail .container_mid .content h6 {
	font-size: 16px;
}
.single-post .container_mid .content .related-posts h2 {
    font-size: 18px;
    margin-bottom: 7px;
}
.single-post .container_mid .content .related-posts .courseListItem:last-of-type {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.related-posts {
    margin-top: 30px;
}
.screen-reader-text {
    position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.pagination .nav-links .page-numbers {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #f9b617;
    color: #d62f28;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
}
.pagination .nav-links .page-numbers.current {
    background-color: #d62f28;
    color: #fff;
}
.related-posts .related-posts-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}
/**************** end content ********************/

/**************** footer ******************/
footer{
	background-color: #ffffff;
    font-size: 15px;
    color: #555;
}
.copyright{font-size: 14px;color: #fff;line-height: 30px;text-align: center;background: #d62f28;padding: 10px 0px;}
/* --------------------- Phan trang ------------------*/
.pagination{text-align:center; margin: 30px 0px;width: 100%;}
/*----------------------------------------------------*/
.scroll-top {
  position: fixed;
  z-index: 1001;
  right: 0px;
  bottom: 10px;
  display: none;
}
footer .name{
    text-transform: capitalize;
    font-size: 36px;
	font-weight: 700;
    display: block;
    margin: 0 0 15px;
    color: #d62f28;
}
footer .box_icon{margin: 0; z-index: 99;}
footer .icon{display: inline-block;margin: 3px;margin-top: 10px;}

.pad-l {
    padding-bottom: 50px;
}

.flexf {
    display: flex;
    justify-content: space-between;
    padding: 50px 0;
}

.flexf .x1 {
    width: 50%;
}

.flexf .x2 {
    width: 50%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flexf .x2 .cn {
    width: 48%;
}
.flexf .x2 .cn .name span {
    padding: 5px 15px;
    background: #f9b617;
    color: #d62f28;
    font-weight: 700;
    border-radius: 15px;
}

.flexf .x2 .cn .name {
    font-size: 15px;
    background: url(../images/icon_homen.png) no-repeat left center;
    padding-left: 50px;
	background-size: contain;
    display: flex;
}
.flexf .x2 .cn ul {
	padding-left: 68px;
}

.flexf .x2 .cn ul li {
    padding: 5px 0;
}

.flexf .x2 .cn ul li a {
    color: #555;
}
/*----------------------- radio button checkbox ---------------------*/
.courseListItem {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    text-decoration: none;
    border-bottom: solid 1px #ddd;
    padding-bottom: 20px;
  }
  .courseListItem  .small{margin-bottom: 10px;}
  .courseListItem__intensity {
    float: left;
    width: 20%;
    background: 0;
    padding: 20px 10px 20px 20px;
    color: #fff;
    text-align: right;
  }
  .courseListItem__intensity1 {
    float: left;
    width: 30%;
    color: #fff;
    text-align: right;
  }
  .courseListItem__desc {
    float: left;
    width: 70%;
    padding: 0px 10px;
    font-size: 15px;
  }
  .courseListItem__desc .small{color: #555;}
  .courseListItem__desc__paragraph{margin-top: 5px;color: #888;}
  .courseListItem__desc__title {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 7px;
    color: #d62f28;
    font-weight: 700;
  }
  h4, .delta {
    text-transform: none;
    font-weight: normal;
  }
/************* trang c? nh?n **************/
.content-left .info .live{
    padding: 5px;
    padding-right: 25px;
}
.item .input.form-control{margin-bottom: 5px;}
.content-left .item span{ color: #4E62B9;}
.content-left .info .item{position: relative;max-width: 400px;/* margin: auto; */cursor: pointer;}
.content-left .info .item .edit{position: absolute; right: 0px; top: 8px; opacity: 0; z-index: 0;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.content-left .info .item:hover .edit{ opacity: 1; z-index: 101}
.content-left .info i{
    margin-right: 10px;
}
.savelive{ background: #018de5; color: #fff; padding: 10px 20px;clear: both; display: inline-block; margin-top: 5px;}
.savelive a{ color: #fff;}
/***************** effect ***************/
.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);
}
.form_dh{
	position:relative;
	border-radius: 20px;
	max-width: 425px;
}
.form_dh .title{
	text-align:  center;
	position:  absolute;
	top: -12px;
	left:  0;
	width:  100%;
	z-index: 999;
}
.form_dh .title span{
	background:url(../images/contact-title.png) no-repeat center;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	width:  256px;
	height:  43px;
	background-size: 100% 100%;
	display: inline-block;
	line-height: 2;
}
.form_c{
	background: #f9b617;
	background-size:cover;
	padding: 50px 30px 35px;
	text-align:  left;
	position:  relative;
	border-radius: 20px;
	max-width:  425px;
}
.form_c .form-control {
	border: 0;
}
.form_c .dathang{
	text-align:center;
	position:  relative;
	margin-top: -50px;
}
.form_c .dathang .dh{
	background: transparent;
}
.form_c .dathang .wpcf7-spinner {
	display: none;
}
/*Luuhoabk css*/
	.box-separator{position: relative;}
	.box-separator:before{
	    content: "";
	    background: #bbb;
	    height: 1px;
	    top: 45%;
	    left: 0;
	    right: 0;
	    position: absolute;
	    max-width: 400px;
	    margin: auto;
	}
	.box-separator svg{
		border-radius: 50%;
	    font-size: 44px;
	    background: #f7f5f3;
	    z-index: 999;
	    position: relative;
	    padding: 5px;
	    color: #d62f28;
	}
	.box-right.view-menu-right a{
	  	background-color: #d62f28;
	    background-image: linear-gradient(#f9b617,#d62f28);
	    display: block;
		padding: 12px 10px;
	    text-align: center;
	    font-size: 20px;
	    color: #fff;
	    margin: 10px 0;
	    border-radius: 5px;
	    font-weight: bold;
	    transition: all 0.3s;
		animation: shadow-pulse 1s infinite;
		line-height: 20px;
	}
	.box-right.view-menu-right a.item-view .sub-title{font-size: 13px; font-weight: 400;}
	.box-right.view-menu-right a.item-call .sub-item{font-size: 12px; font-weight: 400;}
	@keyframes shadow-pulse{
	  0% {
	    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
	  }
	  100% {
	    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	  }
	}
	.modal-backdrop{background: #0b5f19;}
	#bookingModal .modal-header{
		background: #388e3c;
	    color: #fff;
	    font-size: 18px;
	    padding: 10px 15px;
	}
	.blink {
  		animation: blinker 1s step-start infinite;
	}

	@keyframes blinker {
	  50% {
	    opacity: 0;
	  }
	}

	#bookingModal .button-submit .item-show{display: inline-block; }
	#bookingModal .button-submit .item-hide{display: none;}
	#bookingModal .button-submit.toggle-icon .item-show{display: none;}
	#bookingModal .button-submit.toggle-icon .item-hide{display: inline-block;}

	#block-slide{ margin: 20px 0; }
	body .wrapper{ margin-top:  85px; }
	#top_header .menu-top {background: #f9b617;}
	#top_header .menu-top nav.navbar{padding: 0.1rem 0.4rem;}
	#top_header .menu-top nav.navbar ul div.content-menu{width: 230px;}
	#top_header .menu-top nav.navbar ul div.dropdown-menu a.dropdown-item:hover{background: #d62f28; color: #fff; transition: all 0.3s;}
	#top_header .menu-top nav.navbar ul div.dropdown-menu a.dropdown-item img{width: 24px; height: 24px; margin-right: 5px; vertical-align: middle;}

	#top_header .menu-top nav.navbar ul li a.nav-link{color: #fff; padding-left: 20px; padding-right: 20px;}
	body #top_header .menu-top nav.navbar ul li a.nav-link:hover{color: #d62f28!important;}

	body .text-info-head .title{ color: #fff; font-weight: 700; padding: 0 5px; margin-bottom: 2px;}
	body .text-info-head .title span{ color: #0af372;}
	body .text-info-head .subtitle { text-align: center; }
	body .text-info-head .subtitle .subtitle-1{ background: #fff; padding: 1px 9px; border-radius: 2px;}
	body .text-info-head .subtitle a{ color: #e52d48; }
	body .text-info-head .subtitle a:hover{ color: #0f5029; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
	body .text-info-head .subtitle span{ font-size: 13px; font-style: italic; color: #999;}

	body .menu-top nav .navbar-collapse ul li a{font-size: 14px; padding: 5px 15px;}
	body .menu-top nav .navbar-collapse ul li a svg{font-size: 28px;}


	/*mobile top menu*/
	body .menu-top.menu-mobile nav.navbar{padding-top: 0; padding-bottom: 0; height: 48px;}
	body .menu-top.menu-mobile nav.navbar .navbar-brand{padding: 0;}
    body .menu-top.menu-mobile nav.navbar .navbar-brand .logo-top {position: relative; top: 4px;}
	body .menu-top.menu-mobile .col-auto{padding:0;}
	body .menu-top.menu-mobile .text-info-head-mobile .title{ color: #fff; padding: 0 5px; font-size: 11px; text-align: center; font-size: 12px}
	body .menu-top.menu-mobile .text-info-head-mobile .title span.title-2{color: #07ec6e;}
	body .menu-top.menu-mobile .text-info-head-mobile .subtitle{text-align: center;}
	body .menu-top.menu-mobile .text-info-head-mobile .subtitle a{ color: #fff000;font-size: 13px; font-weight: bold;}
	body .menu-top.menu-mobile .text-info-head-mobile .subtitle .subtitle-1{border-top:1px dashed #19bb58; padding-top: 1px;}
	body .menu-top.menu-mobile .text-info-head-mobile .subtitle .subtitle-2{ color: #f6f6f6; font-style: italic; font-size: 12px;}
    .menu-mobile {
        background-color: #f9b617;
    }


	body .menu-top.menu-mobile .mntop-mobile-toggle-btn{ cursor: pointer;
	    display: block;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	body .menu-top.menu-mobile .mntop-mobile-toggle-btn svg{font-size: 38px!important; height: 32px; width: 32px; fill: currentColor; vertical-align: middle;}

	.mntop-mobile-toggle-btn .open-btn{display: block;}
	.mntop-mobile-toggle-btn .close-btn{display: none;}
	.loose{
		position: absolute;
	    width: 100%;
	    z-index: 9999;
	    top: 48px;
	    left: 0;
	    height: 0;
	    overflow: hidden;
	    -webkit-transition: height .2s ease-in-out;
	    transition: height .2s ease-in-out;
	}
	.loose-open body {position: fixed!important; overflow: hidden; width: 100%!important;}
	.loose-open .mntop-mobile-toggle-btn .open-btn{display: none;}
	.loose-open .mntop-mobile-toggle-btn .close-btn{display: block;}
	.loose-open .loose {height: calc(var(--vh,1vh) * 100 - 48px);}

	.loose-flex{
		position: absolute;
	    height: 100%;
	    width: 100%;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    -ms-flex-flow: row nowrap;
	    flex-flow: row nowrap;
	}

	.loose-flex-col{
	    -webkit-overflow-scrolling: touch;
	    overflow-y: auto;
	    padding: 0;
	    min-width: 0;
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	    flex: 0 0 auto;
	}
	.loose-flex-col1{ width: 110px;background: #eee; padding-bottom: 44px;}
	.loose-cat-item{font-size: 12px; color: #424242; border-bottom: 1px solid #bdbdbd;}
	.loose-cat-item.active{background:#fff;}
	.loose-cat-item .row{min-height: 50px; padding: 7px 8px;}
	.loose-cat-item .row .col-auto img{width: 28px; height: 28px; margin-right: 5px;}
	.loose-cat-item .row .content-text{font-size: 13px;}

	/*.loose-cat-item .loose-cat-svg{width: 20px; height: 20px; fill: #757575; margin-right: 8px;}*/

	.loose-flex-col2{-webkit-box-flex: 1; -ms-flex: 1 1 0; flex: 1 1 0; background: #fff; padding-bottom: 44px;}
	.looseTab {display: none;}
	.looseTab.active {display: block;}
	.looseTab .loose-brand-title {
	    text-align: center;
	    font-weight: 500;
	    color: #d62f28;
	    padding: 5px;
	    margin-bottom: 10px;
	    display: block;
        text-transform: uppercase;
	}
	.looseTab .loose-brand-title span{border-bottom: 2px solid #d62f28; padding: 5px;}
	.loose-brand {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	}
	.loose-brand-item {
        -webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	    flex: 0 0 auto;
	    width: 33.3333%;
	    padding: 5px;
	    font-size: 12px;
	    text-align: center;
	    background: #fff;
	    margin-bottom: 10px;
	}
	.loose-brand-item a .loose-brand-name{font-size: 11px; line-height: 13px; margin-top: 3px; color: #f14742;}
	.loose-brand-item a img{width: 26px; height: 26px}

	/*End mobile top menu*/

	#top_header .top-head-2nd{background: #d62f28; height: 40px; position: relative; z-index: 10;}
	#top_header .top-head-2nd .holder-text-moving a{color: #fff; font-size: 12px; color: #fff;}
	#top_header .top-head-2nd .holder-text-moving a span{color: #fed523; font-weight: bold;}
	#top_header .top-head-2nd .holder-text-moving a .fa-hand-point-right{
		font-size: 18px; color: #fed525; margin-right:5px;
		  animation-name: roll;
		  animation-duration: 0.8s;
		  animation-timing-function: ease-in-out;
		  animation-iteration-count: infinite;
		  animation-direction: alternate-reverse;
		  animation-delay; 2s;
	}

	@keyframes roll {
	/* Basic move left and right*/
	  0% {transform: translateX(10px) rotate(0);}
	  20% {transform: translateX(-10px) rotate(-0.5turn);}
	}

/*Top menu sub dropdown*/
	.header-submenu{
		position: relative;
		background-color: #bd2517;
	}
	.header-submenu:hover .header-submenu-category{
		opacity: 1;
    	visibility: visible;
	}
	.header-submenu:hover .header-submenu-btn{
		color: #fff;
    	background: #a33227;
	}
	.header-submenu:hover a{
	    text-decoration: none;
	}

	.header-submenu .header-submenu-btn{
		display: block;
	    cursor: pointer;
	    height: 40px;
	    line-height: 40px;
	    width: 210px;
	    position: relative;
	    padding-left: 40px;
	    color: #212121;
	    color: #fff;
	}

	.header-submenu .header-submenu-btn svg{
		width: 18px;
	    position: absolute;
	    height: 18px;
	    top: 10px;
	    left: 10px;
		display: inline-block;
	    fill: currentColor;
	    vertical-align: middle;
	}
	.header-submenu .header-submenu-list{
		position: absolute;
	    top: 100%;
	    z-index: 10;
	    background: #fff;
	    font-size: 13px;
	    border: 1px solid #e0e0e0;
	    border-top: none;
	    width: 210px;
	    padding: 5px 0;
 	}
 	.header-submenu .header-submenu-category{
 	    opacity: 1;
 	    visibility: hidden;

 	}
 	.header-submenu .header-submenu-link{
	    padding: 5px 15px;
	    padding-left: 37px;
	    position: relative;
	    color: #212121;
	    display: block;
	    -webkit-transition: all 0.1s ease-in;
	    transition: all 0.1s ease-in;
 	}
 	.header-submenu .header-submenu-link:after{
 		content: "";
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 0;
	    height: 0;
	    border-top: 14px solid transparent;
	    border-bottom: 14px solid transparent;
	    border-left: 8px solid #f15b55;
	    opacity: 0;
	    -webkit-transition: opacity 0.1s ease-in;
	    transition: opacity 0.1s ease-in;
 	}
 	.header-submenu .header-submenu-link:hover{
	    background: #d62f28;
	    color: #fff;
	    transition: all 0.1s;
 	}
 	.header-submenu .header-submenu-link:hover:after{opacity: 1;}
 	.header-submenu .header-submenu-link svg{
	    position: absolute;
	    height: 15px;
	    top: 7px;
	    left: 13px;
	    width: 15px;
	    fill: #757575;
 	}
/*ENd Top menu sub dropdown*/

/* marquee moving text*/
	.holder-text-moving{
		height: 40px;
	    line-height: 40px;
	    color: #fff;
	}
/* End marquee moving text*/

/*Button totop*/
	#totop{
		font-size: 18px;
		display: none;
	    position: fixed;
	    bottom: 90px;
	    right: 10px;
        width: 36px;
        height: 36px;
	    background: #fff;
	    border-radius: 50%;
	    box-shadow: 0 1px 2px;
        text-align: center;
	    z-index: 9999;
        line-height: 40px;
	}
/*End Button totop*/


/*----- Slide Home Top----*/
	ol.carousel-indicators-bottom{ list-style: none; display: flex; margin: auto; padding: 0; border: 1px solid #ecebeb;}
	ol.carousel-indicators-bottom li{
		text-align: center;
		padding: 10px 5px;
		width: 25%;
		line-height: 1.3;
		cursor: pointer;
		font-size: 13px;
		color: #4c4b4b;
		background: #ecebeb;
		position: relative;
	}
	ol.carousel-indicators-bottom > li:not(:last-child):before{
		content: "";
    	height: 70%;
    	width: 1px;
    	background: #dcdada;
    	right: -1px;
    	z-index: 1;
    	position: absolute;
    	top: 5px;
    }
    ol.carousel-indicators-bottom li.active:after{
    	content: "";
    	position: absolute;
    	bottom: 0;
    	width: 100%;
    	left: 0;
    	height: 2px;
    	background: #2a7d2e;
    }
/*----- End Slide Home Top----*/

/*-----Nav Tab Home Top ------*/
	#news-tab{background-color: #efefef;}
	.hotnew-container{ margin-left: 10px;}
	.hotnew-container .hotnew-nav{align-items: flex-end;}
	.hotnew-container .nav-fill .nav-item{ margin-bottom: -1px;}
	.hotnew-container .nav-tabs .nav-item{ flex: 1 1 auto; text-align: center;}
	.hotnew-container .hotnew-nav .nav-link {
		font-size: 14px;
		border: none;
	    border-bottom: 3px solid #d62f28;
	    background: #d62f28;
	    color: #ffffff;
	    padding: 8px 10px;
        font-weight: 500;
	}
	.hotnew-container .hotnew-nav .nav-link.active { padding: 9px 10px 7px 10px; border-bottom: 3px solid #f9b617; background: #f9b617; color: #d62f28;}

	/*tab content*/
	.hotnew-container .hotnew-tab-content {
		height: 347px;
		border: 1px solid #ecebeb;
	    background: #fff;
	    overflow-y: auto;
	    padding: 0 10px 20px;
	    position: relative;
	}

	.hotnew-container .hotnew-tab-content .hotnew-question-item .col-auto .post-image{ width: 85px; border-radius: 2px;             background-size: cover;
        padding-top: 70%;
        background-repeat: no-repeat;
        background-position: center;}
	.hotnew-container .hotnew-tab-content .hotnew-question-item { padding: 7px 0; }
	.hotnew-container .hotnew-tab-content .hotnew-question-item:not(:last-child) { border-bottom: 1px solid #e0e0e0; }
	.hotnew-container .hotnew-tab-content .hotnew-question-item a { display: block;}
	.hotnew-container .hotnew-tab-content .hotnew-question-item a .col-auto .item-icon{ font-size: 24px; margin-right: 10px;}
	.hotnew-container .hotnew-tab-content .hotnew-question-item a .col{ color: #444;}
	.hotnew-container .hotnew-tab-content .hotnew-question-item a:hover .col{ color: #e33124;}
	.hotnew-container .hotnew-tab-content .hotnew-question-item a:hover .item-icon{ color: #e33124;}
	/*-----End Nav Tab Home Top ------*/

	/*--Home service--*/
	#home-service{
		padding: 50px 0;
		background-color: #f9b617;
	    /* background: url(../images/home-review-background.jpg) no-repeat fixed; */
	    background-position: center center;
	    background-size: cover;
	}

	#home-service .service-header{
	    font-size: 30px;
	    color: #fff;
	    line-height: 48px;
	    font-weight: 500;
	    margin-bottom: 30px;
	    text-align: center;
	}
	#home-service .service-header a{color: #fff;}
	#home-service .service-header a:hover{color: #f9b617;}
	#home-service .item-service{ position: relative; }
    #home-service .item-service .service-image {
        border-radius: 4px;
        border: 2px solid #fff;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        padding-top: 100%;
    }
    #home-service .item-service:hover .service-image {
        border-color: #f9b617;
    }
	#home-service .item-service .wrap-info h3{ color: #fff; font-size: 18px; margin-top: 10px; text-transform: uppercase; }
    #home-service .item-service:hover .wrap-info h3 {
        color: #ffffff;
    }

	#home-service .button-viewmore{ position: relative; margin: 20px 0; display: block; }
	#home-service .button-viewmore a{
		transition: .2s;
	    padding: 8px 16px;
	    border-radius: 2px;
	    font-size: 14px;
	    color: #fff;
	    letter-spacing: 1px;
	    border: 1px solid #fff;
	}
	#home-service .button-viewmore a:hover{ background: #fff; color: #444; }
	/*--END Home service--*/

	/*--Home news--*/
	.block-container{ margin-bottom: 40px;}
	.block-container{ background: #fff; padding-bottom: 20px;}
	.block-container .block-title{ padding: 15px 20px; border-bottom: 1px solid #e0e0e0; margin-bottom: 10px;}
	.block-container .block-title .block-title-icon{ width: 60px; height: 50px; margin-right: 15px; color: #d62f28;}
	.block-container .block-title .block-title-txt{ font-size: 18px; font-weight: 700; color: #d62f28;}
	.block-container .block-title .block-title-sub{ font-size: 15px; color: #616161;}
	.block-container .block-content .flickity-prev-next-button{
	    width: 30px;
	    height: 45px;
	    border-radius: 5px;
	    margin-top: -22px;
	    background-size: 16px 26px;
	    background-position: center;
	    background-repeat: no-repeat;
	    background: rgba(255,255,255,0.8);
	}
	.block-container .block-content .flickity-prev-next-button.previous{margin-left: -18px;}
	.block-container .block-content .flickity-prev-next-button.next{margin-right: -18px;}


	.block-content{padding: 10px;}

	.box-home .carousel-cell{ width: 273px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 0; min-height: 0; padding-left: 10px; padding-right: 10px; }
	.box-home .carousel-cell .item-content{ height: 250px; }
	.box-home .carousel-cell .item-content h5 {cursor: pointer; margin: 10px 0; font-size: 14px; font-weight: 500; line-height: 18px; color: #222; }
	.box-home .carousel-cell .item-content a{ display: block; }
	.box-home .carousel-cell .item-content a:hover h5{ color: #d62f28; }
	.box-home .carousel-cell .item-content a:hover img{transform: scale(1.3);}
	.box-home .carousel-cell .item-content .image{ width: 100%; position: relative; overflow: hidden; cursor: pointer; height: 170px;}
	.box-home .carousel-cell .item-content .image img{
		border-radius: 10px;
		height: auto;
	    width: 100%;
	    position: relative;
	    overflow: hidden;
	    cursor: pointer;
        object-fit: cover;
        height: 170px;
	    transform: scale(1);
	    transition: all 0.3s ease-in-out;
	}
	.box-home .button-viewmore{ text-align: center; margin-top: 50px; }
	.box-home .button-viewmore a{
		transition: .2s;
	    padding: 8px 16px;
	    border-radius: 2px;
	    font-size: 14px;
	    color: #aaa;
	    letter-spacing: 1px;
	    border: 1px solid #e8e8e8;
	}
	.box-home .button-viewmore a:hover{background: #f9b617; border-color: #f9b617; color: #fff; transition: 0.3s all; }

	/*--END Home news--*/


	/*---Home - review----*/
	#home-reviews { background-color: #f9b617; /*background: url(../images/home-review-background.jpg) no-repeat fixed; background-position: center center;  background-size: cover;*/ padding-top: 5rem; padding-bottom: 7rem;}
	#home-reviews .wrapper-reviews{ text-align: center; }
	#home-reviews .wrapper-reviews h3{font-size: 28px; color: #fff; margin-bottom: 30px;}
	#home-reviews .wrapper-reviews .carousel-item {text-align: center; color: #fff;}
	#home-reviews .wrapper-reviews .carousel-item img{border-radius: 50%; margin-bottom: 20px; border: 2px solid #fff;}
	#home-reviews .wrapper-reviews .carousel-item .item-title{ margin-bottom: 10px; font-size: 18px; color: #f9b617;}
	#home-reviews .wrapper-reviews .carousel-item .item-subtitle{ line-height: 1.6;}
	#home-reviews .wrapper-videos .video-item {
	    border: 2px solid #fff;
	    border-radius: 4px;
	    width: 100%;
	}
	#home-reviews .wrapper-videos .video-item:hover {
	    border-color: #f9b617;
	}
	#home-reviews .wrapper-videos .video-item a {
	    display: block;
	    z-index: 20;
	}
    #home-reviews .wrapper-videos .video-item .video-title {
        left: 0;
        bottom: 0;
        right: 0;
        background-color: rgb(0 0 0 / 50%);
        color: #fff;
        font-size: 16px;
        width: 100%;
        padding: 5px 10px;
        z-index: 10;
    }
    #home-reviews .wrapper-videos .video-item .overlay {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,.2);
    }
    #home-reviews .wrapper-videos .video-item .mask {
        top: 50%;
        left: 50%;
        color: #fff;
        font-size: 4rem;
        opacity: .8;
        transform: translate(-50%,-50%);
    }
    #home-reviews .wrapper-videos .video-item:hover .mask {
        opacity: 1;
    }
    #home-reviews .wrapper-videos .video-image {
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 60%;
    }
    #home-reviews .carousel-indicators {
        bottom: -60px;
    }
	/*---End Home - review----*/
/*End luuhoabk*/


.logo_header.hidden-md img{position: relative; top: 0px;}

@media (max-width:1024px){
	nav#cssmenu {
    top: 28px;
    background-size: contain;
	}
	#tiec .chonmon .images span {padding: 0 35px;}

}
@media (max-width: 991.98px){
	body .wrapper{margin-top: 48px!important;}
	.flexf,.flexf .x2{display: block;}
	.flexf .x1,.flexf .x2,.flexf .x2 .cn{width: 100%;}
	.flexf .x2{padding: 25px 0;}
    #home-reviews .wrapper-reviews {
        margin-top: 80px;
    }
}
@media (min-width: 960px){
	.hidden-md{display: none !important;}
}
@media (max-width: 768px){
	.name_menu .tab_dm2 .tab {
	    margin: 0 0px;
	    padding: 25px 0;
	}
	.name_menu .tab_dm2 {
	    display: inline-block;
	    padding: 15px 0;
	    font-family: utmalter;
	    text-transform: capitalize;
	    margin-bottom: 50px;
	    width: 32%;
	}
	.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-left: 10px;}
	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%;}
	#news .noibat, #news .lienquan{width: 100%; margin-bottom: 10px;}
	.box_news_nb .images{width: 140px; float: left; margin-right: 15px;}

	.box_icon {margin: 10px 0;}
	header .item { margin: 10px 0;}
	.menu-select{
		bottom:60px;
	}
}

@media (max-width: 600px){
	#subscribe_form .title{display: block;}
	.tablet{width: 50%;}
	header,#main,.box_footer{overflow:hidden;}

	.courseListItem__intensity1{ width: 100%; float: none;}
	.courseListItem__desc{ width: 100%; float: none; padding: 0; margin-top: 5px;}
}

@media (max-width: 480px){
	.item_congtrinh .images{width: 100%;}
	header .sodo{float: left;}
	header .logo_header{width: 100%;}
	.container_mid .tcat{height: auto; }
	header .giohang, header .hotline_top{ width: 100%; float: none;}
	.box_search{width: 100%;position: relative;}
	.box_search input[type="text"]{max-width: 100%;}
		.menu1 .tab_dm3 .images {
	    padding: 0 0;
	}
	.menu1 .tab_dm3 .name .all_price{text-align:center;}
	#camnghi {
	    position: relative;
	    background: url(../images/bg_ykien.jpg) center top repeat-y;
	    padding: 15px 0;
	    background-size: 100%;
	}
	.container_mid .content {
	    padding: 10px;
	}
}

@media (max-width: 420px){
	.tablet{width: 100%;}

}

@media (max-width: 576px){
	.menu1 .ck{height: auto!important;}

}

.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;
}