@charset "UTF-8";
abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
.ico{display:inline-block;vertical-align:middle}
.ico-user{width:32px;height:32px;background:url(../images/common/icon.png) no-repeat 0 0}
.ico-floppy-disk{width:31px;height:31px;background:url(../images/common/icon.png) no-repeat -40px 0}
.ico-save-energy{width:35px;height:35px;background:url(../images/common/icon.png) no-repeat -79px 0}
.ico-equalizer{width:30px;height:30px;background:url(../images/common/icon.png) no-repeat -122px 0}
.ico-crown{width:21px;height:20px;background:url(../images/common/icon.png) no-repeat -160px 0}
.ico-information{width:34px;height:34px;background:url(../images/common/icon.png) no-repeat 0 -43px}
.ico-certificate{width:32px;height:38px;background:url(../images/common/icon.png) no-repeat -39px -43px}
.ico-writing{width:32px;height:36px;background:url(../images/common/icon.png) no-repeat -76px -43px}
.ico-security{width:30px;height:36px;background:url(../images/common/icon.png) no-repeat -113px -43px}
.ico-icon{width:21px;height:17px;background:url(../images/common/icon.png) no-repeat -148px -43px}
html{overflow-x:hidden}
body{overflow-x:hidden;font-size:14px;line-height:21px;font-family:Roboto,sans-serif;color:#000}
@media screen and (min-width:768px){
body{font-size:16px;line-height:24px}
}
a{transition:all .3s ease;text-decoration:none;color:inherit}
.wysiwyg a{color:#0d6efd}
a:hover{opacity:.7;color:inherit}
img{vertical-align:middle}
.main-bg{background-color:#f5f9ff}
@media screen and (min-width:1400px){
.container{max-width:1194px}
}
.breadcrumb-section{position:relative;box-shadow:0 5px 10px rgba(219,219,219,.42);background-color:#fff}
@media screen and (min-width:1200px){
.breadcrumb-section .container{max-width:1112px}
}
.breadcrumb-section .breadcrumb{padding:13px 0}
.layout .breadcrumb{margin-bottom:18px;border-bottom:1px dotted #b7b7b7;padding-bottom:15px}
.breadcrumb-icon{margin-right:15px;font-size:16px}
@media screen and (min-width:768px){
.breadcrumb-icon{font-size:18px}
}
.layout .breadcrumb-icon{color:#aeadad}
.breadcrumb-item{font-size:13px;color:#333!important}
@media screen and (min-width:768px){
.breadcrumb-item{font-size:15px}
}
.breadcrumb-item+.breadcrumb-item{padding-left:4px}
.breadcrumb-item+.breadcrumb-item::before{padding-right:3px}
.layout .breadcrumb-item{font-size:14px}
@media screen and (min-width:768px){
.layout .breadcrumb-item{font-size:16px}
}
.layout{padding-top:30px;padding-bottom:30px}
@media screen and (min-width:768px){
.layout{padding-top:46px;padding-bottom:81px}
}
@media screen and (min-width:1200px){
.layout{max-width:1114px}
}
@media screen and (min-width:768px){
.layout>.row{margin-right:-10px;margin-left:-10px}
}
.layout>.row>.col-md-4{order:1}
@media screen and (min-width:768px){
.layout>.row>.col-md-4{order:0;width:36%;padding-right:10px;padding-left:10px}
}
@media screen and (min-width:1200px){
.layout>.row>.col-md-4{width:29.01%}
}
.layout>.row>.col-md-8{margin-bottom:30px}
@media screen and (min-width:768px){
.layout>.row>.col-md-8{margin-bottom:0;width:64%;padding-right:10px;padding-left:10px}
}
@media screen and (min-width:1200px){
.layout>.row>.col-md-8{width:70.99%}
}
.layout__content{box-shadow:0 8px 20px rgba(210,225,255,.8);border-radius:10px;padding:20px 18px;background-color:#fff}
@media screen and (min-width:768px){
.layout__content{padding:20px 31px 51px}
}
.image{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}
.image img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;font-family:"object-fit: cover;";-o-object-fit:cover;object-fit:cover}
.image.fit-contain img{font-family:"object-fit: contain;";-o-object-fit:contain;object-fit:contain}
.image.position-bottom img{font-family:"object-fit: cover; object-position: bottom;";-o-object-position:bottom;object-position:bottom}
.image.position-top img{font-family:"object-fit: cover; object-position: top;";-o-object-position:top;object-position:top}
img{max-width:100%}
.ratio{position:relative}
.ratio::before{content:"";display:block;padding-bottom:100%}
.btn-hotline{align-items:center;display:inline-flex;border-radius:10px;padding:5px 15px;background-color:#ff6900;color:#fff}
@media screen and (min-width:992px){
.btn-hotline{padding:5px 28px}
}
.btn-hotline strong{margin-left:5px;font-size:18px;font-weight:700}
@media screen and (min-width:992px){
.btn-hotline strong{font-size:20px}
}
.btn-hotline:hover{opacity:1;background-color:#e05e00;color:#fff}
.btn-green{border:2px solid #25c252;border-radius:999px;min-width:100px;padding:6px 15px;background-color:#25c252;font-size:13px;text-align:center;color:#fff}
@media screen and (min-width:768px){
.btn-green{font-size:15px}
}
@media screen and (min-width:992px){
.btn-green{min-width:120px}
}
.btn-green:hover{color:#fff}
.btn-green--ol{background-color:transparent;color:#333}
.btn-green--ol:hover{color:#333}
.gutters-5{margin-right:-5px;margin-left:-5px}
.gutters-10{margin-right:-10px;margin-left:-10px}
.gutters-15{margin-right:-15px;margin-left:-15px}
.gutters-20{margin-right:-20px;margin-left:-20px}
.gutters-5>[class*=col]{padding-right:5px;padding-left:5px}
.gutters-10>[class*=col]{padding-right:10px;padding-left:10px}
.gutters-15>[class*=col]{padding-right:15px;padding-left:15px}
.gutters-20>[class*=col]{padding-right:20px;padding-left:20px}
.heading{position:relative;margin-bottom:15px;padding-bottom:15px;font-size:24px;line-height:1.2;font-weight:500;text-align:center;color:#253456}
@media screen and (min-width:768px){
.heading{margin-bottom:46px;padding-bottom:24px;font-size:36px}
}
.heading::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:53px;height:4px;background-color:#25c252}
.heading--left{margin-bottom:20px;padding-bottom:16px;text-align:left}
@media screen and (min-width:768px){
.heading--left{margin-bottom:-1px}
}
.heading--left::after{left:0;transform:none}
.heading-sidebar{align-items:center;display:flex;margin:0 18px 2px;border-bottom:1px dotted #b7b7b7;padding-bottom:16px}
.heading-sidebar i{margin-right:12px;min-width:20px;font-size:24px;color:#25c252}
@media screen and (min-width:992px){
.heading-sidebar i{margin-right:16px}
}
.heading-sidebar span{font-size:17px;line-height:20px;font-weight:700;text-transform:uppercase}
@media screen and (min-width:992px){
.heading-sidebar span{font-size:20px;line-height:22px}
}
.navbar{margin-bottom:1px;box-shadow:0 0 18px rgba(203,217,244,.5);background-color:#fff!important}
@media screen and (min-width:1200px){
.navbar .container{max-width:1115px}
}
.nav-cta{margin-top:6px;margin-bottom:6px}
@media screen and (min-width:992px){
.nav-cta{margin-top:0;margin-bottom:0;margin-left:5px}
}
.nav-cta a{margin-right:5px}
@media screen and (min-width:992px){
.nav-cta a{margin-right:0;margin-left:9px}
}
.nav-link{position:relative;padding:5px 0!important;color:#333!important}
@media screen and (min-width:992px){
.nav-link{padding:25px 23px 27px!important}
}
@media screen and (min-width:992px){
.nav-link::after{content:"";position:absolute;z-index:2;right:19px;bottom:-1px;left:19px;opacity:0;visibility:hidden;transition:all .3s ease;height:4px;background-color:#00af34}
}
.nav-link.active::after{opacity:1;visibility:visible}
.footer{padding:50px 0 30px}
@media screen and (min-width:768px){
.footer{padding:54px 0}
}
@media screen and (min-width:1200px){
.footer .container{max-width:1022px}
}
@media screen and (min-width:768px){
.footer .col-md-5{width:42.666667%}
}
@media screen and (min-width:768px){
.footer .col-md-3{width:27%}
}
@media screen and (min-width:768px){
.footer .col-md-4{width:30.333333%}
}
.footer-logo{display:inline-block;margin-bottom:12px}
@media screen and (min-width:768px){
.footer-logo{margin-bottom:8px}
}
.footer-info{margin-bottom:30px;max-width:315px}
@media screen and (min-width:768px){
.footer-info{margin-bottom:0;line-height:30px}
}
.footer-title{margin:2px 0 13px;font-size:17px;line-height:20px;font-weight:700;text-transform:uppercase;color:#2f3b58}
@media screen and (min-width:1200px){
.footer-title{font-size:20px;line-height:24px}
}
.footer-links{margin-bottom:30px}
@media screen and (min-width:768px){
.footer-links{margin-bottom:0}
}
.col-md-4 .footer-links{margin-bottom:0}
.footer-links li{margin-bottom:8px;font-size:15px;color:#333}
@media screen and (min-width:768px){
.footer-links li{font-size:17px;margin-bottom:12px}
}
@media screen and (min-width:768px){
.footer--resource{padding:41px 0 48px}
}
@media screen and (min-width:1200px){
.footer--resource .container{max-width:1194px}
}
@media screen and (min-width:1200px){
.footer--resource .col-md-5{width:46.666667%}
}
@media screen and (min-width:1200px){
.footer--resource .col-md-3{width:25%}
}
@media screen and (min-width:1200px){
.footer--resource .col-md-4{width:28.333333%}
}
.footer--resource .footer-info{max-width:410px}
.advantage{padding:50px 0;background-color:#f5f9ff}
@media screen and (min-width:768px){
.advantage{padding:77px 0 100px}
}
@media screen and (min-width:1200px){
.advantage .row{margin-right:-9px;margin-left:-9px}
}
.advantage .row .col-12{margin-top:22px}
@media screen and (min-width:1200px){
.advantage .row .col-12{margin-top:0;padding-right:9px;padding-left:9px}
}
@media screen and (min-width:1200px){
.advantage__container{max-width:1026px}
}
.advantage__item{position:relative;box-shadow:0 8px 20px rgba(210,225,255,.8);border-radius:10px;height:100%;padding:20px 20px 40px;background-color:#fff}
@media screen and (min-width:768px){
.advantage__item{padding:36px 31px 53px}
}
.advantage__item::after{content:"";position:absolute;bottom:20px;left:20px;border-radius:2px;width:40px;height:4px;background-color:#e1ecff}
@media screen and (min-width:768px){
.advantage__item::after{bottom:28px;left:33px}
}
.advantage__item-icon{justify-content:center;align-items:center;display:flex;margin-bottom:22px;border-radius:20px;width:67px;height:67px}
.col-12:nth-child(1) .advantage__item-icon{background-color:#f7f4ff}
.col-12:nth-child(2) .advantage__item-icon{background-color:#e0ffe5}
.col-12:nth-child(3) .advantage__item-icon{background-color:#fff3ec}
.col-12:nth-child(4) .advantage__item-icon{background-color:#ffedf6}
@media screen and (min-width:768px){
.advantage__item-title{line-height:26px}
}
.price-list{overflow:hidden;padding:50px 0 0}
@media screen and (min-width:768px){
.price-list{padding-top:74px}
}
@media screen and (min-width:1200px){
.price-list__container{max-width:1117px}
}
@media screen and (min-width:768px){
.price-list__wrapper{display:flex;margin-bottom:50px}
}
.price-list__left{display:none}
@media screen and (min-width:768px){
.price-list__left{display:block;box-shadow:0 6px 18px rgba(162,186,223,.46);width:22%}
}
@media screen and (min-width:992px){
.price-list__left{width:30.4%}
}
@media screen and (min-width:768px){
.price-list__right{width:78%}
}
@media screen and (min-width:992px){
.price-list__right{width:69.6%}
}
.price-list__slider{margin:0 auto;max-width:390px}
@media screen and (min-width:768px){
.price-list__slider{display:flex;margin:0;max-width:none}
}
.price-list__slider .slick-list{margin:0 -15px;padding:30px 0 20px}
@media screen and (min-width:768px){
.price-list__slider .slick-list{margin:0;padding:0}
}
.price-list__slider .slick-arrow{position:absolute;z-index:10;top:5px;justify-content:center;align-items:center;display:flex;margin:0;border:none;width:20px;height:20px;padding:0;background:0 0;font-size:0}
.price-list__slider .slick-arrow::before{display:block;font-size:22px;font-family:FontAwesome}
@media screen and (min-width:768px){
.price-list__slider .slick-arrow{display:none}
}
.price-list__slider .slick-prev{left:0}
.price-list__slider .slick-prev::before{content:"\f177"}
.price-list__slider .slick-next{right:0}
.price-list__slider .slick-next::before{content:"\f178"}
.price-list__slide{padding:0 15px}
@media screen and (min-width:768px){
.price-list__slide{width:24%;padding:0}
}
.price-list__slide-inner{box-shadow:0 6px 18px rgba(162,186,223,.46);background-color:#fff}
.price-list__slide--popular{position:relative}
@media screen and (min-width:768px){
.price-list__slide--popular{width:28%}
}
.price-list__slide--popular::before{content:"gói phổ biến";position:absolute;top:-29px;right:50px;left:50px;display:block;border-radius:20px 20px 0 0;padding:7px 5px 5px;background-color:#ff6900;font-size:14px;line-height:1.2;font-weight:300;text-align:center;text-transform:uppercase;color:#fff}
@media screen and (min-width:768px){
.price-list__slide--popular::before{top:-31px;right:0;left:0;padding:8px 5px 6px}
}
.price-list__head{border-bottom:1px dashed #000}
.price-list__left .price-list__head{align-items:flex-end;display:flex}
.price-list__right .price-list__head{padding:22px 10px 14px;text-align:center}
.price-list__label{font-size:18px;line-height:26px;font-weight:700}
@media screen and (min-width:992px){
.price-list__label{font-size:20px;line-height:38px}
}
.price-list__left .price-list__label{padding:10px 15px 8px}
@media screen and (min-width:992px){
.price-list__left .price-list__label{padding:9px 23px 7px}
}
.price-list__right .price-list__label{display:inline-block;text-transform:uppercase}
.price-list__slide--popular .price-list__label{position:relative}
@media screen and (min-width:992px){
.price-list__slide--popular .price-list__label{font-size:24px}
}
.price-list__slide--popular .price-list__label::after{content:"";position:absolute;top:-9px;right:-11px;width:21px;height:20px;background:url(../images/common/icon.png) no-repeat -160px 0}
@media screen and (min-width:992px){
.price-list__slide--popular .price-list__label::after{top:-5px;right:-10px}
}
.price-list__price{font-size:22px;line-height:28px;font-weight:900;color:#25c252}
@media screen and (min-width:768px){
.price-list__price{margin:5px 0 0}
}
@media screen and (min-width:992px){
.price-list__price{margin-top:10px;font-size:28px;line-height:32px}
}
.price-list__slide--popular .price-list__price{color:#ff6900}
@media screen and (min-width:768px){
.price-list__slide--popular .price-list__price{font-size:24px}
}
@media screen and (min-width:992px){
.price-list__slide--popular .price-list__price{margin-bottom:5px;font-size:34px;line-height:27px}
}
.price-list__text{color:#25c252}
@media screen and (min-width:768px){
.price-list__text{font-size:14px}
}
@media screen and (min-width:992px){
.price-list__text{font-size:16px}
}
.price-list__slide--popular .price-list__text{color:#f08350}
@media screen and (min-width:992px){
.price-list__slide--popular .price-list__text{font-size:18px}
}
.price-list__item{position:relative;padding:12px}
@media screen and (min-width:768px){
.price-list__item{align-items:center;display:flex;padding:8px 15px}
}
@media screen and (min-width:992px){
.price-list__item{padding:12px 23px}
}
.price-list__item:not(:last-child){border-bottom:1px dotted rgba(183,183,183,.2)}
.price-list__right .price-list__item{justify-content:center;text-align:center}
.price-list__item .btn-green{font-weight:700}
@media screen and (min-width:768px){
.price-list__item .btn-green{margin:12px 0;padding:4px 10px}
}
@media screen and (min-width:992px){
.price-list__item .btn-green{font-size:16px}
}
.price-list__slide--popular .price-list__item .btn-green{border-color:#ff6900;background-color:#ff6900}
@media screen and (min-width:768px){
.price-list__slide--popular .price-list__item .btn-green{margin:10px 0;padding:5px 10px}
}
@media screen and (min-width:992px){
.price-list__slide--popular .price-list__item .btn-green{min-width:140px;font-size:18px}
}
.price-list__item-icon{display:flex;margin:0 auto;width:22px;height:22px;color:#25c252}
.price-list__slide--popular .price-list__item-icon{color:#ff6900}
.price-list__item-icon--checked{width:27px;height:20px}
.price-list__item-label{margin-bottom:5px;font-weight:700}
@media screen and (min-width:768px){
.price-list__item-label{display:none}
}
.special-price{position:relative;padding:30px 0 50px}
@media screen and (min-width:768px){
.special-price{padding:70px 0}
}
.special-price::before{content:"";position:absolute;top:48%;right:-9999px;bottom:0;left:-9999px;background-color:#f5f9ff}
@media screen and (min-width:768px){
.special-price::after{content:"";position:absolute;z-index:1;top:79px;right:-10px;left:-10px;height:233px;background:url(../images/common/bg-shadow.png) no-repeat center/contain}
}
@media screen and (min-width:1200px){
.special-price::after{right:-14px;left:-15px}
}
.special-price__inner{position:relative;z-index:5;border:2px solid #25c252;background-color:#fff}
@media screen and (min-width:768px){
.special-price__inner{display:flex}
}
.special-price__head{padding:20px 20px 25px;background:#f0fff2}
@media screen and (min-width:768px){
.special-price__head{width:37.7%;padding:16px 8% 20px 20px;background:url(../images/common/bg.png) no-repeat right top/auto 100%,linear-gradient(to right,#f0fff2 70%,transparent 0)}
}
@media screen and (min-width:1200px){
.special-price__head{padding:16px 8% 34px 55px}
}
.special-price__content{padding:20px}
@media screen and (min-width:768px){
.special-price__content{width:62.3%;padding:20px 25px}
}
@media screen and (min-width:992px){
.special-price__content{padding:20px 46px 20px 49px}
}
.special-price__content .row{position:relative}
.special-price__content .row::after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background-color:#fff}
@media screen and (min-width:1200px){
.special-price__content .row{margin-right:-22px;margin-left:-22px}
.special-price__content .row .col-12{padding-right:22px;padding-left:22px}
}
.special-price__label{margin-bottom:14px;font-size:18px;line-height:30px;font-weight:700;text-transform:uppercase;color:#00aa31}
@media screen and (min-width:768px){
.special-price__label{font-size:20px;line-height:36px}
}
.special-price__title{margin-bottom:20px;font-size:26px;line-height:28px;font-weight:700}
@media screen and (min-width:992px){
.special-price__title{font-size:34px;line-height:38px}
}
.special-price__item{position:relative;border-bottom:1px dotted #000;padding:13px 0 13px 42px}
@media screen and (min-width:768px){
.special-price__item{height:100%;min-height:61px;padding:17px 0 13px 42px;line-height:22px}
}
.special-price__item::before{content:"";position:absolute;top:14px;left:4px;width:21px;height:17px;background:url(../images/common/icon.png) no-repeat -148px -43px}
@media screen and (min-width:768px){
.special-price__item::before{top:19px}
}
.tool{padding:30px 0}
@media screen and (min-width:768px){
.tool{padding:72px 0 42px}
}
@media screen and (min-width:1200px){
.tool .col-xl-7{width:55.333333%}
}
@media screen and (min-width:1200px){
.tool .col-xl-5{width:44.666667%}
}
@media screen and (min-width:992px){
.tool__slider{margin-top:40px}
}
@media screen and (min-width:768px){
.tool__content{margin-top:31px}
}
@media screen and (min-width:1200px){
.tool__content{margin-right:-34px;margin-left:-34px}
.tool__content [class*=col]{padding-right:34px;padding-left:34px}
}
.tool__content [class*=col]{align-items:center;display:flex;margin-bottom:20px}
@media screen and (min-width:768px){
.tool__content [class*=col]{display:block;margin-bottom:30px}
}
@media screen and (min-width:992px){
.tool__content [class*=col]{margin-bottom:70px}
}
.tool__item img{margin:0 auto}
@media screen and (min-width:992px){
.tool__item img{margin:0}
}
.tool__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex;margin-right:15px;border-radius:20px;width:67px;height:67px}
@media screen and (min-width:768px){
.tool__icon{margin-right:0;margin-bottom:14px}
}
.col-12:nth-child(1) .tool__icon{background-color:#f7f4ff}
.col-12:nth-child(2) .tool__icon{background-color:#e0ffe5}
.col-12:nth-child(3) .tool__icon{background-color:#fff3ec}
.col-12:nth-child(4) .tool__icon{background-color:#ffedf6}
.category{margin-bottom:19px;box-shadow:0 8px 20px rgba(210,225,255,.8);border:2px solid #25c252;border-radius:10px;padding:17px 0 9px;background-color:#fff}
.category-menu__item{position:relative}
.category-menu__item:not(:last-child)::after{content:"";position:absolute;right:17px;bottom:0;left:17px;border-bottom:1px dotted #b7b7b7}
.category-menu__item-title{position:relative;padding:12px 38px 12px 17px;cursor:pointer}
.category-menu__item-title::after{content:"\f078";position:absolute;top:12px;right:20px;font-size:12px;font-family:FontAwesome;color:#666}
.category-menu__item-title i{margin-right:8px;font-size:18px;color:#25c252}
.category-menu__item-title span{font-weight:700}
.category-menu__item-subtitle{display:none}
.category-menu__sub-title{position:relative;padding:6px 15px 7px 44px;font-weight:500}
@media screen and (min-width:768px){
.category-menu__sub-title{line-height:22px}
}
.category-menu__sub-title::before{content:"";position:absolute;top:13px;left:20px;border-radius:50%;width:8px;height:8px;background-color:#bfbfbf}
.category-menu__sub-title:last-child{padding-bottom:16px}
.category-menu__sub-title.active {
    /*color: #25c252;*/
    background-color: #e1ffe9;
    font-weight: 700
}
.category-menu__sub-title.active::before{background-color:#25c252}
.related-posts{box-shadow:0 8px 20px rgba(210,225,255,.8);border-radius:10px;padding:18px 0 11px;background-color:#fff}
.related-posts__list{padding:0 23px}
.related-posts__item{padding:9px 0}
.related-posts__item:not(:last-child){border-bottom:1px dotted #b7b7b7}
.wysiwyg h1{margin:0 0 16px;font-size:24px;line-height:1.2;font-weight:700;color:#00af34}
@media screen and (min-width:768px){
.wysiwyg h1{font-size:30px}
}
.wysiwyg h2{font-size:16px;line-height:19px;font-weight:700;color:#00af34}
@media screen and (min-width:768px){
.wysiwyg h2{font-size:18px}
}
.wysiwyg h3{margin-bottom:29px;font-weight:700}
@media screen and (min-width:768px){
.wysiwyg p{line-height:30px}
}
.wysiwyg p:not(:last-child){margin-bottom:36px}
.wysiwyg figure{margin-bottom:39px;text-align:center}