.pos_banner_btn_action img{width:40px;margin:30px 0;cursor:pointer;animation:ease fadeInDown 1s infinite}
.register_email_form button{background:-webkit-gradient(linear,left top,right top,from(#79bb40),to(#006837));background:linear-gradient(to right,#79bb40,#006837);padding:7px 40px;border-radius:20px;border:none;color:#fff;font-weight:700}
.register_email_form button:hover{cursor:pointer;background:-webkit-gradient(linear,left top,right top,from(#006837),to(#79bb40));background:linear-gradient(to right,#006837,#79bb40)}
.slideshow_main_info a{background:-webkit-gradient(linear,left top,right top,from(#79bb40),to(#006837));background:linear-gradient(to right,#79bb40,#006837);padding:9px 20px;border-radius:20px;font-size:16px;font-weight:500;border:none}
.slideshow_main_info a:hover{background:-webkit-gradient(linear,left top,right top,from(#006837),to(#79bb40));background:linear-gradient(to right,#006837,#79bb40)}
.btn-trial{cursor:pointer;font-weight:400;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-transition:all .3s;transition:all .3s;border:2px solid #79bb40;color:#000;overflow:hidden;height:38px;line-height:38px;text-align:center;border-radius:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:140px;float:right;margin:-6px 0 0}
.btn-trial:after{content:'';position:absolute;z-index:1;-webkit-transition:all .3s;transition:all .3s;width:100%;height:0;top:50%;left:50%;background:#79bb40;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg)}
.btn-trial:hover{color:#fff}
.btn-trial:hover:after{opacity:1;height:260%}
.btn-trial span{position:relative;z-index:2}
.bnc360_btn a{background:-webkit-gradient(linear,left top,right top,from(#79bb40),to(#006837));background:linear-gradient(to right,#79bb40,#006837);padding:10px 35px;border-radius:30px;font-size:16px;font-weight:600;border:none}
.bnc360_btn a:hover{background:-webkit-gradient(linear,left top,right top,from(#006837),to(#79bb40));background:linear-gradient(to right,#006837,#79bb40)}
.slideshow_main{position:relative;background:url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/tap-hoa/banner.png) no-repeat center right;background-position:right;background-size:100% 100%;padding:100px 0}
.slideshow_main_info p{width:auto;max-width:100%;color:#fff}
.slideshow_main_info{width:70%;margin:150px auto;text-align:center}
.slideshow_main_info p{max-width:100%}
.slideshow_main_info h1{margin-bottom:0}
.slideshow_main_info p{max-width:100%}
.slideshow_main_info h1{margin-bottom:0}
.slideshow_main_info .arrow{background:transparent;padding:0;border-radius:0;border:none}
.slideshow_main_info .arrow img{width:40px;margin:30px 0;cursor:pointer;animation:ease fadeInDown 1s infinite}
.slideshow_main_info .arrow:hover{background:transparent;padding:0;border-radius:0;border:none}
@media (min-width: 1024px) {
.main_container{top:calc(100vh - 100px)}
}
.btn-custom{background:-webkit-gradient(linear,left top,right top,from(#79bb40),to(#006837));background:linear-gradient(to right,#79bb40,#006837);padding:9px 20px;border-radius:20px;font-size:16px;font-weight:500;border:none}
.btn-custom:hover{background:-webkit-gradient(linear,left top,right top,from(#006837),to(#79bb40));background:linear-gradient(to right,#006837,#79bb40)}
.btn-customw{background:#fff;padding:9px 20px;border-radius:20px;font-size:16px;font-weight:500;border:none;color:#000;margin:30px 0}
.btn-customw:hover{background:#fff;color:#000}
#manager-main{width:100%;padding-top:30px;position:relative;padding-bottom:30px}
#manager-main h2{font-size:27px;color:#000;line-height:40px;font-weight:300;text-align:center;width:100%;margin-bottom:30px}
#manager-main:before{content:'';position:absolute;background-image:url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/tap-hoa/bg-difficult.png);background-repeat:no-repeat;background-position:bottom;-webkit-background-size:cover;background-size:cover;left:0;bottom:0;width:114%;padding-bottom:40%}
#manager-main .box-img-manager{display:flex;height:100%;justify-content:center;align-items:flex-end}
#manager-main .content-manager{float:left;width:100%;margin-bottom:20px}
#manager-main .content-manager .icon-manager{float:left;width:10%}
#manager-main .content-manager .desc-manager{float:left;width:90%}
#manager-main .content-manager .desc-manager h3{color:#3aa322;font-size:18px;font-weight:600;margin-bottom:20px}
#manager-main .content-manager .desc-manager p{font-size:15px}
#manager-main .m{margin-bottom:20px}
#manager-main .mt{margin-top:26px}
#solution-main{float:left;width:100%;padding-top:30px;background-color:#f6fafb}
#solution-main h2{font-size:27px;color:#000;line-height:40px;font-weight:300;text-align:center;width:100%;margin-bottom:30px}
#solution-main .container-custom{float:left;width:100%;background:#fff;padding-bottom:30px;padding-top:30px}
#solution-main .container-custom .horizol-center{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}
#solution-main .content-box-odd{margin-bottom:35px}
#solution-main .content-box-odd:last-child{margin-bottom:0}
#solution-main .m{padding:50px 0}
#solution-main .box-odd,#solution-main .content-box-odd,#solution-main .box-even,#solution-main .content-box-even{float:left;width:100%}
#solution-main .box-odd .left-sol,#solution-main .content-box-odd .left-sol,#solution-main .box-even .left-sol,#solution-main .content-box-even .left-sol{float:left;width:10%}
#solution-main .box-odd .left-sol .border-img,#solution-main .content-box-odd .left-sol .border-img,#solution-main .box-even .left-sol .border-img,#solution-main .content-box-even .left-sol .border-img{border-radius:50%;background:#fff;width:35px;padding:0 8px;height:35px;border:2px dashed #3aa322}
#solution-main .box-odd .right-sol,#solution-main .content-box-odd .right-sol,#solution-main .box-even .right-sol,#solution-main .content-box-even .right-sol{float:left;width:88%}
#solution-main .box-odd .right-sol h3,#solution-main .content-box-odd .right-sol h3,#solution-main .box-even .right-sol h3,#solution-main .content-box-even .right-sol h3{font-size:18px;font-weight:600;margin-bottom:15px}
#current-main{float:left;width:100%;background-image:url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/tap-hoa/bg-current_0000_Background-Fade-Tech.png);background-size:cover;width:100%;height:490px;padding-top:30px}
#current-main h2{font-size:27px;color:#000;line-height:40px;font-weight:300;text-align:center;width:100%;margin-bottom:12px}
#current-main p{margin-bottom:45px;font-size:18px;font-weight:400}
.current-box p{margin-bottom:0!important;margin-top:20px}
#current-main .current-box{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;margin-bottom:30px}
#current-main .current-box h4{font-size:17px;font-weight:500}
#current-main .current-box p{font-size:14px;text-align:center}
#current-main .current-box figure img{width:70px}
#customer-main{width:100%;padding-top:30px;padding-bottom:30px;overflow:hidden;background-color:#f6fafb}
#customer-main h3{font-size:27px;color:#000;line-height:40px;font-weight:300;text-align:center;width:100%;margin-bottom:30px}
#customer-main h5{font-size:1rem;font-weight:700}
#customer-main .owl-item.active > div:after{content:''}
#customer-main .owl-item.center > div:after{content:''}
#customer-main .owl-item.active.center > div:after{content:''}
#customer-main .owl-item > div:after{font-family:sans-serif;font-size:24px;font-weight:700}
#customer-main .owl-carousel .owl-item img{transition:all .3s;transform:scale(0.8)}
#customer-main .owl-nav{position:relative;top:-290px}
.owl-theme .owl-nav [class*=owl-]:hover{background:transparent}
.owl-theme .owl-nav [class*=owl-]{background:transparent}
.owl-prev{left:-15px}
.owl-theme .owl-nav [class*=owl-]{width:25px;height:45px}
#resolve-main{float:left;width:100%;padding:30px 0}
#resolve-main h2{font-size:27px;color:#000;line-height:40px;font-weight:300;text-align:center;width:100%;margin-bottom:8px}
#resolve-main p{margin-bottom:30px;font-size:18px;font-weight:300}
#resolve-main .line-text{float:left;width:100%}
#resolve-main .line-text ul,#resolve-main .line-text li{float:left;list-style:none}
#resolve-main .line-text ul img,#resolve-main .line-text li img{float:left;margin-right:10px;margin-top:6px}
#resolve-main .line-text ul span,#resolve-main .line-text li span{float:left;font-size:15px}
#resolve-main .line-text ul,#resolve-main .line-text li a{color:#000}
#resolve-main .line-text ul,#resolve-main .line-text li a:hover{color:#79bb40}
#customer-main .owl-carousel .owl-item.center img{opacity:1;transform:scale(1.05);filter:brightness(1)}
.owl-carousel.first .owl-stage-outer{padding-top:20px}
#owl-2 .owl-dots{display:none}
#customer-main .owl-stage-outer{padding:15px}
#sync2_food figure{transform:scale(.9);transition:all ease .5s}
#sync2_food figure img{border-radius:50%}
#sync2_food .owl-item.active.current figure{transform:scale(1)}
#sync2_food .owl-item.active.current figure img{opacity:1}
#sync2_food .owl-item{transition:all ease .5s}
#sync2_food .owl-nav [class*=owl-]{background:none}
#sync2_food .owl-nav [class*=owl-] .fa{font-size:40px}
#sync2_food .owl-nav [class*=owl-] .fa:hover{color:#007e31}
#sync1_food h2{font-size:21px;font-weight:600;margin:10px 0}
#sync1_food p{font-size:16px;color:#000}
.owl-carousel .owl-item.current{opacity:1;transform:scale(1.1);filter:brightness(1.4)}@media only screen and (min-width: 992px) and (max-width: 1200px) {
.container {
max-width: 100%; }
h2 {
font-size: 1.5rem; }
#solution-main .box-odd .right-sol h3, #solution-main .content-box-odd .right-sol h3, #solution-main .box-even .right-sol h3, #solution-main .content-box-even .right-sol h3 {
font-size: 1rem; }
#solution-main .box-odd .right-sol h3, #solution-main .content-box-odd .right-sol h3, #solution-main .box-even .right-sol h3, #solution-main .content-box-even .right-sol h3 {
margin-bottom: 10px; }
#manager-main .content-manager .desc-manager h3, #manager-main .content-manager .desc-manager p {
font-size: 13px; }
#manager-main .content-manager .icon-manager {
width: 12%; }
#current-main {
height: 500px; }
.current-box img {
width: 60px; }
#resolve-main .line-text ul img, #resolve-main .line-text li img {
width: 14px;
margin-top: 4px; }
#resolve-main .line-text ul span, #resolve-main .line-text li span {
font-size: 14px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { #manager-main .box-img-manager img {
width: 400px !important; }
.box-odd .hidden-img, .box-even .hidden-img {
display: none; }
#current-main {
height: 720px; }
.title-bpos {
font-size: 1.6rem; }
#solution-main .box-odd .left-sol, #solution-main .content-box-odd .left-sol, #solution-main .box-even .left-sol, #solution-main .content-box-even .left-sol {
width: 10%; }
#solution-main .box-odd .right-sol, #solution-main .content-box-odd .right-sol, #solution-main .box-even .right-sol, #solution-main .content-box-even .right-sol {
width: 90%; }
#manager-main .content-manager .desc-manager {
width: 90%; }
#resolve-main .line-text ul, #resolve-main .line-text li {
float: left;
list-style: none;
width: 100%; }
#resolve-main .line-text ul img, #resolve-main .line-text li img, #resolve-main .line-text ul span, #resolve-main .line-text li span {
float: none; } }
@media only screen and (max-width: 767px) {
.title-bpos {
font-size: 1.5rem; } #manager-main .box-img-manager img {
width: 400px !important; }
.box-odd .hidden-img, .box-even .hidden-img {
display: none; }
#solution-main .box-odd .left-sol, #solution-main .content-box-odd .left-sol, #solution-main .box-even .left-sol, #solution-main .content-box-even .left-sol {
width: 10%; }
#solution-main .box-odd .right-sol, #solution-main .content-box-odd .right-sol, #solution-main .box-even .right-sol, #solution-main .content-box-even .right-sol {
width: 90%; }
#manager-main .content-manager .desc-manager {
width: 90%; }
#current-main {
height: 800px; }
#resolve-main .line-text ul, #resolve-main .line-text li {
float: left;
list-style: none;
width: 100%; }
#resolve-main .line-text ul img, #resolve-main .line-text li img, #resolve-main .line-text ul span, #resolve-main .line-text li span {
float: none;
font-size: 14px; } }
@media only screen and (max-width: 567px) {
.title-bpos {
font-size: 1.2rem;
text-align: center !important; }
#solution-main .box-odd .left-sol .border-img, #solution-main .content-box-odd .left-sol .border-img, #solution-main .box-even .left-sol .border-img, #solution-main .content-box-even .left-sol .border-img {
width: 30px;
padding: 0px 5px;
height: 30px; }
#solution-main .box-odd .right-sol h3, #solution-main .content-box-odd .right-sol h3, #solution-main .box-even .right-sol h3, #solution-main .content-box-even .right-sol h3 {
font-size: 1rem; }
#solution-main .box-odd .right-sol h3, #solution-main .content-box-odd .right-sol h3, #solution-main .box-even .right-sol h3, #solution-main .content-box-even .right-sol h3 {
margin-bottom: 10px; }
.border-img img {
width: 15px !important; }
#current-main {
height: 940px; }
#resolve-main .line-text ul, #resolve-main .line-text li {
width: 100%; } }
@media only screen and (max-width: 460px) {
#current-main {
height: 1000px; }}
@media only screen and (max-width: 320px) {
.icon-manager img {
width: 20px; }
.slideshow_main_info p:nth-child(3){
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
color: #000;
padding: 0px 0;
width: 100%;
}
#current-main {
height: 1136px; }
.slideshow_main_info p:nth-child(3) a{
margin-bottom: 10px;
}
#solution-main .box-odd .left-sol, #solution-main .content-box-odd .left-sol, #solution-main .box-even .left-sol, #solution-main .content-box-even .left-sol {
width: 12%; }
#solution-main .content-box-odd,
#solution-main .container-custom .horizol-center{
padding-top: 20px;
}
#solution-main .content-box-odd:last-child{
padding-bottom: 20px;
}
#solution-main .box-odd .right-sol, #solution-main .content-box-odd .right-sol, #solution-main .box-even .right-sol, #solution-main .content-box-even .right-sol {
width: 88%; } }
.row.row0 {
margin-right: 0px;
margin-left: 0px; }
.row.row0 > [class^="col-"],
.row.row0 > [class^=" col-"] {
padding-right: 0;
padding-left: 0px; }
.row.row6 {
margin-right: 6px;
margin-left: 6px; }
.row.row6 > [class^="col-"],
.row.row6 > [class^=" col-"] {
padding-right: 6px;
padding-left: 6px; }.scrolltop {
background: -webkit-gradient(linear, left top, right top, from(#79bb40), to(#006837));
background: linear-gradient(to right, #79bb40, #006837);
}
.footer_logo {
top: -9px;
height: 43px;
margin-bottom: 0;
margin-top: 0;
}
@media(max-width:767px){
.menu_hamburger a{color:#156d39;}
.slideshow_main_info{margin:0;width:100%;padding: 0;}
.slideshow_main{background-size: auto 100% !important;}
}