/*
 *     Core Owl Carousel CSS File
 *    v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.khachhang-slider .owl-controls .owl-buttons {position: absolute;  width: 76.2%;   bottom: 50%;}
.icon_khslde {color:#1594f2; font-weight:600}
.blog-slider .owl-controls .owl-buttons {position: absolute;  width: 100%;  bottom: 10%;}
 

/*Slide*/
.slider{position:relative;overflow:hidden}
.owl-banner > div > .owl-buttons >.owl-prev { position: absolute;top: 45%; left:2rem; }  
.owl-banner > div > .owl-buttons >.owl-next { position: absolute;top: 45%;right:2rem; }  
.owl-banner > div > .owl-buttons > div >i  {width: 45px;height: 45px; background: #fff;line-height: 45px;border-radius: 50%;  text-align: center;font-size: 1.6rem;display: block;}
/*Slide dự án*/
.img_thumduan {border: 0.01em solid #9e9e9e99;}
.box_slidesingleduanchild { border: 0.01em solid #9e9e9e99;

text-align: center;
    cursor: pointer;
    overflow: hidden;
    background: #fff;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;}
.box_slidesingleduan { margin-right: -20px; margin-left: -20px;}
/*Ý kiến khách hàng*/	
.owl-ykienkhachhang .owl-next {right:-3.2rem}   
.owl-ykienkhachhang .owl-controls .owl-buttons div {
    margin: 0;
    width: 2.6em;
    height: 2.6em;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    background: #630c8e;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 2.6em;
    display: inline-block;
    padding: 3px 10px;
    z-index: 5;
    position: absolute;
    top: 50%;
    text-align: center;
}
.owl-ykienkhachhang .owl-next {right:-1.2rem} 
.owl-ykienkhachhang .owl-prev {left:-1.2rem} 
.owl-ykienkhachhang .owl-controls .owl-buttons div i{color:#fff;font-size: 1.6rem;}
/*Logo khách hàng*/	
.owl-doitackhachhang .owl-next {right:-3.2rem}   
.owl-doitackhachhang .owl-controls .owl-buttons div {
    margin: 0;
    width: 2.6em;
    height: 2.6em; 
    background: transparent;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 2.6em;
    display: inline-block;
    padding: 3px 10px;
    z-index: 5;
    position: absolute;
    top: 50%;
    text-align: center;
}
.owl-doitackhachhang .owl-next {right:-1.2rem} 
.owl-doitackhachhang .owl-prev {left:-1.2rem} 
.owl-doitackhachhang .owl-controls .owl-buttons div i{color:#630c8e;font-size: 1.6rem;}
/*Slide tin tức*/	
.owl-tintuc .owl-next {right:-3.2rem}   
.owl-tintuc .owl-controls .owl-buttons div {
    margin: 0;
    width: 2.6em;
    height: 2.6em;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    background: #630c8e;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 2.6em;
    display: inline-block;
    padding: 3px 10px;
    z-index: 5;
    position: absolute;
    top: 50%;
    text-align: center;
}
.owl-tintuc .owl-next {right:-1.2rem} 
.owl-tintuc .owl-prev {left:-1.2rem} 
.owl-tintuc .owl-controls .owl-buttons div i{color:#fff;font-size: 1.6rem;}
/*Slide sản phẩm*/	
.slide_sanpham .owl-next {right:-3.2rem}   
.slide_sanpham .owl-controls .owl-buttons div {
    margin: 0;
    width: 2.6em;
    height: 2.6em;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    background: #f46524;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 2.6em;
    display: inline-block;
    padding: 3px 10px;
    z-index: 5;
    position: absolute;
    top: 50%;
    text-align: center;
}
.slide_sanpham .owl-prev {left:-1.2rem} 
.slide_sanpham .owl-controls .owl-buttons div i{color:#fff;font-size: 1.6rem;}
/*Slide chi tiết sản phẩm*/
.img_thumsanpham > a > .zoom{ overflow:hidden; background:#fff}
.img_thumsanpham > a > .zoom > img{height:100%;margin: 0 auto;width: 100%;}
.img_thumsanphamchild { border: 0.01em solid #9e9e9e99}
.synced .img_thumsanphamchild { /*border: 0.09em solid #9e9e9e*/}
.img_thumsanphamchild { 
text-align: center;
    cursor: pointer;
    max-height: 80px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;    display: block;
}
.img_thumsanphamchild img{      height: 80px;
    margin: 0 auto;
    width: auto;} 
.sync1 .owl-controls .owl-buttons div { 
background: #9E9E9E;
    border-radius: 50%;
    top: 50%; 
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    line-height: 3rem;position: absolute;
}
.sync1 .owl-controls .owl-buttons .owl-prev{left:0}
.sync1 .owl-controls .owl-buttons .owl-next{right:0}
.sync1 .owl-controls .owl-buttons div i {font-size: 25px;text-align:center;color:#fff}

.sync2 .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    padding: 3px 10px; 
    width: 2em;
    height: 2em;
    background: #9E9E9E;
    line-height: 2em; top: 52%; 
}
.sync2 .owl-controls .owl-buttons div i {font-size: 20px;} 
/**/
@media (min-width: 320px) and (max-width: 576px){
.owl-buttons {display:none} 	
}