@font-face {font-family:avo;src: url(font/SVN-Avo.ttf);}
@font-face {font-family:avob;src: url("font/SVN-Avo-bold.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:time;src: url("font/UTM-Times.ttf");}
@font-face {font-family:swi;src: url("font/UTM-Swiss-Condensed.ttf");}
@font-face {font-family:swib;src: url("font/UTM-Swiss-CondensedBold.ttf");}
@font-face {font-family:swic;src: url("font/UTM-Swiss-721-Black-Condensed.ttf");}

body{margin:0;padding:0;font-family:ro;background-color:#fff;color:#1c1c1c}
.red,.titletb{color:red!important}
.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:1140px;padding:0;box-sizing:border-box;}
.overHide{overflow:hidden}
.row{margin:0 -15px}.row >*{padding:15px}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none;color:inherit;}

.background-white{background-color:#fff;padding:25px 4%;border:1px solid #eee}
.bncat{background-size:cover;background-position: center;color:#fff;text-align:center;padding:45px 0 40px}
.bncat h2{font-size:46px;font-family:swic;text-transform: capitalize;margin-bottom:10px}
.bread_crumb{}
.bread_crumb .breadcrumb{justify-content: center;}
.breadcrumb-item.active{color:#fff}
.boxes+.boxes{margin-top:50px;}
.boxes .contain{margin-top:20px}

.center{text-align:center}

.detail{/* text-align:justify; */}
.detail table{width:100%}
.detail img{max-width:100% !important;cursor:zoom-in;height:auto !important;}
.detail a{}
.detail h1,.detail h2,.detail h3,.detail h4,.detail h5{font-family:rob;}

.error{color:red}

.flex{display:flex}

.imgA,.imgH,.imgW{overflow:hidden;position:relative;cursor:pointer}
.imgA img{height:auto !important;width:auto !important;max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
.imgH img{height:100%;min-width:100%;width:auto !important;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);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{transform:translateX(-50%) translateY(-50%) scale(1.1)}
.info{font-size:14px;color: #979797;/* margin-bottom:15px; */overflow:hidden;}
.info li+li{padding-left:20px}
.info > span+span{padding-left:20px}
.info .date:before{content:"\f073";font-family:fontawesome;display:inline-block;margin-right:6px;}
.info .views:before{content:"\f06e";font-family:fontawesome;display:inline-block;margin-right:6px;}
.date:before{content:"\f073";font-family:fontawesome;display:inline-block;margin-right:6px;}
.ifbv{display:flex}
.ifbv >*+*{padding-left:20px}

.left{float:left;}.right{float:right}
.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;}
.list-group{margin-bottom:20px}

.ma{margin:auto}
.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{margin-top:20px;font-size:13px;}
.pager span,.pager a{background-color:#0d7aa3;display:inline-block;text-align:center;margin-right:3px;border-radius:4px;color:#fff;border:1px solid #0d7aa3;padding: 3px 10px 4px 10px;}    
.pager a:hover{background-color:#00A857;border-color:#00A857}
.pager span{background-color:#fff;color:#0d7aa3;border-color:#ddd;}

.bgwhite{background-color:#fff}
@media only screen
and (max-width :467px){
.container{}
.background-white{padding:25px 0}
.boxes .contain{margin-top:15px;}
.boxes+.boxes{margin-top:25px}
.breadcrumb h2{display:none}
.detail{font-size:15px}
.detail h1{font-size:24px}.detail h2{font-size:22px}.detail h3{font-size:20px}.detail h4{font-size:18px}
.info{display:flow-root;position:relative;}
.info span+span{padding-left:5px}
.info span.fb-like{position:absolute;right:0}
.pdingm{padding:25px 0 !important}
.row{margin:0 -5px}.row >*{padding: 5px;}
    .bncat h2{font-size:18px}
    .bread_crumb{font-size:13px}
}