@charset "utf-8";
/* CSS Document */
body {
	font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') 
  format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') 
  format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') 
  format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') 
  format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') 
  format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa-cloud-download:before{content:"\f0ed"}
a:hover {
	text-decoration: none;
}
.header-top {
	padding: 10px 0px;
	height: 80px;
	background: #fff;
}
.phone-header {
	margin-right: 35px;
	display: inline-block;
	float: left;
}
.email-header {
	display: inline-block;
	float: left;
}
.phone-header span, .email-header span {
	font-weight: bold;
	vertical-align: middle;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	padding-left: 5px;
}
.if-map iframe {
	width: 100% !important;
	border: none;
	height: 350px;
}
/*menu fixed*/
.sticky-wrapper.header-sticky {
    top: 0;
    position: fixed;
    background: #227447;
    width: 100%;
    z-index: 999999;
    transition: 0.6s ease;
}
/*end fixed*/
.menu-list {
	text-align: left;
	padding-left: 0px;
	margin: 0px;
}
.menu-list li {
	position: relative;
	padding: 15px 20px;
	list-style-type: none;
	display: inline-block;
}
.menu-list>li:hover {
	background: #ffa569;
}
.menu-list li.menu-item-has-children:active a::after,.menu-list li.menu-item-has-children:focus a::after, 
.menu-list li.menu-item-has-children:hover a::after, .menu-list li.menu-item-has-children:visited a::after {
	content: "\f107";
}
.sub-menu li a:after
{
	content: ''!important;
}
.menu-list li:hover::before, .menu-list li:active::before, .menu-list li.current-menu-item::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 5px;
	background: #ffa569;
	bottom: 0px;
	left: 0px;
	transition: all 0.5s ease;
}
.menu-list li::before {
	position: absolute;
	content: "";
	width: 0%;
	height: 5px;
	background: #ffa569;
	bottom: 0px;
	left: 0px;
	transition: all 0.5s ease;
}
.menu-list>li::before {
	display: none;
}

.menu-list li:hover .sub-menu {
	padding-left: 0px;
	display: block;
	z-index: 999;
	border-right: 1px solid #ffa569;
}
.menu-list li .sub-menu li ul {
	display: none !important;
	position: absolute;
	top: 0px;
	left: 0px;
	transition: 0.6s;
	border-right: none !important;
	border-left: 1px solid #ffa569;
}
.menu-list li .sub-menu li:hover ul {
	display: block !important;
	top: 0px;
	margin: 0px;
	left: 100%;
}
.sub-menu {
	left: 0px;
	position: absolute;
	background: #227447;
	color: #227447;
	margin-top: 15px;
}
.sub-menu li {
	padding:0 !important;
	min-width: 200px;
}
.sub-menu li:hover {
	color: #fff;
}
.sub-menu li::before {
	display: none;
}
.menu-list li a {
	color: #fff;
	font-size: 15px;
}

.sub-menu li a {
	color: #fff ;
	
	padding: 5px 10px !important;
    min-width: 200px;
    display: block;
}

.menu-list li a:hover {
	color: #fff;
	background: #ffa569;
}
.logo-pc img {
	padding: 12px 0px 13px;
}
.menu {
	position: relative;
	background: #227447;
}
.logo-right {
	position: absolute;
	right: 12px;
	top: 13px;
}
.banner-top .carousel-caption {
	text-shadow: none;
	width: 500px;
	text-align: left;
	top: 100px;
	left: 20%;
}
.bn1 {
	left: 50% !important;
	top: auto !important;
	bottom: 50px;
}
.bn2 {
	width: 655px !important;
	padding: 10px 30px;
	height: 100px;
	background: rgba(52, 158, 56, 0.81);
	text-align: center !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	bottom: 50px !important;
	top: auto !important;
}
.bn2 h3 {
	margin-top: 5px !important; 
	font-size: 32px !important;
	font-weight: normal !important;
	color: #fff !important;
}
.bn3 {
	top: 150px !important;
	width: 655px !important;
	right: 20%;
	left: auto !important;
	text-align: right;
}
.bn3 h3 {
	margin-bottom: 20px !important;
	font-size: 37px !important;
	text-align: right !important;
	font-weight: bold !important;
	color: #fff !important;
	text-transform: uppercase;
}
.bn3 h1 {
	text-align: right !important;
}
.bn3 p {
	text-align: right;
	color: #fff;
	font-size: 37px;
}
.bn4 {
	top: 150px !important;
	right: 20%;
	left: auto !important;
}
.bn4 h1 {
	text-align: right;
}
.bn4 p {
	font-size: 32px !important;
	font-weight: normal !important;
	text-align: right !important;
}
.banner-top #carousel-example-generic img {
	height: 480px !important;
	width: 100%;
}
.banner-top .carousel-caption h1 {
	text-transform: uppercase;
	color: #fff;
	font-size: 37px;
	font-weight: 900;
	margin: 0;
}
.banner-top .carousel-caption a {
	color: #666;
}
.banner-top .carousel-caption h3 {
	color: #555;
	margin: 15px 0px 20px;
	font-size: 14px;
	font-weight: 900;
}
.banner-top .carousel-caption p {
	color: #fff;
	margin-top: 20px;
	margin-bottom: 40px;
}
.banner-top .carousel-caption span {
	padding: 19px 75px;
	background: #6ca0fe;
	border-radius: 5px;
}
.banner-top .carousel-indicators li{
	width: 20px;
	height: 20px;
	border-radius: 0px;
	border: 3px solid #a5a5a5;
	background: #fff;
}
.banner-top .carousel-indicators .active {
	background: #ffa569;
	width: 20px;
	height: 20px;
	margin: 1px;
}
.carousel-control {
	opacity: 1;
}
.carousel-control:hover, .carousel-control:focus {
	opacity: 1;
}
.banner-top .left i {
	display: none;
	opacity: 0.5;
	padding: 3px 0px;
	font-size: 60px;
    width: 50px;
    height: 70px;
    background: #ffa569;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}
.banner-top .left i:hover, .banner-top .right i:hover {
	opacity: 1;
}
.double-down i {
	margin-top: 8px;
	width: 35px;
	height: 35px;
	border: 2px solid #fff;
	border-radius: 50%;
	font-size: 30px;
	color: #fff;
	padding: 0 5px;
}
.menu-list i {
	font-size: 15px;
	margin-left: 5px;
	font-weight: bold;
}
.banner-top .right i {
	display: none;
	opacity: 0.6;
	padding: 3px 0px;
	font-size: 60px;
    width: 50px;
    height: 70px;
    background: #ffa569;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
}
.dichvu {
	text-align: center;
	padding: 45px 0 65px;
}
.dv-left img, .dv-right img {
	padding-top: 20px;
	height: 125px;
}
.dv-left h3, .dv-right h3 {
	font-size: 30px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 25px;
}
.dv-left p, .dv-right p {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
}
.taisan {
	background: #f1f0f0;
	padding: 40px 0 70px;
}
.tt-taisan {
	font-size: 35px;
	margin-bottom: 55px;
	width: 100%;
	text-align: center;
	color: #333;
}
.tt-taisan span {
	color: #c70102;
	font-weight: bold;
}
.wp-ts {
	border-top: 8px solid #ffa569;
	border-radius: 5px;
	margin-bottom: 30px;
	padding: 40px 30px 40px;
	background: #fff;
}
.img-ts {
	padding-right: 55px;
	float: left;
}
.text-ts {
	height: 190px;
	float: none;
	overflow: hidden;
}
.text-ts h3 {
	height: 35px;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
}
.text-ts h3 img {
	padding-right: 5px;
	float: left;
	width: 35px !important;
	height: 35px;
}
.taisan .ts:nth-child(3n+1) .wp-ts{
	border-top: 8px solid #227447;
}
.tintuc {
	overflow: hidden;
	padding:70px 0px 40px;
	background: #f1f1f1;
}
.wp-tt h2, .wp-hd h2 {
	margin-bottom: 35px;
	height: 35px;
	margin-top: 0px;
	font-size: 30px;
}
/*.wp-tt h2::before {
	content: "";
	width: 50px;
	height: 10px;
	background: #c70102;
	position: absolute;
	top: 40px;
}*/
/*.wp-hd h2::before {
	content: "";
	width: 50px;
	height: 10px;
	background: #6ca0fe;
	position: absolute;
	top: 40px;
}*/
.img-tt img, .img-hd img {
	width: 100%;
	border: none;
}
.text-tt h4, .text-hd h4 {
	color: #333;
	margin-top: 0px;
}
.text-tt p, .text-hd p {
	height: 60px;
	overflow: hidden;
	color: #666;
	margin-bottom: 0px;
}
.text-tt, .text-hd {
	position: relative;
	margin-bottom: 10px;
	border-radius: 0px 0px 5px 5px;
	background: #fff;
	padding: 20px 30px 30px;
}
.text-tt span, .text-hd span {
	position: absolute;
	top: 25px;
	right: 25px;
	font-style: italic;
	color: #666;
	font-size: 12px;
}
.wp-01 {
	margin-bottom: 10px;
	background: #fff;
	display: block;
	width: 100%;
	clear: both;
}
.img-01 {
	width: 247px;
	height: 171px;
	overflow: hidden;
	float: left;
}
.text-01 {
	height: 171px;
	overflow: hidden;
	padding: 20px 5px 30px 20px;
	float: none;
}
.text-01 p {
	line-height: 1.4;
	margin-top: 10px;
	color: #666;
	margin-bottom: 0px;
}
.text-01 h4 {
	color: #333;
	margin: 0px;
}
.text-01 .date {
	font-size: 12px;
	color: #666;
	font-style: italic;
}
a.xt-tt {
	text-transform: uppercase;
	color: #333;
	font-weight: bold;
}
.xt {
	height: 50px;
	padding: 15px 20px 0 0;
}
.gp1:hover, .gp2:hover, .gp3:hover {
	background: #ffa569;
	transition: all 0.8s;
}
.xt a:hover {
	color: #ffa569;
}
.col3 .text-ft span:hover {
	background: #ffa569;
}
.video-yk a:hover p {
	color: #ffa569;
}
.doitac {
	text-align: center;
	padding-top: 70px;
	padding-bottom: 40px;
}
.doitac .tt-dt {
	font-size: 35px;
	color: #333;
	margin-top: 0px;
}
.doitac .tt-dt span {
	color: #c70102;
	font-weight: bold;
}
.doitac p {
	margin-bottom: 15px;
}
#slider-doitac img {
	width: auto;
	max-width: 100%;
	height: 120px;
}
#slider-doitac .item {
	text-align: center;
	border: 1px solid #ccc;
	align-items: center;
	display: flex;
}
#slider-doitac .item .wp-dt {
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}
#slider-doitac .owl-dots {
	display: none;
}
#slider-doitac .owl-nav {
	display: block !important;
}
#slider-doitac .owl-prev {
	background: none;
	position: absolute;
	top: 20px;
	left: -50px;
}
#slider-doitac i {
	color: #eaeaea;
	font-size: 80px;
}
#slider-doitac i:hover {
	color: #5c5c5c;
}
#slider-doitac .owl-next {
	background: none;
	position: absolute;
	top: 20px;
	right: -50px;
}
.footer {
	background: #3d3d3d;
	padding-top: 75px;
	padding-bottom: 20px;
}
.wp-ft .tt-ft {
	margin-bottom: 20px;
	font-size: 18px;
	margin-top: 0px;
	/*font-weight: bold;*/
	color: #fff;
}
.col1 p, .col1 a{
	color: #acacac;
}
.col2 p {
	margin-bottom: 0px;
	color: #fff;
}
.col2 p span {
	color: #acacac;
}
.col3 .wp-02 {
	margin-bottom: 10px;
	display: block;
	width: 100%;
	clear: both;
}
.col3 .img-ft {
	overflow: hidden;
	width: 96px;
	height: 82px;
	float: left;
}
.col3 .text-ft {
	color: #b8b8b8;
	padding: 0px 5px 10px 10px;
	float: none;
	overflow: hidden;
}
.col3 .text-ft h4 {
	margin-top: 0px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
}
.col3 .text-ft p {
	height: 45px;
	overflow: hidden;
	font-size: 13px;
	line-height: 1.1;
}
.col3 .text-ft span {
	padding: 5px 25px;
	background: #227447;
	color: #fff;
	border-radius: 5px;
}
.col3 {
	padding-bottom: 50px;
}
.text-hl {
	top: 40px;
	right: 45px;
}
.text-hl a {
	color: #555;
}
.text-hl p {
	font-size: 24px;
	color: #555;
}
.text-hl span {
	font-size: 14px;
}
.mxh-ft img {
	margin-right: 5px;
	margin-top: 10px;
}
.wp-ft2 {
	border-top: 1px solid #ccc;
}
.editcol, .editcol2 {
	padding: 0px;
}
.menu-ft {
	margin-bottom: 0px;
	padding-left: 0px;
}
.menu-ft li {
	padding-top: 20px;
	list-style-type: none;
	display: inline-block;
	padding-right: 40px;
}
.menu-ft li a {
	color: #929292;
	text-transform: uppercase;
	font-weight: bold;
}
.editcol2 p{
	text-align: center;
	padding-right: 30px;
	margin-bottom: 0px;
	padding-top: 20px;
	color: #929292;
}
.col4 .mxh-ft {
	display: none;
}
/*style menu mobile*/
.bar1, .bar2, .bar3 {
    width: 32px;
    height: 3px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}
.change .bar2 {
	opacity: 0;
}
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}
.content-lienhe {
	background: #fafafa;
	padding-top: 45px;
	padding-bottom: 100px;
}
.wp-lh1 h2 {
	text-transform: uppercase;
	margin-bottom: 20px;
	font-size: 31px;
	color: #fff;
	font-weight: bold;
	margin-top: 15px;
}
.wp-lh1 .p1-lh {
	margin-bottom: 30px;
	color: #fff;
	font-size: 15px;
	width: 90%;
}
.hl-lienhe {
	width: 70%;
	background: #d2d2d2;
	padding: 15px 10px 10px 25px;
}
.hl-lienhe .img-hl {
	padding-right: 15px;
	float: left;
}
.hl-lienhe .text-hl {
	float: none;
	overflow: hidden;
}
.hl-lienhe .text-hl p {
	font-weight: bold;
	font-size: 14px;
	color: #c70102;
	margin-bottom: 0px;
}
.hl-lienhe .text-hl h4 {
	margin-top: 0px;
	color: #c70102;
	font-size: 26.5px;
	font-weight: bold;
}
.wp-lh1>h3 {
	margin-bottom: 23px;
	margin-top: 35px;
	text-transform: uppercase;
	color: #333;
	font-weight: bold;
	font-size: 18px;
	display: none;
}
.wp-lh1>h4 {
	margin-bottom: 30px;
	margin-top: 25px;
	font-size: 14px;
	text-transform: uppercase;
	color: #555;
}
.wp-lh1 .pp-lh {
	margin-bottom: 0px;
	color: #333;
	list-style-type: none;
}
.tu-van {
	margin-top: 25px;
}
.tv-01, .tv-02 {
	height: 60px;
	width: 50%;
	float: left;
}
.tv-01 span {
	color: #4f8bfe;
}
.tv-02 span {
	color: #c70102;
}
.tu-van span {
	height: 60px;
	line-height: 60px;
	padding-left: 95px;
	font-weight: bold;
}
.wp-lh2 {
	box-shadow: 0px 0px 50px rgba(102, 105, 105, 0.53);
	width: 100%;
	margin-left: auto;
	border-radius: 5px;
	padding: 40px 40px 45px 40px;
	background: #fff;
	border-top: 8px solid #227447;
}
.wp-lh2>h4 {
	margin-top: 0px;
	margin-bottom: 22px;
	font-size: 16px;
	color: #555;
	font-weight: bold;
	text-transform: uppercase;
}
.wp-lh2 input, .wp-lh2 select{
	width: 100%;
	height: 55px;
	border-radius: 5px;
	border: 1px solid #d9d9d9;
	padding-left: 25px;
	margin-bottom: 15px;
}
.wp-lh2 textarea {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #d9d9d9;
	padding-left: 25px;
	height: 120px;
	padding-top: 20px;
}
.wp-lh2 button {
	width: 100%;
	height: 55px;
	border: none;
	background: #ffa569;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	margin-top: 20px;
}
.wpcf7 input {
	width: 100%;
	height: 40px;
	border-radius: 5px;
	border: 1px solid #d9d9d9;
	padding-left: 25px;
	margin-bottom: 15px;
}
.wpcf7 textarea {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #d9d9d9;
	padding-left: 25px;
	height: 120px;
	padding-top: 20px;
}
.wpcf7 button {
	width: 100%;
	height: 40px;
	border: none;
	background: #ffa569;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}
.wpcf7 input[type="submit"] {
    width: 100%;
    height: 40px;
    border: none;
    background: #ffa569;
    border-radius: 5px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 20px;
}
.wpcf7 input:hover[type="submit"] {
	background:#227447;
}
.wpcf7 select{
	width: 100%;
	height: 40px;
	border-radius: 5px;
	border: 1px solid #d9d9d9;
	padding-left: 25px;
	margin-bottom: 15px;
}
.ct-tintuc {
	background: #f3f3f3;
	padding-top: 25px;
	padding-bottom: 30px;
}
.wp-ct01 {
	background: #fff;
}
.wp-ct01>h3 {
	margin: 0px;
	padding:30px;
	color: #555;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.5;
}
.wp-ct01 .tt-ct-01 {
	height: 45px;
	display: block;
	border-top: 1px solid #f3f3f3;
	border-bottom: 3px solid #f3f3f3;
}
.tt-ct-01 .date-cttt {
	color: #666;
	float: left;
	width: 50%;
	height: 45px;
	line-height: 45px;
}
.date-cttt i {
	padding-right: 3px;
	padding-left: 30px;
    height: 45px;
    float: left;
    width: auto;
    line-height: 45px;
}
.tt-ct-01 .share-mxh {
	text-align: right;
	width: 50%;
	float: right;
	height: 45px;
	line-height: 45px;
}
.share-mxh a {
	text-align: center;
}
.share-mxh span {
	padding-right: 20px;
}
.share-mxh i {
	line-height: 45px;
	width: 45px;
	height: 45px;
	border-left: 1px solid #f3f3f3;
	color: #555;
	font-size: 18px;
}
.conten-cttt {
	font-size: 16px;
	color: #666;
	padding:20px 25px 70px 25px;
}
.conten-cttt .cttt-p1 {
	margin-bottom: 25px;
	font-size: 16px;
	font-style: italic;
}
.img-cttt-01 img {
	width: 100%;
}
.img-cttt-01 p {
	font-size: 14px;
	font-style: italic;
	text-align: center;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}
.cttt-p2 {
	margin-bottom: 30px;
}
.img-cttt-02 img {
	width: 100%;
}
.img-cttt-02 p {
	text-align: left;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 14px;
}
.tin-tiep {
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	border-top: 1px solid #f3f3f3;
	padding-left: 25px;
}
.tin-tiep img, .tin-truoc img {
	float: right;
	padding: 15px 30px 15px 0px;
}
.tin-tiep span {
	color: #666;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
.tin-truoc {
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	border-top: 1px solid #f3f3f3;
	padding-left: 25px;
}
.tin-truoc span {
	color: #666;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
.quay-lai { 
	border-right: 1px solid #f3f3f3;
	float: left;
	width: 60%;
	height: 50px;
        padding-left: 25px;
}
.quay-lai a:hover, .len-top a:hover{
        color:#227447;
}
.len-top {
	text-align: right;
	width: 40%;
	float: left;
        padding-right: 25px;
}

.dieu-huong {
	line-height: 50px;
	height: 50px;
	width: 100%;
	border-top: 1px solid #f3f3f3;
}
.dieu-huong a {
	font-size: 16px;
	color: #666;
}
.dieu-huong img {
	padding: 0 30px;
}

/*style phan sidebar*/
.sidebar-01 {
	color: #666;
	font-weight: bold;
	padding: 0 30px 0 20px;
}
.sidebar-01>h3 {
	margin-top: 0px;
	font-weight: bold;
	font-size: 25px;
	color: #555;
	margin-bottom: 20px;
}
.text-sibar {
	background: #fff;
	padding: 15px 5px 40px 20px;
}
.text-sibar h4 {
	margin-top: 0px;
	font-size: 20px;
	color: #227447;
	width: 65%;
	line-height: 1.5;
	font-weight: bold;
}
.item-sibar {
	margin-bottom: 10px;
}
.item-sibar a{
	color: #666;
}
.date-sibar i {
	padding-right: 5px;
}
#sibar-001 .owl-dots {
	display: none;
}
#sibar-001 .owl-nav {
	margin-top: 0px;
	text-align: right;
}
#sibar-001 .owl-prev, #sibar-001 .owl-next {
	padding: 4px 12px;
	font-size: 20px;
	width: 35px;
	height: 35px;
	background: #fff !important;
	color: #333 !important;
}
#sibar-001 .owl-prev:hover, #sibar-001 .owl-next:hover {
	background: #c70102 !important;
	color: #fff !important;
}
.top-tintuc {
	padding: 15px 0px 30px 0px;
	background: #f3f3f3;
}
.tt-011, .tt-012 {
	padding: 0px;
}
.tt-01 {
	margin: 0px;
}
.tt-011 img, .tt-012 img {
	border-right: 2px solid #fff;
	width: 100%;
}
.wp-tt02 {
	max-width: 285px;
	height: 180px;
	overflow: hidden;
	position: relative;
	width: 50%;
	float: left;
}
.wp-tt02 p {
	display: none;
}
.wp-tt01 {
	width: 570px;
	height: 360px;
	overflow: hidden;
	position: relative;
}
.wp-tt01 .text-tt01 {
	color: #fff;
	padding: 0px 0px 10px 30px;
	position: absolute;
	bottom: 0px;
}
.wp-tt01 .text-tt01 h4 {
	font-size: 25px;
}
.date-tt-01 i {
	padding-right: 5px;
}
.wp-tt02 .text-tt01{
	color: #fff;
	padding: 0px 0px 10px 15px;
	position: absolute;
	bottom: 0px;
}
.wp-tt01::before , .wp-tt02::before {
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
}
.wp-tt01:hover::before , .wp-tt02:hover::before {
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: 0.3s;
}
.wp-tt01:hover .text-tt01, .wp-tt02:hover .text-tt01 {
	bottom: 50px;
	transition: 0.5s;
}
.content-tintuc .imgct-tt1 {
	float: left;
}
.content-tintuc .textct-tt1 {
	float: none;
	overflow: hidden;
	color: #666;
	height: 209px;
	background: #fff;
	padding:35px 10px 30px 30px;
}
.imgct-tt1 {
	width: 346px;
	height: 209px;
	overflow: hidden;
}
.content-tintuc .textct-tt1 h4 {
	margin-bottom: 0px;
	margin-top: 0px;
	width: 100%;
	font-size: 20px;
	color: #227447;
	margin-bottom: 10px;
	font-weight: bold;
}
.textct-tt1 .date-ct-tt {
	margin-bottom: 20px;
}
.date-ct-tt i {
	padding-right: 5px;
}
.wp-ct-tt {
	margin-bottom: 15px;
}
.top-tintuc .sidebar-01>h3 {
	margin-top: 20px;
	font-weight: normal;
	margin-bottom: 10px;
}
.top-tintuc .sidebar-01 {
	padding: 0 0 0 30px;
}
.date-tt-01 {
	font-size: 12px;
}
.pagination>li>a, .pagination>li>span {
	border: 1px solid #f3f3f3;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	background: #227447;
	color: #fff;
}
.cham {
	background-color: #f3f3f3 !important;
	border: none !important;
}
.wp-lh2 input:focus, .wp-lh2 select:focus, .wp-lh2 input:active, .wp-lh2 select:active, .wp-lh2 textarea:focus {
	box-shadow: none !important;
	border: 1px solid #ffa569 !important;
	border-radius: 3px !important;
	outline: none;
}
.pagination>li>a, .pagination>li>span {
	color: #666;
}
.tt-hd-top {
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
.diemtin .img-01 {
	display: inherit;
}
.diemtin .text-01 {
	height: 171px;
}
.diemtin .wp-01 {
	margin-bottom: 10px;
}
.diemtin .xt {
	padding: 15px 0px;
	background: none;
}
.diemtin .wp-tt h2 {
	margin-top: 35px;
}
.wp0001, .wp0002 {
	min-height: 250px;
	border-bottom: 1px solid #ccc;
}
.vb {
	margin: 25px 0px 30px;
}
.vb .wp-vbpl h4 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
}
.wp-vbpl {
	min-height: 190px;
}
.wp0001 .vb:not(:last-child) .wp-vbpl{
	border-right: 1px solid #ccc;
}
.wp0002 .vb:not(:last-child) .wp-vbpl{
	border-right: 1px solid #ccc;
}
.vanban-pl {
	padding-top: 50px;
}
#linh-vuc .owl-dots {
	display: none;
}
#linh-vuc .owl-prev {
	position: absolute;
	top: 45%;
	transform: translateY(-45%);
	left: -65px;
	background: none;
}
#linh-vuc .owl-next {
	position: absolute;
	top: 45%;
	transform: translateY(-45%);
	right: -65px;
	background: none;
}
#linh-vuc .owl-prev i, #linh-vuc .owl-next i {
	font-size: 100px;
}
.sub-menu {
	display: none;
}
.ngonngu-top select {
	color: #7e7e7e;
	width: 25px;
	background: none;
	border: none;
	-moz-appearance: none;
    -webkit-appearance: none;
}
.ngonngu-top select {
	outline: none;
    background-repeat: no-repeat;
}
.ngonngu-top a, .ngonngu-top i {
	color: #7e7e7e;
}
.ngonngu-top>a {
	font-size: 16px;
	margin-right: 5px;
}
.t1 {
	display: inline-block;
}
i.fa-globe {
	font-size: 18px;
}
.down-top{
	border: none;
	border-radius: 3px;
	color: #fff;
	margin-right: 25px;
	width: 85px;
	height: 34px;
	background: #ffa569;
	line-height: 34px;
	text-align: center;
}
.down-top a{
	color: #fff;
}
.mxh-top img {
	width: 25px;
	height: 25px;
	margin-right: 5px;
}
.mxh-top {
	margin-right: 10px;
}
.search-top input {
	width: 235px;
	height: 35px;
	padding-left: 20px;
	border-radius: 13px;
	border: 1px solid #ccc;
}
.search-top input:focus {
	outline: none;
}
.search-top {
	position: relative;
}
.search-top button{
	height: 35px;
	background: none;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
}
.search-top button i {
	color: #9e9e9e;
	font-size: 20px;
	padding-right: 5px;
}
.dv-left ul, .dv-right ul {
	padding-left: 0px;
	text-align:left;
	width: 80%;
	margin-left: 20px;
	padding-left: 30px;
	border-left: 1px solid #ccc;
}
.dv-left ul li, .dv-right ul li{
	list-style-type: none;
	color: #000;
	font-size: 14px;
}
.gp {
	padding-top: 8px;
	line-height: 1.1;
	border: 1px solid #ccc;
	color: #000;
	width: 30%;
	height: 45px;
	border-radius: 5px;
	float: left;
	margin-right: 5px;
}
.gp a {
	color: #000;
}
.gp:hover a{
	color: #fff;
}
.gp1 {
	padding-top: 12px;
	border: 1px solid #227447;
	background: #227447;
}
.gp1 a {
	color: #fff !important;
}
.list-gp {
	margin-bottom: 45px;
}
.yk-kh h2 {
	margin-bottom: 15px;
	font-size: 35px;
	color: #333;
	text-align: center;
}
.yk-kh p {
	margin-bottom: 40px;
	color: #555;
	font-size: 14px;
	text-align: center;
}
.yk-kh {
	padding:50px 0px 70px 0px;
}
.yk-kh .xemthem {
	display: none;
}
#yk-kh .icon-video {
	position: absolute;
	top: 20%;
	transform: translateY(-45%);
	left: 50%;
	transform: translateX(-50%);
}
.video-yk p {
	margin-bottom: 0px;
	margin-top: 20px;
	text-align: left;
	font-size: 15px;
	color: #333;
}
#yk-kh .owl-prev {
	background: none;
	position: absolute;
	top: 35%;
	transform: translateY(-35%);
	left: -50px;
}
#yk-kh .owl-next {
	background: none;
	position: absolute;
	top: 35%;
	transform: translateY(-35%);
	right: -50px;
}
#yk-kh .owl-prev i, #yk-kh .owl-next i {
	color: #eaeaea;
	font-size: 60px;
}
#yk-kh .owl-prev i:hover, #yk-kh .owl-next i:hover {
	color: #5c5c5c;
}
#yk-kh .owl-dots {
	display: none;
}
#yk-kh .owl-nav {
	display: block;
}
.img-tt {
	position: relative;
}
.icon-video {
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translateX(-50%);
}
.img-tt .icon-video img {
	width: 130px;
	height: 130px;
}
.col2 {
	margin-bottom: 40px;
}
.hotline {
	position: fixed;
	right: -265px;
	top: 50%;
    z-index: 999;
    transform: translateY(-15%);
}
.hotline:hover {
	right: 0px;
	z-index: 999;
	transition: 0.6s;
}
.ts-hn {
	width: 100%;
	display: block;
}
.vp-hcm {
	padding-top: 5px;
	width: 100%;
	display: block;
}
.ts-hn h4, .vp-hcm h4 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
}
.vp-dl {
	padding-top: 5px;
	clear: both;
}
.vp-dl ul {
	padding-left: 5px;
}
.vp-dl h4 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
}
.sec-gt1 {
	padding-top: 50px;
	padding-bottom: 20px;
	background: url(../images/bg-gt.jpg);
}
.sec-gt1 h2 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.sec-gt1 .wwp-gt span{
	color: #000;
	font-weight: bold;
}
.sec-gt1 .wwp-gt img {
	margin-top: 25px;
}
.wwp-gt2 {
	background: #fff;
	padding: 38px 10px 20px 30px;
	border-top: 7px solid #227447;
	border-radius: 5px ;
}
.wwp-gt2 span {
	font-weight: bold;
	color: #555;
	font-size: 16px;
}
.wwp-gt2 p {
	font-size: 14px;
}
.down-load-tl {
	height: 100px;
}
.dl1 {
	border-radius: 5px;
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 15px;
	background: #fafafa;
	width: 48%;
	float: left;
}
.dl1 a {
	font-size: 14px;
	color: #296ee1;
	text-decoration: underline;
}
.dl1 i {
	margin-right: 15px;
	margin-left: 10px;
}
.sp-dv {
	padding-top: 70px;
	padding-bottom: 50px;
}
.sp-dv h2 {
	margin-top: 0px;
	margin-bottom: 55px;
	text-align: center;
	font-size: 33px;
	color: #333;
}
.spdv1 {
	border-right: 1px solid #ccc;
}
.img-spdv1 {
	padding-right: 35px;
	float: left;
}
.text-spdv1 {
	float: none;
	overflow: hidden;
}
.wp-spdv2 .img-spdv1 {
	padding-left: 25px;
}
.text-spdv1 h4 {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-bottom: 25px;
}
.text-spdv1 span {
	color: #008000;
	font-size: 16px;
}
.text-spdv1 p {
	font-size: 14px;
}
.banner-sm {
	max-height: 336px;
	padding-top: 110px;
	padding-bottom: 145px;
	background: url(../images/img-gt2.jpg);
	background-position: center center;
}
.banner-sm h1 {
	margin-top: 0px;
	margin-bottom: 30px;
	color: #fff;
}
.banner-sm p {
	color: #fff;
}
.gt-cloi {
	padding-top: 50px;
	padding-bottom: 80px;
}
.gt-cloi h2 {
	margin-top: 0px;
	margin-bottom: 55px;
	text-align: center;
	font-size: 33px;
}
.img-gtcl {
	float: left;
	padding-right: 30px;
}
.g1, .g3 {
	border-right: 1px solid #ccc;
}
.g1, .g2 {
	padding-bottom: 50px;
	border-bottom: 1px solid #ccc;
}
.g3, .g4 {
	padding-top: 50px;
}
.wp-gtcl {
	height: 100px;
}
.g2 img, .g4 img{
	 padding-left: 20px;
}
.banner-gt2 {
	height: 230px;
	background: url(../images/img-gt3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.text-gtcl2 h2 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	padding:100px 0px;
	margin: 0px;
}
.vh-dn {
	padding-top: 60px;
	padding-bottom: 55px;
}
.wp-vhdn h3, .wp-vhdn2 h3 {
	margin-top: 0px;
	font-size: 33px;
	color: #333;
}
.wp-vhdn h3 {
	margin-bottom: 30px;
}
.wp-vhdn p, .wp-vhdn2 p {
	font-size: 14px;
}
.wp-vhdn p {
	margin-bottom: 20px;
}
.wp-vhdn ul {
	padding-left: 25px;
}
.wp-vhdn ul li {
	font-size: 14px;
	margin-bottom: 20px;
	list-style-image: url(../images/list-xanh.png);
}
.wp-vhdn2 {
	width: 90%;
	margin-left: auto;
}
.giaithuong {
	width: 40%;
	margin-right: 15px;
	margin-bottom: 15px;
	background: #faf8f8;
	border: 1px solid #ccc;
	float: left;
	text-align: center;
	padding: 10px 0px;
}
/*style menu accor*/
button.accordion {
	position: relative;
    background-color: #fff;
    color: #003333;
    cursor: pointer;
    padding: 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}
button.accordion.active, button.accordion:hover {
    background-color: #227447;
    color: #fff;
}
button.accordion.active {
	margin-bottom: 0px;
}
button.accordion:after {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-family: 'FontAwesome';
    content: '\f105';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 26px;
}
button.accordion.active:after {
	font-family: 'FontAwesome';
    content: "\f107";
    color: #28ae5b;
}
div.panel {
	margin-bottom: 8px;
	border: none;
	border-radius: 0px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    box-shadow: none !important;
}

/*style tabs*/
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #fff;
}
div.tab button {
	text-transform: uppercase;
	position: relative;
	font-weight: bold;
	width: 25%;
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
   	padding: 15px 0px;
    transition: 0.3s;
    font-size: 15px;
    color: #666;
}
div.tab button.active {
	position: relative;
    color: #ffa569;
}
div.tab button.active::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 5px;
	background: #ffa569;
	bottom: 0px;
	left: 0px;
}
div.tab button:not(:last-child)::after{
	content: "";
	position: absolute;
	width: 1px;
	height: 25px;
	background: #ccc;
	right: 0px;
	top: 10px;
}
/* Style the tab content */
.tabcontent {
	background: #fafafa;
    display: none;
    padding-bottom: 80px;
    border: 1px solid #ccc;
    border-top: none;
}
.text-gp-001 {
	height: 200px;
	overflow: hidden;
}
.banner-gp {
	position: relative;
}
.text-gp-1 {
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
}
.text-gp-1 h2 {
	font-size: 30px;
	color: #000;
	font-weight: bold;
	margin-bottom: 30px;
}
.text-gp-1 p {
	font-size: 14px;
	color: #000;
}
#tabs-01 h3 {
	padding-top: 50px;
	margin-top: 0px;
	font-size: 33px;
	color: #333;
	text-align: center;
	margin-bottom: 20px;
}
#tabs-01 p {
	color: #999;
	font-size: 14px;
	width: 70%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
#tabs-04 p {
	padding-top: 50px;
}
.wp-gp-1 {
	text-align: center;
}
.wp-gp-1 img {
	margin-bottom: 30px;
}
.wp-gp-1 h4 {
	margin-top: 0px;
	margin-bottom: 20px;
}
.row-gp1 {
	border-bottom: 1px solid #ccc;
}
.hdsd1 .text-tt {
	border-bottom: 5px solid #ffa569;
	border-radius: 0 0 3px 3px;
	background: #fff;
}
.hdsd2 .text-tt {
	border-bottom: 5px solid #227447;
	border-radius: 0 0 3px 3px;
	background: #fff;
}
.hd-sd {
	background: #fafafa;
	padding-top: 50px;
}
.hd-sd h3 {
	margin-top: 0px;
	margin-bottom: 40px;
	font-size: 35px;
	color: #333;
	text-align: center;
}
.ch-tg {
	padding-top: 45px;
	padding-bottom: 20px;
	background: #fafafa;
}
.ch-tg h3 {
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 35px;
	color: #333;
	text-align: center;
}
.ch-tg p {
	text-align: center;
	margin-bottom: 35px;
}
.panel {
	border: 1px solid #fafafa;
	margin-bottom: 0px;
}
.panel p {
	padding: 35px 150px 35px 35px;
	text-align: left;
	margin-bottom: 0px;
	color: #003333;
	background: #e2e9e1;
}
.wp02-01 {
	width: 90%;
}
#tabs-02 button.accordion, #tabs-03 button.accordion {
	background-color: #fafafa;
	border-top: 1px solid #d2d2d2;
	position: relative;
	padding-left: 0px;
}
#tabs-02 button.accordion.active, #tabs-02 button.accordion:hover, #tabs-03 button.accordion.active, #tabs-03 button.accordion:hover {
	color: #555;
}
#tabs-02 ul, #tabs-03 ul {
	border-top: 1px solid #d2d2d2;
	background: #fafafa;
	padding-left: 30px;
	border-left: 5px solid #ffa569;
	margin-bottom: 0px;
}
#tabs-02 li, #tabs-03 li {
	padding: 15px 0px;
	list-style-type: none;
}
.wp02-01 h3 {
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
#tabs-02 li a, #tabs-03 li a {
	color: #555;
}
#tabs-02 button.accordion:after, #tabs-03 button.accordion:after {
	color: #ffa569;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}
#tabs-02 .col-md-8,#tabs-03 .col-md-8 {
	position: relative;
}
#tabs-02 .col-md-8::before,#tabs-03 .col-md-8::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	background: #ccc;
	left: -20px;
	top: 0px;
}
.img-bn-gp img{
	object-fit: cover;
	object-position: center center;
	height: 515px;
	width: 100%;
}
#tabs-02 .panel, #tabs-03 .panel {
	border: none;
	margin-bottom: 0px;
}
#tabs-02 .wwwp1 h3 {
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 30px;
	color: #333;
	width: 75%;
}
/*#tabs-02 .wwwp1 p {
	margin-bottom: 45px;
}*/
.www-01 {
	width: 50%;
	float: left;
}
.w1 {
	padding-right: 25px;
}
.w2 {
	padding-left: 25px;
}
.www-01 h2 {
	margin-top: 90px;
	margin-bottom: 40px;
	position: relative;
	font-size: 17px;
	color: #333;
	padding-left: 90px;
}
.www-01 h2 img {
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.wwwp1 p, .wwwp2 p {
	color: #888;
}
.wwwp222 h3 {
	margin-top: 60px;
}
.wwwp1 {
	width: 100%;
	height: 450px;
}
.wwwp222 h3 {
	font-size: 30px;
	color: #333;
	margin-bottom: 20px;
}
.wwwp222 p {
	color: #888;
}
.wwwp222 .wwwp2:last-child .w2 {
	margin-bottom: 130px;
}
#tabs-02.tabcontent {
	padding-bottom: 0px;
}
.bn0 {
    top: 150px !important;
    width: 655px !important;
    right: 20% !important;
    left: auto !important;
    text-align: right !important;
}
.bn0 h1, .bn0 h3 {
	font-size: 32px !important;
	font-weight: bold !important;
	color: #fff !important;
	margin-bottom: 3px !important;
	margin-top: 0px !important;
	text-transform: uppercase;
}
.bn0 p {
	margin-top: 0px !important;
	font-size: 32px !important;
}
/*back to top*/
#back-to-top {
    position: fixed;
    bottom: -30px;
    right: 30px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top.show {
	transition: 0.6s;
	bottom: 30px;
    opacity: 1;
}
#back-to-top i {
    color:rgba(34, 116, 71, 0.74);
    font-size: 36px;
}
#back-to-top i:hover {
    color: #227447;
}
.wp-tt a:hover .text-tt, .wp-01 a:hover .text-01 {
	background: rgba(255, 165, 105, 0.67);
	transition: all 0.8s;
}
.menu-ft li a:hover {
	color: #ffa569;
}
.text-ts p {
	color: #000;
}
.mxh-pc a {
	color: #fff;
}
.mxh-pc i {
	font-size: 15px;
	margin-right: 5px;
	background: #227447;
	width: 27px;
	border-radius: 50%;
}
.mxh-pc .fa-facebook {
	padding: 6px 9px;
}
.mxh-pc .fa-twitter {
	padding: 6px;
}
.mxh-pc .fa-instagram {
	padding: 6px 7px;
}
.mxh-pc .fa-google {
	padding: 6px 7px;
}


/*style page giai phap 2*/
.wpgp221 {
	width: 90%;
	margin-left: auto; 
}
.wpgp222 {
	box-shadow: 0 0 3px #666;
}
.wpgp221>h3 {
	color: #fff;
	font-weight: bold;
	font-size: 21px;
	margin-top: 0px;
	margin-bottom: 20px;
}
.wpgp20>h2 {
	margin-top: 0px;
	color: #fff;
	font-weight: bold;
	font-size: 27px;
	margin-bottom: 20px;
}
.wpgp222 .tabcontent button.accordion {
	padding: 10px 0px !important;
	border-top: 1px solid #ccc;
	padding: 10px;
	color: #3D7CF4;
}
.wpgp222 div.panel {
	margin-bottom: 0px;
}
.wpgp222 button.accordion.active, .wpgp222 button.accordion:hover {
	background: #fff;
	color: #227447;
}
.wpgp222 .panel p {
	padding: 20px 50px;
	background: #fff;
	position: relative;
}
/*.wpgp222 .panel p:nth-child(1)::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 87%;
	left: 0px;
	top: 35px;
	background: #ccc;
	z-index: 2;
}*/
.wpgp222 .panel p em{position: relative;    font-style: normal;}
.wpgp222 .panel p em:nth-child(1)::before {
	content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: -10px;
    top: 0;
    background: #ccc;
    z-index: 2;
}
.wpgp221 div.tab {
    float: left;
    border: none;
    background: none !important;
    width: 100%;
    height: auto;
}
.wpgp221 div.tab button:not(:last-child)::after {
	display: none;
}
.tab-contengp2 {
	margin-top: -350px;
}
.giai-phap2 .menu {
	border-bottom: 1px solid #ccc;
}
.wpgp221 div.tab button {
	text-transform: inherit;
    display: block;
    background-color: inherit;
    color: #fff;
    padding: 6px 10px 6px 30px ;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    opacity: 0.6;
    font-size: 15px;
    font-weight: normal;
}
.wpgp221 div.tab button.active::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 75%;
    background: #fff;
    top: 5px;
    left: 0px;
    opacity: 1;
}
.wpgp20 .col-md-3 {
	float: right;
}
.wpgp20 .col-md-9 {
	float: left;
}
.wpgp221 div.tab button:hover {
    color: #fff;
    font-weight: bold;
    opacity: 1;
}
.wpgp221 div.tab button.active {
    color: #fff;
    font-weight: bold;
    opacity: 1;
}
.wpgp222 .tabcontent {
	min-height: 800px;
	background: #fff;
    float: left;
    padding: 35px 60px;
    border: none;
    width: 100%;
    border-left: none;
    height: auto;
}
.wpgp222 .tabcontent>h3 {
	margin-top: 0px;
	font-size: 27px;
	color: #555;
	font-weight: bold;
	margin-bottom: 20px;
}
.wpgp222 .tabcontent>h4 {
	font-size: 20px;
	color: #555;
	margin-bottom: 30px;
	margin-top: 35px;
}
/*bướng css ngay 22/1/2018*/
.banner-top .carousel-indicators {
	bottom: 5px;
}
#mg-wprm-wrap li.menu-item a {
	padding: 10px 15px;
}
.menu_title {
	text-align: left !important;
}
.menu_title img {
	padding-left: 20px !important;
}
.footer .row .col-md-3:nth-child(2) .wp-ft {
	padding: 0 10px;
}
.tintuc .img-tt img {
	width: 100% !important;
	height: 315px !important;
	object-fit: cover;
}
.tt-web {
	padding-top: 10px;
}
.wwp-lh p {
	display: none;
}






/*responsive*/
@media (max-width: 1024px){
	.banner-top .carousel-caption {
		left: 20%;
	}
	.menu-list li {
		padding: 30px 5px;
	}
	.menu {
		margin-right: 0px;
		background-image: none;
	}
}
@media (max-width: 992px) {
	.dichvu .row .dv-1:not(:last-child) {
		border-bottom: 1px solid #ccc;
	}
	.menu-list li.menu-item-has-children a::after {
		top: 16px;
		position: absolute;
		right: 5px;
		padding-right:5px;
	    content: "\f105";
		display: inline-block;
		font: normal normal normal 15px/1 FontAwesome;
		color:#ffffff;
	}
	.g2 img, .g4 img {
		padding-left: 0px;
	}
	.wp-spdv2 .img-spdv1 {
		padding-left: 0px;
	}
	#yk-kh .owl-next {
		right: 0px;
	}
	#yk-kh .owl-prev {
		left: 0px;
	}
	.banner-top #carousel-example-generic img {
		height: 350px !important; 
	}
	.language-list {
		background: #ececec;
	}
	.language-list a {
		padding: 10px 0px;
		border-bottom: 1px solid #ccc;
		display: block;
		text-align: center;
	}
	.ngonngu-mb {
		top: -45px;
		font-size: 16px;
		text-transform: uppercase;
		position: absolute;
		text-align: center;
		width: 100%;
		background: #fff;
		display: none;
	}
	.mxh-mb {
		position: absolute;
		bottom: 50px;
		right: 0px;
		margin-right: 0px;
		color: #fff;
		display: none;
	}
	.mxh-mb a {
		color: #fff;
		font-size: 26px;
		padding: 0 10px;
	}
	.header-top {
		display: none;
	}
	.panel p {
		padding: 10px;
	}
	.hotline {
		display: none;
	}
	.gp {
		width: 32%;
	}
	.gr-gp {
		height: 45px;
		margin-bottom: 10px;
	}
	.dv-1, .dv-2 {
		margin-bottom: 20px;
	}
	.sticky-wrapper.header-sticky {
		padding-bottom: 0px;
	}
	#linh-vuc .owl-nav {
		display: none;
	}
	.logo-right {
		display: none;
	}
	.phone-header {
		margin-right: 20px;
	}
	.tv-01, .tv-02 {
		width: 48%;
		margin-right: 5px;
	}
	.tu-van span {
		padding-left: 85px;
	}
	.hl-lienhe {
		width: 100%;
	}
	.banner-top #carousel-example-generic img {
		object-fit: cover;
		object-position: 40% 50%;
	}
	.phone-header span, .email-header span {
		display: none;
	}
	.imgct-tt1 {
		width: 100%;
		height: auto;
	}
	.imgct-tt1 img {
		width: 100%;
		height: auto;
		max-height: 209px;
	}
	.wp-tt02 {
		width: 50%;
		height: auto;
	}
	.wp-tt01 {
		width: auto;
		height: auto;
	}
	.quay-lai, .len-top {
		width: 100%;
		display: block;
	}
	.tin-tiep, .tin-truoc {
		height: auto;
	}
	.sidebar-01 {
		padding: 0px;
	}
	.date-cttt i {
		padding: 0px;
		padding-left: 5px;
	}
	.tt-ct-01 .date-cttt {
		width: 35%;
	}
	.tt-ct-01 .share-mxh {
		width: 65%;
	}
	.wp-lh2 {
		width: 100%;
		margin-top: 30px;
	}
	.wp-ft {
		margin-bottom: 30px;
	}
	.editcol2 p{
		width: 100%;
		text-align: center;
	}
	.mxh-ft {
		padding-bottom: 15px;
		text-align: center;
	}
	#slider-doitac .owl-prev {
		top: 30px;
		left: -20px;
	}
	#slider-doitac .owl-next {
		top: 30px;
		right: -20px;
	}
	#slider-doitac i {
		font-size: 60px;
	}
	.img-01 {
		width: 100%;
		height: auto;
	}
	.img-01 img {
		width: 100%;
	}
	.menu-list li {
		border-bottom: 1px solid #ccc;
		text-align: center;
		padding: 18px 0px;
		height: auto;
		display: block;
	}
	.icon-menu {
		position: absolute;
		top: 19px;
		left: 20px;
	}
	.menu-mobile {
		padding: 0px;
		position: relative;
	}
	.logo-mobile {
		padding: 10px;
	}
	.menu {
		background-image: none;
	}
	.menu-list {
		min-height: calc(100vh - 4.375rem);
		border-top: 1px solid #ccc;
		padding-top: 50px;
		width: 100%;
		display: none;
	}
	.sidenav {
	    height: 100%;
	    width: 0;
	    position: fixed;
	    z-index: 1;
	    top: 0;
	    left: 0;
	    background-color: #111;
	    overflow-x: hidden;
	    transition: 0.5s;
	    padding-top: 60px;
	}
	.sidenav .closebtn {
	    position: absolute;
	    top: 0;
	    right: 0px;
	    font-size: 36px;
	    margin-left: 50px;
	}
	.sidenav a {
	    padding: 8px 8px 8px 32px;
	    text-decoration: none;
	    font-size: 25px;
	    color: #818181;
	    display: block;
	    transition: 0.3s;
	}
}
@media (max-width: 768px) {
	img.bar_logo {
		padding-left: 10px !important;
	}
	#mg-wprm-wrap li.menu-item-has-children ul.sub-menu a {
		text-transform: inherit;
	}
	.bn1 {
		top: 50px !important;
		bottom: auto !important;
	}
	.banner-top .carousel-caption p {
		margin-bottom: 0px;
	}
	.top-tintuc .sidebar-01 {
		padding: 0px;
	}
	.wwwp1 {
		height: auto;
	}
	.www-01 {
		width: 100%;
	}
	.wp02-01 {
		width: 100%;
	}
	.text-gtcl2 h2{
		padding: 65px 0px;
	}
	.menu-list-mobile {
		margin: 0 20px;
		position: relative;
	}
	.sub-menu li {
		border-bottom: none;
	}
	.sub-menu li a {
		background: none !important;
	}
	.menu-list li {
		text-align: left;
	}
	.menu-list li a{
		
		text-align: left;
		background-size: 15px auto;
		font-size: 18px;
		font-weight: normal;
	}
	.icon-search-mb button:focus {
		border: none;
		outline: none;
	}
	.bn0 {
		top: 50px !important;
		bottom: auto !important;
		right: auto !important;
		width: auto !important;
		text-align: center !important;
	}
	.icon-search-mb button i {
	    color: #fff;
	    font-size: 25px;
	    padding-right: 5px;
	}
	.icon-search-mb button {
	    height: 35px;
	    background: none;
	    border: none;
	    position: absolute;
	    right: 0px;
	    top: 0px;
	}
	.icon-search-mb {
		position: absolute;
		top: 18px;
		right: 10px;
	}
	.logo-mobile {
		text-align: center;
	}
	.search-mb .f-search-mb {
		display: none;
		position: absolute;
		top: 74px;
		width: 100%;
		padding: 15px;
		z-index: 999999;
		background: rgb(49, 115, 148);
	}
	.search-top input {
		width: 100%;
	}
	.search-top button {
		top: 15px;
		right: 10px;
	}
	.header-top {
		height: auto;
	}
	.mxh-top {
		float: left;
	}
	.ngonngu-top {
		display: inline-block;
		float: right;
	}
	.sub-menu li:hover::before, .sub-menu li:active::before, .sub-menu li.current-menu-item::before {
		position: inherit;
	}
	.sub-menu {
		background:#227447;
		position: static;
		margin-top: 15px;
	}
	.g1, .g2, .g3, .g4 {
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.g3 {
		border-bottom: 1px solid #ccc;
	}
	.g1, .g3 {
		border-right: none;
	}
	.giaithuong {
		width: 45%;
	}
	.wp-vhdn2 {
		width: 100%;
	}
	.spdv1 {
		border-right: none;
		border-bottom: 1px solid #ccc;
		margin-bottom: 20px;
	}
	.wwp-gt2 {
		padding: 10px;
	}
	.dl1 {
		width: 100%;
	}
	.ts-hn, .vp-hcm, .vp-dl {
		width: 100%;
		display: block;
		border-right: none;
		border-bottom: 1px solid #ccc;
		padding-left: 0px;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	.text-ts h3 {
		text-align: center;
	}
	.down-top {
		display: none;
	}
	.dichvu {
		padding: 45px 0px 0px;
	}
	.dv-1 {
		border-right: none;
	}
	.img-ts {
		text-align: center;
		width: 100%;
		display: block;
		clear: both;
		padding-right: 20px;
	}
	.text-ts {
		overflow: inherit;
		width: 100%;
		display: block;
		clear: both;
	}
	.banner-top .carousel-caption {
		background: rgba(34, 116, 71, 0.59);
	    width: auto;
	    text-align: center;
	    top: 30px;
	    margin-right: auto;
	    margin-left: auto;
	}
}
@media (max-width: 415px) {
	.wp-gtcl {
		height: auto;
	}
	.text-gtcl h4 {
		margin-top: 0px;
	}
	.gt-cloi h2 {
		margin-bottom: 10px;
	}
	.text-gtcl {
		float: none;
		overflow: hidden;
	}
	div.tab button {
		font-size: 12px;
	}
}
@media (max-width: 375px) {

	.icon-menu {
		left: 18px;
	}
	.icon-search-mb {
		top: 18px;
		right: 5px;
	}
	.gp {
		width: 31%;
	}
	.search-top input {
		width: 100%;
	}
}
@media (max-width: 320px) {
	.share-mxh i {
		width: 35px;
	}
	.text-gtcl2 h2 {
		padding: 50px 0px;
	}
	.search-mb .f-search-mb {
		top: 65px;
	}
	.icon-search-mb {
		top: 15px;
		right: 5px;
	}
	.icon-menu {
		top: 12px;
		left: 15px;
	}
	.logo-mobile img {
		width: 65%;
	}
	.search-top input {
		width: 100%;
	}
	.mxh-top img {
		margin-right: 0px;
	}
	.mxh-top {
		margin-right: 5px;
	}
	.banner-top .carousel-caption {
		width: auto;
	}
	.banner-top .carousel-caption span {
		padding: 10px 20px;
	}
}
@media (min-width: 992px) {
	.menu-list li.menu-item-has-children a::after {
		top: 16px;
		position: absolute;
		right: 5px;
		font-weight: bold;
	    content: "\f107";
		display: inline-block;
		font: normal normal normal 15px/1 FontAwesome;
		color:#ffffff;
	}
	.text-01 p {
		height: 75px;
		overflow: hidden;
	}
	.mxh-mb {
		display: none;
	}
	.ngonngu-mb {
		display: none;
	}
	.search-mb {
		display: none;
	}
	.menu-mobile {
		padding-left: 0px;
	}
	.icon-menu {
		display: none;
	}
	.logo-mobile {
		display: none;
	}
	
}

/*style page giai phap 2*/
.wpgp221 {
	width: 90%;
	margin-left: auto;
}
.wpgp222 {
	box-shadow: 0 0 3px #666;
}
.wpgp221>h3 {
	color: #fff;
	font-weight: bold;
	font-size: 21px;
	margin-top: 0px;
	margin-bottom: 20px;
}
.wpgp20>h2 {
	margin-top: 0px;
	color: #fff;
	font-weight: bold;
	font-size: 27px;
	margin-bottom: 20px;
}
.wpgp222 .tabcontent button.accordion {
	padding: 10px 0px !important;
	border-top: 1px solid #ccc;
	padding: 10px;
}
.wpgp222 div.panel {
	margin-bottom: 0px;
}
.wpgp222 button.accordion.active, .wpgp222 button.accordion:hover {
	background: #fff;
	color: #227447;
}
.wpgp222 .panel p {
	padding: 20px 50px;
	background: #fff;
	position: relative;
}
/*.wpgp222 .panel p:first::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 60%;
	left: 0px;
	top: 20%;
	background: #ccc;
}*/
.wpgp221 div.tab {
    float: left;
    border: none;
    background: none !important;
    width: 100%;
    height: auto;
}
.wpgp221 div.tab button:not(:last-child)::after {
	display: none;
}
.tab-contengp2 {
	position: relative;
	margin-top: -350px;
}
.tab-contengp2::before {
	content: "";
	position: absolute;
	top: 350px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #f1f1f1;
	opacity: 1;
}
.giai-phap2 .menu {
	border-bottom: 1px solid #ccc;
}
.wpgp221 div.tab button {
	text-transform: inherit;
    display: block;
    background-color: inherit;
    color: #fff;
    padding: 6px 10px 6px 30px ;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    opacity: 0.6;
    font-size: 15px;
    font-weight: normal;
}
.wpgp221 div.tab button.active::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 75%;
    background: #fff;
    top: 5px;
    left: 0px;
    opacity: 1;
}
.wpgp20 .col-md-3 {
	float: right;
}
.wpgp20 .col-md-9 {
	float: left;
}
.wpgp221 div.tab button:hover {
    color: #fff;
    font-weight: bold;
    opacity: 1;
}
.wpgp221 div.tab button.active {
    color: #fff;
    font-weight: bold;
    opacity: 1;
}
.wpgp222 .tabcontent {
	min-height: 800px;
	background: #fff;
    float: left;
    padding: 35px 60px;
    border: none;
    width: 100%;
    border-left: none;
    height: auto;
}
.wpgp222 .tabcontent>h3 {
	margin-top: 0px;
	font-size: 27px;
	color: #555;
	font-weight: bold;
	margin-bottom: 20px;
}
.wpgp222 .tabcontent>h4 {
	font-size: 20px;
	color: #555;
	margin-bottom: 30px;
	margin-top: 35px;
}


/*responsive*/
@media (max-width: 1024px){
	.banner-top .carousel-caption {
		left: 20%;
	}
	.menu-list li {
		padding: 30px 5px;
	}
	.menu {
		margin-right: 0px;
		background-image: none;
	}
}
@media (max-width: 992px) {
	.panel p {
		padding: 10px;
	}
	.hotline {
		display: none;
	}
	.gp {
		width: 31%;
	}
	.gr-gp {
		height: 45px;
		margin-bottom: 15px;
	}
	.dv-1, .dv-2 {
		margin-bottom: 20px;
	}
	.sticky-wrapper.header-sticky {
		padding-bottom: 0px;
	}
	#yk-kh .owl-nav {
		display: none;
	}
	#linh-vuc .owl-nav {
		display: none;
	}
	.logo-right {
		display: none;
	}
	.phone-header {
		margin-right: 20px;
	}
	.tv-01, .tv-02 {
		width: 48%;
		margin-right: 5px;
	}
	.tu-van span {
		padding-left: 85px;
	}
	.hl-lienhe {
		width: 100%;
	}
	.banner-top #carousel-example-generic img {
		object-fit: cover;
		object-position: 40% 50%;
	}
	.phone-header span, .email-header span {
		display: none;
	}
	.imgct-tt1 {
		width: 100%;
		height: auto;
	}
	.imgct-tt1 img {
		width: 100%;
	}
	.wp-tt02 {
		width: 50%;
		height: auto;
	}
	.wp-tt01 {
		width: auto;
		height: auto;
	}
	.quay-lai, .len-top {
		width: 100%;
		display: block;
	}
	.tin-tiep, .tin-truoc {
		height: auto;
	}
	.sidebar-01 {
		padding: 0px;
	}
	.date-cttt i {
		padding: 0px;
		padding-left: 5px;
	}
	.tt-ct-01 .date-cttt {
		width: 35%;
	}
	.tt-ct-01 .share-mxh {
		width: 65%;
	}
	.wp-lh2 {
		width: 100%;
		margin-top: 30px;
	}
	.wp-ft {
		margin-bottom: 30px;
	}
	.editcol2 p{
		width: 100%;
		text-align: center;
	}
	.mxh-ft {
		padding-bottom: 15px;
		text-align: center;
	}
	#slider-doitac .owl-prev {
		top: 30px;
		left: -20px;
	}
	#slider-doitac .owl-next {
		top: 30px;
		right: -20px;
	}
	#slider-doitac i {
		font-size: 60px;
	}
	.img-01 {
		width: 100%;
		height: auto;
	}
	.img-01 img {
		width: 100%;
	}
	.menu-list li {
		background: url(../images/menu-icon.png);
    	background-position: center left;
    	background-repeat: no-repeat;
		border-bottom: 1px solid #ccc;
		text-align: center;
		padding: 10px 0px;
		height: auto;
		display: block;
	}
	.icon-menu {
		position: absolute;
		top: 15px;
		right: 20px;
	}
	.menu-mobile {
		padding: 0px;
		position: relative;
	}
	.logo-mobile {
		padding: 10px;
	}
	.menu {
		background-image: none;
	}
	.menu-list {
		margin-left: -200px;
		transition: .5s all;
		width: 0;
	}
	.sidenav {
	    height: 100%;
	    width: 0;
	    position: fixed;
	    z-index: 1;
	    top: 0;
	    left: 0;
	    background-color: #111;
	    overflow-x: hidden;
	    transition: 0.5s;
	    padding-top: 60px;
	}
	.sidenav .closebtn {
	    position: absolute;
	    top: 0;
	    right: 0px;
	    font-size: 36px;
	    margin-left: 50px;
	}
	.sidenav a {
	    padding: 8px 8px 8px 32px;
	    text-decoration: none;
	    font-size: 25px;
	    color: #818181;
	    display: block;
	    transition: 0.3s;
	}
}
@media (max-width: 768px) {
	.wp-ts {
		padding: 20px;
	}
	.text-ts {
		height: auto;
	}
	.yk-kh p {
		margin-bottom: 20px;
	}
	.text-tt p, .text-hd p {
		height: auto;
	}
	.text-tt span, .text-hd span {
		position: initial;
	}
	.text-01 {
		height: auto;
	}
	.wp-ft {
		margin-bottom: 15px;
	}
	.col3 {
		padding-bottom: 20px;
	}
	.col3 .text-ft p {
		height: auto;
	}
	.col2 {
		margin-bottom: 20px;
	}
	.footer {
		padding: 20px 0px;
	}
	.doitac .tt-dt {
		font-size: 29px;
		margin-bottom: 10px;
	}
	.doitac {
		padding: 20px 0px;
	}
	.tintuc {
		padding: 10px 0px;

	}
	.wp-tt h2, .wp-hd h2 {
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 29px;
		text-align: center;
	}
	.yk-kh h2 {
		font-size: 29px;
	}
	.yk-kh {
		padding: 10px 0px;
	}
	.tt-taisan {
		font-size: 29px;
		margin-bottom: 10px;
	}
	.taisan {
		padding: 10px 0px;
	}
	.g1, .g2, .g3, .g4 {
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.g3 {
		border-bottom: 1px solid #ccc;
	}
	.g1, .g3 {
		border-right: none;
	}
	.giaithuong {
		width: 45%;
	}
	.wp-vhdn2 {
		width: 100%;
	}
	.spdv1 {
		border-right: none;
		border-bottom: 1px solid #ccc;
		margin-bottom: 20px;
	}
	.wwp-gt2 {
		padding: 10px;
	}
	.dl1 {
		width: 100%;
	}
	.ts-hn, .vp-hcm, .vp-dl {
		width: 100%;
		display: block;
		border-right: none;
		border-bottom: 1px solid #ccc;
		padding-left: 0px;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	.text-ts h3 {
		text-align: center;
	}
	.down-top {
		display: none;
	}
	.dv-left img, .dv-right img {
		padding-top: 0px;
	}
	.dichvu {
		padding: 10px 0px 0px;
	}
	.dv-1 {
		border-right: none;
	}
	.img-ts {
		text-align: center;
		width: 100%;
		display: block;
		clear: both;
		padding-right: 20px;
	}
	.text-ts {
		overflow: inherit;
		width: 100%;
		display: block;
		clear: both;
	}
	.banner-top .carousel-caption {
	    width: auto;
	    text-align: center;
	    top: 30px;
	    margin-right: auto;
	    margin-left: auto;
	}
}
@media (max-width: 320px) {
	.banner-top .carousel-caption {
		width: auto;
	}
	.banner-top .carousel-caption span {
		padding: 10px 20px;
	}
}
@media (min-width: 992px) {
	.menu-mobile {
		padding-left: 0px;
	}
	.icon-menu {
		display: none;
	}
	.logo-mobile {
		display: none;
	}
}
/*style ngon ngu css*/
.timkiem {
    background-color: #227447;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    padding: 9px 14px;
}
ul.list-gp li a {
    color: #000;
}
.conten-cttt iframe {
    max-width: 696px;
    height: 500px;
}
.co {
    padding-bottom: 4px;
}
.wpgp20 ul li {
	    border-left: 1px solid #E0E0E0;
    padding-left: 10px;
    line-height: 1.6;
    list-style-position: inside;
}
.dichvu ul li {border:none;list-style: none;}
#wprmenu_bar, #wprmenu_bar *{
text-align:center ;
}
@media (max-width: 767px) {
	.hamburger--slider .hamburger-inner::after {
		top: 16px;
	}
	.hamburger--slider .hamburger-inner::before {
		top: 8px;
	}
	.hamburger--slider .hamburger-inner {
		top:1px;
	}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
		width: 25px;
		height: 3px;
	}
	#wprmenu_bar div.hamburger {
		margin-top: 1px;
	}
	#wprmenu_bar .bar_logo {
		height: 30px;
	}
}


body{
background-color:#f3f3f3!important;
}
@media only screen and (min-width: 678px) {
#footer-tt{
	position:absolute;
bottom:0;
left:0;
width:100%;
}
body{
padding-bottom:250px;
}
}