.main-content{
    background: #fff;
}
.main-content .store-container{
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 20px 0px;
}



.store-breadcrumb-content a{
    margin-right: 5px;
    font-size: 18px;
    color: #777777;
    font-family: balootammasemibold;
    float: left;
}
.store-breadcrumb-content a.active{
    color: #1CB0F6;
}
.store-breadcrumb-content svg{
    display: inline-block;
    float: left;
    margin-top: 6px;
    margin-left: 5px;
    margin-right: 5px;
}
.store-breadcrumb-content span{
    display: inline-block;
    width: 4.547px;
    height: 7.678px;
    background: url(../images/voca-bg.svg?n=11?n=11) 0px -7350px;
    margin-right: 5px;
}




.product-top{
    max-width: 1060px;
    margin: 0px auto 0px;
    padding: 20px 0px 0px;
}
.product-top .left{
    width: 577px;
    float: left;
    overflow: hidden;
}
.product-top .left .slider-image{
    border-radius: 19px;
    height: 577px;
    padding: 0;
}
.product-top .left .slider-image .slider{
    height: 100%;
}
.product-top .left .slider-image .slick-slide img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 14px;
}
.product-top .left .slider-image .slick-slider .slick-list,
.product-top .left .slider-image .slick-slider .slick-track{
    height: 100%;
}
.product-top .left .slider-image-nav{
    margin-top: 35px;
    width: calc(100% + 14px);
    margin-left: -7px;
    position: relative;
}
.product-top .left .slider-image-nav .btn-prev{
    position: absolute;
    left: 15px;
    top: 40px;
    z-index: 1;
}
.product-top .left .slider-image-nav .btn-next{
    position: absolute;
    right: 15px;
    top: 40px; 
    z-index: 1;
}
.product-top .left .slider-image-nav .slick-slider .slick-list,
.product-top .left .slider-image-nav .slick-slider .slick-track{
    height: 136px;
    margin-left: 0;
}
.product-top .left .slider-image-nav .slick-slider .slick-slide{
    width: 117px;
    margin: 0;
    padding: 0px 7px;
}
.product-top .left .slider-image-nav .slick-slide img{
    width: 100%;
    height: 100%;
    border-radius: 7px;
    padding: 2px;
    border: 2px solid #fff;
}
.product-top .left .slider-image-nav .slick-slide.slick-current img{
    border: 2px solid #1CB0F6;
}
.product-top .right{
    width: calc(100% - 577px);
    float: left;
    padding-left: 43px;
}

.product-top .right h1{
    margin: 0;
    color: #4B4B4B;
    font-size: 32px;
    font-family: 'balootammabold';
    line-height: 37px;
}
.product-top .right h2{
    margin: 10px 0 0;
    font-size: 20px;
    line-height: 27px;
}
.product-top .right h6{
    color: #4B4B4B;
    font-size: 18px;
    margin: 5px 0px 0px;
    line-height: 23px;
}
.product-top .right .benefit{
    margin-top: 25px;
    max-height: 220px;
    overflow: hidden;
}
.product-top .right .benefit p{
    position: relative;
    margin: 5px 0px 0px;
    color: #4B4B4B;
    font-size: 18px;
    padding-left: 20px;
    font-family: 'balootammamedium';
}
.product-top .right .benefit p::before{
    content: '';
    display: inline-block;
    background: #777777;
    width: 7px;
    height: 7px;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 7px;
}
.product-top .right .btn-view-benefit{
    display: inline-block;
    color: #1CB0F6;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'balootammabold';
    margin-top: 15px;
    display: none;
}
.product-top .right .btn-learning-trial{
    color: #58CC02;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'balootammabold';
    margin-top: 15px;
    display: inline-block;
}
.product-top .right .price-group{
    margin-top: 10px;
}
.product-top .right .price-group .price-store{
    color: #777777;
    font-size: 15px;
    font-family: 'balootamma';
    text-decoration: line-through;
    margin-right: 5px;
}
.product-top .right .price-group .price{
    display: inline-block;
    color: #4B4B4B;
    font-size: 20px;
    font-family: balootammasemibold;
    
}
.product-top .right .price-group .price i{
    font-style: normal;
    font-size: 15px;
}
.product-top .right .price-group .discount{
    color: #fff;
    font-size: 15px;
    margin-left: 10px;
    font-family: balootammasemibold;
    background: #FF9600;
    border-radius: 6px;
    padding: 3px 13px 0px;
}
.product-top .right .time-group{
    margin-top: 17px;
    float: left;
}
.product-top .right .time-group p{
    margin: 0;
    color: #AFAFAF;
    font-size: 15px;
    font-family: 'balootammasemibold';
}
.product-top .right .time-group .detail-package{
    position: relative;
    width: 107px;
    margin-top: 5px;
}
.product-top .right .time-group .detail-package-header{
    width: 107px;
    height: 47px;
    border: 2px solid #e5e5e5;
    border-radius: 10px;
    border-bottom: 5px solid #e5e5e5;
    font-size: 15px;
    font-family: 'balootammabold';
    text-align: center;
    padding-top: 12px;
    cursor: pointer;
}
.product-top .right .time-group .detail-package-content{
    position: absolute;
    top: 47px;
    background: #fff;
    box-shadow: 0 0 1px 1px #ddd;
    border-radius: 10px;
    padding: 5px 0px;
    width: 107px;
    z-index: 1;
    display: none;
}
.product-top .right .time-group .detail-package.active .detail-package-content{
    display: block;
}
.product-top .right .time-group .detail-package-content a{
    display: block;
    height: 30px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    color: #4b4b4b;
    font-size: 15px;
    line-height: 30px;
    text-decoration: none;
}
.product-top .right .time-group .detail-package-content a:last-child{
    border: 0;
}
.product-top .right .action-group{
    float: left;
    margin-left: 15px;
    margin-top: 22px;
}
.product-top .right .description{
    color: #1CB0F6;
    font-size: 16px;
    font-family: 'balootammasemibold';
    margin-top: 20px;
}
.product-top .right .premium-fee{
    font-size: 15px;
    color: #777777;
}
.product-top .right .premium-fee span{
    color: #B4B4B4;
}
.product-top .right .premium-fee .text{
    color: #FF9600;
}
.product-top .right .premium-fee .text strong{
    font-weight: 400;
    font-family: 'balootammasemibold';
}
.product-top .right .btn-choose{
    width: 230px;
    display: block;
    height: 47px;
    text-align: center;
    line-height: 47px;
    background: #FF4B4B;
    border-bottom: 4px solid #EA2B2B;
    margin-top: 20px;
    border-radius: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-family: balootammabold;
    text-decoration: none;
}
.product-top .right .btn-choose svg{
    margin-right: 5px;
}
.product-top .right .premium{
    color: #AFAFAF;
    font-size: 14px;
    margin-top: 30px;
}
.product-top .right .premium a{
    color: #1CB0F6;
    font-family: 'balootammasemibold';
}

.store-intro{
    max-width: 1098px;
    margin: 55px auto 0px;
}
.store-intro h2{
    line-height: 25px;
    margin: 0;
    color: #3D3D3D;
    font-size: 30px;
    font-family: balootammabold;
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 25px;
    max-width: calc(100% - 307px);
}
.intro-price h6{
    font-size: 15px;
    line-height: 21px;
    margin: 10px 0 0;
}
.store-intro .intro-content{
    margin-top: 10px;
}
.store-intro .intro-content .intro-item{
    margin-top: 40px;
    border-bottom: 2px solid #E5E5E5;
    padding-bottom: 20px;
}
.store-intro .intro-content .intro-item-rate,
.store-intro .intro-content .intro-item-detail{
    border: 0;
}
.store-intro .intro-content .intro-item-course{
    border-top: 2px solid #e5e5e5;
    padding-top: 28px;
}
.store-intro .intro-item .left{
    width: 130px;
    float: left;
}
.store-intro .intro-item .left h6{
    margin: 0;
    color: #777777;
    font-size: 20px;
    font-family: 'balootammabold';
}
.store-intro .intro-item .right{
    width: calc(100% - 130px);
    float: left;
}
.store-intro .intro-item .right .benefit-item{
    position: relative;
    margin: 0px 0px 10px;
    color: #777777;
    font-size: 16px;
    padding-left: 18px;
}
.store-intro .intro-item .right .benefit-item::before{
    content: '';
    display: inline-block;
    background: #D9D9D9;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 6px;
}
.store-intro .intro-item .content-item,
.store-intro .intro-item .content-item p{
    font-size: 16px;
    color: #777;
}
.store-intro .intro-item .content-item p strong{
    font-weight: 400;
    font-family: 'balootammabold';
}
.store-intro .intro-item .content-item img{
    width: 100%!important;
    display: block;
    max-width: 600px;
    margin: 10px auto;
    height: auto!important;
}
.store-intro .intro-item .content-item iframe{
    max-width: 100%;
}
.store-intro .intro-item .content-item li{
    list-style: unset;
}
.store-intro .intro-item .detail-content{
    max-height: 700px;
    overflow: hidden;
}
.store-intro .intro-item .btn-view-detail{
    display: block;
    max-width: 345px;
    margin: 25px auto 0px;
    height: 49px;
    border: 2px solid #E5E5E5;
    border-bottom: 4px solid #E5E5E5;
    border-radius: 11px;
    text-align: center;
    line-height: 49px;
    color: #1CB0F6;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'balootammabold';
}


.store-course{
    padding-top: 60px;
}
.store-course h2{
    margin: 0;
    color: #3D3D3D;
    font-size: 30px;
    font-family: balootammabold;
}
.store-course h2 i{
    color: #AFAFAF;
    font-style: normal;
    font-size: 15px;
    font-family: 'balootammasemibold';
}
.store-course h2 .store-course-filter{
    width: 125px;
    height: 47px;
    border: 2px solid #e5e5e5;
    border-radius: 10px;
    border-bottom: 5px solid #e5e5e5;
    float: right;
    position: relative;
    margin-top: -15px;
}
.store-course h2 .store-course-filter-header{
    font-size: 15px;
    color: #1CB0F6;
    text-align: center;
    height: 44px;
    line-height: 44px;
    cursor: pointer;
}
.store-course h2 .store-course-filter-body{
    position: absolute;
    width: 125px;
    border: 2px solid #e5e5e5;
    border-radius: 10px;
    z-index: 1;
    background: #fff;
    display: none
}
.store-course h2 .store-course-filter.active .store-course-filter-body{
    display: block;
}
.store-course h2 .store-course-filter-body .store-course-filter-item{
    display: block;
    height: 30px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    font-size: 15px;
    line-height: 33px;
    color: #4b4b4b;
    font-family: 'balootamma';
    text-decoration: none;
}
.store-course h2 .store-course-filter-body .store-course-filter-item:last-child{
    border: 0;
}
.store-course .store-course-content{
    margin-top: 45px;
}
.store-course .store-course-left{
    width: 289px;
    float: left;
    border: 2px solid #E5E5E5;
    border-radius: 21px;
    padding: 15px 13px;
}
.store-course .store-course-left .course-filter input{
    display: block;
    width: 100%;
    border: 2px solid #e5e5e5;
    background: #F7F7F7;
    height: 47px;
    border-radius: 9px;
    padding-left: 15px;
}
.store-course .store-course-left .course-filter input:focus{
    border: 2px solid #e5e5e5;
    box-shadow: none;
    outline: none;
}
.store-course .store-course-left .course-cate a{
    display: block;
    margin-top: 20px;
    color: #777777;
    font-size: 17px;
    font-family: 'balootammabold';
    text-decoration: none;
}
.store-course .store-course-left .course-cate a span{
    color: #AFAFAF;
    font-size: 15px;
    font-family: 'balootammasemibold';
}
.store-course .store-course-left .course-cate a.active,
.store-course .store-course-left .course-cate a:hover{
    color: #1CB0F6;
}
.store-course .store-course-left .course-cate a.active span,
.store-course .store-course-left .course-cate a:hover span{
    color: #1CB0F6;
}
.store-course .store-course-right{
    width: calc(100% - 289px);
    float: left;
    padding-left: 22px;
}
.store-course.store-course-toeic .store-course-right{
    width: 100%;
    float: none;
    padding-left: 0px;
}
.store-course .store-course-right .course-list{
    width: calc(100% + 22px);
    margin-left: -11px;
    max-height: 560px;
    overflow: hidden;
}
.store-course .store-course-right .course-list.active{
    max-height: unset;
}
.store-course .btn-view-more-course{
    display: block;
    color: #1CB0F6;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'balootammabold';
    width: 100px;
    text-align: center;
    margin: 10px auto 0px;
}
.course-item {
    width: 235px;
    height: 260px;
    background: #fff;
    border-radius: 15px;
    float: left;
    margin: 0 11px 25px;
    box-shadow: 0 0 5px 1px #ddd;
    display: none;
}
.course-item.active{
    display: block;
}
.course-item a {
    display: block;
    text-decoration: none;
}
.course-item img {
    display: block;
    height: 127px;
    border-radius: 15px 15px 0 0;
    width: 100%;
}
.course-item h4 {
    margin: 25px 15px 0px;
    font-size: 20px;
    color: #777777;
    font-family: 'balootammasemibold';
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 1.2;
    height: 46px;
    text-transform: uppercase;
    margin-right: 10px;
}
.course-item .description{
    color: #A5A5A5;
    font-size: 15px;
    font-family: balootammamedium;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 1.2;
    height: 36px;
    margin: 10px 15px 0;
}
.course-item .level {
    margin-top: 8px;
}
.course-item .level span {
    display: inline-block;
    width: 24px;
    height: 18px;
    border-radius: 3px;
    background: #E5E5E5;
    color: #fff;
    text-align: center;
    font-size: 10px;
    font-family: 'promtmedium';
    line-height: 18px;
    margin-right: -3px;
}
.course-item .level .a0.active{
    background: #D17B00;
}
.course-item .level .a1.active{
    background: #CE82FF;
}
.course-item .level .a2.active{
    background: #00CB7E;
}
.course-item .level .b1.active{
    background: #FF014E;
}
.course-item .level .b2.active{
    background: #00C5F9;
}
.course-item .level .c1.active{
    background: #8EE000;
}
.course-item .level .c2.active{
    background: #FEB200;
}
.course-item .star-content {
    float: left;
    position: relative;
    margin-top: 10px;
}
.course-item .star i {
    display: inline-block;
    width: 11.539px;
    height: 10.815px;
    background: url(../images/course-star.svg);
}
.course-item .star-active {
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 14px;
    overflow: hidden;
}
.course-item .star-active i {
    display: inline-block;
    width: 11.539px;
    height: 10.815px;
    background: url(../images/course-star-active.svg);
}
.course-item .star-group .user {
    float: left;
    color: #AFAFAF;
    font-size: 10px;
    font-family: balootammamedium;
    margin-left: 10px;
    margin-top: 13px;
}
.course-item .btn-learning {
    background: #1CB0F6;
    height: 39px;
    margin-top: 7px;
    text-align: center;
    color: #fff;
    line-height: 39px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: balootammabold;
    border-radius: 10px;
}

.intro-rate .rate-header-left{
    width: 60px;
    float: left;
    height: 60px;
}
.intro-rate .right-rate-content .rate-item{
    padding: 20px;
    position: relative;
}
.intro-rate .right-rate-content .rate-item::last-child{
    border-bottom: 0;
}

.intro-rate .rate-header{
    width: calc(100% - 200px);
    float: left;
}
.intro-rate .rate-header .rate-header-right {
    float: left;
    width: calc(100% - 60px);
    padding-left: 10px;
}
.intro-rate .right-rate .rate-star{
    width: 140px;
    float: left;
}
.intro-rate .right-rate .rate-content{
    float: left;
    width: 100%;
    padding-left: 0;
    color: #777777;
    font-size: 15px;
    margin-top: 5px;
}
.intro-rate .rate-header .rate-header-right h6{
    font-size: 17px;
    color: #777777;
    font-family: 'balootammasemibold';
}
.intro-rate .right-rate .rate-content h6{
    color: #AFAFAF;
    font-size: 14px;
    position: absolute;
    left: calc(100% - 90px);
    top: 30px;
    width: 100px;
}
.intro-rate .rate-header .rate-header-right p{
    font-size: 14px;
}
.intro-rate .right-rate-content.owl-carousel{
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
}
.intro-rate .right-rate-comment{
    display: none;
}

.right-rate-content.owl-carousel{
    display: block;
    height: 391px;
    overflow: auto;
}
.right-rate-content .rate-item{
    width: 100%;
    height: unset;
    border-bottom: 1px solid #e5e5e5;
    overflow: unset;
    min-height: 135px;
    padding-bottom: 20px;
}
.right-rate-comment{
    padding-bottom: 20px;
    display: none;
}
.course-info-right .right-rate{
    display: none;
}

.right-rate-content.owl-carousel {
    display: block;
    height: unset;
    overflow: hidden;
}
.intro-rate .title{
    display: none;
}
.comment-rating-group{
    display: block!important;
}
.rating-level-box{
    display: none;
}
.review-star .fa-heart::before{
    display: none;
}
.review-star .sp-star{
    position: relative;
}
.review-star .sp-star .fa-heart{
    display: inline-block;
    width: 24.376px;
    height: 23.36px;
    background: url(../images/voca-bg.svg) 0 -6440px;
}
.review-star .sp-star span{
    position: absolute;
    left: 0;
    overflow: hidden;
    height: 23px;
}
.review-star .sp-star span .fa-heart{
    background: url(../images/voca-bg.svg) 0 -6470px;
}

.review-point{
    color: #FFB100;
    font-size: 32px;
    float: left;
    font-family: balootammamedium;
    margin-right: 10px;
    margin-top: -3px;
}
.review-amount{
    color: #4B4B4B;
    font-size: 13px;
    font-family: balootammamedium;
}
.review-amount i{
    display: none;
}

.rating-comment-box{
    width: 155px;
    float: right;
}
.rating-comment-box a{
    display: block;
    height: 49px;
    line-height: 49px;
    border: 2px solid #e5e5e5;
    text-align: center;
    border-bottom: 4px solid #e5e5e5;
    border-radius: 11px;
    text-transform: uppercase;
    color: #1CB0F6;
    font-size: 15px;
    font-family: 'balootammabold';
    margin-top: -70px;
}







.store-intro .study-path-item{
    margin-bottom: 15px;
}
.store-intro .study-path-item a{
    display: block;
    border: 2px solid #e5e5e5;
    border-radius: 19px;
    text-decoration: none;
    padding: 22px 25px 22px 19px;
}
.store-intro .study-path-item .left{
    width: 120px;
    float: left;
}
.store-intro .study-path-item .left img{
    width: 100%;
}
.store-intro .study-path-item .right{
    width: 175px;
    float: left;
}
.store-intro .study-path-item .right span{
    display: block;
    height: 39px;
    background: #1CB0F6;
    border-radius: 10px;
    text-align: center;
    line-height: 39px;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'balootammabold';
}
.store-intro .study-path-item .middle{
    width: calc(100% - 295px);
    float: left;
    padding-left: 17px;
    padding-right: 15px;
}
.store-intro .study-path-item .middle h4{
    margin: 0;
    color: #777777;
    font-size: 16px;
    font-family: 'balootammabold';
}
.store-intro .study-path-item .middle .lesson{
    height: 33px;
    background: #DDF4FF;
    width: 120px;
    line-height: 33px;
    padding-left: 10px;
    margin-top: 10px;
    border-radius: 8px;
    color: #1CB0F6;
    font-size: 14px;
    font-family: 'balootammabold';
}
.store-intro .study-path-item .middle .description{
    color: #777777;
    font-size: 14px;
    margin-top: 15px;
}

.store-app{
    background: #58A700;
    margin-top: 55px;
    padding-top: 45px;
}
.store-app .store-app-content{
    max-width: 1097px;
    margin: 45px auto 0px;
    padding: 35px 15px 45px;
    border-top: 2px solid #ffffff36;
}
.store-app .store-app-content .app-left{
    width: calc(100% - 320px);
    float: left;
}
.store-app .store-app-content .app-right{
    width: 320px;
    float: left;
    padding-top: 15px;
}
.store-app .store-app-content .app-left h3{
    margin: 0;
    color: #FFFFFF;
    font-size: 24px;
    font-family: 'balootammabold';
}
.store-app .store-app-content .app-left p{
    margin: 19px 0px 0px;
    max-width: 485px;
    font-size: 17px;
    color: #fff;
    line-height: 23px;
}
.store-app .store-app-content .app-right a{
    display: block;
    width: 150px;
    float: left;
    height: 69px;
    background: #fff;
    border-radius: 15px;
    border-bottom: 4px solid #D0F0AD;
}
.store-app .store-app-content .app-right .btn-ios{
    margin-right: 20px;
}
.store-app .app-right a .image{
    width: 50px;
    float: left;
    padding-left: 15px;
    padding-top: 18px;
}
.store-app .app-right a .text{
    width: calc(100% - 50px);
    float: left;
    padding-top: 15px;
}
.store-app .app-right a .text span{
    display: block;
    color: #777777;
    font-size: 13px;
    font-family: 'balootammasemibold';
}
.store-app .app-right a .text strong{
    display: block;
    font-family: 'balootammabold';
    font-weight: 400;
    color: #777777;
    font-size: 16px;
}
.store-app .app-menu{
    margin-top: 50px;
}
.store-app .app-menu .app-menu-content{
    display: flex;
    max-width: 750px;
    margin: 0px auto;
}
.store-app .app-menu .app-menu-content a{
    display: block;
    width: 100%;
    font-size: 15px;
    color: #ffffff9e;
    font-family: 'balootammabold';
    text-align: center;
}


.store-app .store-support{
    text-align: center;
}
.store-app .store-support h3{
    margin: 0;
    color: #fff;
    font-size: 50px;
    font-family: 'balootammaextrabold';
}
.store-app .store-support .btn-phone{
    display: block;
    width: 188px;
    height: 48px;
    background: #fff;
    margin: 25px auto 0px;
    border-radius: 15px;
    line-height: 50px;
    color: #58CC02;
    font-size: 20px;
    font-family: 'balootammabold';
    border-bottom: 4px solid #D7FFB8;
}
.store-app .store-support .support-social{
    max-width: 475px;
    margin: 25px auto 0px;
    color: #fff;
    font-size: 19px;
    font-family: 'balootammamedium';
}
.store-app .store-support .support-social a{
    color: #fff;
    font-family: 'balootammabold';
}
.store-app .store-support .support-email{
    margin: 15px auto 0px;
    color: #fff;
    font-size: 19px;
    font-family: 'balootammamedium';
}
.store-app .store-support .support-email a{
    color: #fff;
    font-family: 'balootammabold';
}
.intro-item-group{
    width: calc(100% - 307px);
    float: left;
    padding-right: 30px;
}
.intro-price{
    width: 307px;
    float: left;
    background: #f7f7f794;
    padding: 20px;
    border-radius: 19px;
    display: none;
}
.intro-price.active{
    display: block;
}
.intro-price{
    width: 307px;
    float: left;
    background: #fff;
    padding: 20px;
    border-radius: 18px;
    position: sticky;
    top: 95px;
    box-shadow: 0 0 4px 1px #ddd;
}
.store-intro .intro-price h2{
    margin: 0;
    color: #4B4B4B;
    font-size: 20px;
    font-family: 'balootammabold';
    line-height: 25px;
    max-width: 100%;
    border: 0;
    padding-bottom: 0;
}
.intro-price .price-group{
    margin-top: 10px;
}
.intro-price .price-group .price-store{
    color: #B4B4B4;
    font-size: 15px;
    margin-right: 5px;
    text-decoration: line-through;
}
.intro-price .price-group .price{
    color: #4B4B4B;
    font-size: 20px;
    font-family: 'balootammasemibold';
    
}
.intro-price .price-group .price i{
    font-size: 15px;
    font-style: normal;
}
.intro-price .price-group .discount{
    color: #fff;
    font-size: 15px;
    margin-left: 10px;
    font-family: balootammasemibold;
    background: #FF9600;
    border-radius: 6px;
    padding: 3px 13px 0px;
}
.intro-price .time-group{
    margin-top: 7px;
}
.intro-price .time-group p{
    margin: 0;
    color: #AFAFAF;
    font-size: 15px;
    font-family: 'balootammasemibold';
}
.intro-price .time-group .detail-package{
    position: relative;
    width: 107px;
    margin-top: 5px;
}
.intro-price .time-group .detail-package-header{
    width: 107px;
    height: 47px;
    border: 2px solid #e5e5e5;
    border-radius: 10px;
    border-bottom: 5px solid #e5e5e5;
    font-size: 15px;
    font-family: 'balootammabold';
    text-align: center;
    padding-top: 12px;
    cursor: pointer;
}
.intro-price .time-group .detail-package-content{
    position: absolute;
    top: 47px;
    background: #fff;
    box-shadow: 0 0 1px 1px #ddd;
    border-radius: 10px;
    padding: 5px 0px;
    width: 107px;
    z-index: 1;
    display: none;
}
.intro-price .time-group .detail-package.active .detail-package-content{
    display: block;
}
.intro-price .time-group .detail-package-content a{
    display: block;
    height: 30px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    color: #4b4b4b;
    font-size: 15px;
    line-height: 30px;
    text-decoration: none;
}
.intro-price .time-group .detail-package-content a:last-child{
    border: 0;
}
.intro-price .btn-choose{
    display: block;
    height: 47px;
    background: #FF4B4B;
    margin-top: 20px;
    border-bottom: 4px solid #EA2B2B;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    line-height: 47px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'balootammabold';
    text-decoration: none;
}
.intro-price .premium{
    color: #AFAFAF;
    font-size: 13px;
    line-height: 18px;
    margin-top: 35px;
}
.intro-price .premium a{
    color: #1CB0F6;
    font-family: 'balootammasemibold';
}


.intro-price .premium-fee{
    font-size: 15px;
    color: #777777;
    margin-top: 20px;
}
.intro-price .premium-fee span{
    color: #B4B4B4;
}
.intro-price .premium-fee .text{
    color: #FF9600;
}
.intro-price .premium-fee .text strong{
    font-weight: 400;
    font-family: 'balootammasemibold';
}


.price-group .fee{
    display: block;
    color: #777777;
    font-size: 15px;
    font-family: 'balootammabold';
    margin-bottom: 5px;
}

.store-premium{
    padding-top: 50px;
}

.store-premium .store-premium-content{
    max-width: 1064px;
    margin: 0 auto;
    padding: 0px 20px 40px;
}
.store-premium .store-premium-left{
    width: 48.5%;
    float: left;
}
.store-premium .store-premium-left img{
    width: 100%;
    border-radius: 22px;
}
.store-premium .store-premium-right{
    width: 51.5%;
    float: left;
    padding-left: 30px;
    padding-top: 20px;
}
.store-premium .store-premium-right h2{
    margin: 0;
    color: #FFB100;
    font-size: 35px;
    font-family: 'balootammaextrabold';
    line-height: 45px;
    max-width: 440px;
}
.store-premium .store-premium-right p{
    font-size: 15px;
    font-family: 'balootammamedium';
    margin: 10px 0 0;
}
.store-premium .store-premium-right a{
    display: block;
    margin-top: 20px;
    width: 180px;
    height: 47px;
    background: #FFB100;
    border-bottom: 3px solid #FF9600;
    text-align: center;
    border-radius: 10px;
    line-height: 45px;
    color: #fff;
    font-size: 15px;
    font-family: 'balootammabold';
    text-decoration: none;
}
/*.store-premium .store-premium-right a:hover{*/
/*    background: #FF9600;*/
/*    color: #fff;*/
/*    border-color: #FF9600;*/
/*    border-bottom: 5px solid #e58702;*/
/*}*/


.store-course .cefr-lesson{
    border: 2px solid #E5E5E5;
    border-radius: 15px;
    padding: 0 25px;
    max-height: 360px;
    overflow: auto;
}
/* width */
.store-course .cefr-lesson::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.store-course .cefr-lesson::-webkit-scrollbar-track {
    background: #ffffff;
}

/* Handle */
.store-course .cefr-lesson::-webkit-scrollbar-thumb {
    background: #E5E5E5;
}

/* Handle on hover */
.store-course .cefr-lesson::-webkit-scrollbar-thumb:hover {
    background: #ddd;
}
.store-course .cefr-lesson .lesson-item{
    min-height: 90px;
    border-bottom: 2px solid #e5e5e5;
    padding-top: 20px;
}
.store-course .cefr-lesson .lesson-item:last-child{
    border-bottom: 0px;
}
.store-course .cefr-lesson .lesson-item .item-left{
    width: 95px;
    float: left;
    padding-top: 2px;
}
.store-course .cefr-lesson .lesson-item .item-left {
    margin: 0;
    color: #BABABA;
    font-size: 15px;
    font-family: 'balootammabold';
}
.store-course .cefr-lesson .lesson-item .item-right{
    width: calc(100% - 95px);
    float: left;
}
.store-course .cefr-lesson .item-right .lesson-name{
    color: #777777;
    font-size: 18px;
    font-family: 'balootammabold';
}
.store-course .cefr-lesson .item-right .lesson-name-vi{
    color: #707070;
    font-size: 18px;
    margin-top: 3px;
}





.store-course .demand-lesson{
    border: 2px solid #E5E5E5;
    border-radius: 15px;
    max-height: 410px;
    overflow: auto;
}
/* width */
.store-course .demand-lesson::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.store-course .demand-lesson::-webkit-scrollbar-track {
    background: #ffffff;
}

/* Handle */
.store-course .demand-lesson::-webkit-scrollbar-thumb {
    background: #E5E5E5;
}

/* Handle on hover */
.store-course .demand-lesson::-webkit-scrollbar-thumb:hover {
    background: #ddd;
}
.store-course .demand-lesson .lesson-header{
    min-height: 52px;
    border-bottom: 2px solid #e5e5e5;
}
.store-course .demand-lesson .lesson-header .item-left{
    width: 220px;
    float: left;
    color: #777777;
    padding-top: 15px;
    padding-left: 25px;
    font-size: 18px;
    font-family: 'balootammabold';
}
.store-course .demand-lesson .lesson-header .item-right{
    width: calc(100% - 220px);
    float: left;
    color: #777777;
    padding-top: 15px;
    font-size: 18px;
    font-family: 'balootammabold';
}
.store-course .demand-lesson .lesson-item{
    min-height: 90px;
    border-bottom: 2px solid #e5e5e5;
    padding-top: 20px;
    margin: 0 25px;
    display: none;
}
.store-course .demand-lesson .lesson-item.active{
    display: block;
}
.store-course .demand-lesson .lesson-item:last-child{
    border-bottom: 0px;
}
.store-course .demand-lesson .lesson-item .item-left{
    width: 95px;
    float: left;
    padding-top: 2px;
}
.store-course .demand-lesson .lesson-item .item-left p{
    margin: 0;
    color: #BABABA;
    font-size: 15px;
    font-family: 'balootammabold';
}
.store-course .demand-lesson .lesson-item .item-middle{
    width: 100px;
    float: left;
    padding-top: 2px;
}
.store-course .demand-lesson .lesson-item .item-middle p{
    margin: 0;
    color: #BABABA;
    font-size: 15px;
    font-family: 'balootammabold';
}
.store-course .demand-lesson .lesson-item .item-right{
    width: calc(100% - 95px);
    float: left;
}
.store-course .demand-lesson .item-right .lesson-name{
    color: #777777;
    font-size: 18px;
    font-family: 'balootammabold';
    line-height: 23px;
}
.store-course .demand-lesson .item-right .lesson-name-vi{
    color: #707070;
    font-size: 18px;
    margin-top: 3px;
}




.checkout-footer{
    
    margin-top: 40px;
}
.checkout-footer .footer-bg{
    height: 76px;
    background: url("../images/store/store-footer-bg.svg");
}
.checkout-footer .checkout-footer-content{
    background: #1CB0F6;
    margin-top: -2px;
}
.checkout-footer .footer-content{
    max-width: 788px;
    margin: 0 auto;
    padding: 20px;
}
.checkout-footer .footer-content .checkout-footer-left{
    width: 90px;
    float: left;
}
.checkout-footer .footer-content .checkout-footer-middle{
    width: calc(100% - 400px);
    float: left;
    padding-left: 35px;
    padding-top: 0px;
    padding-right: 35px;
}
.checkout-footer .footer-content .checkout-footer-middle p{
    text-align: center;
    margin: 5px 0 0;
    color: #fff;
    font-size: 12;
    font-family: 'balootammasemibold';
}
.checkout-footer .footer-content .checkout-footer-middle .action{
    text-align: center;
    margin-top: 15px;
}
.checkout-footer .footer-content .checkout-footer-middle .action a{
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
.checkout-footer .footer-content .checkout-footer-right{
    width: 300px;
    float: left;
    padding-top: 10px;
}
.checkout-footer .footer-content .checkout-footer-right .action{
    width: 33.33%;
    float: left;
}
.checkout-footer .footer-content .checkout-footer-right a{
    display: block;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-family: balootammabold;
    margin-bottom: 5px;
}


@media(max-width: 1200px){
    .product-top .left {
        width: 494px;
    }
    .product-top .left .slider-image{
        height: 494px;
    }
    .product-top .left .slider-image-nav .slick-slider .slick-list,
    .product-top .left .slider-image-nav .slick-slider .slick-track{
        height: 127px;
        margin-left: 0;
    }
    .product-top .right h6{
        font-size: 15px;
        line-height: 21px;
    }
    .product-top .right .benefit{
        margin-top: 15px;
    }
    .product-top .right .benefit p{
        font-size: 15px;
    }
}


@media(max-width: 991px){
    
    .main-content .store-container{
        padding-top: 35px;
        padding-bottom: 70px;
    }
    .support-box{
        display: none!important;
    }
    .store-breadcrumb-content a{
        font-size: 16px;
    }
	.store-header{
        width: calc(100% + 30px);
        margin-left: -15px;
        display: none;
    }
    .store-header-mobile{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 70px;
        background: #1CB0F6;
        z-index: 1000;
        padding: 15px;
        display: none;
    }
    .store-header-mobile a{
        display: inline-block;
        color: #fff;
        font-size: 15px;
        font-family: 'balootammabold';
        margin-top: 8px;
    }
    .store-header-mobile a span{
        margin-left: 10px;
    }
    .product-top .left{
        width: 100%;
        float: none;
        max-width: 345px;
        margin: 0 auto;
    }
    .product-top .left .slider-image{
        height: 345px;
    }
    .product-top .left .slider-image-nav{
        margin-top: 15px;
    }
    .product-top .left .slider-image-nav .slick-slider .slick-list,
    .product-top .left .slider-image-nav .slick-slider .slick-track {
        height: 72px;
    }
    .product-top .right{
        width: 100%;
        float: none;
        padding: 34px 0px 0px;
    }
    .product-top .right .right-content{
        padding: 0px 15px;
    }
    .product-top .right h1{
        font-size: 24px;
        line-height: 30px;
    }
    .product-top .right h2{
        font-size: 18px;
        line-height: 25px;
    }
    .product-top .right h6{
        font-size: 15px;
    }
    .product-top .right .benefit{
        margin-top: 20px;
    }
    .store-course {
        padding-top: 30px;
    }
    .store-course h2{
        font-size: 20px;
    }
    .store-course .store-course-content {
        margin-top: 15px;
    }
    .store-course .store-course-left{
        width: 100%;
        float: none;
        border: 0;
        padding: 0;
        border-radius: 0;
    }
    .store-course .store-course-left .course-cate{
        overflow: hidden;
        overflow-x: auto;
    }
    .store-course .store-course-left .course-cate-content{
        width: 1000px;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 10px;
    }
    .store-course .store-course-left .course-cate a{
        display: inline-block;
        margin-right: 10px;
    }
    .store-course .store-course-right{
        width: 100%;
        float: none;
        padding: 20px 0 0;
    }
    .store-course .store-course-right .course-right-content{
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .store-course .store-course-right .course-right-content::-webkit-scrollbar{
        display: none;
    }
    .store-course .store-course-right .course-list{
        width: 515px;
        margin: 0;
    }
    .store-intro {
        margin: 18px auto 0px;
    }
    .store-intro h2{
        font-size: 20px;
        padding-bottom: 10px;
        max-width: 100%;
    }
    .store-intro .intro-content{
        margin-top: 20px;
    }
    .store-intro .intro-content .intro-item{
        margin-top: 15px;
    }
    .store-intro .intro-item .left{
        float: none;
    }
    .store-intro .intro-item .left h6{
        font-size: 15px;
    }
    .store-intro .intro-item .right{
        width: 100%;
        float: none;
        margin-top: 10px;
    }
    
    .intro-price.active{
        display: none;
    }
    .intro-item-group{
        float: none;
        width: 100%;
        padding: 0;
    }
    .intro-course .action{
        display: none;
    }
    .intro-course h6{
        font-size: 15px;
    }
    .intro-content .intro-course-content {
        margin: 15px auto 0px;
        padding-left: 0;
    }
    .rating-comment-box{
        width: 123px;
        float: right;
    }
    .rating-comment-box a{
        margin-top: -90px;
    }

    .intro-rate .right-rate-content .rate-item{
        padding: 20px 0px 10px;
        position: relative;
    }
    .intro-rate .rate-header-left {
        width: 35px;
        float: left;
        height: 35px;
    }
    
    .intro-rate .rate-header .rate-header-right h6{
        position: relative;
        left: unset;
        top: unset;
        width: unset;
        font-size: 15px;
        color: #777777;
        font-family: 'balootammasemibold';
        margin-top: 0px;
    }
    .intro-rate .rate-header{
        width: 100%;
        float: left;
    }
    .intro-rate .right-rate .rate-star{
        float: none;
        margin-top: 40px;
        padding-left: 0;
    }
    .intro-rate .right-rate .rate-content{
        float: none;
        width: 100%;
        margin-top: 0;
    }

    .store-app{
        margin-top: 40px;
        padding-bottom: 125px;
    }
   
    .store-app .store-support h3{
        font-size: 30px;
    }
    .store-app .store-support .support-social{
        font-size: 17px;
    }
    .store-mission .mission-text{
        width: 100%;
        padding: 0;
        float: none;
    }
    .store-mission .mission-text h3{
        font-size: 30px;
        text-align: center;
    }
    .store-mission .mission-text p{
        font-size: 17px;
        text-align: center;
        margin-top: 20px;
        line-height: 24px;
    }
    .store-mission .mission-text a{
        width: 150px;
        display: block;
        text-align: center;
        margin: 20px auto 0px;
    }
    .store-mission .mission-image{
        width: 100%;
        float: none;
        max-width: 325px;
        margin: 15px auto 0px;
    }
    .store-app .store-app-content{
        padding: 30px 15px 40px;
    }
    .store-app .store-app-content .app-left{
        width: 100%;
        float: none;
        text-align: center;
    }
    .store-app .store-app-content .app-left p{
        margin-top: 15px;
    }
    .store-app .store-app-content .app-right{
        float: none;
        margin: 0px auto;
    }
    .store-app .app-menu{
        display: none;
    }


    .store-intro .study-path-item .left {
        width: 78px;
        float: left;
    }
    .store-intro .study-path-item .middle{
        width: calc(100% - 78px);
        padding-left: 12px;
    }
    .store-intro .study-path-item .middle h4{
        font-size: 14px;
        line-height: 20px;
    }
    .store-intro .study-path-item .middle .description{
        font-size: 12px;
        line-height: 18px;
        margin-top: 10px;
        display: none;
    }
    .store-intro .study-path-item .right{
        float: left;
        padding-left: 90px;
        display: none;
    }

    .action-group{
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        height: 85px;
        background: #fff;
        z-index: 1000;
        border-top: 2px solid #e5e5e5;
        padding: 15px 15px 0px;
    }
    /*.product-top .right .price-group{*/
    /*    margin: 0;*/
    /*    width: calc(100% - 175px);*/
    /*    float: left;*/
    /*    height: 55px;*/
    /*    position: relative;*/
    /*}*/
    /*.product-top .right .price-group .price-store{*/
    /*    position: absolute;*/
    /*    bottom: 0;*/
    /*}*/
    /*.product-top .right .price-group .price{*/
    /*    margin-left: 0;*/
    /*}*/
    .product-top .right .btn-choose{
        width: 100%;
        float: none;
        margin-top: 0px;
        font-size: 15px;
        height: 55px;
        line-height: 55px;
    }
    .product-top .right .premium{
        font-size: 12px;
        margin-top: 5px;
        display: none;
    }
    .header-mobile{
        display: none!important;
    }
    /*.product-top .right .price-group .discount{*/
    /*    display: none;*/
    /*}*/
   
    .price-group .fee{
        display: block;
        color: #777777;
        font-size: 15px;
        font-family: 'balootammabold';
        margin-bottom: 5px;
    }
   
}
@media(max-width: 767px){
    .store-premium .store-premium-left {
        width: 100%;
        float: none;
    }
    .store-premium .store-premium-right{
        width: 100%;
        float: none;
        padding: 25px 0 0;
    }
    .store-premium .store-premium-right h2{
        font-size: 28px;
        line-height: 35px;
    }
    .store-course .demand-lesson .lesson-header .item-left{
        width: 95px;
        padding-left: 15px;
    }
    .store-course .demand-lesson .lesson-header .item-right{
        width: calc(100% - 95px);
    }
    .store-premium .store-premium-content{
        padding-top: 35px;
    }

    .checkout-footer .footer-bg{
        height: 31px;
        background: url("../images/store/store-footer-bg-mobile.svg");
    }
    .checkout-footer .footer-content .checkout-footer-middle{
        width: calc(100% - 90px);
        padding-left: 15px;
        padding-right: 0;
    }
    .checkout-footer .footer-content .checkout-footer-right{
        width: 100%;
        padding-top: 20px;
        text-align: center;
    }
    .checkout-footer .footer-content .checkout-footer-right a{
        display: inline-block;
        font-size: 12px;
        margin-left: 5px;
        margin-right: 5px;
    }
    .checkout-footer .footer-content .checkout-footer-right .action {
        width: 100%;
        float: none;
        display: inline-block;
        margin-bottom: 5px;
        text-align: center;
    }
}
@media(max-width: 450px){
    .store-course h2 .store-course-filter{
        float: none;
        margin-top: 10px;
    }
}