body {
	font-family: 'Roboto', sans-serif;
	padding: 0;
	margin: 0;
	background: black;
	color: #ad9440;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body *:not(script):not(style) {
	/* display: block; */
	box-sizing: border-box;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

a {
	text-decoration: none;
	color: #ad9440;
}

i,
b {
	display: unset !important;
}

h5 {
	margin: 10px;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	line-height: 32px;
}

h5.news-head {
	color: #ad9440;
	text-align: left;
	font-size: 30px;
}

p {
	font-size: 20px;
	padding: 10px;
}

.flex {
	display: flex;
}

.aic {
	align-items: center;
}

.jcc {
	justify-content: center;
}

.jcsb {
	justify-content: space-between;
}

.fdc {
	flex-direction: column;
}

.w-full {
	width: 100%;
}

.h-full {
	height: 100%;
}

.w-screen {
	width: 100vw;
}

.h-screen {
	height: 100vh;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.fixed {
	position: fixed;
}

.pointer {
	cursor: pointer;
}

.hidden {
	display: none;
}

.object-cover {
	object-fit: cover;
}

.Home-Watch-Sec {
	display: flex;
	font-size: 36px;
	padding: 10px;
	border-bottom: 3px #ad9440 solid;
	margin-bottom: 10px;
	font-weight: 400;
}

@font-face {
	font-family: 'VNI-Thufap2  Normal';
	font-style: normal;
	font-weight: normal;
	src: url('/fonts/Vnthfap2.woff') format('woff');
}

.dragon-font {
	font-family: 'VNI-Thufap2  Normal';
}

#header-title a {
	color: #800;
	padding: 20px;
}

#MediaLoader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}

.media-spinner {
	--c1: #673b14;
	--c2: #ad9440;
	width: 40px;
	height: 80px;
	border-top: 4px solid var(--c1);
	border-bottom: 4px solid var(--c1);
	background: linear-gradient(90deg, var(--c1) 2px, var(--c2) 0 5px, var(--c1) 0) 50%/7px 8px no-repeat;
	display: grid;
	overflow: hidden;
	animation: l5-0 2s infinite linear;
}

.media-spinner::before,
.media-spinner::after {
	content: "";
	grid-area: 1/1;
	width: 75%;
	height: calc(50% - 4px);
	margin: 0 auto;
	border: 2px solid var(--c1);
	border-top: 0;
	box-sizing: content-box;
	border-radius: 0 0 40% 40%;
	-webkit-mask:
		linear-gradient(#000 0 0) bottom/4px 2px no-repeat,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
	background:
		linear-gradient(var(--d, 0deg), var(--c2) 50%, #0000 0) bottom /100% 205%,
		linear-gradient(var(--c2) 0 0) center/0 100%;
	background-repeat: no-repeat;
	animation: inherit;
	animation-name: l5-1;
}

.media-spinner::after {
	transform-origin: 50% calc(100% + 2px);
	transform: scaleY(-1);
	--s: 3px;
	--d: 180deg;
}

@keyframes l5-0 {
	80% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(0.5turn);
	}
}

@keyframes l5-1 {

	10%,
	70% {
		background-size: 100% 205%, var(--s, 0) 100%;
	}

	70%,
	100% {
		background-position: top, center;
	}
}

header {
	height: 200px;
	display: grid !important;
	padding: 0 40px;
	position: relative;
}

header:after {
	content: "";
	position: absolute;
	width: 20vw;
	height: 20vw;
	max-width: 288px;
	max-height: 288px;
	display: block;
	overflow: hidden;
	background-image: url(/imgs/authors/72dragons.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center 10vw;
	bottom: 0;
	left: 82%;
	opacity: 0.5;
	z-index: -1;
	transform: translateX(-50%);
}

#header-content {
	align-self: center;
	display: flex !important;
}

#header-title {
	font-size: 64px;
}

#header-items {
	display: flex;
	font-size: 36px;
	margin-left: auto;
}

#header-content li {
	margin: auto 30px;
}

#header-content li:last-child {
	margin-right: unset;
}

#header-items a {
	padding: 20px;
}

#nav {
	height: 60px;
	z-index: 100;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: sticky;
	top: 0;
	background: #ad9440;
	display: flex !important;
}

#nav-title {
	min-width: 171px;
}

#nav ul,
#nav .nav-item,
.nav-item a,
#nav-title,
#nav-title a {
	height: 100%;
}

.nav-item a,
#nav-title a {
	display: grid !important;
	padding: 0 20px;
	color: black;
}

.nav-item span,
#nav-title span {
	align-self: center;
	font-size: 18px;
}

.nav-social span {
	font-size: 20px;
}

#content {
	width: 95%;
	margin: 30px auto;
}

#content.media {
	display: block;
}

#content.center {
	max-width: 850px;
}

#content.center .panel-section {
	padding: 0;
	display: block !important;
}

.panel-section {
	/*padding: 20px;*/
	display: flex;
}

.panel-section>div {
	padding: 20px;
}

.news-main,
.news-side,
.news-full,
.videos-full,
#project-head,
#video-catgory-head {
	width: 100%;
}

/* //poonam */
.news-main {
	width: 95%;
	margin: 30px auto;
}

.news-side {
	max-width: 400px;
	position: sticky;
	top: 60px;
	/*max-height: 466px;*/
	margin: 0 auto;
}

.news-section-title,
.video-section-title,
h2,
.article-head,
#project-title,
#video-catgory-title {
	font-size: 36px;
	padding: 10px;
	border-bottom: 3px #ad9440 solid;
	margin-bottom: 10px;
	font-weight: 400;
}

.news-side .news-section-title,
.video-size .video-section-title {
	font-size: 28px;
	text-align: center;
}

.news-section:not(.news-side) .news-section-list,
.video-section:not(.video-side) .video-section-list {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.news-item {
	margin: 10px;
}

/*.news-item-small {
    height: 70px;
}*/
.news-item-contents {
	display: flex !important;
	height: 150px;
}

.news-item-small .news-item-contents {
	height: 70px;
}

.news-item-sub .news-item-contents {
	height: unset;
}

.news-item-author {
	background-size: cover;
	background-position: center;
	height: 100%;
	width: 70px;
	border-right: 7px #000 solid;
}

.news-item-sub .news-item-author {
	width: 50px;
	height: unset;
}

.news-item-info {
	position: relative;
	width: calc(100% - 76px);
}

.news-item-photo {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	/*opacity: 0.3;*/
}

.news-item-title {
	text-transform: capitalize;
	position: relative;
	z-index: 2;
	padding: 10px 5px 5px;
}

.news-item:not(.news-item-small) .news-item-title {
	font-size: 24px;
}

.news-item-small .news-item-title {
	font-size: 18px;
}

.news-item-sub .news-item-title {
	font-size: 14px !important;
}

.news-item-subtitle {
	font-style: italic;
	padding: 0 5px;
}

.news-item-small .news-item-subtitle {
	font-size: 14px;
}

.news-seemore {
	border: 1px #ad9440 solid;
}

.news-seemore a {
	height: 100%;
}

.news-seemore-contents {
	display: grid;
	height: 100%;
	place-content: center;
}

/*Project*/
#project-title,
#video-catgory-title {
	font-size: 48px;
}

#project-content {
	font-size: 22px;
	line-height: 28px;
}

#project-content img,
#video-catgory-content img {
	max-width: 400px;
	margin: 0 10px 0 0;
	float: left;
	max-height: 400px;
	width: 100%;
}


.playlist-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.playlist-list .news-side {
	position: relative !important;
	top: unset;
}


/*Article*/
.article-content {
	line-height: 28px;
	position: relative;
}

.article-content a {
	display: unset !important;
	text-decoration: underline !important;
	word-break: break-all;
}

.article-content img,
.article-content .video,
.article-content iframe {
	max-width: calc(70% - 40px);
	/*width: 100%;*/
	margin: 20px auto;
}

.article-content .video {
	position: relative;
	width: 100%;
}

.article-content video {
	width: 100%;
}

/*.article-content img:nth-child(3n) {
	float: right;
}*/
.article-subdetails {
	font-size: 16px;
}

/*.video.loading:before, .video:not(.playing):before {*/
/*    content: '\25BA';*/
/*    z-index: 5;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    display: grid;*/
/*    font-size: 48px;*/
/*    padding-top: 7px;*/
/*    padding-left: 11px;*/
/*    place-items: center;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    height: 93px;*/
/*    width: 89px;*/
/*    background: black;*/
/*    border-radius: 100%;*/
/*    border: 4px #ad9440 solid;*/
/*    pointer-events: none;*/
/*}*/
/*.video.loading:before {*/
/*    color: black;*/
/*    border-color: #ad9440 transparent;*/
/*    color: transparent;*/
/*    background: none;*/
/*    animation: rotateThis 0.75s infinite linear;*/
/*}*/
@keyframes rotateThis {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	100% {
		transform: translate(-50%, -50%) rotate(359deg);
	}
}

/*.video.loading .video-cover {*/
/*    filter: brightness(40%);*/
/*}*/
/*.video .video-cover {*/
/*    background-color: black;*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    cursor: pointer;*/
/*}*/
.video.playing .video-cover {
	display: none;
}

/*
.article-content.video:not(.playing):after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	max-width: calc(70% - 40px);
	width: 100%;
	height: 100%;
	margin: auto;
	transform: translateX(-50%);
	background-size: cover;
	background-position: center;
	pointer-events: none;
}*/
p.desc {
	margin: auto;
	font-style: italic;
	text-align: center;
}

p.subtitle {
	font-size: 22px;
	color: #800;
	font-weight: bold;
}

blockquote {
	font-size: 26px;
	font-style: italic;
}

.center-row {
	text-align: center;
}

.center-row>* {
	display: inline-block !important;
	margin: 20px 10px !important;
}

/*Author*/
.author-photo {
	min-width: 200px;
	max-width: 200px;
	height: 200px;
	background-size: cover;
	background-position: center;
}

.author-info {
	padding: 0 20px;
}

.author-name-country {
	border-bottom: 2px #ad9440 solid;
	padding-bottom: 10px;
}

.author-name-country span:first-child {
	font-size: 24px;
}

.author-name-country span:last-child {
	font-size: 14px;
}

.author-bio {
	padding: 10px 0px;
}


footer {
	background: #ad9440;
	color: black;
	padding: 10px 0;
}

footer a {
	color: black;
}

footer ul {
	text-align: center;
	padding: 10px 0;
	font-size: 14px;
}

footer #footer-social {
	font-size: 18px;
}

footer li {
	display: inline-block !important;
	margin: 5px 10px;
}



@media (min-width: 1441px) {
	header:after {
		background-position: center 144px;
	}

	#header-content {
		min-width: 1360px;
		margin-left: auto;
		margin-right: auto;
	}

	#content {
		max-width: 1440px;
		margin-left: auto;
		margin-right: auto;
	}

	.panel-section12 {
		max-width: 1440px;
		margin-left: auto;
		margin-right: auto;
	}

	.teja {
		max-width: 1440px;
		margin-left: auto;
		margin-right: auto;
	}

	#nav-title {
		margin-left: auto;
	}

	#nav>ul {
		max-width: 1269px;
		margin-right: auto;
	}
}

@media (max-width: 1250px) {
	#header-title {
		font-size: 54px;
	}

	#header-items {
		font-size: 28px;
	}
}

@media (max-width: 1065px) {
	header {
		height: 150px;
	}

	#header-title {
		font-size: 48px;
	}

	#header-items {
		font-size: 22px;
	}
}

@media (max-width: 960px) {
	header {
		height: 120px;
	}

	#header-title {
		font-size: 34px;
	}

	#header-items {
		font-size: 16px;
	}
}

@media (min-width: 801px) {
	#nav ul {
		display: flex !important;
		width: 100%;
	}

	#nav-dropdown {
		display: none;
	}

	.nav-item:nth-child(8) {
		margin-left: auto;
	}

	.nav-item:hover a,
	#nav-title:hover a {
		color: #ad9440;
		background: black;
	}

	.author-block {
		display: flex;
	}

	p.desc {
		max-width: calc(70% - 40px);
		margin: auto;
		font-size: 16px;
	}
}

@media (max-width: 800px) {
	header {
		display: none !important;
	}

	#nav ul {
		margin: 0 10px 0 auto;
	}

	.nav-item {
		background: #ad9440;
		text-align: center;
		width: 150px;
	}

	#nav-dropdown {
		color: black;
		font-size: 30px;
		display: grid;
		margin-left: auto;
		width: 60px;
	}

	#nav-dropdown svg {
		height: 1em;
	}

	#nav-dropdown span {
		font-size: unset;
	}

	.nav-item:not(#nav-dropdown) {
		display: none;
	}

	#nav.active .nav-item:not(#nav-dropdown) {
		display: block !important;
	}

	#content {
		margin: 5px auto;
	}

	.panel-section {
		padding: 0px;
		display: block;
	}

	/* .panel-section12 {
	padding: 0px;
	display: block;
  } */
	.panel-section>div {
		padding: 5px 0px;
	}

	/* .panel-section12>div {
     padding: 5px 0px;
  } */
	.news-side {
		position: unset;
	}

	.news-section-title,
	.video-section-title,
	h2,
	.article-head {
		font-size: 28px;
	}

	p {
		font-size: 18px;
	}

	p.desc {
		font-size: 12px;
	}

	p.subtitle {
		font-size: 20px;
	}

	blockquote {
		font-size: 22px;
	}

	#project-title,
	#video-catgory-title {
		font-size: 36px;
	}

	#project-content img,
	#video-catgory-content img {
		margin: 10px auto;
		float: unset;
	}

	.article-content img,
	.article-content .video,
	.article-content iframe {
		max-width: 95%;
		/*width: 100%;*/
		margin: 20px auto;
	}

	.article-content.video:not(.playing):after {
		max-width: 95%;
		width: 100%;
	}

	.author-photo {
		margin: 10px auto;
	}

	.author-info {
		text-align: center;
	}
}



.ss {
	margin: 20px auto;
}

.ss-panel {
	padding: 10px;
}

.ss-panel img,
.ss-panel video,
.ss-panel p.desc {
	max-width: 95%;
}

/*Slick / Photo Essay*/
@media (min-width: 801px) {
	.ss-panel {
		display: grid;
		grid-template-columns: 60% 40%;
	}

	.ss {
		width: calc(100% - 100px);
	}
}



.tape {
	padding: 10px;
	display: flex;
	color: black;
	border-top: 1px #ad9440 solid;
}

.tape>span {
	color: #ad9440;
	margin: auto;
	font-size: 14px;
}






/*New code - 2020!*/


/*Landing page 50/50*/

.column-split {
	display: grid;
	grid-template-columns: 50% 50%;
}

@media (max-width: 800px) {
	.column-split {
		grid-template-columns: 100%;
	}
}

.column-sticky {
	position: sticky;
	position: -webkit-sticky;
	top: 70px;
}

.column-split .video {
	max-width: unset;
	margin-top: 0;
}

@media (min-width: 801px) {
	.column-split .article-head {
		border-bottom: unset;

	}

	.column-split .article-title {
		border-top: 3px solid;
		padding-top: 15px;
	}

}