/*
Theme Name: Nha khoa Good Dental
Description: Silent is gold
Author: Deverloper Sao viet Media
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');
@font-face { 
 font-family: DVN-Photograph Signature; 
 src: url(https://truongdaotaospa.edu.vn/wp-content/themes/flatsome/fonts/DesignerVN-Photograph.ttf); 
 font-weight: normal; 
 }
 @font-face { 
 font-family: Beautique Display; 
 src: url(https://truongdaotaospa.edu.vn/wp-content/themes/flatsome/fonts/BeautiqueDisplay-Regular.otf); 
 font-weight: normal;
 }

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-size:18px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: bold
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both
}

h2,
h3,
h4,
h5,
h6 {
	font-size: 20px;
	margin: 10px 0
}

p {
	margin: 5px 0 5px 0
}
dfn, cite, em, i {
   
}
h3 em {
    color: none;	
}

blockquote {
	margin: 0 1.5em
}

address {
	margin: 0 0 1.5em
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: .9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: .9375rem
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none
}

big {
	font-size: 125%
}

html {
	box-sizing: border-box
}

*,
*:before,
*:after {
	box-sizing: inherit
}

body {
	-webkit-font-smoothing: antialiased;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: ""
}

blockquote,
q {
	quotes: "" ""
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em
}

ul {
	list-style: disc;
	margin: 0;
	padding: 0
}

ol {
	list-style: decimal
}

li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 1.5em
}

dt {
	font-weight: bold
}

dd {
	margin: 0 1.5em 1.5em
}

img {
	height: auto;
	max-width: 100%;
}

table {
	margin: 0 0 1.5em;
	width: 100%
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 15px 17px rgba(255, 255, 255, .5), inset 0 -5px 12px rgba(0, 0, 0, .05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: .75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8)
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 15px 17px rgba(255, 255, 255, .8), inset 0 -5px 12px rgba(0, 0, 0, .02)
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .5), inset 0 2px 5px rgba(0, 0, 0, .15)
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px
}

textarea {
	padding-left: 3px;
	width: 100%
}

a {
	color: #005AA0;
	text-decoration: none
}

a:focus {
	outline: thin dotted
}

a:hover,
a:active {
	outline: 0
}
.main-navigation {
    margin: 0 auto;
    z-index: 999;
    padding: 0 0 0 0;
    display: block;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0
}

.main-navigation li {
	float: left;
	position: relative
}

.main-navigation li a:hover {
	color: #FBB700
}

.main-navigation a {
	display: block;
	text-decoration: none;
	font-size: 16px;
	color: #040042;
	padding: 12px 22px 12px 22px;
	text-transform: uppercase;
	font-weight: 700
}
.main-navigation a:hover {
	color: #fff
}

.site-bottom-bk {
	margin: 0 auto;
	width: 100%
}
.hotline-top {
    margin-top: 30px;
    width: 25%;
    float: right;
    font-size: 18px;
    overflow: hidden;
    background: #00a869;
    padding: 8px;
    border-radius: 12px;
    /* padding: 5px; */
    box-shadow: 0px 5px 8px #b9b8b8;
    /* margin-right: 12px; */
}
.hotline-top img {
    float: left;
    margin: 5px 0px 0 0;
    width: 42px;
    overflow: hidden;
}
.hotline-top p {
    float: left;
    font-size: 15px;
    line-height: 15px;
    color: white;
}
.hotline-top p:nth-child(3) {
    float: left;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 5px;
}
.hotline-top p:nth-child(2) {
    font-size: 18px;
    /* font-weight: bold; */
    color: #ffffff;
}
.page-header {
}

.title-archive {
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0 0 32px;
	font-size: 25px;
	font-weight: bold;
	color: #421600
}

.main-navigation ul li ul {
	display: none
}

.main-navigation ul li:hover ul {
	display: block
}
.main-navigation ul li ul {
    width: 435px;
    box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
    float: left;
    position: static;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
    margin: 18px 0 0 0;
    background: #FFF;
    padding: 0 0 0 0;
    position: absolute;
}
.main-navigation ul li ul li:hover ul {
	display: block!important;
	margin: -24px 0 0 0px
}

.main-navigation ul li ul li ul {
	margin: -22px 0 0 2px;
	width: 290px;
	display: none!important
}

.main-navigation ul li ul li ul li {
	float: left;
	width: 280px
}

.main-navigation li:hover>a,
.main-navigation li.focus>a {}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	left: auto
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
	left: 100%
}

.menu-toggle,
.main-navigation.toggled ul {
	display: block
}

@media screen and (min-width:37.5em) {
	.menu-toggle {
		display: none
	}
	.main-navigation ul {
		display: block
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute!important;
	height: 1px;
	width: 1px;
	overflow: hidden
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	clip: auto!important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: .875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both
}

.widget {
	margin: 0
}

.widget select {
	max-width: 100%
}

.widget_search .search-submit {
	display: none
}

.sticky {
	display: block
}

.hentry {
	margin: 0 0 1.5em
}

.byline,
.updated:not(.published) {
	display: none
}

.single .byline,
.group-blog .byline {
	display: inline
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0
}

.page-links {
	clear: both;
	margin: 0 0 1.5em
}

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none
}

.comment-content a {
	word-wrap: break-word
}

.bypostauthor {
	display: block
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none
}

.infinity-end.neverending .site-footer {
	display: block
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0
}

embed,
iframe,
object {
	max-width: 100%
}

.wp-caption {
	max-width: 100%
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
    font-style: italic;
    /* font-size: 14px; */
    font-weight: bold;
    color: black;
}
.wp-caption-text {
	text-align: center
}

.gallery {
	margin-bottom: 1.5em
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%
}

.gallery-columns-2 .gallery-item {
	max-width: 50%
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
	max-width: 25%
}

.gallery-columns-5 .gallery-item {
	max-width: 20%
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%
}

.gallery-caption {
	display: block
}

#content {
	width: 100%;
	margin: 0 auto
}

footer {
	margin: 0 auto
}

.site-title {
	display: none
}

.site-description {
	display: none
}

.clear {
	clear: both
}

.site-bk {
	width: 100%;
	margin: 0 auto
}

br {
	margin: 0 0 0 0;
	padding: 0
}
.footer-content {
    padding: 60px 0 55px 0;
    border-top: 2px solid #fff;
    display: block;
    background: #9a6f06;
    background-size: cover;
}
.site-info {
    text-align: center;
    color: #9a6f06;
    font-size: 14px;
    padding: 10px 0 10px 0;
    background: #ffffff;
}
.top-header {
    overflow: hidden;
    max-width: 1170px;
    margin: 0 auto;
    width: 100%;
}
.sp-dv {
	background: #fff;
	clear: both
}
.form-seach {
	margin: -85px 5px 0 995px;
	width: 205px;
	float: right;
	position: absolute;
	z-index: 999;
	display: none
}

.submit-bottom {
	background: rgba(255, 0, 0, 0) url(http://nguyenhuyhoang.com/Content/Nguyenhuyhoang/images/search.png) no-repeat!important;
	box-shadow: none!important;
	border: none!important;
	margin: -25px 0 0 177px;
	position: absolute
}

.text-find {
	width: 100%;
	border-radius: 100px!important;
	outline: none;
	padding: 5px 0 5px 10px!important;
	font-size: 14px;
	font-style: italic
}

.submit-bottom:focus,
.text-find:focus {
	outline: none
}

.top-middle {
	width: 100%;
	height: 300px
}

a:focus {
	outline: 0
}

.nc {
	margin: 0 auto;
	width: 230px;
	height: 3px;
	background-color: #cacaca;
	margin-bottom: 42px
}

.gioithieu-tt {
	width: 1024px;
	margin: 0 auto
}

.des-cat iframe {
	margin: 0 auto;
	display: block
}

.cong-ty h1 {
	text-align: center;
	font-size: 25px;
	color: white;
	text-shadow: 0 4px 8px #000
}

.dia-chi h2,
.dien-thoai h2,
.email-ct h2,
.hotline-ct h2 {
	color: #fff;
	font-size: 14px;
	font-weight: normal
}

.footer-top3 {
	border: none
}

.full-cot {
	width: 1135px;
	margin: 0 auto;
	border: 1px solid #ECECEC;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 30px
}
#breadcrumbs li strong {
    color: #00a86961;
    font-weight: bold;
}
.c-left {
	width: 70%;
	float: left;
	padding: 0 10px 0 10px
}

.c-right {
	width: 30%;
	float: right;
	padding: 0 0 0 15px
}
.top-image {
    width: 100%;
    background: #cba5564a;
}

.title-page {
	width: 1200px;
	margin: 0 auto;
	padding: 35px 0 0 32px;
	font-size: 25px;
	font-weight: bold;
	color: #421600
}

.page .title-page-archive,
.category .title-page-archive {
	padding: 5px 0 0 0
}

.title-page-archive {
	margin: 0 auto;
	padding: 0 0 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #000
}

.tg .fa-user-o {
    margin: 0 10px 0 0;
}
.tg a {
    color: #9a6f06;
}
.authorr {
    overflow: hidden;
    border-bottom: 1px solid #6ac324;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
}
.authorr ul li {
    float: left;
    list-style: none;
    margin: 0 20px 0 0;
}
.title-page-archive h1 {
    margin: 0 auto;
    padding: 20px 0 20px 0;
    font-size: 20px;
    font-weight: bold;
    color: #996d00;
    text-transform: uppercase;
    /* margin-bottom: 15px; */
}
.c-left .entry-header .entry-title {
	font-size: 25px;
	padding: 10px 0 0 0
}
#breadcrumbs li {
    list-style: none;
    float: left;
    margin: 15px 0 0 0;
    color: #000000;
    font-size: 16px;
}
.bread-home {
    font-weight: normal;
}
.bread-current {
    color: #9a6f06 !important;
}
.breadcumbs {
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 15px 0;
}
.item-home {
    padding: 0 0 0 0;
    font-weight: bold;
}
.separator {
    padding: 0 5px 0px 0;
}
#breadcrumbs li a {
    color: #9a6f06;
    text-decoration: none;
    padding: 0 5px 0 0px;
}
.sp-dv {
	background: #fff;
	clear: both
}

.va-1 {
	width: 1024px;
	margin: 0 auto;
	margin-bottom: 45px
}

.va-1 span h1 {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: normal;
	color: #69AD11;
	margin-top: 50px;
}

.va-1 h2 {
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	text-align: justify;
	font-family: time new roman
}

.ngan {
	margin: 20px 0 0 0
}
.page-content {
    max-width: 1170px;
    margin: 0 auto;
    /* margin-bottom: 20px; */
    /* border: 1px solid #e8e8e887; */
    overflow: hidden;
    /* padding: 10px 20px 10px 20px; */
    /* border-radius: 18px; */
}
.branding img {
    width: 100%;
}
.page-content p, .page-content span, .page-content li {
}
.category .block-news-m h2 {
    display: contents;
}
.category .block-news-m h2 a {
    font-size: 20px;
    /* text-transform: uppercase; */
    color: #9a6f06;
}
.page-content-archive {
	border: 1px solid#F3F3F3;
	padding: 0;
	overflow: hidden;
	margin: 0 0 30px 0;
	width: 1170px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px
}
.page-left {
    width: 70%;
    padding: 0 15px 0 0;
    float: left;
    border-right: 1px dotted #ededed;

}
.page-left article, .page-left article p, .page-left article span {
	font-family: Montserrat !important;
}
.page-left article h2 {
    /* color: red !important; */
    padding: 8px 0 8px 10px;
    border-bottom: 2px solid #9a6f06;
    background: linear-gradient(to top, #f5efdf 0%, #ffffff 100%);
    font-size: 20px;
    text-transform: uppercase;
}
.page-left article h2 span {
    color: #9a6f06 !important;
}
.widget {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    margin: 15px 0;
    font-weight: bold;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.33);
    background: #eff1f3;
}
.chat-right ul li {
    list-style: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding: 5px 0 5px 0;
}
.chat-right ul li img {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}
.chat-right {
    background: #00a869;
    padding: 15px 0 15px 0;
    border-radius: 5px;
}
aside {
  height: 1000px;
}
#box iframe {
	padding:0px;
}
#box {
    background: white;
}
.page-left article {
    text-align: left;
}
.page-left article img {

}

.page-left article ul {
	margin: 0 0 0 60px
}
.page-right {
    width: 28%;
    float: right;
}
.page-right p {
	padding: 5px 0 5px 0
}

.entry-content {
	text-align: justify;
	padding: 0;
	margin: 0
}

.entry-content p {
	padding: 5px 0 5px 0
}

.page-content>article {
	width: 70%
}

.entry-content li {
	margin: 5px 0 5px 38px
}

.des-cat p {
	padding: 5px 0 20px 0
}

.des-cat ul li {
	padding: 2px 0 3px 0
}

.des-cat ul {
	padding: 0 0 0 38px
}

.main-nav-phai ul li {
	list-style: none;
	padding: 8px 0 8px 45px;
	border-bottom: 1px dotted#E4E4E4;
	margin: 5px 0 5px 0
}

.main-nav-phai ul li a {
	text-decoration: none;
	color: #5A5A5A;
}

.main-nav-phai ul li a:hover {
	text-decoration: none;
	color: #26B702
}

.page-left header h1 {
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color: #f90000
}

.news-cat a {
	color: #156953;
	text-decoration: none;
	font-size: 16px;
	padding: 5px 0 8px 0;
	display: block;
	height: 50px
}

.item-va a img,
.item-news a img {
	width: 290px;
	float: left;
	height: 150px;
	padding: 0 0 0 0;
	margin: 0 18px 0 0
}

.item-va {
	width: 32%;
	float: left;
	list-style: none;
	height: 235px;
	margin: 10px 8px 2px 4px;
	background: #F5F5F5
}

.item-va-archive {
	width: 30.12%;
	float: left;
	list-style: none;
	height: 310px;
	margin: 0 10px 22px 15px;
	background: #fbfbfb;
	border: 1px solid #e8e8e8
}

.search #page .item-va-archive {
	margin: 22px 10px 10px 15px
}

.chi-tiet {
	float: right;
	width: 100px;
	background: #D0D0D0;
	padding: 2px 5px 2px 24px;
	margin: 5px 30px 0 0;
	display: none
}

.chi-tiet a {
	text-decoration: none;
	color: #fff
}
.nb {
    background: #9a6f06;
    overflow: hidden;
}
.nb ul li a {
    color: #ffffff;
    padding: 0 0 0 15px;
    text-transform: uppercase;
    font-size: 14px;
    /* font-weight: bold; */
}
.nb ul li a:hover {
    color: #fff200;
}

.scrolla span {
	font-size: 15px;
	text-align: center;
	background: #ffcd17!important;
	padding: 8px 0 8px 0;
	margin: 0 0 10px 0;
	display: block;
	color: #545454!important
}
#menu-menu-trai li a {
    color: #fff;
    display: block;
    padding: 0px 0 0px 8px;
}
#menu-menu-trai li a:before {
    content: " ";
    border-left: none;
    margin: 0;
}
#menu-menu-trai li a:hover {
    color: #f5f5c1;
}
.des-item {
	text-align: justify;
	font-size: 14px
}
.nb ul li {
    list-style: none;
    width: 100%;
    float: left;
    border-bottom: 1px solid #f1f1f1;
    background: url(./images/icon-teech.png) left no-repeat;
    padding: 8px 0 8px 0px;
    /* color: red; */
    background-size: 8%;
    padding: 8px 0 8px 35px;
    margin: 0 0 0 0px;
    background-position: 5px 5px;
}
.item-nb a img {
	width: 80px;
	float: left;
	height: 60px;
	padding: 0 0 0 0;
	margin: 5px 8px 0 0
}

.item-nb a {
	text-decoration: none;
	font-size: 16px;
	text-align: justify;
	color: #636363
}

#menu-menu-phai-cua-trang {
	padding: 30px 0 30px 0
}

.c-right h1 {
	font-size: 15px;
	text-align: center;
	background: #F7F7F7;
	padding: 12px 0 12px 0;
	margin: 14px 0 12px 0;
	border-top: 3px solid#6C3C06
}
.lien-he {
    width: 1150px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 0;
}

#nf-field-8 {
	
}

.field-wrap {
	display: block!important
}

.lien-he-a {
	width: 45%;
	float: left
}
.lien-he-a span {
    color: #946d04;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0 0 15px 2px;
    display: block;
}
.lien-he-b span {
    color: #946d04;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0 0 30px 2px;
    display: block;
}
.lien-he-b {
	width: 50%;
	float: right
}

.dc-a h2 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 15px;
	margin: 15px 0 3px 0
}

.dc-a img {
    margin: 0px 10px 5px 0;
}

.dc-a p {
	line-height: 35px
}

#ninja_forms_field_3 {
	height: 135px
}

.logo p {
	text-align: left
}

.top-menu-dt {
	background: #ececec;
	margin: 0 0 0 0;
	padding: 2px 0 5px 0;
	overflow: hidden;
	width: 100%;
	z-index: 999
}

.menu-top-header {
	width: 1035px;
	margin: 0 auto
}

.produce {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0 0 0;
	overflow: hidden;
	display: none
}

.produce span {
	font-size: 25px;
	color: #00569E;
	font-weight: bold;
	font-family: arial;
	text-transform: uppercase
}

.pro-lis {
	width: 270px;
	float: left;
	list-style: none;
	margin: 0 15px 0 15px;
	height: 355px
}

.pro-lis a img {
	height: 190px;
	border: 1px solid #EAEAEA
}
.pro-tit a {
    font-weight: bold;
    font-size: 18px;
    padding: 0 0 0 0px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    /* line-height: 25px; */
    display: inline-block;
}
.des-item-service img {
    width: 32px;
    margin: 5px 0 -2px 0;
    border: 1px solid #d8d8d8;
    border-radius: 100%;
    padding: 2px;
}
.contact-pro {
	width: 130px;
	float: left;
	font-size: 15px!important;
	background: #EFEFEF url(./images/contact.png) no-repeat;
	padding: 10px 0 10px 0;
	font-weight: bold;
	color: #85573E;
	background-size: 10px;
	background-position: 18px 14px;
	text-align: center!important;
	display: none
}

.detail-pro {
	width: 135px;
	font-size: 14px!important;
	background: #96bb26 url(./images/eye.png) no-repeat center center;
	padding: 6px 0 6px 0;
	color: #fff;
	background-size: 18px;
	text-align: center;
	margin: 0 auto;
	background-position: 12px 8px;
	text-transform: uppercase;
	border-radius: 100px;
	margin-top: 20px;
	display: none
}
.des-item-service {
    text-align: center;
    color: #ffe5aa;
    text-align: center;
    /* display: none; */
    font-size: 18px;
    /* margin: -32px 0 0 0; */
}
.detail-pro a {
	color: #fff
}

.detail-pro a:hover {
	color: #ffeb00
}

.produce-list {
	width: 1200px;
	margin: 0 auto
}

.tit-form {
	text-align: center;
	margin: 10px 0 16px 0;
	font-size: 20px
}

#ninja_forms_form_9_wrap {
	width: 395px!important;
	margin: 0 15px 15px 15px
}

#ninja_forms_field_10,
#ninja_forms_field_11,
#ninja_forms_field_14,
#ninja_forms_field_12 {
	font-size: 14px;
	color: #ABABAB;
	padding: 2px 0 2px 8px
}
.title-feature a {
    color: #000;
    font-size: 16px;
    padding: 0;
    display: block;
    height: auto;
}
.qc .slider-news ul li {
    height: 365px;
    margin: 2px 9.5px 18px 9.5px;
}
.line-space {
    width: 250px;
    margin: 0 auto;
    background: linear-gradient( 135deg, #fff112 38%, #7bc144 38%);
    margin-bottom: 8px;
    margin-top: 0;
    margin-bottom: 10px;
    height: 10px;
    border-radius: 20px;
}
.line2 {
	width: 100px;
	margin: 0 auto;
	border-bottom: 2px solid #EFCB01;
	margin-top: 8px;
	margin-bottom: 38px
}
.news-title a {
	text-decoration: none;
	color: #000;
	font-size: 15px
}

.mo-ta {
	width: 720px;
	color: #000;
	text-align: center;
	font-size: 15px;
	margin: 0 auto;
	margin-bottom: 10px
}

.news-title {
	margin: 0 0 0 0;
	padding: 0 8px 0 8px
}
.qc-ads {
    margin: 0 auto;
    display: block;
    width: 82%;
}
.nc {
	margin: 0 auto;
	width: 230px;
	height: 3px;
	background-color: #cacaca;
	margin-bottom: 42px
}

.anh p {
	text-align: center
}

.anh img {
	width: 130px;
	height: 130px;
	border-radius: 100%
}

.item-top {
	list-style: none;
	float: left;
	width: 324px;
	float: left;
	height: 120px
}

.line3 {
	width: 145px;
	margin: 0 auto;
	border-bottom: 2px solid #f5bc3c;
	margin-top: 0;
	margin-bottom: 15px
}

.title-da {
	margin: 0 0 5px 0
}

.border-news {
	width: 985px;
	margin: 0 auto;
	overflow: hidden
}

#menu-menu-phai-trang-gioi-thieu li {
	list-style: none;
	padding: 15px 0 15px 45px;
	border-bottom: 1px dotted #A0A0A0
}

#menu-menu-phai-trang-dich-vu li {
	list-style: none;
	padding: 15px 0 15px 15px;
	border-bottom: 1px dotted #A0A0A0
}

.nav-gioi-thieu .main-nav-gt,
.nav-dich-vu .main-nav-dv {
	padding: 25px 0 0 0;
	background: #F3F3F3;
	margin: 25px 0 0 0;
	height: 250px
}

.nav-gioi-thieu .main-nav-gt ul li a,
.nav-dich-vu .main-nav-dv ul li a {
	color: #6C3C06;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px
}

.page-full .chi-tiet {
	display: none
}

.full-single {
	padding: 0 10px 0 10px
}

.top-image-single {
	width: 100%;
	height: 265px;
	background: url(http://ancuong.com/pictures/home/banner-acrylic.jpg);
	background-attachment: fixed;
	display: none
}

.title-page-single {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	padding: 80px 0 0 0
}

#ninja_forms_field_17 {
	height: 60px;
	color: #adabab
}
.list-post-cat ul {
	margin-left: -10px;
	margin-right: -10px
}

.title-page-news {
	width: 1200px;
	margin: 0 auto;
	padding: 35px 0 0 55px;
	font-size: 25px;
	font-weight: bold;
	color: #421600
}

.item-top-ud {
	width: 362px!important;
	height: 260px;
	margin: 0 10px 18px 10px!important;
	padding: 0!important
}

.item-top-ud a {
	padding: 0!important
}

.item-top-ud a img {
	height: 215px
}

.title-item-ud {
	background: rgba(86, 86, 86, .08);
	padding: 10px 0 10px 10px;
	margin: -8px 0 0 0
}

.top-content-single {
	overflow: hidden;
	width: 100%;
	background: rgba(251, 251, 251, .86);
	margin: 5px 0 0 0
}

.top-a {
	width: 50%;
	float: left;
	padding: 15px 15px 15px 15px
}

.top-b {
	float: left;
	width: 45%;
	padding: 15px;
	margin: 10px 0 0 0
}

.top-b div {
	font-size: 20px;
	margin: 0 0 20px 0
}

.page-archive-right {
	width: 900px;
	float: right
}

.page-archive-left {
	width: 250px;
	margin: 22px 0 0 10px;
	float: left
}

.cat-left {
	border: 1px solid #E0E0E0
}

.tit-cat-left {
	background: #F7F7F7;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #E0E0E0
}

.tit-cat-left a {
	color: #1877ad;
	text-transform: uppercase;
	font-size: 15px
}

#menu-danh-muc-san-pham li,
#menu-danh-muc-san-pham-2 li {
	padding: 5px 0 5px 10px;
	border-bottom: 1px dotted #DADADA;
	list-style: none
}

#menu-danh-muc-san-pham li a,
#menu-danh-muc-san-pham-2 li a {
	color: #421600;
	font-size: 15px
}

.cat-left:nth-child(2),
.cat-left:nth-child(3) {
	margin: 10px 0 0 0
}

.cat-left:nth-child(2) .tit-cat-left,
.cat-left:nth-child(3) .tit-cat-left {
	border-bottom: none;
	margin: 0
}

.img-des-archive {
	width: 270px;
	height: 190px;
	overflow: hidden
}

.img-des-archive img {
	width: 270px;
	height: 190px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s
}

.img-des-archive img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2)
}

.banner-archive {
	overflow: hidden;
	width: 860px;
	margin: 10px 0 10px 15px
}

.sp-wrap {
	display: none;
	line-height: 0;
	font-size: 0;
	border: 1px solid #eee;
	padding: 5px;
	position: relative;
	margin: 0 0 15px 0;
	float: left;
	width: 545px
}

.sp-thumbs {
	text-align: left;
	display: inline-block;
	width: 500px;
	margin: 10px 0 0 0
}

.sp-thumbs img {
	min-height: 50px;
	min-width: 50px;
	max-width: 50px
}

.sp-thumbs a:link,
.sp-thumbs a:visited {
	width: 80px;
	height: 50px;
	overflow: hidden;
	opacity: .3;
	display: inline-block;
	background-size: cover;
	background-position: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	opacity: 1;
	margin: 0 10px 5px 0
}

.sp-thumbs a:hover {
	opacity: 1
}

.sp-thumbs a:active,
.sp-current {
	opacity: 1!important;
	position: relative
}

.sp-large {
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 532px!important;
	float: right;
	height: 345px!important
}

.sp-large a img {
	max-width: 100%;
	height: auto
}

.sp-large a {
	display: block
}

.sp-large a img {
	width: 535px!important
}

.sp-zoom {
	position: absolute;
	left: -50%;
	top: -50%;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	display: none!important
}

.sp-zoom img {
	width: 800px
}

.sp-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .9);
	z-index: 500;
	display: none;
	cursor: pointer
}

.sp-lightbox img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 90%;
	max-height: 90%;
	border: 2px solid #fff
}

#sp-prev,
#sp-next {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 501;
	color: #fff;
	padding: 14px;
	text-decoration: none;
	background: #000;
	border-radius: 25px;
	border: 2px solid #fff;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	transition: .2s
}

#sp-prev {
	left: 10px
}

#sp-prev:before {
	content: '';
	border: 7px solid transparent;
	border-right: 15px solid #fff;
	position: absolute;
	top: 16px;
	left: 7px
}

#sp-next {
	right: 10px
}

#sp-next:before {
	content: '';
	border: 7px solid transparent;
	border-left: 15px solid white;
	position: absolute;
	top: 16px;
	left: 18px
}

#sp-prev:hover,
#sp-next:hover {
	background: #444
}

.nhan p {
	font-size: 15px;
	float: left
}

.gia-tri {
	font-size: 15px!important;
	padding: 0 0 0 85px;
	color: #CE8F1E
}

.page-single-left {
	width: 880px;
	float: left;
	padding: 0 10px 0 10px
}

.page-single-right {
	width: 235px;
	float: right;
	margin: 65px 5px 0 0
}

.page-single-right li {
	list-style: none
}

.relasted-produce {
	width: 1200px;
	overflow: hidden;
	margin: 35px 0 0 0
}

.page-single-produce {
	overflow: hidden
}

.relasted-produce ul .pro-lis {
	margin: 0 14px 0 0
}

.tit-relasted {
	border-bottom: 1px solid #8C5B0B;
	padding: 5px 0 5px 12px;
	background: #F1F1F1;
	margin: 0 53px 20px 0
}

.tit-relasted span {
	font-size: 18px;
	font-weight: bold;
	color: #00589F;
	font-family: arial;
	text-transform: uppercase
}

.contact-single {
	width: 275px;
	overflow: hidden
}

.intro-dv {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden
}

.intro-des {
	padding: 3px 5px 3px 8px;
	font-size: 16px;
	margin: 15px 0 0 0;
	text-align: justify
}

.mo-ta-ngan-single {
	font-size: 15px!important;
	font-weight: normal!important
}

.category #page #content #primary #main .page-content .page-left ul li img {
	height: auto
}

.category #page #content #primary #main .page-content .page-left ul li .news-cat a {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	padding: 8px 0 0 0
}

.category #page #content #primary #main .page-content .page-left ul li .news-cat a:hover {
	color: #96bb26
}

.category #page #content #primary #main .page-content .page-left ul li .news-cat {
	margin: -5px 0 0 0
}

#navigation {
	margin-bottom: 10px;
	padding: 0 20px;
	line-height: 46px;
	text-align: center
}

#navigation a {
	padding: 5px 15px;
	margin: 0 3px;
	background: #fff;
	color: #000;
	border: 1px solid #d1d1d1;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
#navigation a:hover {
    background: #9b7208;
    color: #fff;
    border: 1px solid #aaa;
}
#navigation span.current {
    padding: 5px 20px;
    margin: 0 5px;
    background: #9b7208;
    color: #fff;
    border: 1px solid #d1d1d1;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.single-san-pham #page #content #primary #main .full-cot .full-single {
	padding: 0 5px 0 5px
}

.color {
	width: 130px;
	float: right;
	font-size: 14px!important;
	background: #EFEFEF url(./images/ks-color.png) no-repeat;
	padding: 10px 0 10px 0;
	font-weight: bold;
	color: #85573E;
	background-position: 15px 12px;
	background-size: 15px;
	text-align: center
}

.color a {
	color: #85573E
}

.post-tags {
	font-size: 18px!important
}

.tag #page #content #primary #main .page-content .page-left ul li img {
	width: 225px;
	height: 145px;
	margin: 0 15px 0 0
}

.ten-sp h1 {
	margin: -10px 0 0 0;
	padding: 0;
	font-size: 20px
}

.term-53 #page #content #primary #main .breadcumbs #breadcrumbs .item-custom-post-type-san-pham {
	display: none
}

.term-53 #page #content #primary #main .breadcumbs #breadcrumbs .separator-home {
	display: none
}
.top-site {
	background: #00744A;
    border-bottom: 1px solid #00a869;
    padding: 3px 0 0px 0;
    overflow: hidden;
}
.top-site div {
    margin: 0 auto;
    width: 1165px;
}
.top-site div p {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    float: left;
    padding: 2px 0 0 0;
}
.top-site div ul li {
    list-style: none;
    float: right;
}
.top-site div ul li a i {
    margin: 0 12px 2px 12px;
    font-size: 25px;
    border-radius: 100px;
    background: #ffffff;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 5px 0 0 0;
    color: #00a869;
}
.map-view {
	margin: 0 auto;
	width: 1145px
}
.main-navigation li a:hover {
    color: #ffe5aa;
}
.nav-menu li a {
    display: block;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    padding: 18px 19px 18px 19px;
    /* font-weight: bold; */
    margin: 0 0 0 0;
    text-align: left;
}
.main-navigation ul li ul {
    margin: 36px 0 0 0;
    border-top: 1px solid #e8e8e8;
}
.main-navigation ul li ul li a {
    padding: 8px 0 8px 15px;
    color: #000;
}
.nav-menu li:nth-child(6) a {
	border-right: none
}

#ninja_forms_field_8 {
	height: 105px;
	color: #a5a5a5
}

.service {
	width: 1125px;
	margin: 0 auto;
	margin-top: 0;
	overflow: hidden
}
.service p {
    text-align: left;
    font-size: 18px;
    /* display: none; */
    width: 70%;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 8px 0;
}
.service h2 {
    font-size: 28px;
    text-transform: uppercase;
    margin: 0;
    display: block;
    padding: 28px 0 15px 0;
    text-align: center;
    color: #7ac142;
}
.service h2 span {
    color: #ffe000;
}
.pro-lis-service {
    width: 22.32%;
    float: left;
    list-style: none;
    margin: 15px 15px 38px 15px;
    height: 338px;
    box-shadow: 0px 0px 8px rgb(169 169 169 / 43%);
    background: white;
}
.img-flag {
    width: 10%;
    margin: 0 auto;
    text-align: center;
    display: block;
    box-shadow: 0px 0px 3px #d8d8d8;
    margin-top: 8px;
}
.col-wap {
    text-align: left;
    padding: 10px 10px 20px 10px;
}
.detail-crouse img {
    width: 12.8%;
    margin: 8px 10px -8px 0px;
}

.main-nav-left #menu-menu-trai li {
	padding: 10px 0 10px 10px;
	border-bottom: 1px dotted #c5c5c5
}

.main-nav-left #menu-menu-trai li:nth-child(6) {
	border-bottom: none
}

.detail-pro-service {
	width: 135px;
	font-size: 14px!important;
	background: #f7f7f7 url(./images/eye-service.png) no-repeat center center;
	padding: 6px 0 6px 0;
	color: #000;
	background-size: 18px;
	text-align: center;
	margin: 0 auto;
	background-position: 12px 8px;
	text-transform: uppercase;
	margin-top: 20px
}
#primary-menu .current_page_item a {
    color: #d0ad5e;
}
.lis-service ul .cat-list-li {
	width: 44%;
	float: left;
	list-style: none;
	margin: 0 30px 33px 30px
}

.tit-cat-list h2 a {
	display: block;
	color: #000;
	font-size: 18px;
	padding: 10px 0 0 0;
	text-transform: uppercase;
	margin: 0;
	text-align: center
}

.des-cat-home {
	padding: 8px 0 0 0;
	text-align: justify;
	font-size: 15px;
	display: none
}

.tit-cat-list h2 {
	margin: 0;
	padding: 0
}

.f1 span {
	font-size: 25px;
	font-weight: bold;
	color: #949494;
	padding: 0 0 10px 0;
	display: block
}

.home .site-bottom-bk {
	border-bottom: none
}
.menu-top {
    margin: 0px 0 0 0;
    display: block;
    box-shadow: 0 0 8px #d8d8d8;
    background: #00a869;
    height: 60px;
}

.lis-service {
	width: 1016px;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0 15px 0
}

.block-intro {
	min-height: 373px
}

.lis-service {
	width: 1016px;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0 15px 0
}
.tit-intro span {
	margin: 0;
	padding: 0;
	font-size: 16px;
	text-transform: uppercase;
	padding: 14px 0 14px 0;
	color: #21a950;
	font-weight: bold;
	display: block
}

.col-surport {
	border-bottom: 1px dotted #dcdcdc;
	padding: 3px 0 5px 0;
	display: block;
	width: 100%;
	overflow: hidden
}
.ft-content {
    width: 1120px;
    margin: 0 auto;
    overflow: hidden;
}
.tit-li-news a {
	color: #fff;
	display: block
}

#ninja_forms_field_14,
#ninja_forms_field_15,
#ninja_forms_field_16 {
	border: 1px solid #e0e0e0;
	border-radius: 0;
	padding: 3px 0 3px 5px;
	margin: 0 0 0 0;
	font-size: 15px
}

#ninja_forms_form_15_all_fields_wrap .field-wrap,
#ninja_forms_required_items {
	margin-bottom: 8px
}

.logo-mobile {
	display: none
}
.top-menu-dt {
    height: 42px;
    background-color: #f8f40d;
    border-bottom: 1px solid #e0e0e0;
    margin: 0;
    padding: 12px 0 0 0;
    border-top: none;
    /* display: none; */
}
.top-menu-dt
.menu-top-header {
	width: 1070px;
	margin: 0 auto
}
bottom a {
	margin: 22px 0 0 0;
	padding: 5px 68px 5px 68px;
	color: #000;
	display: inline-block;
	font-size: 22px;
	border: 2px solid #fff
}

bottom a:hover {
	color: #156953
}
.lis-service {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0 0px 0;
    /* background: #ecffdd; */
}
.col-f-1 img {
    margin: -15px 0 0 0;
    width: 230px;
    border-radius: 5px;
    padding: 8px;
    background: white;
}

.col-f-2 {
	width: 30%;
	float: left;
	color: #efefef;
	font-size: 15px;
	padding: 0 18px 0 15px;
	margin: 0 30px 0 0
}

.col-f-2 a {
	color: #fff
}
.col-f-2 a:hover {
    color: #ffcd36;
}
.col-f-2 ul li {
    list-style: none;
    padding: 0 0 0 0;
    border-bottom: 1px dashed rgba(255, 255, 255, .32);
    margin: 0 0 12px 0;
    border-top: none;
    border-top: none !important;
}

.col-f-3 {
	width: 34%;
	float: left;
	color: #bfbfbf;
	font-size: 15px
}

.col-f-3 p {
	color: #fff
}

.col-f-3 strong {
	color: #fff
}

.tit-f {
	color: white;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0 0 22px 0;
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, .36);
	padding: 0 0 25px 0
}

.socialfollow a {
	color: #fff;
	font-size: 38px;
	padding: 0 8px 0 0
}

.menu-home-bottom ul li {
	list-style: none;
	border-bottom: 1px dotted #eaeaea;
	padding: 2px 0 10px 0
}

.menu-home-bottom ul li a {
	color: #000
}

.menu-home-bottom ul li a:hover {
	color: red
}

.col-surport img {
	border-radius: 100%;
	float: left;
	margin: 0 15px 0 0
}

.col-surport span {
	font-size: 16px;
	color: #43b707;
	display: block;
	padding: 8px 0 0 0
}

.col-surport p {
	font-size: 18px
}

#nf-form-3-cont {

}

#nf-form-3-cont h3 {
	text-align: center;
	padding: 2px 0 8px 0;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
	margin: 0
}

#nf-form-3-cont .nf-field-container {
	margin: 0
}

#nf-form-3-cont .nf-field-element input {
	font-size: 15px;
	margin: 0 0 10px 0
}

.fa-volume-control-phone {
	-ms-transform: rotate(320deg);
	-webkit-transform: rotate(320deg);
	transform: rotate(320deg);
	font-size: 22px;
	padding: 0 10px 0 10px
}
.category .des-cat p {
	padding: 5px 0 0 0
}

.category .des-cat {
	padding: 0 0 20px 0
}

.category #page #content #primary #main .page-content .page-left ul li .news-cat {
	margin: -5px 0 0 0
}

.tit-related {
	padding: 0 0 10px 0;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #74be45;
	margin: 0 0 20px 0
}

.page-right article ul {
	margin: 0 0 0 40px;
	padding: 0 0 0 5px
}
.col-f-1 {
    width: 30%;
    float: left;
    color: #ffffff;
    font-size: 15px;
    padding: 0 18px 0 0;
    margin: 0 30px 0 0;
}
.tit-f {
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 35px 0;
    display: block;
    border-bottom: 1px solid rgb(255 255 255);
    padding: 0 0 15px 0;
    font-weight: bold;
}

.footer-content p {
	font-size: 16px
}

.entry-content iframe {
	text-align: center;
	margin: 0 auto;
	display: block
}

.scrollq {
	z-index: 9999;
	position: fixed;
	top: 0;
	width: 100%;
	background: #ffff0;
	overflow: inherit;
	box-shadow: 0 0 25px #9e9e9e;
	padding: 2px 0 2px 0;
	display: none
}

.scrolla {
	z-index: 9999;
	position: fixed;
	top: 100px;
	width: 20%;
	background: #fff;
	overflow: inherit;
	right: 150px;
	display: block
}

.scrolla .nb ul li {
	background-size: 15%
}

.scrollq a {
	color: #21a950!important
}

.scrollq .menu-va .menu-menu-chinh-container #primary-menu li a:hover {
	color: #fef200
}

.scrollq #primary-menu li .sub-menu {
	margin: 16px 0 0 -20px;
	padding: 0;
	background: #fbfbfb
}

.scrollq #primary-menu li .sub-menu li {
	padding: 8px 0 8px 0
}

.scrollq #primary-menu li .sub-menu li a {
	color: #241d4f
}
.menu-va {
    width: 1200px;
    margin: 0 auto;
}
.intro-middle {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 45px 0 30px 0
}
.category-3 .item-va a img{
	width: 100%;
	float: left;
	height: 200px
}

.category-3 .news-cat {
	float: left;
	width: 100%;
	display: block
}

.category-3 .chi-tiet {
	float: right;
	width: 100px;
	background: #fff;
	padding: 2px 5px 2px 24px;
	margin: 5px 30px 0 0;
	display: block;
	border: 1px solid #dedede;
	border-radius: 5px
}

.category-3 .chi-tiet a {
	text-decoration: none;
	color: #000
}

.category-3 .news-cat h2,
.category-5 .news-cat h2 {
	padding: 0;
	margin: 0
}

.category-3 .news-cat a {
	color: #96bb26;
	text-decoration: none;
	font-size: 15px;
	padding: 12px 0 10px 0;
	display: block;
	height: auto;
	text-transform: uppercase;
	font-weight: bold
}

.category-3 .item-va a img:hover,
.item-news a img:hover {
	opacity: .5
}

.category-3 .item-news {
	width: 30%;
	height: 445px;
	border: none;
	border: 1px solid #96bb26;
	margin: 0 20px 25px 19px;
	padding: 15px
}

.tin-lien-quan .item-news img {
	height: 158px
}
.category-3 .top-image,
.category-5 .top-image {
	display: none
}

.bg-dao-tao h1 {
	width: 38%;
	margin: 0 auto;
	background: #fff;
	color: black;
	font-size: 20px;
	padding: 10px 0 10px 0;
	border-radius: 18px 18px 0 0;
	border-bottom: 2px solid #fef200
}
.single iframe {
    margin: 0 auto;
    text-align: center;
    display: block;
    padding: 18px 0 18px 0;
    border: none;
}
.img-head {
	text-align: center;
	background: #fabf01;
	width: 100%;
	height: 60px;
	display: none
}

.banner-middle-2 {
	margin: 50px 0 38px 0;
	background: url(./images/OMSZC80.jpg) fixed;
	background-size: cover;
	text-align: center;
	padding: 20px 0 38px 0;
	color: black;
	display: none
}

.bn2-p {
	font-size: 28px;
	width: 100%;
	margin: 0 auto;
	padding: 18px 0 38px 0;
	color: #3ba318
}

.wt {
	width: 88%;
	margin: 0 auto;
	overflow: hidden
}

.row-wt span {
	font-size: 14px;
	font-weight: bold;
	margin: 28px 0 18px 0;
	display: block;
	display: none
}

.row-wt p {
	padding: 18px 0 0 0
}

.row-wt i {
	font-size: 56px;
	border: 1px solid #fff;
	border-radius: 18%;
	width: 120px;
	height: 120px;
	padding: 28px
}

.row-wt {
	width: 20%;
	float: left;
	padding: 0 10px 0 10px
}

.dich-vu-pvc {
	width: 49.12%;
	height: 435px;
	overflow: hidden;
	background: url(./images/phat-trien-kinh-doanh-spa.jpg);
	float: right;
	background-size: cover
}

.dv-tit {
	border-bottom: 1px solid #808080;
	padding: 15px 0 2px 0
}

.dv-tit span {
	border-bottom: 2px solid #090;
	padding: 0 0 5px 0;
	top: 0;
	position: relative;
	left: 10px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: white
}

.item-dv {
	list-style: none;
	padding: 20px 5px 10px 15px;
	width: 294px;
	float: left;
	border-bottom: 1px solid #6B6B6B;
	height: 195px;
	border-right: 1px solid #6B6B6B;
	margin: 5px 0 0 0
}

.item-dv img {
	float: left;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out
}

.item-dv img:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg)
}

.title-item-dv {
	color: #FFF;
	font-weight: bold;
	font-size: 14px
}

.des-dv {
	color: #B9B9B9;
	font-size: 15px;
	text-align: justify
}

.gioi-thieu {
	width: 49%;
	float: left;
	overflow: hidden;
	border: 1px solid #Eaeaea
}

.gioi-thieu img {
	height: 255px;
	width: 595px
}
.feature-pro ul {
	margin-right: -22px;
	margin-left: -22px
}

.detail-news a {
	color: #fabf01;
	font-weight: bold
}
.tit-new-right {
    display: block;
    background: url(./images/bg-nav.png);
    padding: 10px 8px 10px 8px;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    font-weight: bold;
    /* border-top: 2px solid #fff112; */
    margin: 20px 0 5px 0;
    background-size: cover;
}
.huong-nghiep ul li {
	width: 100%;
	margin: 0;
	height: auto;
	border-bottom: 1px solid #e0e0e0;
	padding: 8px 0 8px 0
}
.huong-nghiep ul li a img {
    width: 30%;
    height: 60px;
    float: left;
    margin: 0 8px 0 0;
    border-radius: 8px;
}
.tit-cat-special h1 {
    text-align: left;
    text-transform: none;
    font-size: 23px;
    color: #946d04;
    border-bottom: 2px solid #946d04;
    padding: 0 0 8px 0;
}
.tit-cat-special h1::before {
    content: "";
    background: #ffca00;
    width: 250px;
    height: 2px;
    display: block;
    margin: 38px 0 0 0;
    position: absolute;
    border-radius: 0px 10px 10px 0px;
}
.gt {
	border-bottom: 1px solid #eaeaea;
	padding: 0 0 3px 0
}

.gt span {
	border-bottom: 2px solid #f5bc3c;
	padding: 0 0 5px 0;
	top: 0;
	position: relative;
	left: 10px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #21a950
}

.intro-readmore a {
	font-size: 16px;
	float: left;
	font-weight: bold;
	padding: 0 0 0 8px;
	color: #96bb26
}

.no-image a img {
	height: 202px
}
.banner-hoc-vien {
    width: 50%;
    float: left;
    padding: 20px 50px 0 50px;
}
.page-right .huong-nghiep ul li {
    border: none;
    border-bottom: 1px solid #8fd83c;
    list-style: none;
    display: inline-block;
    padding: 10px 0 10px 0px;
    height: auto;
}
.fa-phone-square,
.fa-envelope-o {
	font-size: 18px;
	margin: 0 8px 0 0
}

.fa-facebook-official,
.fa-youtube-play {
	font-size: 22px
}

.col-top {
	width: 1075px;
	margin: 0 auto
}
.zone-top {
	display: flex;
	position: relative;
	justify-content: space-between; 
}
@keyframes animate-dot-1 {
	0% {
		transform: translate(0, 0);
	}
	20% {
		transform: scale(0.9) translate(-10px, -10px);
	}
	40% {
		transform: scale(0.6) translate(-10px, -10px);
	}
	60% {
		transform: scale(0.9) translate(-10px, 10px);
	}
	80% {
		transform: scale(0.6) translate(10px, -10px);
	}
	100% {
		transform: translate(0, 0);
	}
}

@keyframes animate-dot-2 {
	0% {
		transform: translate(0, 0);
	}
	20% {
		transform: scale(0.9) translate(10px, 10px);
	}
	40% {
		transform: scale(1.5) translate(-10px, -10px);
	}
	60% {
		transform: scale(0.9) translate(10px, -10px);
	}
	80% {
		transform: scale(1.5) translate(-10px, 10px);
	}
	100% {
		transform: translate(0, 0);
	}
}
.zone-top::before {
    top: -12%;
    right: 19%;
    width: 24px;
    height: 24px;
    animation-name: animate-dot-1;
    animation-duration: 15s;
}
.zone-top::after {
    bottom: -15px;
    left: 20%;
    width: 82px;
    height: 82px;
    animation-name: animate-dot-2;
    animation-duration: 20s;
}
.zone-top::before, .zone-top::after {
    content: '';
    display: block;
    position: absolute;
    width: 38px;
    height: 38px;
    border-radius: 10em;
    background-color: #a2760a;
    animation-iteration-count: infinite;
}
.why h2 {
    text-align: center;
    display: block;
    font-size: 28px;
    padding: 25px 0 15px 0;
    font-weight: bold;
    color: #7ac142;
}
.why {
    margin-bottom: 38px;
}
.why span {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    display: block;
}
.why p {
    font-size: 20px;
    text-align: center;
    width: 98%;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.why h1 {
    font-size: 25px;
    padding: 10px 0 10px 0;
    margin: 0 auto;
    font-weight: normal;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    width: 41%;
    border-radius: 100px;
    background: #946c03;
    border: 2px solid #946c03;
}
.why img {
    width: 28%;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.col-top {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 60px 0 36px 0;
}
.col-top::before {
    top: 13%;
    left: 39%;
    width: 24px;
    height: 24px;
    animation-name: animate-dot-1;
    animation-duration: 15s;
}
.lv {
    width: 25%;
    float: left;
}
.lv div {
    margin: 0 18px 0 18px;
    box-shadow: 0px 2px 8px #946c0338;
    padding: 0px;
    border-radius: 8px;
    overflow: hidden;
    min-height: 360px;
    overflow: hidden;
    /* box-shadow: 0px 2px 8px #946c03; */
    /* background: #946c03; */
    padding: 0px;
    /* padding: 5px; */
}
.lv div:nth-child(1) img{

}
.lv p{
	display:none;
}
.lv h2 {
    text-align: center;
    padding: 0 15px 0 15px;
    color: #b16937;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    margin: 25px 0 0 0;
}
#lightBox {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20000;
	margin: 0 auto;
	width: 100%
}

#overlay {
	background: #333;
	background: rgba(0, 0, 0, .8);
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	text-align: center;
	top: 0;
	z-index: 10000
}
#lightBox .container {
    background: #FFF;
    display: inline-block;
    padding: .9em;
    position: relative;
    margin: 0 auto;
    display: block;
    height: auto!important;
    width: 50%!important;
}
#lightBox .image {
	background: url(./images/ajax-loader.gif) no-repeat center center #FFF;
	display: block;
	position: relative;
	z-index: 1
}

#lightBox .image img {
	display: block
}

#lightBox .navigatory {
	bottom: 0;
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: background-position 0.1s linear;
	z-index: 2
}

#lightBox #nextImage {
	background: url(./images/right-tab.png) no-repeat 100% center;
	background-position: calc(100% - 1em) center;
	left: 66%
}

#lightBox #nextImage:hover {
	background-position: calc(100% - .5em) center
}

#lightBox #nextImage:active {
	background-position: calc(100% - 0em) center
}

#lightBox #prevImage {
	background: url(./images/left-tab.png) no-repeat 0 center;
	background-position: calc(0% + 1em) center;
	right: 66%
}

#lightBox #prevImage:hover {
	background-position: calc(0% + .5em) center
}

#lightBox #prevImage:active {
	background-position: calc(0% + 0em) center
}

#lightBox .data {
	display: block;
	padding: .9em 0 0 0;
	display: none
}

#lightBox .leftData,
#lightBox .rightData {
	display: inline-block;
	vertical-align: middle;
	width: 50%
}

#closeBtn {
	background: url(./images/close.png) center no-repeat #FFF;
	border-radius: 50%;
	height: 38px;
	position: absolute;
	right: -25px;
	right: calc(-25px - .45em);
	top: -25px;
	top: calc(-25px - .45em);
	width: 38px;
	z-index: 3;
	background-size: 38%
}

.col-zb {
	width: 50%;
	float: right
}

.galary-home a img {
	width: 132px;
	height: 100.8px;
	float: left;
	padding: 0 8px 8px 0
}

.galary-home a:nth-child(1) div img {
	width: auto;
	float: left;
	margin: 0 0 0 -63px;
	display: block;
	height: 300.88px;
	min-width: 445px!important
}

.galary-home a:nth-child(1) div {
	width: 289px;
	overflow: hidden;
	float: left;
	margin: 0 8px 0 0
}
.section-image {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 30px;
    text-align: center;
}
.section-image ul li {
    display: block;
    width: 25%;
    float: left;
    overflow: hidden;
    float: left;
}
.section-image img {
    text-align: center;
    padding: 0 8px 8px 8px;
}
.section-image h2 {
    font-size: 30px;
    text-transform: uppercase;
    margin: 0;
    display: block;
    padding: 28px 0 15px 0;
    text-align: center;
    color: #6ac324;
}
.section-image h2 span {
	color: #ffe000;
}
.section-image p {
    color: black;
    text-align: center;
    padding: 12px 0 12px 0;
    margin: 0 auto;
    width: 80%;
    font-size: 18px;
    display: block;
    position: relative;
}

.col-za-image img {
	width: 190px
}
.col-za-content span {
    text-transform: uppercase;
    color: #7ac142;
    font-size: 18px;
    line-height: 32px;
    display: inline-block;
    border-bottom: 2px solid #7ac142;
    border-image: linear-gradient(to right, #7ac142, #fff701);
    border-image-slice: 2;
    font-family: sans-serif;
    padding: 0 0 15px 0;
    text-align: left;
}
.col-za-content {
    width: 55%;
    float: left;
}
.col-za-content h2 {
    text-align: left;
}
.view-detail a {
    border: 2px solid transparent;
    border-image-slice: 1;
    padding: 5px 15px 5px 15px;
    display: inline-table;
    margin: 10px 0 0 0;
    color: #fff;
    background: #9a6f06;
    border-radius: 100px;
}
.col-za-content p {
	text-align: left;
	padding: 0 0px 0 0;
	color: #217d00;
	font-size: 18px
}
.tit-col-vim span {
    font-size: 20px;
    text-transform: uppercase;
    padding: 8px 8px 8px 8px;
    text-align: center;
    font-family: sans-serif;
    color: #7ac142;
    display: block;
    background: white;
}
.tit-col-vim img {
    float: left;
    width: 88px;
    margin: 8px 0 0 10px;
}
.hinh-anh-truong a img {
    width: 172px;
    height: 118px;
    float: left;
}
.xem-tat-ca {
	margin: 0 auto;
	display: block;
	width: 200px;
	text-align: center
}

.xem-tat-ca a {
	padding: 8px 28px 8px 28px;
	border: 2px solid transparent;
	border-image: linear-gradient(to right, #daad08, #ffcc14);
	border-image-slice: 1;
	color: #020202
}

.xem-tat-ca a {
	padding: 8px 28px 8px 28px;
	border: 2px solid transparent;
	border-image: linear-gradient(to right, #daad08, #ffcc14);
	border-image-slice: 1;
	color: #020202
}

.bn2-m {
	font-size: 16px;
	width: 1200px;
	margin: 0 auto;
	padding: 15px 15px 20px 15px;
	margin-top: 18px;
	margin-bottom: 38px;
	border-radius: 15px
}

.banner-middle-2 .xem-tat-ca a {
	color: #fff!important;
	background: #63cc61;
	border: none;
	padding: 15px 55px 15px 55px;
	border-radius: 8px;
	font-weight: bold
}

.banner-middle-2 .xem-tat-ca {
	width: 238px
}

.video-image {
	width: 1170px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 18px
}
.col-video {
    width: 50%;
    float: left;
    padding: 0 0 0 18px;
    overflow: hidden;
}

.cam-nhan {
	width: 1180px;
	margin: 0 auto
}

.cam-nhan span {
	text-align: center;
	display: block;
	text-transform: uppercase;
	font-size: 28px;
	padding: 0 0 20px 0;
	font-family: 'Quicksand', sans-serif;
	color: #fff;
	font-weight: bold
}

.cn-content ul li {
	width: 31.62%;
	float: left;
	margin: 0 10px 50px 10px;
	list-style: none;
	border: 5px solid #fff;
	height: 243px
}
.pro-lis-service .fa-long-arrow-right {
    margin: 0 0 0 0px;
    border: 1px solid #000;
    border-radius: 100%;
    padding: 5px;
    color: #000;
    float: left;
}
.pro-tit h3 {
    margin: 0px 0 0 0px;
}
.des-item-service i {
    font-size: 30px;
    padding: 0 5px 0 0;
    color: #ffffff;
}
.pro-tit {
    /* margin: 8px 0 0 0; */
    overflow: hidden;
    text-align: center;
    height: 38px;
}
.fa-quote-left {
	font-size: 38px;
	color: #7ac14296
}

.cn-content .title-feature {
	margin: 36px 0 0 126px;
	color: black;
	text-transform: uppercase
}
.col-bgn {
    width: 1150px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    padding: 18px 0 68px 0;
}
.col-feature-pro ul li {
    list-style: none;
    padding: 8px 0 8px 0px;
}
.col-feature-pro ul li::before {
    content: "\2022";
    color: #7ac142;
    float: left;
    margin: -12px 8px 0 0;
    font-size: 32px;
}
.col-feature-pro {
    width: 31.9%;
    float: left;
    padding: 12px;
    margin: 0 8px 0 8px;
}
.title-da h3 {
    text-align: left;
    display: block;
    font-size: 20px;
    padding: 0 0 10px 0;
    color: #000000;
    /* background: linear-gradient(to bottom right, #8bff0c, #ffbc00); */
    -webkit-background-clip: text;
    /* -webkit-text-fill-color: transparent; */
    background-clip: text;
    text-fill-color: transparent;
    border-bottom: 3px solid #7ac142;
}
.col-bgn .col-feature-pro:nth-child(1) .title-da h3{
    border-bottom: 5px solid #58c700;
}
.col-bgn .col-feature-pro:nth-child(2) .title-da h3{
    border-bottom:5px solid #ffe001;
}
.col-bgn .col-feature-pro:nth-child(3) .title-da h3 {
    border-bottom: 5px solid #58c700;
}
.col-feature-pro ul li:nth-child(1) a img {
	display: block;
	padding: 0 0 22px 0;
	width: 100%;
	position: relative;
	float: left
}
.col-feature-pro ul li a img {
    width: 110px;
    float: left;
    margin: 8px 10px 0 0;
    display: none;
}
.des-feature {
	display: none
}
.news-home .des-feature
.col-feature-pro ul li {
    list-style: none;
    padding: 8px 0 8px 0;
    border-bottom: 1px dotted #eaeaea;
    overflow: hidden;
}
.col-feature-pro ul li:nth-child(1) .des-feature {
    display: block;
}
.col-feature-pro ul li:nth-child(1) {
    padding: 8px 0 8px 0;
    clear: both;
    overflow: hidden;
    border-bottom: 2px solid #7ac142;
}
.col-feature-pro ul li:nth-child(1)::before {
	content: none;
}
.col-feature-pro ul li:nth-child(1) .title-feature {
    height: 52px;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: red;
    clear: both;
    width: 100%;
}

.col-feature-pro ul li:nth-child(1) .title-feature a {
	color: #000
}

.fa-arrow-circle-o-right {
	float: left;
	margin: 0 10px 0 0;
	font-size: 22px;
	float: left;
	color: #96bb26
}

.bg-cam-nhan {
	overflow: hidden;
	margin: 50px 0 0 0;
	background: #7ac142;
	padding: 32px 0 0 0
}
.hinh-anh-truong div {
    width: 32%;
    height: 92px;
    float: right;
    overflow: hidden;
    margin: 0 0 5px 5px;
    position: static;
    border: 5px solid #fff;
    padding: 3px;
    /* box-shadow: 0px 0px 2px #000; */
}
#menu-item-974 {
	border-top: 1px dotted #d4d4d4
}

.custom-field {
	font-size: 15px;
	text-transform: none;
	color: #ef550c;
	font-weight: bold;
	padding: 10px 0 0 0
}
.des-cat .nf-form-cont, .page-left article .nf-form-cont {
    width: 60%;
    margin: 0 auto;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #edffe0;
    background-size: contain;
    border: 2px dotted #00a269;
    padding: 0 0 38px 0;
    border-radius: 50px;
}
.des-cat .nf-form-cont .nf-response-msg, page-left article .nf-form-cont .nf-response-msg{
	color: white;
}
.des-cat .nf-form-cont .nf-field-container, .page-left article .nf-form-cont .nf-field-container {
    margin: 0;
}
.des-cat .nf-form-cont .nf-field-container .ninja-forms-field, .page-left article .nf-form-cont .nf-field-container .ninja-forms-field {
    width: 80%;
    box-shadow: none;
    border: none;
    border-radius: none;
    text-shadow: none;
    font-size: 16px;
    padding: 8px;
    margin: 0 auto;
    position: relative;
    display: block;
    border: 1px solid #b3b3b3;
}
.des-cat .nf-form-cont .nf-field-container .submit-wrap input, .page-left article .nf-form-cont .nf-field-container .submit-wrap input {
    padding: 15px 0 15px 0;
    background: #fbbc36;
    box-shadow: none;
    color: white;
    text-transform: uppercase;
    border: none;
    font-weight: bold;
    text-shadow: none;
    margin: 0 auto;
    margin-top: 30px;
}
.des-cat .nf-form-cont .nf-field-container input:focus-visible, .page-left article .nf-form-cont .nf-field-container input:focus-visible {
	outline: none;
}
.des-cat .nf-form-cont .nf-field-container textarea:focus-visible, .page-left article .nf-form-cont .nf-field-container textarea:focus-visible {
	outline: none;
}
.des-cat .nf-form-cont .nf-field-element textarea, .page-left article .nf-form-cont .nf-field-element textarea {
    height: 80px;
}
.des-cat .nf-form-cont .nf-form-title h3, .page-left article .nf-form-cont h3 {
    text-align: center;
    font-size: 16px;
    background: #00a269 url(./images/icon-sup.png) no-repeat left center;
    color: white;
    /* border-radius: 10px 10px 0 0; */
    padding: 20px 0 20px 0 !important;
    display: block;
    margin: 0px 0 30px 0;
    position: relative;
    font-size: 17px;
    background-size: 10%;
    background-position: 20px center;
    border-radius: 50px 50px 0px 0px;
}
#box img {
    border-radius: 8px;
    background: white;
    padding: 5px;
    border: 2px solid #b98c17;
    margin-bottom: 25px;
    box-shadow: 0px 0px 5px #a9a9a9;
}
.page-content article .nf-form-cont .nf-form-title h3 {
    text-align: center;
    font-size: 20px;
    color: #fff094;
    padding: 8px 0 8px 0;
    font-weight: normal;
}
.slider-wrap {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    margin-top: 38px;
    margin-bottom: 38px;
}
.slider01 {
	position: relative;
	width: 1185px;
	margin: auto
}

.slider01 ul {
	margin: 0;
	padding: 0
}

.slider01 ul li {
	list-style: none;
	text-align: center;
	padding: 10px;
	height: 216px
}

.slider01 ul li span {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	background: black
}

.slider-arrow {
	position: absolute;
	top: 205px;
	width: 60px;
	height: 60px;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;
	z-index: 1
}

.slider-arrow img {
	padding: 10px
}

.sa-left {
	left: 10px
}

.sa-left::before {
	background-image: url(./images/icon1.png);
	background-position: center;
	background-repeat: no-repeat;
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: 68%
}

.sa-right {
	right: 10px
}

.sa-right::before {
	background-image: url(./images/icon2.png);
	background-position: center;
	background-repeat: no-repeat;
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: 68%
}

.img-play {
	width: 276px;
	position: absolute;
	z-index: 999;
	margin: 0 5px 4px 0;
	height: 209px;
	overflow: hidden;
	padding: 72px
}

.fancybox img:hover {
	background: #e4e4e4;
	opacity: .8
}

.row-w {
	overflow: hidden;
	width: 90%;
	margin: 0 auto
}

.row-w .lv {
	border-right: none
}

.img-popup {
	margin: 0 auto;
	overflow: hidden;
	transition: 0.3s;
	position: relative
}

.img-popup::after {
	background: #00029;
	content: '';
	width: 100%;
	height: 97%;
	display: block;
	position: absolute;
	left: 0;
	top: 0
}
.img-popup::before {
    background: #0000002e url(./images/play-youtube.png);
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: 15%;
}
.img-popup:hover::after {
	opacity: 0
}

.modal {
	display: none;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	max-width: 600px;
	box-sizing: border-box;
	width: 90%;
	background: #fff;
	padding: 15px 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
	text-align: left
}

.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 999;
	padding: 20px;
	box-sizing: border-box;
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
	text-align: center
}

.blocker:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -.05em
}

.blocker.behind {
	background-color: transparent
}

.modal a.close-modal {
	position: absolute;
	top: -13.5px;
	right: -12.5px;
	display: block;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	background-size: contain;
	background-position: 41px 37px;
	background: #fff url(./images/close.png) no-repeat center center;
	border-radius: 100%
}
.wrap-yh {
    width: auto;
    position: fixed;
    top: 35%;
    left: 0;
    transition: left 1s;
    -webkit-transition: left 1s;
    -moz-transition: left 1s;
    z-index: 9999999999999999999;
    display: none;
}

.yh-box {
	float: left;
	border: 2px solid #990;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #FFF;
	min-height: 194px;
	display: none
}

.wrap-yh .pa {
	display: none;
	transition: left 2s;
	-webkit-transition: left 2s;
	-moz-transition: left 2s
}

.wrap-yh .na {
	display: block;
	transition: left 2s;
	-webkit-transition: left 2s;
	-moz-transition: left 2s;
}

.yh-tit {
	width: 50px;
	float: left;
	margin-top: 0%
}

.yh-li {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold
}

.yh-li img {
	vertical-align: middle
}
#primary-menu li ul li {
    width: 462px;
    border-bottom: 1px dotted #d0d0d0;
}
#primary-menu li ul li ul li {
	width: 425px;
	background: white
}

.slider-news ul li {
	list-style: none;
	float: left;
	width: 31.64%;
	margin: 0 10px 38px 10px
}

.thuc-hanh ul li {
	list-style: none;
	float: left;
	width: 31.64%;
	margin: 0 10px 38px 10px
}

.title-feature-c a {
	font-size: 18px;
	font-weight: bold;
	color: black
}

.des-feature-c {
	text-align: left;
	padding: 10px 0 0 0;
	text-align: justify;
	display: none
}
#top-bar .social-icons {
    font-size: 20px;
}
.close-fb button {
    border-radius: 100%;
    width: 38px;
    height: 38px;
    color: black;
    background: white;
    box-shadow: none;
    top: -22px;
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    line-height: 0;
    z-index: 9;
    right: 0px;
    padding: 0 0 0 0;
}

.close-fb {
	float: right
}
.tieu-chuan {
    background: linear-gradient( 
	128deg, #7bc144 2%, #fbff00 12%, #7bc144 28%);
    background-size: contain;
    padding: 38px 0 60px 0;
    background-position: fixed;
    background-attachment: fixed;
    /*background: linear-gradient(
	128deg, #7bc144d9 2%, #fbff00e8 12%, #7bc144de 28%), transparent url(./images/counter-bg2.jpg) center center/cover no-repeat fixed;*/
}
.col-tit-gold h2, .col-tit-gold span {
    text-align: center;
    display: block;
    font-size: 30px;
    /* padding: 8px 0 8px 0; */
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    width: auto;
    margin: 0 auto;
    width: 60%;
    font-weight: bold;
    /* border-radius: 38px; */
}
.col-tit-gold {
    text-align: center;
    display: block;
    position: relative;
    padding: 35px 0 0 0;
}
.text-1 {
    color: #ffffff;
    font-size: 22px;
    font-family: sans-serif;
    display: initial;
    position: relative;
    /* background: white; */
    padding: 12px 18px 12px 18px;
    text-transform: uppercase;
    border-radius: 29px;
    font-weight: bold;
}
.icon-tc img {
    border-radius: 100%;
    border: 2px solid #7ac142;
    padding: 2px;
    margin: 0 auto;
    display: block;
    width: 80%;
}
.col-tc {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.golden-ruler ul li {
    width: 20%;
    float: left;
    list-style: none;
    /* margin: 0 8px 0 8px; */
    padding: 18px 8px 18px 8px;
    background: white;
    min-height: 328px;
    border-right: 2px solid #ffdb32;
}
.golden-ruler ul li:nth-child(5) {
    border-right:none;
}
.golden-ruler ul li:nth-child(3) {
    background: #ffdb32;
}
.golden-ruler ul li:nth-child(3) img {
    border: 2px solid #ffffff;
}
.golden-ruler ul li:nth-child(3) p {
	color:#fff;
}
.golden-ruler ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        /* For IE, the outcast */
        zoom:1;
        *display: inline;
}
.golden-ruler ul li i {
	margin: 0 auto;
	border-radius: 100%;
	border: 3px solid #7ac142;
	padding: 30px;
	font-size: 66px;
}
.tit-tc {
    font-size: 15px;
    color: #0e0e0e;
    text-align: center;
    font-family: 'V', sans-serif;
    font-weight: bold;
    padding: 18px 0 0 0;
    text-transform: uppercase;
}
.news-crousel .slick-slide {
    height: auto;
    margin-top: 12px;
    margin-bottom: 12px;
    box-shadow: 0px 2px 8px #c5c5c5;
}
.news-crousel .slick-prev {
    margin: 190px 0 -24px 9px;
}
.golden-ruler {
    width: 1118px;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}
.label img {
	width: 60%
}
.my-tags-list li {
	list-style: none!important;
	border-bottom: none!important;
	padding: 5px 8px 5px 8px!important;
	margin: 0 6px 0 0px!important;
	height: auto!important;
	border: 1px solid #cecece!important;
	width: auto!important;
	border-radius: 5px;
	display: inline-grid!important
}

.my-tags-list li a {
	color: #7ac142
}

.bai-viet-quan-tam {
	margin: 38px 0 38px 0;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 2px solid #fca406;
	color: #00ab16
}
.branding {
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 0;
    max-width: 1170px;
    background: #6ac324;
    height: auto;
    display: none;
}
.tit-single-bottom {
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 0 8px 10px;
    font-size: 20px;
    margin: 30px 0 20px 0;
    border-bottom: 2px solid #916d0c;
    /* font-weight: bold; */
}
.tit-single-bottom::before {
    content: "";
    width: 5px;
    height: 25px;
    position: absolute;
    background: #fff112;
    margin: 0 0 0 -12px;
}
.m-media li {
    width: 30.3%;
    float: left;
    padding: 0;
    list-style: none;
    margin: 5px 10px 18px 10px;
    height: 238px;
    padding: -10px 0 12px 0;
    background: white;
    padding: 12px;
    position: relative;
}
.tieu-de-bao-m a {
    color: #333333;
    /* text-transform: uppercase; */
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}
.item-news {
    width: 100%;
    float: left;
    padding: 0;
    list-style: none;
    border-bottom: 1px dotted#CECECE;
    margin: 5px 10px 18px 10px;
    height: 385px;
    padding: -10px 0 12px 0;
    background: white;
    padding: 12px;
    /* border-radius: 8px; */
}
.li-news-bottom {
    float: left;
    width: 99%;
    margin: 0 auto;
    display: block;
    padding: 0;
    border-bottom: 1px solid #96700d;
    margin-bottom: 18px;
    padding: 0 0 15px 0;
}
.li-news-bottom a img {
    float: left;
    margin: 0 20px 0 0;
    border-radius: 12px;
}
.post-day img {
    width: 16px;
    margin: -3px 10px 0px 0px;
    /* color: red; */
}
.li-news-bottom h2 {
    float: left;
    width: 74%;
    clear: inherit;
    font-size: 15px;
    color: black;
    margin: 0 0 0 0px;
    display: block;
}
.li-news-bottom h2 a {
    color: black;
    font-size: 16px;
}
.des-item-s {
    color: black;
}
.chi-tiet-s {
    font-size: 16px;
    background: #7bc144;
    display: inherit;
    padding: 8px 20px 8px 20px;
    border-radius: 38px;
    color: white;
    margin: 111px 0 0 0;
}
.page-left .des-cat h2::before {
	content:"";
}

.list-post-cat ul li {
    width: 30.88%;
    margin: 0 10px 0 10px;
    padding: 0;
    height: 355px;
}
.post-day {
    font-size: 12px;
    color: #656565;
}
.img-popup-m::before {
    content: "";
    height: 64%;
    width: 90.8%;
    background: #ffffff73 url(./images/play-youtube.png) center center no-repeat;
    position: absolute;
    background-size: 28%;
}
.img-popup-m{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.maunen {
	background: #7bff4d38;
    padding: 20px;
}
.convetion-botton {
    display: block;
    margin: 0 auto;
    width: 70px;
    z-index: 999;
    position: fixed;
    /* top: 0; */
    right: 0;
    /* height: 375px; */
    bottom: 200px;
    /* background: #ffffff; */
    /* border: 2px solid #c4ff65; */
    border-right: none;
    /* border-radius: 20px 1px 1px 20px; */
    padding: 8px 8px 8px 6px;
}
.convetion-botton ul li {
    list-style: none;
    border-radius: 80%;
    background: white;
    height: 55px;
    border: 3px solid #fff;
    margin: 8px 0 8px 0;
}
.convetion-botton ul li p {
    color: black;
    font-size: 12px;
    text-align: left;
    margin: 0;
    padding: 0;
}
#popup-giua-man-hinh .headerContainer,#popup-giua-man-hinh .bodyContainer,#popup-giua-man-hinh .footerContainer{
		max-width:960px;
		margin:0 auto;
		background:#FFF
}
#popup-giua-man-hinh .padding{
	 padding:20px}
#popup-giua-man-hinh .bodyContainer{min-height:500px}
#popup-giua-man-hinh .popUpBannerBox {
    position: fixed;
    background: #00000066;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #FFF;
    z-index: 999999;
    display: none;
}
#popup-giua-man-hinh .popUpBannerInner {
    width: 50%;
    height: auto;
    z-index: 1;
    position: absolute;
    margin: auto;
    top: 15%;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    -webkit-animation: popin .3s;
    animation: popin .3s;
    overflow: hidden;
    padding: 18px 0px 29px 0;
}
.popup-col img {
    width: 100%;
    text-align: center;
    display: block;
    margin: 0 auto;
}
#popup-giua-man-hinh .closeButton{
	text-decoration:none;
	font-size:18px;
}
#popup-giua-man-hinh a.closeButton {
    float: right;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 100%;
    background: white;
    /* box-shadow: 0px -1px 6px #000; */
    /* padding: 8px; */
    font-size: 12;
    font-size: 20px;
    margin: -15px 0px 0 -12px;
    position: relative;
    border: 1px solid #d0d0d0;
    font-weight: bold;
    color: #ff0707;
}

.bg-top10 {
	width: 50%;
	float:left;
}
.form-popup {
    width: 50%;
    float: left;
}
.popup-col {
    background: #fff;
    overflow: hidden;
    padding: 15px;
    border-radius: 5px;
}
#nf-form-title-5 h3 {
    color: #ffffff;
    font-size: 20px;
    padding: 0;
    margin: 0;
    text-align: center;
}
#nf-form-5-cont input {
    height: 30px;
    font-size: 15px;
    color: red;
    padding: 0 0 0 8px;
    margin: 0;
}
#nf-field-39 {
    margin: 0 auto !important;
    display: block;
    background: red;
    box-shadow: none;
    font-size: 20px !important;
    padding: 12px 20px 12px 20px !important;
    color: white !important;
    text-shadow: none;
    height: auto !important;
}
#nf-form-5-cont {
    background: #17cc46bd;
    padding: 20px;
    margin: 33px 0 0 0;
    border-radius: 30px;
}
.popup-col span {
    text-align: center;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 0 10px 0;
}
.popup-col span p:nth-child(1) {
    color: red;
    font-size: 30px;
    padding: 0;
    margin: 0;
	-webkit-animation: my 1500ms infinite;
	-moz-animation: my 1500ms infinite;
	-o-animation: my 1500ms infinite;
	animation: my 1500ms infinite;	
}
.popup-col span p:nth-child(2) {
    color: #008021;
    font-size: 23px;
    padding: 0;
    margin: 0;
}
.popup-col span p:nth-child(3) {
    color: red;
    font-size: 23px;
}
.popup-col span p:nth-child(3) strong{
	-webkit-animation: my 1500ms infinite;
	-moz-animation: my 1500ms infinite;
	-o-animation: my 1500ms infinite;
	animation: my 1500ms infinite;		
}
.li-news-bottom h3 {
    /* width: 80%; */
    float: left;
    display: contents;
}
.li-news-bottom h3 a {
    color: #946f0f;
}
.surport-form {
    background: #9c7a19;
    /* border-radius: 20px; */
    margin: 38px 0 0px 0px;
}
.form-surp {
    padding: 0 0 5px 20px;
}

.form-surp p {
    padding: 15px 0 0 0;
    font-size: 18px;
    color: white;
}
.tit-form-surp {
    background: url(./images/bg-tit.png) no-repeat left center;
    display: list-item;
    font-size: 25px !important;
    color: white;
    font-weight: bold;
    padding: 0px 30px 10px 12px;
    list-style: none;
}
#nf-form-2-cont .nf-field-container {
    float: left;
    margin: 0;
    padding: 0;
}
#nf-form-2-cont .nf-form-content nf-field {
    overflow: hidden;
    display: inline-table;
    padding: 0px 30px 0 0px;
}
#nf-form-2-cont .nf-form-content nf-field input {
    padding: 10px 0 10px 10px;
}
#nf-form-2-cont .nf-form-content nf-field input:focus-visible {
    outline: none;
}

element.style {
}
#nf-form-2-cont .nf-form-content nf-field input {
    padding: 8px 0 8px 10px;
}
#nf-field-7 {
    padding: 15px 38px 15px 38px !important;
    margin: 0;
    border: none;
    background: #ff7600;
    font-size: 15px;
    /* text-transform: uppercase; */
    font-weight: bold;
    color: #ffffff;
    text-shadow: none;
    box-shadow: none;
}
.surport-form::after {
    content: "";
    width: 160px;
    height: 213px;
    /* position: absolute; */
    /* right: 0; */
    /* top: -30px; */
    z-index: 200;
    background: url(./images/surport-staff.png) no-repeat;
    /* background-position-x: 62px; */
    float: right;
    /* right: auto; */
    margin: -230px 0 0 0;
}
.wiget-chat ul li {
    float: left;
    list-style: none;
    padding: 0 20px 0 20px;
    /* border: 1px solid; */
}
.wiget-chat {
    background: #ff990038;
    overflow: hidden;
    text-align: center;
    box-shadow: 0px 6px 5px #e1e1e1;
    display:none;
}
.wiget-chat ul {
    display: inline-block;
}
.box-align {
	
}
.box-align p {

}
.box-align img {
    margin: 0px 0 -2px 0;
}


.link-bao a {
    clear: both;
}
.section-01 {
    background: url(./images/bg-01.jpg);
    margin: 28px 0 0 0;
    overflow: hidden;
    padding: 25px 0 0px 0;
    background-size: cover;
    clear: both;
    overflow: hidden;
}
.section-01 .wraper {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
.section-01 .wraper span {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #946c03;
    margin: 0 auto;
    text-transform: uppercase;
    background: #ffffff;
    display: inline;
    padding: 8px 30px 8px 30px;
    border-radius: 35px;
    /* margin: 0px 0 0 0; */
}
.section-01 .wraper span:nth-child(1) {
    font-size: 38px;
    font-weight: bold;
    background: no-repeat;
    color: #ffffff;
    clear: both;
    margin-bottom: 0;
    display: inline-block;
}
.section-01 .wraper span:nth-child(2) {
    font-size: 38px;
    font-weight: bold;
}
.section-01 .wraper .col {
    width: 45%;
    float: left;
    padding: 0;
}
.section-01 .wraper .col img {
    width: 85%;
}
.section-01 .wraper div:nth-child(2) {
    background: #946c03;
    text-align: left;
    font-size: 20px;
    padding: 30px;
    border-radius: 20px;
    margin: 90px 0 0 0;
    color: #ffffff;
}
.section-01 .wraper .col:nth-child(3) img {
    display: block;
    margin: 0 auto;
}
.section-01 .wraper .col-bs {
    font-style: italic;
    font-weight: bold;
    color: #ffe837;
}
.section-01 .wraper .col-bs {
    width: 45%;
    margin-top: 70px;
}
.section-01 .wraper .col-bs p:nth-child(1) {
    color: white;
    font-size: 20px;
    border: 3px dotted #fff;
    padding: 15px;
    border-radius: 12px;
    background: #946c03;
    text-align: left;
    font-style: normal;
    font-weight: normal;
}
.section-01 .wraper .col-bs p:nth-child(2) {
    color: #fffa56;
    font-size: 20px;
    /* border: 3px dotted #fff; */
    /* padding: 20px 0 20px 20px; */
    border-radius: 12px;
    font-style: italic;
    font-weight: bold;
    text-align: left;
}
.section-02 {
    min-height: 200px;
    padding: 20px 0 20px 0;
    overflow: hidden;
    clear: both;
    background: url(./images/bg-02.jpg) no-repeat fixed;
    /* display: none; */
    margin: 50px 0 50px 0;
	background-size: cover
}
.section-02 .wraper {
    width: 1200px;
    margin: 0 auto;
}
.section-02 .wraper .col {
    width: 33.33%;
    margin: 0 auto;
    float: left;
    padding: 30px 0 0 0;
}
.section-02 .wraper .col .num {
    font-size: 35px !important;
    border: none;
    color: #ffffff;
    font-weight: bold !important;
    clear: both;
    width: 100% !important;
    transform: none;
    text-align: center;
    margin: 0;
    padding: 0;
    background: none;
    font-style: inherit;
}
.section-02 .wraper .col span {
    font-size: 20px;
    text-align: center;
    display: block;
    color: white;
}
.section-03 {
    padding: 20px 0 35px 0;
    clear: both;
    overflow: hidden;
}
.section-03 h2 {
    text-align: center;
    font-size: 30px;
    color: #6ac324;
    width: 100%;
    display: block;
    margin: 0 auto;
    clear: both;
    padding: 35px 0 0px 0;
    text-transform: uppercase;
    font-weight: bold;
    /* background: #6ac324; */
    font-weight: bold;
}
.section-03 .wraper {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    /* margin-top: -54px; */
}
.section-03 .wraper span {
    text-align: center;
    display: block;
    font-size: 23px;
    text-transform: uppercase;
    /* font-weight: bold; */
    color: #000000;
}
.section-03 .wraper .col {
    width: 30%;
    float: left;
    margin: 30px 20px 30px 20px;
    box-shadow: 0px 2px 5px #8e774b73;
    padding: 15px;
    border-radius: 8px;
    min-height: 420px;
    border: 1px solid #cccccc;
    background: #fdf7ec;
}
.section-03 .wraper .col img {
    border-radius: 8px;
}
.section-03 .wraper .col div {
    padding: 0;
}
.section-03 .wraper .col div img {
    border-radius: 10px;
    border: 5px solid #fff;
}
.section-03 .wraper .col div span {
    font-size: 18px;
    font-weight: bold;
    padding: 8px 0 8px 0;
    display: block;
    color: #9a6f06;
    /* font-weight: normal; */
    text-transform: uppercase;
    text-align: left;
}
.section-03 .wraper .col div i {
    float: left;
    margin: 6px 10px 0px 0;
    color: #b18009;
    font-size: 30px;
}
.section-03 .wraper .col div i:nth-child(3) {
    margin: 10px 10px 0 0;
}
.section-03 .wraper .col div p {
    font-size: 16px;
}
.section-04 .wraper {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0 60px 0;
}
.section-04 .wraper .row-01 {
	margin: 0 auto;
    text-align: center;
    margin-top: 35px;
}
.section-04 .wraper .row-01 p {
    font-size: 20px;
}
.section-04 .wraper .row-02 ul {
    display: inline-table;
    text-align: center;
    margin: 0 auto;
}
.detail-crouse a {
    border: 2px solid #ffffff;
    padding: 8px 18px 8px 18px;
    margin: 15px 0 0 0;
    display: inline-block;
    border-radius: 20px;
    font-size: 15px;
    color: #9a6f06;
    font-weight: bold;
    text-transform: uppercase;
    background: white;
}
.section-04 .wraper .row-02 ul li:nth-child(1), .section-04 .wraper .row-02 ul li:nth-child(3) {
    margin: 0 auto;
    text-align: center;
    width: 33%;
    float: left;
    list-style: none;
}
.section-04 .wraper .row-02 ul li:nth-child(2) {
    margin: 0 auto;
    text-align: center;
    width: 34%;
    float: left;
    list-style: none;
    /* border: 2px solid; */
}
.section-04 .wraper .row-02 ul li:nth-child(2) .box {
    margin: -6px 0 0 0;
    height: 400px;
    box-shadow: 0px 0px 50px #ffffff;
    z-index: 9;
    background: #936931;
    border: 2px solid #ffffff;
}
.section-04 .wraper .row-02 ul li:nth-child(2) .box a img{

}
.section-04 .wraper .row-02 {
    margin-top: 38px !important;
    width: 1030px;
    margin: 0 auto;
    display: block;
    /* overflow: hidden; */
    text-align: center;
}
.detail-crouse {
    text-align: center;
}
.section-04 .wraper .row-02 ul li .box {
    box-shadow: 0px 0px 20px #d1d1d1;
    border-radius: 10px;
    overflow: hidden;
    margin: 0px;
    background: #9a6f06;
    z-index: 1;
    position: relative;
}
.section-04 .wraper .row-02 ul li .box:hover {

}
.section-04 .wraper .row-01 h2, .section-05 .wraper .row-01 h2, .section-04 .wraper .row-01 h2, .section-06 .wraper .row-01 h2 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    color: #9a6f06;
    text-align: center;
}
.section-05 {
    margin: 50px 0 0 0;
    overflow: hidden;
    clear: both;
}
.section-05 .wraper {
    width: 1220px;
    margin: 0 auto;
}
.section-06 {
    overflow: hidden;
    clear: both;
}
.section-06 .wraper {
    padding: 30px 0 0 0;
    width: 1210px;
    margin: 0 auto;
    overflow: hidden;
}
.section-06 .wraper .row-01 p {
    text-align: center;
}
.section-06 .wraper .row-02 ul li {
    width: 25%;
    float: left;
    list-style: none;
}
.section-06 .wraper .row-02 ul li .box img {
    border-radius: 5px 5px 0px 0px;
    width: 100%;
}
.section-06 .wraper .row-02 ul li .box {
    margin: 0px;
    box-shadow: 0px 0px 20px #ffffff;
    border-radius: 5px;
    border-radius: 5px;
    background: #00a869;
}
.section-07 {
    overflow: hidden;
    background: url(./images/24284.jpg);
    background-size: cover;
}
.section-07 .wraper {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 35px 0 50px 0;
}
.section-07 .wraper .rows-01 h2 {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 30px;
    color: #b18009;
    margin: 0 0 20px 0;
}
.section-07 .wraper .rows-02 .col {
    width: 50%;
    float: left;
    padding: 8px;
}
.section-07 .wraper .rows-02 .col:nth-child(1) div {
    display: block;
    overflow: hidden;
    height: 320px;
    background: #fff url(./images/laser.png) no-repeat right;
    background-size: 22%;	
}
.section-07 .wraper .rows-02 .col div .col{
	background:none;
}
.section-07 .wraper .rows-02 .col:nth-child(1) div .col:nth-child(1) {
    width: 38%;
    float: left;
    margin: 15px 0 0 15px;
}
.section-07 .wraper .rows-02 .col:nth-child(1) div .col:nth-child(2) {
    width: 58%;
    float: left;
    padding: 30px 0 0 0;
}
.section-07 .wraper .rows-02 .col div .col span {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #9a6f06;
}
.section-07 .wraper .rows-02 .col div .col span strong {
    color: #d0ad5e;
}
.section-07 .wraper .rows-02 .col div .col p {
    width: 90%;
    text-align: justify;
}
.view-detail {
    background: none !important;
}
.tabs {
    display: block;
    overflow: hidden;
    text-align: center;
}
.tab-links {
    clear: both;
    display: block;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
.tab-links ul {
    text-align: center;
    display: inline-block;
}
.tab-links li {
    float: left;
    list-style: none;
}
.tab-links li a {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 8px 10px 8px 10px;
    margin: 0px 2px 10px 2px;
    font-size: 14px;
    border: 1px solid #9a6f06;
    border-radius: 2px;
    display: block;
    width: 227px;
    background: #9a6f06;
}
.tab-content ul li {
    float: left;
    width: 25%;
    list-style: none;
}
.tab-content ul li div{
    margin: 5px;
}
.tab-content ul li img{
    display: block;
}
.tab-content ul li img:hover {
    opacity: 0.6;
}
.section-08 {
    overflow: hidden;
    margin: 55px 0 15px 0;
}
.section-08 .wraper .row h2 {
    text-align: center;
    font-size: 30px;
    color: #9a6f06;
}
.section-08 .wraper {
    width: 1200px;
    margin: 0 auto;
}
.section-08 .wraper .row:nth-child(2) ul li {
    list-style: none;
    float: left;
    width: 25%;
}
.section-08 .wraper .row:nth-child(2) ul li img {
    padding: 10px;
    display: block;
}
.section-09 {
    overflow: hidden;
    background: url(./images/bg-02.jpg) no-repeat fixed;
    background-size: cover;
    margin: 50px 0 0px 0;
    padding: 0px 0 85px 0px;
}
.section-02 {
    min-height: 240px;
    padding: 40px 0 30px 0;
    overflow: hidden;
    clear: both;
    /* display: none; */
    margin: 50px 0 50px 0;
}
.section-09 .wraper .row:nth-child(1) span {
    text-align: center;
    display: block;
    font-size: 30px;
    padding: 25px 0 15px 0;
    font-weight: bold;
    color: #ffffff;
    width: 100%;
}
.section-09 .wraper {
    width: 1200px;
    margin: 0 auto;
}
.section-09 .wraper .row:nth-child(2) ul li {
    width: 40%;
    float: right;
    height: 133px;
    list-style: none;
}
.section-09 .wraper .row:nth-child(2) ul li:nth-child(1) {
    list-style: none;
    float: left;
    width: 56%;
    /* height: 330px; */
    /* background: white; */
    height: 428px;
}
.section-09 .wraper .row:nth-child(2) ul li div {

}
.section-09 .wraper .row:nth-child(2) ul li:nth-child(1) .tieu-de-bao a {
    font-size: 20px;
}
.section-09 .wraper .row:nth-child(2) ul li:nth-child(1) div img {
    display: block;
    width: 100%;
    float: left;
    margin: 0;
}
.section-09 .wraper .row:nth-child(2) ul li:nth-child(1) div .bg-overlay {
    margin: 10px 0 0 0;
    overflow: hidden;
}
.section-09 .wraper .row:nth-child(2) ul li:nth-child(1) div .bg-overlay::before {
    content: " ";
    width: 655px;
    height: 350px;
    position: absolute;
    background: #ffffff00 url(./images/icon-play.png) no-repeat center center;
    z-index: 9;
    border-radius: 5px;
    overflow: hidden;
    background-size: 15%;
    margin: 0;
}
.section-09 .wraper .row:nth-child(2) ul li div .bg-overlay::before {
    content: " ";
    width: 180px;
    height: 95px;
    position: absolute;
    background: #ffffff45 url(./images/icon-play.png) no-repeat center center;
    z-index: 9;
    border-radius: 5px;
    overflow: hidden;
    background-size: 30%;
    margin: 10px 0 0 0;
}
.section-09 .wraper .row:nth-child(2) ul li div img {
    display: block;
    width: 38%;
    float: left;
    border-radius: 5px;
    margin: 10px 10px 0 0;
	overflow: hidden;
    position: relative;
}
.section-09 .wraper .row:nth-child(2) ul li div .tieu-de-bao {
    font-size: 20px;
    padding: 0;
    /* margin: -8px 19px 22px 12px; */
    display: block;
}
.tieu-de-bao {
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
    /* display: none; */
    /* text-align: left; */
}
.tieu-de-bao a {
    text-transform: initial;
    color: white;
    font-size: 18px;
    padding: 8px 0 0 0;
    display: block;
    text-align: left;
    font-weight: bold;
}
.section-10 .row:nth-child(1) span {
    text-align: center;
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: #9a6f06;
    margin: 0;
    width: 100%;
}
.section-10 .wraper {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0 50px 0;
    clear: both;
    overflow: hidden;
}
.section-10 .wraper .row:nth-child(2) {
    margin: 38px 0 0 0;
}
.section-10 .wraper .row:nth-child(2) i {
    color: #998a5f;
    font-size: 38px;
}
.s-img img {
    border-radius: 10px;
}
.s-tits {
    font-size: 20px;
    color: black;
    margin: 15px 0 10px 0;
    display: block;
}
.s-block a {
	
}
.slick-prev {
	
}
.tits-section h2 {
    text-align: center;
    font-size: 35px;
    text-transform: uppercase;
    color: #9a6f06;
    font-weight: bold;
}
.tits-section span {
    text-align: center;
    font-size: 20px;
    display: block;
    width: 80%;
    margin: 0 auto;
}
.section-11 {
    overflow: hidden;
    clear: both;
}
.section-11 .wraper {
    width: 1200px;
    margin: 0 auto;
    padding: 25px 0 25px 0;
}
.section-11 .wraper .rows {
    padding: 15px 0 0 0;
}
.section-11 .wraper .rows .col {
	width:33.33%;
	float:left;
}
.section-11 .wraper .rows .col div {
    margin: 5px;
}
.section-11 .wraper .rows .col div img {
    padding: 10px;
    border-radius: 20px;
}
.section-12 {
    background: #946c03;
    margin: 50px 0 0px 0;
    overflow: hidden;
}
.section-12 .wraper {
    width: 1200px;
    margin: 0 auto;
    padding: 35px 0 35px 0;
}
.section-12 .wraper .rows .col {
    width: 50%;
    margin: 0 auto;
    float: left;
    /* padding: 30px; */
}
.section-12 .wraper .rows .col:nth-child(1) {
    margin: 38px 0 0 0;
}
.section-12 .wraper .rows .col:nth-child(2) img {
    margin: 0 auto;
    width: 80%;
}
.section-12 .wraper .tits-section h2, .section-12 .wraper .tits-section span {
    color: #ffffff;
    padding: 5px 0 8px 0;
}
.section-12 .wraper .rows .col:nth-child(1) i {
    float: left;
    margin: 0px 15px 0px 0;
    color: #ffe5aa;
    font-size: 30px;
}
.section-12 .wraper .rows .col:nth-child(1) p {
    color: white;
    font-size: 20px;
    margin: 0px 0 0 40px;
}
.section-12 .wraper .rows .col:nth-child(1) div {
    padding: 10px 0 10px 0;
    border-bottom: 2px dotted #ffffff3b;
}
.fixed {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    box-shadow: 0px 0px 20px #ffffff;
    border-bottom: 1px solid #ffffff;
    /* background: #ffffff; */
    margin: 0 auto;
    animation: stuckMoveDown .6s;
    /* padding: 12px 0 0 0; */
}
.section-14 {
    width: 100%;
    clear: both;
    overflow: hidden;
    background: url(./images/24284.jpg);
    padding: 0 0 20px 0;
}
.section-14 .wraper {
    width: 1200px;
    margin: 0 auto;
    padding: 35px 0 0px 0;
}
.section-14 .wraper .rows .col {
    width: 50%;
    float: left;
}
.section-14 .wraper .rows .col:nth-child(1) img {
    width: 85%;
}
.section-14 .wraper .rows .col:nth-child(2) {
    margin: 28px 0 0 0;
}
.section-14 .wraper .rows .col:nth-child(2) div {
    background: #9a6f06;
    margin: 10px 0 10px 0;
    padding: 20px;
    border-radius: 10px;
    min-height: 90px;
}
.section-14 .wraper .rows .col:nth-child(2) div i {
    float: left;
    margin: 0px 10px 0 0;
    font-size: 30px;
    color: #9a6f06;
    padding: 10px;
    background: white;
    border-radius: 10px;
}
.section-14 .wraper .rows .col:nth-child(2) div p {
    font-size: 16px;
    margin: 0 0 0 50px;
    color: white;
}
.section-15 {
    width: 100%;
    clear: both;
    overflow: hidden;
    background: #9a6f06;
    margin: 0;
}
.section-15 .wraper {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0px 30px 0;
    overflow: hidden;
}
.section-15 .wraper .tits-section h2, .section-15 .wraper .tits-section span {
    color: white;
}
.section-15 .wraper .rows {
    overflow: hidden;
    margin: 20px 0 20px 0;
    border-radius: 5px;
    padding: 20px;
}
.section-15 .wraper .rows .col {
    width: 30%;
    float: left;
    padding: 10px;
    margin: 0 15px 0 15px;
}
.section-15 .wraper .rows .col div {
    background: white;
    padding: 5px;
    border-radius: 5px;
}
.section-15 .wraper .rows .col div {
    transform: skew(0deg, 3deg);
}
.section-15 .wraper .rows .col {
    transform: skew(0deg, -2.3deg);
    background: #fffffa70;
    border-radius: 5px;
}   
.section-15 .wraper .rows .col i {
    text-align: center;
    display: block;
    font-size: 68px;
    color: #6ac324;
}
.section-15 .wraper .rows .col .num {
    clear: both;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 100%;
    border: none;
    background: none;
    color: #d07618;
    font-style: normal;
    transform: none;
    font-size: 20px !important;
    text-transform: uppercase;
    font-weight: bold;
}
.section-15 .wraper .rows .col span {
    text-align: center;
    display: block;
    color: black;
    font-size: 16px;
}


/* rotateme */
.rotateme {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    z-index: -1;
	opacity: 0.6 !important;
}
@keyframes rotateme {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes rotateme {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}
.tab {
    display: none;
}
.container .section, .row .section {
    padding-left: 15px;
    padding-right: 15px;
}
.tit-slide {
    margin: -64px 0px 0 0px;
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    background: #00a869;
    /* color: red; */
    border-radius: 0px 0px 45px 45px;
    padding: 5px 0 5px 0;
    z-index: 999;
}
.slide-top .box-text {
	padding: 0px;
}
.btkh {
	background-color: #00a869;
}
.col-kh {
    box-shadow: 0px 3px 12px #c0c0c0;
}
.row-quite {
    background: url(./images/Untitled-5.png) center center no-repeat;
    background-size: cover;	
}
.form-tv input, .form-tv select, .form-tv textarea{ 
    font-size: 20px;
}

.form-tv #nf-field-80, #nf-field-80_1 {
    font-size: 20px;
    text-shadow: none;
    background: #d6c885;
    box-shadow: none;
    border: none;
    border-radius: 35px;
}
.form-tv {
    background: #00a869;
    padding: 5px 16px 10px 16px;
    border-radius: 18px;
}
.form-tv input {
    font-size: 12px;
    padding: 0 0 0 8px;
    margin: 0 !important;
}
.form-tv .nf-field-container {
    margin: 12px 0px 12px 0px;
}
.form-tv .ninja-forms-field, .col-form-botton .ninja-forms-field{
    font-size: 12px !important;
    padding: 0px 12px 0 10px;
    color: white;
}

.slide-anh .flickity-viewport img {
    border-radius: 12px;
    border: 1px solid #19ad36;
    padding: 2px;
}
.anh-video .col {
    padding: 5px;
}
.videokt {
    margin-bottom: 0px;
} 
.slide-bc .slider-style-focus {
   padding: 30px 0 !important;
}
.slide-bc img {
    padding: 0px 5px 0px 5px !important;
}
.col-kb {
    padding: 12px 8px 8px 8px !important;
    border: 1px solid #fbc587;
    border-radius: 15px;
}
.slide-botton img {
    border-radius: 20px;
    border: 2px solid #2cab16;
}

.video-ct .col {
    padding: 0 10px 0 10px;
    border-radius: 16px;
    display: block;
    position: relative;
}
.video-ct .col {
    border-radius: 16px;
}
.ve-th .box-image img {
	border-radius: 12px 12px 0px 0px;
}

.kb-col {
    border-radius: 12px;
    border: 1px solid #d2bf7b;
    flex-basis: 46%;
}
.kb-col:nth-child(2){

}

.kb-col img {
	
}
.ninja-1 {
	
}
.tt-row .row .col img {
    border-radius: 16px 16px 0px 0px;
}
.banner-th .fill, .slide-banner  .flickity-slider,.slide-banner .banner-layers {
    border-radius: 36px;
}
.noi-dung .accordion-item {
    background: #ffe37d;
    margin: 15px 0px 15px 0;
    border-radius: 29px;
    border-top: none;
}
.noi-dung .accordion-item a {
    border: none;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #005f3d;
}
.noi-dung .accordion-item a .toggle {
    margin: 5px 0 0 10px;
}
.form-ql {
    background: #00a869;
    padding: 21px 20px 8px 20px;
}
#nf-field-80 {
    background: #ffda6c;
    box-shadow: none;
    border: none;
    color: white;
    text-shadow: none;
}
.slide-hd img {
    border-radius: 30px;
    border: 2px solid #00a869;
}
.slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow {
    background-color: #4CAF50;
    border-color: #528b54;
    fill: #fff !important;
}
.flickity-button {
    background: #62b46500;
    box-shadow: none;
}
.kb .section-content .row {
	
}
.onetone {
		
}
.onetone .img-inner img {
    border: 2px solid #009961;
    border-radius: 10px;
    /* padding: 5px; */
    /* background: white; */
}
.trog .col {
    padding: 0 3px 0 2px;
}
.trog {
    margin: 0 auto;
    margin-left: auto !important;
    margin-right: auto !important;
}
.slide-kt {
	
}
.gird-ts {


}
.gird-ts .grid-col {
    border-radius: 12px;
    overflow: hidden;
}
.gird-ts .grid-col .col-inner {
    padding: 5px;
}
.tab-px ul .tab {
    margin: 0 8px 0px 8px;
    background: white;
    width: 30%;
    float: left;
    border-radius: 25px;
    /* color: red; */
}
.tab-px ul .tab a span {
    color: #006e47;
}
.tab-px ul .tab a::before {
    background: none;
}
.tab-px ul .active {
    background: #ffe4a8;
}
.tab-px .tab-panels .panel .grid-col .col-inner img {
    padding: 12px !important;
    border-radius: 20px;
}
.tit-font {
    padding: 20px 0 20px 0;
    font-family: Beautyque Display;
    text-transform: uppercase;
    font-size: 50px !important;
    line-height: 55px;
}
.tit-font2 {
    padding: 20px 0 20px 0;
    font-family: Beautyque Display;
    text-transform: uppercase;
    font-size: 50px !important;	
	color: #00a869 !important;
}

.tit-font p:nth-child(1) {
    /*font-family: DVN-Photograph Signature;*/

    color: #c59d40 !important;
}
.tit-font p:nth-child(2) {
    color: #00a869 !important;

}
.ndkpx {
    background: #ffffff;
    border-radius: 10px;
    border-top: none;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    color: #00744a;
    margin: 5px 0 0 0;
    /* height: 50px; */
}
.ndkpx .accordion-inner {
    background: white;
    /* color: red; */
}
.ndkpx:hover span {
    color: #00744a;
}
.ndkpx .accordion-title {
    border: none;
}
.ndkpx .toggle {
    right: 0;
    left: auto;
    width: 30px;
    height: 30px;
    background: #00744a;
    box-shadow: none !important;
    opacity: 1;
}
.ndkhspa {
    margin: -70px 0 0 0;
}
.ndkhspa .accordion-item .accordion-title {
    background: #008151;
    margin: 5px 0 6px 0;
    border-radius: 80px;
    border: 3px solid #17ff96;
    font-weight: bold;
    color: #ffffff;
}
.ndkhspa .accordion-item .accordion-title .toggle {
    left: auto;
    right: 0;
    width: 30px;
    height: 30px;
    background: #bfb160;
    border: 3px solid #fff;
    top: 8px;
    opacity: 1;
}
.ndkhspa .accordion-item .accordion-inner {
    background: white;
    border-radius: 12px;
    text-align: left;
}
#menu-menu-phai li a {
    color: white;
    font-weight: 500;
    padding: 8px;
}
.hotline-top-right {
    padding: 20px 0 0 0;
}
.header-main {
    overflow: hidden !important;
}











@media only screen and (min-width:0) and (max-width:480px) {
	
.page-id-8492 #primary {
    padding: 0 8px 0 8px;
}
.home .site-bottom-bk {
	margin-top: 0
}
.top-menu-dt {
	display: none
}
.site-bk {
    width: 100%;
    margin: 0 auto;
    position: fixed;
    z-index: 9;
}
	.form-seach {
		width: 100%;
		padding: 10px;
		margin: 0 auto
	}
	.text-find {
		width: 100%
	}
	.hotline-top {
		display: none
	}
	.menu-va {
		width: 100%;
		margin: 0 auto;
		padding: 0
	}
	.menu-toggle {
		display: block;
		width: 100%;
		padding: 10px
	}
.toggle {
    height: 16px !important;
    width: 30px;
    padding: 0;
    margin: 0 5px 0 0;
}
.toggle i {
   top: 0px;	
}



.main-navigation .menu-va .menu-menu-chinh-container #primary-menu {
    display: none;
    width: 95%;
    background: #00744a;
    padding: 0 0 0 0px;
    box-shadow: 0px 5px 8px #9b9b9b;
}
	.main-navigation a {
		text-decoration: none;
		font-family: 'Kanit', sans-serif;
		font-size: 14px;
		color: #000;
		padding: 5px 0 5px 0;
		text-transform: uppercase;
		font-weight: bold;
		margin: 4px 20px 0 20px;
		transform: none;
		display: inline-block;
		vertical-align: middle;
		display: block;
		text-align: center
	}
	.main-navigation li {
		float: none;
		overflow: hidden
	}
	.toggled .menu-va #primary-menu {
		display: block!important
	}
.slide-home {
    width: 100%;
    z-index: 1;
}
	.ads-1,
	.ads-2,
	.ads-3 {
		width: 100%;
		float: none;
		margin: 0;
		padding: 5px 10px 5px 10px
	}
	.three-banner-ads {
		width: 100%;
		margin: 0 auto;
		margin-top: 15px
	}
	.produce {
		padding: 15px 0 0 0
	}
	.produce span {
		font-size: 18px
	}
	.produce-list {
		width: 100%;
		margin: 0 auto
	}
	.pro-lis {
		width: 100%;
		list-style: none;
		margin: 5px 0 5px 0;
		padding: 12px;
		height: auto
	}
.pro-tit {
    width: 100%;
    padding: 0 0 0 0;
    margin: 0;
    height: auto;
}

	.pro-tit h2 {
		margin: 0;
		padding: 0
	}
	.product-primary {
		width: 100%;
		margin: 0 auto;
		overflow: hidden
	}
	.line-a,
	#layerslider_3,
	.line-c {
		width: 100%;
		float: left;
		margin: 0!important;
		padding: 5px
	}
	.product-primary .pp-tit {
		border-bottom: 2px solid #B9B9B9;
		padding: 5px;
		background: #F1F1F1;
		margin: 15px 10px 5px 10px
	}
	.line-b,
	.line-d,
	.pro-d {
		width: 100%;
		float: none;
		list-style: none;
		padding: 10px
	}
	.thuong-hieu {
		background: #F1F1F1;
		text-align: center;
		clear: both
	}
	.intro-dv {
		width: 100%;
		padding: 5px
	}
	.title-da p {
		font-size: 18px
	}
	.line3 {
		margin-bottom: 0
	}
	.item-feature {
		width: 100%;
		height: auto;
		padding: 5px;
		margin: 0px;
	}
	.feature-pro {
		padding: 5px
	}
.ft-content {
    width: 100%;
    margin: 0 auto;
    padding: 8px 0 0 0;
}
	.ft-content .f1 {
		width: 100%;
		float: none;
		padding: 0 15px 0 0
	}
	.ft-content .f2 {
		width: 100%;
		float: none;
		padding: 45px 25px 0 0
	}
	.ft-content .f3 {
		width: 100%;
		float: left;
		padding: 20px 40px 0 0;
		margin-bottom: 20px
	}
	.footer-content {
		height: auto;
		padding: 8px
	}
	.f4 {
		width: 100%;
		float: none;
		padding: 45px 0 0 0
	}
	footer {
		margin: 0 auto;
	}
	.gioi-thieu img {
		height: auto;
		width: 100%
	}
	.line-d {
		margin: 0 0 0 0
	}
	.tab-links {
		margin: 0 0 0 0
	}
.page-content {
    border: none;
    padding: 0 15px 0 15px;
    overflow: hidden;
    margin: 0 0 30px 0;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}
	.page-left {
		width: 100%;
		padding: 0;
		overflow: hidden
	}
	.c-right {
		width: 100%;
		padding: 0
	}
	.page-content-archive {
		width: 100%
	}
	.page-content-archive {
		padding: 0 10px 0 10px;
		width: 100%
	}
	.breadcumbs {
		width: 100%;
		display: none
	}
	.title-page-archive {
		width: 100%;
		padding: 2px 0 2px 0;
		font-size: 9px;
		color: #000;
		text-align: center
	}
	.des-item {
		text-align: justify
	}
	.top-image {
		width: 100%;
		height: auto;
		background: #f3f3f3;
		background-attachment: fixed;
		background-size: cover
	}
	.item-home {
		padding: 0 0 0 0
	}
	.page-archive-right {
		width: 100%;
		float: right
	}
	.banner-archive {
		overflow: hidden;
		width: 100%;
		margin: 0 0 0 0
	}
	.page-archive-left {
		width: 100%;
		margin: 22px 0 0 0;
		float: left
	}
	.item-va-archive {
		width: 100%;
		float: left;
		list-style: none;
		height: auto;
		margin: 22px 0 10px 0;
		border: 1px solid #dcdcdc;
		padding: 10px
	}
	.item-news {
		width: 100%;
		float: left;
		padding: 0 0 18px 0;
		height: auto!important
	}
	.category #page #content #primary #main .page-content .page-left ul li img {
		height: auto;
		margin: 8px 8px 0 0;
		float: left
	}
	.page-right {
		width: 100%;
		float: right;
		margin: 10px 0 0 0;
		padding: 0 0 0 0
	}
	.lien-he {
		width: 100%
	}
	.lien-he-a {
		width: 100%;
		float: left
	}
	.lien-he-b {
		width: 100%;
		float: right;
		padding: 10px
	}
	#ninja_forms_form_9_wrap {
		width: 100%!important;
		margin: 0;
		padding: 10px
	}
	.map-view {
		width: 100%
	}
	.dc-a p {
		line-height: 30px;
		font-size: 14px;
		border-bottom: 1px dotted #d8d8d8
	}
	.lien-he-b h1 {
		color: #421600;
		font-weight: bold;
		font-size: 14px;
		text-transform: uppercase
	}
	.dc-a h2 {
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		font-size: 14px;
		margin: 15px 0 3px 0
	}
	.map-view {
		width: 100%;
		height: 300px;
		overflow: hidden;
		padding: 10px
	}
	.title-item-footer a {
		color: #6D6D6D;
		font-size: 15px;
		font-family: arial;
		font-weight: normal
	}
	.f4 ul li a img {
		width: 100%;
		height: auto;
		float: left;
		margin: 0 10px 0 0
	}
	.f4 ul li {
		list-style: none;
		width: 100%;
		height: auto;
		margin: 10px 0 15px 0
	}
	.full-cot {
		width: 100%;
		margin: 0 auto;
		border: 1px solid #ECECEC;
		overflow: hidden;
		margin-top: 15px;
		margin-bottom: 30px;
		padding: 10px
	}
	.top-a {
		width: 100%;
		float: left;
		padding: 0
	}
	.sp-wrap {
		padding: 0;
		margin: 0 0 15px 0;
		width: 100%
	}
	.sp-large a img {
		width: 100%!important
	}
	.sp-large {
		width: 100%!important;
		height: auto!important
	}
	.sp-thumbs a:link,
	.sp-thumbs a:visited {
		width: 70px;
		height: 50px
	}
	.top-b {
		float: left;
		width: 100%;
		padding: 0;
		margin: 5px 0 0 0
	}
	.page-single-left {
		width: 100%;
		float: left;
		padding: 0
	}
	.page-single-right {
		width: 100%;
		float: right;
		margin: 25px 0 0 0
	}
	.relasted-produce {
		width: 100%
	}
	.tit-relasted {
		border-bottom: 1px solid #8C5B0B;
		padding: 5px 0 5px 12px;
		background: #F1F1F1;
		margin: 0 0 0 0
	}
	.tit-form {
		text-align: center;
		margin: 5px 0 5px 0;
		font-size: 15px
	}
	#contact_form_pop #ninja_forms_form_9_cont #ninja_forms_form_9_wrap {
		width: 90%!important
	}
.main-navigation {
    width: 100%;
    z-index: 999;
    padding: 0;
    margin: 0;
    height: auto;
    position: fixed;
}
.menu-toggle {
    border: none;
    padding: 18px 34px 18px 38px;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    background: #00744A url(./images/icon-menu.png) no-repeat left;
    box-shadow: none;
    text-shadow: none;
    color: white;
    border-radius: 0;
    text-align: left;
    background-size: 6%;
    background-position: 5px 12px;
}
	.menu-toggle:hover {
		box-shadow: none!important
	}
	.menu-top {
		padding: 0;
		background: none;
		height: auto;
		margin: 0 0 0 0;
		border: none
	}
.service {
    width: 100%;
    margin-top: 0;
    padding: 5px 5px 0 5px;
}
.service span {
    padding: 12px 0 0px 0;
    font-size: 18px;
}
	.lis-service {
		width: 100%;
		padding: 8px
	}
	.lis-service ul .cat-list-li {
		width: 100%;
		height: auto;
		margin: 0 0 10px 0;
		padding: 10px
	}
	.img-list-cat {
		height: auto
	}
	.intro-middle {
		width: 100%
	}
	.tit-intro span {
		text-align: center
	}
	.col-f {
		width: 100%;
		float: none;
		padding: 10px 0 10px 0
	}
	.col-f-top img {
		width: 40%
	}
	.lay-si {
		width: 100%;
		display: none
	}
	.col-home-2 {
		background: #f9ebeb;
		height: auto;
		overflow: hidden;
		padding: 0 0 38px 0
	}
	.img-middle {
		display: none
	}
	.content-si {
		width: 100%
	}
	.content-si {
		width: 100%;
		padding: 0
	}
	.des-cat-home {
		padding: 0 0 0 0
	}
	.col-si {
		width: 100%;
		height: auto;
		overflow: hidden;
		float: left;
		margin: 0
	}
	.col-si div {
		padding: 8px 8px 0 8px
	}
	.col-si img {
		display: none
	}
	.intro-bottom {
		width: 100%;
		padding: 8px;
		text-align: justify
	}
	.col-f-1 {
		width: 100%;
		float: left;
		font-size: 15px;
		padding: 0;
		margin: 0 0 0 0
	}
	.image-top {
		display: none
	}
	.col-f-2 {
		width: 100%;
		float: left;
		color: #efefef;
		font-size: 15px;
		padding: 0;
		margin: 28px 0 28px 0
	}
    .tit-f {
        color: #ffffff;
        font-size: 20px;
        text-transform: uppercase;
        margin: 0 auto;
        text-align: center;
        border-bottom: 1px dotted rgb(255 155 0);
        padding: 0 0 0 0;
        font-weight: bold;
        font-family: inherit;
        margin-bottom: 15px;
    }
	.col-f-3 {
		width: 100%;
		float: left;
		color: #bfbfbf;
		font-size: 15px
	}
	.col-center span {
		font-size: 18px;
		padding: 25px 0 8px 0
	}
	.col-center p {
		color: black;
		font-size: 15px
	}
	bottom a {
		margin: 15px 0 0 0;
		padding: 5px 8px 5px 8px;
		color: black;
		display: inline-block;
		font-size: 15px;
		border: 1px solid #000
	}
	.tit-content-si:after {
		display: none
	}
	.tit-content-si {
		font-size: 16px;
		padding: 15px 0 8px 0
	}
	.hotline-tu-van {
		text-align: center;
		margin: 0 auto;
		width: 75%;
		margin-top: 10px
	}
	.col-si div p {
		padding: 5px 0 10px 0;
		border-bottom: 1px dotted #bdbdbd
	}
	.page .title-page-archive,
	.category .title-page-archive {
		width: 100%;
		padding: 0 0 0 0
	}
	.group-1 {
		display: none
	}
.title-page-archive h1 {
    margin: 0 auto;
    padding: 15px 0 8px 0;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    border-bottom: 1px solid #cacaca;
    margin-bottom: 5px;
    background: #00a869;
    margin-top: 12px;
}
	.lien-he {
		width: 100%;
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 20px;
		overflow: hidden;
		padding: 0
	}
	.lien-he-a span {
		color: #d82731;
		font-weight: bold;
		font-size: 16px;
		text-transform: uppercase;
		padding: 0 0 15px 12px;
		display: block
	}
	.float-ck {
		display: none
	}
.suport-right {
    bottom: 0;
    z-index: 999;
    right: 2px;
    top: auto;
    bottom: 50px;
    display: block;
    background: none;
    box-shadow: none;
    border-radius: 0;
	display: none;
}
	#livechat-compact-container {
		display: none
	}
	.bg-dao-tao {
		background: white;
		height: auto;
		padding: 0 0 0 0
	}
	.category .item-va a img,
	.item-news a img {
		width: 100%;
		float: left;
		height: auto
	}
	.scrolla {
		display: none
	}
.hotline-call {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: white;
    padding: 5px 0 5px 5px;
    text-align: center;
}
.hotline-call img {
    width: 32px;
    margin: 0px 10px -10px -12px;
    /* float: left; */
}
	.img-head {
		display: none
	}
	.banner-middle-2 {
		display: none
	}
	.gioi-thieu {
		width: 100%;
		float: left;
		overflow: hidden;
		border: 1px solid #Eaeaea;
		margin: 0 0 15px 0
	}
	.dich-vu-pvc {
		display: none
	}
	.news-home {
		width: 100%;
		margin: 0 auto;
		height: auto;
		display: none
	}
	.title-da {
		margin: 12px 0 5px 0
	}
	.feature-pro ul {
		margin-right: 0;
		margin-left: 0
	}
	.item-feature a img {
		height: auto
	}
.nav-menu li a {
    display: block;
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
    padding: 5px 0 5px 8px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 0 0;
    text-align: left;
    overflow: hidden;
}
	.nav-menu li:nth-child(6) a {
		border-right: 1px solid #7eff1d
	}
	.category .item-news {
		width: 100%;
		height: auto;
		border: none;
		border-bottom: 2px solid #21a950;
		margin: 0 0 8px 0;
		padding: 10px
	}
	.banner-hoc-vien {
		display: none
	}
	.main-navigation ul ul {
		box-shadow: none;
		float: left;
		top: 1.5em;
		left: -999em;
		z-index: 99999;
		margin: 0 0 0 0;
		background: #FFF;
		padding: 0 0 0 0
	}
.col-top {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0 0 0;
}
.why span img {
    width: 80%;
}
.lv img {
    width: 100%;
}
.lv div {
    margin: 5px;
    box-shadow: 0px 0px 10px #e5e5e5;
    padding: 0px;
    border-radius: 8px;
    overflow: hidden;
    min-height: 235px;
    overflow: hidden;
    /* border: 0px solid #ffffff; */
}
.lv p {
    text-align: center;
    font-size: 15px;
    padding: 0;
    margin: 0;
}

.service p {
    text-align: left;
    font-size: 15px;
    /* display: none; */
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 8px 0;
}
.tit-col-z {
    text-align: center;
    padding: 15px 0 0px 0;
    font-weight: bold;
    color: #6db100;
    text-transform: uppercase;
    font-size: 15px;
}
.why span {
    font-size: 20px;
    padding: 2px;
}
.why {
    margin-bottom: 0px;
}
.tit-col-z h3 {
    font-size: 18px;
    /* height: 50px; */
}
.service h2 {
    font-size: 20px;
    padding: 6px 0 0px 0;
}	
.zone-top {
    padding: 0;
}
    .lv {
        width: 50%;
        float: left;
        border-right: 1px solid #efefef;
        padding: 0;
        border: none;
        margin: 0 auto;
        min-height: 325px;
        border-radius: 10px;
    }
	.lv h2 {

    min-height: 120px;
}
.section-image h2 {
    font-size: 20px;
    padding: 0px 0 0px 0;
}
.section-image p {
    color: black;
    padding: 12px 0 12px 0;
    width: 95%;
    font-size: 15px;
}
.section-image ul li {
    width: 50%;
}


.view-detail a {
    margin: 3.8px 0 0 0;
    float: left;
}
.col-za-image {
    float: left;
    margin: 0 10px 0 0;
    width: 38%;
}
	.col-zb {
		width: 100%;
		float: right;
		display: none
	}
	.galary-home a:nth-child(1) div {
		width: 100%;
		overflow: hidden;
		float: left;
		margin: 0
	}
	.galary-home a:nth-child(1) div img {
		width: 100%;
		float: left;
		margin: 0;
		display: block;
		height: auto;
		padding: 8px 5px 8px 5px
	}
	.galary-home a img {
		width: 50%;
		height: auto;
		float: left;
		padding: 0 8px 8px 0;
		margin: 0 0 0 0
	}
.pro-lis-service {
    width: 47%;
    float: left;
    list-style: none;
    margin: 0 5px 10px 5px;
    height: auto;
    border-radius: none;
    height: 280px;
}

.col-tit-gold span {
    font-size: 20px;
    width: 90%;
    margin-top: 12px;
}
.qc .slick-next {
    margin: -238px 9px 6px 2px !important;
}
.pro-tit a {
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    line-height: 20px;
}
	.pro-lis-service .fa-long-arrow-right {
		display: none
	}
	.col-video {
		width: 100%;
		float: left;
		margin: 0;
		padding: 0 5px 0 5px
	}
.col-image {
    width: 100%;
    float: left;
    padding: 0;
}
.slick-dots li {
    position: relative !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    cursor: pointer;
    margin: 0 auto !important;
}

.hinh-anh-truong div {
    width: 32.2%;
    margin: 0 0 3px 3px;
    height: 80px;
    border: 2px solid #fff;
    float: left;
    /* padding: 4px 0 0 0; */
}
.tit-col-vim span {
    padding: 0;
    display: block;
    font-size: 23px;
    /* margin-top: 15px; */
    background: none;
    color: white;
    /* margin-bottom: 5px; */
    margin: 15px 0 10px 0;
	display: inline-block;
}
.tit-col-vim img {
    float: none;
    width: 135px;
    margin: 0 auto;
    display: block;
    text-align: center;
    position: relative;
}
.col-tit-gold h2, .col-tit-gold span {
    text-align: center;
    display: block;
    font-size: 18px;
    padding: 8;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    width: auto;
    margin: 0 auto;
    width: 88%;
    background: #ffc300;
    border-radius: 38px;
    margin-bottom: 9px;
    margin-top: 15px;
}
.why h2 {
    font-size: 20px;
    padding: 0px;

}
.col-tit-gold img {
    display: none;
}
.hinh-anh-truong a img {
    width: auto;
    height: auto;
    margin: 0;
    float: left;
}
	.bg-cam-nhan {
		overflow: hidden;
		margin: 20px 0 0 0;
		background: #fbfbfb;
		padding: 0;
		box-shadow: none
	}
	.cam-nhan {
		width: 100%;
		margin: 0 auto
	}
	.cn-content ul li {
		width: 100%;
		float: left;
		margin: 0;
		list-style: none;
		padding: 6px 5px 10px 5px;
		border-bottom: 1px dotted #dedede;
		height: auto;
		margin-top: 8px;
		margin-bottom: 8px
	}
	.cn-content img {
		width: 100%;
		float: left;
		margin: 0 0 0 0
	}
	.cn-content .title-feature {
		margin: 36px 0 0 98px;
		color: black;
		text-transform: uppercase;
		font-size: 14px
	}
	.img-popup::after {
		height: 100%
	}
	.qc {
		padding: 22px 0 0 0
	}
.tieu-de-bao a {
    font-size: 18px;
    padding: 10px 5px 0 5px;
    display: block;
    text-align: center;
}
.slick-dots {
    text-align: center;
    display: block !important;
    margin: 5px 0 8px 0 !important;
}
.slick-prev {
    padding: 8px 8px 16px 6px;
}
.slick-next {
    margin: -210px 9px 6px 2px;
    padding: 8px 8px 16px 6px;
    color: white;
}
.tieu-chuan {
    padding: 0 0 0 0;
    width: 100%;
    background: #7ac142;
}
.golden-ruler {
    width: 100%;
    margin-top: 0;
}
.col-tc {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		padding: 0
}
.col-tc span {
    font-size: 15px;
    padding: 8px 0 8px 0;
    width: 98%;
    margin: 0 auto;
    margin-top: 15px;
}
.text-1 {
    font-size: 15px;
    padding: 0 0 5px 0;
    display: block;
}
.golden-ruler ul li {
    width: 50%;
    margin: 0;
    margin: 5px 0 5px 0;
    min-height: 250px;
}
.golden-ruler ul li:nth-child(3) {
    background: #ffdb32;
    min-height: 250px;
}
.golden-ruler ul li:nth-child(5) {
    width: 100%;
    margin: 0 auto;
}
.golden-ruler ul li:nth-child(2), .golden-ruler ul li:nth-child(4) {
	border:none;
}
	.thuc-hanh ul li {
		list-style: none;
		float: left;
		width: 100%;
		margin: 8px 0 8px 0
	}
	.icon-tc img {
		width: 50%
	}
.golden-ruler ul {
    border-radius: 0;
    padding: 5px 10px 18px 10px;
}
.col-feature-pro {
    width: 100%;
    margin: 0;
}
	.qc .slider-news ul li {
		height: auto;
		margin-top: 12px;
		margin-bottom: 12px
	}
	.fa-quote-left {
		font-size: 22px;
		color: #009fff36
	}
	.cam-nhan span {
		text-align: center;
		display: block;
		text-transform: uppercase;
		font-size: 18px;
		padding: 12px 0 12px 0;
		font-weight: bold;
		color: #7ac142
	}
	.video-image {
		width: 100%;
		margin: 0 auto
	}
	.breadcumbs {
		display: none
	}
	.page-left {
		width: 100%;
		padding: 0 0 0 0;
		float: left
	}
	.page-right {
		width: 100%;
		float: right
	}
	.item-news {
		width: 100%;
		float: left;
		padding: 0;
		list-style: none;
		border-bottom: 1px dotted#CECECE;
		margin: 0;
		height: auto;
		padding: 0 5px 0 5px
	}
	.tin-lien-quan .item-news img {
		height: auto
	}
	.huong-nghiep ul li a img {
		width: 30%;
		height: auto;
		float: left;
		margin: 0 8px 0 0
	}
.page-right .huong-nghiep ul li {
    border: none;
    border-bottom: 1px solid #efefef;
    list-style: none;
    display: inline-block;
    height: auto;
    padding: 5px 0 5px 0;
}
.li-news-bottom h3 a {
    color: #ff5200;
    font-size: 15px;
}
.post-day img {
    width: 20px;
    margin: 5px 10px -2px 0px;
    /* color: red; */
}
	.hotline-call a {
		color: red;
		font-size: 15px;
		text-transform: uppercase;
		padding: 0 0 5px 0;
		display: block
	}
.des-cat .nf-form-cont .nf-field-container, #ninja_forms_required_items {
    clear: both;
    position: relative;
    margin-bottom: 15px;
}
	.slider01 {
		position: relative;
		width: 100%;
		margin: auto
	}
.slider-wrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
	.slider-arrow {
		display: none
	}
	.img-play {
		width: 94%;
		padding: 72px
	}
.slider ul li {
    list-style: none;
    text-align: center;
    padding: 10px;
    height: auto;
    width: 50%;
    float: none;
}
	.img-popup::before {
		height: 96%
	}
.suport-right li {
    list-style: none;
    border-bottom: 1px dotted #fff;
    background: white;
    border-radius: 5px;
    padding: 2px 0px 0px 0px;
    line-height: 10px;
    width: 50px;
    height: 50px;
    margin: 8px 0 8px 0;
    border-radius: 35px;
}
.zalo::before {
    background-size: 80%;
    height: 45px;
}
.fb::before {
    background-size: 80%;
    height: 45px;
}
	.hotline-r::before {
		background-size: 65%;
		height: 50px
	}
	.hotline-r {
		font-size: 12px!important;
		line-height: 18px;
		color: white!important
	}
.suport-right li a {
    font-size: 8px;
    color: transparent;
}
.main-navigation ul li ul {
    width: 100%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    float: left;
    top: 1.5em;
    left: -999em;
    z-index: 2222;
    margin: 18px 0 0 0;
    background: #00a869;
    padding: 0 0 0 0;
    margin: 0 0 8px 0px!important;
    display: block;
    position: static;
    overflow: hidden;
    padding: 0 0 0 0;
}

	.main-navigation ul li ul li {
		display: block;
		background: url(./images/icon-arrow.png) left no-repeat;
		background-size: 2%;
		background-position: 8px 10px;
		padding: 0 0 0 12px
	}
	.main-navigation ul li ul li ul {
		margin: -40px 0 0 0px!important;
		width: 200px;
		display: none!important
	}
	.main-navigation li a:hover {
		color: #fbff05
	}
	.main-navigation ul li ul li:hover ul {
		display: none!important
	}
.tit-cat-special h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 19px;
    color: #ffffff;
    border-bottom: 1px solid #cecece;
    padding: 10px 0 10px 0;
    background: #4CAF50;
}
.branding {
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 50px 0 0 0;
    display: none;
}
	#wprmenu_bar .bar_logo {
		border: none;
		margin: 0;
		padding: 0 8px 0 0;
		width: auto;
		height: 22px;
		margin: -2px 0 0 10px!important
	}
	.top-menu-dt {
		display: none
	}
	.main-navigation .menu-menu-chinh-container {
		display: none
	}
	.main-navigation .menu-menu-chinh-container {
		display: none
	}
	.toggled .menu-menu-chinh-container {
		display: block
	}
	.slider-news ul li {
		list-style: none;
		float: left;
		width: 100%;
		margin: 0 10px 30px 10px
	}
.yh-tit {
    width: 6%;
}
.wrap-yh .na {
    width: 94%;
    height: 100%;
    min-height: auto;
}
.wrap-yh {
    /* bottom: 68px; */
    top: 50px;
    width: 100%;
    height: 95%;
    display: none;
}
.suport-right li:nth-child(3) {
    background: #7ac142;
    border: none;
}
	.col-za-image img {
		width: 100%
	}
.col-za-content {
    width: 58%;
    float: left;
    text-align: center;
    padding: 10px 0 0 0;
}
.col-za-content p {
    text-align: l;
    padding: 0;
    color: #217d00;
    font-size: 15px !important;
    line-height: 22px;
}
.z-top {
    background: #75be3c;
    padding: 5px 0 5px 0;
    margin: 18px 0 0 0;
}
	.modal {
		width: 100%;
		padding: 8px 8px
	}
	.list-post-cat ul li .news-cat {
		float: left;
		margin: 0 0 0 0px!important
	}
	.list-post-cat ul li .news-cat {
		float: left;
		width: 69%;
		padding: 0
	}
	.page-content .des-cat h1 {
		line-height: normal;
		margin: 0
	}
	.bai-viet-quan-tam {
		margin: 38px 0 10px 0;
		text-transform: uppercase;
		font-size: 20px;
		font-weight: bold;
		border-bottom: 2px solid #fca406;
		color: #00ab16
	}
	.list-post-cat ul li h2 {
		margin: 0;
		padding: 0
	}
	.category #page #content #primary #main .page-content .page-left ul li .news-cat a {
		padding: 0 0 0 0
	}
	.single iframe {
		margin: 0 auto;
		text-align: center;
		display: block;
		padding: 18px 0 18px 0;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		min-height: 125px
	}
.col-za-content span {
    text-transform: uppercase;
    color: #7ac142;
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    border-bottom: 1px solid #7ac142;
    padding: 0 0 2px 0;
    text-align: left;
    border-image:none;
    border-image-slice: 2;	
}
.cam-nhan-hv {
    padding: 30px 0 0 0;
}
.page-content article .nf-form-cont {
    width: 100%;
    margin: 0 auto;
    border: 2px dotted #00b374;
    border-radius: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 50px;
    padding-bottom: 15px;
}
.page-content article .nf-form-cont .nf-form-title h3 {
    font-size: 15px;
}
.tit-cat-special h1::before {
    content: "";
    background: none;
    width: 250px;
    height: 2px;
    display: block;
    margin: 42px 0 0 0;
    position: absolute;
    border-radius: 0px 10px 10px 0px;
}
.m-media li {
    width: 46%;
    float: left;
    padding: 0;
    list-style: none;
    margin: 5px 5px 10px 5px;
    height: auto;
    padding: -10px 0 12px 0;
    background: white;
    padding: 5px;
    /* border-radius: 8px; */
}
.li-news-bottom a img {
    float: left;
    margin: 0 10px 0 0;
    width: 126px;
}
.block-news-m:nth-child(3) {
    background: #17cc46;
    border-radius: 8px;
    padding: 5px;
    margin: 6px 0 38px 0;
}
.li-news-bottom h2 {
    float: left;
    width: 54%;
    clear: inherit;
    font-size: 15px;
    color: black;
    margin: 0 0 0 0px;
    display: block;
}
.des-item-s {
    color: black;
    display: none;
}
.block-news-m:nth-child(1) ul li:nth-child(4) {
    display: block;
}
.img-popup-m::before {
    content: "";
    height: 62%;
    width: 100%;
    background-size: 28%;
}
.convetion-botton {
    display: block;
    position: fixed !important;
    z-index: 999;
    border: 0;
    position: fixed;
    bottom: 0;
    width: 18%;
    height: auto;
    padding-top: 8px;
    padding-bottom: 60px;
    margin: 0;
    border: none;
    border-radius: inherit;
    right: inherit;
    right: 0;
    display:none;
}
.page-id-8492 .convetion-botton {
    bottom: 38px;
}
.convetion-botton ul li {
    width: 100%;
    float: left;
    list-style: none;
    line-height: 10px;
    padding: 2px 2px 2px 2px;
    /* border-radius: 100%; */
    height: 50px !important;
    display: block;
    /* position: relative; */
    /* margin: 2px 0 2px 0; */
    border: none !important;
    background: none;
}
.fanpage p {
    background: #ffb100;
    border-radius: 50px;
    padding: 8px 20px 8px 20px;
    font-weight: bold;
    font-size: 14px;
    border: 5px solid #fff;
    color: white;
    width: 100%;
}
.convetion-botton ul li p {
    font-size: 12px;
    text-align: center;
    line-height: 12px;
}
.convetion-botton ul li a p {
    line-height: 12px;
    padding: 0;
    margin: 0;
}
.convetion-botton ul {
    width: 95%;
    text-align: center;
    margin: 0 auto;
}
#popup-giua-man-hinh .popUpBannerInner {
    width: 95%;
    height: auto;
    top: 15%;
}
.popup-col span p:nth-child(1) {
    font-size: 25px;
}
.popup-col span p:nth-child(2) {
    font-size: 18px;
}
.popup-col span p:nth-child(3) {
    font-size: 18px;
}
.popup-col {
    padding: 8px;
}
.section-image {
    width: 100%;
}
.col-bgn {
    width: 100%;
    padding-top: 0px;
}
.why span p {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    color: #1c1c1c;
}
.why span h1 {
    font-size: 20px;
}
.form-surp {
    padding: 0 12px 0 12px;
}
.wiget-chat ul li {
    padding: 0 12px 0 12px;
}
.wiget-chat ul li img {
    height: 80px;
}
aside {
    height: auto;
}

/*-Css Landing Page Mobile--*/

#selection-1 img {
    width: 50%;
}
#selection-1 h1 {
    font-size: 20px;
    margin: 8px 8px 8px 8px;
}
#selection-2 {
    width: 100%;
    margin-bottom: 0;
    min-height: auto;
    padding: 10px 0 0px 0;
    background: none;
    display: none;
}
#selection-1 span {
    padding: 15px 0 0px 0;
}
#selection-2 span {
    font-size: 16px;
    padding: 8px 5px 8px 5px;
    margin-top: 8px;
    width: 98%;
    background: #f8f412;
    color: black;
    position: relative;
    display: none;
}
.bg-top {
    display: block;
    overflow: hidden;
    clear: both;
    display: none;
}
#selection-2 p {
    font-size: 15px;
    width: 98%;
    border-radius: 12px;
    margin-top: 10px;
    padding: 8px 5px 8px 5px;
    margin-bottom: 5px;
    display: none;
}
#nf-form-12-cont #nf-field-68-container, #nf-form-12-cont #nf-field-69-container, #nf-form-12-cont #nf-field-70-container {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 0 18px 0 18px;
}
#nf-form-12-cont nf-field {
    display: block;
}
#nf-field-70-container {
	
}
.cols-1 .row-1 {
    width: 100%;
}
.cols-1 ul li {
    width: 100%;
    margin: 0;
    padding: 15px 10px 15px 10px;
}
.row-content span {
    font-size: 20px;
    padding: 10px 0 0px 0;
    height: auto;
    text-align: center;
}
.row-content {
    height: auto;
}
.row-content p {
    font-size: 20px;
    text-align: center;
    height: auto;
}
#selection-1 {
    margin-top: 62px;
    width: 100%;
    display: block;
}
#selection-3 .col-top {
    padding: 0;
    display: none;
}
#selection-3 .cols-1 .wraper .row-2 div:nth-child(2) img {
    width: auto;
    float: right;
    position: relative;
    margin: 0;
}
.ct {
    max-width: 90%;
    padding: 0;
}
.tit-forms {
    margin: 0;
}
#selection-3 .cols-1 .wraper .row-2 div:nth-child(1) img {
    width: 100%;
    float: none;
}
#selection-3 .cols-1 .wraper .row-2 div:nth-child(1) {
    height: auto;
    width: 100%;
}
#selection-3 .cols-1 .wraper .row-2 div:nth-child(2) {
    width: 100%;
}
#selection-3 .cols-1 .wraper .rows {
    padding: 0;
}
#selection-3 .cols-1 .wraper .rows .ct {
    max-width: 98%;
}
#selection-3 .cols-1 .wraper .rows div:nth-child(3) {
    width: 100%;
    padding: 0;
}
.num {
    float: left;
    margin: 8px 30px 20px 20px;
    font-size: 50px !important;
}
#selection-6 .ct {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 0px;
}
#selection-6 .wraper .col-6:nth-child(1) {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 0 35px 0;
}
#selection-6 .wraper .col-6 {
    width: 100%;
    float: none;
}
#selection-6 .wraper {
    width: 100%;
    height: auto;
    padding: 0 0 10px 0;
}
#selection-6 .wraper .col-6:nth-child(1) iframe {
    margin: 10px 0px 0 0;
}
.tit-forms {
    margin: 0 auto;
    clear: both;
    text-align: center;
    display: block;
}
.tit-section span {
    padding: 10px 0 10px 0;
    font-size: 25px;
    width: 100% !important;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 10px;
    border-radius: 20px;
}
#section-10 .wraper .tit-section span {
    border: 3px dotted #fff;
}
#section-10 .wraper ul li div p img:nth-child(1), #section-10 .wraper ul li div p img:nth-child(2) {
    padding: 0;
    width: 100%;
    border: none;
    border-radius: 0;
    margin: 10px 0 10px 0px;
}
#section-10 .wraper ul li div img {
    width: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    margin: 10px 0 10px 0px;
}
#section-10 {
    margin: 0 0 30px 0;
}
.col-tit-4 span {
    border: 5px dotted #ffe11d;
    color: #2faa2d;
    background: white;
}
.cols-row-4-2 {
    width: 100%;
    float: left;
    padding: 8px;
    margin-top: 8px;
}
.cols-row-4-3 {
    width: 100%;
    padding: 8px;
}
.cols-row-5 {
    padding: 0;
}
.cols-row-5 .cols-5:nth-child(1) {
    width: 100%;
}
.cols-row-5 .cols-5:nth-child(2) {
    width: 100%;
}
.info-class {
    border: 1px solid #fff;
    margin: 15px 0 0 0;
    display: none;
}
#section-11 {
    margin: 38px 0 0 0;
}
#section-11 .why h2 {
    font-size: 25px;
    padding: 0px;
}
#section-11 .wraper ul li {
    width: 50%;
}
#section-11 .wraper ul li div {
    margin: 8px;
    border-radius: 8px;
}
#section-7 .wraper ul li, #section-8 .wraper ul li, #section-9 .wraper ul li {
    width: 50%;
    padding: 5px;
}
#section-7 .wraper ul li img, #section-8 .wraper ul li img, #section-9 .wraper ul li img {
    margin: 0;
    padding: 5px;
}
#section-12 .ct {
    width: 100%;
}
#section-12 .wraper ul li {
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
#section-14 .ct {
    width: 90%;
    max-width: 100%;
    padding: 8px 0 8px 0;
}
#section-14 .wraper .col {
    width: 100%;
    margin-bottom: 8px;
}
#section-14 .wraper .rows div:nth-child(1) {
    width: 100%;
    padding: 0;
}
#section-14 .wraper .rows div:nth-child(2) {
    width: 100%;
}
.galary ul li:nth-child(1) {
    width: 100%;
}
.galary ul li {
    width: 50%;
}
.galary ul {
	margin: auto;
}
.galary ul li div {
    padding: 5px 8px 5px 8px;
}
.fanpage img {
    width: 62px;
    float: right;
    margin: 10px 0px 0px 0px;
}
.fanpage {
    width: 100%;
}
#section-10 .wraper div p img:nth-child(1), #section-10 .wraper div p img:nth-child(2) {
    width: 100%;
}
#section-10 .wraper div img {
    width: 100%;
}
.bg-overlay:after {
    content: " ";
    width: 100%;
    height: 95%;
    left: 0;
    top: 0;
}
.cols-row-4-2 .wraper .numbers {
    /* width: 58px; */
    margin: 0 auto;
    float: none !important;
}
.cols-row-4-2 .wraper span, .cols-row-4-3 .wraper span {
    font-size: 20px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    color: #000;
}
.cols-row-4-2 .wraper {
    padding-top: 8px;
}
.cols-row-4-3 .wraper .numbers {
    border: 2px solid #31ab2d;
}
.cols-row-4-3 .wraper {
    border: 3px solid #7bc144;
    border-radius: 8px;
    margin-top: 0px;
    padding: 25px 0 0 0;
    background: white;
}
.cols-row-4-3 .wraper p {
    width: 100%;
}
.cols-row-4-3 .wraper .des {
    padding: 8px;
    border: 2px solid #fff;
    border-radius: none;
    border: none;
    background: white;
    margin-top: 0;
    margin-bottom: 0;
    text-align: justify;
}
.page-left article ul {
    margin: 0 0 0 30px;
}
.wraper-slide {
    width: 50%;
    float: left;
    height: 300px;
    padding: 5px;
}
.bg-overlay {
	
}
.section-04 {
	width:100%;
}
.wraper {
    width: 100%;
}
.section-01 .wraper, .section-02 .wraper, .section-04 .wraper, .section-03 .wraper, .section-05 .wraper, .section-08  .wraper, .section-09 .wraper, .section-11 .wraper, .section-12 .wraper, .section-14 .wraper, .section-15 .wraper, .section-10 .wraper, .section-07 .wraper, .section-06 .wraper {
    width: 100% !important;
}
.section-04 .wraper .row-02 {
    width: 100%;
}
.top-site div {
    width: 100%;
	display:none;
}
.top-site {
    display: none;
}
.top-header {
    display: none;
}
.why h1 {
    font-size: 20px;
    width: 80%;
}
.why img {
    width: 50%;
}
.zone-top {
    display: block;
}
.section-01 {
    padding: 0px;
}
.section-01 .wraper span {
        font-size: 20px !important;
        margin: 30px 0 0 0;
    }
.section-01 .wraper span::before, .section-01 .wraper span::after {
	content:none;
}
.section-01 .wraper .col, .section-01 .wraper .col:nth-child(3) {
    width: 100%;
	margin-top: 0;
}
.section-01 .wraper .col:nth-child(3) {
    background: #01a8675c;
}
.tits-section h2 {
    font-size: 20px;
    padding: 0;
}
.section-03 .wraper span {
    font-size: 20px;
}
.section-03 .wraper .col {
    width: 100%;
    float: left;
    padding: 0;
	margin: 0;
}
.section-14 .wraper .rows .col:nth-child(1) img {
    margin: 0 auto;
    display: block;
}
.section-03 .wraper .col img {
        border-radius: 0;
        border: none;
        border: 2px solid #b18009;
    }
.section-03 .wraper .col div {
    padding: 0 20px 0 20px;
}
.section-03 {
    padding: 20px 0 0px 0;
}
.section-07 .wraper {
    padding: 20px 0 20px 0;
}
.section-07 .wraper .rows-01 h2 {
    font-size: 20px;
}
.section-07 .wraper .rows-02 .col {
    width: 100%;
}
.section-07 {
    margin: 50px 0 0 0;
}
.section-07 .wraper .rows-02 .col:nth-child(1) div .col:nth-child(1) {
    display: none;
}
.section-07 .wraper .rows-02 .col:nth-child(1) div .col:nth-child(2) {
    width: 100%;
    float: left;
    padding: 20px 5px 20px 5px;
    height: auto;
}
.section-07 .wraper .rows-02 .col div .col p {
    width: 100%;
    text-align: justify;
    font-size: 20px;
}
.section-07 .wraper .rows-02 .col div .col span {
    display: none;
}
.view-detail a {
    margin: 0 auto;
    text-align: center;
    display: table;
    float: none;
}
.section-07 .wraper .rows-02 .col:nth-child(1) div {
    height: auto;
}
.tits-section span {
    width: 100%;
    padding: 0 5px 0 5px;
}
.section-11 .wraper .rows .col {
    width: 100%;
    padding: 0px;
}
.section-11 .wraper .rows .col div {
    margin: 0;
}
.section-12 .wraper {
    padding: 20px 0 20px 0;
}
.section-12 .wraper .rows .col:nth-child(1) {
    width: 100%;
    padding: 10px;
    float: right;
    margin: 0 0 35px 0;
}
.section-12 .wraper .rows .col:nth-child(2) {
    width: 100%;
    padding: 10px;
    float: left;
}
.section-14 {
    margin: 20px 0 0 0;
}
.section-14 .wraper .rows .col {
    width: 100%;
    float: left;
    padding: 5px;
}
.section-14 .wraper .rows .col:nth-child(2) {
    margin: 0px 0 0 0;
}
.section-15 .wraper {
    padding: 20px 0px 20px 0;
}
.section-15 .wraper .tits-section h2::before, .section-15 .wraper .tits-section h2::after {
    content: none;
}
.section-15 .wraper .rows .col, .section-15 .wraper .rows .col div {
    transform: none;
}
.section-15 .wraper .rows .col {
    padding: 5px;
    margin: 5px 0 5px 0;
    width: 100%;
}
.section-15 .wraper .rows {
    padding: 5px;
}
.section-15 {
    background-size: cover;
}
.section-04 .wraper .row-01 h2, .section-05 .wraper .row-01 h2, .section-04 .wraper .row-01 h2, .section-06 .wraper .row-01 h2 {
    font-size: 20px;
}
.section-04 .wraper .row-02 ul li:nth-child(1), .section-04 .wraper .row-02 ul li:nth-child(3) {
    width: 100%;
    padding: 5px;
}
.section-04 .wraper .row-02 ul li:nth-child(2) {
    width: 100%;
    padding: 5px;
}
.section-04 .wraper .row-02 ul li .box {
    margin: 0px 0 10px 0;
}
.section-04 .wraper .row-02 ul li:nth-child(2) .box {
    margin: 0;
}
    .tab-links li a {
        width: auto;
        float: left;
        font-size: 12px;
        width: 98%;
    }
    .tab-links li {
        width: 45%;
    }
	.col-f-2 ul li {
    text-align: center;
}
.tab-content ul li {
    width: 50%;
}
.section-06 .wraper .row-02 ul li {
    width: 50%;
    height: 330px;
    margin: 0 0 15px 0;
}
.section-06 .pro-tit a {
    font-weight: bold;
    font-size: 18px;
    color: #ffffff;
    height: 90px;
    line-height: inherit;
}
.section-05 {
    margin: 30px 0 0 0;
}
.section-02 {
    min-height: 240px;
    padding: 30px 0 30px 0;
    margin: 30px 0 30px 0;
}
.section-02 .wraper .col {
    width: 100%;
    margin: 0 auto;
    float: left;
    padding: 0px 0 0 0;
    border-bottom: 2px dotted #fff;
}
.section-02 .wraper .col:nth-child(3) {
    border-bottom:none;
}
.section-08 .wraper .row h2 {
    font-size: 20px;
}
.section-08 .wraper .row:nth-child(2) ul li {
    width: 50%;
}
.section-09 .wraper .row:nth-child(1) span {
    font-size: 20px;
    color: #00a869;
    text-align: center;
    display: block;
    margin: 0 auto;
}
.section-09 .wraper .row:nth-child(2) ul li {
    width: 100% !important;
    height: auto !important;
}
.section-09 .wraper .row:nth-child(2) ul li div img {
    width: 100%;
}
.section-10 .row:nth-child(1) span {
    font-size: 20px;
    margin: 0 0 0px 0;
}
.section-10 .wraper {
    padding: 30px 0 0px 0;
}
.section-09 .wraper .row:nth-child(2) ul li div .bg-overlay::before {
    content: " ";
    width: 100%;
    height: 200px;
    position: absolute;
    background: #ffffff45 url(./images/icon-play.png) no-repeat center center;
    z-index: 9;
    border-radius: 5px;
    overflow: hidden;
    background-size: 17%;
    margin: 10px 0 0 0;
    display: block;
}
.section-09 .wraper .row:nth-child(2) ul li:nth-child(1) div .bg-overlay::before {
    content: " ";
    width: 100%;
    height: 200px;
    position: absolute;
    background: #ffffff45 url(./images/icon-play.png) no-repeat center center;
    z-index: 9;
    border-radius: 5px;
    /* overflow: hidden; */
    background-size: 15%;
    margin: 0;
}
.section-09 {
    background: white;
    margin: 0 auto;
    padding: 0;
}
.section-09 .wraper .row:nth-child(2) ul li:nth-child(1) .tieu-de-bao a {
    font-size: 20px;
    color: #00ac6d;
}
.section-09 .wraper .tieu-de-bao a {
    font-size: 20px;
    /* padding: 10px 5px 0 5px; */
    display: block;
    text-align: center;
    color: #6ac324;
}
.section-10 {
	display: none;	
}
.col-f-1 img {
    margin: 0 auto;
    width: 68%;
    border-radius: 5px;
    padding: 8px;
    background: white;
    position: relative;
    text-align: center;
    display: block;
}
.footer-content p {
    font-size: 20px;
    text-align: center;
}
.col-f-2 a {
    color: #fff;
    font-size: 20px;
    text-align: center;
    display: block;
}
.socialfollow {
	text-align: center;
}
.main-navigation ul li ul li a {
    padding: 8px 0 8px 15px;
    color: #ffffff;
}
.authorr {
    display: none;
}
.why p {
    margin: 0;
    padding: 10px;
    background: rgb(00,116,86);
    color: white;
    margin: 15px 0 15px 0;
}
.tits-section {
        background: rgb(148 108 3);
        padding: 5px 5px 20px 5px;
        /* margin: 0 0 -2px 0; */
    }
.tits-section h2 {
    color: white;
}
.tits-section span {
    color: white;
}
.section-12 .wraper .tits-section h2, .section-12 .wraper .tits-section span {
    color: #ffffff;
    padding: 0;
}
.section-12 .tits-section {
    background: none;
    padding: 0 5px 0 5px;
    margin: 0;
}
.tab-links ul {
    justify-content: center;
    display: flex;
}
.section-03 .wraper .tits-section {
    padding: 20px 0 20px 0;
}
.section-03 .wraper .tits-section span {
    font-size: 20px;
    color: white;
}
.page-left article h2 {
    font-size: 15px;
}


/*--------Lading page Flatsome----*/
.top-m {
    max-width: 98% !important;
}
.text-tit {
	
}
.cols-1 {
    padding: 0;
    margin: 0;
}
.cols-1 .col-inner {
    margin: 20px 0 0 0 !important;
}
.img-q1 {
	width: 88% !important;
}
#col-1485086528 {
	
}
.tt-row .slider {
	padding: 0;	
}
.img-q2 {
	width: 80%;
    margin-top: -12px;
    margin-bottom: -20px;
}
.banner-th .text {
    font-size: 10px !important;
    line-height: 1 !important;
}
.noi-dung .accordion-item a {
    border: none;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #005f3d;
    font-size: 10px;
    padding: 5px 15px 0 36px;
    height: 35px;
}
.col-bq {
    padding: 0 8px 0 8px;
}
.noi-dung .accordion-item a .toggle {
    margin: 0px 0 0 0px;
}
.noi-dung .accordion-inner {
	font-size: 12px;
}
.form-tv #nf-field-80, #nf-field-80_1 {
    font-size: 15px;
    text-shadow: none;
    background: #d6c885;
    box-shadow: none;
    border: none;
    border-radius: 35px;
    color: white;
}
.slide-tc .slider {
    padding: 0;
    margin: 0;
}
.px-s1 .row {
    max-width: 100% !important;
}
.px-s1 .row .col {
    padding: 10px 5px 0 5px;
}
.px-s1 .row .col .col-inner {
    padding: 0 !important;
    margin: 0px 0 0 0 !important;
}
.px-s1 .row .col .col-inner .text {
    font-size: 12px !important;
}
.px-s2 .row:nth-child(1) .img-inner {
    padding: 0 !important;
    margin: 0 !important;
}
.px-s2 .row:nth-child(2) .col {
    max-width: 100%;
}
.px-s2 .row:nth-child(2) .col .col-inner {
    padding: 5px !important;
    padding-bottom: 18px !important;
}
.px-s2 .row:nth-child(2) .col .col-inner .img {
    padding: 0 !important;
    margin: 0;
    width: 100% !important;
}
.px-s2 .row:nth-child(2) .col .col-inner .text {
    font-size: 11px !important;
    /* color: red !important; */
}
.ndkpx {
    margin: 5px 0 0 0;
	border-radius: 30px;
}
.ndkpx .accordion-title {
    border: none;
    font-size: 12px;
}
.ndkpx .toggle {
    top: 0px;
}
.ndkpx .toggle:hover  {
    color: #fff;
}
.ve-th {
	
}
.top-m .col {
    padding: 5px;
    max-width: 100%;
}
.gv {
	display:none;
}
.video-coth  .slider .flickity-slider {
}
.cspa {
    max-width: 100% !important;
}
.1k1 .col {
	
}
.1k1 {
	
}
.chinhanh {
    max-width: 100% !important;
}
.kb .row:nth-child(1) .col img{
	
}
.kb .section-content .row {
    max-width: 100% !important;
}
.kb {
    padding: 0;
    margin: 0;
}
.px-s2 {
	
}
.img-q1 {
    padding: 28px 0 0 0;
}
.col-coth {
    padding: 0;
}
.col-gvpx {
    padding: 18px 0 10px 0;
}
.tab-px ul .tab a span {
    color: #006e47;
    font-size: 8px;
    padding: 0px 20px 0 20px;
}
.lgog {
    max-width: 100% !important;
}
.tit-bao .img-inner, .tit-bao .col-inner   {
    margin: 30px 0px 0px 0px !important;
}
.cnhv .col-inner {
    margin: 0 !important;
    padding: 0;
}
.cnhv {
    margin: 0;
    padding: 0 8px 0 8px;
}
.tab-px .tab-panels .panel .banner-grid-wrapper .row-grid .grid-col .col-inner{
	
}
.tab-px .tab-panels .panel .banner-grid-wrapper .row-grid .grid-col {
    width: 50%;
    float: left;
    position: static !important;
}
.col-al {
    padding: 0 5px 0 5px;
}
.tab-px .tab-panels .panel .grid-col .col-inner img {
    padding: 5px !important;
    border-radius: 20px;
}
.slide-q1 .slider .flickity-button, .tt-row .slider .flickity-button, .slide-tc .slider .flickity-button, .video-ct .slider .flickity-button{
	display: block;
}
.rows-ck .col {
    padding: 0;
}
.slide-homes .slider .flickity-button, .video-coth .slider .flickity-button, .ve-th .slider .flickity-button, .slide-anh .slider .flickity-button, .dcy .slider .flickity-button, .phcs .slider .flickity-button, .slide-botton .slider .flickity-button, .dngv .slider .flickity-button, .slide-px1 .slider .flickity-button, .dq-px1 .slider .flickity-button, .coth-px1 .slider .flickity-button, .slide-hd .slider .flickity-button{
	display: block;
}
.tit-font {
    padding: 20px 0 20px 0;
    font-family: Beautyque Display;
    text-transform: uppercase;
    font-size: 22px !important;
    font-weight: bold;
    line-height: 28px;
}
.video-coth .row .col {
    margin: 0;
    padding: 0;
}
.col-video-th {
	margin: 0;
    padding: 0;
}
.tit-font2 {
    font-size: 22px !important;
    font-weight: bold;
}
.video-ct .col {
    padding: 0;
    border-radius: 16px;
    display: block;
    position: relative;
}
.col-onetr {
    padding: 0;
    margin: 0;
}
.slide-tc .row .col {
    padding: 0;
}
.slide-vnb .flickity-button {
    display: block;
}
.col-vnb {
    padding: 0;
}
.row-bcql {
    padding: 0 0 40px 0;
}
.hdk .col img {
    margin: 18px 0 0 0;
    padding: 0;
}
.hdk .col {
    padding: 0;
}
.dcypx .col {
    padding: 0;
}
.dcypx .col .col-inner {
    padding: 0;
    margin: 0 !important;
}
.cnhcpx .col .col-inner {
    padding: 0;
    margin: 0 !important;
}
.cnhcpx .col {
    padding: 0;

}
.hdkpx .slide-hd .slider {
    padding: 0;
    /* margin: 0; */
}
.hdkpx .tit-font2 {
    margin: 30px 0 -20px 0;
}
.row-ndkh {
    max-width: 100% !important;
    padding: 0;
    margin: 0;
}
.ndkhspa {
    text-align: left;
    margin: -40px 0 0 0;
}
.ndkhspa .accordion-item .accordion-title {
    font-size: 12px;
    padding: 8px 36px 8px 20px;
}
.ndkhspa .accordion-item .accordion-inner {
    font-size: 12px;
}
.ndkhspa .accordion-item .accordion-title .toggle {
    top: 10px;
}
.section-04 .wraper {

    padding: 20px 0 0px 0;
}
.section-12 .wraper .rows .col:nth-child(2) img {
    display: block;
}


}


@media only screen and (min-width:768px) and (max-width:1024px) {
	.top-header {
		overflow: hidden;
		width: 100%;
		margin: 0 auto
	}
	.menu-top-header {
		width: 100%;
		margin: 0 auto
	}
	.site-bk {
		width: 100%;
		margin: 0 auto
	}
	.logo {
		width: 25%
	}
	.banner-hoc-vien {
		width: 50%;
		float: left;
		padding: 8px 0 0 0
	}
.hotline-top {
    margin: 30px 0 0 0;
    width: 22.8%;
    float: left;
    font-size: 18px;
    border: 1px solid #96bb26;
    border-radius: 8px;
    padding: 2px 5px 2px 2px;
}

.hotline-top img {
    float: left;
    margin: 5px 2px 0 0;
    width: 18%;
}
	.hotline-top p {
		float: right;
		font-size: 15px!important;
		line-height: 15px!important;
		color: black
	}
	.main-navigation {
		width: 100%;
		margin: 0 auto;
		z-index: 999;
		padding: 0 0 0 0;
		display: block;
		height: 42px
	}
	.menu-va {
		width: 100%;
		margin: 0 auto
	}
.nav-menu li a {
    font-size: 12px;
    padding: 10px 12px 10px 12px;
}
	.col-top {
		width: 100%
	}
	.lv img {
		width: 118px
	}
	.lv img:hover {
		width: 118px
	}
	.why span {
		font-size: 20px;
		padding: 2px 0 23px 0;
		color: #2aa900
	}
	.lv p {
		text-align: center;
		font-size: 14px
	}
	.tit-col-z {
		font-size: 12px
	}
	.lv {
		width: 33.3%;
		padding: 0 20px 0 20px
	}
	.z-top-border {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		margin-top: 8px;
		padding: 0 18px 0 18px
	}
.col-za {
    border: 2px solid #ececec;
    width: 48.5%;
    float: left;
    padding: 12px 10px 12px 10px;
    margin: 0 8px 0 0;
    overflow: hidden;
    border-image: linear-gradient(to right, #4abf20, #f9c300);
    border-image-slice: 1;
    background: none;
    height: 295px;
}
.slick-slide img {
    width: 100%;
    height: 162px;
    overflow: hidden;
}
.slick-prev {
    margin: 45px 0 -24px 9px;
    position: absolute;
    z-index: 999;
    box-shadow: none;
    border: none;
    padding: 15px 10px 20px 10px;
    font-size: 20px;
    color: #6bc355;
    background: #ffffff9e;
    outline: none;
}
.slick-next {
    margin: -237px 9px 6px 2px;
    position: absolute;
    z-index: 999;
    box-shadow: none !important;
    border: none;
    padding: 10px 10px 20px 10px;
    font-size: 24px;
    color: #7ecc6a;
    background: #ffffff9e;
    right: 0;
    outline: none;
    box-shadow: none;
}
	.col-za-image {
		float: left;
		margin: 0 20px 0 0;
		width: 35%
	}
	.col-za-content span {
		text-transform: uppercase;
		color: #7ac142;
		font-size: 15px;
		line-height: 15px;
		padding: 0 0 0 0
	}
.col-za-content p {
    font-size: 14px;
    line-height: 22px;
}
	.service {
		width: 100%;
		margin: 0 auto;
		margin-top: 0;
		overflow: hidden;
		padding: 0 8px 0 8px
	}
	.service span {
		font-size: 20px;
		padding: 28px 0 8px 0
	}
	.service p {
		text-align: center;
		font-size: 14px
	}
	.lis-service {
		width: 100%
	}
.pro-lis-service {
    width: 21%;
    margin: 0 15px 18px 15px;
    height: 265px;
}
	.pro-tit a {
		font-size: 9px
	}
	.video-image {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		margin-top: 20px;
		padding: 0 5px 0 15px
	}
	.col-video {
		width: 48%;
		float: left;
		margin: 0 12px 0 0
	}
	.col-image {
		width: 50%;
		float: left
	}
	.tit-col-vim span {
		padding: 8px 0 8px 0;
		font-size: 15px;
		text-align: left
	}
.hinh-anh-truong div {
    width: 31.8%;
    height: 80px;
    float: left;
    overflow: hidden;
    margin: 0 0px 5px 5px;
}
	.hinh-anh-truong a img {
		width: 100%;
		height: 100%;
		float: left
	}
	.bg-cam-nhan {
		overflow: hidden;
		margin: 18px 0 0 0;
		background: #7ac142;
		padding: 32px 0 18px 0
	}
	.cam-nhan {
		width: 100%
	}
	.cn-content ul li {
		width: 29.38%;
		float: left;
		margin: 0 15px 20px 15px;
		list-style: none;
		font-size: 14px;
		height: auto;
		padding: 0 0 0 0
	}
.col-tc {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 38px 0 38px 0;
}
.golden-ruler {
    width: 95%;
    margin: 0 auto;
}
.golden-ruler ul li {
    width: 17.25%;
    float: left;
    list-style: none;
    margin: 0 10px 0 10px;
    padding: 22px 0 0 0;
    height: 230px;
}
.tit-tc {
    font-size: 12px;
    color: #000;
    text-align: center;
    /* font-family: 'V', sans-serif; */
    /* font-weight: bold; */
    padding: 18px 0 0 0;
}
	.fa-quote-left {
		font-size: 18px;
		color: #7ac14296
	}
	.des-f {
		height: 162px
	}
	.cn-content .title-feature {
		margin: 10px 0 0 0;
		color: black;
		text-transform: uppercase
	}
	.custom-field {
		font-size: 14px;
		text-transform: none;
		color: #ef550c;
		font-weight: bold;
		padding: 2px 0 0 0
	}

.slider-wrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    margin-top: 18px;
    margin-bottom: 10px;
}
	.slider01 {
		position: relative;
		width: 100%;
		margin: auto
	}
.slider ul li {
    list-style: none;
    text-align: center;
    padding: 10px;
    height: 122px;
    width: 2%;
    float: none;
}
	.why span {
		font-size: 18px;
		padding: 2px 0 2px 0;
		color: #2aa900
	}
.title-da p {
    font-size: 16px;
    padding: 0 0 6px 0;
    margin: 0;
    border-bottom: 1px solid #60b315;
}
	.news-home {
		width: 100%;
		padding: 18px 0 20px 0
	}
	.col-feature-pro {
		width: 30.6%;
		float: left;
		margin: 0 10px 0 10px
	}
	.news-home {
		width: 100%;
		padding: 0 0 20px 0
	}
	.ft-content {
		width: 100%;
		margin: 0 auto;
		overflow: hidden
	}
	.footer-content {
		padding: 20px 12px 36px 12px;
		color: #000;
		font-family: arial;
		border-top: 2px solid #fff;
		display: block;
		background: url(./images/slideshow_3.jpg);
		background-size: cover;
		overflow: hidden
	}
	.slider-arrow {
		display: none
	}
	.col-f-1 {
		width: 30%;
		float: left;
		color: #0a0a0a;
		font-size: 15px;
		padding: 0 0 0 0;
		margin: 0 5px 0 0
	}
	.col-f-2 {
		width: 28%;
		float: left;
		color: #efefef;
		font-size: 15px;
		padding: 0 0 0 15px;
		margin: 0 0 0 0
	}
	.col-f-3 {
		width: 34%;
		float: left;
		color: #bfbfbf;
		font-size: 15px
	}
	.suport-right li {
		list-style: none;
		border-bottom: 1px dotted #fff;
		background: white;
		padding: 15px 2px 15px 2px;
		line-height: 10px;
		width: 60px
	}
	.hotline-r {
		font-size: 15px!important;
		line-height: 20px;
		color: white!important
	}
	.yh-tit img {
		width: 68%
	}
	.wrap-yh {
		top: 25%
	}
	.z-top {
		margin: 0 0 0 0
	}
	.qc .slider-news ul li {
		height: 350px;
		margin: 2px 25px 18px 25px;
		width: 39%
	}
	.thuc-hanh ul li {
		list-style: none;
		float: left;
		width: 30.64%;
		margin: 0 10px 38px 10px
	}
	.col-tc span {
		width: 100%;
		border-radius: 0
	}
	.tieu-chuan {
		background: url(./images/about-slider.jpg) fixed center center;
		background-size: cover;
		padding: 0 0 0 0
	}
	.col-tc span {
		width: 100%
	}
.golden-ruler ul {
    border-radius: 0;
    margin: 0;
    padding: 0;
}
	.page-content {
		width: 100%
	}
	.lien-he {
		width: 100%;
		margin: 0 auto;
		margin-top: 60px;
		margin-bottom: 20px;
		overflow: hidden;
		padding: 0 20px 0 20px
	}
	.modal {
		width: 100%;
		padding: 8px 8px
	}
.cat-social {
    padding: 0 0 15px 0;
    display: none;
}
.tit-cat-special h1::before {
    content: "";
    background: none;
    width: 250px;
    height: 2px;
    display: block;
    margin: 42px 0 0 0;
    position: absolute;
    border-radius: 0px 10px 10px 0px;
}



}
