.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 0.3s;
transition: all 0.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 0.3s;
transition: all 0.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 { background: url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/do-choi/banner.png) no-repeat center right;
background-position: right;
background-size: auto 100%;
padding: 100px 0;
}
.slideshow_main_info p{width:auto;max-width:100%;color:white;}
.slideshow_main_info{
width: 70%;
margin: 150px auto;
text-align: center;
}
html {
scroll-behavior: smooth;
}
.header_top{
background-color: #fff;
}
.slideshow_main_info h1 {
margin-bottom: 0;
}
.slideshow_main_info p{
max-width: unset;
}
.slideshow_main_info {        }
.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;
color: white;
margin-top: 30px;
}
.btn-custom:hover {
background: -webkit-gradient(linear, left top, right top, from(#006837), to(#79bb40));
background: linear-gradient(to right, #006837, #79bb40);
color: white;
}
#hard-main {
width: 100%;
padding-top: 30px;
}
#hard-main h2 {
font-size: 27px;
color: #000;
line-height: 40px;
font-weight: 300;
text-align: center;
width: 100%;
margin-bottom: 30px;
}
#hard-main .box-img-manager {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}
#hard-main .box-img-manager img {
height: 450px;
}
#hard-main .content-manager {
float: left;
width: 100%;
margin-bottom: 60px;
}
#hard-main .content-manager .icon-manager {
float: left;
width: 100%;
margin-bottom: 10px;
}
#hard-main .content-manager .icon-manager span {
font-size: 25px;
border: 1px solid #3aa322;
background: #3aa322;
color: white;
padding: 2px 3px;
}
#hard-main .content-manager .desc-manager {
float: left;
width: 100%;
}
#hard-main .content-manager .desc-manager h3 {
color: #3aa322;
font-size: 16px;
font-weight: bold;
margin:  20px 0;
}
#hard-main .content-manager .desc-manager p {
font-size: 15px;
}
#hard-main .mt{
margin-top: 30px;
} #solution-main {
float: left;
width: 100%;
padding-top: 30px;
background-color: #f5f5f5;
}
#solution-main .mw {
max-width: 350px;
}
#solution-main h2 {
line-height: 1.5;
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-top: 30px;
}
#solution-main .container-custom-1 {
float: left;
width: 100%;
background: #f5f5f5;
padding-top: 30px;
}
#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-even {
background-image: url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/do-choi/child_0002_Layer-1.png);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
padding-top: 5%;
padding-bottom: 5%;
}
#solution-main .box-odd.bg-old {
background-image: url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/do-choi/child_0000_1.png);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
padding-top: 5%;
padding-bottom: 5%;
}
#solution-main .mt {
padding-top: 30px;
}
#solution-main .box-odd img, #solution-main .content-box-odd img, #solution-main .box-even img, #solution-main .content-box-even img {
float: left;
margin-right: 10px;
}
#solution-main .box-odd h3, #solution-main .content-box-odd h3, #solution-main .box-even h3, #solution-main .content-box-even h3 {
float: left;
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
color: #3aa322;
padding-top: 5px;
}
#solution-main .box-odd p, #solution-main .content-box-odd p, #solution-main .box-even p, #solution-main .content-box-even p {
float: left;
width: 100%;
color: #8c8c8c;
}
.content-box-odd {
background: #fff;
padding: 20px;
-webkit-box-shadow: 1px 1px 2px 2px rgba(145, 145, 145, 0.4);
-moz-box-shadow: 1px 1px 2px 2px rgba(145, 145, 145, 0.4);
box-shadow: 1px 1px 2px 2px rgba(145, 145, 145, 0.4);
}
.style-box-solution {
display: flex;
justify-content: center;
width: 100%;
height: 100%;
align-items: center;
} #current-main {
float: left;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
background-color: #fff;
}
#current-main h2 {
font-size: 27px;
color: #000;
line-height: 40px;
font-weight: 300;
text-align: center;
width: 100%;
}
#current-main p {
margin-bottom: 30px;
}
#current-main .text-box-current {
float: left;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
#current-main .text-box-current:last-child {
margin-bottom: 0;
}
#current-main .text-box-current:nth-child(2) .col-number {
width: 15%;
text-align: left;
}
#current-main .text-box-current .col-number {
float: left;
width: 35%;
text-align: right;
margin-right: 2%;
}
#current-main .text-box-current .col-number p {
font-size: 6rem;
font-weight: 300;
color: #3aa322;
}
#current-main .text-box-current .col-desnumbar {
float: left;
width: 73%;
}
#current-main .text-box-current .col-desnumbar h3 {
font-size: 18px;
color: #3aa322;
font-weight: 600;
margin-bottom: 20px;
}
#current-main .text-box-current .col-desnumbar p {
font-size: 15px;
color: #8c8c8c;
font-weight: normal;
}
#current-main .img-box-current {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}
#current-main p {
margin-bottom: 30px;
font-size:18px;
font-weight: 300;
} #resolve-main {
width: 100%;
padding-top: 30px;
}
#resolve-main h2 {font-size: 27px;color: #000;line-height: 40px;font-weight: 300;text-align: center;width: 100%;margin-bottom: 10px;}
#resolve-main p {margin-bottom: 30px;font-weight: 300;font-size: 18px;}
#resolve-main .line-text {
float: left;
width: 100%;
}
#resolve-main .line-text ul, #resolve-main .line-text li {
float: left;
list-style: none;
margin-bottom: 14px !important;
}
#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: 13px;
}
#resolve-main .line-text ul, #resolve-main .line-text li a{
color: black;
}
#resolve-main .line-text ul, #resolve-main .line-text li a:hover{
color: #79bb40;
} #customer-main {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
background-image: url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/do-choi/Untitled-1_0002_Kids-Music-banner-home-page.png);
background-size: cover;
height: auto;
padding-bottom: 5%;
}
#customer-main h2{
font-size: 27px;
color: #000;
line-height: 40px;
font-weight: 300;
text-align: center;
width: 100%;
margin:30px 0;
}
#customer-main #slider-customer {
float: left;
width: 100%;
}
#customer-main #slider-customer .carousel-indicators {
position: absolute;
right: 55px;
bottom: -50px; z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: flex-end;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
}
#customer-main #slider-customer .content-box-customer {
float: left;
width: 100%;
background-color: #fff;
webkit-box-shadow: 1px 1px 2px 2px rgba(145, 145, 145, 0.4);
-moz-box-shadow: 1px 1px 2px 2px rgba(145, 145, 145, 0.4);
box-shadow: 1px 1px 2px 2px rgba(145, 145, 145, 0.4);
padding: 15px;
}
#customer-main #slider-customer .content-box-customer .icon-customer {
float: left;
width: 22%;
}
#customer-main #slider-customer .content-box-customer .desc-customer {
float: left;
width: 78%;
}
#customer-main #slider-customer .content-box-customer .desc-customer p {
color: #8c8c8c;
line-height: 1.9;
}#resolve-main .line-text ul li span{font-size:15px}
@media only screen and (min-width: 1200px) {
#manager-main .box-img-manager img{width:400px!important}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.container{max-width:100%}
#solution-main .mw{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;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-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:13px}
}
@media (max-width: 1024px) {
#hard-main .mt{margin-top:10px}
#current-main .text-box-current:nth-child(2) .col-number{width:18%}
#solution-main .mw{max-width:100%}
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
.slideshow_main_info{padding-top:0;margin:auto}
#solution-main .mw{max-width:100%}
#customer-main{height:550px}
#customer-main #slider-customer .content-box-customer .icon-customer{width:13%}
#customer-main #slider-customer .content-box-customer .desc-customer{width:85%}
#customer-main #slider-customer .carousel-indicators{justify-content:center}
#solution-main .box-odd .col-md-12 img,#solution-main .box-even .col-md-12 img{float:none;margin-bottom:20px!important}
.container{max-width:100%}
h2{font-size:1.3rem}
.position-fixed{position:static!important}
#manager-main .box-img-manager img{width:400px!important}
.box-odd .hidden-img,.box-even .hidden-img{display:none}
#current-main{height:600px}
.title-pos{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;text-align:left;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}
.hidden-current{display:none}
#current-main .text-box-current{margin-bottom:0}
}
@media only screen and (max-width: 768px) {
.slideshow_main_info{padding-top:0;margin:auto}
#solution-main .mw{max-width:100%}
#solution-main .box-odd .col-md-12 img,#solution-main .box-even .col-md-12 img{float:none;margin-bottom:20px!important}
#hard-main .mt{margin-top:30px}
#customer-main #slider-customer .carousel-indicators{justify-content:center}
#customer-main #slider-customer .content-box-customer .icon-customer{width:15%}
.hidden-current{display:none}
.title-pos{font-size:1.5rem}
#email-main img{display:none}
#email-main .custom-form{width:100%;margin-bottom:20px}
#email-main .email-register{width:100%;text-align:center;margin-top:30px}
#email-main .col-sm-2{display:none}
.container{max-width:100%}
h2{font-size:1.3rem}
.position-fixed{position:static!important}
#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%}
#resolve-main .line-text ul,#resolve-main .line-text li{float:left;list-style:none;text-align:left;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}
#current-main .text-box-current:nth-child(2) .col-number{width:15%}
#current-main .text-box-current .col-number p{font-size:4rem}
#current-main .text-box-current .col-desnumbar h3,#current-main .text-box-current .col-desnumbar p{font-size:14px}
#current-main .text-box-current{margin-bottom:0}
#current-main .text-box-current .col-desnumbar h3{font-size:18px}
#current-main .text-box-current .col-desnumbar p{font-size:15px}
}
@media only screen and (min-width: 680px) {
.d-680-none{display:none!important}
}
@media only screen and (max-width: 680px) {
#customer-main #slider-customer .content-box-customer .icon-customer{width:17%}
#customer-main #slider-customer .content-box-customer .desc-customer{width:100%}
.hidden-slideC{display:none}
}
@media only screen and (max-width: 576px) {
.title-pos{font-size:1.2rem;text-align:center!important}
.container-custom .style-box-solution{margin-bottom:15px}
.container{max-width:100%}
#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:0 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;margin-bottom:10px}
.border-img img{width:15px!important}
#resolve-main .line-text ul,#resolve-main .line-text li{width:100%}
#current-main .text-box-current:nth-child(2) .col-number,#current-main .text-box-current .col-number{width:15%}
#current-main .text-box-current .col-desnumbar{width:83%}
#current-main .text-box-current .col-number{text-align:left}
#solution-main .mt{padding-top:unset}
#customer-main{height:750px}
#solution-main .container .pb-5{padding-bottom:2rem!important}
.container-custom .box-even .col-8{max-width:100%;flex:100%;width:100%}
#solution-main .box-even,#solution-main .box-odd.bg-old{padding-bottom:13%}
.container-custom-1 .offset-4{margin-left:unset}
.container-custom-1 .col-8{max-width:100%;flex:100%;width:100%}
#current-main .text-box-current{display:block}
}
@media only screen and (max-width: 500px) {
#current-main .text-box-current .col-number p{font-size:20px}
#current-main .text-box-current:nth-child(2) .col-number,#current-main .text-box-current .col-number{display:none}
#current-main .text-box-current .col-desnumbar{width:91%}
#customer-main{height:800px}
}
@media only screen and (max-width: 320px) {
.icon-manager img{width:20px}
#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 .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%}
#customer-main{height:850px}
.slideshow_main_info p:nth-child(3){display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#000;padding:0;width:100%}
.slideshow_main_info p:nth-child(3) a{margin-bottom:10px}
}.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;}
}