/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

 @import url('https://fonts.googleapis.com/css2?family=MuseoModerno:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

 html.openmenu {
     overflow: hidden !important;
     position: relative !important
 }
 
 body {
     font-size: 18px;
     line-height: 35px;
     color: #333;
     font-family: 'Open Sans', sans-serif;
 }
 
 html::-webkit-scrollbar {
     width: 6px;
     background-color: #ddd
 }
 
 html::-webkit-scrollbar-thumb {
     background-color: #293e31;
     border-radius: 5px
 }
 
 #we-wrapper {
     width: 100%;
     overflow: hidden;
 }
 
 .wrapper {
     max-width: 1200px;
     position: relative;
     margin: 0 auto;
     padding: 0 15px;
     width: 100%
 }
 
 .wrapperSm {
     max-width: 900px;
     position: relative;
     margin: 0 auto;
     padding: 0 15px
 }
 
 a {
     color: #333;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease
 }
 
 a:hover {
     color: #293e31
 }
 
 a:focus,
 a:active {
     outline: none;
     text-decoration: none
 }
 
 .paddingAll {
     padding: 40px 0 60px
 }
 
 .boxOrther {
     padding: 50px 0;
     background-color: #eff4e8
 }
 
 .boxOrther .titleOrther {
     font-size: 40px;
     line-height: 60px;
     text-transform: uppercase;
     text-align: center;
     margin-bottom: 15px
 }
 
 
 #we-header {
     background: #fff;
     position: relative;
     top: 0;
     pointer-events: auto;
     transition: all .5s ease;
     min-height: 107px;
     width: 100%;
 }
 
 #we-header .wrapper {
     display: flex;
     align-content: center;
     align-items: center;
     justify-content: space-between;
     gap: 40px;
 }
 
 #we-header .linkElement {
     position: fixed;
     right: 0px;
     background: #fe8340;
     top: 0px;
     width: 116px;
     height: 107px;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 9;
 }
 
 #we-header .linkElement svg {
     width: 62px;
     height: 57px;
 
 }
 
 #we-header .linkElement svg path {
     fill: #000000;
 }
 
 #we-header .we-logo {}
 
 #we-header .we-logo img {
     width: auto;
     height: 107px;
 }
 
 #we-header .we-tool {
     display: flex;
    align-items: center;
    flex-direction: row;
    height: 107px;
    justify-content: space-between;
 }
 
 #we-header .we-tool-f {
     display: flex;
     align-items: center;
 }
 
 .wrapper_mall {
     max-width: 910px;
     margin: 0 auto;
     padding: 0 20px
 }
 
 .wrapper_mall .mid-title {
     text-align: left
 }
 
 #we-header .we-search {
     float: left;
     width: 300px
 }
 
 .we-search .form-control {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     border: 1px solid #ddd;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     height: 40px
 }
 
 .we-search button.btn {
     width: 40px;
     height: 40px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     border: 0;
     font-size: 18px;
     line-height: 25px;
     color: #fff;
     background: #d82727;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease
 }
 
 .we-search button.btn:hover {
     color: #fbac09
 }
 
 .we-search button.btn span {
     font-size: inherit;
     line-height: inherit;
     color: inherit
 }
 
 .styleBtn .slick-arrow {
     position: absolute;
     top: 50%;
     transform: translate(0, -50%);
     width: 50px;
     height: 50px;
     border-radius: 100px;
     border: none;
     background: rgba(34, 110, 39, .8);
     overflow: hidden;
     color: transparent;
     z-index: 11;
     border: 1px solid rgba(34, 110, 39, .8)
 }
 
 .styleBtn .slick-arrow:hover {
     background: rgba(255, 255, 255, .8)
 }
 
 .styleBtn .slick-arrow:hover::before {
     color: #293e31
 }
 
 .styleBtn .slick-arrow::before {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     font-family: FontAwesome;
     color: #fff;
     font-size: 16px
 }
 
 .styleBtn .slick-prev {
     left: 30px
 }
 
 .styleBtn .slick-prev::before {
     content: '\f104'
 }
 
 .styleBtn .slick-next {
     right: 30px
 }
 
 .styleBtn .slick-next::before {
     content: '\f105'
 }
 
 .styleBtn .slick-dots {
     position: absolute;
     bottom: 50px;
     text-align: center;
     left: 0;
     right: 0
 }
 
 .styleBtn .slick-dots li {
     display: inline-block;
     margin: 0 5px
 }
 
 .styleBtn .slick-dots li button {
     width: 10px;
     height: 10px;
     border: 2px solid #fff;
     background-color: transparent;
     border-radius: 100%;
     font-size: 0;
     padding: 0
 }
 
 .styleBtn .slick-dots li.slick-active button {
     background-color: #293e31
 }
 
 #we-header .we-member {
     float: left;
     width: 200px;
     text-align: center
 }
 
 #we-header .we-lang {
     float: left;
     min-width: 100px
 }
 
 .we-menutop>ul:after {
     display: block;
     content: '';
     clear: both
 }
 
 .we-menutop>ul {
     display: flex;
     align-items: center;
     align-content: center;
     justify-content: space-between;
     font-family: 'Open Sans', sans-serif;
 }
 
 .we-menutop>ul>li {
     position: relative;
     padding: 0 20px;
 }
 
 .we-menutop>ul>li>a {
     display: block;
     font-size: 21px;
     line-height: 40px;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
     position: relative;
     text-align: center;
     color: #4d8e40;
     font-weight: 600;
 }
 
 .we-menutop>ul>li>a:hover,
 .we-menutop>ul>li.current a {
     color: #684331;
 }
 
 .we-menutop>ul>li>a:hover::before,
 .we-menutop>ul>li.current>a::before {
     opacity: 1;
     visibility: initial;
     top: 0;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease
 }
 
 .thumb a:hover img {
     transform: scale(1.1);
     -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
     -o-transition: all 2s ease;
     transition: all 2s ease
 }
 
 .thumb a img {
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease
 }
 
 .thumb {
     overflow: hidden
 }
 
 .we-menutop>ul>li.current>a,
 .we-menutop>ul>li:hover>a {}
 
 .we-menutop>ul>li>a>.fas {
     font-size: 14px;
     line-height: 20px;
     font-weight: 900;
     padding: 0 5px
 }
 
 .we-menutop ul ul {
     position: absolute;
     top: 100%;
     left: 0;
     width: 300px;
     z-index: 999;
     background: #fff;
     display: none;
     transition: all .4s ease
 }
 
 .we-menutop ul li:hover>ul {
     display: block
 }
 
 .we-menutop ul ul li {
     position: relative
 }
 
 .we-menutop ul ul li.has-sub {
     padding-right: 15px
 }
 
 .we-menutop ul ul li.has-sub::after {
     position: absolute;
     font-family: "font awesome 5 free";
     font-weight: 900;
     content: '\f0da';
     right: 7px;
     top: 10px
 }
 
 .we-menutop ul ul li a {
     display: block;
     line-height: 20px;
     padding: 15px 20px;
     transition: all .5s ease;
     border-bottom: 1px solid #ddd;
     font-size: 21px;
 }
 
 .we-menutop ul ul li:hover>a {
     background-color: #293e31;
     color: #fff
 }
 
 .we-menutop ul ul ul {
     top: 0;
     left: 100%;
     transition: all .5s ease
 }
 
 #we-content {
     padding: 0 15px
 }
 
 .mod-content {
     position: relative;
     margin-left: -10px;
     margin-right: -10px
 }
 
 .mod-content::after {
     content: '';
     clear: both;
     display: table
 }
 
 .addressFoot ul {
     display: flex;
     flex-wrap: wrap;
     gap: 0px 15px;
 }
 .addressFoot ul li {
     width: 100%;
 }
 
 #we-footer {
     position: relative;
     z-index: 1;
     clear: both;
     background-color: #293e31;
     padding-top: 210px;
 }
 
 #we-footer .imgBgFoot {
     position: absolute;
     bottom: 0;
     right: 0;
     z-index: 0;
     width: 200px
 }
 
 #we-footer .mainFoot {
     color: #fff;
     font-size: 16px
 }
 
 #we-footer .mainFoot a {
     color: #fcf9f4;
 }
 
 #we-footer .mainFoot a:hover {
     color: #fe8340;
 }
 
 #we-footer .mainFoot .menu_ft a {
     overflow: hidden;
     text-overflow: ellipsis;
     line-height: 25px;
     -webkit-line-clamp: 1;
     height: 25px;
     display: -webkit-box;
     -webkit-box-orient: vertical;
 }
 
 .we-footer-menu {
     margin-bottom: 10px;
     border-bottom: 1px solid #ccc;
     padding-bottom: 10px;
     text-align: center
 }
 
 .footer-menu ul {
     list-style: none;
     overflow: hidden;
     display: inline-block
 }
 
 .footer-menu ul li {
     float: left;
     position: relative;
     padding-right: 10px;
     margin-right: 10px;
     color: #d3d3d3
 }
 
 .footer-menu ul li::after {
     position: absolute;
     content: '|';
     right: -1px;
     top: 5px
 }
 
 
 .footer-menu ul li a {
     display: block;
     padding: 5px 10px;
     line-height: 25px;
     color: #333;
     font-size: 13px
 }
 
 .footer-menu ul li a:hover {
     color: #d82727
 }
 
 .footer-menu ul li:first-child a {
     padding-left: 0
 }
 
 .we-copyright {
     text-align: center
 }
 
 .copyright {
     color: #fe8340;
     text-align: center;
     padding-bottom: 20px;
 }
 
 .copyright a {
     color: #fe8340
 }
 
 .copyright .sub-copyright p {
     padding: 0;
     font-size: 12px;
 }
 
 .searchTop {
     position: relative;
     z-index: 3;
     height: 40px;
     width: 40px;
     text-align: center;
     font-size: 18px;
     color: #f68a21;
 }
 
 .searchTop .icon {
     cursor: pointer;
     -webkit-transition: all .3s linear;
     -o-transition: all .3s linear;
     transition: all .3s linear;
     height: 40px;
     text-align: center;
     font-family: 'Open Sans', sans-serif;
     text-transform: uppercase;
 }
 
 .searchTop .icon span {
     line-height: 40px;
     font-size: 18px
 }
 
 .searchTop .icon:hover {
     color: #684331;
 }
 
 .searchTop .popup {
     position: absolute;
     background: #F44336;
     padding: 5px;
     min-width: 0;
     right: 0;
     top: 100%;
     -webkit-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
     z-index: 3;
     width: 0;
     opacity: 0;
     visibility: hidden
 }
 
 .searchTop.active .popup {
     min-width: 300px;
     width: 100%;
     opacity: 1;
     visibility: initial
 }
 
 .searchTop .popup input {
     width: 100%;
     border: none;
     padding: 6px 10px;
     font-style: italic
 }
 
 .searchTop .popup button {
     position: absolute;
     right: 5px;
     top: 50%;
     background: 0 0;
     border: none;
     font-size: 20px;
     line-height: 28px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     color: #333
 }
 
 #we-footer .socialFoot ul {
     display: flex
 }
 
 #we-footer .socialFoot li {
     border-radius: 100%;
     margin-right: 10px;
     text-align: center;
     -webkit-transition: all .8s ease;
     -moz-transition: all .8s ease;
     -o-transition: all .8s ease;
     transition: all .8s ease
 }
 
 #we-footer .socialFoot li:hover {
     border-radius: 0%;
     -webkit-transition: all .8s ease;
     -moz-transition: all .8s ease;
     -o-transition: all .8s ease;
     transition: all .8s ease
 }
 
 #we-footer .socialFoot li a {
     display: block;
     position: relative;
     height: 32px;
     width: 32px;
     background-color: #fff;
     color: #000;
     border-radius: 100%;
     -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
     -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
     -o-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
     -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
     transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease
 }
 
 #we-footer .socialFoot li a:hover {
     -moz-transform: rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg);
     -webkit-transform: rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg);
     -o-transform: rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg);
     -ms-transform: rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg);
     transform: rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg);
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease
 }
 
 #we-footer .socialFoot li i {
     line-height: 32px;
     font-size: 14px
 }
 
 #we-footer .socialFoot a img {
     width: 30px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%)
 }
 
 #we-footer .mainFoot .addressFoot .social {
     display: flex;
     justify-content: space-between;
     margin: 40px 0px;
 }
 
 #we-footer .mainFoot .addressFoot .social a:hover {
     color: #fcf9f4;
 }
 
 #we-footer .mainFoot .addressFoot .social a {
     font-size: 25px;
     color: #fe8340;
     width: calc(100% / 4);
     text-align: center;
     border-right: solid 1px #fe8340;
 }
 
 #we-footer .mainFoot .addressFoot .social a:last-child {
     border: none;
 }
 
 #we-footer .mainFoot .addressFoot .b-img {
     max-width: 120px
 }
 
 #we-footer .mainFoot .addressFoot .b-img img {
     width: 100%
 }
 
 #we-footer .mainFoot .addressFoot .receive_email .form-group {
     position: relative;
     width: 100%
 }
 
 #we-footer .mainFoot .addressFoot .receive_email .form-group input {
     width: 100%;
     height: 45px;
     padding: 0 50px 0 10px;
     border-radius: 0;
     border: none
 }
 
 #we-footer .mainFoot .addressFoot .receive_email .form-group button {
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     border: none;
     background-color: #fff;
     color: #06649e;
     border-radius: 0;
     height: 45px;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease
 }
 
 #we-footer .mainFoot .addressFoot .infoFt {
     max-width: 495px
 }
 
 #we-footer .mainFoot .addressFoot .receive_email .form-group button i {
     font-size: 20px
 }
 
 #we-footer .mainFoot .addressFoot .be {
     padding-left: 25px;
     position: relative;
     margin-bottom: 10px;
     font-weight: 400;
     display: block;
     font-size: 16px;
     line-height: 25px
 }
 
 #we-footer .mainFoot .addressFoot .be.fa-phone.company_phone {
     font-size: 14px;
 }
 
 #we-footer .mainFoot .addressFoot .be::before {
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     left: 0;
     color: #fff;
     top: 2px;
     font-size: 14px
 }
 
 #we-footer .mainFootTop {
     position: relative;
     z-index: 1
 }
 
 #we-footer .mainFootTop .row {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
 }
 
 #we-footer .mainFootBt {
     padding-top: 30px;
     font-size: 13px;
     line-height: 22px
 }
 
 #we-footer .mainFootBt p {
     line-height: 25px
 }
 
 #we-footer .mainFoot .addressFoot .fa-mobile::before {
     font-size: 20px
 }
 
 #we-footer .mainFoot .contactFt {
     display: block;
     margin-bottom: 30px
 }
 
 #we-footer .mainFoot .contactFt a {
     display: inline-block;
     text-transform: uppercase;
     color: #ffff;
     border: 1px solid #fff;
     border-radius: 25px;
     padding: 8px 20px;
     position: relative;
     z-index: 1;
     overflow: hidden
 }
 
 #we-footer .mainFoot .contactFt a::before {
     content: '';
     position: absolute;
     right: 0;
     left: 0;
     height: 0;
     top: 0;
     background-color: #fff;
     z-index: -1;
     border-radius: 25px;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease
 }
 
 #we-footer .mainFoot .contactFt a:hover {
     color: #293e31
 }
 
 #we-footer .mainFoot .contactFt a:hover::before {
     height: 100%;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease
 }
 
 #we-footer .mainFoot .contactFt a:hover span::before {
     background-color: #293e31;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease
 }
 
 #we-footer .mainFoot .contactFt a span {
     display: inline-block;
     padding-right: 20px;
     position: relative
 }
 
 #we-footer .mainFoot .contactFt a span::before {
     content: '';
     position: absolute;
     top: 50%;
     right: 0;
     transform: translate(0, -50%);
     width: 10px;
     height: 2px;
     background-color: #fff
 }
 
 #we-footer .mainFoot .addressFoot li {
     margin-bottom: 15px
 }
 
 #we-footer .mainFoot .addressFoot .linkFt li a {
     text-transform: uppercase;
     position: relative;
     padding-left: 15px;
     font-size: 12px;
     font-weight: 500
 }
 
 #we-footer .mainFoot .addressFoot .linkFt li a:hover {
     padding-left: 20px;
     color: #fed72d
 }
 
 #we-footer .mainFoot .addressFoot .linkFtLine li a {
     font-weight: 300
 }
 
 #we-footer .mainFoot .addressFoot .linkFt li a::before {
     content: '\f0da';
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     left: 0;
     top: 2px
 }
 
 #we-footer .mainFoot .addressFoot .socialFoot a:hover .fa-facebook {
     color: #3b5998
 }
 
 #we-footer .mainFoot .addressFoot .socialFoot a:hover .fa-youtube {
     color: #ee1c1b
 }
 
 #we-footer .mainFoot .addressFoot .socialFoot a:hover .fa-twitter {
     color: #53adee
 }
 
 #we-footer .mainFoot .addressFoot .socialFoot a:hover .fa-google-plus {
     color: #e52126
 }
 
 #we-footer .mainFoot .addressFoot .socialFoot a:hover .fa-instagram {
     color: #d12798
 }
 
 #we-footer .mainFoot .addressFoot .socialFoot a:hover .fa-skype {
     color: #00aff0
 }
 
 #we-footer .mainFoot .addressFoot .socialFoot a:hover .fa-pinterest {
     color: red
 }
 
 #we-footer .mainFoot .addressFoot .ft-fa-ft {
     margin-bottom: 20px
 }
 
 #we-footer .mainFoot .addressFoot .be .icon {
     width: 15px;
     position: absolute;
     top: 5px;
     left: 0
 }
 
 #we-footer .mainFoot .mapFt a {
     padding: 10px;
     border: 1px solid #293e31;
     display: inline-block
 }
 
 #we-footer .mainFoot .mapFt a:hover {
     background-color: #fff;
     color: #076fb0
 }
 
 #we-footer .mainFoot .mapFt a i {
     margin-right: 10px
 }
 
 .linkAll {
     padding-top: 5px
 }
 
 .linkAll a {
     padding: 10px 30px;
     border: 2px solid #F44336;
     color: #F44336;
     border-radius: 25px;
     display: inline-block;
     position: relative;
     z-index: 1;
     font-family: 'Open Sans', sans-serif;
     font-size: 16px
 }
 
 .linkAll a::before {
     content: '';
     position: absolute;
     width: 0;
     left: 50%;
     bottom: 0;
     top: 0;
     transform: translate(-50%, 0);
     background-color: #F44336;
     z-index: -1;
     border-radius: 25px;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease
 }
 
 .linkAll a:hover {
     color: #fff
 }
 
 .linkAll a:hover::before {
     width: 100%;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease
 }
 
 .linkAll a span {
     position: relative
 }
 
 .linkAll a:hover span::before {
     background-color: #fff;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease
 }
 
 .bgAllPage {
     background-color: #eff4e8
 }
 
 .link_share_border {
     padding: 10px;
     border: 1px solid #ddd
 }
 
 .like_facebook {
     float: left;
     display: flex;
     align-items: center;
     align-content: center
 }
 
 .feedback {
     float: right;
     text-align: right;
     margin-top: 8px;
     color: #666
 }
 
 .feedback .fa-reply:before {
     margin-right: 5px
 }
 
 .like_facebook>span {
     margin-right: 10px
 }
 
 .boxHome .boxContent .decs .txt,
 .listProduct .decs .txt {
     margin-bottom: 20px
 }
 
 .boxHome .boxContent .decs .linkAll {
     margin-bottom: 10px
 }
 
 .boxNews {
     display: flex;
     margin: 0 -15px
 }
 
 .boxNews .colNews {
     width: 50%;
     padding: 0 15px
 }
 
 .boxNews .colNews:first-child {
     order: 2
 }
 
 .boxNews .col {
     display: flex;
     margin-bottom: 20px;
     border-radius: 10px;
     background-color: #fff
 }
 
 .boxNews .col .thumb {
     position: relative;
     height: 0;
     padding-bottom: 180px;
     overflow: hidden
 }
 
 .boxNews .col .thumb img {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     width: 100%
 }
 
 .boxNews .col .thumb,
 .boxNews .col .decs {
     width: 50%
 }
 
 .boxNews .col .decs {
     padding: 20px
 }
 
 .boxNews .col .decs h3 {
     font-size: 15px;
     line-height: 23px;
     text-transform: uppercase;
     font-weight: 700;
     margin-bottom: 10px;
     height: 45px;
     overflow: hidden
 }
 
 .boxNews .col .decs .date {
     background-color: #1596d2;
     border-radius: 5px;
     display: inline-block;
     margin-bottom: 5px
 }
 
 .boxNews .date {
     position: relative;
     padding: 5px 10px;
     padding-left: 30px;
     color: #fff
 }
 
 .boxNews .date::before {
     content: "\f133";
     position: absolute;
     top: 50%;
     left: 10px;
     transform: translate(0, -50%);
     font-family: fontawesome
 }
 
 .boxNews .col .decs .tend {
     height: 45px
 }
 
 .colNews .item {
     position: relative
 }
 
 .colNews .thumb img {
     width: 100%
 }
 
 .colNews .item .thumb a {
     position: relative;
     display: block
 }
 
 .colNews .item .thumb a::before {
     content: '';
     position: absolute;
     bottom: 0;
     right: 0;
     left: 0;
     background-image: url(../images/pg_news.png);
     height: 30%;
     width: 100%;
     z-index: 1
 }
 
 .colNews .item .decs {
     position: absolute;
     left: 20px;
     bottom: 20px;
     right: 20px;
     color: #fff;
     z-index: 2
 }
 
 .colNews .item .decs h3 {
     font-size: 18px;
     line-height: 27px;
     text-transform: uppercase;
     font-weight: 700
 }
 
 .colNews .item .decs h3 a {
     color: #fff
 }
 
 .colNews .styleBtn .slick-dots {
     bottom: 20px;
     text-align: right;
     padding: 0 20px
 }
 
 .boxAlbum {
     display: flex;
     margin: 0 -5px
 }
 
 .boxAlbum .col {
     width: 50%;
     padding: 0 5px
 }
 
 .boxAlbum .col .video a {
     position: relative
 }
 
 .boxAlbum .col .video .play-video {
     width: 80px;
     height: 80px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     border: 2px solid #b1b8d3;
     border-radius: 100%
 }
 
 .boxAlbum .video .play-video::before {
     top: -20px;
     left: -20px;
     right: -20px;
     bottom: -20px;
     position: absolute;
     content: '';
     background-color: transparent;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
     border: 2px solid #ddd;
     box-shadow: 0 0 10px 0 #fff;
     opacity: .1;
     -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
     -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
     -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
     -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
     animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -o-transition: all .5s;
     transition: all .5s;
     -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
     -ms-transform-origin: 50% 50%;
     -o-transform-origin: 50% 50%;
     transform-origin: 50% 50%
 }
 
 .boxAlbum .video .play-video i {
     display: block;
     width: 80px;
     height: 80px;
     text-align: center;
     color: #fff;
     font-size: 30px;
     line-height: 75px
 }
 
 @-moz-keyframes quick-alo-circle-anim {
     0% {
         transform: rotate(0deg) scale(.5) skew(1deg);
         opacity: .1
     }
 
     30% {
         transform: rotate(0deg) scale(.7) skew(1deg);
         opacity: .5
     }
 
     100% {
         transform: rotate(0deg) scale(1) skew(1deg);
         opacity: .1
     }
 }
 
 @-webkit-keyframes quick-alo-circle-anim {
     0% {
         transform: rotate(0deg) scale(.5) skew(1deg);
         opacity: .1
     }
 
     30% {
         transform: rotate(0deg) scale(.7) skew(1deg);
         opacity: .5
     }
 
     100% {
         transform: rotate(0deg) scale(1) skew(1deg);
         opacity: .1
     }
 }
 
 @-o-keyframes quick-alo-circle-anim {
     0% {
         transform: rotate(0deg) scale(.5) skew(1deg);
         opacity: .1
     }
 
     30% {
         transform: rotate(0deg) scale(.7) skew(1deg);
         opacity: .5
     }
 
     100% {
         transform: rotate(0deg) scale(1) skew(1deg);
         opacity: .1
     }
 }
 
 @keyframes quick-alo-circle-anim {
     0% {
         transform: rotate(0deg) scale(.5) skew(1deg);
         opacity: .1
     }
 
     30% {
         transform: rotate(0deg) scale(.7) skew(1deg);
         opacity: .5
     }
 
     100% {
         transform: rotate(0deg) scale(1) skew(1deg);
         opacity: .1
     }
 }
 
 .boxAlbum .col img {
     width: 100%
 }
 
 .boxAlbum .col .album {
     display: block;
     margin: 0 -5px;
     margin-bottom: 20px
 }
 
 .boxAlbum .album .col2 {
     display: inline-block;
     margin-left: -4px;
     width: 50%;
     padding: 0 5px;
     margin-bottom: 10px
 }
 
 .boxAlbum .album a {
     position: relative;
     display: block
 }
 
 .enable-animate .boxAlbum .album a::before {
     content: '';
     position: absolute;
     bottom: 20px;
     left: 20px;
     width: 30px;
     height: 25px;
     background-image: url(../images/bg_img.png);
     background-size: contain;
     background-repeat: no-repeat;
     z-index: 1
 }
 
 .boxAlbum .album a::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #000;
     opacity: .2;
     -webkit-transition: all .5s linear;
     -o-transition: all .5s linear;
     transition: all .5s linear
 }
 
 .boxAlbum .album .col2:nth-child(2n+1) {
     margin-left: 0
 }
 
 .boxAlbum .album a:hover::after {
     opacity: 0;
     -webkit-transition: all .5s linear;
     -o-transition: all .5s linear;
     transition: all .5s linear
 }
 
 #we-slide .item .img {
     position: relative;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     height: 0;
     padding-top: 52%
 }
 
 #we-slide .item img {
     width: 100%;
     display: none
 }
 
 .like_facebook ul {
     display: flex;
     align-items: center
 }
 
 .like_facebook ul li {
     margin-right: 10px
 }
 
 .like_facebook ul li a {
     display: block;
     width: 30px;
     height: 30px;
     text-align: center;
     border: 1px solid #999;
     border-radius: 100%;
     color: #999;
     line-height: 30px;
     position: relative
 }
 
 .like_facebook ul li a img {
     position: absolute;
     width: 20px;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%)
 }
 
 .like_facebook ul li a:hover {
     border-radius: 0
 }
 
 .like_facebook ul li a i {
     line-height: 30px
 }
 
 .like_facebook ul li a i.fa-zalo {
     margin-top: 8px;
     background-image: url(../images/i-zalo-1.png);
     background-size: contain;
     background-repeat: no-repeat;
     width: 20px;
     height: 10px;
     background-position: center
 }
 
 .mainFoot i.fa-zalo {
     margin-top: 10px;
     background-image: url(../images/i-zalo.png);
     background-size: contain;
     background-repeat: no-repeat;
     width: 30px;
     height: 15px;
     background-position: center;
     mix-blend-mode: color-dodge;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease
 }
 
 #we-footer .mainFoot li a:hover i.fa-zalo {
     mix-blend-mode: color-dodge;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease
 }
 
 .like_facebook ul li a:hover i.fa-facebook {
     color: #3b5998
 }
 
 .like_facebook ul li a:hover i.fa-zalo {
     background-image: url(../images/i-zalo.png);
     background-size: contain;
     background-repeat: no-repeat;
     width: 20px;
     height: 10px;
     background-position: center
 }
 
 .like_facebook ul li a:hover i.fa-twitter {
     color: #53adee
 }
 
 .like_facebook ul li a:hover i.fa-pinterest-p {
     color: #cb2027
 }
 
 .comment {
     margin-bottom: 50px
 }
 
 .comment .title {
     font-size: 25px;
     line-height: 33px;
     margin-bottom: 10px;
     text-transform: uppercase
 }
 
 .formComment .form-control {
     height: 38px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0
 }
 
 .formComment textarea.form-control {
     resize: vertical;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
     height: 100px
 }
 
 .formComment .input-group-btn {
     padding-left: 5px;
     vertical-align: top
 }
 
 .formComment .input-group-img {
     display: table-cell;
     padding-left: 10px;
     vertical-align: top
 }
 
 .formComment .input-group-img img {
     max-width: none
 }
 
 .formComment button.btn {
     height: auto;
     font-size: 16px;
     line-height: 24px;
     color: #fff;
     padding: 7px 20px;
     text-transform: uppercase;
     background: #67635c;
     border: 0;
     margin-right: 5px;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease
 }
 
 .formComment button.btn:hover {
     background: #1475bc
 }
 
 .formComment button.btn:active {
     outline: none
 }
 
 .formComment button.btn span {
     color: #fff
 }
 
 .formComment .w_content .content-info {
     padding: 15px;
     clear: both;
     background-color: #fff;
     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
     -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
     -o-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
     -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
     box-shadow: 0 0 5px rgba(0, 0, 0, .3);
     display: none
 }
 
 .formComment .w_content .content-info .info-title {
     margin-bottom: 10px
 }
 
 .formComment .w_content .content-info .form-control {
     float: none;
     margin-bottom: 10px
 }
 
 .grid-comment {
     margin-bottom: 20px
 }
 
 .grid-comment .node-commnet {
     padding: 20px 0;
     border-bottom: 1px solid rgba(0, 0, 0, .1)
 }
 
 .grid-comment .node-commnet .avatar {
     width: 55px;
     float: left
 }
 
 .grid-comment .node-commnet .avatar img {
     width: 100%
 }
 
 .grid-comment .node-commnet .info-comment {
     margin-left: 70px
 }
 
 .grid-comment .node-commnet .info-comment .info-preson {
     font-size: 12px;
     line-height: 25px
 }
 
 .grid-comment .node-commnet .info-comment .info-preson .name {
     font-size: 14px;
     font-weight: 700
 }
 
 .grid-comment .node-commnet .info-comment .ccomment {
     font-size: 14px;
     line-height: 25px;
     color: #666
 }
 
 .grid-comment .node-commnet .info-comment .linkanswer {
     margin-bottom: 10px;
     margin-top: 5px;
     text-align: right;
     font-size: 14px;
     line-height: 24px;
     font-weight: 700;
     color: #f58021
 }
 
 .grid-comment .node-commnet .info-comment .linkanswer a {
     position: relative;
     display: inline-block;
     padding-right: 12px;
     color: #666
 }
 
 .grid-comment .node-commnet .info-comment .linkanswer a:hover {
     text-decoration: underline
 }
 
 .grid-comment .node-commnet .info-comment .linkanswer a:after {
     position: absolute;
     font-family: fontawesome;
     content: "\f054";
     top: 2px;
     right: 0;
     color: #666;
     font-size: 7px
 }
 
 .listanswer .nodeanswer {
     border: solid 1px rgba(255, 255, 255, .15);
     background: #fff;
     margin-bottom: 1px;
     padding: 10px
 }
 
 .conmment-facebook {
     margin-bottom: 25px
 }
 
 .we-review {
     margin-bottom: 20px
 }
 
 .we-review * {
     outline: none
 }
 
 .we-review .title {
     font-size: 20px;
     line-height: 30px;
     margin-bottom: 10px;
     font-weight: 700;
     text-transform: uppercase;
     color: #333
 }
 
 .we-review .reviewDashbroad {
     background: #fff;
     border: solid 1px rgba(0, 0, 0, .1);
     border-bottom: none
 }
 
 .we-review .reviewDashbroad .grid {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     align-items: stretch
 }
 
 .we-review .reviewDashbroad .grid .col {
     width: 100%;
     padding: 20px 30px;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column
 }
 
 .we-review .reviewDashbroad .grid .col~.col {
     border-left: solid 1px rgba(0, 0, 0, .1)
 }
 
 .we-review .reviewDashbroad .dashbroadTitle {
     font-size: 16px;
     line-height: 24px;
     text-transform: uppercase;
     margin-bottom: 5px;
     text-align: center
 }
 
 .we-review .reviewDashbroad .dashbroadPoint {
     font-size: 35px;
     line-height: 45px;
     font-weight: 700;
     text-align: center
 }
 
 .we-review .reviewDashbroad .dashbroadRatting {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 20px;
     line-height: 30px;
     color: #ccc;
     text-align: center;
     margin-bottom: 5px
 }
 
 .we-review .reviewDashbroad .dashbroadRatting i {
     margin: 0 3px
 }
 
 .we-review .reviewDashbroad .dashbroadRatting i.rat {
     color: #fccf1f
 }
 
 .we-review .reviewDashbroad .dashbroadCount {
     font-size: 13px;
     line-height: 21px;
     color: #999;
     text-align: center
 }
 
 .we-review .reviewDashbroad .dashbroadPolling {
     width: 100%
 }
 
 .we-review .reviewDashbroad .dashbroadPolling .poll {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     margin-bottom: 5px
 }
 
 .we-review .reviewDashbroad .dashbroadPolling .poll:last-child {
     margin-bottom: 0
 }
 
 .we-review .reviewDashbroad .dashbroadPolling .poll .name {
     width: 55px;
     flex-shrink: 0;
     padding-right: 10px
 }
 
 .we-review .reviewDashbroad .dashbroadPolling .poll .num {
     width: 30px;
     flex-shrink: 0;
     padding-left: 10px;
     color: #999
 }
 
 .we-review .reviewDashbroad .dashbroadPolling .poll .percent {
     width: 100%;
     height: 15px;
     border-radius: 5px;
     background: #f5f5f5;
     position: relative;
     overflow: hidden
 }
 
 .we-review .reviewDashbroad .dashbroadPolling .poll .percent span {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     background: #e0493e;
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px
 }
 
 .we-review .reviewDashbroad .dashbroadTxt {
     color: #666;
     margin-bottom: 15px;
     width: 100%
 }
 
 .we-review .reviewDashbroad .dashbroadToggle {
     width: 100%
 }
 
 .we-review .reviewDashbroad .dashbroadToggle a {
     display: block;
     background: #1475bc;
     color: #fff;
     text-transform: uppercase;
     font-weight: 700;
     border-radius: 5px;
     border: none;
     padding: 9px 10px;
     text-align: center
 }
 
 .we-review .reviewDashbroad .dashbroadToggle a:hover {
     background: #333
 }
 
 .we-review .reviewToggle {
     background: #fff;
     border: solid 1px rgba(0, 0, 0, .1);
     border-bottom: none;
     display: none
 }
 
 .we-review .reviewToggle .grid {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     align-items: flex-start;
     margin: 0 -15px
 }
 
 .we-review .reviewToggle .grid .col1 {
     width: -webkit-calc(100% - 470px);
     width: -moz-calc(100% - 470px);
     width: -o-calc(100% - 470px);
     width: calc(100% - 470px);
     padding: 0 10px
 }
 
 .we-review .reviewToggle .grid .col2 {
     width: 470px;
     padding: 0 10px
 }
 
 .we-review .reviewFormComment {
     padding: 15px 20px;
     padding-right: 0
 }
 
 .we-review .reviewFormComment .formTitle {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 15px
 }
 
 .we-review .reviewFormComment .formGroup {
     margin-bottom: 10px
 }
 
 .we-review .reviewFormComment .formGroup.df {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     align-items: flex-start
 }
 
 .we-review .reviewFormComment label {
     font-weight: 400
 }
 
 .we-review .reviewFormComment .formGroup.df label {
     margin-right: 20px
 }
 
 .we-review .reviewFormComment input:not([type=checkbox]):not([type=radio]),
 .we-review .reviewFormComment textarea,
 .we-review .reviewFormComment select {
     width: 100%;
     height: 40px;
     border: solid 1px rgba(0, 0, 0, .1);
     padding: 0 10px;
     background-color: #fff
 }
 
 .we-review .reviewFormComment textarea {
     height: 90px;
     padding: 10px;
     resize: none
 }
 
 .we-review .reviewFormComment .note {
     color: #1475bc;
     font-size: 13px;
     line-height: 21px
 }
 
 .we-review .reviewFormComment button.btnUploadImage {
     width: 100px;
     height: 35px;
     color: #1475bc;
     border-radius: 5px;
     border: solid 1px #1475bc;
     background: 0 0;
     -webkit-transition: all .3s linear;
     -o-transition: all .3s linear;
     transition: all .3s linear
 }
 
 .we-review .reviewFormComment button.btnUploadImage:hover {
     border-color: #333;
     color: #333
 }
 
 .we-review .reviewFormComment button.btnSubmitForm {
     display: block;
     background: #1475bc;
     color: #fff;
     text-transform: uppercase;
     font-weight: 700;
     border-radius: 5px;
     border: none;
     padding: 9px 10px;
     text-align: center;
     -webkit-transition: all .3s linear;
     -o-transition: all .3s linear;
     transition: all .3s linear
 }
 
 .we-review .reviewFormComment button.btnSubmitForm:hover {
     background: #333
 }
 
 .we-review .reviewFormComment .rev-field ul {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center
 }
 
 .we-review .reviewFormComment .rev-field ul li {
     margin-right: 5px
 }
 
 .we-review .reviewFormComment .rev-field ul li:last-child {
     margin-right: 0
 }
 
 .we-review .reviewFormComment .rev-field ul li a {
     width: 25px;
     height: 25px;
     font-size: 25px;
     line-height: 33px;
     color: #ccc;
     position: relative;
     display: block
 }
 
 .we-review .reviewFormComment .rev-field ul li a:before {
     content: "\f005";
     font-family: fontawesome;
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%)
 }
 
 .we-review .reviewFormComment .rev-field ul li a.active:before {
     color: #e0493e
 }
 
 .we-review .reviewFormComment .rev-field ul li input {
     display: none
 }
 
 .we-review .reviewProduct {
     padding: 15px 20px;
     padding-left: 0
 }
 
 .we-review .reviewProduct .img {
     width: 170px;
     height: 170px;
     float: left;
     position: relative;
     margin-right: 15px;
     margin-bottom: 15px
 }
 
 .we-review .reviewProduct .wrap:after {
     content: "";
     display: block;
     clear: both
 }
 
 .we-review .reviewProduct .img img {
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     max-width: 150px;
     max-height: 150px
 }
 
 .we-review .reviewProduct .caption {
     overflow: hidden
 }
 
 .we-review .reviewProduct .tend {
     margin-bottom: 5px
 }
 
 .we-review .reviewProduct .tend h3 {
     font-size: 18px;
     line-height: 26px;
     font-weight: 400
 }
 
 .we-review .reviewProduct .df {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center
 }
 
 .we-review .reviewProduct .brand {
     margin-bottom: 5px;
     font-weight: 700
 }
 
 .we-review .reviewProduct .brand span {
     color: #e0493e;
     font-weight: 400
 }
 
 .we-review .reviewProduct .ratting {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     color: #999;
     font-size: 13px;
     line-height: 14px;
     padding-right: 10px;
     margin-right: 10px;
     border-right: solid 1px rgba(0, 0, 0, .1)
 }
 
 .we-review .reviewProduct .ratting i {
     margin: 0 2px
 }
 
 .we-review .reviewProduct .ratting i.rat {
     color: #fccf1f
 }
 
 .we-review .reviewProduct .num {
     color: #999;
     font-size: 13px;
     line-height: 14px
 }
 
 .we-review .reviewProduct .note {
     padding: 20px;
     font-size: 13px;
     line-height: 21px;
     background: #f6f6f6
 }
 
 .we-review .reviewProduct .note p {
     padding: 0
 }
 
 .we-review .reviewComment {
     background: #fff;
     padding: 20px 25px;
     border: solid 1px rgba(0, 0, 0, .1)
 }
 
 .we-review .reviewComment .toolsComment {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     margin-bottom: 20px
 }
 
 .we-review .reviewComment .toolsComment .txt {
     color: #666;
     width: 180px;
     padding-right: 10px;
     font-weight: 700
 }
 
 .we-review .reviewComment .toolsComment .tools {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center
 }
 
 .we-review .reviewComment .toolsComment .tools select {
     margin-right: 10px;
     border: solid 1px rgba(0, 0, 0, .1);
     border-radius: 3px;
     padding: 5px 10px;
     padding-right: 30px;
     background-color: #fff
 }
 
 .we-review .reviewComment .nodeComment {
     padding-bottom: 15px;
     margin-bottom: 15px;
     border-bottom: solid 1px rgba(0, 0, 0, .1)
 }
 
 .we-review .reviewComment .nodeComment .grid {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     align-items: flex-start
 }
 
 .we-review .reviewComment .nodeComment .grid .col1 {
     width: 180px;
     flex-shrink: 0
 }
 
 .we-review .reviewComment .nodeComment .avatar {
     width: 70px;
     height: 70px;
     border-radius: 100%;
     overflow: hidden;
     position: relative;
     margin: 0 auto;
     margin-bottom: 10px
 }
 
 .we-review .reviewComment .nodeComment .avatar img {
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     height: 100%
 }
 
 .we-review .reviewComment .nodeComment .name {
     font-size: 14px;
     line-height: 22px;
     font-weight: 700;
     text-align: center
 }
 
 .we-review .reviewComment .nodeComment .date {
     text-align: center;
     font-size: 12px;
     line-height: 20px;
     color: #999
 }
 
 .we-review .reviewComment .nodeComment .comtHead {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     margin-bottom: 2px
 }
 
 .we-review .reviewComment .nodeComment .comtRatting {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     color: #999;
     font-size: 13px;
     line-height: 14px;
     padding-right: 10px;
     margin-right: 10px;
     border-right: solid 1px rgba(0, 0, 0, .1)
 }
 
 .we-review .reviewComment .nodeComment .comtRatting i {
     margin: 0 2px
 }
 
 .we-review .reviewComment .nodeComment .comtRatting i.rat {
     color: #fccf1f
 }
 
 .we-review .reviewComment .nodeComment .comtTitle {
     font-weight: 700
 }
 
 .we-review .reviewComment .nodeComment .comtBuy {
     font-size: 13px;
     line-height: 21px;
     color: #6ab6d9;
     margin-bottom: 2px
 }
 
 .we-review .reviewComment .nodeComment .comtBuy span {
     padding-left: 20px;
     position: relative;
     display: block
 }
 
 .we-review .reviewComment .nodeComment .comtBuy span:before {
     content: "\f05d";
     font-family: fontAwesome;
     position: absolute;
     left: 0;
     top: -3px
 }
 
 .we-review .reviewComment .nodeComment .comtContent {
     color: #666;
     margin-bottom: 5px
 }
 
 .we-review .reviewComment .nodeComment .comtContent p {
     padding: 0;
     margin-bottom: 5px
 }
 
 .we-review .reviewComment .nodeComment .comtContent .listImg {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     flex-wrap: wrap
 }
 
 .we-review .reviewComment .nodeComment .comtContent .listImg img {
     width: auto;
     height: 75px;
     margin-right: 10px;
     margin-bottom: 10px
 }
 
 .we-review .reviewComment .nodeComment .comtTools {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     display: none
 }
 
 .we-review .reviewComment .nodeComment .comtTools .tool {
     margin-right: 20px
 }
 
 .we-review .reviewComment .nodeComment .comtTools .tool a {
     display: block;
     color: #666
 }
 
 .we-review .reviewComment .nodeComment .comtTools .tool a.like span {
     padding-left: 20px;
     position: relative
 }
 
 .we-review .reviewComment .nodeComment .comtTools .tool a.like span:before {
     content: "\f164";
     font-family: fontAwesome;
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     font-size: 16px;
     line-height: 24px
 }
 
 .we-review .reviewComment .nodeComment .comtTools .tool a.like.active {
     color: #2078f4
 }
 
 .we-review .reviewComment .nodeComment .comtTools .tool a.like.active span:before {
     -webkit-animation: like 1s linear;
     -o-animation: like 1s linear;
     animation: like 1s linear;
     -webkit-transform-origin: center;
     -moz-transform-origin: center;
     -ms-transform-origin: center;
     -o-transform-origin: center;
     transform-origin: center;
     backface-visibility: hidden
 }
 
 @keyframes like {
     0% {
         color: #666
     }
 
     10% {
         transform: translateY(-50%) scale(.8) rotate(15deg)
     }
 
     20% {
         transform: translateY(-50%) scale(1.5) rotate(-15deg)
     }
 
     40% {
         transform: translateY(-50%) scale(1.8) rotate(15deg);
         color: #2078f4
     }
 
     40% {
         transform: translateY(-50%) scale(1) rotate(0deg)
     }
 }
 
 .we-review .reviewComment .nodeCommentChild {
     margin-top: 15px
 }
 
 .we-review .reviewComment .nodeCommentChild .grid {
     margin: 0 -5px
 }
 
 .we-review .reviewComment .nodeCommentChild .grid .col1 {
     width: 60px;
     flex-shrink: 0;
     padding: 0 5px
 }
 
 .we-review .reviewComment .nodeCommentChild .grid .col2 {
     width: -webkit-calc(100% - 60px);
     width: -moz-calc(100% - 60px);
     width: -o-calc(100% - 60px);
     width: calc(100% - 60px);
     padding: 0 5px
 }
 
 .we-review .reviewComment .nodeCommentChild .avatar {
     width: 50px;
     height: 50px
 }
 
 .we-review .reviewPagination {
     text-align: right
 }
 
 .we-review .reviewPagination .pagination ul li span.pagecur,
 .we-review .reviewPagination .pagination ul li a {
     border: none;
     background: #f3f3f3;
     border: solid 1px rgba(0, 0, 0, .15)
 }
 
 .we-review .reviewPagination .pagination ul li a:hover,
 .we-review .reviewPagination .pagination ul li span.pagecur {
     background: #e0493e;
     border-color: #e0493e;
     color: #fff
 }
 
 .we-review.darkmode .reviewDashbroad,
 .we-review.darkmode .reviewToggle,
 .we-review.darkmode .reviewComment,
 .we-review.darkmode .reviewComment .toolsComment .tools select,
 .we-review.darkmode .reviewPagination .pagination ul li span.pagecur,
 .we-review.darkmode .reviewPagination .pagination ul li a,
 .we-review.darkmode .reviewFormComment input:not([type=checkbox]):not([type=radio]),
 .we-review.darkmode .reviewFormComment textarea,
 .we-review.darkmode .reviewFormComment select,
 .we-review.darkmode .reviewProduct .note {
     background: rgba(255, 255, 255, .1)
 }
 
 .we-review.darkmode .reviewDashbroad,
 .we-review.darkmode .reviewToggle,
 .we-review.darkmode .reviewComment,
 .we-review.darkmode .reviewComment .toolsComment .tools select,
 .we-review.darkmode .reviewDashbroad .grid .col~.col,
 .we-review.darkmode .reviewPagination .pagination ul li span.pagecur,
 .we-review.darkmode .reviewPagination .pagination ul li a,
 .we-review.darkmode .reviewFormComment input:not([type=checkbox]):not([type=radio]),
 .we-review.darkmode .reviewFormComment textarea,
 .we-review.darkmode .reviewFormComment select,
 .we-review.darkmode .reviewProduct .note,
 .we-review.darkmode .reviewComment .nodeComment,
 .we-review.darkmode .reviewFormComment button.btnUploadImage:hover {
     border-color: rgba(255, 255, 255, .1)
 }
 
 .we-review.darkmode .title,
 .we-review.darkmode .reviewDashbroad,
 .we-review.darkmode .reviewToggle,
 .we-review.darkmode .reviewComment,
 .we-review.darkmode .reviewDashbroad .dashbroadTxt,
 .we-review.darkmode .reviewComment .toolsComment .txt,
 .we-review.darkmode .reviewPagination .pagination ul li span.pagecur,
 .we-review.darkmode .reviewPagination .pagination ul li a,
 .we-review.darkmode .reviewFormComment input:not([type=checkbox]):not([type=radio]),
 .we-review.darkmode .reviewFormComment textarea,
 .we-review.darkmode .reviewFormComment select,
 .we-review.darkmode .reviewProduct .note,
 .we-review.darkmode .reviewComment .nodeComment .comtContent,
 .we-review.darkmode .reviewDashbroad .dashbroadPolling .poll .num {
     color: #ccc
 }
 
 .we-review.darkmode .reviewPagination .pagination ul li a:hover,
 .we-review.darkmode .reviewPagination .pagination ul li span.pagecur {
     background: #fff
 }
 
 .we-review.darkmode .reviewPagination .pagination ul li a:hover,
 .we-review.darkmode .reviewPagination .pagination ul li span.pagecur,
 .we-review.darkmode .reviewFormComment button.btnUploadImage:hover,
 .we-review .reviewComment .nodeComment .comtTools .tool a {
     color: #999
 }
 
 a.go_top {
     width: 45px;
     height: 45px;
     position: fixed;
     background: 0 0;
     bottom: 80px;
     right: 10px;
     box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
     border-radius: 100%;
     z-index: 11;
     font-size: 12px;
     text-transform: uppercase;
     background-color: #fff
 }
 
 a.go_top:before {
     content: "\f062";
     font-family: FontAwesome;
     font-weight: 700;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-transition: all .8s ease;
     -o-transition: all .8s ease;
     transition: all .8s ease;
     -webkit-animation: bouncez 1.2s 500ms infinite;
     -o-animation: bouncez 1.2s 500ms infinite;
     animation: bouncez 1.2s 500ms infinite
 }
 
 @keyframes bouncez {
 
     0%,
     20%,
     50%,
     80%,
     100% {
         transform: translate(-50%, -50%)
     }
 
     40% {
         transform: translate(-50%, -80%)
     }
 
     60% {
         transform: translate(-50%, -60%)
     }
 }
 
 @-webkit-keyframes bouncez {
 
     0%,
     20%,
     50%,
     80%,
     100% {
         -webkit-transform: translate(-50%, -50%)
     }
 
     40% {
         -webkit-transform: translate(-50%, -80%)
     }
 
     60% {
         -webkit-transform: translate(-50%, -60%)
     }
 }
 
 @-moz-keyframes bouncez {
 
     0%,
     20%,
     50%,
     80%,
     100% {
         -moz-transform: translate(-50%, -50%)
     }
 
     40% {
         -moz-transform: translate(-50%, -80%)
     }
 
     60% {
         -moz-transform: translate(-50%, -60%)
     }
 }
 
 @-o-keyframes bouncez {
 
     0%,
     20%,
     50%,
     80%,
     100% {
         -o-transform: translate(-50%, -50%)
     }
 
     40% {
         -o-transform: translate(-50%, -80%)
     }
 
     60% {
         -o-transform: translate(-50%, -60%)
     }
 }
 
 .fixedTool {
     display: none
 }
 
 .languageTop {
     position: relative;
     z-index: 111;
     /* margin-left: 20px; */
     text-transform: uppercase;
     margin: 0px 10px;
 }
 
 .languageTop .iconLang {
 
     position: relative;
     cursor: pointer;
     color: #555;
 }
 
 .languageTop .iconLang img {
     width: 30px;
     margin-right: 15px;
 }
 
 .languageTop .iconLang::after {
     content: "\f107";
     position: absolute;
     top: 50%;
     right: 0px;
     transform: translate(0, -50%);
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-size: 16px;
     color: #F44336
 }
 
 .languageTop .iconLang span {
     /* margin-bottom: 2px; */
     /* font-family: 'Open Sans', sans-serif; */
     /* color: #F44336; */
     display: flex;
     align-items: center;
     height: 30px;
 }
 
 .languageTop .popup {
     position: absolute;
     top: 80px;
     right: 0;
     width: 60px;
     background-color: #fff;
     box-shadow: 0 0 15px rgba(0, 0, 0, .1);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all .3s linear;
     -o-transition: all .3s linear;
     transition: all .3s linear
 }
 
 .languageTop.active .popup {
     opacity: 1;
     visibility: initial;
     top: 100%;
     -webkit-transition: all .3s linear;
     -o-transition: all .3s linear;
     transition: all .3s linear
 }
 
 .languageTop .popup li a {
     display: flex;
     padding: 0px 10px;
     align-content: center
 }
 
 .languageTop .popup li a img {
     width: 20px;
     height: 20px
 }
 
 .languageTop .popup li a span {
     margin-left: 10px
 }
 
 .weSearchMenu {
     display: flex;
     align-items: center;
     align-content: center;
     justify-content: space-between
 }
 
 .weSearchMenu .langPageMb {
     width: 60px;
     height: 60px;
     border-left: 1px solid #ddd;
     display: flex;
     align-items: center;
     justify-content: center
 }
 
 .weSearchMenu .langPageMb a {
     text-transform: uppercase;
     font-size: 13px;
     color: #000
 }
 
 .headerMb .langPageMb a {
     display: inline-block
 }
 
 .viewBoxPage {
     display: block
 }
 
 .viewBoxPage a {
     display: inline-block;
     text-transform: uppercase
 }
 
 .viewBoxPage a span {
     display: block;
     padding-right: 20px;
     position: relative
 }
 
 .viewBoxPage a:hover {
     color: #333
 }
 
 .viewBoxPage a span::before {
     content: '';
     width: 15px;
     height: 10px;
     position: absolute;
     right: 0;
     top: 50%;
     transform: translate(0, -50%);
     background-image: url(../images/linea.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: contain;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease
 }
 
 .viewBoxPage a:hover span::before {
     right: -5px;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease
 }
 
 .lstAllStyle {
     /* margin-bottom: 30px; */
 }
 
 #boxAbout {
     padding: 95px 0 80px;
     position: relative;
     z-index: 10
 }
 
 #boxAbout .boxTitle {
     color: #333;
     font-size: 18px;
     font-family: 'Open Sans', sans-serif;
     line-height: 30px;
     text-align: center;
     padding-left: 50px;
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     position: relative;
     z-index: 10
 }
 
 #boxAbout .boxTitle .title1 {
     width: 35%
 }
 
 #boxAbout .boxTitle .title {
     width: 65%;
     margin-bottom: 50px
 }
 
 #boxAbout .boxTitle .title p,
 #boxAbout .boxTitle .title h2 {
     max-width: 578px;
     margin: 0 auto;
     margin-bottom: 20px;
 }
 
 #boxAbout .boxTitle img {
     max-width: 389px;
     margin-bottom: 0px;
 }
 
 #boxAbout .weAbout {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     justify-content: space-between
 }
 
 #boxAbout .weAbout .col:nth-child(1) {
     width: 40%
 }
 
 #boxAbout .weAbout .col:nth-child(2) {
     width: 55%
 }
 
 #boxAbout .weAbout .col .t1 {
     font-family: 'Open Sans', sans-serif;
     background-color: #293e31;
     font-size: 30px;
     width: 200px;
     height: 80px;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     text-transform: uppercase
 }
 
 #boxAbout .weAbout .col .t2 {
     font-family: 'Open Sans', sans-serif;
     background-color: #2d63ac;
     font-size: 24px;
     width: 430px;
     height: 80px;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff
 }
 
 #boxAbout .weAbout .col .decs_m p {
     font-size: 18px;
     color: #333;
     font-family: 'Open Sans', sans-serif;
     line-height: 30px
 }
 
 #boxAbout .weAbout .col .decs_m {
     margin-bottom: 50px
 }
 
 #boxAbout .aboutHome {
     position: relative
 }
 
 .enable-animate #boxAbout .aboutHome::after {
     content: '';
     background: url(../images/light-blue.png) no-repeat;
     width: 411px;
     height: 349px;
     position: absolute;
     top: 0;
     right: 10%;
     z-index: -1
 }
 
 .enable-animate #boxAbout .aboutHome::before {
     content: '';
     background: url(../images/about.png) no-repeat;
     width: 585px;
     height: 461px;
     position: absolute;
     top: -10%;
     left: 0%;
     background-size: contain;
 }
 
 #boxContact {
     position: relative;
     overflow: hidden;
     /* mask: url(../images/bg_contact_home.png); */
     /* -webkit-mask-box-image: url(../images/bg_contact_home.png); */
     -webkit-mask-siz: cover;
     /* -webkit-mask-repeat: no-repeat; */
     /* background-image: url(../images/bg_contact_home.png); */
     background-repeat: no-repeat;
     background-color: #fff;
     background-size: cover;
     min-height: 650px;
     /* margin-top: -10%; */
     display: flex;
     align-items: center;
     justify-content: flex-start
 }
 
 #boxContact .infoContact {
     max-width: 500px;
     background-color: #fff;
     min-height: 340px;
     padding: 50px 30px;
     position: relative;
     border-radius: 20px;
 }
 
 #boxContact .bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 0;
     background-attachment: fixed;
     background-repeat: no-repeat;
     background-size: cover
 }
 
 #boxContact .infoContact .t1 {
     color: #F44336;
     font-size: 24px;
     font-family: 'Open Sans', sans-serif;
     line-height: 36px;
     margin-bottom: 15px;
     font-weight: 600;
 }
 
 #boxContact .infoContact .t2 {
     color: #333;
     font-size: 18px;
     line-height: 30px;
     margin-bottom: 15px
 }
 
 #boxContact .infoContact .linkAll a {
     width: 140px;
     height: 140px;
     font-size: 24px;
     line-height: 36px;
     font-family: 'Open Sans', sans-serif;
     text-transform: uppercase;
     background-color: #293e31;
     color: #fff;
     border: none;
     padding: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 100%;
     text-align: center;
     position: absolute
 }
 
 #boxContact .infoContact .linkAll a::before {
     border-radius: 100%
 }
 
 #boxProduct {
     /* margin-top: -100px; */
     position: relative;
     max-height: 900px;
     z-index: 10;
     padding-top: 50px;
 }
 
 .enable-animate #boxProduct::before {
     content: '';
     background: url(../images/Light_BlueMix_Blur.png) no-repeat;
     top: -30%;
     right: 0;
     width: 294px;
     height: 513px;
     position: absolute
 }
 
 #boxProduct .boxTitle {
     max-width: 670px;
     margin: auto;
     margin-bottom: 40px
 }
 
 #boxProduct .boxTitle .t1 {
     color: #293e31;
     font-size: 72px;
     line-height: 110px;
     font-weight: 900;
 }
 
 #boxProduct .boxTitle .t2 {
     color: #F44336;
     font-size: 72px;
     line-height: 110px;
     text-align: right;
     font-weight: 900;
 }
 
 #boxProduct .boxTitle .t3 {
     color: #333;
     font-size: 18px;
     line-height: 30px;
     padding: 0 30px;
     text-align: center
 }
 
 .lstProduct {
     padding: 0 30px;
     margin-bottom: 30px
 }
 
 .lstProduct .item {
     width: 100%
 }
 
 .lstProduct .item .col {
     position: relative;
     -moz-transform: all .5s linear;
     -ms-transform: all .5s linear;
     -webkit-transition: all .5s linear;
     -o-transition: all .5s linear;
     transition: all .5s linear
 }
 
 .lstProduct .item .col:last-child {
     border-bottom: none
 }
 
 .lstProduct .item .thumb a {
     padding-top: 450px;
     background-color: #fff;
     position: relative;
     height: 0;
     display: block
 }
 
 .lstProduct .item .thumb a::before {
     content: '';
     height: 100%;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     background: rgba(0, 0, 0, .6);
     z-index: 11;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease
 }
 
 .lstProduct .item .col:hover .thumb a::before {
     height: 0%;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease
 }
 
 .lstProduct .item .thumb a img {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     max-width: 100%;
     max-height: 100%;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     height: 100%;
     object-fit: cover
 }
 
 .enable-animate .lstProduct .item .thumb a::after {
     content: '';
     background-image: url(../images/bong_dv.png);
     height: 77px;
     width: 100%;
     position: absolute;
     top: 0;
     left: 0
 }
 
 .lstProduct .item .decs {
     position: absolute;
     top: 0%;
     left: 0;
     right: 0;
     padding: 30px;
     z-index: 12;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;
     display: flex;
     flex-wrap: wrap;
     flex-direction: column;
     justify-content: space-between;
     height: 100%
 }
 
 .lstProduct .item .col:hover .decs {
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease
 }
 
 .lstProduct .item .decs h3 {
     color: #fff;
     font-size: 24px;
     line-height: 36px;
     margin-bottom: 5px;
     font-family: 'Open Sans', sans-serif;
     overflow: hidden
 }
 
 .lstProduct .item .decs h3 a {
     color: #fff
 }
 
 .lstProduct .item .col:hover p {
     opacity: 1
 }
 
 .lstProduct .item .decs p {
     font-size: 16px;
     line-height: 24px;
     color: #fff;
     font-family: 'Open Sans', sans-serif;
     opacity: 0
 }
 
 .lstProduct .item .col:hover .decs .linkAll {
     opacity: 1
 }
 
 .lstProduct .item .decs .linkAll {
     text-align: center;
     opacity: 0
 }
 
 .lstProduct .item .decs .linkAll a {
     background-color: transparent;
     color: #fff;
     border: 2px solid #fff
 }
 
 .lstProduct .item .decs .linkAll a:hover {
     color: #fff
 }
 
 .slick-dots {
     position: relative;
     display: flex;
     justify-content: center;
     margin: 30px 0
 }
 
 .slick-dots li {
     margin: 0 5px;
     display: block
 }
 
 .slick-dots li {
     background: 0 0;
     border: 1px solid #F44336;
     background-color: #F44336;
     font-size: 0;
     width: 15px;
     height: 15px;
     border-radius: 100%;
     line-height: initial;
     cursor: pointer
 }
 
 .slick-dots li button {
     font-size: 0;
     border: none;
     background: 0 0;
     outline: none
 }
 
 .slick-dots li.slick-active {
     border: 1px solid #293e31;
     background-color: #293e31
 }
 
 #boxMedbolideLearn {
     background-color: #dacec2;
     padding: 123px 0px 60px;
 }
 
 #boxMedbolideLearn .title .t1 {
     font-size: 32px;
     color: #293e31;
     /* font-family: 'Open Sans', sans-serif; */
     line-height: 42px;
     font-weight: 600;
     max-width: 325px;
     position: relative;
     padding-bottom: 18px;
     margin-bottom: 60px;
     
 }
 
 #boxMedbolideLearn .title .t1::after {
     content: '';
     background-color: #293e31;
     width: 62px;
     height: 1px;
     position: absolute;
     bottom: 0px;
     left: 0px;
 }
 
 #boxMedbolideLearn .more {
     margin: 0 auto;
 }
 
 #boxMedbolideLearn .boxContent {
     margin-bottom: 49px;
 }
 
 .styleBtnBox .slick-arrow {
     height: 40px;
     width: 40px;
     border-radius: 100%;
     position: absolute;
     border: none;
     background-color: transparent;
     color: transparent;
     overflow: hidden;
     position: absolute;
     top: 30%;
     transform: translate(0, -50%);
     z-index: 2;
 }
 
 .styleBtnBox .slick-arrow::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-position: center;
     background-repeat: no-repeat;
     width: 100%;
     height: 100%
 }
 
 .slider-other.styleBtnBox .slick-prev {
     left: 0px
 }
 
 .slider-other.styleBtnBox .slick-next {
     right: 0px
 }
 
 .styleBtnBox .slick-prev {
     left: -60px
 }
 
 .styleBtnBox .slick-prev:hover {
     opacity: 1
 }
 
 .styleBtnBox .slick-prev::before {
     background-image: url(../images/nextall.png);
     transform: rotate(180deg)
 }
 
 .styleBtnBox .slick-next {
     right: -60px
 }
 
 .styleBtnBox .slick-next::before {
     background-image: url(../images/nextall.png)
 }
 
 .lstAllStyle .item .thumb a {
     position: relative;
     padding-bottom: 65.56%;
     height: 0;
     overflow: hidden;
     display: block
 }
 
 .lstAllStyle .item .thumb a img {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     background: #fff;
 }
 
 .lstAllStyle .item:hover h3 a {
     color: #fe8340;
 }
 
 .lstAllStyle .item h3 a {
     color: #293e31;
     font-weight: 500;
 }
 
 .lstAllStyle .item {
     padding: 0px 15px;
 }
 
 .lstAllStyle .item .decs {
     background-color: #fcf9f4;
     padding: 20px
 }
 
 .lstAllStyle .item .decs p {
     overflow: hidden;
     text-overflow: ellipsis;
     line-height: 25px;
     -webkit-line-clamp: 3;
     height: 80px;
     display: -webkit-box;
     -webkit-box-orient: vertical
 }
 
 .lstAllStyle .item:hover .thumb a img {
     transform: scale(1.1);
     -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
     -o-transition: all 2s ease;
     transition: all 2s ease
 }
 
 .lstAllStyle .item .decs .date {
     padding: 5px 10px;
     color: #293e31;
     border-radius: 25px;
     margin-bottom: 20px;
     font-size: 14px;
     line-height: 18px;
     text-align: center
 }
 
 .lstAllStyle .item .decs h3 {
     height: 50px;
     font-size: 18px;
     line-height: 25px;
     overflow: hidden;
     margin-bottom: 20px;
     font-family: 'Open Sans', sans-serif;
     text-align: center
 }
 
 .lstAllStyle.lstaction .item .decs h3 {
     margin-bottom: 0
 }
 
 #boxDacbiet {
     position: relative;
     background-attachment: fixed;
     background-size: cover;
     background-repeat: no-repeat;
 }
 
 .background_box1 {
     width: 50%;
     background-color: #293e31;
     padding: 10%;
 }
 
 .form-group {
     margin-bottom: 15px
 }
 
 @media all and (min-width: 992px) {
     .lstProduct .slick-current+.slick-slide .col {
         margin-top: 30px;
         border: solid 3px #293e31
     }
 }
 
 @media(min-width: 1600px) {
     #we-slide .item .img {
         padding-top: 45%
     }
 }
 
 @media all and (max-width: 991px) {
     .styleBtnBox {
         margin-bottom: 90px
     }
 
     .styleBtnBox .slick-arrow {
         top: initial;
         bottom: -55px;
         z-index: 1
     }
 
     .styleBtnBox .slick-prev {
         left: calc(50% - 50px)
     }
 
     .styleBtnBox .slick-next {
         right: initial;
         left: calc(50% + 10px)
     }
 
     .styleBtnBox .slick-list {
         margin: 0 -10px
     }
 
     .styleBtnBox .slick-slide {
         padding: 0 10px
     }
 
     .breadcrumb {
         display: none
     }
 
     #we-footer .mainFoot {
         padding: 40px 0
     }
 
     .modn-home #we-header {
         position: relative
     }
 
     .modn-home #we-header.fixed {
         /* position: fixed; */
     }
 
     #we-header {
         min-height: 60px;
         box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
         border-top: none;
         padding: 0
     }
 
     #we-header .wrapper {
         padding: 0;
         padding-left: 15px
     }
 
     .weSearchMenu .langPageMb a {
         font-size: 10px
     }
 
     .languageTop {
         margin-left: 0;
     }
 
     .languageTop .iconLang {
         margin-right: 10px;
     }
 
     .searchTop .icon {
         font-size: 0
     }
 
     .searchTop {
         width: 60px;
         position: relative
     }
 
     .searchTop::before {
         content: '';
         position: absolute;
         height: 60px;
         width: 1px;
         /* background-color: #ddd; */
         top: -10px;
         bottom: 0;
         left: 0
     }
 
     .searchTop.active .popup {
         min-width: 250px
     }
 
     #we-footer .mainFootTop {
         padding-bottom: 10px
     }
 
     #we-footer .mainFoot .border-bt {
         margin-bottom: 30px
     }
 
     #we-footer .mainFoot .addressFoot li {
         margin-bottom: 0
     }
 
     #we-footer .mainFoot .mapFt {
         margin-bottom: 10px
     }
 
     .copyright {
         padding: 0 0
     }
 
     .copyright .wrapper {
         display: block
     }
 
     .copyright .wrapper .sub-copyright {
         font-size: 12px;
         margin-bottom: 0;
         margin-right: 0
     }
 
     .copyright .bocongthuong {
         display: block;
         font-size: 12px
     }
 
     .copyright .bocongthuong .b-img {
         margin-bottom: 20px
     }
 
     .copyright .bocongthuong ul li {
         font-size: 13px
     }
 
     .copyright .bocongthuong ul li:first-child {
         padding-left: 0
     }
 
     .boxHome .boxContent .decs .line_left {
         font-size: 20px;
         line-height: 30px;
         max-width: 220px
     }
 
     .boxNews {
         display: block
     }
 
     .boxNews .colNews {
         width: 100%;
         margin-bottom: 20px
     }
 
     .colNews .item .decs {
         bottom: 40px
     }
 
     .colNews .item .decs h3 {
         font-size: 14px;
         line-height: 21px
     }
 
     .boxNews .date {
         display: none
     }
 
     .boxNews .col .decs {
         padding: 10px
     }
 
     .boxNews .col .decs h3 {
         font-size: 14px;
         line-height: 21px
     }
 
     .boxAlbum {
         display: block
     }
 
     .boxAlbum .col {
         width: 100%;
         margin-bottom: 20px
     }
 
     .like_facebook>span {
         display: none
     }
 
     a.go_top {
         display: none !important
     }
 
     .fixedTool {
         display: block;
         position: fixed;
         bottom: 0;
         left: 0;
         right: 0;
         z-index: 111
     }
 
     .fixedTool ul {
         display: flex;
         justify-content: space-between;
         align-items: center;
         align-content: center;
         background-color: #98bd2e
     }
 
     .fixedTool ul li {
         width: 33.333%;
         text-align: center;
         position: relative
     }
 
     #we-footer {
         padding-top: 95px;
     }
 
     .fixedTool ul li a {
         color: #fff;
         text-transform: uppercase;
         padding: 8px 5px;
         display: block;
         position: relative
     }
 
     .fixedTool ul li a i {
         margin-right: 5px
     }
 
     .fixedTool ul li a::before {
         content: '';
         position: absolute;
         height: 100%;
         width: 1px;
         background-color: #fff;
         top: 0;
         bottom: 0;
         right: 0
     }
 
     .fixedTool ul li:last-child a::before {
         display: none
     }
 
     #we-slide.styleBtn .slick-arrow {
         display: none !important
     }
 
     #we-footer .mainFootTop .row {
         display: block
     }
 
     .linkAll a {
         padding: 8px 25px
     }
 
     .paddingAll {
         padding: 30px 0 50px
     }
 
     .boxOrther .titleOrther {
         font-size: 25px;
         line-height: 38px
     }
 
     .boxOrther {
         padding: 30px 0 40px
     }
 
     .languageTop .popup {
         right: 0;
         left: -30px;
         top: 40px
     }
 
     .languageTop.active .popup {
         /* top: 30px; */
     }
 
     #boxAbout .boxTitle .title1 {
         display: none
     }
 
     #boxAbout .boxTitle .title {
         width: 100%
     }
 
     #boxAbout .boxTitle img {
         width: 100%
     }
 
     .enable-animate #boxAbout .aboutHome::before {
         content: '';
         background: url(../images/about.png) no-repeat;
         width: 100%;
         height: 461px;
         position: absolute;
         top: 0%;
         left: 0%;
         object-fit: contain;
         display: none;
     }
 
     #boxAbout .boxTitle {
         padding-left: 0px;
     }
 
     #boxAbout .boxTitle img {
         max-width: 200px
     }
 
     #boxAbout .weAbout .col:nth-child(1),
     #boxAbout .weAbout .col:nth-child(2) {
         width: 100%
     }
 
     #boxAbout .weAbout .col .t1 {
         width: 30%;
         font-size: 18px;
         height: 70px
     }
 
     #boxAbout .weAbout .col .t2 {
         width: 60%;
         font-size: 18px;
         height: 70px
     }
 
     #boxAbout .weAbout .col .decs_m {
         margin-bottom: 30px
     }
 
     #boxAbout {
         padding: 30px 0;
         position: relative;
         z-index: 10
     }
 
     #boxContact {
         margin-top: 0;
         min-height: auto;
         mask: inherit;
         -webkit-mask-box-image: inherit;
         padding: 30px 15px
     }
 
     .enable-animate #boxProduct::before {
         display: none
     }
 
     #boxProduct .boxTitle .t1,
     #boxProduct .boxTitle .t2 {
         font-size: 30px;
         line-height: 36px;
         text-align: left;
     }
 
     #boxProduct .boxTitle .t3 {
         font-size: 14px;
         padding: 0
     }
 
     #boxProduct {
         margin-top: 0;
         min-height: auto;
         padding: 30px 15px
     }
 
     .lstProduct .item .decs p {
         font-size: 16px;
         line-height: 24px;
         color: #fff;
         font-family: 'Open Sans', sans-serif;
         opacity: 0;
         overflow: hidden;
         text-overflow: ellipsis;
         line-height: 25px;
         -webkit-line-clamp: 3;
         height: 75px;
         display: -webkit-box;
         -webkit-box-orient: vertical
     }
 
     .lstProduct {
         padding: 0;
         margin-bottom: 30px
     }
 
     .styleBtnBox {
         margin-bottom: 30px
     }
 
     #boxMedbolideLearn .boxTitle {
         margin-top: 0;
         min-height: auto;
         mask: inherit;
         -webkit-mask-box-image: inherit;
         padding: 30px 15px
     }
 
     #boxMedbolideLearn .boxTitle .title {
         margin-top: 0
     }
 
     #boxMedbolideLearn .boxTitle .title .t1,
     #boxMedbolideLearn .boxTitle .title .t2,
     #boxMedbolideLearn .boxTitle .title .t2 span {
         font-size: 30px;
         line-height: 50px
     }
 
     #boxMedbolideLearn .boxContent {
         margin-top: -15px
     }
 
     .lstAllStyle .item .decs {
         padding: 10px
     }
 }
 
 @media all and (max-width: 767px) {
     .boxNews .col .decs .tend {
         display: none
     }
 
     .colNews .styleBtn .slick-dots {
         text-align: center
     }
 
     .feedback {
         display: none
     }
 
     .boxNews .col .thumb {
         padding-bottom: 120px
     }
 }
 
 .chromeframe {
     position: fixed !important;
     top: 0 !important;
     right: 0;
     left: 0;
     width: 100% !important;
     z-index: 99999999999999 !important;
     background-color: #ff0 !important;
     color: #000 !important;
     height: 25px;
     line-height: 25px;
     padding: .2em 0;
     text-align: center !important
 }
 
 #timeoutsess {
     display: none
 }
 
 #timeoutsess a {
     color: #2f70a7 !important
 }
 
 .nv-infodie {
     margin: 0 auto;
     box-shadow: 0 0 4px rgba(0, 0, 0, .15);
     -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .15);
     border-width: 1px;
     border-color: #dcdcdc;
     border-style: solid;
     background-color: #fff;
     position: absolute;
     min-height: 300px !important;
     min-width: 300px !important;
     display: table
 }
 
 .nv-infodie .panel-body {
     display: table-cell;
     vertical-align: middle
 }
 
 .nv-infodie .logo {
     max-width: 90%;
     margin-bottom: 10px;
     height: auto
 }
 
 iframe {
     width: 100%
 }
 
 .modn-home .breadcrumbs-wrap {
     display: none
 }
 
 .breadcrumbs-wrap {
     position: relative;
     min-height: 300px;
     color: #fff;
     text-align: center;
     background: url(../images/bg_breadcrumbs.jpg);
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 .breadcrumbs-wrap a {
     color: #fff
 }
 
 .breadcrumbs-wrap img {
     width: 100%;
     min-height: 300px;
     object-fit: cover
 }
 
 .breadcrumbs-wrap .nv-block-banners {
     position: relative
 }
 
 .breadcrumbs-wrap::after {
     content: '';
     background: url(../images/breadcrumbs.png) repeat-x;
     position: absolute;
     height: 170px;
     width: 100%;
     bottom: 0;
     left: 0;
     z-index: 0
 }
 
 .breadcrumbs-w {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     z-index: 10
 }
 
 .breadcrumbs-w h2 {
     font-family: 'Open Sans', sans-serif;
     font-size: 36px;
     text-transform: uppercase;
     line-height: 37px;
     margin-bottom: 15px
 }
 
 .breadcrumbs-w ul {
     display: flex;
     justify-content: center;
     margin-bottom: 30px
 }
 
 .breadcrumbs-w ul li {
     font-size: 18px;
     line-height: 37px;
     margin: 0 2px
 }
 
 .breadcrumbs-w ul li:nth-child(3) {
     display: none
 }
 
 video {
     width: 100% !important;
     height: auto !important
 }
 
 .about_top {
     background-color: #fdfaf5;
     padding: 133px 0px;
 }
 
 .wrapper-about {
     max-width: 1349px;
     margin: 0 auto;
     padding: 0px 15px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
 }
 
 .about_top .info {
     width: 48%;
 }
 
 .more {
     background-color: #fe8340;
     border: 1px solid #fe8340;
     cursor: pointer;
     align-items: center;
     box-sizing: border-box;
     display: flex;
     justify-content: center;
     min-width: 142px;
     height: 40px;
     text-align: initial;
     width: -moz-max-content;
     width: max-content;
     color: #293e31;
 }
 
 .more:hover {
     background-color: #293e31;
     border: 1px solid #293e31;
     color: #fcf9f4;
 }
 
 .about_top .title h2 {
     font-size: 32px;
     color: #293e31;
     /* font-family: 'Open Sans', sans-serif; */
     line-height: 42px;
     font-weight: 600;
     max-width: 325px;
     position: relative;
     padding-bottom: 18px;
     margin-bottom: 18px;
     
 }
 
 .about_top .title h2::after {
     content: '';
     background-color: #293e31;
     width: 62px;
     height: 1px;
     position: absolute;
     bottom: 0px;
     left: 0px;
 }
 
 .about_top .decs {
     margin-bottom: 40px;
 }
 
 .about_top .decs p {
     font-size: 16px;
     color: #293e31;
     font-family: 'Open Sans', sans-serif;
     line-height: 32px;
     font-weight: 400;
     max-width: 479px;
     text-align: justify;
 }
 
 .about_top .title p {
     font-size: 48px;
     color: #3c4b9b;
     font-family: 'Open Sans', sans-serif;
     line-height: 60px;
     margin-bottom: 30px;
     font-weight: 900;
 }
 
 .about_top .title p span {
     color: #293e31;
     text-transform: uppercase;
 }
 
 .about_top .boxContent {
     width: 48%;
     display: flex;
     justify-content: flex-end;
 }
 
 .about_top .boxContent img {
     max-width: 400px;
     width: 100%;
 }
 
 .about_center {
     margin-bottom: 50px
 }
 
 .about_center .title h2 {
     font-size: 24px;
     color: #333;
     font-family: 'Open Sans', sans-serif;
     line-height: 60px
 }
 
 .about_center ul {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between
 }
 
 .about_center ul li {
     width: 48%;
     font-size: 18px;
     line-height: 30px
 }
 
 .about_center ul li a {
     color: #333
 }
 
 .about_center ul li i {
     color: #293e31
 }
 
 .about_bottom {
     position: relative
 }
 
 .product_cen {
     background-color: #dacec2;
     padding: 123px 0px;
 }
 
 .product_cen .title {
     font-size: 32px;
     color: #293e31;
     /* font-family: 'Open Sans', sans-serif; */
     line-height: 42px;
     font-weight: 600;
     max-width: 325px;
     position: relative;
     padding-bottom: 18px;
     margin-bottom: 60px;
     
 }
 
 .product_cen .title::after {
     content: '';
     background-color: #293e31;
     width: 62px;
     height: 1px;
     position: absolute;
     bottom: 0px;
     left: 0px;
 }
 
 .slider_spnb {
     margin-bottom: 49px;
 }
 
 .product_cen .more {
     margin: 0 auto;
 }
 .socialicon {
     display: flex;
    align-items: center;
 }
 .news_column.detail_news {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
}
 .slider_spnb .p-item {
    margin: 0px 15px;
    position: relative;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
 }
 .panel-1.panel-1-default.panel-1-product-info {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
}
 .slider_spnb .img {
     position: relative;
     padding-top: 286px;
     overflow: hidden;
     margin-bottom: 16px;
 }
 
 .slider_spnb .p-item:hover .img img {
     transform: scale(1.1);
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }
 
 .slider_spnb .img img {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     object-fit: cover;
     transform: scale(1);
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }
 
 .slider_spnb h3 a {
     font-size: 16px;
     font-weight: 400;
     color: #293e31;
 }
 
 body .money {
    color: red;
    font-weight: 600;
    padding: 0px;
    font-size: 16px;
 }
 .support {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
    background: #91c088;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
 }
 .support .hotline a:hover {
     background-color: #4d8e40;
 }
 .support .hotline a {
    background-color: #c00;
    color: #fff;
    font-size: 18px;
    border-radius: 20px;
    padding: 5px 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 200px;
    justify-content: center;
}
 
 .slider_spnb .slick-arrow {
     height: 40px;
     width: 40px;
     border-radius: 100%;
     position: absolute;
     border: none;
     background-color: transparent;
     color: transparent;
     overflow: hidden;
     position: absolute;
     top: 30%;
     transform: translate(0, -50%);
     z-index: 2;
 }
 
 .slider_spnb .slick-arrow::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-position: center;
     background-repeat: no-repeat;
     width: 100%;
     height: 100%
 }
 
 .slider_spnb .slick-prev {
     left: 0px
 }
 
 .slider_spnb .slick-next {
     right: 0px
 }
 
 
 .slider_spnb .slick-prev:hover {
     opacity: 1
 }
 
 .slider_spnb .slick-prev::before {
     background-image: url(../images/nextall.png);
     transform: rotate(180deg)
 }
 
 .slider_spnb .slick-next::before {
     background-image: url(../images/nextall.png)
 }
 
 .wrapper_product {
     max-width: 1010px;
     margin: 0 auto;
     padding: 0px 15px;
 }
 
 @media(min-width: 1200px) {
     .about_bottom .item {
         padding: 100px 0px;
     }
 
     .about_bottom .item .img {
         width: 48%
     }
 
     .about_bottom .item .info {
         width: 48%
     }
 
     .about_bottom .item:nth-child(odd) .img {
         order: 2
     }
 
     .about_bottom .item:nth-child(odd) .info {
         order: 1
     }
 }
 
 .lstAllpage .item .thumb a {
     position: relative;
     padding-bottom: 100%;
     height: 0;
     overflow: hidden;
     display: block;
     object-fit: cover;
     margin-bottom: 15px
 }
 
 .lstAllpage .item .thumb a img {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     object-fit: cover
 }
 
 .lstAllpage .item:hover h3 a {
     color: #226e27
 }
 
 .lstAllpage .item .decs h3 {
     overflow: hidden;
     margin-bottom: 20px;
     font-size: 18px;
     font-family: 'Open Sans', sans-serif;
     text-align: center;
     text-overflow: ellipsis;
     line-height: 25px;
     -webkit-line-clamp: 2;
     height: 50px;
     display: -webkit-box;
     -webkit-box-orient: vertical
 }
 
 .lstAllpage .item h3 a {
     color: #333
 }
 .page-header {
    padding-bottom: 0px;
    margin: 0px;
    border-bottom: 0px;
}
.info-title h1,
 .page-header h1,
 .page .title h2,
 .page .title h1,
 .block_groups h2 {
     font-size: 24px;
     color: #293e31;
     font-family: 'Open Sans', sans-serif;
     line-height: 36px;
     border-bottom: solid 2px #293e31;
     text-transform: uppercase;
     margin-bottom: 30px;
     padding-bottom: 10px
 }
 
 .hotline_dv {
     border-top: solid 2px #599849;
     border-bottom: solid 2px #599849;
     padding: 15px 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 30px;
     flex-wrap: wrap
 }
 
 .hotline_dv .name {
     color: #333;
     font-size: 18px;
     font-family: 'Open Sans', sans-serif;
     line-height: 30px;
     letter-spacing: -1.2px
 }
 
 .hotline_dv .phone {
     border-radius: 20px;
     font-size: 18px;
     font-family: 'Open Sans', sans-serif;
     line-height: 30px;
     background-color: #c00;
     padding: 10px 0;
     min-width: 213px;
     text-align: center
 }
 
 .hotline_dv .phone a {
     color: #fff
 }
 
 .block_groups .item {
     display: flex;
     justify-content: space-between;
     padding-bottom: 15px;
     margin-bottom: 15px;
     border-bottom: solid 1px #e6e6e6
 }
 
 .block_groups .item .img,
 .block_groups .item p {
     width: 48%
 }
 
 .block_groups .item .img {
     position: relative;
     overflow: hidden
 }
 
 .block_groups .item .img img {
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease
 }
 
 .block_groups .item:hover .img img {
     transform: scale(1.1);
     -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
     -o-transition: all 2s ease;
     transition: all 2s ease
 }
 
 .block_groups .item p {
     font-size: 16px;
     color: #333;
     overflow: hidden;
     text-overflow: ellipsis;
     line-height: 25px;
     -webkit-line-clamp: 3;
     height: 75px;
     display: -webkit-box;
     -webkit-box-orient: vertical
 }
 
 .block_groups .item:last-child {
     border: none
 }
 
 .block_news .item {
     display: flex;
     justify-content: space-between;
     padding-bottom: 15px;
     margin-bottom: 15px
 }
 
 .block_news .item .img,
 .block_news .item .info {
     width: 48%
 }
 
 .block_news .item .img {
     position: relative;
     overflow: hidden
 }
 
 .block_news .item .img img {
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
     width: 100%
 }
 
 .block_news .item:hover .img img {
     transform: scale(1.1);
     -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
     -o-transition: all 2s ease;
     transition: all 2s ease
 }
 
 .block_news .item .info {
     font-size: 18px;
     margin: 10px 0
 }
 
 .block_news .item .info p {
     overflow: hidden;
     text-overflow: ellipsis;
     line-height: 25px;
     -webkit-line-clamp: 7;
     height: 184px;
     display: -webkit-box;
     -webkit-box-orient: vertical
 }
 
 .block_news .item .info a {
     color: #293e31;
     font-family: 'Open Sans', sans-serif;
     line-height: 27px
 }
 
 .block_news .item .info .date {
     color: #293e31;
     margin-bottom: 20px;
     font-size: 18px;
     line-height: 18px
 }
 
 .tieubieu {
     position: relative;
     margin-bottom: 30px
 }
 
 .tieubieu::after {
     content: '';
     height: 3px;
     background-color: #293e31;
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%
 }
 
 .image-center {
     text-align: center
 }
 
 .detail_news .date {
     color: #293e31;
     margin-bottom: 20px;
     font-size: 18px;
     line-height: 18px
 }
 
 .detail_news h1 {
     color: #F44336;
     font-size: 24px;
 }
 
 .contact-form h1 {
     font-size: 30px;
     color: #333;
     font-family: 'Open Sans', sans-serif;
     text-transform: uppercase
 }
 
 .company {
     font-family: 'Open Sans', sans-serif;
     font-size: 48px;
     color: #3c4b9b;
     line-height: 72px;
     margin-bottom: 30px;
     font-weight: 900;
 }
 
 .company span {
     color: #293e31
 }
 
 .contact-form .bodytext {
     color: #333;
     font-size: 18px;
     margin-bottom: 50px
 }
 
 .dep .title h3 {
     font-size: 18px;
     font-family: 'Open Sans', sans-serif;
     color: #333;
     text-transform: uppercase;
     margin-bottom: 30px
 }
 
 .dep .content p {
     font-size: 15px;
     color: #333
 }
 
 .dep .content p .fa {
     color: #293e31;
     margin-right: 10px
 }
 
 .loadContactForm .form-contact input,
 .loadContactForm .form-contact textarea,
 .loadContactForm .form-contact select {
     width: 100%;
     border: solid 1px #eee;
     height: 45px;
     padding-left: 10px;
     font-size: 16px;
     color: #333;
     outline: none
 }
 
 .loadContactForm .form-contact textarea {
     height: 105px;
     resize: none;
     padding-top: 7px
 }
 
 .loadContactForm .form-contact .btn {
     font-size: 24px;
     line-height: 36px;
     font-family: 'Open Sans', sans-serif;
     text-transform: uppercase;
     background-color: #293e31;
     color: #fcf9f4;
 }
 
 .loadContactForm .form-contact .btn:hover {
     background-color: #F44336
 }
 
 .loadContactForm .middle {
     display: flex;
     flex-wrap: wrap
 }
 
 .loadContactForm .middle .middle-l {
     margin-right: 10px
 }
 
 .loadContactForm .bnt-submit {
     display: flex;
     justify-content: flex-end
 }
 
 
 #socialList {
     position: fixed;
     left: 20px;
     bottom: 50px;
     z-index: 99
 }
 
 #socialList ul li {
     margin-bottom: 20px;
     opacity: 0.5;
 }
 
 #socialList ul li:hover {
     opacity: 1;
 }
 
 #socialList ul li.hl {
     background-color: #c00;
     color: #fff;
     font-size: 15px;
     font-family: 'Open Sans', sans-serif;
     border-radius: 20px;
     padding: 5px 10px;
 }
 
 #socialList ul li.hl a {
     color: #fff
 }
 
 .subs-form input {
     color: #fcf9f4;
     width: 100%;
     height: 50px;
     font-size: 20px;
     padding-left: 18px;
     
     border: solid 2px #fcf9f4;
     outline: none;
     max-width: 459px;
     background: transparent;
     margin-right: 10px;
 }
 
 .subs-form input:hover {
     border: solid 2px #fe8340;
 }
 
 .subs-form button {
     background-color: #fcf9f4;
     border: solid 2px #fcf9f4;
     font-size: 23px;
     height: 50px;
     font-weight: 600;
     color: #293e31;
     min-width: 170px;
     
     cursor: pointer;
 }
 
 .subs-form button:hover {
     background-color: #fe8340;
     border: solid 2px #fe8340;
 }
 
 .colorUnderlay {
     background-color: #dacec2;
     padding-top: 50px;
     position: relative;
 }
 
 .colorUnderlay svg {

 }
 .company_info .title {
    border-bottom: solid 2px #293e31;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
 .company_info {
     background-color: #fcf9f4;
     display: flex;
     flex-wrap: wrap;
     padding: 40px 30px;
     gap: 20px;
     margin-bottom: -15%;
     position: relative;
     z-index: 2;
 }
 .company_info .item .title {
     font-size: 21px;
 }
 .company_info .item {
     width: calc(100% / 3 - 15px);
     font-size: 15px;
     color: #293e31;
     font-weight: 600;
     border-right: solid 1px #293e31;
     padding: 0px 15px
 }
 .company_info .item:first-child {
     width: calc(2*100% / 3 - 15px);
 }
 .company_info .item:last-child {
     border: none;
 }
 
 .about_bottom {
     position: relative;
     background: #dacec2;
 }
 
 .about_bottom .wrapper {
     max-width: 1048px;
     margin: 0 auto;
     position: relative;
     z-index: 10
 }
 
 .about_bottom .item {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between
 }
 
 .about_bottom .item h3 {
     font-size: 30px;
     color: #333;
     /* font-family: sfufuturabold; */
     font-weight: 900;
 }
 
 .about_bottom .info p.t1 {
     font-size: 48px;
     color: #3c4b9b;
     font-family: 'Open Sans', sans-serif;
     line-height: 60px;
     padding: 0;
     padding-left: 15px;
     font-weight: 900;
 }
 
 .about_bottom .info p.t2 {
     font-size: 48px;
     color: #50923f;
     font-family: 'Open Sans', sans-serif;
     line-height: 60px;
     padding: 0;
     padding-left: 67px;
     font-weight: 900;
 }
 
 .about_bottom .info p {
     font-size: 18px;
     /* text-align: justify; */
     line-height: 30px
 }
 
 .about_bottom .info ul {
     margin-top: 10px
 }
 
 .about_bottom .info ul li {
     font-size: 18px;
     text-align: justify;
     line-height: 30px;
     position: relative;
     padding-left: 20px;
     margin-bottom: 10px
 }
 
 .about_bottom .info ul li::before {
     content: "\f058";
     color: #50923f;
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     top: 10px;
     left: 0;
     font-size: 18px
 }
 
 @media(max-width: 1200px) {
     .we-menutop>ul>li {
         position: relative;
         margin-left: 17px
     }
 
     .we-menutop>ul>li>a {
         font-size: 16px
     }
 }
 
 @media(max-width: 991.98px) {
     #socialList {}
 
     #boxMedbolideLearn {
         /* margin-top: 30px; */
         padding: 30px 0px;
     }
 
     #we-header .we-logo img {
         max-height: 48px
     }
 
     .partners h2 {
         color: #fff;
         font-size: 18px
     }
 
     .partners {
         min-height: auto;
         mask: initial;
         background: 0 0;
         -webkit-mask-box-image: none;
         padding: 30px 0 0;
         margin-top: 0px;
     }
 
     .partners h3 {
         color: #fff;
         font-size: 30px;
         line-height: 36px;
         margin-bottom: 30px
     }
 
     #boxHoidap .title h2,
     .company {
         font-size: 30px;
         line-height: 36px;
         margin-bottom: 30px
     }
 
     #boxHoidap .hoidap .hoidap_l,
     #boxHoidap .hoidap .hoidap_r {
         width: 100%
     }
 
     #boxHoidap .hoidap .hoidap_r {
         order: 1
     }
 
     #boxHoidap .hoidap .hoidap_l {
         order: 2
     }
 
     #boxHoidap .slider-for .loop .img {
         position: absolute;
         top: -60px;
         right: 0
     }
 
     #boxHoidap .slider-for .loop .img img {
         position: relative;
         width: 100px;
         height: 100px;
         object-fit: cover;
         border-radius: 100%;
         border: solid 2px #fff
     }
 
     #boxContact .infoContact .linkAll a {
         width: 90px;
         height: 90px;
         font-size: 16px;
         line-height: 36px;
         font-family: 'Open Sans', sans-serif;
         text-transform: uppercase;
         background-color: #293e31;
         color: #fff;
         border: none;
         padding: 0;
         display: flex;
         align-items: center;
         justify-content: center;
         border-radius: 100%;
         text-align: center;
         position: absolute;
         bottom: 0;
         right: 0
     }
 
     .enable-animate #boxDacbiet::after,
     .enable-animate #boxDacbiet::before,
     .enable-animate #boxBaogia::after {
         display: none
     }
 
     #boxHoidap {
         padding: 30px 0
     }
 
     #boxDacbiet {
         padding: 30px 0
     }
 
     #boxDacbiet .title .t1,
     #boxBaogia .title h2 {
         font-size: 30px;
         line-height: 36px
     }
 
     .enable-animate #boxDacbiet .title .t2 {
         font-size: 30px;
         line-height: 36px
     }
 
     #boxDacbiet .content ul li {
         width: 100%
     }
 
     #boxBaogia {
         padding: 0 0 30px
     }
 
     #boxBaogia .form-contact .btn {
         position: relative;
         width: 90px;
         height: 90px;
         font-size: 16px;
         line-height: 36px;
         right: auto;
         bottom: auto
     }
 
     .about_top .title h2 {
         font-size: 18px
     }
 
     .about_top .title p {
         font-size: 30px;
         line-height: 36px
     }
 
     .about_top .weAbout .col:nth-child(1),
     .about_top .weAbout .col:nth-child(2) {
         width: 100%
     }
 
     .about_center .title h2 {
         font-size: 18px;
         color: #333;
         font-family: 'Open Sans', sans-serif;
         line-height: 36px;
         margin-bottom: 30px
     }
 
     .about_center ul li {
         width: 100%
     }
 
     .enable-animate .about_bottom::before,
     .enable-animate .about_bottom::after {
         display: none
     }
 
     .about_bottom .item {
         padding-bottom: 30px;
     }
 
     .about_bottom .item .img {
         margin-bottom: 30px
     }
 
     .about_bottom .item h3,
     .tuyendung .title h2 {
         font-size: 18px;
         line-height: 30px
     }
 
     .about_bottom .info p.t1,
     .about_bottom .info p.t2,
     .tuyendung .company {
         font-size: 30px;
         line-height: 36px
     }
 
     .breadcrumbs-wrap {
         /* margin-bottom: 30px; */
     }
 
     .hotline_dv .phone {
         margin-top: 10px
     }
 }
 
 .about_bottom .item .img {
     position: relative;
 }
 
 .about_bottom .item .img svg {
     position: absolute;
     bottom: -100px;
     left: -70px;
     width: 110px;
     transform: rotate(-20deg);
 }
 
 .contact-form {}
 
 .mid-content {
     background-color: #dacec2;
     padding: 50px 0px;
 }
 
 .row.viewgrid {
     display: flex;
     flex-wrap: wrap;
 }
 
 .panel-1-product-info {
     margin-bottom: 30px;
 }
 
 #content_detail-1 {
     background-color: #fcf9f4;
     padding: 30px;
     text-align: justify;
     margin: 15px 0px;
 }
 
 .keywords {
     background-color: #fcf9f4;
     padding: 30px;
     text-align: justify;
     margin: 15px 0px;
 }
 
 .panel-1-heading {
     font-size: 32px;
     color: #293e31;
     line-height: 42px;
     font-weight: 600;
     position: relative;
     padding-bottom: 18px;
     margin-bottom: 18px;
     
 }
 
 .panel-1-heading::after {
     content: '';
     background-color: #293e31;
     width: 62px;
     height: 1px;
     position: absolute;
     bottom: 0px;
     left: 0px;
 }
 
 .item-image a {
    position: relative;
    padding-top: 100%;
    overflow: hidden;
    display: block;
    background: #79544b;
 }
 
 .item-image a img {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     object-fit: contain;
     transform: scale(1);
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }
 
 .thumbnail:hover .item-image img {
     transform: scale(1.1);
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }
  .logo_address {
    display: flex;
    justify-content: center;
  }
 .logo_address img, .logo_footer_mobile img {
    padding: 10px;
    filter: brightness(0) invert(1);
    width: 100px;
    height: 100px;
}
.logo_footer_mobile {
    display: none;
}
.product-viewlist {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.product-viewlist .panel {
    width: calc(100% / 4 - 10px);
}
.product-viewlist .panel .pull-left {
    float: none !important;
}
.product-viewlist .panel h3 a {
    color: #293e31;
    font-weight: 500;
    margin: 15px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 2;
    height: 53px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.product-viewlist .panel .clearfix.pro-order {
    display: none;
}
.product-viewlist .pull-left a img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-viewlist .pull-left a {
    position: relative;
    padding-top: 100%;
    background: #79544b;
    display: block;
}
 @media(max-width: 991.98px) {
     .product-viewlist .panel {
        width: calc(100% / 2 - 10px);
    }
     .logo_footer_mobile {
        display: block;
        max-width: 100px;
        margin: 0 auto;
    }
     .about_top {
         background-color: #fdfaf5;
         padding: 30px 0px;
     }
 
     #we-header .we-tool {
         height: 60px;
     }
 
     .about_top .info {
         width: 100%;
     }
 
     .about_top .boxContent {
         width: 100%;
     }
 
     .product_cen {
         padding: 30px 0px;
     }
 
     .company_info .item {
         width: 100%;
         border: none;
     }
 
     #we-footer .mainFoot .addressFoot .social {
         flex-wrap: wrap;
         margin: 30px 0px;
     }
 
     #we-footer .mainFoot .addressFoot .social a {
         font-size: 33px;
         color: #fe8340;
         width: 100%;
         text-align: center;
         border-right: none;
     }
     .colorUnderlay {
        background-color: #293e31;
        padding-top: 30px;
        position: relative;
    }
     .colorUnderlay svg {
          width: 100px;
        height: 100px;
     }
     .about_bottom .item .img svg {
         left: 50%;
     }
     .col-sm-12 {
        width: 100%;
     }
     .colorUnderlay .wrapper_product {
        max-width: 1010px;
        margin: 0 auto;
        padding: 0px 0px;
    }
    .company_info .item, .company_info .item a {
        color: #ffffff;
    }
    .company_info {
        padding: 15px;
        background-color: #293e31;
        margin-bottom: 0px;
    }
    .addressFoot ul li {
        width: 100%;
    }
    #we-footer {
        padding-top: 0px;
    }
    #we-footer .mainFoot {
        display: none;
    }
    .company_info .item:first-child {
        width:100%;
    }
    .company_info .title {
        margin-bottom: 5px;
        padding-bottom: 0px;
    }
    .background_box1 {
        width: 100%;
    }
 }
 @media(max-width: 480px) {
     .product-viewlist .panel {
        width: 100%;
    }
    .copyright .sub-copyright p {
        padding: 0;
        font-size: 12px;
        max-width: 300px;
        margin: 0 auto;
        line-height: 20px;
        padding-bottom: 20px;
    }
 }