body {
	padding:4px;
}
.articlecontent img {
	max-width:100%;
}
a {
	color:black !important;
	text-decoration:none;
}
a:hover {
	color:#00d !important;
	text-decoration:underline !important;
}
.centerindiv {
	position:relative;
	left:50%;
	transform:translateX(-50%);
}
.newmiddle {
	width:100%;
	border:4px solid orange;
	display:flex;
    flex-wrap:wrap;
}
.itemimg img {
	object-fit:contain;
}
.item {
	margin:2px;
	margin-bottom:8px;
}
.itemimg {
	width:100%;
	overflow:hidden;
}
#frmsearch {
	position:relative;
	left:50%;
	transform:translateX(-50%);
	margin-top:12px;
	display:none;
}
@media (max-width:385px) {
	.item {
		width:calc(50% - 4px);
		height:50vw;
	}
	.itemimg {
		height: 30vw;
	}
}
@media (min-width:386px) and (max-width:767px){
	.item {
		width:calc(33% - 4px);
		height:32vw;
	}
	.itemimg {
		height: 20vw;
	}
}
@media (min-width:768px) {
	.item {
		width:calc(16% - 4px);
		height:18vw;
	}
	.itemimg {
		height: 12vw;
	}
}
.lt780 {
	display:none;
}
.xlt780 {
	display:inherit;
}
.lt1000 {
	display:none;
}
.xlt1000 {
	display:inherit;
}
.adtop {
	margin-top:124px;
	margin-left:0;
	margin-right:0;
}
#topad1 {
	width:45%;
}
#topad2 {
	width:45%;
}
@media (max-width:780px) {
	.lt780 {
		display:inherit;
	}
	.xlt780 {
		display:none;
	}
	#topad1 {
		width:80%;
	}
	#topad2 {
		display:none;
	}
}
@media (max-width:1000px) {
	.lt1000 {
		display:inherit;
	}
	.xlt1000 {
		display:none;
	}
	.adtop {
		margin-top:140px;
	}
}
@media (max-width:575px) {
	.lt780 {
		display:none;
	}
	#topad1 {
		width:100%;
	}
}
@media (max-width:440px) {
	.xlt440 {
		display:none;
	}
}
/* CAROUSEL */

@keyframes carousel-offleft {
  from {left:0;}
  to {left:-100%;}
}
@keyframes carousel-onleft {
  from {left: 100%;}
  to {left: 0;}
}
@keyframes carousel-offright {
  from {left:0;}
  to {left:100%;}
}
@keyframes carousel-onright {
  from {left: -100%;}
  to {left: 0;}
}
@keyframes top8 {
  0% {top:0;}
  12% {top:0;}
  88% {top:-518px;}
  100% {top:-518px;}
}
@keyframes top7 {
  0% {top:0;}
  14% {top:0;}
  86% {top:-412px;}
  100% {top:-412px;}
}
@keyframes top6 {
  0% {top:0;}
  17% {top:0;}
  83% {top:-384px;}
  100% {top:-384px;}
}
@keyframes top5 {
  0% {top:0;}
  20% {top:0;}
  80% {top:-200px;}
  100% {top:-200px;}
}
@keyframes top4 {
  0% {top:0;}
  25% {top:0;}
  75% {top:-94px;}
  100% {top:-94px;}
}
.move8 {
	animation-name: top8;
	animation-duration: 8s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.move7 {
	animation-name: top7;
	animation-duration: 7s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.move6 {
	animation-name: top6;
	animation-duration: 6s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.move5 {
	animation-name: top5;
	animation-duration: 5s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.move4 {
	animation-name: top4;
	animation-duration: 4s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.timepage {
    position: absolute;
    left: 0 !important;
	bottom: 28px;
	height:40px !important;
    background: #fff;
    width: 100%;
}
#carousel2 {
	overflow:hidden;
}
#carousel2 div {
	position: absolute;
    overflow: hidden;
	left:100%;
    width: 100%;
    height: 350px;
}
.couter {
	overflow:hidden;
}
.cinner {
	position: absolute;
	top:36px;
	left:100%;
	width:100%;
	height:100%;
}
.initial {
	left:0 !important;
}
.trending {
	height:360px;
	overflow:hidden;
}
.rchevron {
    position: absolute;
    right: 0;
    font-size: 120px;
    color: white;
    top: 40;
	cursor: pointer;
}
.lchevron {
    position: absolute;
    left: 0;
    font-size: 120px;
    color: white;
    top: 40;
	cursor: pointer;
}
.offleft {
	animation-name: carousel-offleft;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
}
.onleft {
	animation-name: carousel-onleft;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
}
.offright {
	animation-name: carousel-offright;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
}
.onright {
	animation-name: carousel-onright;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
}
.titleoverlay {
	position: absolute;
    left: 0;
    bottom: 84px;
    background: rgba(0,0,0,0.8);
    color: white;
    width: calc(100% - 20px);
    margin: 10px;
    font-size: larger;
    padding: 7px 0;
}
.clockoverlaymain {
	position: absolute;
    left: 12px;
    top: 3px;
    background: rgba(0,0,0,0.8);
    color: white;
    font-size: small;
    padding: 7px;
}
.pageoverlaymain {
	position: absolute;
    right: 12px;
    top: 3px;
    background: rgba(0,0,0,0.8);
    color: white;
    font-size: small;
    padding: 7px;
}
.popup {
	display:none;
	position:absolute;
	bottom:4px;
	left:0;
	color:black;
	background-color:wheat;
	font-size:x-small;
}
.popshow:hover .popup {
	display:inherit;
}
.divamata {
	text-align:center;
	font-size:small;
	border-left:2px solid orange
}
.amatitle {
	width:100%;
	padding:3px;
	font-weight:600;
	font-size:x-large;
}
@media (max-width:1024px) {
	.amatitle {
		font-size:large;
	}
	.divamata {
		font-size:x-small;
	}
}
@media (max-width:768px) {
	.divamata {
		display:none;
	}
}
/* TV */
.nowplaying {
	width: 800px;
	height: 450px;
	max-width:100%;
}
.nowplaying iframe {
	width:100%;
	height:100%;
}
.video {
	width: 248px;
	max-width: 100%;
	float:left;
	padding:10px;
	height:300px;
	overflow:hidden;
	cursor:pointer;
}
.content {
	margin-top:55px;
}