/* body */
		body {
			font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 14px;
			line-height: 1.5;
			color: purple;
			background-image: url("/images/pn/bg.jpg");
			background-color: #E0DFFF;
			padding-top: 60px;
		}


		img {
			display: block;
			height: auto;
			width: 100%;
		}		
				
		a:link	{
			color: purple;
		}

		a:visited	{
 			color: purple;
		}

		a:focus		{
			color: white;

		}

		a:hover	{
			color: white;
			text-shadow: 2px 2px 4px #808080;
	     		text-decoration: none;
		}		

/* embeded video */	
		.iframe-container {
			overflow: hidden;
			height:600px;
			max-width: 800px;
			position: relative;
		}
 
		.iframe-container iframe {
			border: 0;
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}			

		.title {	
			font-size: 22px;
			font-weight: bold;
			text-align:center;
		}
		
		.video-tags {
		    position:relative;
			left: 0px; 
			height:18px; 
			top: 9px;
			font-size: 15px;
			font-weight: bold;
		}
			
		.description {
			font: 13px;
			width: 512px;
		}
		
/* NavBar */
		.navbar-inverse {
			min-height: 50px;
			background-color: #E0DFFF;
			border-top: 2px solid purple;
			-webkit-box-shadow: 0px 4px 14px -2px rgba(133,133,133,1);
			-moz-box-shadow: 0px 4px 14px -2px rgba(133,133,133,1);
			box-shadow: 0px 4px 14px -2px rgba(133,133,133,1);
			border-bottom: 0px solid;
		}
	
		.navbar-inverse .navbar-toggle:focus {
			background-color: #3D1161;
		}
		
		.navbar-inverse .navbar-toggle:hover {
			background-color: #FF03D1;
		}

		.navbar-inverse .navbar-toggle {
			border-color: white;
		}

		.navbar-inverse .navbar-toggle .icon-bar {
			background-color: white;
		}

		.logo {
			position: relative;
			top: 6px;
			}
		
		.logo img {
			max-width: 254px;
		}		
			
		.logoimage1 {
			border-radius: 4px 4px 0px 0px;
		}

		.logoimage2 {
			border-radius: 0px 0px 4px 4px;
		}

		.navbar-inverse .navbar-nav>li>a {
			margin-top: 14px;
			color: purple;
		}

		.nav>li>a {
			position: relative;
			display: block;
			padding: 12px 0px 14px 10px;
		}

		.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
			color: white;
			background-color: #E0DFFF;
		}

		.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
			border-color: #d8d8d8;
		}

		.caret {
			display: inline-block;
			width: 0;
			height: 0;
			margin-left: 5px;
			vertical-align: middle;
			border-top: 5px solid;
			border-right: 5px solid transparent;
			border-left: 5px solid transparent;
		}
		
		.dropdown-menu {
			position: absolute;
			opacity: 0.93;
			filter: alpha(opacity=93);
			background-color: #E0DFFF;
			border: 1px solid rgba(0,0,0,.15);
			border-radius: 4px;
			padding:10px 10px 10px 10px;
			display: none;
			box-shadow: 0 6px 12px rgba(0,0,0,.175);
			-moz-column-count: 7;
			-moz-column-gap: 25px;
			-webkit-column-count: 7;
			-webkit-column-gap: 25px;
			column-count: 7;
			column-gap: 25px;
		}

		.dropdown-menu>li>a {
			display: inline-block;
			padding: 1px 0px;
			clear: both;
			font-size: 13px;
			font-weight: 300;
			font-family: tahoma;
			line-height: 1;
			color: purple;
			width: 100%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: clip;
			list-style: none;
			list-style-type: none;
			border-bottom: 1px solid #A7A4FF;
		}

		.dropdown-menu>li>a:hover {
			background-color: transparent;
			color: white;
			font-weight: 600;
			text-shadow: 2px 2px 4px #808080;
	     	text-decoration: none;
		}

		.dropdown:hover .dropdown-menu {
			display: block;
		}

		@media only screen and (max-width:768px) {
			.dropdown-menu {
				display: none !important;
			}
			.open .dropdown-menu {
				display: block !important;
				color: purple;
			}
		}

/* Burger */
		.navbar-toggle {
			position: relative;
			float: right;
			height: 48px;
			padding: 9px 10px;
			margin-top: 8px;
			margin-right: 15px;
			margin-bottom: 8px;
			background-color: purple;
			background-image: none;
			border: 1px solid transparent;
			border-radius: 4px;
		}

/* Share */
		.shareimg {
			position: relative;
			width: 25px;
			height: 48px;
			vertical-align:middle;
			float: left;
			margin-top: -14px;
		}

/* Search */
		.form-control {
			display: inline-block;
			float: left;
			margin-top: 15px;
			height: 25px;
			line-height: 25px;
			width: 150px;
			font-size: 14px;
			color: #333;
			border: 1px solid #a6a6a6;
			background: #ffffff;
			padding: 0px 60px 0px 10px;
			box-shadow: 2px 2px 4px #808080;
		}

		.btn-success {
			margin-top: 15px;
			cursor: pointer;
			height: 25px;
			line-height: 25px;
			border: 1px solid white !important;
			background-color: white !important;
			color: purple !important;
			outline: none !important;
			padding: 0px 10px 0px 10px;
			box-shadow: 2px 2px 4px #808080;
		}

		.btn:hover {
			margin-top: 15px;
			border: 1px solid purple !important;
			background: purple !important;
			color: white !important;
			outline: none !important;
			box-shadow: 2px 2px 4px #808080;
		}

		button#one:active {
			margin-top: 15px;
			border: 1px solid purple;
			background: purple;
			color: white;
			outline: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

		button#one:focus {
			margin-top: 12px;
			border: 1px solid purple;
			background: purple;
			color: white;
			outline: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

		input[type=text] {
			border: 1px solid #bfbfbf;
			-webkit-transition: 0.8s;
			transition: 0.8s;
		}

		input[type=text]:focus {
			border: 1px solid purple;
			box-shadow: none;
			-webkit-transition: 0.8s;
			transition: 0.8s;
		}

/* ALL THUMBS */
		.thumbs > [class*='col-'] {
			padding-top:1px;
			padding-right:1px;
			padding-left:1px;
			padding-bottom:1px;
		}

		.thumbs {
			padding-top:20px;
		}

		.thumbs a {
			display: block;
			text-align:center;
		}

		.thumbs img {
			max-width: 320px;
			padding: 0px;
		}

		.thumbs a img  {
			margin:0 auto;
			text-align:center;
		}

		.thumbs img:hover {
			-moz-box-shadow: 0 0 10px #909090;
			-webkit-box-shadow: 0 0 10px #909090;
			box-shadow: 0 0 10px #909090;
			opacity:0.6;filter:alpha(opacity:50);
		}
		
/* Related Thumbs */
		.thumb2 {
			width:auto;
			height:auto;
			border:1px solid #A7A4FF;
			margin:0 0 3px 3px;
			float:left;
		}
	
		.thumb2 img {
			border-bottom:1px solid #A7A4FF;
			width: 100%;
			max-height: 240px;
		}
	
		.desc a {
			color: purple;
			display:block;
			text-align:center;
			height:16px;
			font-size:14px;
			text-decoration:none;
		}
	
		.thumb2:hover .desc a, .thumb2 img:hover, .thumb2:hover {
			border-color:#f41f8d;
			color:#f41f8d;
		}

		.t {
			position:relative;
			width: auto;
			height: auto;
			overflow:hidden;  
			transition: all 0.4s ease-out 0s;
			-webkit-transition: all 0.4s ease-out 0s;
		}
	
		.over {
			position:absolute;
			top:0px;
			right:0px;
			bottom:0px;
			left:0px;
			background:url(../images/png.png); 
			opacity:0;
		}
	
		.play {
			position:absolute;
			left:0;
			top:0;
			right:0; 
			bottom:0;
			background:url(../images/play.png) no-repeat center;
		}
	
		.desc {
			padding-top: 10px;
			color: #A7A4FF; 
			font-size: 11px;
			font-weight: 300;
			line-height: 10px;
			text-align: center;
		}
	
		.date, .dur, .cat2 {
			position:absolute; 
			color:#fff;
			font-size:11px;
			padding:0 0 0 22px;
			height:18px; 
			line-height:18px;
			top:135px;
		}
		
		.date {
			position:absolute;
			top: auto;
			left: auto;
			right: 3px;
			bottom:5px;
			background:url(../images/ico1.png) no-repeat left;
		}
	
		.dur {
			right:10px;
			background:url(../images/ico2.png) no-repeat left; padding:0 0 0 28px;
		}
	
		.thumb2:hover .over {
			display:block; 
			opacity:1;  
			transition: opacity 0.4s ease-in-out 0s;
			-webkit-transition: opacity 0.4s ease-in-out 0s;
		}
	
		.thumb2:hover .desc {
			transition: color 0.4s;
			-webkit-transition: color 0.4s;
		}
	
		.thumb2:hover .t {
			transition: border-color 0.4s ease-in-out 0s;
			-webkit-transition: border-color 0.4s ease-in-out 0s;
			border-bottom:1px solid #f41f8d;
		}
	
		.thumb2:hover .t img {
			transform: scale(1.25);
			-webkit-transform: scale(1.25); 
			-webkit-transform:scale(1.25);
			-o-transform:scale(1.25)
		}
	
		.thumb2 .t img {
			transition: all 0.4s ease-out 0s;
			-webkit-transition: all 0.4s ease-out 0s;
		}
	
		.cat2 {
			background:url(../images/cat.png) no-repeat left; 
			top:10px; 
			left:4px;
		}
		
		.video-sponsor {
			position:absolute;
			font-size:13px;
			bottom: 5px;
			left: 5px;
			font-weight: bold;
		}
			
		.video-sponsor a {
			color:#FFFFFF !important;
			text-decoration: none;
		}	

/* Toplist Columns */
		#columns {
			list-style:none;
			list-style-type:none;
			-moz-column-count: 4;
			-moz-column-gap: 10px;
			-webkit-column-count: 4;
			-webkit-column-gap: 10px;
			column-count: 4;
			column-gap: 10px;
		}

		#columns ul li a {
			display: inline-block;
			width: 70%;
			line-height: 20px;
			font-size: 14px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			overflow: hidden;
			text-transform: capitalize;
			padding: 2px;
 			font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  			font-weight: normal;
		}
			
		.no-bullets {
			list-style-type: none;
		}
			
/* Footer */
		footer {
			margin: 15px 0;
		}

/* Hide in Mobile */
		@media only screen and (max-width: 768px) {

			#hide-mobile {
				display: none;
			}
		}

/* CHANGE NUMBER OF DROPDOWN COLUMNS */
		@media only screen and (max-width: 1380px) {
			
			.dropdown-menu {
				-moz-column-count: 6;
				-moz-column-gap: 25px;
				-webkit-column-count: 6;
				-webkit-column-gap: 25px;
				column-count: 6;
				column-gap: 25px;
			}
		}	
		
/* DOWNSIZE SEARCH FORM */
	@media (max-width: 1220px) {
		
		.form-control {
			padding: 0px 10px 0px 10px;
		}
		
		.dropdown-menu {
			
			-moz-column-count: 5;
			-moz-column-gap: 25px;
			-webkit-column-count: 5;
			-webkit-column-gap: 25px;
			column-count: 5;
			column-gap: 25px;
		}	
	}

/* COLLAPSE AT 991px */
		@media (max-width: 991px) {
			
			.navbar-header {
				float: none;
			}

			.navbar-left,.navbar-right {
				float: none !important;
			}

			.navbar-toggle {
				display: block;
			}

			.navbar-collapse {
				border-top: 1px solid transparent;
				box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
			}

			.navbar-fixed-top {
				top: 0;
				border-width: 2px 0px 0px;
			}

			.navbar-collapse.collapse {
				display: none!important;
			}

			.navbar-nav {
				float: none!important;
				margin-top: 7.5px;
			}

			.navbar-nav>li {
				float: none;
			}

			.navbar-nav>li>a {
				padding-top: 10px;
				padding-bottom: 10px;
			}

			.collapse.in{
				display:block !important;
			}
			
			.logo {
				position: absolute;
				margin-left: 15px;
				top: 8px;
			}				
			
			.title {
				
				font-size: 14px;
				font-weight: bold;
				text-align:center;
			}
		
			.video-tags {
				position:relative;
				left: 0px; 
				height:11px; 
				top: 9px;
				font-size: 15px;
				font-weight: bold;
			}
		}

/* Responsive */
        @media (max-width: 600px) {

			.thumb p a {
				height: 12px;
				font-size:14px;
			}
			
			.desc {
				font-size: 10px;
			}			
			
			.desc a {
				height:auto;
				font-size:12px;
			}					
		}

		@media (max-width: 475px) {

			.thumb p a {
				height: 8px;
				font-size:12px;
			}			
		}
		
		@media (max-width: 350px) {
			
			.logo {
				position: absolute;
				margin-left: 15px;
				top: 8px;
			}	
			
			.logo img {
				max-width: 200px;
				height: 24px;
			}		
			
			.desc a {
				font-size: 12px;
				height: 18px;
				line-height: 18px;
				padding-top: 3px;
			}				
		}		

        @media (min-width : 290px) and (max-width: 767px) {
			
            .multiple-columns li {
                width:50%;
            }	
			
			.video-sponsor {
				font-size:12px;
				font-weight: normal;
			}			

			.dropdown-menu {
				-moz-column-count: 2;
				-moz-column-gap: 25px;
				-webkit-column-count: 2;
				-webkit-column-gap: 25px;
				column-count: 2;
				column-gap: 25px;
			}				
			
			.dropdown-menu>li>a {
				padding: 1px 0px !important;
				font-size: 13px !important;
				font-weight: 300 !important;
				font-family: tahoma !important;
				line-height: 1 !important;
				color: purple !important;
				width: 100% !important;
				white-space: nowrap !important;
				overflow: hidden !important;
				text-overflow: clip !important;
				list-style: none !important;
				list-style-type: none !important;
				border-bottom: 1px solid #A7A4FF !important;
			}

			.dropdown-menu>li>a:hover {
				background-color: transparent !important;
				color: white !important;
				font-weight: 600 !important;
				text-shadow: 2px 2px 4px #808080 !important;
				text-decoration: none !important;
			}			
        }
		
        @media (min-width: 481px) and (max-width: 991px) {
			
            .multiple-columns li {
                width:33.333% !important;
            }
			
			.container {
				max-width: 655px;
			}	

			.form-control {
				padding: 0px 10px 0px 10px;
			}	
			
			.dropdown-menu {
				-moz-column-count: 4;
				-moz-column-gap: 25px;
				-webkit-column-count: 4;
				-webkit-column-gap: 25px;
				column-count: 4;
				column-gap: 25px;
			}			

			.dropdown-menu>li>a {
				padding: 1px 0px !important;
				font-size: 13px !important;
				font-weight: 300 !important;
				font-family: tahoma !important;
				line-height: 1 !important;
				color: purple !important;
				width: 100% !important;
				white-space: nowrap !important;
				overflow: hidden !important;
				text-overflow: clip !important;
				list-style: none !important;
				list-style-type: none !important;
				border-bottom: 1px solid #A7A4FF !important;
			}

			.dropdown-menu>li>a:hover {
				background-color: transparent !important;
				color: white !important;
				font-weight: 600 !important;
				text-shadow: 2px 2px 4px #808080 !important;
				text-decoration: none !important;
			}						
		}	
			
        @media (min-width: 992px) and (max-width: 1300x) {
			
            .multiple-columns li {
                width:25%;
            }
        }

		@media (min-width: 1546px) {
			
			.container {
				width: 86%; /* 1490px; */
			}
		}
		
		
        @media (min-width : 1301px) {
			
            .multiple-columns li {
                width:25%;
            }
		
/* 5 THUMB COLUMNS */
		.col-lg-15 {
			position: relative;
			min-height: 1px;
			padding-right: 10px;
			padding-left: 10px;
		}

		.col-lg-15 {
			width: 20%;
			float: left;
		}