@font-face {font-family:avo;src: url(font/UTM_Avo.ttf);}
@font-face {font-family:avob;src: url(font/UTM_AvoBold.ttf);}
@font-face {font-family:ro;src: url(font/Roboto-Regular.ttf);}
@font-face {font-family:rob;src: url(font/Roboto-Bold.ttf);}
@font-face {font-family:new;src: url(font/UTM-Helve.ttf);}
@font-face {font-family:newb;src: url(font/UTM-HelveBold.ttf);}
@font-face {font-family:new2;src: url(font/UTM-Swiss-Condensed.ttf);}
@font-face {font-family:new2b;src: url(font/UTM-Swiss-CondensedBold.ttf);}

body{margin:0;padding:0;font-family:ro;background:#fff url(/Design/asfalt-dark.png);color:#3f3f3f}
h1,h2,h3,h4,h5,h6,strong,b{}
.imgScale{overflow:hidden;}a{color:inherit;}
.clearfm *{margin:0;padding: 0;border:none;text-decoration:none;list-style:none;color:inherit;line-height:1.4;}
.container{width:96%;margin:auto;max-width:1200px;padding:0;box-sizing:border-box;}
.row{margin-right: -15px;margin-left: -15px;}
.row >*{padding:0 15px}.rowp >*{padding:15px}.offset-lg-3{margin-left:25%}
.boxes+.boxes{margin-top: 20px;}
img,input,iframe,select{border:none;}
table {border-collapse: collapse;}a:hover{text-decoration:none;color:inherit;}
.align-left{text-align:left !important;}.align-center{text-align:center !important;}.align-right{text-align:right !important;}
.postImg {overflow:hidden;position:relative;}
.postImg img{width:100%;height:auto;min-height:100%;transition:transform .5s;position:absolute;left:0}
.postImg:hover img{transform:scale(1.2)}
.imgH .hidden{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.6);position:absolute;z-index:5;top:0;left:0;color:#fff;padding-top:40%;text-align:center;text-transform:uppercase;font-size:14px;opacity:0;}
.imgH:hover .hidden{opacity:1;}
.product-img{background-color:#fff;text-align:center;position:relative;overflow:hidden;}
.product-img img{height:100%;width:auto;left:0;right:0;margin:auto;position:absolute;transition:transform .5s;}.product-list li:hover .product-img img{transform:scale(1.2) rotate(5deg)}
.desc{font-size:15px;color:#5f5f5f;height: 62px;overflow:hidden;}
.link-inner-detail a{color:#0579a2;}.link-inner-detail a:hover{color:#}
.message{font-size:15px;color:#4f4f4f}
.background-white{background-color:#fff;padding:25px 2%;border:1px solid #eee;border-radius:3px}
.banner img{width:100%;}
.red{font-size:15px;color:red}.w{color:#fff !important}
.left{float:left;}
.right{float:right}
.clear{clear:both;}
.detail{font-size:16px;color:#111;margin-top:20px;text-align:justify;}
.mucluc{background-color:#f7f7f7;padding:15px 20px;}
.mucluc h4{font-size:15px;color:#3f3f3f;font-weight:bold;}
.mucluc li a{color:#0579a2;}
.mucluc li:hover a{color:#b10019;}
.detail table{width:100% !important;}
.detail td{width:48% !important;padding:1%}
.detail img{max-width:100% !important;cursor:zoom-in;height:auto !important;}
.detail a{color:#0579a2;text-decoration:none;}
.link-inner-detail{margin-top:5px;font-weight:bold;color:#0579a2;}
.breadcrums {float:right;}

.breadcrums  a{color:#0579a2;}
.error {color:red;font-size:15px;}
.boxes .contain{overflow:hidden;}
.text-right{text-align:right;}
.img{display:block}
.img img{width:auto;height:100%;min-width:100%;}
.imgW img{width:100%;height:auto;min-height:100%;}
.block{display:block}
.btopnone{border-top:none !important}
.overHide{overflow:hidden}.mtop10{margin-top:10px !important;}.mtop20{margin-top:20px !important;}.mtop30{margin-top:30px !important;}.mtop40{margin-top:40px !important;}.mtop50{margin-top:50px !important;}
.pager{clear:both;margin-top:20px;font-size:13px;line-height:1.8}
.pager span,.pager a{background-color:#0579a2;display:inline-block;text-align:center;
margin-right:3px;border-radius:4px;color:#fff;border:1px solid #fff;padding:3px 10px 2px 10px;box-sizing:border-box;}    
.pager a:hover{background-color:#b10019;color:#fff;/* border:0; */}.pager .total-page{color:#444;}
.pager span,.pager .not-active{background-color:#fff;color:#0579a2;border:1px solid #dddd;}
.transparent{background-color:transparent}
.loadding{background-color:rgba(255,255,255,.6);background-image:url(../Design/cho.gif);background-repeat:no-repeat;background-position:center;position:absolute;width:100%;height:100%;z-index:5}
.inline-block{display:inline-block}.relative{position:relative;}
.link-cat{text-align:center;margin-top:10px;}.link-cat a{border-bottom:2px solid #027dc3;color:#9f9f9f;padding:0 10px 2px;display:inline-block;font-size:14px;text-transform:uppercase;}
.link-cat a:hover{color:#027dc3;}.link-cat a i{transition:transform 0.2s;}.link-cat a:hover i{transform:translateX(5px);}
.info{font-size: 14px;color:#8f8f8f;overflow:hidden;}
.info span, .info a{display:inline-block;margin-right:10px;float: left;}.info a:hover{color:#ee0a0a;}.info a{color:#111;}
.info span:last-child, .info a:last-child{;margin-right:0;}
.info .cat:before{content:"\f0c9";font-family:fontawesome;color:#4f4f4f;display:inline-block;margin-right:6px;}
.info .date:before{content:"\f073";font-family:fontawesome;display:inline-block;margin-right:6px;font-weight:300}
.views{font-size:14px;}
.views:before{content:"\f06e";font-family:fontawesome;display:inline-block;margin-right:6px;}
.info .comments:before{content:"\f0e5";font-family:fontawesome;color:#4f4f4f;display:inline-block;margin-right:6px;}
.info .share{float:right;}

.width49{width:49%;float:left;}.width49+.width49{float:right;}

.breadcrumb{width:100%;background:none}
.breadcrumb a{}
.breadcrumb a:hover{text-decoration: underline !important;}

.center{text-align:center}

.imgA,.imgH,.imgW{overflow:hidden;position:relative;cursor:pointer;}
.num-img{position:absolute;z-index:2;color:#fff;bottom:0;right:0;padding:7px 10px;background-color:rgba(0,0,0,0.5);}
.num-img:hover{font-size:18px;color:#fff;}
.imgP{position:relative;cursor:pointer}
.imgA img{position:absolute;height:auto;width:auto !important;max-width:100%;max-height:100%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;}
.imgH img{height:100%;min-width:100%;width:auto !important;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;}
.imgP img{position:absolute;height:auto;width:auto !important;max-width:100%;max-height:100%;bottom:0;left:0;right:0;margin:auto;transition:transform .3s;}
.imgW img{width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;}
.imgW:hover img,.imgH:hover img,.imgA:hover img{transform:translateX(-50%) translateY(-50%) scale(1.1)}
.imgP:hover img{transform:translateY(-20px)}

.line1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.mt{margin-top:50px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}

@media only screen
and (max-width :1023px){
.offset-lg-3{margin-left:0}
}

@media only screen
and (max-width :467px){
    .pdingm{padding: 20px 0 !important;}
    .desc{/* font-size:13px; */height:auto}
    .boxes .contain{margin-top:15px;}
    .width49{width:100%;float:none;}
    .mtop50,.mtop40{margin-top:30px !important;}.breadcrums{float:none;}
    .background-white{/* padding-bottom:0 */}
    .breadcrumb{font-size:13px}
    .boxes+.boxes{margin-top:20px;}
    .background-white{padding:5px}
    .row{margin:0 -7px}
    .row >*{padding:7px}
}