#vivu{overflow-x:hidden}
.section-list-new .h2{font-size:34px}
.row-col{display:inline-block;width:100%;margin-left:-15px;margin-right:-15px}
.col3{width:33.33333%;float:left;padding-left:15px;padding-right:15px}
.accordion-plus__content ul,.news-content ul{list-style:disc;padding-left:29px}
.accordion-plus__content ul ul{padding-top:15px;padding-left:15px;list-style:circle}
.accordion{margin-bottom:30px}
.accordion h2{margin:0 0 10px;font-size:20px}
.accordion-plus__content ul li{margin-bottom:10px}
.box-faq{background-color:#f1f2f2}
.faq-cont{padding:0 20px 20px 50px}
.box-faq .title.h2{margin-bottom:20px}
.swiper-slide img{width:100%}
.nav.nav-pills li{margin-bottom:20px}
.nav.nav-pills li.active a{color:#084c30;font-weight:700}
.nav.nav-pills li a:hover{color:#7fbc03}
.box-faq .container{position:relative}
.box-faq .col-md-4{padding-top:50px}
.box-faq .col-md-8{background-color:#fff;padding-top:50px}
.box-faq .container::after{background-color:#fff;content:"";width:40%;position:absolute;right:-40%;top:0;height:100%}
.box-faq .h2{font-size:30px;margin-bottom:20px}
.nav.nav-pills a{font-size:17px;color:#333}
.news-content,.section-list-new .container .h2{max-width:900px;margin-left:auto;margin-right:auto}
.downloads{position:fixed;right:0;bottom:0;width:300px;z-index:10}
.download1,.download2{margin-bottom:15px}
#qrpay .color2{display:block}
.box-best{background-color:#fff;max-width:450px;box-shadow:0 0 10px #999;margin:0 auto;padding:30px 15px;position:relative;border-radius:10px}
.box-best .btn-wrap-width-lg{position:absolute;bottom:-36px;left:50%;width:220px;margin-left:-110px}
.box-best p{font-size:14px}
.h3{font-size:26px;font-weight:700;margin-bottom:20px}
#vivu .hi-icon-effect-8{margin-bottom:40px}
#vivu p.text-right{text-align:right!important;margin-bottom:0}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:#73bf44;width:8px;height:8px;margin-right:10px;border-radius:50%}
#perks .owl-carousel{margin-bottom:50px}
#perks .owl-dots{padding-top:50px}
.owl-carousel button.owl-dot.active{background:#084c30}
#qrpay{color:#fff}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev,.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:none}
.swiper-button-next i,.swiper-container-rtl .swiper-button-prev i,.swiper-button-prev i,.swiper-container-rtl .swiper-button-next i{font-size:60px;color:#73bf44}
.swiper-pagination-bullet-active{background:#73bf44}
.btn.btn-primary{background:#73bf44;color:#fff}
.menu p,.menu .p{font-size:15px}
.box-style .list{padding:15px 0;display:inline-block;width:100%;font-size:18px}
.list li{float:left;padding-left:15px;position:relative;margin-bottom:10px;width:100%}
.list li:before{content:"";position:absolute;left:0;top:13px;margin-top:-3px;display:block;width:5px;height:5px;background-color:#73bf44;border-radius:50%}
.col-2 li{width:50%}
.color1{color:#084c30}
.color2{color:#73bf44}
.color-white{color:#fff}
.section .container{padding-top:50px;padding-bottom:50px}
.h2{font-size:32px;font-weight:700;margin-bottom:20px}
.box-search{min-width:200px;position:relative}
.menu-search .dropdown,.menu-language .dropdown{padding-top:15px;padding-bottom:15px}
.menu .row-15 > .menu-search,.menu .row-15 > .menu-language{padding-left:10px;padding-right:10px}
.menu-search .dropdown-menu{right:0;left:inherit;background-color:transparent;box-shadow:none;border:0}
.btn-search{position:absolute;height:36px;top:0;margin:0;border-radius:0;right:0;margin-left:-5px;z-index:9}
.box-search .form-inline input.form-control{box-shadow:none;border:none;height:35px;font-weight:400;text-indent:8px}
.box-search .form-inline .input-group{border:1px solid #ddd}
.btn.btn-search{padding:7px 15px}
.btn-link{border:none;background-color:transparent}
.dropdown-menu li{border-bottom:1px solid #ccc}
.dropdown-menu li:last-child{border-bottom:none}
.dropdown-menu li img{width:20px;position:relative;top:-2px}
.dropdown-menu>li>a{padding:7px 12px}
.menu .dropdown-menu{right:0;left:inherit}
.footer-section .h4{color:#84bb56;text-transform:uppercase;margin-bottom:30px;font-weight:700}
.footer-content a{color:#fff}
.fa{font-size:14px}
.upper{text-transform:uppercase}
.clip-content{text-align:center;color:#fff;margin:0 auto 100px;padding-top:8%;max-width:500px}
.clip{height:650px;position:relative;overflow:hidden}
.clip::after{width:100%;height:100%;top:0;left:0;content:"";position:absolute;z-index:2}
.clip-hand{position:absolute;left:0;right:0;bottom:0;margin:auto;text-align:center;height:80%}
.clip-hand .td{vertical-align:bottom}
.clip-hand img{max-height:95%}
.play-button{cursor:pointer}
.circle-main{width:70px;height:70px;border-radius:35px;background:#73bf44;background-image:url(../img/ic-play.svg);background-repeat:no-repeat;background-position:center right 18px;z-index:10;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;-webkit-animation:ripple .7s linear infinite;animation:ripple .7s linear infinite;}
.d40{
    position: relative;
}
.d40 .play-button{
    right: calc(50vw - 220px);
    position: absolute;
    top: 50%;
}
@-webkit-keyframes ripple {
0%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0.2),0 0 0 3em rgba(255,255,255,0.2);box-shadow:0 0 0 0 rgba(255,255,255,0.2),0 0 0 3em rgba(255,255,255,0.2)}
100%{-webkit-box-shadow:0 0 0 3em rgba(255,255,255,0.2),0 0 0 5em rgba(255,255,255,0);box-shadow:0 0 0 3em rgba(255,255,255,0.2),0 0 0 5em rgba(255,255,255,0)}
}
@keyframes ripple {
0%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0.2),0 0 0 3em rgba(255,255,255,0.2);box-shadow:0 0 0 0 rgba(255,255,255,0.2),0 0 0 3em rgba(255,255,255,0.2)}
100%{-webkit-box-shadow:0 0 0 3em rgba(255,255,255,0.2),0 0 0 5em rgba(255,255,255,0);box-shadow:0 0 0 3em rgba(255,255,255,0.2),0 0 0 5em rgba(255,255,255,0)}
}
.play-text{z-index:10;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:40px;padding-top:200px;text-align:center}
@media (min-width: 769px) {
.modal--trailer__dialog{height:50%;width:50%;min-width:500px;min-height:333px}
}
@media (max-width: 768px) {
.modal--trailer__dialog{height:60%;width:90%}
}
.modal{text-align:center}
.modal:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-4px}
.modal-dialog{display:inline-block;text-align:left;vertical-align:middle}
.modal--trailer__close{position:fixed;right:1%;font-size:30px;top:8%;color:white;z-index:9999;font-weight:300;opacity:1;border-radius:.75em;width:1.5em;height:1.5em;line-height:.8em;background-image:url(../img/close.png);background-size:.5em .5em;background-position:center center;background-repeat:no-repeat;-webkit-transition:.3s all ease-in-out;transition:.3s all ease-in-out;border:0;background-color:white;padding:0}
.modal-content{width:100%;height:100%;-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.1);box-shadow:0 5px 15px rgba(0,0,0,0.1);border:0}
.iframe--trailer{width:100%;height:100%;margin:0 auto}
.nopadding{padding:0!important}
.modal--trailer__content .modal-body{width:100%;height:100%;padding:0;border-radius:0;background-color:black;margin:0 auto;text-align:center;border:0}
.modal-dialog{margin:0}
.guide_btn{text-align:center;margin:0 auto;max-width:800px}
.guide_btn a{display:inline-block;padding:15px 0;border-radius:25px;background-color:#fff;line-height:57px;height:130px;width:160px;color:#4A4A4A;font-size:18px}
.guide_btn a:hover{-webkit-box-shadow:0 3px 40px 0 rgba(255,255,255,0.3);box-shadow:0 3px 40px 0 rgba(255,255,255,0.3)}
.guide_btn_text{display:block;line-height:18px;color:#018086;padding-top:6px;font-weight:300}
.guide_btn_text b{font-weight:400;display:block}
#vivu .perks-main{overflow-x:hidden;width:100%;position:relative;display:inline-block}
@media (min-width: 768px) {
#shopping .color2,#shopping .text2{display:block}
.col-md-3.col-xs-6{width:25%}
.guide_btn{max-width:720px}
}
#vivu .col-md-4{width:33.33333%;display:inline-block}
.faq-mobile{display:none}
@media (max-width: 768px) {
.faq-mobile{display:block}
.faq-pc{display:none}
}
@media (max-width: 767px) {
.btn.btn-search{margin:0;height:36px}
.section-list-new .col-sm-6{width:50%;display:inline-block;zoom:1}
.downloads{width:250px}
#vivu .text-right,#vivu p.text-right{text-align:center!important}
#vivu p.text-right{margin-bottom:20px}
#vivu .btn-wrap-width-lg{margin-bottom:50px}
#qrpay p{font-size:15px;line-height:1.5}
.text-hidden{display:none}
#perks .owl-dots{padding-top:20px}
.card-perks__img{margin:40px auto 10px;width:75px;height:75px}
.text2{display:block}
.h2{font-size:28px}
.section .container{padding-top:50px;padding-bottom:50px}
.clip{height:350px}
#clip img{max-width:220px}
#clip p{font-size:15px}
#perks .owl-carousel{margin-bottom:0;top:-30px}
.box-style .list{text-align:left;padding-bottom:0}
#shopping .height-100{background-image:url(../img/images/bg_1_mobile.jpg)!important;background-color:#f1f2f2;height:auto;padding-bottom:540px;text-align:center;background-size:100%!important;background-repeat:no-repeat;background-position:center bottom!important}
.guide_btn .col-md-3.col-xs-6{margin-bottom:30px}
.guide_btn a{line-height:40px;height:121px;width:130px;font-size:16px}
}
.bottompage{text-align:center}
.bottompage .download__qr__wrap{margin:15px auto;padding:0}
.fixbottom{position:fixed;bottom:0;width:100%;background-color:rgba(255,255,255,0.9);z-index:99999}
.bottompage .controler{background-color:rgba(255,255,255,0.9);position:absolute;bottom:100%;left:50%;display:block;width:84px;height:40px;padding:5px 10px;margin-left:-42px}
.ic_download{background:url(../images/ic_download.png) no-repeat center;width:40px;height:29px;background-size:40px;display:inline-block;vertical-align:bottom}
.active .ic_download{transform:rotate(-180deg)}
.banner{height:calc(100vh - 135px);min-height:560px;position:relative}
.banner::before{z-index:-999;content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:linear-gradient(149.57deg,#ffc157 0%,#f28512 48.9%,#fc946d 100%)}
.swiper-slide .webview{display:block}
.swiper-slide .mobileview{display:none}
.btn.bg-white{-webkit-transition:.2s all ease-in-out;transition:.2s all ease-in-out}
.btn.bg-white:hover{-webkit-box-shadow:0 3px 40px 0 rgba(255,255,255,0.3);box-shadow:0 3px 40px 0 rgba(255,255,255,0.3)}
.btn.bg-primary{-webkit-transition:.2s all ease-in-out;transition:.2s all ease-in-out}
.btn.bg-primary:hover{-webkit-box-shadow:0 3px 40px 0 rgba(218,33,40,0.25);box-shadow:0 3px 40px 0 rgba(218,33,40,0.25)}
.download__slogan{line-height:1.4}
.download__left{margin:60px 0}
.download__img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
.download__img > div{width:100%}
.download__img img{max-width:68vh}
.banner::after{position:absolute;bottom:-1px;z-index:0;left:0;height:418px;max-height:49vh;content:"";width:100%;background-position:center;background-size:cover}
@media (max-width: 1400px) {
.download__img img{max-width:62vh}
}
@media (min-width: 992px) {
.download__left{padding:40px 0}
}
@media (max-width: 992px) {
.banner{height:auto}
.banner::after{height:40vw}
.download__slogan{margin-left:auto;margin-right:auto}
.download__img img{max-width:100%}
}
@media (max-width: 767px) {
.downloads-cont{padding:10px;display:inline-block}
.downloads{width:100%}
.download1{float:left;width:48.5%;margin-bottom:0}
.download2{float:right;width:48.5%;margin-bottom:0}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev,.swiper-button-prev,.swiper-container-rtl .swiper-button-next{display:none}
#perks .height-100{background-image:none!important}
#qrpay .btn-wrap-width-lg{margin-bottom:30px}
#best{position:relative}
#best::before{display:block;content:"";position:absolute;width:100%;height:100%;background-color:rgb(0,0,0,0.4)}
#best.section .container{padding-top:100px;padding-bottom:100px}
.box-best{padding:15px 15px 30px}
#best .col-md-5{max-width:90%;margin:0 auto}
.h3{font-size:22px}
.download__img{padding-top:0;height:auto}
.banner::after{height:90vw}
.download__left{margin:30px 0}
.swiper-slide .webview{display:none}
.swiper-slide .mobileview{display:block}
}
@media (max-width: 480px) {
#shopping .height-100{padding-bottom:340px}
.download__slogan{font-size:17px}
}
.banner > .container{z-index:1;position:relative}
.feature-phone{-webkit-filter:drop-shadow(0 5px 30px rgba(0,0,0,0.2));filter:drop-shadow(0 5px 30px rgba(0,0,0,0.2));max-height:calc(100vh - 134px);min-height:450px;width:auto;height:601px}
.feature-phone-header{position:absolute;top:calc(3% - 2px);z-index:1;left:0;right:0;margin:auto;width:50%;z-index:2}
.feature-phone-inner{position:relative;display:inline-block}
.promo{background:#f4f4f5;padding:0;margin:0;border-radius:0;text-align:center}
.qa{margin:0;background-color:#f9f9f9;padding-bottom:150px;background-size:100% auto;background-repeat:no-repeat;background-position:center bottom;padding-top:100px}
.qa .container{max-width:970px}
.contact{margin:30px 0}
.contact-txt{color:#7f7f7f}
.contact-section{margin-bottom:30px}
@media (max-width: 767px) {
.qa{padding-bottom:60px;padding-top:60px}
}
footer{padding:60px 0;background:#084c30;color:#fff}
.footer-download img{max-height:36px}
.footer-download .inline-block{max-width:50%}
@media (max-width: 767px) {
.footer-section{margin-bottom:40px}
footer{padding-bottom:60px}
}
@media (max-width: 321px) {
.col-2 li{width:100%}
}
.menu__item-card .menu__sub__item{background-image:url(../images/web/bg-nganhangtructuyen.png);background-size:auto 100%;background-position:left center;margin-bottom:5px;min-width:280px;max-width:100%}
.menu__item-card .menu__sub__block{background:url(../images/web/ic-custom.png) no-repeat 100%;text-align:center}
.menu__item-card .menu__sub__wrap{background:transparent;border:0;padding-top:10px}
.menu__item-card .menu__sub{border:0;border-radius:0;box-shadow:none}
.menu__item-card .menu-sub-hover,.menu__sub__item:hover{background-color:transparent}
.menu__logo{position:absolute;left:0;top:30px}
.menu__item--social img{width:24px}
.menu__item--social .menu__item__block{padding-left:6px;padding-right:6px;display:flex;justify-content:center;align-items:center}
.menu__content__wrap{position:relative}
.menu__item--icon .ic{margin-bottom:1px;margin-right:10px}
.menu__item--icon .ic.mobile{display:none}
@media (min-width: 1201px) {
.menu-down .menu-loc:not(.menu-phone) a{height:70px;line-height:70px}
.menu-down .menu-loc:not(.menu-phone) a::after{content:"";position:absolute;bottom:-0;left:0;right:0;margin:auto;background:#7fbc03;width:0;height:2px;transition:.3s all ease-in-out}
.menu-down .menu-loc:hover:not(.menu-phone) a::after,.menu-down .menu-loc:not(.menu-phone) a.active::after{width:100%}
.menu__item__block{text-transform:uppercase}
.menu__item__block::before{content:"";position:absolute;height:18px;right:0;top:6px;width:1px;border-right:1px solid rgba(255,255,255,0.2)}
.menu{position:absolute}
.menu__content__outside{top:0;position:fixed;z-index:100;left:0;width:100%}
.menu__content__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:flex-end}
.menu__content__outside .menu__content{max-width:1170px;margin:0 auto}
.menu{height:auto}
.main--with-menu{padding-top:69px}
.menu__mobile__item:not(.menu__mobile__item--visible){display:table-cell;text-align:left}
.menu__mobile__logo{display:none!important}
.menu__mobile__item:not(.menu__mobile__item--visible).menu__mobile__item--hide{display:none}
.trigger{display:none}
.logo-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}
.menu__item.added{display:none}
}
.menu__item{cursor:pointer}
.menu__mobile__logo{width:auto}
.menu__mobile{padding:0 15px}
.menu__mobile::after{display:none}
.hamburger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.bg-gradient-orange{background:-webkit-gradient(linear,left top,left bottom,from(#fd0),to(#f09c1c));background:linear-gradient(#fd0 0%,#f09c1c 100%)}
.bg-gradient-orange .legitRipple-ripple{background-color:#fd0}
.bg-gradient-orange .btn-text{font-size:14px;color:#000000;font-weight:400}
.menu__mobile__item{white-space:nowrap}
.logo-wrap{display:block}
.menu-loc-ic{line-height:1}
.menu__item.added{line-height:1}
.logo-wrap{height:100%;line-height:70px}
@media (min-width: 1200px) {
#vivu .hi-icon-effect-8{max-width:400px;margin-left:auto}
#feature,#vivu{position:relative;overflow:hidden}
#shopping,#best{height:700px;position:relative;overflow:hidden}
.menu{max-height:70px}
.box-search .form-inline input.form-control{width:310px}
}
@media (max-width: 1200px) {
.menu__item-card .menu__sub__item{min-width:0}
.menu__item-card .menu__sub__block{text-align:left;padding-left:15px}
.menu__item--icon .ic.mobile{display:inline-block}
.menu__item--icon .ic.desktop{display:none}
.menu__item--social{display:inline-block;padding:10px 0;margin-right:10px;width:46px}
.menu__item--social .menu__item__block{padding:0;width:46px;height:46px;border-radius:46px;background:#018086}
.menu__item--social .menu__item__block::before{display:none}
.menu{-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.1);box-shadow:0 3px 10px rgba(0,0,0,0.1)}
.menu-loc{display:none}
.logo-wrap img{height:40px;width:auto}
}
.vnpay-red{color:#ed1c24}
.vnpay-blue{color:#005baa}
.vnpay-sm{font-size:9px;top:-3px}
@media (min-width: 1201px) {
.menu__item__block{-webkit-animation:navSlideLeft .3s ease-out .1s both;animation:navSlideLeft .3s ease-out .1s both}
.menu__item:nth-child(1) .menu__item__block{-webkit-animation-delay:.1s;animation-delay:.1s}
.menu__item:nth-child(2) .menu__item__block{-webkit-animation-delay:.15s;animation-delay:.15s}
.menu__item:nth-child(3) .menu__item__block{-webkit-animation-delay:.2s;animation-delay:.2s}
.menu__item:nth-child(4) .menu__item__block{-webkit-animation-delay:.25s;animation-delay:.25s}
.menu__item:nth-child(5) .menu__item__block{-webkit-animation-delay:.3s;animation-delay:.3s}
.menu__item:nth-child(6) .menu__item__block{-webkit-animation-delay:.35s;animation-delay:.35s}
.menu__item:nth-child(7) .menu__item__block{-webkit-animation-delay:.4s;animation-delay:.4s}
.menu__item:nth-child(8) .menu__item__block{-webkit-animation-delay:.45s;animation-delay:.45s}
.menu__item:nth-child(9) .menu__item__block{-webkit-animation-delay:.5s;animation-delay:.5s}
.menu__item:nth-child(10) .menu__item__block{-webkit-animation-delay:.55s;animation-delay:.55s}
.menu__item:nth-child(11) .menu__item__block{-webkit-animation-delay:.6s;animation-delay:.6s}
.logo-wrap{-webkit-animation:navSlideLeft .3s ease-out .1s both;animation:navSlideLeft .3s ease-out .1s both;-webkit-animation-delay:.1s;animation-delay:.1s}
.menu-loc,.menu-btn-dk,.menu-phone{-webkit-animation:navSlideLeft .3s ease-out .1s both;animation:navSlideLeft .3s ease-out .1s both}
.menu-loc:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}
.menu-loc:nth-child(2){-webkit-animation-delay:.25s;animation-delay:.25s}
.menu-loc:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}
.menu-loc:nth-child(4){-webkit-animation-delay:.35s;animation-delay:.35s}
.menu-loc:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}
.menu-loc:nth-child(6){-webkit-animation-delay:.45s;animation-delay:.45s}
.menu-loc:nth-child(7){-webkit-animation-delay:.5s;animation-delay:.5s}
.menu-loc:nth-child(8){-webkit-animation-delay:.55s;animation-delay:.55s}
.menu-loc:nth-child(9){-webkit-animation-delay:.6s;animation-delay:.6s}
.menu-phone{-webkit-animation-delay:.65s;animation-delay:.65s}
}
.download__left{-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;opacity:0;transition-property:opacity,transform,clip-path,-webkit-transform,-webkit-clip-path}
.download__left.animated{-webkit-clip-path:polygon(0 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,100% 100%,100% 0,0 0);opacity:1;-webkit-transform:none;transform:none}
.download__img{-webkit-transition-delay:.7s;transition-delay:.7s;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transform:translateY(-30px)}
.download__img.animated{opacity:1;-webkit-transform:translateY(0);ransform:translateX(0)}
@-webkit-keyframes navSlideLeft {
0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@keyframes navSlideLeft {
0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@-webkit-keyframes fadeUp {
0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes fadeUp {
0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
.title-sub{max-width:580px;margin-left:auto;margin-right:auto;text-transform:none;font-weight:400}
@media (max-width: 767px) {
.title-sub{font-size:16px}
}
.list-icons-text.animated > li,.feature-phone-wrap.animated,.title.animated,.animated .clip-hand,.animated .title,.download__btn.animated,.guide.animated .container,.swiper-promo-wrap.animated,.animated .accordion-plus__item,.animated .card-perks,.animated .btn,.animated .swiper-btn-center-out-wrap{-webkit-animation:fadeUp .3s ease-out .1s both;animation:fadeUp .3s ease-out .1s both}
.animated .clip-hand{-webkit-animation-delay:.2s;animation-delay:.2s}
.feature-phone-wrap.animated,.download.animated .download__btn,.guide.animated .container{-webkit-animation-delay:.2s;animation-delay:.2s}
.list-icons-text.animated > li:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}
.list-icons-text.animated > li:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}
.list-icons-text.animated > li:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}
.list-icons-text.animated > li:nth-child(4){-webkit-animation-delay:.5s;animation-delay:.5s}
.list-icons-text.animated > li:nth-child(5){-webkit-animation-delay:.6s;animation-delay:.6s}
.list-icons-text.animated > li:nth-child(6){-webkit-animation-delay:.7s;animation-delay:.7s}
.animated .card-perks:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}
.animated .card-perks:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}
.animated .card-perks:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}
.animated .card-perks:nth-child(4){-webkit-animation-delay:.5s;animation-delay:.5s}
.animated .card-perks:nth-child(5){-webkit-animation-delay:.6s;animation-delay:.6s}
.animated .card-perks:nth-child(6){-webkit-animation-delay:.7s;animation-delay:.7s}
.animated .accordion-plus__item:nth-child(0){-webkit-animation-delay:.2s;animation-delay:.2s}
.animated .accordion-plus__item:nth-child(1){-webkit-animation-delay:.3s;animation-delay:.3s}
.animated .accordion-plus__item:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}
.animated .accordion-plus__item:nth-child(3){-webkit-animation-delay:.5s;animation-delay:.5s}
.animated .accordion-plus__item:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}
.animated .accordion-plus__item:nth-child(5){-webkit-animation-delay:.8s;animation-delay:.8s}
.animated .accordion-plus__item:nth-child(6){-webkit-animation-delay:.9s;animation-delay:.9s}
.animated .accordion-plus__item:nth-child(7){-webkit-animation-delay:1s;animation-delay:1s}
.animated .accordion-plus__item:nth-child(8){-webkit-animation-delay:1.1s;animation-delay:1.1s}
.animated .accordion-plus__item:nth-child(9){-webkit-animation-delay:1.2s;animation-delay:1.2s}
.animated .accordion-plus__item:nth-child(10){-webkit-animation-delay:1.3s;animation-delay:1.3s}
.animated .accordion-plus__item:nth-child(11){-webkit-animation-delay:1.4s;animation-delay:1.4s}
.animated .accordion-plus__item:nth-child(12){-webkit-animation-delay:1.5s;animation-delay:1.5s}
.animated .accordion-plus__item:nth-child(13){-webkit-animation-delay:1.6s;animation-delay:1.6s}
.clip.animated .play-button{opacity:1;position:relative}
.download{background-color:#f9f9f9;position:relative;margin-top:0}
.download .container{z-index:2;position:relative}
.download::after{content:"";background-color:white;position:absolute;z-index:1;bottom:0;width:100%;height:70px}
.download::before{content:"";background-color:#0a7e81;position:absolute;top:0;width:100%;height:70px;z-index:1}
.download__left{margin:60px 0}
.download__qr{margin-bottom:20px}
.download__qr__wrap{padding:15px;border-radius:10px;background:white;box-shadow:0 3px 6px rgba(0,0,0,0.16);width:141px}
.download__qr__inner{width:170px}
.download__qr__inner img{width:111px}
.download__qr .h1{font-size:36px;font-weight:700}
.download__slogan{max-width:458px}
.download__btn img{height:50px}
@media (max-width: 1199px) {
.download__qr .h1{font-size:28px;font-weight:700}
}
@media (max-width: 992px) {
.download__qr .td{display:block}
.download__qr__inner{text-align:center;width:auto;margin-bottom:20px}
}
@media (max-width: 480px) {
.download__qr .h1{margin-bottom:0}
}
@media (min-width: 992px) {
.download__left{padding:40px 0}
}
@media (max-width: 992px) {
.download__slogan{margin-left:auto;margin-right:auto}
}
@media (max-width: 767px) {
.download__left{margin:30px 0;text-align:center}
.download__qr__wrap{margin:0 auto}
.download__img{text-align:center}
.download__img img{margin-left:auto;margin-right:auto}
}
@media (max-width: 480px) {
.download__slogan{font-size:17px}
.download__btn .inline-block{margin-bottom:15px}
}
.card-news{margin-bottom:50px;display:block}
.card-img{border-radius:6px;overflow:hidden}
.card-title{font-size:18px;font-weight:500;margin-top:15px;color:#000;letter-spacing:.5px}
.path{padding:8px 15px;margin-bottom:0;background-image:linear-gradient(90deg,#7fbc03,#0b4f2e)}
.breadcrumb{list-style:none;margin:0}
.breadcrumb>li{display:inline-block;color:#fff;font-size:14px;opacity:.9}
.breadcrumb>li.active{color:#fff;font-weight:500;opacity:1}
.breadcrumb>li>a{color:#fff}
.section-list-new{padding-top:50px;padding-bottom:50px;min-height:80vh}
.hover-line{background-repeat:no-repeat;background-image:-webkit-gradient(linear,left top,right top,from(rgb(0,0,0)),to(rgb(0,0,0)));background-image:linear-gradient(to right,rgb(0,0,0) 0%,rgb(0,0,0) 100%);background-size:0 2px;background-position:0 95%;-webkit-transition:background-size .25s cubic-bezier(0.785,0.135,0.15,0.86) 0;transition:background-size .25s cubic-bezier(0.785,0.135,0.15,0.86) 0;padding:.1% 0}
.card-news:hover .hover-line{background-size:100% 2px}
.card-img img{-webkit-transition:-webkit-transform .25s cubic-bezier(0.785,0.135,0.15,0.86) 0;transition:-webkit-transform .25s cubic-bezier(0.785,0.135,0.15,0.86) 0;transition:transform .25s cubic-bezier(0.785,0.135,0.15,0.86) 0;transition:transform .25s cubic-bezier(0.785,0.135,0.15,0.86) 0s,-webkit-transform .25s cubic-bezier(0.785,0.135,0.15,0.86) 0;transition:transform .25s cubic-bezier(0.785,0.135,0.15,0.86) 0s,-webkit-transform .25s cubic-bezier(0.785,0.135,0.15,0.86) 0}
.card-news:hover .card-img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.news-content > *{font-size:16px}
.section-list-new .news-item{margin-bottom:30px}
.news-item{display:block;margin-bottom:30px;color:#144734!important}
.news-all{text-transform:uppercase;font-weight:700}
.news-item__sub{font-size:16px;text-transform:uppercase;color:#999999;font-weight:500}
.news-item__txt{font-weight:500;margin-top:20px}
.hover-line{background-repeat:no-repeat;background-image:-webkit-gradient(linear,left top,right top,from(rgb(0,0,0)),to(rgb(0,0,0)));background-image:linear-gradient(to right,rgb(0,0,0) 0%,rgb(0,0,0) 100%);background-size:0 2px;background-position:0 95%;-webkit-transition:background-size .25s cubic-bezier(0.785,0.135,0.15,0.86) 0;transition:background-size .25s cubic-bezier(0.785,0.135,0.15,0.86) 0;padding:.1% 0}
.news-item{cursor:pointer}
.news-item:hover .hover-line{color:#7fbc03}
.news-item:hover .news-item__img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.news-item__img{overflow:hidden;padding-top:56%;position:relative;border-radius:4px;background:#f9f9f9}
.news-item__img img{position:absolute;top:0;-webkit-transition:-webkit-transform .25s cubic-bezier(0.785,0.135,0.15,0.86) 0;transition:-webkit-transform .25s cubic-bezier(0.785,0.135,0.15,0.86) 0;transition:transform .25s cubic-bezier(0.785,0.135,0.15,0.86) 0;transition:transform .25s cubic-bezier(0.785,0.135,0.15,0.86) 0s,-webkit-transform .25s cubic-bezier(0.785,0.135,0.15,0.86) 0}
.news-detail-body p,.news-detail-body .p{font-size:16px;letter-spacing:.2px;color:rgba(0,0,0,0.8)}
@media (max-width: 992px) {
.scroll-content-list{white-space:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch}
.scroll-content-list > *{width:80vw;max-width:268px}
.blog-item__txt{white-space:normal}
.blog-all{padding-top:20px;display:block}
.blog-item__txt{font-size:16px}
.news-item__sub{margin-top:15px;font-size:14px}
.news-item__txt{margin-top:10px;font-size:15px}
}
.guide{background-image:url(../images/web/guild-bg.png);background-repeat:no-repeat;background-size:cover;padding:100px 0;background-color:#018086;margin-bottom:0}
.pagination{font-size:15px}
.pagination > .active > a,.pagination > .active > a:focus,.pagination > .active > a:hover,.pagination > .active > span,.pagination > .active > span:focus,.pagination > .active > span:hover{background-color:#be1128;border-color:#be1128}
.pagination > li > a,.pagination > li > span{border:0!important;width:36px;height:36px;border-radius:18px!important;line-height:36px!important;padding:0!important;color:#000;display:block}
.pagination > li{display:inline-block}
.pagination > li.active > a{color:white!important}
.body__wrap{max-width:277px;margin:0 auto;font-size:0;height:100%}
.iframe-phone{width:calc(100% - 12%);margin:0 auto;left:6.1%;height:95%;z-index:1;top:calc(3% - 2px);position:absolute;background:white;border-radius:25px;overflow:hidden}
.iframe-phone-inner{position:absolute;width:100%;height:100%;top:0;left:0}
.modal-open .menu__content__outside{padding-right:17px}
.menu{position:fixed;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.04);box-shadow:0 5px 10px rgba(0,0,0,0.04)}
.phone-ring{position:relative;display:block;margin:0;width:1em;height:1em;font-size:40px;background-color:#018086;border-radius:.5em;box-shadow:0 0 0 0 rgba(218,33,40,0),0 .05em .1em rgba(0,0,0,0.05);transform:translate3d(0,0,0) scale(1);margin-right:10px}
.phone-ring::before,.phone-ring::after{position:absolute;content:""}
.phone-ring::before{top:0;left:0;width:1em;height:1em;background-color:rgba(255,255,255,0.1);border-radius:100%;opacity:1;transform:translate3d(0,0,0) scale(0)}
.phone-ring::after{top:.25em;left:.25em;width:.5em;height:.5em;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYuNiAxMC44YzEuNCAyLjggMy44IDUuMSA2LjYgNi42bDIuMi0yLjJjLjMtLjMuNy0uNCAxLS4yIDEuMS40IDIuMy42IDMuNi42LjUgMCAxIC40IDEgMVYyMGMwIC41LS41IDEtMSAxLTkuNCAwLTE3LTcuNi0xNy0xNyAwLS42LjQtMSAxLTFoMy41Yy41IDAgMSAuNCAxIDEgMCAxLjIuMiAyLjUuNiAzLjYuMS40IDAgLjctLjIgMWwtMi4zIDIuMnoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;transform:translate3d(0,0,0)}
.phone-ring.is-animating{animation:phone-outer 3000ms infinite}
.phone-ring.is-animating::before{animation:phone-inner 3000ms infinite}
.phone-ring.is-animating::after{animation:phone-icon 3000ms infinite}
@keyframes phone-outer {
0%{transform:translate3d(0,0,0) scale(1);box-shadow:0 0 0 0 rgba(218,33,40,0),0 .05em .1em rgba(0,0,0,0.05)}
33.3333%{transform:translate3d(0,0,0) scale(1.1);box-shadow:0 0 0 0 rgba(218,33,40,0.1),0 .05em .1em rgba(0,0,0,0.5)}
66.6666%{transform:translate3d(0,0,0) scale(1);box-shadow:0 0 0 .5em rgba(218,33,40,0),0 .05em .1em rgba(0,0,0,0.05)}
100%{transform:translate3d(0,0,0) scale(1);box-shadow:0 0 0 0 rgba(218,33,40,0),0 .05em .1em rgba(0,0,0,0.05)}
}
@keyframes phone-inner {
0%{opacity:1;transform:translate3d(0,0,0) scale(0)}
33.3333%{opacity:1;transform:translate3d(0,0,0) scale(0.9)}
66.6666%{opacity:0;transform:translate3d(0,0,0) scale(0)}
100%{opacity:0;transform:translate3d(0,0,0) scale(0)}
}
@keyframes phone-icon {
0%{transform:translate3d(0em,0,0)}
2%{transform:translate3d(0.01em,0,0)}
4%{transform:translate3d(-0.01em,0,0)}
6%{transform:translate3d(0.01em,0,0)}
8%{transform:translate3d(-0.01em,0,0)}
10%{transform:translate3d(0.01em,0,0)}
12%{transform:translate3d(-0.01em,0,0)}
14%{transform:translate3d(0.01em,0,0)}
16%{transform:translate3d(-0.01em,0,0)}
18%{transform:translate3d(0.01em,0,0)}
20%{transform:translate3d(-0.01em,0,0)}
22%{transform:translate3d(0.01em,0,0)}
24%{transform:translate3d(-0.01em,0,0)}
26%{transform:translate3d(0.01em,0,0)}
28%{transform:translate3d(-0.01em,0,0)}
30%{transform:translate3d(0.01em,0,0)}
32%{transform:translate3d(-0.01em,0,0)}
34%{transform:translate3d(0.01em,0,0)}
36%{transform:translate3d(-0.01em,0,0)}
38%{transform:translate3d(0.01em,0,0)}
40%{transform:translate3d(-0.01em,0,0)}
42%{transform:translate3d(0.01em,0,0)}
44%{transform:translate3d(-0.01em,0,0)}
46%{transform:translate3d(0em,0,0)}
}
.menu-loc{position:relative}
.menu-phone-menu-wrap{position:absolute;font-size:14px;width:230px;margin:0;text-align:left;padding-top:6px;display:none}
.menu-phone-menu-wrap::before{content:"";position:absolute;top:0;left:14px;height:6px;width:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6'%3E%3Cpath id='Path_1531' data-name='Path 1531' d='M1733.833-798.987l6-6,6,6h-12' transform='translate(-1733.833 804.987)' fill='%23fff'/%3E%3C/svg%3E%0A");background-repeat:no-repeat}
.menu-phone-menu{margin:0;border-radius:6px;background:white;box-shadow:0 5px 20px rgba(0,0,0,0.3);overflow:hidden}
.menu-phone-menu a{padding:15px}
.menu-phone-menu .menu-phone-menu-txt{padding-left:10px}
.menu-phone-menu a:hover{background-color:#f5f5f5}
.menu-loc:hover .menu-phone-menu-wrap,.menu-loc--mobile .menu-phone-menu-wrap{display:block}
.menu-phone-menu-wrap--mobile{position:relative;width:100%;display:block}
.menu-phone-menu-wrap--mobile .menu-phone-menu{box-shadow:none}
.menu-phone-menu-wrap--mobile::before{display:none}
.menu-phone-menu-wrap--mobile .menu-phone-menu a{padding:15px 10px}
.support-online{position:fixed;bottom:120px;right:1%;z-index:3;outline:none!important}
.support-online .support-online-animatiion{position:relative}
.support-online .scale-shadow{position:absolute;color:#fff;width:70px;height:70px;top:50%;z-index:-1;left:50%;transform:translate(-50%,-56%);border-radius:50%}
.support-online .scale-shadow:before{position:absolute;content:"";width:100%;height:100%;border-radius:50%;z-index:-1;transform:scale(1.2)}
.support-online .scale-shadow:after{position:absolute;content:"";width:100%;height:100%;border-radius:50%;z-index:-1;transform:scale(1.3)}
.support-online #shadow-2:before{background:radial-gradient(circle,rgba(255,193,37,0.3),rgba(255,193,37,0.1));animation:animationShadow1 3s infinite linear}
.support-online #shadow-2:after{border:.5px solid #fcc602;animation:animationShadow2 1.5s infinite}
.support-online .support-online:focus{outline:none!important}
@media screen and (max-width: 768px) {
.support-online{bottom:40px;right:0}
}
.support-online #modal-open-box-chat{background:none!important;border:none!important;outline:none!important}
#modal-open-box-chat:focus,#modal-open-box-chat.bnt:focus{outline:none!important;box-shadow:none}
@keyframes animationChatBox {
0%{transform:rotate(0deg)}
10%{transform:rotate(15deg)}
20%{transform:rotate(-15deg)}
30%{transform:rotate(15deg)}
40%{transform:rotate(-15deg)}
50%{transform:rotate(15deg)}
60%{transform:rotate(-15deg)}
100%{transform:rotate(0deg)}
}
@keyframes animationShadow1 {
0%{opacity:0;transform:scale(1.1)}
25%{opacity:1;transform:scale(1.3)}
50%{opacity:1;transform:scale(1.1)}
75%{opacity:1;transform:scale(1.3)}
100%{opacity:0;transform:scale(1.1)}
}
@keyframes animationShadow2 {
0%{opacity:0;transform:scale(1.2)}
25%{opacity:1;transform:scale(1.4)}
50%{opacity:1;transform:scale(1.4)}
100%{opacity:0;transform:scale(1.6)}
}
.modal-content{border:0}
.modal.fade .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0);transition:none}
.modal{z-index:3000;-webkit-overflow-scrolling:touch}
.modal-dialog-centered .modal-content{overflow:hidden}
.modal-xs{width:320px;max-width:calc(100vw - 30px)}
.modal-sm{width:480px;max-width:calc(100vw - 30px)}
.modal-md{width:600px;max-width:calc(100vw - 30px)}
.modal-lg{width:1000px;max-width:calc(100vw - 30px)}
.modal-xl{width:1200px;max-width:calc(100vw - 30px)}
.modal-close{position:absolute;right:0;top:0;cursor:pointer;min-width:40px;margin-right:5px}
.modal-close img{width:16px}
.modal-content{border-radius:10px}
.modal-header{padding:30px 30px 15px;border:0}
.modal-body{border:0;text-align:inherit;padding:15px 30px}
.modal-footer{padding:10px 30px 15px;border:0}
.modal.alert{z-index:3001;text-align:center}
.modal.alert .modal-header{border:0}
.modal.alert .modal-footer{text-align:center}
.modal .open > [data-content]{max-height:none!important}
.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{position:relative;z-index:1}
.modal-dialog-scrollable .modal-header::after,.modal-dialog-scrollable .modal-footer::after{position:absolute;content:"";left:0;width:100%;height:15px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(rgba(255,255,255,0.03)));background:linear-gradient(180deg,#ffffff 0%,rgba(255,255,255,0) 100%)}
.modal-dialog-scrollable .modal-header::after{bottom:-15px}
.modal-dialog-scrollable .modal-footer::after{top:-15px;transform:rotate(180deg)}
@media (max-width: 767px) {
.section-list-new .news-item{margin-bottom:15px}
.section-list-new{padding-top:30px;padding-bottom:30px}
.logo-wrap img{height:28px;margin-top:4px}
.modal-body{padding:15px}
.modal-header{padding:15px}
.modal-footer{padding:10px 15px}
}
@media (max-width: 576px) {
.modal-dialog{margin:.5rem auto}
}
.menu__mobile{overflow:visible}
.download__qr{margin-bottom:20px}
.download__qr__inner{width:170px}
.download__qr__inner img{border-radius:10px;width:150px}
.download__qr .h1{font-size:36px;font-weight:700}
@media (max-width: 1199px) {
.download__qr .h1{font-size:28px;font-weight:700}
}
@media (max-width: 992px) {
.download__qr .td{display:block}
.download__qr__inner{text-align:center;width:auto;margin-bottom:20px}
}
@media (max-width: 480px) {
.download__qr .h1{margin-bottom:0}
}
.title.h2{background-color:transparent!important;float:none;border-radius:0;color:#084c30;padding:0;line-height:1.1;height:auto;width:auto;margin-bottom:30px}
.title.h2.margin-sm{margin-bottom:40px}
@media (max-width: 767px) {
.title.h2{margin-bottom:30px}
}
#content_chat input[type="checkbox"]{-webkit-appearance:checkbox}
#content_chat select{-webkit-appearance:menulist-button}
#content_chat textarea{-webkit-appearance:textarea}
#content_chat input{-webkit-appearance:input}
#content_chat button{-webkit-appearance:button}
.btn-line-blue{transition:all .5s}
.btn-line-blue:hover{background:#084c30;color:#fff;-webkit-box-shadow:0 20px 30px 0 rgba(8,76,48,0.24);box-shadow:0 20px 30px 0 rgba(8,76,48,0.24)}
.btn-line-blue:hover > *{color:#fff}
.btn-arrow-right:hover .btn-ic img{opacity:0}
.btn-arrow-right:hover .btn-ic{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.116' height='5.729' viewBox='0 0 10.116 5.729'%3E%3Cg id='Group_1603' data-name='Group 1603' transform='translate(-1494.946 -57.077)'%3E%3Cpath id='arrow-right' d='M5.062-5.059,2.2-7.923H.77L3.128-5.564H-5.054v1.012H3.128L.77-2.194H2.2Z' transform='translate(1500 65)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");background-size:11px auto;background-position:center;background-repeat:no-repeat}
.s3 p{text-align:center;font-size:15px;line-height:1.2;margin-bottom:5px}
.s3 p img{width:100px}
.s3 .p.mt10{position:relative;padding-top:15px}
.s3 .p.mt10::before{background:#B3CE97;content:' ';position:absolute;top:0;left:0;width:50%;height:1px}
.s31{position:relative}
.s31 > div{position:absolute;top:54%;right:52%}
.s31 .list{margin-bottom:17px;display:block;overflow:hidden}
.s31 .list li{text-align:right;font-size:18px;font-weight:700;position:relative;margin-bottom:0}
.s31 p{text-align:right;font-size:20px;font-weight:700;color:#fff}
.s31 .list li span{color:#fff}
.s31 .list li:before{display:none}
.s31 .list li i{font-size:6px;margin-right:6px;vertical-align:middle}
.s32{position:relative}
.s32 > div{position:absolute;top:40%;left:52%}
.s32 p{font-size:20px;font-weight:700}
.s33{position:relative}
.s33 > div{position:absolute;top:33%;right:52%}
.s33 p{font-size:20px;font-weight:700;color:#fff;text-align:right;margin-bottom:0}
.s33 .h2,.s33 .h2 span{text-align:right}
.s33 p a{font-size:16px;color:#fff;text-decoration:underline!important}
.s4 .s4table{position:relative;background-size:22%!important;padding:0 70px}
.s4 .s4table > img{position:absolute;bottom:-12%;right:-1%;width:26%}
.s4 .s4table2{border:1px #C7C7C7 solid;margin:0 auto;border-collapse:collapse;border-radius:70px;overflow:hidden}
.s4 table tr.color{background:#8CC540}
.s4 table tr.color td{color:#fff;font-weight:700;padding:10px 20px;line-height:1.3}
.s4 table tr td{border:1px #C7C7C7 solid;padding:20px;text-align:center}
.s4 table tr.black td{color:#000;font-weight:700}
.s4 table tr.black td:nth-child(1){font-size:22px}
.s4 .h2{margin-bottom:40px}
.s4 table tr:nth-child(1) td:nth-child(1){border-top-left-radius:70px;width:18%;line-height:1.2}
.s4 table tr:nth-child(1) td:nth-child(2){text-align:left}
.s4 table tr:nth-child(2) td:nth-child(2){text-align:left}
.s4 table tr:nth-child(4) td:nth-child(1),.s4 table tr:nth-child(4) td:nth-child(3),.s4 table tr:nth-child(4) td:nth-child(5),.s4 table tr:nth-child(5) td:nth-child(1),.s4 table tr:nth-child(5) td:nth-child(3),.s4 table tr:nth-child(5) td:nth-child(5){font-weight:700;color:#8cc540}
.s4 table li{margin-bottom:0}
.s4 table li span{font-weight:700}
.s4 table tr:nth-child(4) td:nth-child(2),.s4 table tr:nth-child(5) td:nth-child(2){font-weight:700;color:#8F9094}
.s4 .list{font-size:17px}
.s4 table tr:last-child p{color:#72B043;font-weight:700}
.s4 table tr:last-child p a{color:#72B043;text-decoration:underline!important}
.s4 table tr:last-child p img{width:150px}
.s4{padding-bottom:50px}
.s4 table tr:nth-child(1) td{border-top:none}
.s4 table tr:last-child td,.s4 table tr:nth-child(2) td:nth-child(1){border-bottom:none}
.s4 table tr:nth-child(1) td:nth-child(1),.s4 table tr:nth-child(2) td:nth-child(1){border-left:none}
.s4 table tr td:last-child{border-right:none}
.s5 .buoc{background:linear-gradient(45deg,#88C13E,#01532F);padding:10px 20px;border-radius:10px;color:#fff;font-weight:600;font-size:20px}
.s5 p{color:#074C2F;margin-bottom:18px;line-height:1.3;font-size:15px;font-weight:400}
.s5 p a{color:#73bf44;text-decoration:underline!important;font-weight:700;font-size:18px}
.s5 p span{font-weight:700;font-size:18px}
.s5 .row{margin-bottom:20px}
.s4 .s4table2.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
@media (max-width: 1024px) {
.s4 .s4table{padding:0}
}
@media (max-width: 768px) {
.clip-content{margin-bottom:55px}
.s32 > div{top:28%}
.s33 > div{top:26%}
.h2{font-size:24px}
}
@media (max-width: 480px) {
.s3 .container{padding-top:30px;padding-bottom:0}
.s3 .col-sm-3{width:25%;float:left}
.s3 .list li{text-align:center;font-size:15px;line-height:1.4}
.s3 .list li::before{display:none}
.s3 p{font-size:12px}
.s3 .p.mt10{display:none}
.s31 > div{top:30%;right:0}
.s32 > div{top:11%;left:0;text-align:center;width:100%}
.s33 > div{top:10%;right:auto;text-align:center;width:100%}
.s33 .h2,.s33 .h2 span,.s33 p{text-align:center}
.s4 .s4table2.table-responsive{position:relative;border-radius:23px;margin-bottom:20px}
.s4 .s4table2.table-responsive table{zoom:.7;width:970px}
.s4 .s4table::after{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #8cc540;content:" ";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;position:absolute;top:50%;right:-14px;font-size:24px;transform:translateY(-50%);color:var(--main-color)}
.s4 .s4table::before{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #8cc540;content:" ";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;position:absolute;top:50%;left:-14px;font-size:24px;transform:translateY(-50%);color:var(--main-color)}
.s5 .owl-carousel .owl-item img{width:60%;margin:0 auto}
.owl-carousel .owl-nav button.owl-next{position:absolute;top:43%;right:0;background:transparent;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid #80bc00;margin:0;border-radius:0}
.owl-carousel .owl-nav button.owl-prev{position:absolute;top:43%;left:0;background:transparent;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:20px solid #80bc00;margin:0;border-radius:0}
.owl-carousel .owl-nav button.owl-next span,.owl-carousel .owl-nav button.owl-prev span{display:none}
.s1{height:calc(100vw / 1167 * 1850)!important;background-image:url(../21.5/0xs.png)!important}
.s2{height:calc(100vw / 1167 * 1269)!important}
.s2 .height-100{background-image:url(../21.5/1xs.png)!important}
.s2 .clip-content{padding-top:38%}
.s3 .height-100{background-image:url(../21.5/2xs.png)!important;padding-bottom:100vw}
.s3 .h2{text-align:center;margin-bottom:10px}
.s3 .list li{font-size:14px}
.s3 .col-sm-3{padding:0 5px}
.s31{background-image:url(../21.5/3xs.png)!important;min-height:calc(100vw / 1167 * 1849)!important}
.s32{background-image:url(../21.5/4xs.png)!important;min-height:calc(100vw / 1167 * 1961)!important}
.s33{background-image:url(../21.5/5xs.png)!important;min-height:calc(100vw / 1167 * 1959)!important}
.s31 .list li{text-align:center}
.s31 .list li i{display:none}
.s31 p{display:none}
.s32 .h2{margin-bottom:10px}
.s32 p{font-size:30px}
.s4 table tr td{padding:15px 20px}
.s4 table tr:nth-child(1) td:nth-child(1){width:18%}
.s4 table tr:last-child{display:none}
.s4 .s4table > img{display:none}
.s4 .s4table2.table-responsive+p{text-align:center}
.s4 .s4table+p{text-align:center}
.s4 .s4table+p a{color:#8cc540;font-weight:700;text-decoration:underline!important;font-size:14px}
.s4 .h2{line-height:1.4}
.s4,.s4 .container{padding-bottom:0}
.s5 p a{font-size:14px}
}
@media (max-width: 768px) {
.downloads-cont{padding:0}
}
.p2{text-align:right;margin-bottom:30px;margin-top:30px}
.p3{text-align:right;margin-bottom:60px}
.p4{text-align:right}
.p5{margin-top:150px;margin-bottom:100px}
.p7{text-align:center}
.p8{text-align:center}
.p9{text-align:center;margin-bottom:0}
.p10{text-align:right}
.p11{text-align:left}
.p12{text-align:center}
.p17{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:block;color:#fff;font-weight:700;font-size:24px;border:1px #fff solid;padding:10px 29px 12px;border-radius:20em}
.d43{padding-top:60px}
.d44{
    height: 220px;
    position: relative;
    padding-top: 140px;
}
.d44 .play-button{
    opacity: 1;
    position: relative;
}
.d58{padding-right:0}
.d59{padding-left:0}
.section .container.d61{padding-top:20px;padding-bottom:20px}
.d62{width:80%;margin-left:10%}
.d67{position:relative;border-bottom:12px #80bb00 solid}
.img4{width:67%}
.img5{width:57%}
.img6{width:52%}
.img7{width:72%}
.img8{width:52%}
.img9{width:63%}
.img10{width:25%}
.img11{width:80%}
.img12{width:80%}
.img13{width:80%}
.img14{width:35%}
.p12x{text-align:center;margin-bottom:0}
.img14x{width:59%}
a img,.s17 a{transition:.3s}
a:hover img{transform:scale(1.05)}
.s17 a:hover{transform:translate(-50%,-50%) scale(1.05)}
@media (max-width: 1024px) {
.d55{min-height:auto!important}
}
@media (max-width: 768px) {
.d39{min-height:324px!important}
.d40{min-height:324px!important}
.d45{min-height:324px!important}
.d50{min-height:324px!important}
.p5{margin-top:40px;margin-bottom:50px}
.p17 br{display:block!important}
}
@media (max-width: 480px) {
.p17{width:90%;font-size:20px}
.d67{min-height:80vh!important;background-image:url(../1908/12xs.png)!important}
.d39{background-image: url(../1908/1xs.png)!important;min-height: calc(100vw/1170*1845)!important;background-size:cover;background-repeat:no-repeat;background-position:center;}
.d40{background-image:url(../1908/2xs.png)!important;min-height:calc(100vw/1170*1610)!important;background-size:cover;background-repeat:no-repeat;background-position:center;position: relative;}
.d40 > .play-button{
    /* display: block!important; */
    right: 59%;
}
.d41{display:none}
.d45{background-image:url(../1908/3xs2.png)!important;min-height:calc(100vw/1170*1738)!important;background-size:cover;background-repeat:no-repeat;background-position:center}
.p2{display:none}
.p3{display:none}
.p4{display:none}
.p4x{text-align:center;margin-top:29vw;display:block!important}
.img6{width:70%}
.d50{background-image:url(../1908/4xs2.png)!important;min-height:calc(100vw/1170*1760)!important;background-size:cover;background-repeat:no-repeat;background-position:center}
.p5{display:none}
.p6{text-align:center;margin-top:121vw}
.img8{width:60%}
.d51{padding-bottom:0!important}
.img9{width:90%}
.s15 .d.item{padding:40px}
.img10{width: 60%;}
.d56{padding-bottom:20px!important}
.img14{width:90%}
.img14x{width:90%}
.s16 .d.item{padding:20px 70px}
.s16 .d.item img{border:1px #fff solid;border-radius:40px;padding:32px 22px 0}
.s16 .d.item img.img30x{padding:20px 22px 12px}
.s16 .owl-carousel .owl-nav button.owl-prev{border-right:20px solid #ffffff}
.s16 .owl-carousel .owl-nav button.owl-next{border-left:20px solid #ffffff}
.d55{
    background-image: url(../1908/6xs.png)!important;
}
}