.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)} .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)} .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} .container-fluid{padding-left:0;padding-right:0} hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid #fff} .slideshow_main{position:relative;background:url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/thoi-trang/banner.png) no-repeat center right;background-position:center;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} .header_top{background:#fff} .slideshow_main_info h1{margin-bottom:0} .slideshow_main_info p{width:100%;max-width:100%;text-align:center} .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} .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)} @media (min-width: 1024px) { .main_container{top:calc(100vh - 100px)} } #sales-main{width:100%;position:relative;overflow:hidden;z-index:9999;background:#fff;padding-top:30px} #sales-main h2{font-size:27px;color:#000;line-height:40px;font-weight:300;text-align:center;width:100%;margin-bottom:12px} #sales-main p{margin-bottom:45px;font-size:18px;font-weight:300} #sales-main .content-sales{position:relative;float:left;width:100%;height:480px;background-image:url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/thoi-trang/Tt_0012_Layer-2.png);background-size:cover;background-position:bottom;background-repeat:no-repeat;padding-top:30px} #sales-main .content-sales:before{content:"";position:absolute;top:-90px;right:100px;background-image:url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/thoi-trang/Tt_0015_women-business-png-3.png);background-position:right bottom;background-repeat:no-repeat;background-size:contain;height:590px;width:100%} #sales-main .content-sales .text-sales{float:left;width:100%;margin-bottom:15px} #sales-main .content-sales .text-sales .badge{border-radius:50%} #sales-main .content-sales .text-sales .badge-dark{float:left;color:#fff;background-color:#3e4d5c00;border:1px solid #fff;width:40px;height:40px;padding-top:9px;padding-right:4px;font-size:18px;font-weight:400;margin-right:15px} #sales-main .content-sales .text-sales h3{float:left;font-size:18px;font-weight:600;padding-top:8px} #sales-main .content-sales .text-sales p{float:left;padding-top:5px;padding-bottom:10px;padding-left:20px;color:#fff;text-align:justify} .text-sales p{margin-bottom:0!important;font-size:15px!important} #solution-main{width:100%;background-color:#fff;overflow:hidden;position:relative;z-index:9;padding-top:30px} #solution-main h2{font-size:27px;color:#000;line-height:40px;font-weight:300;text-align:center;width:100%;margin-bottom:12px} #solution-main p{margin-bottom:30px;font-size:18px;font-weight:300} #solution-main .container-custom{float:left;width:100%;background:#fff} #solution-main .container-custom .box-even .h-400px{height:400px} #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:7%} #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:50px;padding:7px 12px;height:50px;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:84%} #solution-main .content-box-odd .right-sol p{margin-bottom:0} #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;color:#3aa322} #solution-main .m-30{margin-bottom:30px} #solution-main .box-odd .content-box-odd{margin-bottom:30px} .right-sol p{font-size:15px!important;font-weight:400!important} .boxx-solu{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding-left:50px} .boxx-solu .right-sol{margin-top:0!important;width:54%!important} #solution-main .m{padding:30px 0} #tool-main{width:100%;position:relative;background-image:url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/thoi-trang/bg-tool.png);background-size:cover;background-position:top;padding-bottom:2%;z-index:9;padding-top:30px} #tool-main h2{font-size:27px;color:#000;line-height:40px;font-weight:300;text-align:center;width:100%;margin-bottom:12px} #tool-main p{margin-bottom:45px;font-size:18px;font-weight:300} #tool-main p.m{margin-top:30px} #tool-main .current-box{float:left;width:100%;text-align:center} #tool-main .current-box .content-box-tool{width:200px;margin:auto;background:#3aa322;border-radius:50%;height:200px;display:flex;justify-content:center;position:relative;z-index:99} #tool-main .current-box .content-box-tool figure{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border:1px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;width:180px;height:180px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} #tool-main .current-box .content-box-tool figure img{width:40px} #tool-main .current-box .content-box-tool figure span{font-size:14px;margin-top:10px} #tool-main .col-lg-3:nth-child(2) .current-box:after{content:'';background-image:url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/thoi-trang/dots.png);background-size:cover;background-position:top;right:-70px;bottom:-3px;width:150px;height:81px;position:absolute;z-index:9} #tool-main .col-lg-3:nth-child(4) .current-box:after{content:'';background-image:url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/thoi-trang/dots.png);background-size:cover;background-position:top;right:-70px;bottom:-3px;width:150px;height:81px;position:absolute;z-index:9} #tool-main .col-lg-3:nth-child(4) .current-box:before{content:'';background-image:url(//bota.vn/wp-content/themes/bncgroup/images/pos/nganh-hang/thoi-trang/dots.png);background-size:cover;background-position:top;top:0;left:-75px;width:150px;height:81px;position:absolute;transform:rotate(180deg);z-index:9} #resolve-main{width:100%;position:relative;z-index:9;background:#fff;padding:30px 0} #resolve-main h2{font-size:27px;color:#000;line-height:40px;font-weight:300;text-align:center;width:100%;margin-bottom:12px} #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,#resolve-main .line-text li{float:left;list-style:none;margin-bottom:14px} #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;color:#212529} #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{width:100%;position:relative;overflow:hidden;background-color:#f6fafb;z-index:9;padding-top:30px;padding-bottom:30px} #customer-main h2{font-size:27px;color:#000;line-height:40px;font-weight:300;text-align:center;width:100%;margin-bottom:12px} #customer-main p{margin-bottom:30px;font-size:18px;font-weight:300} #customer-main #customer-slider{float:left;width:100%;overflow:hidden} #customer-main #customer-slider img{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:180px} #customer-main #customer-slider .text-customer{float:left;width:100%;background:#3aa322;border-radius:10px;padding:20px} #customer-main #customer-slider .text-customer h3{border-bottom:1px solid #000} .slick-prev:before,.slick-next:before{color:#28a745} .carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,")!important} .carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,")!important}#resolve-main .line-text ul span,#resolve-main .line-text li span{font-size:15px} .container-custom .container{max-width:100%;padding-left:0;padding-right:0} @media only screen and (min-width: 1200px) { #manager-main .box-img-manager img{width:400px!important} #current-main{height:400px} .boxx-solu .right-sol{width:70%!important} } @media only screen and (max-width: 1024px) { .boxx-solu .right-sol{width:85%!important} .slideshow_main_info{width:100%;margin:150px auto 0;text-align:center} .boxx-solu{padding:20px 0 20px 50px} #solution-main .box-odd .content-box-odd{padding-top:20px} } @media only screen and (min-width: 992px) and (max-width: 1200px) { #tool-main .col-lg-3:nth-child(2) .current-box:after,#tool-main .col-lg-3:nth-child(4) .current-box:before,#tool-main .col-lg-3:nth-child(4) .current-box:after{content:none} .slideshow_main_info{padding-top:0} #tool-main .current-box .content-box-tool{width:160px;margin:auto;background:#3aa322;border-radius:50%;height:160px;display:flex;justify-content:center;position:relative} #tool-main .current-box .content-box-tool figure{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border:1px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;width:160px;height:160px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} #tool-main .current-box .content-box-tool figure span{font-size:12px} #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-main{height:370px} .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} #sales-main .content-sales{height:515px} #sales-main .content-sales .col-lg-5{flex:0 0 50%;max-width:50%} #sales-main .content-sales:before{right:50px} } @media only screen and (max-width: 1024px) { #sales-main .content-sales:before{right:0} } @media only screen and (min-width: 769px) and (max-width: 991px) { .slideshow_main_info{padding-top:0;margin:auto} #customer-main #customer-slider .text-customer{margin-top:0} #tool-main .col-lg-3:nth-child(2) .current-box:after,#tool-main .col-lg-3:nth-child(4) .current-box:before,#tool-main .col-lg-3:nth-child(4) .current-box:after{content:none} #tool-main .current-box{margin-bottom:10px} #sales-main .content-sales{height:480px} #sales-main .content-sales:before{background-image:none} 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%!important} #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%} #customer-main #customer-slider img{width:160px} #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: 768px) { .slideshow_main_info{padding-top:0;margin:auto} #tool-main .col-lg-3:nth-child(2) .current-box:after,#tool-main .col-lg-3:nth-child(4) .current-box:before,#tool-main .col-lg-3:nth-child(4) .current-box:after{content:none} #tool-main .current-box{margin-bottom:10px} #customer-main #customer-slider img{width:160px} #sales-main .content-sales:before{background-image:none} #sales-main .content-sales{height:480px} #sales-main .content-sales .text-sales p{padding:0} .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} 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%!important} #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;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} } @media only screen and (max-width: 624px) { #sales-main .content-sales{height:580px} } @media only screen and (max-width: 576px) { .boxx-solu{padding:20px 15px} #tool-main .current-box .content-box-tool figure span{font-size:11px} #tool-main .current-box .content-box-tool,#tool-main .current-box .content-box-tool figure{width:160px!important;height:160px!important} #sales-main .content-sales .hidden{display:none} .hidden-customer{display:none} #sales-main .content-sales{height:680px} .title-pos{font-size:1.2rem;text-align:center!important} .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} #current-main{height:850px} #resolve-main .line-text ul,#resolve-main .line-text li{width:100%} #solution-main .box-odd .left-sol img,#solution-main .content-box-odd .left-sol img,#solution-main .box-even .left-sol img,#solution-main .content-box-even .left-sol img{width:24px} } @media only screen and (max-width: 520px) { #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%} } @media only screen and (max-width: 480px) { #sales-main .content-sales{height:720px} } @media only screen and (max-width: 447px) { #sales-main .content-sales{height:750px} } @media only screen and (max-width: 420px) { #sales-main .content-sales{height:800px} } @media only screen and (max-width: 376px) { #sales-main .content-sales{height:820px} } @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: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%} #sales-main .content-sales{height:900px} #solution-main .box-odd .left-sol img,#solution-main .content-box-odd .left-sol img,#solution-main .box-even .left-sol img,#solution-main .content-box-even .left-sol img{width:20px} #tool-main .current-box .content-box-tool,#tool-main .current-box .content-box-tool figure{width:140px;height:140px} .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} #tool-main .current-box .content-box-tool figure span{margin-top:0} }.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;} }