@import "font.css";
@charset "utf-8";
body { margin: 0px auto; padding: 0px ; font-size: 17px; line-height: 1.6; font-family: "Montserrat", Helvetica , Arial, Helvetica, Tahoma, sans-serif; font-weight: normal; background: #F8F9FA; }
* { margin: 0px auto; padding: 0px auto; outline: none; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clr { clear: both; }
ul { padding: 0px; }
img { border: 0; }
::selection { background-color: #008ACB; color: #fff; }
::-webkit-selection { background-color:#008ACB; color: #fff; }
-webkit-::selection { background-color: #008ACB; color: #fff; }
::-moz-selection { background-color:#008ACB; color: #fff; }
.pagewrap { position: relative; width: 1200px; margin: 0 auto; }
.showText p{ padding-bottom: 15px; }
.showText img { display: block; margin: 0 auto; height: auto; max-width: 100%; }
.showText ul { padding-bottom: 15px; }
.showText ul li { margin-left: 35px; font-size: 18px; line-height: 27px; font-weight: 300; }
th { line-height: 45px; text-align: center; font-size: 20px; font-weight: normal; text-transform: capitalize; }
tr:hover { background-color: #f5f5f5; }
th, td { border-bottom: 1px solid #ddd; }
th, td { padding: 5px 15px; }
td a { color: #333; text-align: center; }
td a i{ padding-left: 5px; }
td a:hover { color: #008ACB; }
th { font-size: 17px; line-height: 35px; padding: 10px 0; }
table { border: 1px solid black; }
table { width: 100%; }
table { border-collapse: collapse; }
table, th, td { border: 1px solid #eee; }
.header_top { background-color: #346d0f; border: 1px none; box-shadow: 0px 4px 11px #00000040; padding: 10px 0; position: fixed; z-index: 99999; left: 10px; right: 10px; top: 15px; }
.header_top .pagewrap { width: 100%; padding: 0 100px; }
.dv-banner-slider-cont { height: 850px; overflow: hidden; position: relative; }
.dv-menu-top { padding-top: 12px; margin-top: 18px; display: none; text-align: center; background: #fff; padding-bottom: 15px; }
.dv-menu-top li { display: inline-block; list-style: none; padding: 0 25px }
.timkiem_top.no_box { position: relative; }
a.cur.a-timkiem { opacity: 0; }
.search { border: 1px solid #a8c3a6; width: 450px; height: 40px; position: absolute; right: 160px; top: 1px; background: #29522a; border-radius: 5px; }
.dv-banner-slider { padding-top: 0; position: absolute; left: 0; right: 0; top: 0; z-index: 9999; height: 100%; object-fit: cover; }
.dv-banner-slider video { width: 100%; height: 100%; position: absolute; z-index: 0; object-fit: cover; min-height: 600px; }
.dv-title-29 { display: none; }
.dv-banner-slider iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.dv-banner-slider:before { content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; }
.search input { width: 100%; height: 40px; background: none; border: none; padding: 0 14px;color: #fff; }
.dv-menu-top li a { color: #356e10; position: relative; }
.dv-menu-top li a:hover:before { content: ""; height: 1px; background: #90ab8c; position: absolute; bottom: -7px; width: 100%; }
.dv-menu-top ul { list-style: none; display: inline-block; margin: 0 auto; }
.header_top .logo_header { display: inline-block; float: left; }
.timkiem_top.no_box { display: inline-block; float: right; margin-top: 20px; }
.logo_header a { display: block; line-height: 0; }
.logo_header a img { max-height: 80px; }
.search { display: none; }
a.cur.a-timkiem { display: inline-block; line-height: 0; }
a.a-menu { display: inline-block; line-height: 0; float: right; margin-left: 20px; }
a.a-menu img { height: 33px; }
a.cur.a-timkiem img { height: 26px;width: 26px; }
.header_top.actii { padding-bottom: 0; }
.header_top.actii .dv-menu-top { display: block; }
.timkiem_top.no_box.acti .search { display: block; }
.search img { height: 26px; width: 26px; position: relative; top: -2px; right: -1px; }
.search a { padding: 9px 13px; display: inline-block; line-height: 0; position: absolute; right: 0; }
.dv-kieu-1 { position: relative; background: #244b341a; }
.pd40 { padding: 40px 0; }
.dv-kieu-1 .pagewrap { width: 100%; }
.dv-kieu-1 .dv-left { width: 35%; max-width: 420px; float: right; padding: 50px 50px 0 0; }
.dv-kieu-1 .dv-right { width: 65%; float: right; }
.dv-kieu-1 .dv-right img { width: 100%; height: 100%; object-fit: cover; }
.dv-title-home { background-color: transparent; color: #346d0f; font-family: "Philosopher", Helvetica; font-size: 55px; font-style: normal; font-weight: 400; line-height: normal; mix-blend-mode: normal; position: relative; }
img.img-kieu-1-2 { background-color: transparent; max-height: 602px; left: 0px; position: absolute; bottom: 0; max-width: 420px; }
.dv-kieu-11 .pagewrap { width: 100%; }
.dv-kieu-5 .dv-left { width: 40%; float: left; padding-right: 60px; }
.dv-kieu-5 .dv-right { width: 60%; float: left; }
.dv-kieu-5 { position: relative;overflow: hidden; }
.dv-kieu-28.dv-kieu-5 { background: #244b341a; }
.dv-kieu-5 .dv-left .dv-title-home { font-size: 46px; margin-top: 20px; color: #346d0f; margin-bottom: 14px; font-weight: 600; }
.dv-kieu-11 .dv-left { width: 50%; float: left; overflow: hidden; }
.dv-kieu-28.dv-kieu-5 .showText { font-size: 18px; }
.dv-kieu-11 .dv-right { width: 50%; float: left; overflow: hidden; }
.dv-kieu-11 .dv-right img, .dv-kieu-11 .dv-left img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.dv-kieu-11 .dv-title-home { color: #fff; text-align: center; position: relative; z-index: 99; font-size: 50px; }
.dv-kieu-11 .showText { text-align: center; position: relative; color: #fff; z-index: 99; max-width: 600px; margin-top: 20px; font-size: 20px; line-height: 1.8; }
.dv-kieu-11 .dv-left:hover .showText, .dv-kieu-11 .dv-right:hover .showText { display: block; }
.dv-kieu-11 .dv-left:before,.dv-kieu-11 .dv-right:before { background: linear-gradient(180deg, rgb(45.00000111758709, 82.00000271201134, 40.00000141561031) 0%, rgba(45.00000111758709, 82.00000271201134, 40.00000141561031, 0) 100%); background-color: transparent; border: 1px none; height: 100%; left: 0px; mix-blend-mode: normal; position: absolute; top: 0px; width: 100%; content: ""; z-index: 11; }
.dv-kieu-11 .dv-left,.dv-kieu-11 .dv-right { padding: 200px 0px; position: relative; }
.showText { line-height: 1.7; }
.showText img{width: auto; height: auto; max-width: 100%; margin: 10px auto;}
.dv-kieu-12 { background-color: #2d5228; color: #fff; }
.dv-kieu-12 .dv-title-home { text-align: center; color: #fff; }
.pText { text-align: center; margin-bottom: 50px; }
.dv-box-div-12 { width: calc(100% / 3 - 40px); margin: 0 10px 20px; position: relative; border-radius: 10px; overflow: hidden; display: inline-block; line-height: 0; }
.dv-box-div-12 img { width: 100%; }
.dv-box-div-12:before { content: ""; background: linear-gradient(180deg, rgb(45.00000111758709, 82.00000271201134, 40.00000141561031) 0%, rgba(45.00000111758709, 82.00000271201134, 40.00000141561031, 0) 100%); background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.dv-kieu-12-cont.flex { text-align: center; flex-flow: wrap; align-items: center; justify-content: center; }
.dv-box-cont-12 { position: absolute; bottom: 0; left: 0; z-index: 1; padding: 20px 20px 30px; width: 100%; }
.dv-box-cont-12 .dv-title-home { font-size: 25px; font-weight: 600; font-family: "Montserrat", Helvetica , Arial, Helvetica, Tahoma, sans-serif; text-align: center; line-height: 1.6; }
.dv-box-cont-12 .showText { margin-top: 10px; font-size: 16px; overflow: hidden; max-height: 0px; transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s; }
.dv-box-div-12:hover .dv-box-cont-12 .showText { max-height: 9999px; transition-timing-function: cubic-bezier(0.5, 0, 1, 0); transition-delay: 0s; }
.dv-kieu-13 { background-color: #eaede9; }
.pd60 { padding: 60px 0; }
.pd80 { padding: 80px 0; }
.pd100 { padding: 100px 0; }
.dv-box-div-13 { width: calc(100% / 3 - 30px); color: #fff; margin: 0 15px 20px; }
.dv-kieu-13-cont-child { background-color: #2d5228; border-radius: 20px; padding: 30px; position: relative; color: #fff; }
.dv-kieu-13 .dv-title-home { text-align: center; margin-bottom: 30px; }
.dv-title-k13 { font-size: 20px; font-weight: 500; margin-bottom: 15px; color: #29522a; text-align: center; margin-top: 10px; }
.dv-box-cont-13 .showText p { margin: 0; }
.dv-kieu-14 { background-color: #fff; }
.dv-kieu-14 .dv-title-home { color: #346d0f; text-align: center; margin-bottom: 60px; position: relative; font-size: 45px; font-weight: 600; }
.dv-box-div-14 { background-color: #346d0f; border-radius: 20px; margin-bottom: 25px; padding: 20px; color: #fff; }
.dv-box-div-14 .dv-title-k14 { color: #fff; font-size: 18px; font-weight: 600; text-align: center; position: relative; padding-bottom: 8px; margin-bottom: 7px; }
.dv-kieu-14-cont .dv-left,.dv-kieu-14-cont .dv-center,.dv-kieu-14-cont .dv-right { width: calc(100% / 3 - 20px); margin: 0 10px; float: left; }
.dv-kieu-14-cont .dv-center img { width: 100%; }
.dv-kieu-14-cont .dv-left { padding-right: 20px; }
.dv-kieu-14-cont .dv-right { padding-left: 20px; }
.dv-box-div-14 .showText { font-size: 16px; text-align: center; padding-top: 5px; }
.dv-box-div-14 .showText p { padding: 0; }
.dv-title-k14:before { width: 100%; height: 1px; position: absolute; background: #fff; bottom: 0; content: ""; left: 0; right: 0; max-width: 200px; margin: 0 auto; }
.dv-kieu-15 { background: #d5ddd8; }
.dv-kieu-15 .dv-title-home { text-align: center; }
.dv-box-div-15 { width: calc(100% / 4 - 20px); margin: 0 10px 20px; position: relative; }
.dv-box-div-15 img { width: 100%; }
.dv-box-div-15:before { content: ""; background: linear-gradient(180deg, rgba(45.00000111758709, 82.00000271201134, 40.00000141561031, 0) 0%, rgba(45.00000111758709, 82.00000271201134, 40.00000141561031, 0.009999999776482582) 37.5%, rgb(45.00000111758709, 82.00000271201134, 40.00000141561031) 100%); background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.dv-box-cont-15 { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; color: #fff; }
.dv-box-cont-15 .dv-title-home { font-size: 22px; color: #fff; font-weight: 500; }
.dv-box-cont-15 .showText { font-size: 15px; overflow: hidden; max-height: 0px; transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s; }
.dv-box-div-15:hover .dv-box-cont-15 .showText { max-height: 9999px; transition-timing-function: cubic-bezier(0.5, 0, 1, 0); transition-delay: 0s; }
.dv-kieu-16 img { width: 100%; height: 100%; position: absolute; object-fit: cover; top: 0; left: 0; }
.dv-kieu-16 { overflow: hidden; position: relative; }
.dv-title-16 { background-color: #2d5228; height: auto; padding: 28px 40px; width: 100%; max-width: 400px; color: #fff; font-size: 40px; margin: 200px 0; font-family: "Arima Madurai", Helvetica; position: relative; }
.dv-title-16:before { content: ""; background-color: hsl(113deg 34% 24% / 50%); position: absolute; width: 100%; height: 100%; top: 40px; left: 40px; z-index: 0; }
.dv-title-16 .showText { position: relative; line-height: 1.5; }
.header_top.actii a.a-menu img { opacity: 0; }
a.a-menu { display: inline-block; line-height: 0; margin-left: 20px; height: 38px; width: 38px; position: relative; }
.header_top.actii a.a-menu span { opacity: 1; position: absolute; top: 17px; }
.header_top a.a-menu span{opacity: 0; position: absolute;}
a.a-menu span, a.a-menu span:before, a.a-menu span:after { width: 33px; height: 3px; background-color: #f7f7f7; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
a.a-menu span:before,a.a-menu span:after{content: ""; display: block;}
a.a-menu span:before{ top: -10px; }
a.a-menu span:after{ bottom: -10px; }
.header_top.actii .a-menu span::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
.header_top.actii .a-menu span::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }
.header_top.actii .a-menu span{ transform: rotate(225deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.dv-batquai { position: absolute; width: 100%; top: 50%; left: 50%; z-index: 9999; height: 680px; transform: translate(-50%, -50%); }
.header_top.actii .dv-batquai { display: block; }
.footer_top { background: #346d0f; color: #fff; padding: 50px 0 45px; }
.dv-kieu-3 img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.footer_top img { height: 100px; margin-bottom: 10px; width: auto; }
.dv-footer-left { width: 50%; float: left; text-align: left; }
ul.u-footer { list-style: none; }
ul.u-footer li { list-style: none; margin-top: 6px; }
ul.u-footer li img { height: 32px; position: relative; margin: 0; top: 10px; margin-right: 10px; }
.dv-footer-left p { font-size: 25px; margin-bottom: 10px; font-weight: 500; }
.n-foot { font-size: 20px; line-height: 1.6; }
.dv-link-foot a { font-size: 22px; padding: 15px 30px; display: inline-block; color: #fff; text-decoration: underline; }
.dv-link-foot { padding: 20px 0; }
.dv-kieu-14 .pagewrap { width: 100%; max-width: 1500px; padding: 0 10px; }
.dv-kieu-4 img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.dv-kieu-4 { position: relative; }
.dv-title-4 { padding: 150px 0; position: relative; z-index: 1; color: #fff; max-width: 700px; margin: 0; }
.dv-kieu-4:before { content: ""; background: linear-gradient(180deg, rgb(41.00000135600567, 82.00000271201134, 42.000001296401024) 0%, rgba(41.00000135600567, 82.00000271201134, 42.000001296401024, 0) 100%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.dv-title-4 .dv-title-home { color: #fff; font-size: 45px; font-weight: 600; margin-bottom: 30px; }
.dv-kieu-8 { background: #e9edeb; }
.dv-kieu-8 .dv-title-home { text-align: center; }
.dv-box-div-8 { background-color: #2d52281a; border: 1px solid; border-color: #2d5228; border-radius: 20px; display: flex; flex-direction: column; mix-blend-mode: normal; padding: 18px 14px; position: relative; width: calc(100% / 5 - 20px); margin: 0 10px 20px; }
.dv-box-div-8 .dv-title-home { font-size: 40px; }
.dv-kieu-17 .dv-left { width: 50%; float: left; padding-right: 20px; position: sticky; top: 145px; padding-bottom: 100px; }
.dv-kieu-17 .dv-right { width: 50%; float: left; padding-left: 40px; text-align: center; }
.dv-kieu-17 { background: #fff; padding-bottom: 0; }
.dv-kieu-17 .dv-right img { max-width: 100%; height: auto; display: block; margin-bottom: 20px; }
.dv-kieu-17 .dv-left .dv-title-home { font-size: 45px; line-height: 1.3; margin: 0 0 30px; font-weight: 600; }
.dv-kieu-18 { background: #2d5228; position: relative; }
.dv-kieu-18 .dv-title-home { color: #fff; text-align: center; }
.dv-kieu-18 > img { width: 100%; height: auto; bottom: 0; margin-top: 40px; }
.dv-kieu-18:before { content: ""; background: linear-gradient(180deg, rgb(41.00000135600567, 82.00000271201134, 42.000001296401024) 0%, rgba(41.00000135600567, 82.00000271201134, 42.000001296401024, 0) 100%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.dv-kieu-18 .pagewrap { position: relative; z-index: 11; }
.dv-box-div-18 { align-items: flex-start; background-color: #ffffff1a; border: 1px solid; border-color: #ffffff; border-radius: 20px; padding: 18px 14px; position: relative; width: calc(100% / 5 - 20px); margin: 0 10px 20px;color: #fff; }
.dv-box-div-18 .showText p { padding: 0; }
.dv-kieu-3 { position: relative; }
.dv-kieu-3 > img { width: 100%; height: 100%; object-fit: cover; position: absolute; }
.dv-title-3 { padding: 250px 0 350px; position: relative; z-index: 1; color: #fff; max-width: 1000px; margin: 0 auto; text-align: center; }
.dv-kieu-3 .pagewrap { position: relative; z-index: 999;overflow: hidden; }
.dv-title-3 .dv-title-home { color: #fff; font-size: 50px; margin-bottom: 30px; }
.dv-kieu-15.dv-kieu-7 .pText { max-width: 900px; }
.dv-kieu-27.dv-kieu-3 .showText { max-width: 800px; font-size: 18px; line-height: 1.9; }
.dv-kieu-15-cont.dv-kieu-7-cont .dv-title-home { font-size: 17px; }
img.img-kieu-5-2 { width: 100%; position: absolute; left: 0; bottom: -100px; right: 0; height: auto; }
img.img-kieu-5-1 { position: absolute; left: 50px; bottom: 50px; z-index: 1; }
.dv-slider-5 { border-radius: 10px; }
.dv-slider-5 img { max-height: 500px; height: 100%; width: 100%; object-fit: cover;border-radius: 10px; }
.dv-kieu-2 { position: relative; }
.dv-kieu-2 > img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.dv-kieu-2 .pagewrap { position: relative; z-index: 9; color: #fff; }
.dv-kieu-2 .dv-left { width: 50%; float: left; }
.dv-kieu-2 .dv-right { width: 50%; float: left; text-align: center; }
.dv-kieu-2 .dv-right img { max-width: 100%; max-height: 600px; }
.dv-kieu-2 .dv-left .dv-title-home { font-size: 45px; color: #fff; margin-bottom: 25px; margin-top: 20px; font-weight: 600; }
.dv-kieu-2 .dv-left .showText { font-size: 18px; }
.dv-kieu-8.dv-kieu-19 .dv-title-home { font-size: 41px; max-width: 850px; line-height: 1.3; }
.dv-box-div-8.dv-box-div-19 { width: calc(100% / 4 - 20px); }
.dv-kieu-9 { position: relative; }
.dv-kieu-9 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.dv-kieu-9:before { content: ""; background: linear-gradient(180deg, rgb(41.00000135600567, 82.00000271201134, 42.000001296401024) 0%, rgba(41.00000135600567, 82.00000271201134, 42.000001296401024, 0) 100%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.dv-kieu-39.dv-kieu-9 { background: none; }
.dv-kieu-39.dv-kieu-9:before { display: none; }
.dv-kieu-9 .pagewrap { position: relative; z-index: 11; color: #fff; }
.dv-kieu-9 .dv-title-home { color: #fff; text-align: center; max-width: 900px; font-size: 40px; line-height: 1.4; }
.dv-box-div-9 { background-color: #ffffff1a; border: 1px solid; border-color: #ffffff; border-radius: 20px; left: 150px; mix-blend-mode: normal; padding: 20px 20px; width: calc(100% / 4 - 20px); margin: 0 10px 20px; }
.dv-box-cont-9 .dv-title-home { font-size: 20px; line-height: 1.6; margin-bottom: 10px; }
.dv-box-cont-9 .showText { font-size: 16px; }
.dv-box-cont-9 .showText p { padding: 0; }
.dv-kieu-20 { background: #8fc4431a; }
.dv-kieu-20 .dv-left { text-align: center; margin-bottom: 25px; }
.dv-kieu-20 .dv-left .showText { font-size: 20px; max-width: 800px; margin-bottom: 30px; }
.dv-kieu-20 .dv-left .dv-title-home { font-size: 45px; font-weight: 600; margin-bottom: 25px; }
.dv-slider-20 img { height: 100%; margin: 0 15px; width: calc(100% - 30px) !important; border-radius: 10px; object-fit: cover; }
.owl-prev, .owl-next { background: rgb(0 0 0 / 4%) !important; }
.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover { background: rgb(45 82 40 / 47%) !important; }
.dv-kieu-5.dv-kieu-21 { background: #2d5228; border-bottom: 70px solid #e3e8e6; }
.dv-kieu-5.dv-kieu-21 .dv-left { color: #fff; }
.dv-kieu-5.dv-kieu-21 .dv-left .dv-title-home { color: #fff; margin-bottom: 10px; }
.dv-slider-5.dv-slider-21 { margin: 0; }
.left_contact { width: 50%; float: left; padding-right: 10px; }
.right_contact { width: 50%; float: right; padding-left: 10px; }
.page_conten_page.pagewrap h3 { font-size: 38px; color: #346d0f; font-family: "Philosopher", Helvetica; line-height: 1.2; margin-bottom: 15px; }
.page_conten_page.pagewrap { padding: 50px 0; text-align: left; }
.contact-maps li { list-style: none; line-height: 0; }
.contact-maps li iframe { width: 100%; height: 400px; }
.dv-alienhe a { float: right; background: #346d0f; color: #fff; padding: 10px 20px; display: inline-block; margin-left: 10px; min-width: 120px; text-align: center; border-radius: 100px; margin-top: 10px; }
.dv-alienhe { margin-top: 10px; }
.contact li { list-style: none; width: 100%; position: relative; }
.contact li input, .contact li textarea { width: 100%; height: 46px; border: 1px solid #ccc; padding: 0 10px; margin-top: 10px; border-radius: 5px; }
.contact li textarea { height: 100px; padding: 10px; }
.contact li span { position: absolute; top: 9px; right: -2px; }
.contact li span i { position: absolute; right: 0; opacity: 0.3; }
.contact li span img { width: inherit; height: 44px !important; }
.new_id_bs { width: calc(100% / 3 - 30px); margin: 0 15px 30px; background: #8fc4431a; position: relative; }
.new_id_bs li { list-style: none; line-height: 0; }
.new_id_bs li a { display: block; line-height: 0; }
.new_id_bs li a img { width: 100%; }
.new_id_bs ul { list-style: none; padding: 25px; }
.new_id_bs span.blog-date { font-size: 16px; margin-bottom: 5px; display: inline-block; position: absolute; top: 15px; right: 15px; background: #fff; padding: 7px 20px; border-radius: 100px; color: #8fc443; font-weight: 600; }
.new_id_bs span.blog-date i { display: none; }
span.blog-date.view { display: none; }
.new_id_bs h3 a { text-transform: none !important; font-size: 20px !important; line-height: 1.5; margin-bottom: 10px; color: #333;display: block }
.new_id_bs span.blog-date i { margin-right: 7px; }
.new_id_bs h3 a:hover { color: #29522a; }
.tt_page_top.dv-tintuc.flex { margin: 0 -10px; }
.dv-tit-new { background-color: transparent; color: #29522a; font-family: "Arima Madurai", Helvetica; font-size: 45px; line-height: 1.2; font-style: normal; font-weight: 400; mix-blend-mode: normal; position: relative; margin-bottom: 20px; }
.nums { table-layout: auto; margin-top: 20px; text-align: center; }
.nums li { list-style: none; display: inline-block; float: left; }
.nums.no_box ul { list-style: none; display: inline-block; }
.nums a.stay { width: 50px; font-size: 15px; line-height: 24px; }
.nums a { font-size: 17px; display: block; margin: 0 4px 0px; padding: 7px; line-height: 23px; height: 35px; width: 35px; table-layout: inherit; text-align: center; color: #ffffff; background: transparent; text-decoration: none; font-weight: 400; background: #2d5228; border-radius: 3px; }
.nums a:hover, .nums a.active, .nums a.stay:hover { background: #90c63d; color: #ffffff; }
.title_news li { list-style: none; margin-bottom: 10px; }
.addthis_toolbox.addthis_default_style { margin: 20px 0 0 -10px; }
.peg, .wheelSVG { visibility: hidden; }
.wheelContainer { width: 100%; height: 100%; margin: 0; padding: 0; }
.toast, .wheelContainer { text-align: center; }
.toast { position: absolute; background-color: #E81D62; }
.wheelContainer { position: relative; max-width: 1000px; margin-left: auto; margin-right: auto; }
.wheelSVG { position: absolute; overflow: visible; width: 100%; height: auto; left: 0 !important; }
.wheelText { text-anchor: middle; font-family: 'Fjalla One', Arial, sans-serif; -webkit-user-select: none; user-select: none; }
.toast { border-radius: 12px; opacity: 0; }
.toast p { clear: both; font-family: 'Fjalla One', Arial, sand-serif; margin: 23px; font-size: 30px; color: #ededed; letter-spacing: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 32px; -webkit-transition: line-height .2s ease; transition: line-height .2s ease; }
.wheelContainer { height: 620px; width: 620px; }
svg.wheelSVG.wheelSVG2 { max-width: 100%; top: 0; left: 0;position: relative; }
.dv-svg-new { width: 440px; height: 440px; position: absolute; top: 50%; left: 50%; margin-top: -220px; margin-left: -220px; overflow: hidden; border-radius: 100%; }
.dv-vongtron-1 { width: 50%; height: 100%; border-radius: 100%; background: #8ec545; position: relative; top: 50%; }
.dv-vongtron-2 { width: 50%; height: 100%; border-radius: 100%; background: #2c5327; left: 50%; position: relative; bottom: 50%; }
.dv-amduong { width: 270px; height: 270px; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin-top: -135px; margin-left: -135px; }
.dv-amduong img { width: 100%; height: 100%; border-radius: 100%; }
.is-am-duong { display: none; }
.is-am-duong.active { display: block; }
span.sp-note1 { position: absolute; width: 70%; height: 100%; left: 0; top: 0; padding-top: 65%; font-weight: 700; color: #fff; text-align: center; }
span.sp-note2 { position: absolute; width: 70%; top: 0; text-align: center; font-weight: 700; color: #fff; height: 100%; padding-top: 20%; right: 0; }
@-webkit-keyframes xoayvong { from { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); }
to { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); }
}
@keyframes xoayvong { from { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); }
to { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); }
}
@-webkit-keyframes xoayvong2 { from { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); }
to { -webkit-transform:rotate(-360deg); -moz-transform:rotate(-360deg); -o-transform:rotate(-360deg); }
}
@keyframes xoayvong2 { from { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); }
to { -webkit-transform:rotate(-360deg); -moz-transform:rotate(-360deg); -o-transform:rotate(-360deg); }
}
.xoay_1 { animation: xoayvong 100s linear 0s infinite; -webkit-animation: xoayvong 100s linear 0s infinite; -moz-animation: xoayvong 100s linear 0s infinite; -o-animation: xoayvong 100s linear 0s infinite; }
.xoay_2 { animation: xoayvong2 100s linear 0s infinite; -webkit-animation: xoayvong2 100s linear 0s infinite; -moz-animation: xoayvong2 100s linear 0s infinite; -o-animation: xoayvong2 100s linear 0s infinite; }
.xoay_3 { animation: xoayvong 20s linear 0s infinite; -webkit-animation: xoayvong 20s linear 0s infinite; -moz-animation: xoayvong 20s linear 0s infinite; -o-animation: xoayvong 20s linear 0s infinite; }
.xoay_4 { animation: xoayvong2 20s linear 0s infinite; -webkit-animation: xoayvong2 20s linear 0s infinite; -moz-animation: xoayvong2 20s linear 0s infinite; -o-animation: xoayvong2 20s linear 0s infinite; }
.wheelContainer { margin-top: 30px; }
text.wheelText { cursor: pointer; }
.dv-kieu-22 { text-align: center; padding-bottom: 0; }
img.img-kieu-22-1 { max-width: 100%; max-height: 220px; margin-bottom: 35px; }
.dv-kieu-22 .dv-title-home { display: none !important; }
.dv-kieu-22 .pagewrap { width: 100%; padding: 0; line-height: 0; }
img.img-kieu-22-2 { width: 100%; height: auto; }
.dv-kieu-22 .dv-title-home { padding: 40px 0 20px; font-size: 35px; line-height: 1.6; font-weight: 600; font-family: "Philosopher", Helvetica; }
.dv-box-div-13 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.dv-box-cont-13 { position: relative; z-index: 999; text-align: center; padding: 100px 0; font-size: 20px; }
.dv-kieu-26 {}
.dv-kieu-26 .pagewrap { width: 100%; padding: 0; }
.dv-kieu-26 .dv-title-home { text-align: center; color: #346d0f; font-size: 45px; font-weight: 600; margin-bottom: 50px; }
.dv-buttonxx26 { position: absolute; bottom: 0; width: 35%; max-width: 420px; padding: 0 40px 0 0; }
.dv-buttonxx26 a:hover { background: #ffffff80; border: 1px solid #fff; }
.dv-buttonxx26 a { display: inline-block; background: none; border: 1px solid rgb(255 255 255 / 0%); width: 80px; height: 80px; line-height: 80px; border-radius: 100px; text-align: center; }
.dv-buttonxx26 a img { height: 13px; }
.dv-buttonxx26 a + a { float: right; }
.dv-box-cont-26 { margin-bottom: 30px; }
.dv-kieu-26-cont .dv-left-26 { width: 35%; max-width: 420px; float: right; padding: 0 30px 0 0; }
.dv-kieu-26-cont .dv-right-26 { width: 65%; float: right; }
.dv-kieu-26-cont .dv-left-26 .dv-title-home { text-align: left; font-size: 30px; margin-bottom: 15px; color: #333; }
.dv-box-div-26 { width: 100%; display: none; }
.dv-kieu-26-cont .dv-right-26 img { width: 100%; }
.dv-box-div-26.acti { display: block; }
.dvp-menu-26 { margin: 0 0 30px 0; }
.dvp-menu-26 a { display: inline-block; margin-right: 60px; cursor: pointer; }
a.culrrs.acti { text-decoration: underline; }
.dv-footer-right { width: 50%; float: left; }
ul.menu-footer-right { max-width: 75%; text-align: center; list-style: none; margin-top: 10px; }
ul.menu-footer-right h3 { font-family: "Darker Grotesque", Helvetica; font-size: 29px; line-height: 1.3; font-weight: 600; margin-bottom: 23px; }
ul.menu-footer-right input { width: 100%; height: 56px; border-radius: 100px; border: none; padding: 0 30px; font-size: 20px; color: #2d5228; }
ul.menu-footer-right img { height: 35px; margin: 0; }
ul.menu-footer-right a { position: absolute; right: 0; padding: 11px 25px; line-height: 0; }
.dv-kieu-24.dv-kieu-1 .dv-title-home { font-size: 50px; margin-bottom: 15px; }
form#dk_email_nhantin { position: relative; }
form#dk_email_nhantin img.ajax_img_loading.ajax_img_loading_mail { height: 12px; position: absolute; margin: 10px 0 0 3px; }
.fla_ff_f::-webkit-input-placeholder { color: #2d5228;}
.fla_ff_f:-moz-placeholder { color:#2d5228;opacity: 1;}
.fla_ff_f::-moz-placeholder { color:#2d5228; opacity: 1;}
.fla_ff_f:-ms-input-placeholder { color:#2d5228;}
.fla_ff_f::-ms-input-placeholder { color:#2d5228;}
.fla_ff_f::placeholder { color: #2d5228;}
button.owl-prev,button.owl-next { background: #ffffff80; width: 80px; height: 80px; }
.owl-carousel button.owl-prev, .owl-carousel button.owl-prev:hover { left: -40px; z-index: 999; background: #ffffff80 url(../images/vector-8@2x.svg) center center no-repeat !important; background-size: 40px 30px !important; }
button.owl-prev span, button.owl-next span { display: none; }
.owl-carousel button.owl-next, .owl-carousel button.owl-next:hover { right: -40px; background: #ffffff80 url(../images/vector-8-1@2x.svg) center center no-repeat !important; background-size: 40px 30px !important; }
.dv-kieu-29 img { width: 100%; height: auto; }
.dv-kieu-29 { line-height: 0; position: relative; }
.dv-kieu-29 .dv-title-29 { position: relative; padding: 100px 0; text-align: right; font-size: 40px; line-height: 1.7; color: #fff; font-weight: 600; font-family: "Philosopher", Helvetica; }
.link_page i { display: none !important; }
.link_page { background: #244b341a; padding: 30px 0; margin-top: 10px; opacity: 0; }
.link_page li { height: auto; }
.title_news h2 { color: #346d0f; font-family: "Philosopher", Helvetica; font-size: 38px; margin-bottom: 20px; line-height: 1.3; }
.dv-kieu-30 img { width: 100%; height: auto; }
.dv-kieu-30 { position: relative; line-height: 0; }
.dv-kieu-30 .pagewrap { position: absolute; top: 0; left: 0; right: 0; width: 100%; padding: 0; bottom: 0;z-index: 111; }
.dv-kieu-34.section { overflow: unset; }
.dv-kieu-30 .dv-left { width: 50%; float: right; background: #346d0fcc; color: #fff; height: 100%; padding: 70px 70px 70px; }
.dv-kieu-30 .dv-left .dv-title-home { color: #fff; font-size: 45px; line-height: 1.4; margin-bottom: 20px; }
.dv-kieu-30 .dv-left .showText { font-size: 18px; line-height: 1.8; }
.dv-axemthem { padding: 55px 0; text-align: center; }
.dv-axemthem a { color: #346d0f; text-decoration: underline; display: inline-block; }
.dv-kieu-29 .pagewrap { position: absolute; top: 0; left: 0; right: 0;z-index: 1 }
.dv-kieu-31.dv-kieu-20 .pagewrap { width: 100%; padding: 0; overflow: hidden; }
.dv-slider-20 button.owl-prev, .dv-slider-20 button.owl-prev:hover { left: 40px; }
.dv-slider-20 button.owl-next, .dv-slider-20 button.owl-next:hover { right: 40px; }
.dv-kieu-33.dv-kieu-28.dv-kieu-5 { background: none; padding-bottom: 0; }
.dv-kieu-35.dv-kieu-4:before { background: linear-gradient(90deg, rgb(52.000000700354576, 109.00000110268593, 15.000000055879354) 0%, rgba(79.00000289082527, 115.00000074505806, 62.00000010430813, 0) 100%); }
.dv-kieu-36 { position: relative; }
.dv-kieu-36 img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.dv-kieu-36 .pagewrap { position: relative; z-index: 1; max-width: 500px; background: #fff; }
.dv-kieu-36 .pagewrap .dv-title-home { text-align: center; padding: 50px 30px; font-weight: 600; font-size: 45px; }
.dv-kieu-36 .dv-box-div-8 { width: 100%; border: none; background: none; border-radius: 0; position: relative; text-align: center; color: #000; padding: 40px; margin: 0; }
.dv-kieu-36 .dv-box-div-8:before { content: ""; height: 1px; background: #cad3c8; position: absolute; top: 0; width: 100%; max-width: 300px; left: 0; right: 0; margin: 0 auto; }
.dv-kieu-36 .dv-box-div-8 p { padding: 0; }
.dv-kieu-38.dv-kieu-36 .pagewrap { max-width: 700px; }
.dv-kieu-39.dv-kieu-9 .dv-title-home { color: #2d5228; font-size: 45px; font-weight: 600; line-height: 1.3; margin-bottom: 25px; }
.dv-kieu-39.dv-kieu-9 .dv-box-div-9:nth-child(2n+1) { background: #d7ddd5 !important; }
.dv-kieu-30 .dv-left .dv-title-home b { font-size: 100px; display: block; line-height: 1.2; }
.dv-kieu-39.dv-kieu-9 .dv-box-div-9 { width: 100%; padding: 50px 0; margin: 0;border-radius: 0; }
.dv-left-39 { width: 50%; float: left; }
.dv-right-39 { width: 50%; float: right; }
.dv-left-39 img { position: relative; width: 100%; height: auto; object-fit: none; }
.dv-kieu-39.dv-kieu-9 .dv-right-39 .dv-title-home { color: #346d0f; text-align: left; font-size: 40px; line-height: 1.3; }
.dv-kieu-39.dv-kieu-9 .dv-right-39 { display: flex; align-items: center; }
.dv-kieu-39.dv-kieu-9 .dv-right-39 .showText { color: #000; font-size: 18px; line-height: 1.7; }
.dv-kieu-39.dv-kieu-9 .dv-right-39 .dv-box-cont-9 { display: inline-block; padding: 50px 0 0 70px; }
.dv-kieu-39.dv-kieu-9 .dv-box-div-9:nth-child(2n+2) .dv-left-39 { float: right; }
.dv-kieu-39.dv-kieu-9 .dv-box-div-9:nth-child(2n+2) .dv-right-39 { float: left; }
.dv-kieu-39.dv-kieu-9 .dv-box-div-9:nth-child(2n+2) .dv-right-39 .dv-box-cont-9 { padding: 50px 70px 0 0; }
.dv-kieu-39.dv-kieu-9 { padding-bottom: 0; }
.dv-kieu-39.dv-kieu-9 .dv-axemthem { padding-top: 10px; }
.dv-kieu-40 {}
.dv-kieu-40 .dv-title-home { font-size: 45px; text-align: center; margin-bottom: 60px; font-weight: 600; }
.dv-kieu-40 .pagewrap { width: 100%; padding: 0; margin: 0; }
.dv-box-div-40 { width: calc(100% / 4 - 30px); margin: 0 15px 30px;position: relative; line-height: 0; }
.dv-kieu-40 { background: #eaf0e7; padding-bottom: 40px; }
.dv-box-div-40 img { width: 100%; height: 100%; object-fit: cover; }
.dv-box-40-c { color: #fff; line-height: 1.8; text-align: center; font-size: 17px; padding: 0 20px; }
.dv-box-cont-40 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; align-items: center; justify-items: center; display: flex; }
.new_id_bs ul h3 { margin: 0 !important; padding: 0 !important; padding-top: 0px !important; }
.new_id_bs ul h3 a { display: block; }
.title_news .fa { margin-right: 7px; }
.dv-amduong.active span.sp-note1 { width: 52%; right: 0; left: auto; padding-top: 44%; }
.dv-batquai-cont { position: absolute; top: 115px; left: 0; right: 0; bottom: 0; }
.dv-amduong.active span.sp-note2 { left: 0; right: auto; padding-top: 44%; width: 55%; }
.svg_ok { display: none; }
.wheelContainer.acti #svg_ok_1 { display: block; }
.wheelContainer.acti #svg_ok_2 { display: none; }
.wheelContainer #svg_ok_1 { display: none; }
.wheelContainer #svg_ok_2 { display: block; }
.dv-tintuc-12 .new_id_bs ul { padding: 15px 0; }
.dv-tintuc-12 .new_id_bs { background: none; }
a.cl-xemthem { color: #8fc443; text-decoration: underline; margin-top: 30px; display: inline-block; }
.dv-hinh-group { width: calc(100% / 3 - 30px); margin: 0 15px 30px; }
.dv-hinh-group .dv-img a { display: block; line-height: 0; }
.dv-hinh-group .dv-img a img { width: 100%; height: auto; }
.flex.dv-hinhanh { margin: 0 -15px; }
.dv-hinh-group h3 a { text-transform: none !important; font-size: 20px !important; line-height: 1.5; margin: 20px 0 10px; color: #333; display: block; }
.dv-hinh-group i { display: none; }
.dv-hinh-group h3 a:hover { color: #29522a; }
div#lightgallery { margin: 0 -10px 30px; }
div#lightgallery > div { width: calc(100% / 4 - 20px); margin: 0 10px 20px; }
div#lightgallery > div:hover { opacity: 0.8; }
.dv-contemt-13 .dv-left { width: calc(100% - 400px); float: left; padding-right: 30px; }
.dv-contemt-13 .dv-right { width: 400px; float: right; text-align: center; }
.dv-box-cont { background: #346d0f; color: #fff; border-radius: 7px; padding: 20px; }
.dv-box-cont h3 { text-align: center; color: #fff !important; font-size: 32px !important; padding: 10px 0 10px; }
.dv-box-cont li { list-style: none; width: 100%; margin: 0; position: relative; margin-bottom: 15px; line-height: 0; }
.dv-box-cont li input,.dv-box-cont li textarea { width: 100%; height: 44px; padding: 0 10px; border-radius: 7px; border: none; font-size: 16px; }
.dv-box-cont li textarea { padding: 10px; height: 100px; }
.dv-box-cont li span { position: absolute; right: 0; top: -1px; }
.dv-right .dv-alienhe { text-align: center; }
.dv-right .dv-alienhe a { display: inline-block; float: none; border-radius: 0; padding: 10px 30px; }
.showText.showText_full img { margin: 0 0 20px; }
@keyframes scrolldown{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:0}
50%{opacity:1}
100%{-webkit-transform:translate(0, 40px);transform:translate(0, 40px);opacity:0}
}
.mouse{position:absolute;bottom:0px;display:block;color:#333;font-size:40px;text-align:center;width:100%;animation:scrolldown 1.5s linear infinite;z-index:2}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.draw-stroke{stroke-dasharray:2795;stroke-dashoffset:2795;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-timing-function:linear}
.dv-mouse { width: 100%; height: 300px; position: relative; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeZoomIn { opacity: 0; transform: scale(1.5); -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.fadeZoomIn.go { animation-name: fadeZoomIn; -webkit-animation-name: fadeZoomIn; }
.fadeZoomInBig { opacity: 0; transform: scale(5.5); -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.fadeZoomInBig.go { animation-name: fadeZoomInBig; -webkit-animation-name: fadeZoomInBig; }
.fadeInLeft { opacity: 0; transform: translateX(-50px); }
.fadeInLeft.go { animation-name: fadeInLeft; }
.fadeInUp { opacity: 0; transform: translateY(50%); }
.fadeInUp.go { animation-name: gmfadeInUp; }
.fadeInUp2 { opacity: 0; transform: translateY(15%); }
.fadeInUp2.go { animation-name: gmfadeInUpd; }
.fadeIn { opacity: 0; transform: scale(0.8); }
.fadeIn.go { animation-name: fadeIn; }
.fadeInDown{opacity:0;transform:translateY(-50%)}
.fadeInDown.go{animation-name:gmfadeInDown}
.fadeInRight{opacity:0;transform:translateX(50px)}
.fadeInRight.go{animation-name:fadeInRight}
.fadeZoomInBody { opacity: 0; transform: scale(1.1); -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.fadeZoomInBody.go { animation-name: fadeZoomInBody; }
.fadeZoomIn2 { opacity: 0; transform: scale(1.2); }
.fadeZoomIn2.go { animation-name: fadeZoomIn2; }
.delay-250 { -webkit-animation-delay: .25s; -moz-animation-delay: .25s; -o-animation-delay: .25s; animation-delay: .25s; }
a .delay-500 { -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; }
.delay-750 { -webkit-animation-delay: .75s; -moz-animation-delay: .75s; -o-animation-delay: .75s; animation-delay: .75s; }
.delay-1000 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; }
.delay-1250 { -webkit-animation-delay: 1.25s; -moz-animation-delay: 1.25s; -o-animation-delay: 1.25s; animation-delay: 1.25s; }
.delay-1500 { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s; }
.delay-1750 { -webkit-animation-delay: 1.75s; -moz-animation-delay: 1.75s; -o-animation-delay: 1.75s; animation-delay: 1.75s; }
.delay-2000 { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; }
.delay-2250 { -webkit-animation-delay: 2.25s; -moz-animation-delay: 2.25s; -o-animation-delay: 2.25s; animation-delay: 2.25s; }
.delay-2500 { -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; -o-animation-delay: 2.5s; animation-delay: 2.5s; }
@keyframes zoomInOut { 0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
@keyframes logodrawstroke { 0% { stroke-dashoffset: 2795; }
100% { stroke-dashoffset: 0; }
}
@keyframes GmFill { 0% { opacity: 0; }
80% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes DrawStroke { 0% { stroke-dashoffset: 445; }
100% { stroke-dashoffset: 0; }
}
@keyframes gmfadeInDown { 0% { opacity: 0; transform: translateY(-50%); }
70% { opacity: 0; transform: translateY(-10%); }
100% { opacity: 1; transform: translateY(0%); }
}
@keyframes gmfadeInUp { 0% { opacity: 0; transform: translateY(50%); }
100% { opacity: 1; transform: translateY(0%); }
}
@keyframes gmfadeInUpd { 0% { opacity: 0; transform: translateY(15%); }
100% { opacity: 1; transform: translateY(0%); }
}
@keyframes fadeZoomOut { 0% { opacity: 1; transform: scale(1); }
100% { opacity: 0; transform: scale(2); }
}
@keyframes fadeBackground { 0% { background: inherit; }
100% { background: transparent; }
}
@keyframes scrolldown { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 0; }
50% { opacity: 1; }
100% { -webkit-transform: translate(0, 40px); transform: translate(0, 40px); opacity: 0; }
}
@keyframes fadeZoomIn { 0% { opacity: 0; transform: scale(5.5); }
100% { opacity: 0.15; transform: scale(2); }
}
@keyframes fadeZoomInBig { 0% { opacity: 0; transform: scale(7.5); }
100% { opacity: 0.15; transform: scale(5.5); }
}
@keyframes fadeZoomInInfinite { 0% { transform: scale(1.3); }
50% { transform: scale(1); }
100% { transform: scale(1.3); }
}
@keyframes fadeIn { 0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeOut { 0% { opacity: 1; visibility: visible; }
100% { opacity: 0; visibility: hidden; }
}
@keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-50px); }
100% { opacity: 1; transform: translateX(0px); }
}
@keyframes fadeZoomInBody { 0% { opacity: 0; transform: scale(1.1); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes fadeInRight { 0% { opacity: 0; transform: translateX(50px); }
100% { opacity: 1; transform: translateX(0px); }
}
@keyframes spin { 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes fadeZoomIn2 { 0% { opacity: 0; transform: scale(1.2); }
100% { opacity: 1; transform: scale(1); }
}
.section { overflow: hidden; }
.dv-goto-scroll { position: absolute; z-index: 9999; right: 35px; bottom: 55px; width: 50px; }
.dv-goto-scroll a { display: inline-block; width: 50px; cursor: pointer; }
.dv-kieu-23 .fadeInUp2.go { position: relative; z-index: 11; }
.dv-slider-29 button.owl-prev { left: 100px !important; }
.dv-slider-29 button.owl-next { right: 100px !important; }
.dv-ok-1.dv-kieu-37.dv-kieu-2.pd60.section { padding-top: 180px; }
.dv-ok-1.dv-kieu-32.dv-kieu-4.section { padding-top: 120px; }
.dv-ok-1.dv-kieu-30.section .dv-left { padding-top: 200px; }
.dv-ok-1.section.dv-kieu-35.dv-kieu-4 { padding-top: 120px; }
.dv-kieu-42.section.pd60 { overflow: unset; }
.dv-kieu-42-cont .dv-left { width: 40%; float: left; padding-right: 40px; position: sticky; top: 150px; }
.dv-box-div-42 { padding: 10px 0; }
.dv-kieu-42-cont .dv-right { width: 60%; float: left; }
.dv-box-div-42 {}
.dv-box-div-42 img { width: 50%; float: left; height: auto; }
.dv-box-div-42 .dv-box-cont-42 { width: 50%; float: left; padding-left: 40px; }
.dv-kieu-42-cont .dv-title-home { font-size: 45px; margin-bottom: 20px; font-weight: 600; }
.dv-kieu-43-cont .dv-title-home { font-size: 45px; text-align: center; font-weight: 600; }
.dv-kieu-43.section.pd60 { padding-bottom: 0; }
.dv-kieu-44 .dv-axemthem { text-align: left; padding: 40px 0 0; }
.dv-kieu-44.none { background: none; }
.dv-kieu-45 .dv-left { float: right; padding: 0 0 0 60px; text-align: right; }
.dv-kieu-45 .dv-right { float: left; }
.dv-kieu-45 .dv-left .dv-axemthem { padding: 40px 0 0; text-align: right; }
.lang_header { display: inline-block; float: right; margin-left: 20px; margin-top: 10px; }
.lang_header li { list-style: none; display: inline-block; }
.lang_header li a { display: inline-block; line-height: 0; margin-left: 7px; }
.lang_header li a img { height: auto; width: 30px; }
.search { display: block; }
.dv-kieu-46.dv-kieu-20.section.pd60 .pagewrap { width: calc(100% - 10px); }
.dv-kieu-46.dv-kieu-20.section.pd60 { background: #f9f9fa; }
.popup_chitiet_gt.flex a { color: #fff; text-decoration: underline; display: inline-block; }
.h-title-47 { font-size: 46px; margin-top: 20px; color: #346d0f; margin-bottom: 14px; font-weight: 600; }
.dv-47-nd a { font-size: 15px; line-height: 18px; padding: 12px 30px; display: inline-block; color: #356e10; background: none; text-transform: uppercase; border: 4px solid #90c63e; position: relative; z-index: 10; margin: 0px 0 40px; }
.dv-47mota { margin-bottom: 30px; }
.dv-47-left { width: 35%; float: left; padding-right: 30px; }
.dv-47-right { width: 65%; float: right; }
.dv-47-left a { display: flex; width: 100%; float: left; margin-bottom: 20px; }
.dv-47-left a img { height: 75px; margin: 0; margin-right: 15px; float: left; }
.dv-47-left span { float: left; margin: 0; line-height: 1.4; display: flex; align-items: center; margin-left: 10px; font-size: 17px; color: #000; font-weight: 600; }
.dv-47-left span b { position: relative; display: block; }
.dv-47-left span b:before { content: ""; width: 45%; background: #d3d3d4; height: 4px; position: absolute; bottom: -10px; }
.dv-47-left a.accti b:before { background-color: #90c63e; }
.dv-box-div-47 { display: none; }
.dv-box-div-47.accti { display: block; }
.valueContainer g { cursor: pointer; }

@media only screen and (max-width: 1199px) { .pagewrap { width: 100%; padding-left: 10px; padding-right: 10px}
.wheelContainer { height: 520px; width: 520px; }
.dv-svg-new { width: 360px; height: 360px; position: absolute; top: 50%; left: 50%; margin-top: -180px; margin-left: -180px; overflow: hidden; border-radius: 100%; }
.dv-amduong { width: 220px; height: 220px; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin-top: -110px; margin-left: -110px; }
.dv-batquai { position: absolute; width: 100%; top: 50%; left: 50%; z-index: 9999; height: 580px; transform: translate(-50%, -50%); }
.dv-banner-slider-cont { height: 620px; overflow: hidden; position: relative; }
.header_top .pagewrap { padding: 0 10px; }
.dv-kieu-11 .dv-left, .dv-kieu-11 .dv-right { padding: 45px 25px; }
.dv-kieu-11 .dv-title-home { font-size: 45px; }
.dv-kieu-11 .showText { font-size: 18px; }
.dvp-menu-26 a { display: inline-block; margin-right: 30px; cursor: pointer; }
.dv-kieu-26-cont .dv-left-26 { padding-left: 10px; }
.header_top { top: 0; left: 0; right: 0; position: relative; }
.dv-batquai-cont { top: 0; }
.dv-menu-top li { display: inline-block; list-style: none; padding: 0 10px; }
.dv-kieu-23.dv-kieu-11.section .pagewrap { width: 100%; padding: 0; }
.dv-ok-1.dv-kieu-30.section .dv-left { padding: 50px; }
.owl-carousel button.owl-prev, .owl-carousel button.owl-prev:hover { left: 10px; }
.owl-carousel button.owl-next, .owl-carousel button.owl-next:hover { right: 10px; }
.dv-ok-1.dv-kieu-37.dv-kieu-2.pd60.section { padding: 70px 0; }
.link_page { display: none; }
.page_conten_page.pagewrap.section { padding: 40px 10px; }
}
@media only screen and (max-width: 992px) {.pagewrap { width: 100%; padding-left: 10px; padding-right: 10px}
.dv-47-left { width: calc(100% + 20px); padding: 0 0 20px; margin: 0 -10px 0; }
.dv-47-right { width: 100%; }
.dv-47-left a { display: inline-block; width: auto; margin: 0 10px 30px; }
.dv-47-left a img { display: none; }
.dv-47-left span { margin: 0; }
.dv-ok-1.section.dv-kieu-35.dv-kieu-4 { padding: 0; }
.dv-menu-top { position: absolute; right: 0; width: 220px; z-index: 999; text-align: left; margin-top: 10px; }
.dv-content > .section { position: relative; z-index: 99999; overflow: initial; }
.header_top { padding: 10px 0 !important; }
.dv-menu-top li a { padding: 3px 0; display: block; }
.search { display: none; }
a.cur.a-timkiem { opacity: 1; top: 8px; position: relative; }
.lang_header { margin-left: 12px; }
.search { position: absolute; right: 0; width: 300px; top: 55px; }
.dv-kieu-30 .dv-left { width: 100%; position: relative; }
.dv-kieu-30 .pagewrap { position: relative; }
.dv-kieu-30 .dv-left .dv-title-home b { font-size: 90px; }
.dv-kieu-30 img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.dv-ok-1.dv-kieu-32.dv-kieu-4.section { padding-top: 0; }
.dv-title-3 { padding: 200px 0; }
.dv-box-div-40 { width: calc(100% / 2 - 20px); margin: 0 10px 20px; }
div .title_news h2 { font-size: 35px; line-height: 1.2; }
div#lightgallery > div { width: calc(100% / 3 - 10px); margin: 0 5px 10px; }
div#lightgallery { margin: 0 -5px 20px; }
}
@media only screen and (max-width: 767px) { .dv-hinh-group { width: calc(100% / 2 - 20px); margin: 0 10px 20px; }
.dv-kieu-11 .dv-right { width: 100%; }
.dv-contemt-13 .dv-left { width: 100%; padding: 0; }
.dv-kieu-42.section.pd60 { overflow: hidden; }
.dv-kieu-42-cont .dv-left { width: 100%; top: 0; padding: 0; }
.dv-kieu-42-cont .dv-right { width: 100%; padding: 10px 0 0; }
.dv-box-div-42 .dv-box-cont-42 { padding-left: 0; width: 100%; }
.dv-box-div-42 img { width: 100%; padding: 0 0 15px; }
.dv-kieu-42-cont .dv-title-home { font-size: 40px; }
.dv-kieu-11 .dv-title-home { font-size: 40px; }
.dv-contemt-13 .dv-right { width: 100%; }
.dv-ok-1.dv-kieu-30.section .dv-left { padding: 30px; }
.dv-title-3 { padding: 100px 0; }
.dv-kieu-40 .dv-title-home { font-size: 40px; margin: 0 0 30px; }
.dv-title-3 .dv-title-home { font-size: 40px; }
.dv-kieu-2 .dv-left { width: 100%; }
.dv-kieu-30 .dv-left .dv-title-home b { font-size: 70px; }
.dv-kieu-2 .dv-left .dv-title-home { font-size: 40px; margin: 0 0 20px; }
.dv-box-div-40 { width: calc(100% / 1 - 20px); margin: 0 10px 20px; }
.dv-kieu-36 .pagewrap .dv-title-home { font-size: 40px; padding: 50px 0; }
.dv-kieu-39.dv-kieu-9 .dv-title-home { font-size: 40px; }
.dv-left-39 { width: 100%; }
.dv-kieu-39.dv-kieu-9 .dv-right-39 { width: 100%; padding: 0; }
.dv-kieu-39.dv-kieu-9 .dv-right-39 .dv-box-cont-9 { padding: 40px 0 10px; }
.dv-kieu-36 .dv-box-div-8 { padding: 20px 0; }
.pd80 { padding: 40px 0; }
.dv-kieu-5 .dv-left .dv-title-home { padding: 0; margin: 0 0 15px; }
.dv-kieu-29 .dv-title-29 { padding: 20px 10px; font-size: 25px; }
.dv-kieu-30 .dv-left .dv-title-home, .dv-kieu-20 .dv-left .dv-title-home,.dv-kieu-5 .dv-left .dv-title-home { font-size: 40px; }
.dv-kieu-5 .dv-left { width: 100%; padding: 0 0 20px; }
.dv-kieu-5 .dv-right { width: 100%; }
.dv-kieu-1 .dv-left { width: 100%; padding: 20px 0 0;order: 1; max-width: 100%; }
.dv-kieu-24.dv-kieu-1.pd60.section .pagewrap { display: flex; flex-direction: column; }
.dv-kieu-1 .dv-right { width: 100%; order: 2; }
img.img-kieu-1-2 { display: none; }
.pd60 { padding: 40px 0; }
.dv-kieu-24.dv-kieu-1 .dv-title-home { font-size: 40px; }
.dv-kieu-26 .dv-title-home { font-size: 40px; }
.dv-kieu-26-cont .dv-left-26 { width: 100%; padding: 0; max-width: 100%; padding: 0 10px; }
.dv-kieu-26-cont .dv-right-26 { width: 100%; margin-bottom: 15px; }
.dvp-menu-26 { margin: 0 0 20px; padding: 0 10px; }
.dvp-menu-26 a { margin-right: 12px; }
.dv-buttonxx26 { position: relative; width: 100%; max-width: 100%; padding: 0; }
.dv-box-cont-26 { margin-bottom: 10px; }
.dv-box-div-13 { width: calc(100% / 1 - 0px); color: #fff; margin: 0 0px 20px; }
.dv-box-cont-13 { font-size: 18px; padding: 30px 0; }
.dv-box-cont-13 { font-size: 18px; padding: 30px 0; }
.dv-kieu-14 .dv-title-home { font-size: 40px; margin-bottom: 40px; }
.dv-kieu-14-cont .dv-left, .dv-kieu-14-cont .dv-center, .dv-kieu-14-cont .dv-right { width: 100%; padding: 0; margin: 0 0 10px; }
.dv-footer-left { width: 100%; }
.dv-footer-right { width: 100%; text-align: left; }
ul.menu-footer-right { max-width: 100%; text-align: left; font-size: 18px; }
ul.menu-footer-right h3 { font-size: 24px; margin-top: 25px; }
.dv-kieu-22 .dv-title-home { font-size: 30px; line-height: 1.5; }
.dv-title-4 { padding: 70px 0; }
.dv-title-4 .dv-title-home,.dv-kieu-17 .dv-left .dv-title-home { font-size: 40px; }
.dv-kieu-34.section { overflow: hidden; }
.dv-kieu-17 .dv-left { width: 100%; padding: 0; top: 0; }
.dv-kieu-17 .dv-left .dv-title-home { margin-bottom: 15px; }
.dv-kieu-17 .dv-right { width: 100%; padding: 15px 0 0; }
.left_contact { width: 100%; padding: 0; }
.right_contact { width: 100%; padding: 20px 0; }
.new_id_bs { width: calc(100% / 2 - 20px); margin: 0 10px 20px; }
.flex.dv-hinhanh { margin: 0 -10px; }
div#lightgallery > div { width: calc(100% / 2 - 10px); }
.dv-kieu-43-cont .dv-title-home { font-size: 40px; }
.dv-kieu-45 .dv-left { text-align: left; }
.dv-kieu-45 .dv-left .dv-axemthem { padding: 20px 0 0; text-align: left; }
.dv-amduong span { font-size: 12px; }
.popup_chitiet_gt.flex { overflow-y: auto; }
.popup_chitiet_gt.flex { overflow-y: auto; } .showText.showText_dt { height: auto; max-height: none !important; }
.popup_chitiet_gt ul { min-height: 0 !important; }
}
@media only screen and (max-width: 479px) { .dv-hinh-group { width: calc(100% / 1 - 20px); margin: 0 10px 20px; }
.new_id_bs { width: calc(100% / 1 - 20px); margin: 0 10px 20px; }
.wheelContainer { height: 360px; width: 360px; }
.dv-svg-new { width: 250px; height: 250px; margin-top: -125px; margin-left: -125px; }
.dv-amduong { width: 150px; height: 150px; margin-top: -75px; margin-left: -75px; }
.dv-batquai { height: 415px; }
.dv-banner-slider-cont { height: 430px; overflow: hidden; position: relative; }
.dv-goto-scroll a { width: 30px; }
.dv-goto-scroll { right: 10px; bottom: 20px; width: 40px; }
.dv-goto-scroll img { height: 46px; }
}
.dv-stitle { font-size: 38px; line-height: 1.2; margin-bottom: 20px; font-weight: 600; color: #356e10; font-family: "Philosopher", Helvetica; }
.dv-nd-doitac.flex { margin: 0 -15px; }
.dv-doitac-gr-ds { width: calc(100% / 3 - 30px); margin: 0 15px 30px; float: left; }
.dv-doitac-gr-ds a { display: block; width: 100%; height: 100%; position: relative; }
.dv-doitac-gr-ds a img { width: 100%; height: 100%; }
.dv-doitac-gr-ds .dv-hd { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 20px 20px; }
.dv-doitac-gr-ds .dv-hd h3 { font-weight: 600; font-size: 26px; line-height: 1.2; color: #333; margin-bottom: 5px; }
.dv-doitac-gr-ds .dv-hd span { background: #90c63e; color: #ffff; line-height: 35px; width: 35px; height: 35px; text-align: center; border-radius: 100px; position: absolute; top: 17px; right: 18px; z-index: 2222; display: none; }
.dv-doitac-gr-ds:hover span { display: block; }
.dv-doitac-gr-ds:hover a:before { content: ""; z-index: 1; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.dv-doitac-gr-ds:hover .dv-hd { color: #fff; z-index: 11; }
.dv-doitac-gr-ds .dv-hd:hover h3 { color: #fff; }
.dv-popup-new { overflow: auto; overflow-y: scroll; position: fixed; bottom: 0; right: 0; top: 0; left: 0; background: rgba(0,0,0,.8); opacity: 0; z-index: -9; }
.dv-popup-new .dv-popup-new-child { position: fixed; left: 0 !important; top: 0 !important; margin: 0 !important; right: 0 !important; transform: none !important; bottom: 0 !important; width: 100% !important; max-width: 100% !important; }
a.popup-close { color: #fff; background: #356e10; top: 30px; right: 30px; width: 42px; height: 42px; border-radius: 100px; text-align: center; line-height: 40px; border: 1px solid #fff; }
.dv-nd-popup { position: relative; background: #fff !important; color: #444; padding: 0px !important; text-shadow: none; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; padding: 0px !important; }
.dv-popup-new.acti { z-index: 99999; }
.popup_chitiet_gt > li { width: 50%; float: left; display: flex; align-items: center; margin: 0; }
.popup_chitiet_gt ul { width: 50%; float: right; padding: 50px; color: #fff; background: #356e10; }
.popup_chitiet_gt.flex { height: 100vh; }
.popup_chitiet_gt > ul > h3 { font-size: 30px; line-height: 40px; margin-bottom: 20px; color: #fff; position: relative; padding-bottom: 12px; }
.popup_chitiet_gt > ul > h3:before { content: ""; bottom: 0; height: 2px; width: 100px; position: absolute; background: #fff; }
.showText.showText_dt { max-height: calc(100vh - 155px); overflow-y: auto; font-size: 17px; line-height: 1.6; position: relative; }
.popup_chitiet_gt > li img { width: auto; height: auto; object-fit: cover; max-height: 100vh; max-width: 100%; }
a.popup-close:before { content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; }
.popup_chitiet_gt ul .showText ul { width: auto; padding: 0; background: none; float: none; margin-bottom: 20px; }
.popup_chitiet_gt ul .showText ul li { display: inline-block; padding: 0; margin: 10px 10px 0 0; min-width: 34px; height: 34px; background: #fff; color: #356e10; border-radius: 5px; text-align: center; line-height: 34px; width: auto; }
.popup_chitiet_gt ul ul li span { position: relative; top: 0; right: 0; }
.popup_chitiet_gt ul ul li a { display: block; }
.popup_chitiet_gt ul .showText ul li a, .popup_chitiet_gt ul ul li a span { color: #356e10 !important; }
.popup_chitiet_gt ul .showText ul li a span { font-size: 17px; }
.popup_chitiet_gt ul .showText ul li a { font-size: 12px; font-weight: 600; text-decoration: none !important; }
@media only screen and (max-width: 767px) { .popup_chitiet_gt > li { width: 100%; min-height: 0; height: auto; background: black; }
.popup_chitiet_gt ul { width: 100%; padding: 20px; min-height: 400px; }
.dv-doitac-gr-ds { width: calc(100% / 2 - 20px); margin: 0 10px 20px; float: left; }
.dv-stitle { font-size: 30px; line-height: 1.2;}
}
@media only screen and (max-width: 767px) { .dv-doitac-gr-ds { width: calc(100% / 1 - 20px); margin: 0 10px 20px; float: left; }
}