*{
    padding: 0;
    margin: 0;
}
body{
    font-family: 'Roboto Condensed', sans-serif;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin: 10px 0;
    padding: 0;
}
table{width: 100%; }
table, th, td {font-size: 100%; padding:10px; margin-bottom:10px;}
table {border-collapse:collapse;border-spacing:0; padding-left:10px; border-color:#333;}
tr { margin-bottom:10px;}
td {vertical-align: central; padding:5px !important; border-color:#333;}
ul li{
    list-style: none;
}
ul{
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif;
    cursor: pointer;
}

a:hover, a:focus{
    outline: 0;
}

img{
    height: auto;
    width: 100%;
    max-width: 100%;
}


.slide-tintuc .slick-prev, .slide-tintuc .slick-next {
	opacity:1;
}
	
.slide-tintuc .slick-prev {
	z-index:5;
	left:-10px;
}

.slide-tintuc .fa-angle-left{
	font-size:28px;
	color: #000;
}
	
.slide-tintuc .slick-next {
	z-index:5;
	right:-15px;
}

.slick-slider{
    margin: 0;
}

.slide-tintuc .fa-angle-right{
	font-size:28px;
	color: #000;
}

.doitac { padding:0px 10px; background:#eee;}

.doitac img {
    height: 105px;
    width: auto;
    margin: auto;
}

.doitac a{
    padding: 10px 0;
    display: block;
    background-color: #fff;
    border: solid 1px #ccc;
}

a:hover{
    text-decoration: none;
}

.clear-fix{
    float: right;
    display: inline;
}

.image img{
    width: 100%;
    height: auto;
}

.header .header-top {
    padding: 0;
	background: #4db848;
}

.header-top .cartname{
    float: left;
}

.header-top .cartname a{
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    display: inline;
}

.header-top .image-icon-cart{
    float: left;
}

.header-top .image-icon-cart{
    float: left;
    margin-right: 10px;
}

.header-top .cart{
    margin-left: 15px;
    margin-top: 5px;
}

.header-top .language {
    margin-left: 10px;
    border: 1px solid #ffffff;
    border-radius: 15px;
    width: 80px;
    text-align: center;
    line-height: 25px;
    padding: 0;
    transition: all, .3s;
}

.header-top .language a{
    text-transform: uppercase;
    font-size: 11px;
    color: #fff;
}

.header-top .input-group .btn{
    padding: 6px 10px;
    background-color: transparent;
    border: 0;
}

.dropdown-content .fixed-mobile {
    position: relative;
}

.dropdown-content .fixed-mobile .images img{
    width: 100%;
    height: auto;
}

.search{
    position: relative;
    margin: 0;
    padding: 0;
    display: inline;
    margin-right: 6px;
}

.search a i{
    color: #fff;
    font-size: 16px;
}

.form_search {
    position: absolute;
    bottom: -46px;
    right: 0;
    background-color: #000;
    width: 300px;
    z-index: 5;
    padding: 1px 1px;
    display: none;
}

.form_search input {
    width: calc(100% - 60px);
    float: left;
}

.form_search .form-control {
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

.form_search button {
    width: 60px;
    float: left;
    background-color: #7a2d75;
}

.form_search button i {
    font-size: 16px;
    color: #fff;
}

.icon-close{
    display: none;
    width: 25px;
    position: fixed;
    top: 10px;
    left: 222px;
    cursor: pointer;
    z-index: 999;
}

.icon-close i{
    font-size: 22px;
}

.header-top .input-group .btn i{
    color: #fff;
}

.logo-top{
    width: 190px;
}

.logo-top .logo{
    margin: 5px 0;
}

.logo-top .logo img{
    height: auto;
    width: 80px;
}

.header-top .navbar-left{
    width: 150px;
    margin: 0;
    padding: 0;
}

.slide-home .slick-prev {
    left: 100px;
}

.slide-home .slick-next {
    
    right: 100px;    
}

.slide-home .slick-prev, .slide-home .slick-next{
	z-index: 8;
	 opacity: 1;
	 transition: 0.5s;
    font-size: 48px;
	color: #fff;
	}
	
.slide-home .slick-prev:hover, .slide-home .slick-prev:focus, .slide-home .slick-next:hover, .slide-home .slick-next:focus {
    color: #fff;
    outline: none;
    background: transparent;
}

.header-top .navbar-left input::placeholder{
    color: #fff;
}

.header-top .navbar-left input[type = text]{
    background-color: transparent;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    box-shadow: none;
}

.level_mb{
    display: none;
}

.list-bar {
    float: left;
    display: none;
    cursor: pointer;
    margin-top: 25px;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #4db848;
    margin: 6px 0;
    transition: 0.4s;
}

.header-top .hotline {
    float: right;
    margin-right: 15px;
    margin-top: 5px;
}

.header-main .navbar-inverse .navbar-nav>li>i{
    display: none;
    position: absolute;
    top: 0px;
    color: #fff;
    width: 40px;
    height: 40px;
    border-left: 1px solid #e6e6e6;
    right: 0px;
    line-height: 40px;
    text-align: center;
}

.header-top .hotline a{
    color: #000;
    font-weight: 500;
}

.slick-track{
    overflow: hidden;
}

.header-top .hotline .fa-phone{
    transform: rotateY(180deg);
    font-size: 11px;
    margin-right: 5px;
    color: #ffffff;
}

.header-top .address-buy{
    margin-right: 15px;
    margin-top: 5px;
}

.header-top .address-buy a{
    color: #fff;
}

.header-main .navbar-inverse {
    background-color: #fff;
    margin: 0;
    position: unset;
    border: 0;
}

.header{
    z-index: 99;
    width: 100%;
    transition: all 0.5s ease-in-out;
    top: 0;
    position: fixed;
    box-shadow: 0rem 0.3125rem 1.25rem rgba(0, 0, 0, 0.1);
}

.header.open{
    top: -44px;
}

.header-main{
    position: relative;
    background-color: #fff;
	margin:0;
	padding:0;
}

.header-main .container{
    position: relative;
}

.header-main .navbar-nav{
    float: right;
}

.header-main .navbar-inverse .navbar-nav>li>a{
    display: block;
    color: #4db848;
    text-transform: uppercase;
    font-size: 16px;
    padding: 9px 13px;
    font-weight: 600;
    margin: 26px 0;
    border-radius: 8px;
}

.header-main .navbar-inverse .navbar-nav>li>a:hover{
    background-color: #4db848;
    color: #fff;
}

.header-main .navbar-inverse .navbar-nav>li.active>a:hover{
    background-color: #7a2d75;
    color: #fff;
}

.header-main .navbar-nav .nav-item .nav-sub{
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    background-color: #fff;
    min-width: 230px;
}

.group-view-more{
    overflow: hidden;
}

.navbar-nav .nav-item .nav-sub .nav-item-child{
    padding: 0;
}

.navbar-nav .nav-item .nav-sub .nav-item-child a{
    display: block;
    color: #666;
    padding: 7px 15px;
    white-space: nowrap;
    border-bottom: 1px solid #e6e6e6;
    text-transform: capitalize;
}
.navbar-nav .nav-item .nav-sub .nav-item-child a:hover {
    background-color: #1270a2;
    color: #fff;
}

.header-main .navbar-nav>li+li {
    margin-left: 10px;
}

.header-main .navbar-nav>li.product-mega{
    position: unset;
}

.header-main .menu-desktop{
    position: unset;
    width: calc(100% - 190px);
}

.navbar-nav .dropdown-content{
    width: 70%;
    position: absolute;
    background-color: #eee;
    top: 100%;
    left: 30%;
    z-index: 99;
    display: none;
    text-align: center;
    overflow: hidden;
    padding: 20px;
}

.navbar-nav .dropdown-content .product-item{
    width: 25%;
    padding: 5px 10px 0 0;
    float: left;
    margin-bottom: 0px;
}

.icon-menu-cosmetics{
    display: none;
}

.navbar-nav .dropdown-content .product-item:hover h3 a{
    background: #1270a2;
    color: #fff;
}
.navbar-nav .dropdown-content .product-item:hover h3 a i { font-size:10px; font-weight:normal; padding-right:5px;}

.navbar-nav .dropdown-content .product-item h3{
    margin: 0;
}

.navbar-nav .dropdown-content .product-item h3 a{
    font-size: 15px;
    color: #333;
    width: 100%;
    padding: 10px;
    display: block;
	text-align:left;
}

.header-main .navbar-inverse .navbar-nav>li.active>a {
    background-color: #7a2d75;
    color: #fff;
    font-weight: 600;
    position: relative;
}

.product_home{
    position: relative;
    padding: 30px 0;
    background-color: #fff;
}

.product_home_list{
    width: 100%;
    float: left;
}

.product_home_list .image{
    width: 100%;
	float: left;
}

.product_home_list .image img{
    width: 100%;
	object-fit: cover;
	height: auto;
}

.product_home_list .box_content{
    width: 100%;
    float: left;
    padding: 15px 0;
}

.product_home_list .slick-dots{
    bottom: 0;
}

.product_home_list .item{
    overflow: hidden;
    width: 25%;
    float: left;
    padding: 10px 10px;
    outline: 0;
    text-align: center;
}

.product_home_list .item .box_block{
    max-width: 555px;
    overflow: hidden;
	border: solid 1px #62b858
}

.product_home_list .box_content h3{
    margin: 0 0 8px;
}

.product_home_list .box_content h3 a{
    color: #000;
    font-size: 18px;
    font-weight: 600;
    height: 42px;
    display: block;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product_home_list .box_content h3 a:hover{
    color: #4db848;
}

.product_home_list .box_content .des{
    font-size: 17px;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 75px;
}

.product_home_list .box_content .more{
    font-size: 16px;
    background-color: #4db848;
    text-align: center;
    display: inline-block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    color: #f5f5f5;
}

.product_home_list .slick-prev, .product_home_list .slick-next{
    margin: 0;
    top: 58%;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    z-index: 66;
    text-align: center;
    opacity: 1;
    background-color: none;
    border-radius: 100%;
}

.product_home_list .slick-prev i, .product_home_list .slick-next i{
    color: #4db848;
    line-height: 30px;
    font-size: 40px;
}

.product_home_list .slick-prev{
    left: 0px;
}

.product_home_list .slick-next{
    right: 0px;
}

.banner_middle{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
}

.banner_middle img{
    width: auto;
}

.banner_middle .box_banner{
    position: relative;
}

.img_song{
    height: 60px;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 3;
    bottom: calc(100% - 1px);
}

.img_song1{
    background-image: url(../images/song1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.banner_middle .info_pro{
    position: absolute;
    top: 20%;
    width: 68%;
    left: 48%;
    transform: translateX(-50%);
}

.banner_middle .mota{
    word-spacing: 3px;
    text-align: justify;
    color: #f5f5f5;
    font-size: 17px;
    font-style: italic;
    margin-bottom: 20px;
}

.banner_middle a{
    display: inline-block;
    width: 160px;
    text-align: center;
    height: 40px;
    color: #fff;
    border: 1px solid #fff;
    line-height: 38px;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 5px;
}

.dinh_duong{
    background:url(../images/bg_visao.jpg);
    padding: 35px 0 15px 0;
    text-align: center;
    position: relative;
}

.dinh_duong .title{
    text-transform: uppercase;
    color: #fff;
    font-size: 30px;
    margin-bottom: 5px;
}

.dinh_duong .title img{
    width: auto;
    margin-right: 6px;
    margin-top: -9px;
}

.dinh_duong .image_animal img{
    width: auto;
}

.dinh_duong .sub-title{
    font-size: 22px;
    color: #fff;
    margin-top: 10px;
}

.dinh_duong .image_dd{
    padding: 50px 0;
    width: 100%;
}

.dinh_duong .mota{
    font-size: 21px;
    color: #fff;
    max-width: 650px;
    margin: auto;
}

.img_song2{
    background-image: url(../images/song2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.professional{
    min-height: 550px;
    background-image: url(../images/bg_professional.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0 50px;
}

.professional .title{
    font-size: 30px;
    text-transform: uppercase;
    color: #1270a2;
    margin-bottom: 35px;
    font-weight: 600;
    line-height: normal;
}

.professional .box2{
    color: #333;
    max-width: 550px;
    font-size: 26px;
    line-height: 32px;
    font-style: italic;
    margin-bottom: 40px;
}

.professional .box1{
    color: #1270a2;
    max-width: 550px;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 50px;
}

.professional .send_question{
    color: #f5f5f5;
    display: inline-block;
    height: 64px;
    text-align: center;
    line-height: 64px;
    width: 230px;
    font-size: 26px;
    font-style: italic;
    background-color: #1270a2;
    border-radius: 7px;
}

.tu_van{
    padding: 30px 0 90px;
	background: #eee;
}

.tu_van .title{
    color: #4db848;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 26px;
    text-align: center;
    line-height: normal;
    margin-bottom: 20px;
	position: relative;
}

.tu_van .sub_title{
    font-size: 17px;
    text-align: center;
    max-width: 700px;
    margin: 0 auto 30px;
}

.diem_ban{
    overflow: hidden;
    padding: 20px 0 30px;
    background: #fff;
}

h1.entry-title {
    font-size: 24px;
    color: #4db848;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
}

.diemban_main .sub_title{
    font-weight: 600;
    color: #000;
    font-size: 19px;
    margin-bottom: 15px;
}

.list_diemban{
    width: 100%;
    overflow: hidden;
}

.list_diemban .diemban_item{
    width: 100%;
    overflow: hidden;
}

.diemban_item:not(:last-child){
    margin-bottom: 30px;
}

.diemban_item .name{
    width: 100%;
    border-bottom: 1px solid #d6d6d6;
    padding: 10px 0;
    margin-bottom: 20px;
    color: #f00;
    font-weight: bold;
    font-size: 24px;
}

.diemban_item .name i{
    margin-right: 10px;
    color: #4db848;
    font-size: 22px;
}

.product_home .title{
    color: #4db848;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    line-height: normal;
    margin-bottom: 20px;
    position: relative;
}
.product_home .title h1 {
	font-weight: 600;
}

.danhmuc_add{
    width: 100%;
}

.danhmuc_add li{
    width: 25%;
    float: left;
    margin-bottom: 10px;
}

.danhmuc_add li a{
    color: #333;
    line-height: 26px;
    font-size: 17px;
}

.product_home .title:before {
    content: '';
    transform: translateX(-50%);
    height: 2px;
    width: 100px;
    background-color: #4db848;
    left: 50%;
    bottom: -5px;
    display: block;
    position: absolute;
}

.product_home .sub_title{
    font-size: 17px;
    text-align: center;
    max-width: 700px;
    margin: 0 auto 30px;
}

.box-new-item h3{
    padding: 0;
    margin: 5px 0;
}

.box-new-item h3 a {
    color: #333;
    font-size: 17px;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
    line-height: 20px;
}

.box-new-item h3 a:hover{
    color: #1270a2;
}

.box-new-item .desc{
    text-align: left;
    padding: 0;
    margin: 0;
    height: 66px;
    font-size: 15px;
    color: #333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.box-new-item .date-time {
    color: #999;
    font-size: 14px;
    padding: 0 0 10px;
    display: block;
}

.box-new-item .date-time i {
    margin-right: 4px;
}

.image_vs img{
    margin-top: 60px;
    width: auto;
    float: right;
}

.logo_foot{
    margin-bottom: 30px;
}

.logo_foot img{
    width: auto;
}

.footer-box-content .nd{
    padding-left: 43px;
}

.main{
    margin-top: 134px;
}

.product{
    padding: 30px 0;
}

.box_title_tintuc { background: #eee}

.title-h2{
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    position: relative;
    padding-bottom: 10px;
    color: #333;
}

.title-h2:before{
    background: #333;
    height: 1px;
    width: 60px;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    position: absolute;
}
.title-h3{
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    position: relative;
    padding-bottom: 10px;
    color: #fff;
}

.title-h3:before{
    background: #fff;
    height: 1px;
    width: 60px;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    position: absolute;
}

.float-icon-hotline {
    display: none;
    width: 40px;
    position: fixed;
    bottom: 0px;
    left: 5px;
    z-index: 98;
}

.float-icon-hotline ul {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
}

.float-icon-hotline ul li {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}

.float-icon-hotline ul li a#messengerButton {
    padding: 0px;
    background: transparent;
    border: 0px;
}

.float-icon-hotline ul li .fa {
    background-color: #ed1c24;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    box-shadow: 0 0 5px #888;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
}

@keyframes tada {
  0% { transform: scale3d(1,1,1);}
  10%, 20% { transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
  30%, 50%, 70%, 90% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
  40%, 60%, 80% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
  100% { transform: scale3d(1,1,1);}
}

.float-icon-hotline ul li .fa-phone {
    background-color: #ed1c24;
}

.float-icon-hotline ul li .fa {
    background-size: contain;
}

.animated.infinite {
    animation-iteration-count: infinite;
}


.product .product-item{
    position: relative;
    margin: 0 10px;
}

.product .sub-content h3{
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 1.5;
}

.header-main .left{
    left: 0!important;
}

.header-main .right{
    right: 0!important;
}

.product .sub-content h3 a{
    color: #fff;
    font-weight: 300;
    text-transform: capitalize;
	font-size:16px;
}

.product .sub-content{
    position: absolute;
    top: 50%;
    right: 0;
    width: 60%;
    padding: 0 10px;
    transform: translateY(-50%);
}

.product .description{
    color: #fff;
    font-size: 13px;
}

.product-tabs .nav-tabs {
    border: 0;
    padding: 5px 0;
    text-align: center;
    display: inline-block;
}

.panner-background .container{
    width: 100%;
    max-width: 1200px;
}

.panner-background {
    background: url(../images/bg2.jpg) center center no-repeat;
    padding-bottom: 50px;
}

.panner-background .images{
    text-align: center;
}

.home-category {
    padding: 50px 0;
    background: #e7edee;
    height: 730px;
}

.box-category .category-img .img {
    position: absolute;
    top: 0;
    z-index: 0;
    opacity: 0;
    transition: all 1s;
}

.box-category .category-img img{
    max-width: 100%;
}

.box-category {
    position: relative;
}

.box-category .category-img .img.active {
    z-index: 1;
    opacity: 1;
}

.box-category .category-step .opt{
    width: 220px;
    height: 65px;
    position: absolute;
    z-index: 9;
    transition: 0.5s;
}

.box-category .category-step {
    height: 630px;
    position: relative;
    z-index: 8;
}

.box-category .category-step .opt1 {
    top: 17%;
    left: 13%;
}
.box-category .category-step .opt2 {
    top: 29%;
    left: 11%;
}
.box-category .category-step .opt3 {
    top: 41%;
    left: 11%;
}
.box-category .category-step .opt4 {
    top: 54%;
    left: 11.5%;
}
.box-category .category-step .opt5 {
    top: 66%;
    left: 13.5%;
}
.box-category .category-step .opt6 {
    top: 17%;
    left: 68.2%;
}
.box-category .category-step .opt7 {
    top: 29%;
    left: 70%;
}
.box-category .category-step .opt8 {
    top: 41%;
    left: 72%;
}
.box-category .category-step .opt9 {
    top: 53%;
    left: 71%;
}
.box-category .category-step .opt10 {
    top: 65%;
    left: 69%;
}

.cosmetics .nav-tabs>li.is-active>a, .cosmetics .nav-tabs>li.active-is>a:focus, .cosmetics .nav-tabs>li.is-active>a:hover {
    border: 0;
    border-radius: 20px;
    background: #7a2d74;
    color: #fff;
}

.cosmetics .nav-tabs>li>a:hover {
    border: 0;
    background-color: transparent;
}

.cosmetics .nav-tabs>li:not(:first-child){
    margin: 0 0 0 15px;
}

.cosmetics .nav-tabs>li.is-active>a:before{
    width: 0;
}

.cosmetics .tab-content{
    margin-top: 20px;
}

.cosmetics .nav-tabs>li>a:before{
    content: '';
    background: #999;
    width: 1px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.cosmetics .nav-tabs>li>a{
    border: none;
    color: #999;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
}

.cosmetics .content-product{
    padding: 0px 0;
}

.cosmetics .product-item{
    text-align: center;
    padding: 0 10px;
    width: 25%;
    outline: 0;
    float: left;
}

.cosmetics .product-tabs{
    text-align: center;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.cosmetics .product-item .description {
    position: relative;
    color: #333;
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: 300;
    font-style: italic;
    margin-top: 5px;
    height: 40px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cosmetics .product-item .description:before{
    background: #333;
    height: 1px;
    width: 60px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    position: absolute;
}

.cosmetics .product-item h3{
    line-height: 1.5;
    min-height: 20px;
	margin: 5px;
	height: 40px;
}

.cosmetics .product-item h3 a{
    font-size: 17px;
    font-weight: 600;
    color: #333;
}

.cosmetics .product-item .price{
    color: #333;
    font-weight: 700;
    font-size: 16px;
}

.about_home{
    padding: 10px 15px;
    margin-bottom: 30px;
    clear: both;
    margin: 0 0 30px 0;
    border: 1px solid #d6d6d6;
    border-radius: 10px;
    background: url(../images/gray.png) repeat-x left top;
    float: left;
    width: 100%;
    position: relative;
}

.about_home .block_news{
    width: 100%;
    overflow: hidden;
}

.about_home .title{
    padding: 5px 0;
    border-bottom: 1px solid #4db848;
    margin-bottom: 15px;
}

.about_home .title a{
    color: #4db848;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
}

.title_5{
    color: #4db848;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
    line-height: normal;
    margin-bottom: 15px;
    position: relative;
    border-bottom: 2px solid #4db848;
    display: inline-block;
}

#example .mySlides2{
    width: 100%!important;
}

#example .mySlides2 iframe {
    height: 300px;
    width: 100%!important;
}

.slide-image-sub {
    width: 100%;
    margin: 0;
}

.slide-image-sub .column {
    width: 20%;
    float: left;
    padding: 5px;
}

#example .image-sub img {
    object-fit: cover;
    height: 70px;
}

#example .slick-prev, #example .slick-next{
    transform: translateY(-50%);
    transition: 0.5s;
    margin: 0;
    z-index: 10;
    opacity: 1;
    height: 28px;
}

#example .slick-prev{
    left: 2px;
}

#example .slick-next{
    right: 2px;
}

#example .slick-prev:before, #example .slick-next:before{
    display: none;
}

#example .slick-prev i, #example .slick-next i{
    color: #4db848;
    font-size: 24px;
}

.list_links{
    margin-top: 15px;
    width: 100%;
}

.list_links li{
    margin-bottom: 5px;
}

.list_links li a{
    font-size: 15px;
    color: #333;
    font-weight: 600;
}

.list_links li a i{
    font-size: 10px;
}

.box_form_tuvan{
    clear: both;
    margin: 0 0 30px 0;
    border: 1px solid #d6d6d6;
    border-radius: 10px;
    background: url(../images/gray.png) repeat-x left top;
    float: left;
    width: 100%;
    position: relative;
}

.box_form_tuvan .block{
    padding: 10px 15px;
}

.box_form_tuvan .title{
    padding: 5px 0;
    border-bottom: 1px solid #4db848;
    margin-bottom: 15px;
}

.box_form_tuvan .title a{
    color: #4db848;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
}

.page_hoidap{
    padding: 40px 0 30px;
    width: 100%;
}

.page_hoidap .support-extra .form-control{
    background-color: #fff;
}

.news_sidebar_right{
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.widget-title{
    background-color: #4db848;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 10px;
    font-size: 16px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.video_sidebar{
    margin-bottom: 30px;
    width: 100%;
    float: left;
}

.video_sidebar_list{
    width: 100%;
    padding: 0 15px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
}

.video_sidebar_item{
    padding: 15px 0;
}

.video_sidebar_item iframe {
    width: 100%;
    height: 213px;
}

.news_sidebar_list{
    width: 100%;
    padding: 0 15px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
}

.news_sidebar_list .news_sidebar_item{
    padding: 12px 0;
    border-bottom: 1px dashed #d6d6d6;
    overflow: hidden;
    width: 100%;
    font-weight: 600;
}

.news_sidebar_list .news_sidebar_item:last-child{
    border-bottom: 0;
}

.news_sidebar_item .image{
    width: 80px;
    float: left;
    margin-right: 10px;
}

.news_sidebar_item .image img{
    height: 60px;
    object-fit: cover;
}

.news_sidebar_item h4{
    width: calc(100% - 90px);
    float: left;
    margin: 0;
}

.news_sidebar_item h4 a{
    color: #333;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
}

.news_sidebar_item h4 a:hover{
    color: #f00;
}

.ds_cauhoi{
    width: 100%;
}

.ds_cauhoi .title{
    background: #4db848;
    padding: 7px 15px;
    margin-bottom: 0;
    color: #fff;
    font-weight: bold;
    line-height: normal;
    font-size: 16px;
    text-transform: uppercase;
}

.list_answer{
    width: 100%;
}

.list_answer .answer_item{
    border: 1px solid #e8e8e8;
    border-top: none;
    clear: both;
    padding: 15px;
    text-align: justify;
    background-color: #fff;
    margin-bottom: 0;
}

.list_answer .answer_item h4{
    margin: 0 0 10px;
}

.list_answer .answer_item h4 a{
    font-size: 16px;
    font-weight: bold;
    color: #4db848;
    line-height: 20px;
}

.list_answer .answer_item h4 a span{
    color: #000;
    margin-bottom: 0;
    font-size: 18px;
    margin-right: 5px;
    font-weight: normal;
}

.list_answer .answer_item h4 a:hover{
    color: #f00;
}

.list_answer .answer_item span {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 16px;
}

.list_answer .answer_item em {
    color: #4db848;
    font-style: inherit;
    font-weight: 600;
}

.list_answer .answer_item .more_link{
    color: #4db848;
    font-size: 16px;
}

.list_answer .answer_item .more_link:hover{
    color: #f00;
}
    

.support-extra{
    overflow: hidden;
}

.support-extra form{
    width: 100%;
    float: left;
}

.support-extra p{
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.support-extra .list_group{
    width: 100%;
}

.support-extra .list_group .group_item{
    width: 48%;
    float: left;
}

.support-extra .list_group .group_item:nth-child(odd){
    margin-right: 4%;
}
.support-extra .list_group1{
    width: 100%;
}

.support-extra .list_group1 .group_item{
    width: 100%;
}

.support-extra .list_group1 .group_item:nth-child(odd){
    margin-right: 4%;
}

.support-extra .form-control{
    background: #f6f6f6;
    border-radius: 2px;
}

.support-extra .form-control[type=submit]{
    background: #f00;
    color: #fff;
    padding: 5px 30px;
    border-radius: 5px;
    float: right;
    border: none;
    margin-bottom: 15px;
    width: auto;
    display: inline-block;
}

.main-posts {
    overflow: hidden;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 15px;
    width: 100%;
}

.sp_lienquan{
    padding: 0 0 30px;
    width: 100%;
}

#mb_des_num {
    bottom: 30px;
    left: 10px;
    padding: 0px;
    width: 185px;
    height: 52px;
    cursor: pointer;
    border-radius: 0;
    display: table;
    text-align: center;
    font-size: 20px;
    z-index: 77;
    position: fixed;
}

#mb_des_num span {
    background-color: rgba(255,17,0,1);
    color: #ffffff;
    font-weight: 700;
    line-height: 22px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
#mb_des_num span strong { 
	font-size: 22px;
	}

#mb_des_icon {
    bottom: 13px;
    left: 148px;
    width: 116px;
    height: 87px;
    z-index: 77;
    position: fixed;
    background-position: center center;
    background-size: cover;
    background-image: url(../images/phone_callin.gif);
}

.footer-layer{
    color: #fff;
}

.footer-layer .title{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 22px;
    color: #ff0;
    padding-bottom: 12px;
}

.footer-hotline, .footer-phone {
    margin-bottom: 10px;
}

.footer-layer .footer-phone._line {
    padding-bottom: 15px;
    position: relative;
    line-height: 22px;
    font-size: 15px;
}

.footer-layer a{
    color: #fff;
}

.footer__other{
    width: 100%;
}

.footer__policy{
    width: calc(100% - 137px);
    margin-right: 15px;
    float: left;
}

.footer__subscriber {
    position: relative;
    overflow: hidden;
    margin-top: 5px;
}

.footer__subscriber .form-group {
    display: inline-block;
    margin-bottom: 0;
    width: 100%;
}

.footer__subscriber input {
    color: #000;
    font-size: 14px;
    float: left;
    width: 100%;
    border-radius: 0;
    outline: none;
    border: none;
    height: 40px;
    padding: 0 10px;
}

.footer__subscriber button {
    display: block;
    position: absolute;
    right: 5px;
    top: 7px;
    border: none;
    outline: none;
    z-index: 1;
    cursor: pointer;
    background-color: transparent;
}

.footer-socials {
    margin: 25px 0 0;
    padding-left: 0;
    overflow: hidden;
}

.footer-socials a {
    display: inline-block;
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 20px;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 10px 0 10px 0;
    text-transform: uppercase;
    border: 1px solid #fff;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
    font-weight: 700;
    transition: 0.4s;
}

.footer-socials a i{
    line-height: 36px;
}

.footer__policy a {
    width: 100%;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 10px;
}

.footer__icon{
    width: 122px;
    float: left;
}

.footer-layer .footer-phone._line:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(255,255,255,.5);
}

.box_product_order{
    width: 100%;
    overflow: hidden;
}

.box_product_order .item{
    width: 48%;
    float: left;
    text-align: center;
}

.form_order_product .list_group {
    width: 100%;
    overflow: hidden;
}

.form_order_product .list_group .group_item {
    width: 48%;
    float: left;
}

.form_order_product .form-control::placeholder{
    color: #555;
}

.hoi_dap{
    padding: 0;
}

.form_order_product .form-control[type=submit] {
    background: #f00;
    color: #fff;
    padding: 5px 30px;
    border-radius: 5px;
    float: right;
    border: none;
    margin-bottom: 15px;
    width: auto;
    display: inline-block;
}

.free-ship{
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    margin: 15px 0;
}

.form_order_product .list_group .group_item:nth-child(odd) {
    margin-right: 4%;
}

.box_product_order .item:nth-child(odd){
    margin-right: 4%;
}

.box_product_order .item img{
    width: 200px;
}

.box_product_order .item .image{
    margin-bottom: 10px;
}

.box_product_order .item .price_item {
    color: #000;
    font-weight: 600;
    font-size: 18px;
}

.box_product_order .item .price_item span{
    color: #ff0000;
}

.list_links2 ul{
    padding-left: 20px;
}

.list_links2 ul li {
    margin-bottom: 10px;
    list-style: disc;
}

.list_links2 ul li a{
    color: #333;
    font-size: 15px;
}

.list_links2 ul li a:hover{
    color: #4db848;
}

.block_news .image{
    width: 230px;
    float: left;
    margin-right: 10px;
}

.block_news .image img{
    height: 185px;
    object-fit: cover;
    width: 100%;
}

.block_news .box_info{
    width: calc(100% - 240px);
    float: left;
}

.block_news .box_info h3{
    margin: 0 0 5px;
}

.block_news .box_info h3 a{
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #333;
    line-height: 18px;
}

.block_news .box_info h3 a:hover{
    color: #4db848;
}

.block_news .box_info .desc{
    height: auto;
    margin-top: 5px;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.view-more3 {
    margin-top: 10px;
    width: 100%;
    text-align: center;
    display: block;
    overflow: hidden;
}

.view-more3 a {
    font-size: 18px;
    display: inline-block;
    background-color: #4db848;
    color: #fff;
    border-radius: 3px;
    padding: 7px 25px;
}

.view-more2 a i {
    font-size: 13px;
}

.view-more2{
    padding: 7px 0;
    color: #fff;
    font-size: 14px;
}

.view-more2 a{
    color: #f00;
}

.banner_gioithieu .image{
    position: relative;
}

.banner_gioithieu .nd_banner{
    position: absolute;
    width: 415px;
    padding: 30px 15px;
    top: 50%;
    text-align: center;
    right: 10%;
    transform: translateY(-50%);
    background-color: rgba(122, 45, 117, 0.9);
}

.banner_gioithieu .nd_banner h2{
    font-weight: 600;
    font-size: 30px;
    color: #fff;
    line-height: normal;
    margin: 0;
}

.about_us { background: #f5f5f5; padding: 25px 0 35px 0;}

.about_us .title-h2 {
    margin-bottom: 30px;
}

.about_us .nd{
    font-size: 15px;
	line-height: 26px;
	text-align: justify;
}

.tam_nhin_su_menh{
    display: block;
    width: 100%;
    position: relative;
    padding: 30px 0;
    margin-top: 0px;
    background: url(../images/img2.jpg) center center no-repeat;
    background-size: cover;
    padding: 100px 0;
    overflow: hidden;
    text-align: left;
}

.tam_nhin_su_menh .box_group .box_tamnhin{
    margin-bottom: 30px;
}

.tam_nhin_su_menh .box_group .title{
    color: #7a2d75;
    font-weight: 600;
    font-size: 24px;
    margin: 0 0 5px;
}

.tam_nhin_su_menh .box_group .box_sumenh .title{
    text-align: right;
}

.tam_nhin_su_menh .box_group .content{
    font-size: 16px;
    color: #000;
}

.product-item .ratings ul{
    text-align: center;
    margin-top: 20px;
}

.ratings li{
    display: inline;
}

.ratings li i{
    color: #ffcf00;
}

.cosmetics .product-item .buy a{
    padding: 10px 20px;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 0;
    text-align: center;
    width: 180px;
    margin: 20px auto 0;
    background: #ff9800;
    border-radius: 30px;
    font-weight: 500;
    color: #fff;
}

.product-item .image img{
    transform: scale(1);
    transition: 0.2s;
	padding: 15px;
}

.product-item:hover .image img{
    transform: scale(1.1);
}

.product-item .image{
    overflow: hidden;
}

.cosmetics .product-item .buy i{
    margin-right: 15px;
}

.home-sale{
    margin: 0 auto;
}

.event{
    margin-bottom: 50px;
}

.event .event-list{
    padding: 30px 0;
}

.event-item { position: relative;}
.event-item .description {
    padding: 0 10px;
    width: 100%;
    overflow: hidden;
}
.event-item .description h3 a { color: #000; font-weight: 600;}
.event-item .description h3 a:hover { color: #7a2d75;}
.event-item .date-time{
    color: #999;
    font-size: 13px;
    padding: 10px 0 5px;
    display: block;
}

.event-item .image{
    overflow: hidden;
}

.event-item .image img{
    transform: scale(1);
    transition: 0.5s;
	height: 250px;
	object-fit: cover;
}

.event-item .date-time i{
    margin-right: 10px;
}

.event-item h3{
    margin: 0;
}

.event .event-item{
    width: 33.3%;
    padding: 0 15px;
    float: left;
}

.event-item h3 a{
    color: #333;
    line-height: 20px;
    font-weight: 600;
    position: relative;
    display: block;
	text-align: left;
    font-size: 17px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.event-item:hover img{
    transform: scale(1.2);
}

.event-item:hover h3 a{
    color: #7a2d74;
}
.event-item .gioi_thieu {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.connect{
    margin-bottom: 50px;
}

.connect .description {
    color: #333;
    max-width: 610px;
    margin: 30px auto 0;
    text-align: center;
}

.connect .mask{
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
}

.connect .event-item:nth-child(1) .mask{
    background: rgba(76, 187, 198, .7);
}

.connect .event-item:nth-child(2) .mask{
    background: rgba(69, 123, 176, .7);
}

.connect .event-item:nth-child(3) .mask{
    background: rgba(143, 173, 21, .7);
}
    
.connect h3 a{
    color: 16px;
}

.connect .event-item .image{
    position: relative;
}

.connect .event-item:hover a{
    color: #fff;
}

.connect .event-item:hover .image img{
    transition: 0.8s;
}

.connect .event-item:hover img{
    transform: scale3d(1.3, 1.3, 1) rotate(5deg);
}

.event.connect .event-item h3 a {
    margin: 0;
    padding: 10px 0;
}

.event.connect .event-item h3 a {
    color: #fff;
}

.news_right { margin-bottom: 15px; display: inline-block}
.news_right .image12 { width: 35% !important; float: left; margin-right: 2%;}
.news_right .image12 img { width: 100%; object-fit: cover; height: 120px;}
.news_right .content_right { text-align: left; width: 63%; float: left;}
.news_right .content_right h2 { margin: 0;}
.news_right .content_right h2 a {
    color: #333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    font-size: 18px;
    font-weight: 600;
    height: 40px;
}

.news_right .content_right h2 a:hover{
    color: #f00;
}

.news_right .content_right .des{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.slider .slick-dots li.slick-active button:before {
    color: #4db848;
    border-radius: 100%;
    border: 1px solid #4db848;
}

.slider .slick-dots li{
    margin: 0;
}

.slider .slick-dots li:not(:last-child){
    margin-right: 10px;
}

.slider .slick-dots li button:before {
    color: #4db848;
    font-size: 40px;
    line-height: 18px;
} 

.line-lear::before {
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(255, 255, 255, .2);
    width: 0;
    transition: all 0.3s ease-in-out 0s;
    height: 100%;
}

.line-lear:hover::before {
    width: 100%;
}

footer.footer{
    position: relative;
    background: #4db848;
	padding: 30px 0 0px 0;
}

.subscribe{
    background: #ebecec;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-bottom: 40px;
    padding: 30px 0;
}

.subscribe .box-subscribe{
    text-align: center;
}

.subscribe .box-subscribe h2{
    display: inline-block;
    margin: 0;
    width: 260px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #5b6368;
}

.subscribe input{
    width: calc(100% - 111px);
    float: left;
    background: 0 0;
    border: none;
    padding: 7px 15px;
    color: #333;
}

.subscribe input:focus{
    border: 0;
}

.subscribe button{
    color: #fff;
    background: #737d83;
    border-radius: 20px;
    padding: 7px 20px;
    transition: all, .3s;
    text-transform: uppercase;
    box-shadow: none;
    border: none;
    transition: 0.3s;
}

.subscribe button:hover{
    background: #7a2d74;
}

.subscribe .form-subscribe{
    background: #fff;
    border-radius: 20px;
    width: 325px;
    margin: 0 auto;
    padding: 3px;
    display: inline-block;
    height: 40px;
}

.footer-top{
    background: #999;
}

.menu_foot{
    width: 70%;
    float: left;
}

.menu_foot li{
    float: left;
}

.menu_foot li a{
    display: block;
    color: #333;
    text-transform: uppercase;
    font-size: 16px;
    padding: 9px 15px;
    font-weight: 600;
    margin: 26px 0;
    border-radius: 8px;
}
    
.footer-main .footer-box-content h3 {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
    margin-top: 0;
}
.footer-main .footer-box-content div { 
	color: #fff;
    line-height: 23px;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 18px;
}
.footer-main .footer-box-content li a{
    color: #333;
    letter-spacing: 1px;
    line-height: 24px;
    font-weight: 300;
    font-size: 13px;
}

.feedback .slick-prev, .feedback .slick-next{
    transform: translateY(-50%);
    transition: 0.5s;
    margin: 0;
    z-index: 10;
    opacity: 1;
    height: auto;
}

.feedback .slick-prev{
    left: -10px;
}

.feedback .slick-next{
    right: -10px;
}

.feedback .slick-prev:before, .feedback .slick-next:before{
    display: none;
}

.feedback .slick-prev i, .feedback .slick-next i{
    color: #4db848;
    font-size: 38px;
}

.info_kh{
    width: 33.3333%;
    text-align: center;
    float: left;
    padding: 50px 15px 0;
}

.info_kh .avatar{
    width: 120px;
    height: 120px;
    border-radius: 100%;
    margin: 0 auto 15px;
    overflow: hidden;
}

.info_kh .avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.info_kh .name{
    margin-bottom: 5px;
}

.info_kh .name a{
    font-size: 20px;
    color: #4db848;
    font-weight: 600;
}

.info_kh .add{
    font-size: 15px;
    margin-bottom: 10px;
}

.info_kh .nd{
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	height: 80px;
	padding: 0 20px;
}

.feedback{
    padding: 55px 0;
	background: #eee;
}

.feedback .title {
    color: #4db848;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 26px;
    text-align: center;
    line-height: normal;
    margin-bottom: 20px;
    position: relative;
}

.feedback .title:before {
    content: '';
    transform: translateX(-50%);
    height: 2px;
    width: 100px;
    background-color: #4db848;
    left: 50%;
    bottom: -5px;
    display: block;
    position: absolute;
}

.highlight-service{
    display: block;
    width: 100%;
    position: relative;
}

.highlight-service .flex{
    display: flex;
}

.item-highlight-service {
    padding: 30px 15px;
    background-color: #feae35;
}

.item-highlight-service:nth-child(even){
    background-color: #faa524;
}

.item-highlight-service .content-item {
    margin: 0 auto;
    text-align: center;
}

.item-highlight-service .content-item .box-icon {
    width: 100px;
    margin: auto;
}

.item-highlight-service .content-item .box-info {
    width: 100%;
    float: left;
}

.item-highlight-service .title-box {
    color: #000;
    font-size: 18px;
    margin-bottom: 15px;
}

.item-highlight-service .desc {
    font-size: 13px;
    color: #313131;
    margin-bottom: 0;
}

.border-vas .info-right-xu-ryk{
    float: right;
    padding: 5px 15px 5px 0;
    position: relative;
}

.border-vas .info-right-xu-ryk:after{
    position: absolute;
    content: '';
    background-image: url(../images/line.png);
    background-repeat: no-repeat;
    width: 2px;
    top: 0;
    background-size: contain;
    right: 2px;
    height: 100%;
}

.social-head{
    display: inline-block;
    float: right;
    padding: 5px 0;
}

.social-head li{
    float: left;
    margin-left: 15px;
}

.social-head li img{
    width: auto;
}

.social-bottom a{
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
	margin:0;
	padding:0;
}

.social-bottom p {
	font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    margin-top: 20px;
	}
.social-bottom li{
    float: left;
    margin-right: 7px;
}
.social-bottom li img { padding-top: 10px; padding-right: 5px;}

.social-bottom i{
    line-height: 30px;
    color: #737d83;
    font-size: 17px;
    transition: 0.3s;
}

.social-bottom a:hover i{
        color: #7a2d74;
}

.footer-main .registerstore{
    color: #fff;
    display: inline-block;
    line-height: 36px;
    text-align: center;
    width: 100%;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    transition: 0.3s;
    text-transform: uppercase;
    border-radius: 0px;
}

.footer-main .registerstore img {
    margin-right: 20px;
    vertical-align: middle;
    width: 150px;
    margin-top: 20px;
	float:right;
}

.footer-bottom{
    overflow: hidden;
    background: #22871e;
    padding: 10px 0;
    margin-top: 30px;
}

.footer-bottom .cpy p {
    color: #fff;
    margin: 0;
    font-size: 14px;
}

.footer-bottom .list-privacy ul {
    text-align: right;
    overflow: hidden;
    display: inline-block;
    float: right;
}

.footer-bottom .list-privacy ul li{
    float: left;
}

.footer-bottom .list-privacy ul li:not(:last-child){
    border-right: 1px solid #fff;
}

.footer-bottom .list-privacy ul li a {
    color: #fff;
    position: relative;
    padding: 0 9px;
	text-transform:none;
    font-size: 14px;
}
.header-top .language {
	margin-left: 10px;
	border-radius: 15px;
	width: 60px;
	border: none;
	text-align: center;
	line-height: 22px;
	float: right;
	padding: 0;
	transition: all, .3s;
}

.header-top .language li{
	float: left;
}

.header-top .language li:not(:first-child){
	margin-left: 10px;
}

.promotion_wrapper12 {
    border: #4db848 solid 1px;
    border-radius: 4px;
    padding: 12px 0 0;
    position: relative;
    overflow: visible;
    margin: 20px 0;
    float: left;
    width: 100%;
}

.promotion_wrapper12 b {
    background: #4db848;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    top: -15px;
    left: 10px;
    vertical-align: middle;
    line-height: 26px;
    clear: both;
    padding: 2px 15px;
    text-transform: uppercase;
}

.promotion_wrapper12 .khuyenmai-info {
    padding: 10px 10px 0;
}

.price_product_detail{
    font-size: 20px;
}

.price_product_detail span{
    color: #ff0000;
    font-weight: 600;
    font-size: 26px;
}

.slide .scroll-down {
    display: inline-block;
    position: absolute;
    bottom: 271px;
    width: 19px;
    height: 44px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-animation: scrollDestop 2s infinite;
    -moz-animation: scrollDestop 2s infinite;
    -o-animation: scrollDestop 2s infinite;
    -ms-animation: scrollDestop 2s infinite;
    z-index: 44;
    cursor: pointer;
}

.slick-prev:before, .slick-next:before{
    display: none;
}

.slide .slick-prev, .slide .slick-next{
    margin: 0;
    width: 24px;
    height: 30px;
    transform: translateY(-50%);
    z-index: 66;
    text-align: center;
    opacity: 0.75;
    background-color: unset;
    border-radius: 100%;
}

.slide .slick-prev i, .slide .slick-next i{
    color: #1270a2;
    line-height: 30px;
    font-size: 48px;
}

.slide .slick-prev{
    left: 30px;
}

.slide .slick-next{
    right: 30px;
}

.noi_dung_nd { font-size: 16px; line-height: 24px; padding-top: 10px;}
.title_tinkhac { text-align: left; background: #4db848; margin: 0 0 20px 0; padding: 7px 15px;}
.title_tinkhac h2 { padding: 0; line-height: 22px; font-size:18px; font-weight: 600; margin: 0; color: #FFF;}
.huychuongvang { padding: 0;}
.huychuongvang img { width: auto;}
.huychuongvang p { 
	text-align: center; 
	font-size: 17px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	padding: 10px 5% 0 5%;
}
.box_tinkhac { 
	border: solid 1px #eee; 
	padding: 5px;
}


@keyframes scrollDestop {
    0% {
        bottom: 170px;
        opacity: 0;
    }

    90% {
        bottom: 129px;
        opacity: 1;
    }

    100% {
        bottom: 131px;
        opacity: 0;
    }
}
.dia_chi_ct_mb {
	display: none
}


@media (min-width: 1400px) {
    .img_song1 {
        background-image: url(../images/song3.png);
    }

    .img_song2 {
        background-image: url(../images/song4.png);
    }

    .img_song{
        bottom: calc(100% - 2px);
    }
}

@media (max-width: 1200px) {
    .header-main .navbar-inverse .navbar-nav>li>a{
        padding: 9px 8px;
        font-size: 15px;
    }

    .logo-top .logo {
        margin: 20px 0;
    }

    .logo-top {
        width: 240px;
    }

    .header-main .menu-desktop {
        width: calc(100% - 240px);
    }

    .banner_middle {
        position: relative;
        top: 0; 
        margin-top: 30px;
        display: inline-block;
        left: 50%;
        z-index: 3;
        transform: translate(-50%, 0);
        overflow: hidden;
    }

    .container{
        width: 100%;
        max-width: 1170px;
    }

    .header-main .navbar-nav>li+li {
        margin-left: 4px;
    }

    .product .sub-content {
        width: 70%;
    }

    .box-category .category-step .opt {
        height: 55px;
        width: 200px;
    }

    .box-category .category-step .opt1 {
        top: 16%;
        left: 13%;
    }

    .box-category .category-step .opt2 {
        top: 28%;
    }

    .box-category .category-step .opt3 {
        top: 40%;
    }

    .box-category .category-step .opt4 {
        top: 51%;
    }

    .box-category .category-step .opt5 {
        top: 63%;
    }

    .box-category .category-step .opt6 {
        top: 16%;
    }

    .box-category .category-step .opt7 {
        top: 28%;
    }

    .box-category .category-step .opt8 {
        top: 40%;
    }

    .box-category .category-step .opt9 {
        top: 51%;
    }

    .box-category .category-step .opt10 {
        top: 63%;
    }

    .cosmetics .nav-tabs>li>a {
        padding: 10px;
    }
}

@media (min-width: 992px){
    .header-main .navbar-nav .nav-item:hover .nav-sub{
        display: block;
    }

    .fixed{
        top: -38px!important;
        left: 0;
        z-index: 49;
    }

    .header-main .navbar-nav .nav-item:hover .dropdown-content{
        display: block;
    }
}

@media (max-width: 991px) {
	.dia_chi_ct_mb {
		display: block;
		display: inline-block;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 16px;
		/* left: 16px; */
	}
	.dia_chi_ct_mb h2 {
		font-size: 13px;
		color: #4db848;
		margin: 0;
		padding: 0;
		line-height: 25px;
		font-weight: 600;
	}
	.dia_chi_ct_mb p {
		font-size: 12px;
		color: #333;
	}

    .cosmetics .product-item .buy a{
        width: 100%;
    }

    .navbar-nav .nav-item .nav-sub .nav-item-child a{
        color: #fff;
    }

    .navbar-nav .nav-item .nav-sub .nav-item-child a:hover{
        background-color: #45a7d6;
    }

    .product_home_list .item{
        width: 33.3333%;
    }

    .dinh_duong {
        padding: 0 0 30px;
    }

    .header-main .navbar-inverse .navbar-nav>li>a:hover{
        background-color: #007a49;
    }

    .main {
        margin-top: 134px;
    }

    .cosmetics .nav-tabs li{
        width: 100%;
    }

    .image_vs img {
        margin-top: 0px;
        float: left;
        width: 100%;
        max-width: 300px;
        padding-left: 43px;
    }

    .subscribe {
        display: none;
    }

    .footer-bottom .cpy, .list-privacy{
        text-align: center;
    }

    .footer-bottom .list-privacy ul li:not(:last-child) {
        border: 0;
    }

    .footer-bottom .list-privacy ul li:not(:last-child) a{
        border-right: 1px solid #c4cbd0;
    }

    .footer-bottom .list-privacy ul {
        float: unset;
    }

    .cosmetics .nav-tabs>li:not(:first-child) {
        margin: 0;
    }

    .cosmetics .nav-tabs>li.is-active>a, .cosmetics .nav-tabs>li.active-is>a:focus, .cosmetics .nav-tabs>li.is-active>a:hover {
        border-radius: 0;
        margin: 0;
    }

    .icon-menu-cosmetics{
        float: right;
        margin-right: 20px;
        overflow: hidden;
    }

    .cosmetics .nav-tabs{
        display: none;
    }

    .cosmetics .nav-tabs>li>a:before {
        width: 0;
    }

    .cosmetics .col-md-12{
        padding: 0;
    }

    .product-tabs .nav-tabs {
        padding: 0;
        width: 100%;
    }

    .box-category .category-step .opt {
        height: 46px;
        width: 200px;
    }

    .box-category .category-step .opt1 {
        top: 15%;
    }

    .box-category .category-step .opt2 {
        top: 25%;
    }

    .box-category .category-step .opt3 {
        top: 35%;
    }

    .box-category .category-step .opt4 {
        top: 45%;
    }

    .box-category .category-step .opt5 {
        top: 55%;
    }

    .box-category .category-step .opt6 {
        top: 15%;
        left: 67%;
    }

    .box-category .category-step .opt7 {
        top: 25%;
        left: 68%;
    }

    .box-category .category-step .opt8 {
        top: 35%;
        left: 69%;
    }

    .box-category .category-step .opt9 {
        top: 45%;
        left: 68%;
    }

    .box-category .category-step .opt10 {
        top: 55%;
        left: 66%;
    }

    .header-main .logo-top{
        width: 100%;
        padding: 0 30px;
    }

    .header-main .navbar-inverse .navbar-nav>li>i{
        display: block;
    }

    .header-main .navbar-nav .nav-item .nav-sub {
        position: static;
        background-color: #4db848;
    }

    .overlay{
        position: fixed;
        top: 0;
        display: none;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 90;
        background: #e6e6e6;
        opacity: .9;
    }

    .header-main .menu-desktop {
        width: 270px;
        position: fixed;
        top: 0;
        left: -270px;
        bottom: 0;
        padding: 0; 
        z-index: 100;
        transition: 0.5s;
    }

    .navbar-nav .dropdown-content {
        position: fixed;
        top: 0;
        left: 0;
        width: 270px;
        height: 100vh;
        background-color: #fff;
        display: none;
        z-index: 101;
        overflow-y: scroll;
        padding: 40px 15px 0 15px;
    }

    .navbar-nav .dropdown-content .product-item {
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }

    .navbar-nav .dropdown-content .product-item h3 a {
        font-size: 14px;
        padding: 8px 10px;
    }

    .header-main .navbar-nav>li {
        float: unset;
    }

    .header-main .navbar-nav>li+li {
        margin: 0;
    }

    .header-main .navbar-nav {
        float: left;
        width: 100%;
        height: 100vh;
    }

    .header-main .navbar-inverse{
        border-radius: 0;
        background-color: #4db848;
    }

    .header-main .navbar-inverse .navbar-nav>li>a {
        padding: 10px 15px;
        border-bottom: 1px solid #e6e6e6;
        height: 40px;
        border-radius: 0;
        margin: 0;
        color: #fff;

    }

    .show{
        display: block!important;
    }

    .logo-top{
        text-align: center;
    }

    .logo-top .logo{
        display: inline-block;
        margin: 10px 10px 10px 0;
    }

    .logo-top .logo img{
        height: 70px;
    }

    .list-bar {
        display: inline-block;
        position: relative;
        z-index: 9;
    }

    .panner-background .images img{ 
        width: 80%;
        margin: auto;
    }
}

@media (max-width: 767px) {
    .cosmetics .content-product {
        padding: 20px 0; 
    }
    .event .event-item {
        width: 100%;
    }

    .product_home_list .item{
        width: 50%;
    }

    .level_dk{
        display: none;
    }

    .level_mb{
        display: block;
        max-width: 475px;
        margin: auto;
    }

    .home-category {
        display: none;
    }

    .event .event-item:not(:last-child) {
        margin-bottom: 30px;
    }

    .header-main .navbar-nav {
        margin: 0;
    }
}


@media (max-width: 550px) {
    .footer-bottom .list-privacy ul li a {
        padding: 0 7px;
        font-size: 14px;
    }

    .product_home_list .box_content h3 a{
        text-align: left;
    }

    .product_home_list .item{
        width: 100%;
        text-align: left;
        padding: 15px;
    }

    .product_home_list .slick-dots{
        bottom: 15px;
    }

    .float-icon-hotline{
        display: block;
    }

    #mb_des_num {
        display: none;
    }

    #mb_des_icon {
        display: none;
    }

    .diemban_item .name{
        font-size: 20px;
    }

    .diemban_item .name i{
        font-size: 18px;
        margin-right: 4px;
    }

    .danhmuc_add li a {
        line-height: 18px;
        font-size: 16px;
    }

    .diemban_main .sub_title{
        font-size: 16px;
    }

    .danhmuc_add li{
        width: 33.3333%;
    }

    .news_right .content_right h2 a{
        font-size: 15px;
        line-height: 18px;
        height: 36px;
    }

    .product_home_list .box_content .des{
        height: auto;
        font-size: 15px;
    }

    .product_home_list .image{
        width: 150px;
    }

    .product_home_list .box_content {
        width: calc(100% - 160px);
    }

    .slide .slick-prev i, .slide .slick-next i{
        font-size: 30px;
    }

    .slide .slick-prev{
        left: 15px;
    }

    .slide .slick-next{
        right: 15px;
    }

    .logo_foot img {
        width: auto;
        height: 36px;
    }

    .footer-box-content .nd {
        padding-left: 28px;
    }

    .footer-main .footer-box-content div {
        line-height: 22px;
        font-size: 15px;
    }

    .logo_foot {
        margin-bottom: 20px;
    }

    .dinh_duong .mota {
        font-size: 18px;
    }

    .image_vs img {
        padding-left: 28px;
    }

    .professional .title{
        font-size: 24px;
        margin-bottom: 20px;
    }

    .professional .box1 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    .professional .box2 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 25px;
    }

    .professional .send_question {
        height: 44px;
        line-height: 44px;
        width: 150px;
        font-size: 18px;
    }

    .professional {
        min-height: unset; 
        background-position: center left;
        padding: 30px 0;
    }

    .tu_van .title {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .dinh_duong .title {
        font-size: 24px;
    }

    .tu_van .sub_title {
        font-size: 18px;
        margin: 0 auto 15px;
    }

    .box-new-item h3 a{
        height: auto;
    }

    .box-new-item:not(:last-child){
        margin-bottom: 20px;
    }

    .footer-bottom .cpy p {
        font-size: 14px;
    }

    footer.footer {
        padding: 0;
    }

    .list-bar {
        position: absolute;
        left: unset;
        margin-top: 16px;
        right: 15px;
    }

    .header-main .logo-top{
        padding: 0 15px;
        text-align: left;
    }

    .main {
        margin-top: 124px;
    }

    .slide {
        margin-bottom: 36px;
    }

    .slide .scroll-down{
        bottom: 161px;
    }

    .img_song1 {
        background-position: top center;
    }

    .product_home .img_song {
        height: 30px;
    }

    @keyframes scrollDestop {
        0% {
            bottom: 60px;
            opacity: 0;
        }

        90% {
            bottom: 19px;
            opacity: 1;
        }

        100% {
            bottom: 21px;
            opacity: 0;
        }
    }

    .logo-top .logo img {
        height: auto;
        width: 60px;
    }

    .title-h2 {
        font-size: 20px;
    }
}



/*css*/
.breadcrumb li a {
    color: #333;
}

.breadcrumb li {
    float: left;
    color: #333;
    font-size: 15px;
}

.breadcrumb {
    overflow: hidden;
    margin: 0;
    padding: 10px 0;
    border-radius: 0;
    background: 0 0;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #333;
    content: ">";
}

.product-sidebar .title span{
    display: inline-block;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px;
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
}

.product-sidebar{
    padding: 0px 0;
}

.product-sidebar .title{
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    background: #7a2d74;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.product-sidebar .product-category>ul li{
    padding: 0 10px;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
}

.product-sidebar .product-category>ul li a {
    display: block;
    padding: 7px 0;
    color: #333;
	font-size: 16px;
}
.product-sidebar .product-category>ul li:hover {
	background: #7a2d74;
	color: #fff;
}
.product-sidebar .product-category>ul li a:hover {
	color: #fff;
}

.product-sidebar .filter-group {
    margin-bottom: 20px;
    border: 1px solid #e6e6e6;
    border-top: 0;
    border-radius: 3px;
}

.product-page .product-item {
	width: 100%;
	padding: 0;
    margin: 0;
    margin-bottom: 20px;
	border: solid 1px #eee;
}

.product-sidebar .product-category>ul li:last-child {
    border: 0;
}

.breadcrumb {
    padding: 10px;
}

.group-bar{
    display: none;
}

.close-box-sidebar{
    display: none;
}

@media (max-width: 991px) {
    .group-bar{
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        display: block;
        text-align: center;
        z-index: 48;
        cursor: pointer;
        text-align: center;
        background: #fff;
        color: #333;
        border-top: 1px solid #e6e6e6;
        box-shadow: 0 -1px 20px rgba(0, 0, 0, .2);
    }

    .box-sidebar{
        padding: 50px 150px;
    }

    .group-bar .list-bar{
        margin: 0;
    }

    .product-page .icon-menu-cosmetics {
        float: unset;
    }

    .group-bar span{
        line-height: 40px;
        vertical-align: text-bottom;
        display: inline-block;
        font-size: 16px;
        margin-left: 10px;
    }

    .product-page .bar1, .product-page .bar2, .product-page .bar3 {
        background-color: #333;
    }

    .modal-sidebar {
        position: fixed;
        width: 100%;
        height: 100vh;
        z-index: 123;
        top: -100vh;
        padding: 0;
        background-color: #fff;
        overflow-y: scroll;
        transition: 0.5s;
    }

    .product-sidebar {
        padding: 0;
    }

    .close-box-sidebar{
        position: absolute;
        top: 25px;
        display: block;
        cursor: pointer;
        right: 50px;
    }

    .close-box-sidebar i{
        font-size: 28px;
    }

    .top{
        top: 0;
    }
}

/*css giai phap*/
.panner-top .backgroud-panner-top{
    margin-top: 50px;
    padding: 50px 0;
    overflow: hidden;
    background: url('../images/da-lao-hoa-do-di-truyen.jpg') no-repeat center center;
}

.backgroud-panner-top .content{
    width: 65%;
    float: right;
    padding: 20px;
}

.backgroud-panner-top .content h2:before{
    background: #fff;
}

.backgroud-panner-top .content h2{
    color: #fff;
}

.backgroud-panner-top .content p{
    text-align: center;
    color: #fff;
}

.category-info{
    border: 2px solid #d7d7d7;
    box-shadow: 2px 5px 15px rgba(5, 5, 5, 0.2);
    margin-bottom: 30px;
    text-align: center;
    padding: 100px 0;
}

.category-info .cate-image{
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

.category-info .number{
    font-size: 56px;
    line-height: 1;
    font-weight: 600;
    color: #93b0c9;
    opacity: 0.2;
    margin-bottom: 5px;
}

.category-info .cate-title{
    font-size: 18px;
    color: #2a9ca7;
}

.product .product-list{
    background-color: #fff;
}

.giaiphap-page.cosmetics .tab-content {
    margin-top: 0;
}

.cosmetics .slick-prev, .cosmetics .slick-next {
    font-size: 36px;
    opacity: 1;
    color: #333!important;
    z-index: 22;
}

.cosmetics .slick-prev{
    left: 0;
}

.group-image.event-item h3 a{
    font-weight: bold;
    font-size: 13px;
}

.event-item .description{
    color: #333;
    font-size: 12px;
    font-weight: 300;
}

.event-main h3 a {
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
}

.information{
    padding: 20px 0 20px 0;
	margin-bottom: 20px;
}
.information1{
    padding: 20px 0 20px 0;
	background: #fff;
}

h2.title-underline span{
    background: #3e87cb;
    display: block;
    max-width: 185px;
    font-weight: 700;
    padding: 10px 0;
    font-size: 16px;
}

h2.title-underline{
    border-bottom: 2px solid #3e87cb;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.title-group{
    padding: 0 15px;
}

.can-left.event-main .image{
    width: 50%;
    float: right;
}

.news .event-main{
    overflow: hidden;
}

.can-left.event-main .box-content{
    float: left;
    width: 50%;
    padding: 15px;
}

.news .event-main h3 a {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.news .group-image .image{
    width: 50%;
    float: left;
}

.news .group-image .box-content{
    width: 50%;
    float: right;
    padding: 10px;
}

.news .group-image{
    overflow: hidden;
    margin-bottom: 10px;
}

.news .event-item .date-time {
    padding: 0 0 5px 0;
}

.news .group-image.event-item h3 a {
    font-weight: 500;
}

.can-right.event-main .image{
    width: 50%;
    float: left;
}

.can-right.event-main .box-content{
    float: right;
    width: 50%;
    padding: 15px;
}

.view-more a{
    display: block;
    text-transform: uppercase;
    padding: 10px 0;
    text-align: center;
    position: relative;
    width: 180px;
    margin: 20px auto 0;
    background: #3e87cb;
    border-radius: 30px;
    font-weight: 500;
    color: #fff;
    overflow: hidden;
}

.view-more a:before{
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(255, 255, 255, .2);
    width: 0;
    transition: all 0.3s ease-in-out 0s;
    height: 100%;
}

.view-more a:hover:before{
    width: 100%;
}

.view-more a i{
    margin-right: 10px;
}

.infor-even h2 span {
    background: #8fad15;
}

.infor-even h2 {
    border-bottom: 2px solid #8fad15;
}

.infor-even .view-more a {
    background: #8fad15;
}

.event-item.can-right{
    margin-bottom: 50px;
}
.sanphamkhac { margin: 10px 0; border: solid 1px #eee; padding: 15px;}
.sanphamkhac .content-product h3 { height: 30px; font-size: 17px; text-align: center; font-weight: 600;}
.sanphamkhac .images { padding: 15px;}

@media (max-width: 991px){
    .news .group-image .image {
        width: 150px;
        float: left;
    }

    .news .group-image {
        margin: 20px 0;
    }

    .news .group-image .box-content {
        float: left;
        padding: 10px;
    }

    .information {
        padding: 0;
    }

    .information .event-main{
        margin-bottom: 30px;
    }

    .group-image{
        margin-bottom: 50px;
    }

    .news{
        margin-bottom: 50px;
    }
}

@media (max-width: 767px){
    .can-right.event-main .image {
        width: 100%;
    }
    .can-right.event-main .box-content {
        width: 100%;
        padding: 15px;
    }

    .can-left.event-main .box-content {
        width: 100%;
    }

    .can-left.event-main .image {
        width: 100%;
    }
}

/*css khuyen mai*/
.voucher {
    padding-top: 50px;
}

.voucher h2{
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
}

.voucher h2 a{
    font-size: 18px;
    color: #333333;
    font-weight: 500;
}

@media (max-width: 767px){
    .voucher h2 a{
        font-size: 16px;
    }
}

/*css blog*/
.blog-group-lever1{
    padding-top: 10px;
}

.blog-left .event-item h3 a, .blog-right .event-item h3 a {
    font-size: 12px;
    font-weight: 600;
    padding: 0;
}

.blog-center .event-item h3 a{
    font-weight: 600;
    font-size: 16px;
}

.blog-group .title-h2{
    margin-bottom: 30px;
}

.blog-group-lever2 h2.title-underline span{
    background: #3e87cb;
}

.blog-group .event-item{
    border-bottom: 2px solid #e6e6e6;
}

.blog-group {
    padding-top: 10px;
}

.blog-group-lever3 h2.title-underline span{
    background: #8fad15;
}

.blog-group-lever3 h2.title-underline{
    border-bottom: 2px solid #8fad15;
}

.blog-group-lever3 .view-more a {
    background: #8fad15;
}

.blog-group-lever4 h2.title-underline span{
    background: #7a2d74;
}

.blog-group-lever4 h2.title-underline{
    border-bottom: 2px solid #7a2d74;
}

.blog-group-lever4 .view-more a {
    background: #7a2d74;
}

.blog-group-lever5 h2.title-underline span{
    background: #842263;
}

.blog-group-lever5 h2.title-underline{
    border-bottom: 2px solid #842263;
}

.blog-group-lever5 .view-more a {
    background: #842263
}

.slide_top { max-width:100%;}
.slide_top img { width:100%; height:600px; object-fit: cover;}


.payment{margin-bottom:20px !important; width:100%;}
.payment .step .item {
    float: left;
    width: 33.33%;
}

.payment .step .item:first-child .link {
    padding-left: 20px;
}
.payment .step .link {
    display: block;
    padding: 8px 35px 8px 30px;
    padding-left: 30px;
    font-size: 13px;
    line-height: 20px;
    color: #333;
    font-weight: 500;
    background: #f0f0f0;
    position: relative;
}
.payment .step .complete .number {
    text-indent: -999px;
    background: url(images/icon-checked.png) 0% 0% no-repeat;
}
.payment .step .number {
    display: inline-block;
    margin-right: 5px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #999;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
}
 .payment .step .active .number {
    background: #0492d5;
}
 .payment .step .active .link {
    background: #f4f9fd;
}
button{
	cursor:pointer
}
 .count .abate {
    left: -30px;
	top: 20px;
    border-right: none;
}
 .count .btn {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1px solid #dfdfdf;
    border-right-color: rgb(223, 223, 223);
    border-right-style: solid;
    border-right-width: 1px;
    top: 0;
    cursor: pointer;
	padding:0;
}
 .count .augment {
    right: -30px;
    border-left: none;
}
 .count .quantity {
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #dfdfdf;
}
.uk-position-relative {
    position: relative !important;
}
.count > * {
    display: inline-block;
}
.count {
    text-align: center;
}
.count .abate::before {
    background: #ccc;
}
 .count .augment::before {
    background: #288ad6;
}
 .count .abate::before{
    width: 8px;
    height: 2px;
    margin: 8px auto;
    content: "";
    display: block;
}
.count .augment::before {
    width: 8px;
    height: 2px;
    margin: 8px auto;
    content: "";
    display: block;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
 .count .augment::after {
    content: "";
    width: 2px;
    height: 8px;
    background: #288ad6;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 5px;
    left: 0px;
    right: 0;
}

.uk-list {
    padding: 0;
    list-style: none;
}
.dat_hang button{
    border: none;
    background: #7a2d74;
    color: #fff;
    padding: 8px 15px;
    cursor: pointer;
	text-transform: uppercase;
}
.dat_hang{
    margin-top: 10px;
    text-align: right;
	margin-bottom: 20px !important;
}



@media (max-width: 991px){
    .blog-group .event-item h3 a {
        font-size: 13px;
    }
}

/* css tool fix*/
.tool-fix{
    top: 180px;
    right: 0;
    position: fixed;
    z-index: 10;
    transition: all, .3s;
    transform: translateX(112px);
}

.tool-fix:hover{
    transform: translateX(10px);
}

.tool-menu{
    float: left;
    width: 160px;
}

.tool-fix .tool-menu li {
    width: 100%;
    float: left;
    background: url(../images/bg3.png) center center no-repeat;
    background-size: cover;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    padding: 0 10px;
    margin-bottom: 10px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.tool-fix .tool-menu li a {
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    transition: all, .3s;
    text-decoration: none;
}

.tool-fix .tool-menu li a img {
    display: block;
    float: left;
    text-align: center;
    padding: 0 16px 0 0;
    line-height: 45px;
    transition: all, .3s;
}

.tool-fix .tool-menu li a span {
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    padding: 5px 0;
    text-shadow: 1px 1px #333;
    transition: all, .3s;
}

.tool-fix .tool-menu li a img {
    display: block;
    float: left;
    text-align: center;
    padding: 0 16px 0 0;
    line-height: 45px;
    transition: all, .3s;
}

.tool-fix .list-social-fix ul li {
    display: inline-block;
    background: 0 0;
    float: none;
    width: auto;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0 5px;
}

.tool-fix .list-social-fix {
    float: right;
    margin-top: -20px;
}

.tool-fix .list-social-fix ul {
    height: 20px;
    margin-top: -6px;
}

.tool-fix .tool-menu li:last-child a span {
    margin-top: -20px;
}

.tool-fix .list-social-fix ul li a {
    display: block;
    font-size: 14px;
}

.tool-fix .tool-menu li:hover a span {
    color: #333;
    text-shadow: 0 0 #333;
}

@media (max-width: 767px){
    .tool-fix{
        display: none;
    }
}

/* css chi tiet san pham*/

.product-chitiet .image-product{
    width: 100%;
    float: left;
}

.tags-product {
    padding: 20px 0;
}

.list-tags li span img{
    width: 6px;
    height: 6px;
    margin-right: 10px;
}

.tags-product .title{
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
	background: #eee;
	padding: 5px 15px;
}

.product-chitiet .column {
    float: left;
    width: 33.333%;
    border: 1px solid #ddd;
    padding: 5px;
    margin-top: 5px;
}

.product-chitiet .column img {
    opacity: 0.8; 
    cursor: pointer;
    width: 100%;
    height: auto;
}

.product-chitiet .column img:hover {
    opacity: 1;
}

.product-chitiet .image-product:after{
    content: "";
    display: table;
    clear: both;
}

.product-chitiet #expandedImg {
    cursor: pointer;
}

.product-chitiet .block {
    position: relative;
    width: 100%;
    float: left;
}

.product-chitiet #imgtext {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: white;
    font-size: 20px;
}

.product-chitiet .closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    color: white;
    font-size: 35px;
    cursor: pointer;
}

.product-chitiet #myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.product-chitiet #myImg:hover {opacity: 0.7;}
.product-chitiet .modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
}

.product-chitiet .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

.product-chitiet #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

.product-chitiet .modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

.product-chitiet .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.product-chitiet .close:hover,
.product-chitiet .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.product-chitiet {
    padding: 25px 0 0;
}

.product-chitiet h1{
    margin-top: 0;
}

.chitiet-infor-product .product-name {
    font-size: 24px;
	font-weight: 600;
    text-transform: uppercase;
}

.description.smalltitle {
    color: #333;
    padding: 5px 0;
    font-size: 15px;
}

.product-overview .block-item{
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
}

.product-overview .block-item span {
    width: 200px;
    float: left;
    display: block;
    font-weight: 700;
    font-size: 14px;
    padding-right: 20px;
}

.product-overview .block-item .value {
    float: left;
    width: calc(100% - 200px);
}

.product-overview .block-item .price {
    font-size: 18px;
    color: #7a2d74;
    font-weight: 600;
}

.product-overview .buy-now a{
    background: #fba81c;
    margin: 20px 0 0;
    width: 220px;
    font-weight: 700;
}

.share {
    margin: 20px 0 0;
}

.share ul li{
    display: inline;
    float: left;
}

.share ul li:not(:last-child){
    margin-right: 10px;
}

.share ul li a{
    position: relative;
    height: 20px;
    box-sizing: border-box;
    padding: 0 8px 0 6px;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;

}

.share ul{
    height: 20px;
}

.share ul li.tweet a{
    background-color: #1b95e0;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    border: #1b95e0;
}

.share ul li.google a{
    border: 1px solid rgba(0,0,0,.17);
}

.share ul li a i{
    font-size: 12px;
}

.share ul li.tweet i{
    margin-right: 5px;
}

.share ul li.google i{
    background-color: #fff;
    color: #db4437;
}

.component-tab{
    padding: 50px 15px 0;
}

.component-tab .nav-tabs {
    border: 0;
    border-bottom: 2px solid #7a2d74;
}

.component-tab .nav-tabs>li.active>a{
    color: #fff;
    font-weight: 700;
    background: #7a2d74;
}

.component-tab .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0;
    border-radius: 20px 20px 0 0;
    font-size: 14px;
    padding: 10px 20px;
    background: #e6e6e6;
    text-transform: uppercase;
    color: #999;
}

.component-tab .nav-tabs>li {
    outline: 0;
    margin-bottom: 0;
}

.component-tab .nav-tabs>li>a:hover {
    background: #e6e6e6;
}

.component-tab .nav-tabs>li.active>a:hover, .component-tab .nav-tabs>li.active>a:focus{
    border: none;
}

.component-tab .nav-tabs>li.active>a:hover{
    background: #7a2d74;
}

.chitiet-page #new{
    display: block!important;
}
.component-tab .title-tab{
    display: none;
}
.dia_chi_in { border-bottom: dashed 1px #ccc;}
.dia_chi_in h3 { font-size: 18px; font-weight: 600; color: #333;}
.dia_chi_in div { font-size: 15px; line-height: 21px; padding-bottom: 10px;}
.box_visao { text-align: left;}
.box_visao .title { 
	text-align: left;
	color: #fff;
}
.box_visao .title h2 {
	font-size: 23px;
	color: #fff;
	padding-bottom: 10px;
	border-bottom:  dashed 2px #fff;
	display: inline-block;
	font-weight: 600;
}
.box_visao .noi_dung_tsao {
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	line-height: 30px;
}



@media (max-width: 991px){
    .product-overview .block-item span {
        width: 150px;
    }

    .product-overview .block-item .value {
        float: left;
        width: calc(100% - 150px);
    }

    .tags-product{
        padding: 0 0 20px;
    }
}

@media (max-width: 767px){
    .chitiet-infor-product {
        margin-top: 40px;
    }

    .component-tab .title-tab{
        display: block;
    }

    .component-tab .nav-tabs>li {
        width: 100%;
    }

    .title-tab{
        display: block;
        background-color: #7a2d74;
        overflow: hidden;
        height: 40px;
        padding: 0 20px;
    }

    .title-tab .list-bar{
        margin-top: 8px;
    }

    .title-tab span{
        color: #fff;
        display: inline-block;
        line-height: 40px;
        font-weight: 600;
        font-size: 16px;
        margin-left: 8px;
    }

    .title-tab .bar1, .title-tab .bar2, .title-tab .bar3 {
        background-color: #fff;
        width: 25px;
        height: 3px;
        margin: 4px 0;
        transition: 0.4s;
    }

    .component-tab .nav-tabs>li.active>a:hover {
        background: #fff;
    }

    .component-tab .nav-tabs>li.active>a {
        color: #7a2d74;
        font-weight: 700;
        background: #fff;
    }

    .component-tab .nav-tabs>li>a {
        border-radius: 0;
    }

    .component-tab .nav-tabs{
        display: none;
    }

}


@media (max-width: 700px){
    .product-chitiet .modal-content {
        width: 100%;
    }
}


/*css page lien he*/
.group-hotline{
    padding: 50px 0 0;
}

.contact{
    background: #f5f5f5;
    border-radius: 10px;
    height: 100%;
    padding: 30px 30px 0;
    text-align: center;
    min-height: 260px;
}

.contact .icon {
    width: 80px;
    height: 80px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -70px auto 30px;
}

.contact .icon i {
    color: #7a2d74;
    font-size: 30px;
}

.group-hotline .title-h2{
    margin: 70px;
}

.contact .title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.contact .group-ad{
    margin-bottom: 30px;
}

.contact p{
    margin: 0;
}

.system{
    padding: 50px 0 0;  
}

.system .system-block{
    position: relative;
    overflow: hidden; 
}

.find{
}
.map { margin-bottom: 20px;}
.map iframe {
	width: 100%;
	height: 220px
}

.find .find-store{
    background: #eee;
    padding: 15px;
    width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}

.find-store .title{
    text-transform: uppercase;
    padding-bottom: 5px;
    margin-bottom: 10px;
	font-weight: 600;
    font-size: 16px;
    color: #333;
}

.find-store select{
    outline: 0;
    width: 100%;
    padding: 10px 15px;
    color: #bfbfbf;
    border: 1px solid #e6e6e6;
    position: relative;
    z-index: 5;
    border-radius: 20px;
    background: #f2f2f2;
    margin-bottom: 10px;
}

.find-store button[type=submit]{
    width: 100%;
    text-align: center;
    color: #fff;
    background: #4db848;
    text-transform: uppercase;
    font-size: 14px;
    border: none;
    padding: 5px 15px;
    line-height: 32px;
}

.find .adress-list{
    height: 292px;
    overflow: auto;
    background: #e7edee;
}

.find .adress-list li{
    padding: 10px;
    transition: 0.5s;
}

.find .adress-list li:hover {
    background: #4db848;
    cursor: pointer;
    color: #fff;
}

.system .map{
    width: 70%;
    height: 100%;
    float: left;
}

.system .map iframe{
    width: 70%;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
}

.find .adress-list::-webkit-scrollbar {
    width: 10px;
}

.find .adress-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fff; 
}

.find .adress-list::-webkit-scrollbar-thumb {
    background: #7a2d74; 
}

@media (max-width: 767px) {
    .find {
        width: 100%;
    }

    .system .map {
        width: 100%;
    }

    .system .map iframe {
        width: 100%;
        height: 300px;
        top: 0;
        right: 0;
        position: unset;
    }

    .contact .icon {
        margin: 0 auto 30px;
    }

    .contact{
        margin-bottom: 30px;
        min-height: unset;
        padding: 30px; 
    }
}

/*css group tintuc*/
.group-tintuc .group-right .event-item .image img {
    width: 100%;
    height: 225px;
    object-fit: cover;
}

.group-tintuc .group-image.event-item h3 a {
    font-weight: 600;
    padding-top: 15px;
    font-size: 18px;
}

.group-tintuc .event-main h3 a {
    font-weight: 600;
    font-size: 16px;
    color: #000;
    text-align: left;
    padding: 0;
    padding-top: 7px;
    text-transform: uppercase;
    line-height: 22px;
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 10px;
}

.group-tintuc .event-item .description {
    color: #333;
    font-size: 15px;
    font-weight: normal;
    background-color: #fff;
}
.group-tintuc .event-item .description p { color: #000; font-family: 'Roboto Condensed', sans-serif; font-style: italic; font-size: 18px;}
.group-tintuc .event-item .description .des{
    color: #000;
    padding-bottom: 10px;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 76px;
}

.xemthem_in{
    margin-bottom: 10px;
}

.xemthem_in a{
    padding: 5px 15px;
    background-color: #7a2d75;
    color: #fff;
    font-size: 16px;
    display: inline-block;
}

.system12{
    padding: 20px 0 30px;
}

.group-tintuc-list{
    padding: 0 0 30px;
}

.group-tintuc-list .blog-group .event-item {
    margin-bottom: 30px;
}

.group-tintuc-list .title-h2 {
    text-align: left;
}

.group-tintuc-list .title-h2:before {
    left: 0;
    transform: unset;
    height: 2px;
    background: #7a2d74;
}

.pagination-group{
    text-align: center;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #7a2d74;
    font-weight: 700;
    background-color: transparent;
    border: 0;
    font-size: 20px;
}

.pagination>li>a{
    color: #333;
    font-weight: 500;
    border: 0;
    font-size: 15px;
    padding: 0 12px;
    line-height: 20px;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #333;
    background-color: transparent;
}

.pagination>li>a i{
    line-height: 20px;
}

@media (max-width: 991px){
    .group-tintuc .group-right .event-item .image img {
        height: auto;
        object-fit: unset;
    }
}


/*css chitiet tin tuc*/
.news-head {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 15px;
    padding: 0px 0;
}
.news-head h1 { font-size: 20px; font-weight: 600; line-height: 22px;}

.registic{
    text-align: center;
    margin: 20px 0;
}

.registic img{
    width: 200px;
    height: auto;
}

.group-tintuc p.image-center{
    text-align: center;
    margin: 20px 0;
}

.group-tintuc p.image-center img{
    width: 650px;
    height: auto;
}

.infor-hotline {
    text-align: center;
    box-sizing: inherit;
    margin: 20px 0 0;
    padding: 0px;
    border: 0px;
    font-size: 15px;
    font-weight: 400;
    vertical-align: top;
    background: 0px 0px #d8d8d8;
}

.infor-hotline .number{
    font-size: 18px;
}

.infor-hotline a{
    color: #0275d8;
}

.infor-hotline a:hover{
    color: #0275d8;
}

.chitiet-tintuc .event-item>a{
    display: flex;
    width: 80px;
    height: 65px;
    border-radius: 10%;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    float: left;
}

.chitiet-tintuc .event-item>a>img{
    width: auto;
    height: 100%;
}

.chitiet-tintuc .event-item .box-tintuc-right{
    width: calc(100% - 80px);
    float: left;
    padding-left: 15px;
}

.chitiet-tintuc .event-item{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.group-tintuc .chitiet-tintuc .event-item h3 a {
    padding: 0;
    font-size: 16px;
	line-height: 18px;
	font-weight: 600;
}
.group-tintuc .chitiet-tintuc .event-item h3 a:hover { color: #45a7d6}


.chitiet-tintuc .event-item .date{
    font-weight: 700;
    color: #999;
    font-size: 12px;
}


.banner-bottom-item {
    background-position: 50% 50%;
    height: 400px;
    background-size: cover;
    display: flex;
    align-items: center;
}

.banner-bottom .image{
    display: none;
    background-image: url('../images/banner-bottom.jpg');
    background-position: 50% 50%;
    height: 300px;
    background-size: cover;
}

.banner-bottom .content {
    width: 60%;
    margin-left: 40%;
    padding: 0 15px;
}

.banner-bottom .content h2{
    color: rgba(6,53,122,1);
    font-weight: 800;
    font-style: normal;
    font-size: 36px;
}

.banner-bottom .content p{
    color: rgba(56,56,56,1);
    font-weight: 400;
    margin: 30px auto 30px auto;
    font-size: 22px;
    line-height: 30px;
}

.banner-bottom .content a{
    background-color: rgba(6,53,122,1);
    padding: 15px 30px 15px 30px;
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
}

.group-back-to-top {  
    border-bottom: 1px solid #ccc;
    border-width: 6px;
	background: #eee;
}

.to-top-btn {
    position: relative;
    margin: 0 10% 0 auto;
    background: #ccc;
    width: 100px;
    height: 70px;
    display: block;
	cursor: pointer;
}

.to-top-btn:before {
    content: '';
    position: absolute;
    top: 35px;
    left: 50%;
    margin-left: -3px;
    background: #fff;
    width: 30px;
    height: 2px;
    transform: rotate(45deg);
}

.to-top-btn:after {
    content: '';
    position: absolute;
    top: 35px;
    left: 50%;
    margin-left: -23px;
    background: #fff;
    width: 30px;
    height: 2px;
    transform: rotate(-45deg);
}

.tin_tuc_all img { width: 100%;}
.tin_tuc_all h2 { text-align: center; font-size: 20px; font-weight: 600;}
.tin_tuc_all h2 a { color: #333}
.tin_tuc_all { background: #eee;}










@media (max-width: 991px){
    .chitiet-tintuc {
        padding: 30px 15px 0;
    }
	.event-item h3 { height: auto;}
}
/*css page gioi thieu*/
.infor-tab {
    padding: 50px 0 0;
    text-align: center;
}

.infor-tab .nav-pills{
    display: inline-block;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    border-radius: 20px;
    background: #7a2d74;
    color: #fff;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
.nav-pills>li>a {
    border: 0;
    font-size: 16px;
    border-radius: 0;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    padding: 10px 15px;
    position: relative;
    text-transform: uppercase;
}

.tab-item{
    padding: 50px 0 0;
}

.tab-item .box-left{
    border: 2px solid #333;
    padding: 30px;
    top: 50%;
    right: -70px;
    position: absolute;
    transform: translateY(-50%);
    width: 400px;
    z-index: 1;
}

.tab-item .box-left .author {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
}

.tab-item .box-left .title {
    font-size: 25px;
    font-weight: 500;
}

.tab-connect .flex-box{
    display: flex;
    padding: 30px 0 0;
}

.about-detail{
    background: url('../images/img2.jpg') center center no-repeat;
    background-size: cover;
    padding: 50px;
    overflow: hidden;
    text-align: left;
}

.about-detail p{
    font-size: 15px;
}

.about-detail .title{
    font-size: 20px;
    color: #7a2d74;
    font-weight: 500;
    text-align: left;
    margin-bottom: 15px;
}

.tab-connect .flex{
    padding: 0 15px;
}

.tab-block-list{
    position: relative;
    padding-bottom: 100px;
}

.tab-block-list:after{
    content: '';
    background: #ccc;
    height: 100px;
    width: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    clear: both;
}

.notpadding{
    padding: 0;
}

.about-health .title{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
}

.tab-connect{
    text-align: left;
}

.notpadding p{
    font-weight: normal;
    text-align: left;
    font-size: 15px;
}

.flex-center{
    display: flex;
    align-items: center;
}

.about-health .flex-center{
    background: #e7edee;
}

.tab-connect .about{
    padding: 0 30px;
}

.about-health .about-health-desc {
    width: 90%;
    margin: 20px auto 0;
    text-align: center;
    font-size: 18px;
}

.about-component .flex-center{
    background: rgba(76, 187, 198, .8);
    padding: 50px;
}

.about-component {
    margin-top: 0px;
    padding: 100px 0;
    position: relative;
    background: url('../images/bg_vanhoa.jpg') center center;
    background-size: cover;
}

.about-component .title {
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px;
}

.about-component .notpadding p {
    font-size: 15px;
    color: #fff;
}

.about-charity {
    padding: 50px 50px 0;
}

.about-charity .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
}

.block-aboutText {
    background: #e7edee;
    padding: 50px;
    text-align: center;
}

.about-dr{
    padding: 0 0 50px;
}

.about-dr .desc, .about-history .desc{
    text-align: center;
    width: 80%;
    margin: 0 auto 30px;
    font-size: 15px;
}

.about-history{
    padding: 50px 0;
    background: #e7edee;
}

.about-history .history-year .year {
    font-size: 68px;
    font-weight: 700;
    color: #7a2d74;
    outline: 0;
    text-align: center;
    text-shadow: -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff;
}

.about-history .history-year {
    width: 16%;
    text-align: right;
    margin: -35px auto 0 750px;
    position: relative;
    z-index: 5;
}

.about-history .content{
    text-align: left;
}

.about-history .content strong{
    font-size: 15px;
}

.history-slide .year-nav{
    background: #7a2d74;
    width: 90px;
    padding: 5px 0;
    color: #fff;
    cursor: pointer;
    border-radius: 20px;
}


.slick-list.draggable {
    padding: 0!important;
}

.history-year .slick-prev.slick-arrow{
    left: -20px;
    opacity: 1;
}

.history-year .slick-prev.slick-arrow i, .history-year .slick-next.slick-arrow i{
    font-size: 30px;
    color: #000;
    margin-top: -5px;
}

.history-year .slick-next.slick-arrow{
    opacity: 1;
    right: -20px;
}

.about-dr .title-h2{
    margin-bottom: 30px;
}

.list-image .list-image-left, .list-image .list-image-right{
    width: 50%;
    float: left;
    padding: 0 10px;
}

.list-image .list-image-left .image:first-child{
    margin-bottom: 18px;
}

.about-solution{
    position: relative;
    padding: 50px 0 50px;
    background: #fff;
}

.about-solution .category-info {
    border: 0;
    box-shadow: none;
    margin-bottom: 0;
    text-align: center;
    padding: 20px 0;
}

.about-solution .category-info .number {
    color: #9dd1d9;
    opacity: 1;
    margin-bottom: 10px;
}

.about-solution .category-info .cate-title {
    color: #333;
    font-weight: 700;
}

.about-solution .category-info .cate-image {
    margin-bottom: 30px;
}

.about-science {
    padding: 50px 0 0;
}

.about-science .box-content {
    border: 2px solid #333;
    padding: 25px;
}

.about-science .box-content .author{
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
}

.about-science .box-content{
    text-align: left;
}

.about-science .box-content .title{
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
}

.about-science .title-h2{
    margin-bottom: 30px;
}

.about-science .content-bottom{
    padding: 30px 15px;
    text-align: left;
}

.about-science .content-bottom p{
    font-size: 15px;
}

.infor-tab .title-h2{
    margin-bottom: 30px;
}

.tab-danhmuc {
    display: none;
}

.contact_primary input{
    width: 100%;
    outline: 0;
    padding-left: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    height: 35px;
    margin-bottom: 10px!important;
}
.contact_primary textarea{
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    margin-bottom: 15px!important;
    outline: 0;
}
.contact_primary button{
    background: #222;
    color: #fff;
    border: none;
    padding: 8px 15px;
    cursor: pointer;
}

.info-right-xu-ryk {
    padding: 5px 0;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
	color: #2f2f31;
    display: inline-block;
}

.info-right-xu-ryk img{
    width: 30px;
    margin-right: 12px;
    float: left;
}

.info-right-xu-ryk p {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-right: 6px;
}

.info-right-xu-ryk p a {
    color: #fff;
    font-size: 15px;
    line-height: 34px;
}

.info-right-xu-ryk i {
    color: #fff;
    width: 25px;
    height: 20px;
    font-size: 16px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    margin: 0 2px;
    transition: all 0.5s ease;
}

.info_222 {
    font-size: 13px;
    color: #fff;
    line-height: 26px;
    text-align: right;
}

.info_222 i {
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 14px;
    border-radius: 50%;
    border: solid 1px #fff;
    text-align: center;
    line-height: 30px;
    margin: 0 2px;
    transition: all 0.5s ease;
}


.group-hotline .footer-box-content h3 {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #5b6368;
    font-weight: 600;
    margin-top: 0;
}
.group-hotline .footer-box-content div { 
	color: #333;
    line-height: 26px;
    font-weight: 500;
    font-size: 15px;
	}
.group-hotline .footer-box-content li a{
    color: #333;
    letter-spacing: 1px;
    line-height: 24px;
    font-weight: 300;
    font-size: 13px;
}

#chitiet { font-size: 16px;}
.tu_van .title:before {
    content: '';
    transform: translateX(-50%);
    height: 2px;
    width: 100px;
    background-color: #4db848;
    left: 50%;
    bottom: -5px;
    display: block;
    position: absolute;
}




@media (max-width: 991px) {
    .tab-connect .flex-box {
        display: unset;
    }
    .slide-duan .item {
        width: 50%;
        float: left;
    }
    .tab-item .box-left {
        position: unset;
        width: 100%;
        transform: unset;
    }

    .about-charity .about .image img {
        width: auto;
    }

    .about-charity {
        padding: 50px 50px;
    }

    .float-left{
        float: left;
    }

    .float-right{
        float: right;
    }

    .about-dr .image img{
        margin-bottom: 30px;
    }

    .about-history .history-year {
        width: 180px;
        margin: 0 auto;
    }

    .about-dr .desc, .about-history .desc {
        width: 100%;
    }

    .infor-tab .nav-pills>li {
        width: 100%;
    }

    .infor-tab .nav-pills{
        padding: 0 15px;
        display: none;
    }

    .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
        border-radius: 0;
    }

    .tab-danhmuc {
        margin: 0 15px;
        display: block;
        background: #7a2d74;
        color: #fff;
        text-align: left;
        height: 40px;
        overflow: hidden;
    }

    .tab-danhmuc span{
        line-height: 40px;
        font-size: 14px;
        font-weight: 600;
    }

    .tab-danhmuc .list-bar{
        padding: 0 15px;
        margin-top: 6px;
    }

    .tab-danhmuc .bar1, .tab-danhmuc .bar2, .tab-danhmuc .bar3 {
        background-color: #fff;
        width: 25px;
        height: 4px;
        margin: 4px 0;
        transition: 0.4s;
    }
    .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
        background: 0 0;
        color: #7a2d74;
    }

    .nav-pills>li>a {
        background: #f5f5f5;
    }

    
}
@media (max-width: 767px) {
    .about-charity .about .image img {
        width: 100%;
    }

    .about-detail {
        padding: 20px;
    }

    .tab-connect .flex {
        padding: 0;
    }

    .tab-connect .about {
        padding: 0 15px;
    }

    .about-health .title {
        font-size: 16px;
        margin-top: 10px;
    }

    .notpadding p {
        font-size: 14px;
    }

    .about-health .about-health-desc {
        width: 100%;
        text-align: left;
        font-size: 14px;
    }

    .about-component .flex-center {
        padding: 15px;
    }

    .about-charity {
        padding: 20px;
    }

    .about-charity .title {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .block-aboutText {
        padding: 30px;
        font-size: 15px;
    }
}



/* new css*/
.slide {
    width: 100%;
    position: relative;
}

.slide .slick-slider {
    margin-bottom: 0;
}

.box-content {
    position: absolute;
    width: 415px;
    padding: 32px 15px 20px 15px;
    top: 50%;
    text-align: center;
    right: 10%;
    transform: translateY(-50%);
    background-color: rgba(133,133,133,0.15);
}

.tab-1 h2 {
    color: rgba(6,53,122,1);
}

.tab-2 h2 {
    color: rgba(121,195,56,1);
}

.tab-3 h2 {
    color: rgba(234,21,25,1);
}

.tab-4 h2 {
    color: rgba(254,179,28,1);
}

.tab-5 h2 {
    color: rgba(102,152,203,1);
}

.slide .item {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.slide .item img{
    opacity: 0;
}

.slide .slick-dots {
    bottom: 0;
    margin: 15px 0;
}

.slide .slick-dots li button {
    background-color: rgba(122, 45, 117, 0.5);
}

.slide .slick-dots li button:before {
    content: '';
    background-color: rgba(122, 45, 117, 1);
}

.slide .slider .slick-dots li {
    margin: 0 5px;
}
.slider1 {
    background: #f2f2f2;
	margin-bottom:15px;
}

.slide .slick-dots li button:before{
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.slide .slick-dots li button {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.form-select {
    background-color: rgba(6,53,122,1);
    overflow: hidden;
}

.form-select .title-form {
    padding: 20px 0;
    width: 30%;
    line-height: 40px;
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}

.form-select .title-form b {
    padding: 0 20px;
    display: block;
}

.form-select .form-field {
    padding: 20px 0;
    width: 70%;
    float: left;
    font-size: 16px;
    color: #000;
}

.form-select .form-field form {
    padding: 0 20px;
}

.form-select .select-unit {
    width: 40%;
    float: left;
}

.form-select select {
    border: 0;
    height: 40px;
    padding: 12px 32px 12px 16px;
    width: 95%;
}

.form-select .select-country {
    width: 40%;
    float: left;
}

.abouts {
    background: #fff;
    padding: 30px 0;
}

.abouts .item {
    padding: 0 15px;
}

.images_about .images_gioithieu {
    margin: 0 auto;
    border-top: 1px solid rgba(133,133,133,0.3);
    border-right: 1px solid rgba(133,133,133,0.3);
    border-left: 1px solid rgba(133,133,133,0.3);
    border-radius: 0;
    overflow: hidden;
}

.images_about .images_gioithieu img {
    width: 100%;
    height: auto;
    cursor: pointer;
    transition: 1s;
}

.images_about .images_gioithieu:hover img {
    transform: translateZ(0) scale(1.2);
}

.images_about .gioithieu_1 {
}

.images_about .gioithieu_2 {
    border-bottom: 8px solid rgba(234,21,25,1);
}

.images_about .gioithieu_3 {
    border-bottom: 8px solid rgba(254,179,28,1);
}

.images_about .gioithieu_4 {
    border-bottom: 8px solid rgba(102,152,203,1);
}

.title_abouts21{
    margin-bottom: 15px;
    text-align: center;
    overflow: hidden;
}

.title_abouts21 span{
    float: left;
}
.title_abouts21 h3 {
    text-align: center;
    padding: 30px 0 5px 0;
    color: #fff;
    margin: 0;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}
.title_abouts21 img { margin-bottom:10px; padding-top:5px; text-align: center;}
.title_abouts21 .line{
    width: 120px;
    height: 1px;
    background-color: #cdcdcd;
    margin: 0 auto 15px;
}

.title_abouts21 .image{
    position: relative;
    border: 1px solid #cdcdcd;
    z-index: 3;
    border-radius: 100%;
    width: 24px!important;
    padding: 3px;
    height: 24px;
    display: block;
    margin: 0 auto -13px;
    float: unset!important;
    background-color: #fff;
}

.title_abouts21 .image img{
    padding: 0;
    margin: 0;
}
.chuyen_nganh { background: #fff; overflow: hidden;}
.chuyen_nganh .title_abouts h3 {
    text-align: left;
}

.title_abouts{
    margin-bottom: 15px;
    text-align: center;
    overflow: hidden;
}

.title_abouts span{
    float: left;
}
.title_abouts h3 {
    text-align: center;
    padding: 30px 0 5px 0;
    color: #2f2f31;
    margin: 0;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}

.title_abouts .line{
    width: 180px;
    height: 1px;
    background-color: #cdcdcd;
    margin: 0 auto 15px;
}

.title_abouts .image{
    position: relative;
    border: 1px solid #cdcdcd;
    z-index: 3;
    border-radius: 100%;
    width: 24px!important;
    padding: 3px;
    height: 24px;
    display: block;
    margin: 0 auto -13px;
    float: unset!important;
    background-color: #fff;
}

.title_abouts .image img{
    padding: 0;
    margin: 0;
}

.title_abouts h2 {
    text-align: center;
    padding: 20px 0 5px 0;
    color: #2f2f31;
    margin: 0;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
}

.title_abouts img { margin-bottom:10px; padding-top:5px; text-align: center;}

.title_abouts .sub-title{
    text-align: center;
    font-size: 16px;
    color: #000;
    margin: 20px 0 10px;
}

.title_abouts p {
    text-align: center;
    padding-bottom: 10px;
}

.slide-duan {
    overflow: hidden;
}

.slide-duan .item {
    width: 33.3333%;
    float: left;
    padding: 0 15px;
    text-align: center;
    box-sizing: border-box;
    min-height: unset;
    margin-bottom: 20px;
}

.block_video_home .row{
    display: flex;
}

.block_video_home .video{
    display: flex;
    align-items: center;
}

.video video{
    width: 100%;
    height: auto;
    border: 1px solid #7a2d75;
}

.box_datb_in {
    background: transparent;
    position: relative;
}

.box_datb_in .border-line{
    background-color: #7a2d75;
    display: block;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    margin: auto;
    text-align: center;
}

.box_datb_in .border-line i{
    color: #fff;
    line-height: 80px;
    font-size: 36px;
}

.nd_datb_in {
    margin-top: 10px;
    font-size: 22px;
    text-align: center;
    background: transparent;
    text-transform: uppercase;
    color: rgba(56,56,56,1);
}

.nd_datb_in .tb-line-1 {
    line-height: 36px;
    color: #7a2d75;
}

.nd_datb_in span {
    font-weight: bold;
    font-size: 18px;
}

.nd_datb_in b {
    font-weight: bold;
}

.nd_datb_in .tb-line-2 {
    line-height: 20px;
    font-size: 14px;
    text-transform: initial;
}


.news {
    overflow: hidden;
	width: 100%;
	background: url(../images/bg_news.jpg);
	background-position: center;
}

.special{
}

.news .slick-slide {
    height: auto;
}

.news .block-box {
    width: 50%;
    float: left;
    padding: 0 10px;
    outline: 0;
    position: relative;
}
.news .block-box2 {
    width: 100%;
    float: left;
    padding: 0 0px;
    outline: 0;
	margin-bottom: 20px;
    position: relative;
}

.block-box2 .desc111 .aps-group {
    background-color: #06357a;
    color: #fff;
    min-height: 60px;
    padding: 5px 10px;
    text-transform: none;
    font-size: 16px;
    width: 100%;
    text-decoration: none;
	margin: 0;
}
.block-box2 .desc111 .aps-group a { 
	color:#fff; 
	overflow: hidden;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	}

.news .image {
    width: 100%;
    float: left;
    display: block;
    position: relative;
}
.news .image1 {
    width: 45%;
    float: left;
    display: block;
    position: relative;
}
.news .image1 img { width: 100%;}

.block-box .desc {
    margin-left: 0;
    border-collapse: collapse;
    box-sizing: border-box;
}

.news .desc {
    float: left;
}

.news .desc111 {
    float: left;
	width: 55%;
}
.news .desc111 p { padding-left: 10px; padding-top: 10px;}
.news .desc111 div { padding-left: 10px;}
.block-box .desc111 .aps-group {
    background-color: #06357a;
    color: #fff;
    min-height: 60px;
    padding: 5px 10px;
    text-transform: none;
    font-size: 16px;
    width: 100%;
    text-decoration: none;
	margin: 0;
}
.block-box .desc111 .aps-group a { 
	color:#fff; 
	overflow: hidden;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	}
.block-box .desc111 .content_home { padding: 10px;}


.block-box .desc .aps-group {
    background-color: #06357a;
    color: #fff;
    min-height: 60px;
    display: flex;
    align-items: center;
    padding: 10px;
    text-transform: uppercase;
    font-size: 14px;
    width: 100%;
    text-decoration: none;
	margin: 0;
}
.block-box .desc .aps-group a { 
	color:#fff; 
	overflow: hidden;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	}

.desc .aps-date-01 {
    margin: 16px 24px;
    border: 4px solid #858585;
    padding: 8px 0;
    width: 64px;
    height: 64px;
    box-sizing: border-box;
    text-align: center;
    font-size: 26px;
    color: #858585;
    line-height: 1;
}

.desc .aps-date-01 span {
    display: block;
    font-size: 14px;
}

.desc .aps-date-02 {
    margin: 16px 24px;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
}

.desc .aps-title {
    color: #06357a;
    font-size: 15px;
    margin: 16px 24px;
    text-decoration: none;
    font-weight: 500;
    display: block;
    line-height: 1.3;
}

@media (max-width: 375px) {
    .product_home_list .box_content {
        width: calc(100% - 135px);
    }

    .product_home_list .image {
        width: 125px;
    }
}