.datetime{
    color: #807f7f;
    font-size: 13px;
    line-height: 1;
    padding-bottom: 8px;

}
.des{
    text-align: justify;
    line-height: 1.4;
    height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
}

.titleSection {
    min-width: 100%;
    position: relative;
    overflow: initial !important;
    margin-bottom: 15px;
}
.titleSection:before {
    content: "";
    position: absolute;
    height: 4px;
    width: 60px;
    bottom: 0;
    left: 15px;
    background: #93080a;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
}
.titleSection .left {
    margin-bottom: 6px;
}
.titleSection .left a.name {
    color: #333;
    font-size: 20px;
    line-height: 30px;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-transform: uppercase;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    -webkit-transform: translateY(3);
    transform: translateY(3);
    -moz-transform: translateY(3);
    -ms-transform: translateY(3);
    -o-transform: translateY(3);
}
a:hover{
    text-decoration: none;
}
.titleSection .right {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
}
.titleSection:after {
    content: "";
    position: absolute;
    height: 4px;
    width: calc(100% - 100px);
    bottom: 0;
    left: 80px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    background: #f8d661;
}
.titleSection .right a.more {
    display: inline-block;
    width: 90px;
    font-family: "Arial";
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    background: #f8d661;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.titleSection .right a.more i {
    margin-left: 4px;
}
.titleSection .right ul.hover {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 36px;
    right: 15px;
    z-index: 100;
    width: 300px;
    display: none;
}
.titleSection .right ul.hover li a:hover {
    text-decoration: none;
    background: #C18F05 !important;
    color: #fff;
}
.titleSection .right ul.hover li a {
    display: inline-block;
    font-family: "Arial";
    color: #333;
    font-size: 16px;
    line-height: 23px;
    padding: 8px 14px;
    border-bottom: solid 1px #f3cea2;
    background: #ffe4c4;
    width: 100%;
}
.titleSection h2.title{
    margin: 0;
}
.news-cat-box{
    margin-top: 20px;
}

.section-news .section-title {
    font-weight: 700;
    color: #C18F05;
    font-size: 24px;
    position: relative;
    margin-bottom: 30px;
    margin-top: 15px;
    text-transform: uppercase;
}

.section-news .section-title:after {
    content: "";
    width: 50px;
    height: 3px;
    background: #C18F05;
    position: absolute;
    top: 100%;
    left: 50%;
    border-radius: 4px;
    margin-left: -25px;
    margin-top: 5px;
}

.news-item h3 a, .news-simple h3 a {
    color: #333333;
}

.news-simple h3 a:hover, .news-item h3 a:hover {
    text-decoration: none;
    color: #C18F05;
}

.news-item h3, .news-simple h3 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .5rem;
    line-height: 1.2;
    text-transform: unset;
}

.news-item .col-left {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.news-item .col-right {
    width: 70%;
    display: inline-block;
    padding-left: 10px;
	text-align: left;
}

.news-item .col-right h3 {
    font-size: 15px;
    font-weight: 500;
    text-transform: unset;
    /*max-height: 55px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.news-item-list .news-item:after {
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% - 20px);
    left: 10px;
    background: #e2e2e2;
    bottom: 0;
}
.news-item-list .news-item:last-child:after{display:none}
.news-item{
    padding-bottom: 10px;
}
.line{
    background: url('/public/userfiles/bgSection.jpg') repeat-x left bottom;
    height: 40px;
}

.titleSection .right ul.hover li:nth-child(2n+2) a {
    background: #ffefdd;
}
.content-text{
    font-size: 15px;
}
.pages{
    float: right;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #d1a230;
    border-color: #d1a230;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #f6d25b;
    border-color: #f6d25b;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.box-right{
    margin-bottom: 15px;
}
.box-right h2{
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    line-height: 36px;
}
.box-right h2.title span{
    background: #1DA2FF;
    padding: 5px 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
}
.box-righth2.title{padding-bottom:5px;border-bottom:2px solid #1DA2FF;margin-bottom:20px;margin-top:15px;}
.cam{border-bottom:2px solid #FF9F1D!important;}
.nau{border-bottom:2px solid #C18F05!important;}
.cam span{background:#FF9F1D!important;}
.nau span{background:#C18F05!important;}
.box-right h2.title span a{color:#fff;text-decoration:none;}

.box-right .news-item .col-right h3 {
    font-size: 14px;
    font-weight: 500;
    text-transform: unset;
    /*max-height: 40px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.news-simple{
	text-align: left;
}
