html, body
	{
		margin: 0px;
		padding: 0px;
		background-color: #000;
		height: 100%;
		font-family: 'Rajdhani', sans-serif;     

	/*	overflow-x: hidden;*/
	}

	a
	{
		color: #000;
	}

	#imglogo
	{
		height: 60px;
		margin:	24px 0px 0px 16px;
		display:none;
	}


	#video-selector
	{
		margin-top: 8px;
		/*margin-bottom: 9px;*/
		background-color: #262626;
		
		width: 100%;
		clear: left;
		
		
		border: 8px rgba(255,255,255,0.3);
		border-style: solid none none none;				
		padding-left: 8px;

		position: fixed;
		bottom: 0px;
		height: 320px;
		left: 0px;
		right: 0px;
		
        overflow-x: scroll;
        overflow-y: hidden;

	}
	
	.about
	{
		width: 200px;
		margin: 4px 16px 4px 0px;
		height: 280px;
		float: left;	
		background-color: #fff;		
		padding: 4px;	
	}


	.video-item
	{
		width: 200px;
		margin: 4px 8px 4px 0px;
		height: 280px;
		float: left;
		border: 4px solid;
		border-color: transparent;
	/*	border-radius: 3px;*/
		background-color: #fff;
		transition: all 0.5s ease;
        cursor: pointer;

        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */                
	}

	@-webkit-keyframes pulsate
	{
	      0%   {background-color: #fff;}
	      50%  {background: #c0e4ff;}
	      100% {background: #fff;}
	}

	.video-item.selected
	{
			animation: pulsate 4s infinite;
			border: 4px solid #fff;
	}
	.video-item:hover
	{        	
		background-color: #ffffff;
		
	}

	/* Last item does not have margin.. */
	.video-item:last-child
	{
		margin-right: 0px;
	}

	.video-item img
	{
		width: 192px;
		height: 108px;
	}

	.video-item h3
	{
		font-weight: bold;
		margin-bottom: 1px;
		margin-top: 1px;
		padding-left: 2px;
		padding-right: 2px;
		font-family: 'Rajdhani', sans-serif;        		

	}

	.video-item p
	{
		font-size: 12pt;
		margin-top: 1px;
		text-align: justify-all;
		padding-left: 2px;
		padding-right: 2px;

	}

	.player
	{
		margin: 0px;
		margin-bottom: 48px;
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom:0px;

	}

    #video-selector-child
    {
        /* manually calculated based upon elements */
		/* 212 * items */
        width: 4452px;
    }


	video
	{
		outline: none;
	}

	.controls
	{
		margin-bottom: 28px;
	}



@media only screen and (max-width: 1920px)
{
	.video-item h3
	{
		font-size: 11pt;
	}

	.video-item p, .about
	{
		font-size: 10pt;
	}

	.video-item,  .about
	{
		height: 240px;
	}


	#video-selector
	{
		height: 270px;
	}
}