f.header_main{position:absolute}
.gird-new_home.noborder{margin-bottom:0}
#slider-video .i-name span{text-transform:uppercase;font-size:14px;line-height:24px}
.gird-new_home .item{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-1{max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}
.col-2{max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}
.col-3{max-width:33.33333%;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%}
.col-4{max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}
.col-5{max-width:20%;-ms-flex-preferred-size:20%;flex-basis:20%}
.col-6{max-width:16.66667%;-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%}
.col-7{max-width:14.28571%;-ms-flex-preferred-size:14.28571%;flex-basis:14.28571%}
.col-8{max-width:12.5%;-ms-flex-preferred-size:12.5%;flex-basis:12.5%}
.col-10{max-width:10%;-ms-flex-preferred-size:10%;flex-basis:10%}
/*GALLERY HOME*/
.gallery_box li{ width:33.333333%; max-width: 100% ; display:inline-block; float: left; text-align: center; overflow: hidden;    position: relative;}
.gallery_box{ padding:0;display: flow-root;}

.gallery_box li:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.gallery_box li img{-webkit-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;}
.gallery_box li:nth-child(even) {
    height: 438px;
}
.gallery_box li:nth-child(odd) {
    height: 438px; 
}
.gallery_box li:nth-child(odd) .box_data{ background:rgba(0,0,0,0.17) }
.gallery_box li:nth-child(even) .box_data{ background:rgba(0,44,255,0.27) }
.gallery_box .box_data{ position:absolute; top: 0; left: 0; right:0; bottom:0; color:#fff;}
.gallery_box .box_data span{ position:absolute; top: 50%; transform: translateY(-50%); left:0 ; right:0; font-size:24px;}
.gallery_box li:hover .box_data{ background:rgba(255,0,39,0.55)}

/*END GALLERY HOME*/

/*DANHCHO HOME*/
.vnt-search-box
{
    padding: 10px;
}
.vnt-search-box .search-box-outer .box-border {
    padding: 40px;
    border: 1px solid #ecca68;
}
.vnt-search-box .search-box-outer .info-search p {
    width: calc(100% - 170px);
    float: left;
    font-size: 24px;
}
.vnt-search-box .search-box-outer #select-search {
    border: none;
    border-bottom: 1px solid;
    color: #c1161c;
    font-size: 24px;
    float: left;
    padding: 5px 15px;
}
.vnt-search-box .search-box-outer .button-search {
    margin-top: 30px;
    text-align: center;
}
.vnt-search-box .search-box-outer .button-search a{
    color: #fff;
}
/*END DANHCHO HOME*/

/*------BEGIN verticalv -----*/
.vnt-news{background: #fff;}
.feature_news
{
    padding-bottom: 38px;
}
#vertical .sp-thumbnail-image-container
{
    width: 90px;
    height: 60px;
    overflow: hidden;
    float: left;
    border: 2px solid #ffffff;
    margin-right: 15px;
}
#vertical .sp-right-thumbnails.sp-has-pointer
{
    margin-left: 20px;
}
#vertical .sp-thumbnail-image
{
    height: 100%;
}
#vertical .sp-thumbnail-container
{
    margin-bottom: 0;
    margin-top: 0;
    border-bottom: 1px solid #ffffff;
}
#vertical .sp-right-thumbnails.sp-has-pointer .sp-thumbnail
{
    padding: 13px 17px;
    height: 100%;
    overflow: hidden;
    background: #f1f1f1;
    width:100%;
}

#vertical .sp-thumbnail
{
    padding: 13px 17px;
    height: 100%;
    overflow: hidden;
    background: #f1f1f1;
    width:100%;
}
#vertical .sp-thumbnail-container.sp-selected-thumbnail .sp-thumbnail
{
    background: #00a5ff;
}
#vertical .sp-thumbnail-container.sp-selected-thumbnail .sp-thumbnail-date
{
    color:#fff;
}

#vertical .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before
{
    display: none;
}
#vertical .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after
{
    left:5px;
    border-right-color: #00a5ff;
}
#vertical .sp-image-container .sp-desc
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 15px;
    background: rgba(255, 255, 255, 0.8);
    color: #333333;
}
#vertical .sp-image-container .sp-desc .sp-title
{
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 5px;
}
#vertical .sp-image-container .sp-desc .sp-title:hover
{
    color:#307abd;
}
#vertical .sp-image-container .sp-desc .sp-content
{
    display: block;
    font-size: 14px;
    line-height: 22px;
}
#vertical .sp-image-container .sp-date
{
    position: absolute;
    top: 15px;
    left: 15px;
    width: 80px;
    text-align: center;
    padding: 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    font-size: 15px;
    line-height: 18px;
}
#vertical .sp-image-container .sp-date span
{
    display: block;
}
#vertical .sp-image-container .sp-date span .day
{
    display: inline-block;
    font-size: 40px;
    line-height: 50px;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 10px;
}
#vertical .sp-thumbnail-text {
    padding-right: 10px;
}
#vertical .sp-thumbnail-text .sp-thumbnail-title
{
    font-weight: 400;
    font-size: 13px;
    line-height: 23px;
    height: 50px;
    overflow: hidden;
}
#vertical .sp-thumbnail-text .sp-thumbnail-date
{
    font-size: 13px;
    line-height: 24px;
    color: #999999;
}
#vertical .sp-selected-thumbnail .sp-thumbnail-text .sp-thumbnail-title
{
    color: #ffffff;
}

#vertical .sp-selected-thumbnail .sp-thumbnail-text .sp-thumbnail-title:hover
{
    color: #ffffff;
}
#vertical .sp-thumbnail-text .sp-thumbnail-title:hover
{
    color:#007d21;
}
/*------END verticalv -----*/

.bg-news{margin-top:0;position:relative;padding-top:0}
.bg-news .pf-title h2 .title-main{color:#000}
.bg-news .pf-title h2{margin-top:10px;margin-bottom:10px}
.bg-news .gird-new_home .about_service{text-align:right;padding:0}
.bg-news .gird-new_home .item{margin-bottom:2px}
.bg-news .gird-new_home .about_service i{font-size:26px;color:#000}
.bg-news .gird-new_home .about_service a{background:none}
.bg-news .gird-new_home .item .i-image .i-desc{position:absolute;bottom:0;background:#000;width:100%;opacity:.7}
.bg-news .gird-new_home .item .i-desc .i-title{padding:5px 15px}
.bg-news .gird-new_home .item .i-desc .i-title a{color:#fff;font-size:14px}
.bg-news .gird-new_home .item .i-image{border-top-left-radius:7px;border-top-right-radius:7px}
.vnt-selling .pf-title
{
	display: inline-block;
}
.vnt-selling .pf-title h2
{
     margin-bottom: 0px;
}
.txt_finish_deal
{
	text-transform: none;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    border-left: 1px solid #ff6600;
}

.vnt-strong{margin-bottom:30px}
.vnt-strong h2{font-size:20px;color:red;line-height:30px}
.gs_item .node_title h4{font-size:14px;line-height:24px;padding:8px 0 8px 30px;border-bottom:1px solid #d9d9d9;color:#000;cursor:pointer;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;margin:0;transition:all .3s}
.gs_item .node_title h4:hover{margin-left:5px;transition:all .3s}
.gs_item:last-child .node_title h4{border-bottom:none}
.gs_item .node_title h4:after{position:absolute;font-family:"fontawesome";content:'\f105';top:7px;left:15px;color:#000}
.gs_item.active .node_title h4:after{content:'\f107'}
.grid_link_footer{max-width:100%;margin:0 auto}
.ul_link_footer{color:#000;padding:10px 0 0 15px}
.ul_link_footer ul:after{display:block;content:'';clear:both}
.ul_link_footer ul li{float:left;width:25%;padding-right:30px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis}
.ul_link_footer ul li a{display:block;position:relative;padding:0 10px 0 15px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis}
.ul_link_footer ul li a:after{position:absolute;top:0;left:0;content:'';font-size:12px;color:#949494;font-weight:700}
.ul_link_footer ul li a:hover{padding:0 0 0 25px}
#slider-video .slick-arrow{border-radius:50px;width:40px;height:40px;border:1px solid #015af2;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background:#015af2;top:-55px;margin-right:10px;z-index:2}
#slider-video .slick-prev{left:20px}
#slider-video .slick-next{left:70px}
#slider-video .slick-arrow:after{position:absolute;font-family:fontawesome;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:24px;line-height:30px;color:#fff}
#slider-video .slick-prev:after{content:'\f104'}
#slider-video .slick-next:after{content:'\f105'}
.cart-title{margin-top:0}
.ctrl-button,.btn-into{margin:10px 0;position:relative;z-index:1;overflow:hidden;background-color:transparent;transition:color .5s ease-in-out;display:flex;justify-content:center;align-items:center;height:50px;font-weight:500;border-radius:0;outline:none;color:#fff;width:160px}
.ctrl-button::before,.btn-into::before{content:'';position:absolute;top:0;left:-50px;bottom:0;right:0;border-left:50px solid transparent;border-top:50px solid #015af2;transform:translateX(0);z-index:-1;box-sizing:border-box;transition:.5s ease-in-out}
.ctrl-button a,.btn-into a{color:#fff;text-transform:uppercase}
.ctrl-button:hover,.btn-into:hover{color:#fff;background:#9ed5f4;cursor:pointer;border-color:transparent}
.ctrl-button:hover a,.btn-into:hover a{color:#fff}
.ctrl-button:hover::before,.btn-into:hover::before{transform:translateX(100%)}
.vnt-about .pf-title h2{text-align:center;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin:30px 0;color:#0e5dd0;line-height:35px}
.vnt-about .pf-title h2 b{display:block;-ms-flex:1;flex:1;height:2px;opacity:.1;background-color:currentColor}
.vnt-about .about_service{text-align:right}
.vnt-about .about_service a{display:inline-block;text-align:center;font-size:14px;line-height:26px;padding:8px 30px;color:#000;position:relative;border-radius:50px}
.vnt-about .about_service a i{font-size:26px}
.vnt-about .about_service a span{position:relative;z-index:1}
.vnt-about .about_service a:after{position:absolute;top:0;left:0;content:"";right:100%;height:100%;background:#9ed5f4;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;border-radius:50px}
.vnt-about .about_service a:hover:after{right:0}
.vnt-about .about_service a:hover{color:#fff}
.vnt-doingu{background:#015af2b8;padding:8px 0}
.vnt-doingu .title-cat span{color:#fff;font-size:32px;line-height:42px;display:inline-block;position:relative;padding:0 20px}
#slider-doingu{margin-bottom:45px;padding:20px 30px}
#slider-doingu.slick-initialized .item,#slider-feelling .item:first-child{display:block}
#slider-doingu .item{display:none}
#slider-doingu .slick-dots{text-align:center;left:0}
#slider-doingu .slick-dots li,#slider-feelling .slick-dots li button{width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
#slider-doingu .slick-dots li button:before{display:none}
#slider-doingu .slick-dots li{background:#eee}
#slider-doingu .slick-dots li:hover,#slider-feelling .slick-dots li.slick-active{background:#015af2}
.slider-doingu .item{text-align:center}
.slider-doingu .item .i-image{display:block;width:136px;height:136px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:3px solid #fff;margin:0 auto 22px;position:relative}
.slider-doingu .item .i-image a{display:block;width:100%;height:100%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden}
.slider-doingu .item .i-content{font-size:15px;line-height:29px;overflow:hidden;color:#fff;margin-bottom:23px}
.slider-doingu .item .i-name{font-size:20px;line-height:30px;font-weight:700;color:#fff;margin-bottom:5px}
.slider-doingu .item .i-name span{font-size:20px;line-height:30px;color:#fff}
.vnt-feelling{background:#015af2b8;padding:8px 0}
.vnt-feelling .title-cat span{color:#fff;font-size:32px;line-height:42px;display:inline-block;position:relative;padding:0 20px}
#slider-feelling{margin-bottom:45px;padding:20px 30px}
#slider-feelling.slick-initialized .item,#slider-feelling .item:first-child{display:block}
#slider-feelling .item{display:none}
#slider-feelling .slick-dots{text-align:center;left:0}
#slider-feelling .slick-dots li,#slider-feelling .slick-dots li button{width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
#slider-feelling .slick-dots li button:before{display:none}
#slider-feelling .slick-dots li{background:#eee}
#slider-feelling .slick-dots li:hover,#slider-feelling .slick-dots li.slick-active{background:#015af2}
.slider-feelling .item{text-align:center}
.slider-feelling .item .i-image{display:block;width:136px;height:136px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:3px solid #fff;margin:0 auto 22px;position:relative}
.slider-feelling .item .i-image:after{position:absolute;top:1px;left:-10px;width:35px;height:35px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#292526;border:2px solid #fff;font-family:fontawesome;font-size:18px;line-height:17px;color:#fd1c23;text-align:center;padding-top:8px;content:'\f10d'}
.slider-feelling .item .i-image a{display:block;width:100%;height:100%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden}
.slider-feelling .item .i-content{font-size:15px;line-height:29px;overflow:hidden;color:#fff;margin-bottom:23px}
.slider-feelling .item .i-name{font-size:20px;line-height:30px;font-weight:700;color:#fff;margin-bottom:20px}
.slider-feelling .item .i-name span{font-size:20px;line-height:30px;color:#fff}
.vnt-function {
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    margin-bottom: 30px;
}#slider-function{text-align:center}
#slider-function .item{display:inline-block;padding:0 10px}
#slider-function .item .i-images {
    margin-bottom: 15px;
    border: #eee solid 1px;
    overflow: hidden;
    height: 60px;
    position: relative;
}
#slider-function .item .i-images img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
    padding: 4px;
}#slider-function .item .i-images:hover {
    box-shadow: 0 6px 12px 0 rgb(0 0 0 / 10%);
    border-color: #ee3e80;
}#slider-function .item .i-title{font-size:18px;line-height:26px;font-weight:700;text-align:center}
#slider-function .item .i-title a{font-size:18px;line-height:26px}
#slider-function .slick-arrow{border-radius:50px;width:40px;height:40px;border:1px solid #9ed5f4;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background:#9ed5f4;top:-5px;margin-right:10px;z-index:2}
#slider-function .slick-prev{left:auto;right:50%}
#slider-function .slick-next{left:51%}
#slider-function .slick-arrow:after{position:absolute;font-family:fontawesome;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:24px;line-height:30px;color:#fff}
#slider-function .slick-prev:after{content:'\f104'}
#slider-function .slick-next:after{content:'\f105'}
.news-carousel{position:relative}
.headline{text-align:center;font-size:20px;line-height:1.8rem;position:relative;padding-bottom:10px;text-transform:uppercase}
.headline a{text-decoration:none;color:#000;font-size:30px;line-height:40px;margin:15px 0;display:block}
.news-slide img{max-width:100%}
.news-slide-name{position:absolute;bottom:0;width:100%;background:rgba(255,255,255,.7)}
.news-slide a.blog-category{background:#F14002;display:inline-block;padding:2px 10px;color:#fff;text-transform:uppercase;font-family:SFU,Arial,sans-serif;font-size:15px;font-weight:700;margin-bottom:10px}
.news-slide h3{margin:0;padding:0 20px 15px}
.news-slide h3 a{line-height:30px;font-size:16pt}
.blog-title{text-transform:uppercase;font-size:18px;margin-bottom:15px}
.blog-read-item{margin-bottom:21px}
.blog-read-item-img{float:left;width:30%;padding-right:15px}
.blog-read-item img{max-width:100%}
.pullright{float:right;width:70%}
.blog-read-viewed h3{font-size:15px;margin:0;line-height:25px}
.more-news{text-align:right}
.more-news a{font-size:15px;color:#428bca}
#loadAjaxProd{position:relative}
.nav-pills > li{float:none;display:inline-block}
.nav-pills > li.active > a,.nav-pills > li.active > a:focus,.nav-pills > li.active > a:hover{border-radius:50px;background-color:#4db2ec}
.nav-pills > li > a{color:#000;padding:5px 10px;background-color:#eee;border-radius:50px}
.nav-pills > li + li{margin-bottom:10px;margin-left:10px;float:none;display:inline-block}
.wap-tab-pill{margin-bottom:20px;margin-left:20px;text-align:center}
.view_add{border-radius:50px;background-color:#4db2ec;color:#fff;padding:10px 20px;font-size:14px;overflow:hidden;float:right;margin-bottom:10px;position:absolute;bottom:0;right:0}
.title-center{text-align:center;color:#fff;padding-bottom:20px}
@media screen and (max-width: 1024px) {
    .vnt-search-box .search-box-outer .info-search p
    {
        width: 100%;
        font-size: 15px;
        line-height: 25px;
    }
    .vnt-selling.showmenu .slick-arrow
{
  z-index: 0;
}
    .vnt-search-box .search-box-outer .box-border
    {
        padding: 20px;
    }
    #vertical .sp-image-container .sp-date span .day {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
     }
    #vertical .sp-image-container .sp-date span {
        display: inline-block;
    }
	.slider-doingu .item .i-content
	{
		font-size: 13px;
	}
     #vertical .sp-image-container .sp-desc .sp-content
    {
        display: none;
    }
    .card-categories-li
    {
        max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%

    }
    .txt_finish_deal {
    padding: 5px 5px 5px 5px;
}
    .vnt-product .pf-title h2
    {
        margin-top: 5px;
    }



.vnt-selling{margin-top:0;margin-bottom:0}
#slider-video .slick-next{right:10px;left:auto}
.tab_thuvien{padding-left:15px}
.bg-news .gird-new_home .item .i-image{max-height:100%}
#slider-video .slick-arrow{border:1px solid #009cff;background:#00a5ff}
#slider-video .slick-arrow{top:50%;margin-top:-30px;z-index:99}
#slider-function .item .i-images img{min-height:auto}
.wap_slider{padding-top:10px;padding-bottom: 10px;}
section header.show-nav .h1{font-size:16px}
.vnt-function{margin-top:0}
section header.show-nav{display:block}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 479px) {

}
@media screen and (max-width: 360px) {

}
@media screen and (max-width: 320px) {
    .card-categories-li {
    max-width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
}

}