.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{background:url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/giat-la/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:#fff}
.slideshow_main_info{width:70%;margin:150px auto;text-align:center}
.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)}
}
#issue_main{width:100%;background-image:url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/giat-la/bg-issue.png);-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;height:auto;padding-bottom:5%;padding-top:30px}
#issue_main h2{font-size:27px;color:#000;line-height:40px;font-weight:300;text-align:center;width:100%;margin-bottom:30px}
#issue_main .text-issue{float:right;width:100%}
#issue_main .text-issue .icon-issue{float:left;width:15%}
#issue_main .text-issue .desc-issue{float:left;width:85%}
#issue_main .text-issue .desc-issue span:first-child{color:#3aa322;font-size:18px;font-weight:700}
#issue_main .text-issue .desc-issue span{font-size:15px;float:left}
#issue_main .text-issue .desc-issue span:last-child{font-size:15px}
#issue_main .btn-custom{background:linear-gradient(to right,#79bb40,#006837);padding:9px 20px;border-radius:20px;font-size:16px;font-weight:400;border:none;float:left;margin-top:30px}
#issue_main .btn-custom:hover{background:-webkit-gradient(linear,left top,right top,from(#006837),to(#79bb40));background:linear-gradient(to right,#006837,#79bb40);color:#fff!important}
#trend-main{width:100%;background-image:url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/giat-la/bg-trend.png);-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;height:auto;padding-bottom:5%;padding-top:30px}
#trend-main h3{font-size:27px;color:#000;line-height:40px;font-weight:300;text-align:center;width:100%;margin-bottom:10px}
#trend-main p{margin-bottom:45px;font-size:18px;font-weight:300}
#trend-main .box-trend{height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff}
#trend-main .box-trend span{margin-top:10px;font-weight:500}
#trend-main .box-trend span:last-child{font-weight:300}
#trend-main .btn-custom{background:linear-gradient(to right,#79bb40,#006837);padding:9px 20px;border-radius:20px;font-size:16px;font-weight:400;border:none;-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s;color:#fff}
#trend-main .btn-custom:hover{background:-webkit-gradient(linear,left top,right top,from(#006837),to(#79bb40));background:linear-gradient(to right,#006837,#79bb40);color:#fff}
#resolve-main{width:100%;padding-top:30px;padding-bottom: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:45px;font-size:18px;font-weight:300}
#resolve-main .line-text{float:left;width:100%}
#resolve-main .line-text ul{padding:0}
#resolve-main .line-text ul li{float:left;list-style:none;margin-bottom:14px!important}
#resolve-main .line-text ul li img{float:left;margin-right:10px;margin-top:6px}
#resolve-main .line-text ul 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}
#key_main{width:100%;overflow:hidden;background:#f5f5f5;padding-top:30px}
#key_main h2{font-size:27px;color:#000;line-height:40px;font-weight:300;text-align:center;width:100%;margin-bottom:30px}
#key_main .text-key{float:left;width:100%}
#key_main .text-key .iccon-key{float:left;width:10%}
#key_main .text-key .iccon-key span{position:relative;border:2px dashed #79bb40;border-radius:50%;width:30px;height:30px;float:left}
#key_main .text-key .iccon-key span img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#key_main .text-key .desc-key{float:left;width:90%}
#key_main .text-key .desc-key span:first-child{float:left;color:#000;font-size:18px;font-weight:700;margin-bottom:5px;color:#3aa322}
#key_main .text-key .desc-key span:last-child{float:left;width:100%;font-size:14px}
#key_main .text-key .desc-key .btn-custom{background:linear-gradient(to right,#79bb40,#006837);padding:9px 20px;border-radius:20px;font-size:16px;font-weight:400;border:none}
#key_main .text-key .desc-key .btn-custom:hover{background:-webkit-gradient(linear,left top,right top,from(#006837),to(#79bb40));background:linear-gradient(to right,#006837,#79bb40);color:#fff!important}
#key_main .img-key{height:100%;display:flex;justify-content:center;align-items:center;background:#4fad47}
#key_main .img-key:before{content:"";background-image:url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/giat-la/personal-gl.png);background-repeat:no-repeat;position:absolute;background-size:contain;width:100%;height:106%;background-position:center;bottom:0}
#key_main .footer-key{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px 0 30px;background:#fff}
#key_main .footer-key p{margin-top:20px;margin-bottom:20px;font-size:18px}
#key_main .footer-key h3{font-size:20px;margin-bottom:20px}
#key_main .footer-key .btn-custom{background:linear-gradient(to right,#79bb40,#006837);padding:9px 20px;border-radius:20px;font-size:16px;font-weight:400;border:none}
#key_main .footer-key .btn-custom:hover{background:-webkit-gradient(linear,left top,right top,from(#006837),to(#79bb40));background:linear-gradient(to right,#006837,#79bb40)}
#key_main .container-custom{float:left;width:100%;background:#fff}
#customer-main-2{width:100%;background-image:url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/giat-la/bg-customer.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;padding-bottom:5%;padding-top:30px}
#customer-main-2 h2{font-size:27px;color:#000;line-height:40px;font-weight:300;text-align:center;width:100%;margin-bottom:30px}
#customer-main-2 #Slidecustomer2{float:left;width:100%;margin-top:30px}
#customer-main-2 #Slidecustomer2 h4{font-size:1rem;font-weight:700;margin-top:30px}
#customer-main-2 #Slidecustomer2 p{font-weight:300;font-weight:1rem}
#customer-main-2 #Slidecustomer2 .carousel-control-prev,#customer-main-2 #Slidecustomer2 .carousel-control-next{font-size:25px;color:#000}
.owl-item.active.center img{transform:scale(1);filter:brightness(1.4)}
.owl-item.active img{transform:scale(0.8)}
#text .owl-nav{position:relative;top:-300px}
#text .owl-prev{position:absolute;left:-50px}
#text .owl-next{position:absolute;right:-50px}
#text .owl-next svg,#text .owl-prev svg{width:10px}
#text .owl-next svg path,#text .owl-prev svg path{stroke:#fff!important}
.owl-theme .owl-nav [class*=owl-]{width:35px;height:35px;transition:all .4s}
.owl-theme .owl-nav [class*=owl-]:hover{transition:all .4s}
#text h2{font-size:21px;font-weight:600;margin:10px 0}
#text p{font-size:15px;color:#000}#resolve-main .line-text ul li span {font-size: 15px;}
@media only screen and (max-width: 1200px) {
#issue_main .text-issue {
background: #fff;
opacity: 0.8;
border-radius: 4px;
}
#issue_main .text-issue .desc-issue span {
font-weight: 500;
float: left;
}
#issue_main .text-issue .desc-issue span:last-child {
float: left;
}
#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;
}
#key_main .container-custom {
padding: 20px 0;
}
}
@media only screen and (max-width: 1024px) {#issue_main .text-issue .desc-issue .btn-custom{margin-top: 0;}}
@media only screen and (max-width: 992px) {
#issue_main .text-issue .icon-issue, #key_main .text-key .iccon-key {
width: 5%;
}
.slideshow_main_info {
padding-top: 0;
margin: auto;
}
#key_main .text-key .iccon-key img{
height: 30px !important;
}
#issue_main .text-issue .desc-issue {
width: 90%;
}
#issue_main .text-issue .desc-issue span {
margin-bottom: 10px;
float: left;
width: 100%;
}
#issue_main .hidden {
display: none;
}
#resolve-main .line-text ul, #resolve-main .line-text li {
float: left;
list-style: none;
text-align: center;
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;
}
#key_main .footer-key p {
text-align: center;
}
#key_main .footer-key h3 {
font-size: 1.2rem;
font-weight: bold;
}
#key_main .footer-key .btn-custom {
font-size: 1rem;
}
#key_main .hidden {
display: none;
}
#Slidecustomer2 .item-slide {
margin-bottom: 20px;
}
#Slidecustomer2 p, #Slidecustomer2 h4 {
padding: 0px 10px;
}
#Slidecustomer2 .carousel-control-prev,
#Slidecustomer2 .carousel-control-next {
font-size: 30px !important;
}
#issue_main .text-issue .desc-issue .btn-custom {
margin-top: 0;
margin-bottom: 10px;
}
#header_main_1 {
padding-bottom: 40%;
}
#header_main_1 h2 {
font-size: 1.2rem;
}
#header_main_1 .footer-key div p {
text-align: center;
}
#header_main_1 .footer-key div h3 {
font-size: 1.2rem;
font-weight: bold;
}
#header_main_1 .footer-key .btn-custom {
font-size: 1rem;
}
#header_main_1 .hidden {
display: none;
}
}
@media only screen and (max-width: 768px) {
#issue_main .text-issue .icon-issue, #key_main .text-key .iccon-key {
width: 6%;
}
#trend-main .box-trend {
margin-bottom: 20px;
}
#issue_main .hidden, .desc-issue .hidden {
display: none;
}
#resolve-main .line-text ul, #resolve-main .line-text li {
float: left;
list-style: none;
text-align: center;
width: 100%;
}
#key_main .footer-key p {
text-align: center;
font-size: .875rem;
}
#key_main .footer-key h3 {
font-size: 1rem;
font-size: 1.2rem;
font-weight: bold;
}
#key_main .footer-key .btn-custom {
font-size: .875rem;
}
#key_main .hidden {
display: none;
}
#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;
}
.item-slide img {
float: none !important;
margin: auto;
display: block;
}
.item-slide h4 {
font-size: 1rem;
font-weight: bold;
margin-top: 15px;
}
.item-slide p {
font-weight: 300;
font-size: 1rem;
padding-right: 0px !important;
}
.item-slide:last-child img {
float: none;
}
.item-slide:last-child h4, .item-slide:last-child p {
padding-left: 0px !important;
}
#header_main_1 {
padding-bottom: 50%;
}
#header_main_1 .footer-key div p {
text-align: center;
font-size: .875rem;
}
#header_main_1 .footer-key div h3 {
font-size: 1rem;
font-size: 1.2rem;
font-weight: bold;
}
#header_main_1 .footer-key .btn-custom {
font-size: .875rem;
}
#header_main_1 .hidden {
display: none;
}
}
@media only screen and (max-width: 576px) {
#issue_main .text-issue .icon-issue, #key_main .text-key .iccon-key {
width: 10%;
}
#resolve-main .line-text ul, #resolve-main .line-text li {
width: 100%;
}
#resolve-main .line-text ul li span {
font-size: 14px;
}
#Slidecustomer2 .item-slide {
flex-direction: column !important;
border-bottom: 1px solid #ccc;
}
#Slidecustomer2 .item-slide:last-child {
border: none;
}
#Slidecustomer2 .item-slide img {
width: 150px;
margin: auto;
display: block;
margin-bottom: 10px;
}
#Slidecustomer2 .item-slide .hidden {
display: none;
}
#header_main_1 {
padding-bottom: 80%;
}
#trend-main{padding-bottom: 13%;}
}
@media only screen and (max-width: 420px) {
#resolve-main .line-text ul li img {
width: 15px;
margin-right: 5px;
}
#resolve-main .line-text ul li span {
font-size: 14px;
}
#header_main_1 {
padding-bottom: 100%;
}
}
@media only screen and (max-width: 320px) {
#key_main .text-key .iccon-key{
width: 12%;
}
#key_main .text-key .desc-key{
width: 88%;
}
.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;}
}