.tem77-news .items{position:relative;overflow: hidden;border-color:rgba(121, 121, 121, 0.15);}
.tem77-news .items:before{content:"";display:block;width:50%;height:100%;position:absolute;top:25px;left:0;border-right: 1px solid;border-color: inherit;}
.tem77-news .box{position: relative;overflow: hidden;z-index: 1;color:#333;width:50%;margin:0 0 40px;}
.tem77-news .box::after{position: absolute;content: "";right:0;top:0;width: 0;height: 100%;border:200px solid;border-color: inherit;overflow: hidden;z-index: -1;transition: .5s;opacity: 0;}
.tem77-news .box a{font-size:12px;color:inherit;display:flex;display: -webkit-flex;flex-wrap:nowrap;border:1px solid;border-color: transparent;padding: 20px 20px 20px 80px;position: relative;}
.tem77-news .box a::before{content:"";display:block;border:1px solid;border-color: rgba(0,0,0,.1);background:#fff;width:20px;height:20px;border-radius:50%;position:absolute;top:20px;z-index:1;transition:0.2s;}
.tem77-news .items .item{width:100%;border-color: inherit;}
.tem77-news .items .item:nth-child(odd) a:before{right:30px;}
.tem77-news .items .item:nth-child(odd) a{flex-direction: row-reverse;padding: 20px 80px 20px 20px;}
.tem77-news .items .item:nth-child(odd) .box{float:left;transform: translateX(40px);}
.tem77-news .items .item:nth-child(odd) .box::after{left:0;right: auto;}
.tem77-news .items .item:nth-child(odd) .text{text-align: right;}
.tem77-news .items .item:nth-child(even) .box{float:right;transform: translateX(-40px);}
.tem77-news .items .item:nth-child(even) a:before{left:30px;}
.tem77-news.content-right .items .item:nth-child(even) a:before{right:30px;left:auto;}
.tem77-news.content-right .items .item:nth-child(odd) a:before{left:30px;right: auto;}
.tem77-news.content-right .items .item:nth-child(odd) a{flex-direction: row;padding: 20px 20px 20px 80px;}
.tem77-news.content-right .items .item:nth-child(even) a{flex-direction: row-reverse;padding: 20px 80px 20px 20px;}
.tem77-news.content-right .items .item:nth-child(even) .box{float:left;transform: translateX(40px);-moz-transform: translateX(40px);-webkit-transform: translateX(40px);}
.tem77-news.content-right .items .item:nth-child(odd) .box::after{right:0;left: auto;}
.tem77-news.content-right .items .item:nth-child(even) .box::after{left:0;right: auto;}
.tem77-news.content-right .items .item:nth-child(odd) .text{text-align: left;padding: 0 0 0 20px;}
.tem77-news.content-right .items .item:nth-child(even) .text{text-align: right;padding: 0 20px 0 0;}
.tem77-news.content-right .items .item:nth-child(odd) .box{float:right;transform: translateX(-40px);}
.tem77-news .items .item a:focus,
.tem77-news .items .item a:visited{text-decoration:none;}
.tem77-news .items .item .text {padding-left: 20px;}
.tem77-news .items .item:nth-child(odd) .text{padding:0 20px 0 0;}
.tem77-news .items .item .text .title{font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.tem77-news .items .item .text .description{padding-top:16px;font-size:14px;overflow:hidden;opacity: .7;line-height: 170%;}
.tem77-news .items .item .year{position:relative;line-height:1.2;font-size: 1.75rem;font-weight: 700;}
@media(min-width:769px){
    .tem77-news .box a:hover{border-color: inherit;}
    .tem77-news .box a:hover::before{border-color: inherit;}
    .tem77-news .box:hover .text{color: #fff;}
    .tem77-news .box:hover .year{color:inherit;}
    .tem77-news .box:hover::after{width: calc(100% - 145px);opacity: 1;}
    .tem77-news.content-right .box a:hover{border-color: inherit; }
    .tem77-news.content-right .box a:hover::before{border-color: inherit;}
    .tem77-news.content-right .box:hover .text{color: #fff;}
    .tem77-news.content-right .box:hover .year{color:inherit;}
    .tem77-news.content-right .box:hover::after{width: calc(100% - 145px);opacity: 1;}
}
@media(max-width:768px){
    .tem77-news .container,
    .tem77-news.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important}
    .tem77-news .items .item:nth-child(n) .box{width: 100%;transform:translateX(0)!important;}
    .tem77-news .items .item:nth-child(n) a{flex-direction: row!important;padding: 15px 0 15px 30px!important;}
    .tem77-news .items .item:nth-child(n) .text{text-align: left;}
    .tem77-news .items:before{border-right: none;border-left: 1px solid;border-color: inherit;left:8px;}
    .tem77-news .box a{padding: 15px 0 10px 30px!important;}
    .tem77-news .box a::before{width: 14px;height: 14px;}
    .tem77-news .items .item:nth-child(n) a:before{left:0!important;right: auto!important;}
    .tem77-news .items .item:nth-child(n) .text{padding-left: 15px!important;text-align: left!important;}
    .tem77-news .items .item .year{font-size: 1.25rem;}
    .tem77-news .items .item .box{margin:0;}
    .tem77-news .items .item .text .description{padding-top: 10px;}
}
@media(max-width:320px){
    .tem77-news .items .item:nth-child(n) a{flex-wrap: wrap;}
    .tem77-news .items .item:nth-child(n) .text{width: 100%;padding: 15px 0 0!important;}
    .tem77-news .items .item:nth-child(n) .year{width: 100%;}
    .tem77-news .items .item .text .description{padding-top: 5px;}
}