#top-service{padding: 20px 0px;}
#top-service .title{
    color: #84c226;
    font-family: 'font1';
    font-size: 25px;
    text-align: center;
    padding-bottom: 10px;
}
/*#list-service-wrap{padding: 0px 45px;}*/
#list-service-wrap .owl-prev{
    background: url(../images/prev_sp.png) no-repeat;
    width: 15px;
    height: 40px;
    text-indent: -9999em;
    position: absolute;
    top: 40%;
    left: -45px;
}
#list-service-wrap .owl-next{
    background: url(../images/next_sp.png) no-repeat;
    width: 15px;
    height: 40px;
    text-indent: -9999em;
    position: absolute;
    top: 40%;
    right: -45px;
}

#list-service-wrap .wrap{}

#list-service-wrap .item{
    padding-bottom: 20px;
}
#list-service-wrap .item .photo{}
#list-service-wrap .item .desc{}
#list-service-wrap .item .desc h2{
    text-align: center;
    margin: 5px 0;
    line-height: 18px;
}
#list-service-wrap .item .desc h2 a{
    font-size: 20px;
    color: #333;
    text-decoration: none;
    transition: 0.5s ease all;
}
#list-service-wrap .item .desc h2:hover a{
    color: #84c226;
}
#list-service-wrap .item .desc .inner{
    text-align: center;
}


#schedule{
    max-width: 1366px;
    margin: auto;
    background: url(../images/bg_gioithieu.png) no-repeat;
    background-size: cover;
    padding: 30px 0;
    width: 100%;
    margin-bottom: 15px;
}
.line_about{
    background: #84c226;
    width: 35px;
    height: 2px;
    margin: auto;
    margin-bottom: 20px;
}
#schedule .title{
    color: #fff;
    text-align: center;
    font-family: 'font1';    
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 10px;
    
}

.imgs_about div{
    margin-bottom: 20px;
    text-align: center;
}

.imgs_about img{
    margin: auto;
}

.imgs_about img:hover{
    opacity: 0.8;
}

#schedule .top-desc{
    color: #ccc;
    max-width: 1000px;
    margin: auto;
    text-align: center;
    margin-bottom: 30px;
}
#schedule .around-label .block .inner{padding: 8px;position: relative;}
#schedule .around-label .block .inner .arrow{position:absolute;top: 42%;right: -30px;color: #CACACA;}

.arrow {}
#schedule .around-label .block{margin-bottom:20px;}
#schedule .around-label .item{
    background: #84c226;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 50%;
    position: relative;
    border: 1px solid transparent;
    cursor: hand;
    cursor: pointer;
    transition: all 0.4s ease;
}
#schedule .around-label .item.active{
    background: transparent;
    border-color: rgba(234, 234, 234, 0.24);
}
#schedule .around-label .item .name{
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    text-align: center;
    display: table;
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
}


#schedule .xline{
    width: 100%;
    height: 7px;
    background: #fff;
    margin: 20px 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;/* box-shadow *//*IE 8*//*FF 3.5+*//*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*//* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 *//*IE 5.5-7*//*IE 8*//*FF 3.5+*//*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*//* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 *//*IE 5.5-7*/
    box-shadow: 0 0 1px 4px rgba(255, 255, 255, 0.42);
    margin-top: 70px;
    position: relative;
}
#schedule .xline .dot{
    background: #FFEA1D;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    border: 4px solid #fff;
    position: relative;
    top: -8px;
    margin: auto;
    box-shadow: 0 0 1px 4px rgba(255, 255, 255, 0.42);
    position: relative;
    z-index: 3;
    transition: all 0.5s ease;
}
#schedule .xline .dot.active{background:red}
#schedule .xline .inner{}
#schedule .xline .shadow-line{
	
width: 8.3333%;
	
height: 100%;
	
position: absolute;
	
left: 0;
	
background: red;
	
z-index: 1;
	
border-radius: 20px;
}












/* section product */
#section-product {
    background: url(../img/bg-prodcut-index.jpg);
    /* padding: 20px 0; */
    padding-top: 9px;
    padding-bottom: 10px;
    margin-top: 10px;
}
#section-product .navigation{
    text-align: center;
    margin-bottom: 20px;
    font-size: 0;
}
#section-product .navigation a{
    /* background: #393939; */
    text-transform: uppercase;
    color: #333;
    padding: 8px 30px;
     font-family: 'font1'; 
    margin: 4px 0px;
    font-size: 17px;
    font-weight: 400;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display:inline-block;
    font-weight: 500;
}
#section-product .navigation a:hover,#section-product .navigation a.active{
    background: #84c226;
    color: #fff;
    text-decoration: none;
}
#section-product .content .mt-pagination{margin-top:30px}
#section-product .content .mt-event{
    overflow: hidden;
}
#section-product .content .mt-event .item{}
#section-product .content .mt-event .item img{width:100%}
#section-product .content .mt-event .item:hover .overlay{opacity:1}
#section-product .content .mt-event .overlay .inner-overlay{position: absolute;      top: 0;      right: 0;      left: 0;      bottom: 0;      margin: auto;      width: 100%;      height: auto;text-align: center;display: inline-table;      padding: 10px;}
#section-product .content .mt-event .overlay{
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     transition: all 0.5s ease;
     position: absolute;
     width: 100%;
     opacity:0;
     left: 0;
     top: 0;
     height: 100%;
     background: rgba(17, 17, 17, 0.61);
}
#section-product .content .mt-event .overlay h3 {margin: 0;}
#section-product .content .mt-event .overlay h3 a{
    color: #F0C600;
    font-size: 20px;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#section-product .content .mt-event .overlay h3 a:hover{
    color: #fff;
    text-decoration: none;
}
#section-product .content .mt-pagination ul{
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
#section-product .content .mt-pagination ul li{
    display: inline-block;
    text-align: center;
    background: #393939;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 12px;
    /* font-family: roboto; */
    margin: 0px 5px;
    font-size: 14px;
    font-weight: 400;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: hand;
    cursor: pointer;
    margin-bottom: 9px;
}
#section-product .content .mt-pagination ul li a{ color:#fff;display: block;width: 100;height: 100;font-size:11px}
#section-product .content .mt-pagination ul li:hover a,#section-product .content .mt-pagination ul li.active a{color:#fff;text-decoration:none} 
#section-product .content .mt-pagination ul li:hover,#section-product .content .mt-pagination ul li.active{background:#84c226}





#customer-gallery {
    margin: 10px 0;
}
#customer-gallery .title{
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    color: red;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 10px;
    background: url(../img/line-yellow.png) no-repeat bottom center;
}
#list-customer .item{margin-bottom: 10px;overflow: hidden;}


#list-customer .item a{
    display: block;
}
#list-customer .item a{}











#customer-gallery .ads-item,#customer-gallery .ads-item-wrapper{
    position: relative;
}
#customer-gallery .ads-item:hover:after{
    height: 100%;
}
#customer-gallery .ads-item:hover:before{
    height: 100%;
}
#customer-gallery .ads-item-wrapper:hover:after{
    width: 100%;
}
#customer-gallery .ads-item-wrapper:hover:before{
    width: 100%;
} 

#customer-gallery .ads-item:hover img{
   opacity: 1;
}
#customer-gallery .ads-item img{
    width: 100%;
    height: auto;
    transition: all 1s ease;
    opacity: 1;
}
#customer-gallery .ads-item:after,#customer-gallery .ads-item:before,#customer-gallery .ads-item-wrapper:after,#customer-gallery .ads-item-wrapper:before{content:"";background: rgba(251, 251, 251, 0.42);position:absolute;width: 20%;height: 1px;z-index: 1;transition: all 0.5s ease;}

#customer-gallery .ads-item:after{
    width: 1px;
    right: 2%;
    bottom: 5%;
    height: 40%;
}
#customer-gallery .ads-item:before{
    width: 1px;
    left: 2%;
    top: 5%;
    height: 40%;
}
#customer-gallery .ads-item-wrapper:after{
   width: 20%;
   height: 1px;
   right: 2%;
   bottom: 5%;
   top: auto;
}

#customer-gallery .ads-item-wrapper:before{
    width: 20%;
    height: 1px;
    left: 2%;
    top: 5%;
    z-index: 1;
}














#index-category{
    border-top: 4px solid #FEDC3F;
    border-left: 4px solid #FEDC3F;
}
#index-category .xleft{
    background: #F8EEB1 url(../img/shadow-bg.png) no-repeat bottom left;
}
#index-category .xright{}
.rtl#index-category .title{text-align:right;background: #FFFBE3 url(../img/right-category.png) no-repeat right -3px;padding-right: 75px;}
#index-category .title{
    background: #FFFBE3 url(../img/left-category.png) no-repeat 0px -3px;
    padding: 8px 11px;
    text-indent: 64px;
    text-transform: uppercase;
    font-family: Avo;
    font-size: 17px;
    padding-top: 10px;
}
.rtl#index-category .list{
    text-align: right;
    float: right;
    padding-right: 10px;
}
#index-category .list{
    padding-left: 10px;
    display:table-cell;
}
#index-category .list ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
#index-category .list ul li{
    margin: 13px 0;
}
#index-category .list ul li a{
    color: #333;
    text-decoration: none;
    transition: all .2s ease;
    line-height: 20px;
}
#index-category .list ul li:hover a{
    color: #ED1C24;
}
#index-category .list .xhotline{
    position: absolute;
    bottom: 0;
    font-family: avo;
    width: auto;
    text-align: left;
	width:185px;
}
#index-category.rtl .list .xhotline{right:0}
#index-category .list .xhotline .hotline-place{
    background: url(../img/hotline.png) no-repeat;
    padding-left: 52px;
}
#index-category .list .xhotline .hotline-place p{}
#index-category .list .xhotline .hotline-place p.phone{
    font-family: Avo_bold;
    color: #ED1B24;
    font-size: 17px;
    line-height: 20px;
}
.has-list-p{margin-bottom:20px;}

#ads-wrapper{}
#customer-gallery .bit{margin-bottom:20px}
#customer-gallery .ads-item,#customer-gallery .ads-item-wrapper{
    position: relative;
    overflow: hidden;
    /* background: #000; */
}
#customer-gallery .ads-item:hover img{transform: scale(1);opacity: 0.8;}
#customer-gallery .ads-item:hover:after{
    height: 100%;
}
#customer-gallery .ads-item:hover:before{
    height: 100%;
}
#customer-gallery .ads-item-wrapper:hover:after{
    width: 100%;
}
#customer-gallery .ads-item-wrapper:hover:before{
    width: 100%;
} 
#customer-gallery .ads-item:hover img{
   opacity: 1;
}
#customer-gallery .ads-item img{
    width: 100%;
    height: auto;
    transition: all 1s ease;
    /* opacity: 0.8; */
    transform: scale(1.1);
}
#customer-gallery .ads-item:after,#customer-gallery .ads-item:before,#customer-gallery .ads-item-wrapper:after,#customer-gallery .ads-item-wrapper:before{content:"";background: rgba(251, 251, 251, 0.42);position:absolute;width: 20%;height: 1px;z-index: 1;transition: all 0.5s ease;}

#customer-gallery .ads-item:after{
    width: 1px;
    right: 5px;
    bottom: 0px;
    height: 50%;
}
#customer-gallery .ads-item:before{
    width: 1px;
    left: 5px;
    top: 0px;
    height: 50%;
}
#customer-gallery .ads-item-wrapper:after{
   width: 50%;
   height: 1px;
   right: 0px;
   bottom: 5px;
   top: auto;
}

#customer-gallery .ads-item-wrapper:before{
    width: 20%;
    height: 1px;
    left: 0px;
    top: 5px;
    z-index: 1;
}


#news-wrapper{}
#news-wrapper .title{
    position: relative;
    margin-bottom: 15px;
}
#news-wrapper .title h3{
    font-family: 'font1';
    color: #84c226;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 10px;
    font-size: 22px;
    display: inline-block;
    border-bottom: 3px solid #84c226;
    position: relative;
    z-index: 2;
}
#news-wrapper .title:after{content:"";position:absolute;width:100%;height:1px;left:0;z-index:1;background: #ccc;bottom: 1px;}
#news-wrapper .content {}
#news-wrapper .content.news{}
#news-wrapper .content.news .news-desc{}
#news-wrapper .content.news .small-item h4{font-size: 13px;}
#news-wrapper .content.news  h4{
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
}
#news-wrapper .content.news  h4 a{
    font-weight: bold;
    color: #000;
    text-decoration: none;
    transition: all 0.5s ease;
}
#news-wrapper .content.news h4:hover a{
    color: #84c226;
}
#news-wrapper .content.news .desc{
    font-size: 12px;
}
#news-wrapper .content.news .view-more{
    margin-top: 10px;
}
#news-wrapper .content.news .view-more a{
    text-decoration: none;
    color: #333;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #333;
}
#news-wrapper .content.news .view-more:hover a{
    background: #333;
    color: #fff;
}
#news-wrapper .content.news .list-news-small{
   
}
#news-wrapper .content.news img:hover{
    opacity: 0.8;
}
#news-wrapper .big-news{
    margin-bottom: 10px;
}
#news-wrapper .big-news img{
    width: 100%;
    height: auto;
}
#news-wrapper .content.news .list-news-small .small-item{margin-bottom:10px}
#news-wrapper .content.news .list-news-small img{
    margin-right: 14px;
    float: left;
    max-width: 45%;
}
#news-wrapper .content.news .date{
    margin-top: 10px;
    color: #A0A0A0;
    font-size: 12px;
}
a[href='http://html5box.com/html5gallery/watermark.php']{
text-indent: -9999em;position: absolute;top: -9999em;}
.bpage .page_navigation,.bpage.alt_page_navigation{padding-bottom:10px;margin-top:10px;}.bpage .page_navigation a,.bpage.alt_page_navigation a{padding:3px 5px;margin:2px;color: #19160A;text-decoration:none;float:left;font-family:Tahoma;font-size:12px;background-color: #FFDF31;}.bpage .active_page{background-color:white !important;color:black !important;}.bpage .content,.bpage.alt_content{color:black;}.bpage .content li,.bpage.alt_content li,.bpage.content > p{padding:5px}
.wrap-list-video{
    background: rgb(0, 0, 0);
    padding: 5px 25px;
}
.video-list-carousel-target{}
.wrap-list-video .owl-prev{
    background: url(../img/left-arrow-video.png) no-repeat;
    position: absolute;
    top: 36%;
    left: -20px;
    text-indent: -999em;
    width: 11px;
    height: 21px;
}
.wrap-list-video .owl-next{
    background: url(../img/right-arrow-video.png) no-repeat;
    position: absolute;
    top: 36%;
    right: -20px;
    text-indent: -999em;
    width: 11px;
    height: 21px;
}
.wrap-list-photo .bx-prev,.wrap-list-photo .bx-prev:hover{
    background: url(../img/arrow-left-bx.png) no-repeat;
    width: 45px !important;
    height: 81px !important;
    margin-top: -55px !Important;
}
.wrap-list-photo .bx-next,.wrap-list-photo .bx-next:hover{
    background: url(../img/arrow-right-bx.png) no-repeat;
    width: 45px !important;
    height: 81px !important;
    margin-top: -55px !Important;
}
.wrap-list-photo{
    -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.45);
    -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.45);
    box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.45);
    padding: 5px;
}
.wrap-list-photo ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.wrap-list-photo ul li{}
#wrap-media{
    margin-top: 20px;
}
#wrap-media .block{
    margin-bottom: 20px;
}
		@media (min-width: 992px) {
#index-category .col-xs-12.col-md-4.xleft{
    width: 38%;
}
#index-category .col-xs-12.col-md-8{
    width: 62%;
}
		}
@media (max-width: 767px) {
#list-service-wrap .item .desc h2{line-height:17px;height: auto;}
#list-service-wrap .item .desc h2 a{font-size:17px;font-weight:500}
#list-service-wrap .item .desc .inner{font-size: 13px;}

}
#index-category .list{width:100%}
#news-wrapper .content.news .list-news-small img{width:100%}
#news-wrapper .content.news .small-item h4{margin-bottom:10px; line-height: 18px;}
}