.site-top {position:relative;padding:5px;}

/* Main slider */
.main-slider {float:left; width:67%; padding-right:10px;}
.owl-carousel {width:100%; display: none; margin:0 15px 0 0; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }
.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;-moz-backface-visibility: hidden;/* fix firefox animation glitch */ }
.owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-stage-outer {position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }
.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); }
.owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-item img {display: block; width: 100%; -webkit-transform-style: preserve-3d; }
.owl-nav.disabled, .owl-dots.disabled {display: none; }
.owl-nav .owl-prev, .owl-nav .owl-next, .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-loaded {display: block;}
.owl-loading {opacity: 0; display: block;}
.owl-hidden {opacity: 0;}
.owl-refresh .owl-item {visibility: hidden;}
.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-grab {cursor: move; cursor: grab;}
.main-slider-item a {display:block; position:relative;}
.main-slider-item a:before {content: "";display: block; position: absolute;bottom: 0;width: 100%;height: 60%;background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.85) 100%);background: -webkit-linear-gradient(top, transparent 0%,rgba(0,0,0,0.85) 100%);background: linear-gradient(to bottom, transparent 0%,rgba(0,0,0,0.85) 100%); z-index:1;}
.nav-1 .owl-nav [class*='owl-'] {position: absolute; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.68); padding: 17px 10px;}
.owl-carousel.nav-1 .owl-nav .owl-next {right: 0;}
.owl-carousel.nav-1 .owl-nav .owl-prev {left: 0;}
.owl-carousel.nav-1 .owl-nav [class*='owl-']:before {content: ""; display:block; width:16px; height:16px; background-size:cover; background-position:0 0;}
.owl-nav .owl-prev:before {background-image: url(../images/prev.svg);}
.owl-nav .owl-next:before {background-image: url(../images/next.svg);}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel.nav-1 .owl-nav>div:hover {background-color: rgba(227, 30, 36, 0.7);}
.dot-1 .owl-dots {background-color: #dc251f; counter-reset:dots; overflow:hidden;}
.dot-1 .owl-dots .owl-dot {float:left; width:10%; background-color: transparent; font-weight:bold; font-size:16px; line-height:24px; padding:4px 0; color: #fff; text-align:center; border-right: 1px solid rgba(255, 255, 255, 0.38);}
.dot-1 .owl-dots .owl-dot:last-child {border-right:none;}
.dot-1 .owl-dots .owl-dot:hover, .dot-1 .owl-dots .owl-dot.active {background-color: rgba(151, 32, 32, 0.48);}
.dot-1 .owl-dots .owl-dot:before{counter-increment:dots;content:counter(dots);}
.main-slider-info {position:absolute; bottom:0; width:100%; padding:30px;z-index:1000;}
.main-slider-info .main-slider-category {background: #dc251f; padding: 0px 10px; font-size: 15px; margin-bottom: 8px; color: #fff; display:inline-block; vertical-align:top; height:24px; line-height:24px;}
.main-slider-info .main-slider-title {font-weight:bold; font-size:28px; line-height:40px;color: #fff !important; margin-bottom:15px;}
.main-slider-info .main-slider-title * {color: #fff !important;}
.main-slider-info .main-slider-date {font-size:14px; line-height:18px; color: #e5e5e5; height: 18px;}
.main-slider-info .main-slider-date i {float:left; width:12px; height:12px; margin:3px 5px 0 0; background-size:cover; background-image: url(../images/date.svg);}

/* M slider */
.m-slider {width:100%; float:left;}
.m-slider-wrap {}
.m-slider-item a {display:block;}
.m-slider-item .m-slider-info {position:absolute; bottom:0; left:0; width:100%; padding: 20px; background-image: linear-gradient(to bottom,rgba(0,0,0,0.2),rgba(0,0,0,0.9)); z-index: 5;}
.m-slider-item .m-slider-image img {height:400px; object-fit: cover;}
.m-slider-info .m-slider-title {color: #fff; font-weight: bold; text-shadow: 1px 1px 0 rgb(0 0 0 / 70%); font-size: 24px; line-height: 28px; margin: 0 0 10px;}
.m-slider-info .m-slider-extra {overflow:hidden;}
.m-slider-extra .m-slider-date {float:left; color:rgba(255,255,255,.7); font-size:13px; line-height:20px; padding: 7px 0;}
.m-slider-extra .m-slider-details {float:right; color: #fff; font-weight: bold; padding: 7px 35px 7px 14px; background: rgba(255,255,255,.15); border-radius: 5px; font-size:14px; line-height:20px; position:relative;}
.m-slider-extra .m-slider-details:after {content: ""; display:block; width:16px; height:16px; background-size:cover; background-image: url(../images/detail.svg); position:absolute; top:0; bottom:0; margin: auto; right:14px;}
.m-slider .owl-dots {display: none; position: absolute; bottom: 10px; left: 0; width: 100%; text-align:center; height:6px;}
.m-slider .owl-dots .owl-dot {display: inline-block; vertical-align: top; background-color: #9e9e9e; width: 6px; height: 6px; margin: 0 2px; border-radius: 50%;}
.m-slider .owl-dots .owl-dot.active {background-color: #da251e}

/* Thumbs */
.thumbs {overflow:hidden; padding: 11px 3px 3px; background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.thumb-item {float:left; width:10%; cursor:pointer; padding: 3px; position:relative;}
.thumb-item.active {background-color:#fff;}
.thumb-item.active:before {content: ""; width: 0; height: 0; position: absolute; top: -8px; left: 0; right:0; margin: auto; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff;}
.thumb-item .thumb-image img {width:100%; display:block;border-radius:4px; height:50px; object-fit: cover;}
.thumb-item .thumb-info {margin-top:5px;}
.thumb-info .thumb-title {font-size: 13px; line-height: 16px;overflow: hidden; color: #fff; font-weight:500; margin-top:0px; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4;}
.thumb-item.active .thumb-info .thumb-title {color:#333;}
.thumb-info .thumb-date {font-size:11px; line-height:14px; color:#000;}

/* A posts */
.at-title {color: #d3e8ff; font-weight: 500; text-align: center; border-bottom: 1px solid rgba(229,229,229,.2); font-size: 22px; line-height: 26px; padding: 8px 15px;}
.a-posts {overflow:hidden; padding: 7px 20px; background-image: linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0.24)),linear-gradient(to bottom,#1f5286,#163554);  float:left; width:35%;height:600px;}
.a-posts-wrap {height:613px;}
.a-posts-wrap .a-post-item a {display:block; overflow:hidden; padding: 9px 0; border-bottom: 1px solid rgba(229,229,229,.2);}
.a-posts-wrap .a-post-item:last-child a {border:0;}
.a-post-item .a-post-image {float:left; padding:2px 0; margin-right:10px;}
.a-post-item .a-post-image img {width:80px; height:50px; display:block;}
.a-post-item .a-post-info {overflow:hidden; height:54px; margin: -3px 0;}
.a-post-info .a-post-b {color:#fff;  display:table-cell; vertical-align: middle; height: 54px;}
.a-post-info .a-post-title {text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; font-size:14px; line-height:18px; font-weight:bold;}