/*Global css*/
html {
    font-size: 16px;
}


/*Header CSS*/
body * {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
body .col {
    padding-bottom: 0;
}
div.text,
label,
span {
    line-height: normal;
}
@font-face {
    font-family: 'NewParis';
    src: url('../font/NewParis.otf') format('woff2');
}
@font-face {
  font-family: 'UTMGod';
  src: url('../font/UTM-God_s WordR.ttf');
}
body {
    overflow-x: visible;
}
.as-header {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 35%);
    z-index: 99;
}
#masthead {
    position: relative;
    z-index: 999;
}
#masthead .is-sticky-section .as-top {
    display: none;
}
#main .as-pd {
    padding: 60px 0;
}
.as-header .nav .menu-item {
    margin: 0 5px;
}
.as-header .nav .menu-item a {
    text-transform: uppercase;
    font-size: 15px;
    color: #000;
    opacity: 1;
}
.as-header .nav .menu-item a:hover {
    color: #f58020;
}
.as-header .nav > .menu-item > a {
    padding: 32px 0;
    line-height: 30px;
    color: #000;
    font-weight: 500;
    border-bottom: 3px solid #fff;
}
.as-header .nav > .menu-item:hover > a,
.as-header .nav > .menu-item.active > a {
    border-color: #f58020;
    color: #f58020;
}
.as-header .nav .menu-item.btn-pop a {
    padding: 10px 15px;
    background: #f58020;
    color: #fff;
    line-height: normal;
}
.as-header .nav .menu-item.btn-pop a:hover {
    background: #5f1611;
}
.as-header .nav .menu-item .nav-dropdown {
    left: 0;
    padding: 10px 15px;
}
.as-header .nav .menu-item .nav-dropdown li,
.as-header .nav .menu-item .nav-dropdown li a {
    margin: 0;
}
.as-header .nav .menu-item .nav-dropdown {
    display: none;
}
.as-header .nav .menu-item.current-dropdown .nav-dropdown {
    display: block;
}
.as-header .row .col {
    padding: 0;
}
.nav-dropdown-has-arrow li.has-dropdown:before {
    border-bottom-color: #f58020;
}
#masthead .as-header .as-top form input {
    /*border: none;*/
    border-bottom: 1px solid #d9d7d7;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 2px;
    line-height: normal;
    height: auto;
    background: no-repeat;
    width: 300px;
    padding: 0 0 3px 0;
}
.as-header .col a.button span {
    color: #000;
    font-weight: 500;
}
.admin-bar .as-header .col .btn-login,
.as-header .col .btn-acout {
    display: none;
}
.admin-bar .as-header .col .btn-acout {
    display: block;
}
.as-header .col a.button:hover span {
    color: #f58020;
}


#main a.button {
    opacity: 1;
}
#main a.button:hover {
    background: #5f1611;
}
.as-title h2 {
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    line-height: 140%;
    font-family: UTMGod;
}
.as-title h2 strong {
    display: block;
    color: #f58020;
    font-weight: 600;
    font-family: UTMGod;
    font-size: 35px;
}
.as-title p {
    font-size: 14px;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.slider-nav-dots-simple .flickity-page-dots {
    bottom: -40px;
}
.slider-nav-dots-simple .flickity-page-dots .dot {
    background-color: #f58020;
    border-color: #f58020;
}
 #main .as-hm-07 .list {
    padding-bottom: 40px;
 }
#main .flickity-prev-next-button.next {
    opacity: 1;
}

#colophon .as-footer {
    padding: 60px 0;
}
body .section-title-container {
    margin-bottom: 0;
}
.as-footer .section-title {
    margin-bottom: 0;
    border-bottom: none;
}
.as-footer .section-title span {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #000;
}
.as-footer h4.section-title {
    margin-bottom: 13px;
}
.as-footer h4.section-title .section-title-main {
    display: flex;
    flex-wrap: nowrap;
}
.as-footer .wv-logo {
    margin-bottom: 20px;
}
.as-footer h2 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    font-family: UTMGod;
    margin-bottom: 15px;
}
.as-footer p {
    font-size: 14px;
}
.as-footer form {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    overflow: hidden;
}
.as-footer form input {
    margin: 0;
    line-height: 38px;
    height: auto;
    min-height: nomal;
    border: none;
    background: #fff;
    font-size: 14px;
}
.as-footer form .wpcf7-spinner {
    position: absolute;
}
.as-footer form .submit .wpcf7-submit {
    padding: 0 15px;
    background: #f58020;
    /*line-height: normal;*/
}
.as-footer form .submit .wpcf7-submit:hover {
    background: #5f1611;
}
.as-header .row-full-width {
    padding: 6px 0;
    background: #F1F1F1;
}
.as-header .row-full-width .row {
    margin: 0 auto;
}
.as-header .row-full-width .section-title {
    margin: 0;
    border-bottom: none;
}
.as-header .row-full-width .section-title span {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #000;
}
.as-header .row-full-width a.button {
    padding: 0;
    margin: 0;
    line-height: normal;
    font-size: 14px;
}
.slider .flickity-prev-next-button {
    opacity: 1;
}
.as-footer .col {
    text-align: left;
}
#main .pd-60 {
    padding: 60px 0;
}
#main .pd-bt-60 {
    padding-bottom: 60px;
}
#main .inplant-why .row-flex .col {
    padding: 0 20px;
    margin-bottom: 30px;
}
#main .inplant-why .row-flex .col .col-inner {
    border-radius: 20px;
    overflow: hidden;
}
#main .inplant-why .row-flex .col .col-inner .img {
    margin-bottom: 0;
}
#main .inplant-why .row-flex .col .col-inner h3.section-title {
    margin-bottom: 0;
    background: #f6f6f5;
    font-size: 16px;
    padding: 15px 15px;
    border-bottom: none;
}
#main .inplant-why .row-flex .col .col-inner h3.section-title span {
    min-height: 65px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    line-height: 130%;
}
#main .inplant-why .row-flex .col {
    width: 100%;
    max-width: 20%;
}
#main .implant-uudiem {
    padding: 80px 0;
}
#main .implant-uudiem .row-flex {
    justify-content: center;
}
#main .implant-uudiem .row-flex .col {
    width: 100%;
    max-width: 33.33%;
    margin-bottom: 40px;
    padding: 0 20px;
}
#main .implant-uudiem .row-flex .col .col-inner {
    background: #efe7d4;
    border-radius: 40px 0 40px 0;
    padding: 50px 30px;
    height: 100%;
}
#main .implant-uudiem .row-flex .col .col-inner h3 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
}
#main .implant-uudiem .row-flex .col .col-inner p {
    font-size: 22px;
    text-align: justify;
}
#main .implant-uudiem .title-color {
    margin-bottom: 30px;
}
#main .implant-uudiem .button {
    margin-bottom: 0;
    border-radius: 15px;
}
#main .section-phanloai {
    padding: 50px 0 0 0;
}
#main .section-phanloai h2 {
    margin-bottom: 0;
}
#main .section-phanloai h4 {
    font-size: 36px;
}
#main .section-phanloai .list .col .col-inner {
    padding: 30px 20px;
    border: 3px solid #ffbe00;
    border-radius: 30px;
}
#main .section-phanloai .list .col {
    margin-bottom: 30px;
}
#main .section-phanloai .list .col .col-inner h3 {
    margin-bottom: 10px;
    line-height: 1;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
#main .section-phanloai .list .col .col-inner p {
    font-size: 15px;
}
#main .section-phanloai .list .col .col-inner .icon-box-text {
    padding-left: 60px;
    position: relative;
}
#main .section-phanloai .list .col .col-inner .icon-box-text:before {
    font-size: 95px;
    color: #0f1d37;
    line-height: 1;
    position: absolute;
    left: 0;
    bottom: auto;
    top: -13px;
    font-family: NewParis;
}
#main .section-phanloai .list .col:nth-child(1) .col-inner .icon-box-text:before {
    content: '1';
}
#main .section-phanloai .list .col:nth-child(2) .col-inner .icon-box-text:before {
    content: '2';
}
#main .section-phanloai .list .col:nth-child(3) .col-inner .icon-box-text:before {
    content: '3';
}
#main .title-color-3 h4 {
    margin-bottom: 10px;
}
.lightbox-by-id .wpcf7-form div {
    line-height: normal;
    height: auto;
}
.lightbox-by-id .wpcf7-form .field .text {
    padding-bottom: 6px;
    font-size: 14px;
}
.lightbox-by-id .wpcf7-form .field .text strong {
    color: red;
}
.lightbox-by-id .wpcf7-form .field input {
    line-height: 34px;
    height: auto;
    font-size: 14px;
}
.inplant-why .row-flex {
    padding-top: 30px;
}
.section-title span {
    margin: 0;
    padding: 0;
}
.as-header .searchform .button.icon i {
    color: #a19e9e;
    font-size: 16px;
}
.as-header .searchform .button.icon {
    padding: 0;
    text-align: right;
}

/* list icon */
.list-social {
  z-index: 1;
  position: relative;
}
.list-social .popup-row {
	background: none;
	padding: 0;
}
.list-social a span,
.list-social a {
	text-transform: none;
	color: #fff;
	font-size: 0px;
	font-weight: 500;
	transition: 1s;
}
.list-social a {
	display: flex;
	width: auto;
	align-items: center;
	box-shadow: 0 0 6px 1px #1f1e1e70;
	padding: 10px 10px 10px 15px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	/* background: #fff; */
}
.list-social a img {
	padding: 0;
	margin-right: 10px;
	max-height: 30px;
	width: auto;
	border-right: none;
}
.list-social .social-colum {
	position: fixed;
	right: 0;
}
.list-social .social-colum a:hover span {
	font-size: 16px;
}
.list-social .social-01 {
	top: 250px;
}
.list-social .social-01 a {
	background: #189d0e;
}
.list-social .social-02 {
	top: 354px;
	/* display: none; */
}
.list-social .social-02 a {
	background: #0089fd;
}
.list-social .social-03 {
	top: 406px;
	/* display: none; */
}
.list-social .social-03 a {
	background: #4267b2;
}
.list-social .social-04 {
	top: 302px;
}
.list-social .social-04 a {
	background: #F87C00;
}
/*************** MOBILE CSS  ***************/
@media only screen and (max-width: 780px) {

}