html, body {
  height: 100%;
	height: 100%;

}

body {
	background: #EFECFF;
 	min-height: 100%;
  margin: 0; /* bottom = footer height */
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
  overflow-x: hidden;
}
a, a:hover {color: #000; text-decoration: none;}
a, button, input, li {
	-webkit-transition: color 1.5s ease-out;
	   -moz-transition: color 1.5s ease-out;
			transition: color 1.5s ease-out;
	  -webkit-transition: background-color 0.5s ease-out;
	  -moz-transition: background-color 0.5s ease-out;
	  -ms-transition: background-color 0.5s ease-out;
	  -o-transition: background-color 0.5s ease-out;
	  transition: background-color 0.5s ease-out;
	  
}
.uppercase { text-transform: uppercase;}
.text-center{ text-align: center;}
.text-right{ text-align: right;}
.mt-20 {margin-top: 20px; }
.mb-20{ margin-bottom: 20px;}
.modalButton{ float: right; cursor: pointer;}
.youtube{
	width: 100%;
	color: #666;
	 padding-right: 50px;
	text-align: right;
}
.youtube .fa{
		color: #c00; 
		margin-right: 5px; 
}
.fade {
		background: rgba(0,0,0, 0.6);
}
h3.section-head{
							 margin-top: 0px; 
							 margin-left: 15px;
							 float: left;
}

#copied{
		color: #666;
		line-height: 24px;
}

	
.container.form{
	background: #fff;
	padding-bottom: 0px;
	padding-top: 0px;	
	
}	
.container.form iframe{
	margin: 30px auto; 	
	
}
tr.playing td{
	 background: #D7D4EC;
}
	
/*   header   */

.navbar{
	min-height: 60px;
}
	
/*   nav   */
.navbar {
	background: #282155;
	width: 100%;
	position: fixed;
	top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    border-radius: 0px;
    padding-top: 0px;
    border: 0px solid transparent;
		z-index: 999;
}.navbar-nav > li > a {
   line-height: 50px;
   color: #fff;
   padding: 0px 20px;
}

.nav > li > a:focus, .nav > li > a:hover, .nav > li > a.active {
    text-decoration: none;
    background-color: #DF1D3F;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
		 color: #282155;
    background-color: #eee;
    border-color: #337ab7;
}

.navbar-toggle .icon-bar {
	color: #fff;
	border: 1px solid #fff;	
}.navbar-right{
	margin-top: 5px;
}
 @media only screen and (max-width : 1199px) {
	.navbar-nav > li > a {
	   padding: 0px 4px;
		 font-size: 13px;
	}
}
 @media only screen and (max-width : 992px) {
	.navbar-nav > li > a {
	   line-height: 50px;
	   color: #fff;
	   padding: 0px 3px;
		 font-size: 12px;
	}
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
		background: rgba(255,255,255, 1);
    border: 1px solid ffffff;
    border-radius: .25rem;

}
.dropdown-item {
  display: block;
  width: 100%;
	font-size: 14px;
  padding: 5px;
  clear: both;
  text-align: inherit; 
  background-color: transparent; 
  border-bottom: 1px solid #f0f0f0; 
}
.nav-item.dropdown:hover .dropdown-menu {
    display: block;    
}


 /*   TTip  */
   .TTip {
      position: relative;
  }.TTip span {
      background-color: #282155;
      border-radius: 3px;
      color: #f0f0f0;
      font-size: 11px;
      line-height: 1.4em;
      padding: 3px;
      position: absolute;
      text-align: center;
      top: 61px;
	  	left:0px;
      width: 100%;
      z-index: 3;
	  	font-family: arial;
      visibility: hidden;
      opacity: 0;
			 transition: visibility 0s, opacity 0.5s linear;
  }.TTip:hover span {
    	visibility: visible;
      opacity: 1;
  }.player-arrow.TTip span { 
			top: -20px;
			background-color: rgba(0,0,0, 0.1);			
			font-size: 12px;
		}
	


/*   main search section   */
.section.search{
	height: 400px; 
	padding-top: 10%;
	position: relative;
	 background-color: #000;
}.section.search:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-image: url(/media/img/bgr.jpg); 
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    opacity : 1;
    z-index: 0;
}
.section.search h1{
	color: #FFF;
	z-index: 1;
	position: relative;
}.section.search .form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #A3A3A3;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.0);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.0);
		
}.section.search .form-control:focus {
 border-color:#ffffff;
 outline:0;
 -webkit-box-shadow:inset 0 0px 0px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
 box-shadow:inset 0 0px 0px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}.section.search .input-group-addon {
    text-align: center;
    z-index: 1;
	position: relative;
    background-color: #fff;
    border: 0px solid #fff;
        border-right-width: 0px;
        border-right-style: solid;
        border-right-color: rgb(255, 255, 255);
    border-radius: 5px 0px 0px 5px !important;
}.section.search .btn-default {
    color: #fff;
    background-color: #F57D20;
    border-color: #F57D20;
} 
@media only screen and (min-width : 769px) {
  .section.search .form-control {
  		border-radius: 0px 5px 5px 0px !important;
  }
}

.main-sort-list{ cursor: pointer;} 


/*   category section   */
.section.categories{
	padding: 10px auto;
	color: #fff;
	background: #282155;
	text-align: center;
}.section.categories hr{
	width: 120px;
	margin-bottom: 30px;
}.section.categories .cat {
	display: inline-block;
	color: #fff;	
	font-weight: 600;
	width: 278px;
	height: 114px;
	margin-bottom: 50px;
	font-size: 20px;
	text-align: left;
	padding: 10px 100px 0px 30px; 
}.section.categories .cat.math {
	background: url(/media/img/math.png)	no-repeat; 
}.section.categories .cat.social {
	background: url(/media/img/social.png)	no-repeat; 
}.section.categories .cat.science {
	background: url(/media/img/science.png)	no-repeat; 
}.section.categories .cat.language {
	background: url(/media/img/language.png)	no-repeat; 
}.section.categories .cat.arts {
	background: url(/media/img/arts.png)	no-repeat; 
}.section.categories .cat.lectures {
	background: url(/media/img/lectures.png)	no-repeat; 
}.section.categories .cat.mind {
	background: url(/media/img/mind.png)	no-repeat; 
}.section.categories .cat.kids {
	background: url(/media/img/kids.png)	no-repeat; 
}.section.categories .cat.nature {
	background: url(/media/img/nature.png)	no-repeat; 
}.section.categories .cat.sport {
	background: url(/media/img/sport.png)	no-repeat; 
}.section.categories .cat.technology {
	background: url(/media/img/technology.png)	no-repeat; 
}.section.categories .cat.economy {
	background: url(/media/img/economy.png)	no-repeat; 
}.section.categories .cat.gaming {
	background: url(/media/img/gaming.png)	no-repeat;
	color:#333; 
}.section.categories .cat.health {
	background: url(/media/img/health.png)	no-repeat; 
}.section.categories .cat.yoga {
	background: url(/media/img/yoga.png)	no-repeat; 
	color:#333;
}.section.categories .cat.medicine {
	background: url(/media/img/medicine.png)	no-repeat; 
	color:#333;
}.section.categories .cat.philosophy {
	background: url(/media/img/philosophy.png)	no-repeat; 
	color:#333;
}.section.categories .cat.business {
	background: url(/media/img/business.png)	no-repeat; 
	color:#333;
}.section.categories .cat.arthistory {
	background: url(/media/img/arthistory.png)	no-repeat; 
	color:#333;
}.section.categories .cat.infrastructure {
	background: url(/media/img/infrastructure.png)	no-repeat; 
	color:#333;
}.section.categories .cat.drama {
	background: url(/media/img/drama.png)	no-repeat; 
	color:#fff;
}
.section.categories .btn-submit{
	color: #fff;
    background-color: #DF1D3F;
    border-color: #DF1D3F;
    margin: 30px 0px;
    padding: 20px 40px;
    font-weight: 600;
    }



.photo-content{
	padding: 30px 0px;
	font-size: 18px;
}.photo-content .img-item{
	margin-bottom: 20px;
}.photo-content h5{
	font-size: 18px;
	margin: 10px auto 30px auto;
}



/*   video results pages   */
.container.video-results{
	background: #fff;
	padding-bottom: 30px;				 
}.container.video-menu{
	background: #fff;
	padding-bottom: 30px;
}


/*   projects   */

.container.projects, #results, .container.categories{
	background: #fff;
	padding-bottom: 80px;
	padding-top: 0px;	
}.container.tools, .container.yt{
	background: #fff;	
	padding-top: 10px;	
	padding-bottom: 10px;	
}
.container.projects.front{
	padding-top: 10px;	
}
.projects ul{ list-style: none; }
.projects ol {list-style-position:inside;}


.sort-list li{ 
	font-size: 16px;	
}
.link-sort-list{margin: 0px 10px;}

.controls{ width: 100%;}
.sort-filter{
	list-style: none;
	margin: 0px;
	padding: 0px;

}.sort-filter li{ display: inline-block; margin: 0 1px 0 0; cursor: pointer;}
.video{
	width: 100%;
	padding-bottom: 56%;
	position: relative;	
	margin-bottom: 40px;
}.video iframe{
	top: 0px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	position: absolute;	
}



/*   SUB-SECTIONS : VIDEO PAGES   */
ul.sub-section{
	list-style: none;
	margin: 0px;
	width: 100%;
	padding: 0px;
}ul.sub-section li{
	margin: 0px 0 5px 0;
	padding: 0px;
 	display: inline;
	list-style: none;
}ol.sub-section{
	margin: 0px;
	padding: 0px;
}ol.sub-section li{
	border-bottom: 1px dotted #ccc;
}ol.sub-section li a{
								line-height: 30px;
	padding: 2px 5px;
 width: 100%;
	cursor: pointer;
	font-size: 16px;
		-webkit-transition: background-color 0.5s ease-out;
	  -moz-transition: background-color 0.5s ease-out;
	  -ms-transition: background-color 0.5s ease-out;
	  -o-transition: background-color 0.5s ease-out;
	  transition: background-color 0.5s ease-out;
	 margin-bottom: 1px;
}ul.sub-section li a{
	display: block;
	margin: 0px 5px 0 0;
	padding-left: 15px;
	line-height: 30px;	
	border-radius: 6px;
	background-color: #f0f0f0;
	cursor: pointer;
	font-size: 16px;
		-webkit-transition: background-color 0.5s ease-out;
	  -moz-transition: background-color 0.5s ease-out;
	  -ms-transition: background-color 0.5s ease-out;
	  -o-transition: background-color 0.5s ease-out;
	  transition: background-color 0.5s ease-out;
}ul.sub-section li a:hover{
	background-color: #ccc;
}ul.sub-section li.active a{
	color:#fff;
	background-color: #DF1D3F;
}



/*   CATEGORIES ON THE PROJECTS PAGE   */
ul.categories{
	list-style: none;
	margin: 0px 0px 20px 0px;
	width: 100%;
	padding: 0px;
}ul.categories li{
	margin: 0px 0 5px 0;
	padding: 0px;
 	display: inline;
	list-style: none;
}ul.categories li .fa{
	margin: 0px 5px 0 0;
	
}ul.categories li a, ul.categories li span{
	display: block;
	margin: 0px 5px 0 0;
	padding-left: 15px;
	line-height: 30px;	
	border-radius: 6px;
	background-color: #f0f0f0;
	cursor: pointer;
		-webkit-transition: background-color 0.5s ease-out;
	  -moz-transition: background-color 0.5s ease-out;
	  -ms-transition: background-color 0.5s ease-out;
	  -o-transition: background-color 0.5s ease-out;
	  transition: background-color 0.5s ease-out;
}ul.categories li:hover a, ul.categories li.active a, ul.categories li:hover span, ul.categories li.active span{
	background-color: #DF1D3F;
	color:#fff;
	
}
ul.categories li .fa {
    font-size: 24px;
    color: #999;
    line-height:38px;
    width: 50px;
    text-align: center;
}ul.categories li:hover .fa {
    color: #fff;
}
.filter span{ line-height: 40px;}
.list-class{ margin: 0px; width: 100%;}
.list-class li{
	padding: 4px 10px;
	width: 100%;
	font-size: 16 px;
	margin: -1px -1px 0 0;
	border: 1px solid #eeeeee;
}

th{ cursor: pointer;}


	table.numberlist{ width: 100%;  
			border-collapse: separate;
           border-spacing: 0px 2px;}
	
	.numberlist ul{
	                counter-reset: li;
	                list-style: none;	               
	                padding: 0;	               
	                margin-bottom: 4em;
	}
	.numberlist li, .numberlist td{ margin: 2px 0px; position: relative;}
	.numberlist a {display: block; }
	.numberlist a, .numberlist .dateDiv{
	                position: relative;	             
	                padding: .4em .4em .4em 2em;	               
	                background: #f0f0f0;
	                color: #444;
	                text-decoration: none;
            }.numberlist .lenghtDiv{	         	               
	              
	                background: #f0f0f0;
	                color: #444;
            }.numberlist .dateDiv, .numberlist .header.date{
            	text-align: center;
            	-moz-border-radius: 0em .3em .3em 0em;
	            -webkit-border-radius: 0em .3em .3em 0em;
               	border-radius: 0em .3em .3em 0em;
            	padding: .4em .4em .4em .4em;
            }.numberlist th{
            	padding: .4em .4em .4em .4em;
	            background: #cccc;
	            color: #333;
	            text-decoration: none;            	
            }.numberlist th:first-child{            
	                -moz-border-radius: .3em 0em 0em .3em;
	                -webkit-border-radius: .3em 0em 0em .3em;
               	   border-radius: .3em 0em 0em .3em;             	
            }
	.numberlist a:hover{
	                background: #D7D4EC;
	                
	            }
	.numberlist a:before{
	  				content: '';	               
	                position: absolute;
	                left: -1.3em;
	                top: 50%;
	                margin-top: -1.3em;
	                background: #8E8F8F;
	                height: 2.4em;
	                width: 2.4em;
	                line-height: 2em;
	                border: .3em solid #fff;
	                text-align: center;
	                -moz-border-radius: 2em;
	                border-radius: 2em;
	                -webkit-border-radius: 2em;
	                border-radius: 2em;
	                color:#FFF;

	            }
	.numberlist input{ position: absolute;
	                left: -0.5em;
	                z-index: 5;
	                top: 0.3em; 
	}
	.numberlist td input{ position: absolute;
	                left: -8px;               
	                top: 4px; 
	}
	.photos{
		margin-left: 0px;
	}
	.video-link{ 
		float: right; 
		position: absolute; 
		z-index: 3; 
		right: 10px; 
		top: -4px;
		color: #999; 
		cursor: pointer; 
		font-size: 26px; }
		.video-link:hover{ 
		color: #c00; 
	}

	.player {
	   background-color: #ddd;
	   display: none;
	   margin: 20px 0px;
	   position: relative;
	   padding: 0 0 56.25% 0;
	}
	.player iframe {
	    position: absolute;
	    bottom: 0;	   
	    width: 100%;
	    height: 100%;
	}#featured-video {
	  transition: width .2s ease-in-out, height .2s ease-in-out, transform .38s ease-in-out;
	}
	/** Use .sticky */
	#featured-video.is-sticky {
	  position: fixed;
	  top: 50px;
	  right: 20px;
	  max-width: 280px;
	  max-height: 158px;
	  width: 280px;
	  height: 158px;
	  z-index: 999999;
	}	

	
	
		

table.tablesorter thead tr .header {
		padding-left: 30px;
		position: relative;
		cursor: pointer;
		border-right: 1px solid #ccc;
		margin-right: -1px;
	}table.tablesorter thead tr .header:last-child{
		border-right: 0px;
	}table.tablesorter thead tr .header:after  {
		content : "";
    	display: block;
		position: absolute;
		background-image: url(/media/img/bg.gif);
		background-repeat: no-repeat;
		background-position: center left;	
		width: 100%;
		height: 100%;		
		left: 0px;
		opacity: 0.5;
		top: 0px;
		cursor: pointer;
	}table.tablesorter thead tr .tablesorter-headerAsc:after {
    background-image: url(/media/img/asc.gif);
	}table.tablesorter thead tr .tablesorter-headerDesc:after {
    background-image: url(/media/img/desc.gif);
	}



/*   photos   */
.photos, .gallery{
	width: 100%;
	
}
.photos img {
  margin: 15px 0px;
  border: 15px solid #F6DBCD;
}.photos img:nth-child(2) {
  
}  
	
.gallery h3{ font-size: 13px;}
.gallery-hover {display: none;}
.photos .gallery img {
  margin: 5px 0px;
  border: 0px ;
}



/*   VIDEOS   */
.video-item {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.video-item .video-thumb {
	margin-bottom: 0px;	
	width: 100%;
	display: block;
	padding-bottom: 56%;
}.video-item .video-thumb img {
    margin-top: -23px;
    width: 100%;
		z-index: 1;
		position: absolute;
    height: auto;
 }.video-item .video-thumb .play-icon{
 			position: absolute;
			z-index: 2;
			color: rgba(0, 0, 0, 0.6);
			font-size:34px;
			margin-left: -17px;
			margin-top: -30px;
			left: 50%;
			top: 50%;		
	-webkit-transition: color 0.5s ease;
	   -moz-transition: color 0.5s ease;
		 -o-transition: color 0.5s ease;
		-ms-transition: color 0.5s ease;
			transition: color 0.5s ease;		
 }.video-item .video-thumb:hover .play-icon{
			color: rgba(0, 0, 0, 0.9);
 }

.play-video, .playvideo{
	cursor: pointer;
}
.player iframe{	
	position: absolute;
	width: 100%;
	top: 0px;
	bottom: 0px;

}




.video_col{  }

.video_col .video-info{
		margin-bottom: 20px;
		background: #FFF;
}
.video-info .video-meta {
	width: 100%;
}
.video-title h4 {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
}
.video-info .video-meta{ 	
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
			transition: all 0.5s ease;
			cursor: pointer;
			bottom: 0px;
		position: absolute;
    	font-weight: 600;
    	padding: 0px 8px;
		z-index: 3;
		line-height: 26px;
		background: rgba(0,0,0,0.7);
		color: #fff;
}.video-info .video-meta:hover{ background: rgba(0, 0, 0, 0.9); }

/* video share icons */
.video-meta a.share {
    cursor: pointer;
		display: inline-block;
		width: 26px; 		
		text-align: center;
		height:26px;
		line-height: 26px;
    color: #fff;

}
.video-meta a.google:hover {
    background-color: #dd4b39;
}.video-meta a.twitter:hover {
    background-color: #00aced;
}.video-meta a.facebook:hover {
    background-color: #3b5998;
}

/*   footer   */

	
	
	#footer{
	background: #282155;
	color: #fff;
	font-size: 13px;
	padding: 0px 0px 30px 0px;
	margin: 0px;
	
	}#footer h3{ margin-bottom: 15px; border-top: 1px solid #000033; padding-top: 30px;}
	#footer a{ color: #fff; }
	
	#footer ul{
			list-style: none;
			padding: 0px;
			margin: 0px;
	}#footer .col-md-2{
			border-right: 1px solid #000033;
	}#footer .col-md-2:last-child{
			border: 0px;
	}
	#footer ul.footer-links{
      margin: 10px 0px;
      padding: 10px 0;
      width: 100%;
      border-top: 1px solid #000033;
	}
	#footer ul.footer-links li{ 
      float: left;
      margin-right: 15px;			
	}
								
			
	
	
	
/*  player area */
.played { 
				width: 100%;
				background: #000;
				position: relative;
}
.played .mb-player{ 
				position: absolute; 
				width: 100%;
				top: 0px;
				left: 0px;
				right: 0px;
				bottom: 60px;

}
.played .mb-player iframe{ 
						
}.mb_YTVPBar{
	bottom: -27px;
	left: 260px;
	right: 30px;
}.mb_YTVPTime{
	color: #fff;
}.mb_YTVPPlaypause, .mb_YTVPMuteUnmute{ display: none;}
.buttonBar{ float: left; }


.player-title{
						 z-index: 100;
						 position: absolute;
						 background: rgba(0, 0, 0, 0.2);
						 padding: 10px;
						 top: 30px;
						 left: 30px;
						 font-size: 25px;
						 color: #fff;
						 
}
.player-arrow{
						z-index: 101;
						position: absolute;
						line-height: 100%;
						 bottom: 0px;
						 width: 100%;
						 text-align: center;						 
						 font-size: 21px;
						 color: rgba(255, 255, 255, 0.7);
						 cursor: pointer;
}.player-arrow:hover{
					 background: rgba(255, 255, 255, 0.2);
					-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
			transition: all 0.5s ease;

}

/* VIDEO DATA */
.player-data{
				width: 100%;			
				color: #333;
				padding: 50px; 	
				font-size: 14px;
			  background: #fff;
}.p-title{
 font-size: 22px;
}.p-desc{
 color: #333;
}
.player-data .share{
		float: right;
}.bold{ font-weight: 700;}
.player-data .share .fa{
			opacity: 0.8;
			font-size: 22px;
			margin: 5px;
		  -webkit-transition: opacity 0.2s ease-out;
		  -moz-transition: opacity 0.2s ease-out;
		  -o-transition: opacity 0.2s ease-out;
		}	
		.player-data .share a.facebook .fa{
		  color: #3b5998;
		}.player-data .share a.twitter .fa {
		  color: #00aced;
		}.player-data 	.share a.google .fa {
		  color: #dd4b39;
		}
		.player-data .share a.facebook:hover .fa, 
		.player-data .share a.twitter:hover .fa, 
		.player-data .share a.google:hover .fa{	  
			opacity: 1;			
			
		}



/*PROGRESS BAR*/
.mb_YTVPlayer .mb_YTVPProgress{
  height:10px;
	background: #333;
  bottom: 4px;
	width: 200px;
	left: 120px;
  opacity:.9;
}.mb_YTVPlayer .mb_YTVPLoaded{
  height:10px;
  width:0;
  left:0;
  opacity:1;
}
.mb_YTVPlayer .mb_YTVTime{
  height:6px;
  width:0;
  background: #ff0;
  bottom:2px;
  left:0;
  opacity:.9
  /*-moz-box-shadow:#666666 1px 1px 3px;
  -webkit-box-shadow:#666666 1px 1px 3px;
  */
}.mb_OnlyYT{ display: none; }

.yt-logo{
	position: absolute; 
	bottom: -15px;
	cursor: pointer;
	right: 60px;
  z-index: 9991;
	color: #fff;
	font-size: 30px;
 }
 @media only screen and (max-width : 768px) {
 .mb_YTVPlayer .mb_YTVPProgress{
 		display: none;
 }
 }


#playlistTools {
    position: absolute;
    bottom: 22px;
    width: 100%;
    height: 40px;
    background: #111111;
		z-index: 101;

}#playlistTools div {
    width: 40px;
    height: 100%;
    line-height: 100%;
		color: #fff;
		margin: 0px 0px 0px 20px;
		font-size: 18px;
    text-decoration: none;
		text-align: center;
    cursor: pointer;
    display: inline-block;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
			transition: all 0.5s ease;

}#playlistTools div:hover{
    background: #c00;
}#playlistTools div i{
   margin-top: 10px;
		
}


.video_col .col-md-3 {
    width: 100%;
}
.projects .row{border-bottom: 0px solid #EFECFF;}
.videos { margin-top: 30px; }
.videos  .media .video-title{ line-height: 1em; height: 7em; overflow: hidden; display: block; }


/*--------------------------------*/
/* LOADED ARTICLES SHARE ICONS 
/*--------------------------------*/	

.news-meta{
	text-align: right;
}
ul.article-share {
	  padding: 0;	  
	  height: 30px;
	  margin: 0;
	}	
	ul.article-share li {
	  float: right;
	  padding: 0;
	  margin: 0;
	  margin-left: 8px;
	  list-style: none;
		text-align: center;
	}ul.article-share li div {
		font-size: 10px;
		width: 18px;
		text-align: center;
		height: 18px;
		line-height: 18px;
		-moz-border-radius: 9px;
	  	border-radius: 9px;
		display: inline-block;
		cursor: pointer;
		color: #fff;
	}ul.article-share li div{
		color: #fff;
		opacity: 0.8;		
	  -webkit-transition: opacity 0.2s ease-out;
	  -moz-transition: opacity 0.2s ease-out;
	  -o-transition: opacity 0.2s ease-out;
	}	
	ul.article-share li div.facebook {
	  background-color: #3b5998;
	}ul.article-share li div.twitter {
	  background-color: #00aced;
	}	ul.article-share li div.google {
	  background-color: #dd4b39;
	}
	ul.article-share li div.facebook:hover, 
	ul.article-share li div.twitter:hover, 
	ul.article-share li div.google:hover {	  
		opacity: 1;
		
	}


/*--------------------------------*/

/*  News Area
/*--------------------------------*/


.news-area {
  height: auto;
  width: 100%;
}

.single-article{
	width: 100%;

}
.single-article-img{
	position: relative;
	width: 100%;
	padding-bottom: 56%;
	margin-bottom: 10px;
}.single-article-img img{
	position: absolute;
	width: 100%;
	height: 100%;
}.article-text h4 a {
  color: #444;
  text-decoration: none;
}

.article-text h4 {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 5px;
}.article-meta{
	 padding:0px;
	 margin: 0px;
	 color: #999;
}.news-item{
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 10px;
}a.source{
				color: #009900;
}.date{
				color: #999;
}


 /* FOOTER DROPDOWN MENU  */
 #footer-menu{
 background-color: #282155;
 padding: 20px 0px;
 
}
.btn-secondary {
    color: #fff;
		margin-right:  40px;
    background-color: #DF1D3F;
    border-color: #DF1D3F;

}.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
} 
#footer-menu .dropdown-menu{
 min-width: 35rem;
}#footer-menu .dropdown-menu.first{
					min-width: 60rem;
}
#footer-menu h3{ margin-bottom: 15px; }
#footer-menu h3 a{ color: #fff; }



 /* sitemap  */
ul.inner {
				overflow: hidden;
        display: none;
      }
       ul.show {
          display: block;
       }
 		ul{ margin: 0px; padding: 0px;}
   
.level_0>li{ 
				 border-bottom: 1px solid #ccc; 
				 font-size: 18px;
				 padding: 10px 0px;
				 clear: both;
				 
}
.level_1{ 
	width: 100%; 
	padding: 0px; 
	margin: 10px 0 0 0px;
	background: rgba(0,0,0,0.05);
}

.level_1:after {
    content: '';
    display: block;
    clear: both;
}
.level_1>li{ 
				 display: block;
				 float: left;
				 vertical-align: top;
				 list-style: none;
				 margin: 0px 0px 0px -1px;
				 padding: 0px;
				 width: 20%;
				 height: 100%;
				 border-left: 1px solid #fff;
				 border-right: 1px solid #fff;
				
}.level_1>li>a{ 
				width: 100%;
				display: block;
				border-bottom: 1px solid #DF1D3F;
				margin-bottom: 10px;
				padding: 5px;
}
.level_2{
				 font-size: 14px;
}
.level_2>li{
 					display: block;
					padding: 0px;
					position: relative;
					padding: 4px 0 4px 5px;
					border-bottom: 1px solid #fff;
}.level_2>li a{
 					
}
.level_2>li a.toggle {           
            position: absolute;
            background: rgba(0,0,0,0.08);
            color: #999;						
						top: 0px;
						bottom: 0px;
						right: 0px;
						vertical-align: middle;
            width: 20px;
						 display: table-cell;
						text-align:center;
            transition: background .3s ease;
          }.level_2>li a.toggle i{ 
					top: 50%;
					 position: relative;
  				-ms-transform: translateY(-50%);
  				transform: translateY(-50%);
					}
           .level_2>li a.toggle:hover {
                background: rgba(0, 0, 0, 0.2);
            }


.level_3{ margin: 0px 0px 0px 10px; padding: 0px; background: #f0f0f0;}
.level_3>li{
 					display: block;
					width: 100%;
					border-top: 1px solid #fff;
					padding: 2px 4px;
					
}

.modalButton .fa{
		color: #999;
		-webkit-transition: color 0.5s ease;
	  -moz-transition: color 0.5s ease;
		-o-transition: color 0.5s ease;
		-ms-transition: color 0.5s ease;
		transition: color 0.5s ease;
		font-size: 18px; 
}.modalButton:hover .fa{
		color: #333;
		font-size: 18px; 
}
ul.show {
		display: block;
}



				
				
/* photo slider */
.actors-slider{
		 background: #fff;
	}
    .slider {
        width: 90%;
				height: 240px;
        margin: 30px auto;
    }
    .slick-slide {
      margin: 0px 5px;
    }
    .slick-prev:before,
    .slick-next:before {
      color: black;
    }

    .slick-slide {
			height: auto;
      transition: all ease-in-out .3s;
      opacity: .9;
			padding-bottom: 40px;
			position: relative;
    }
.slick-slider .slick-prev {
    background: #ccc url('http://students.com/media/img/sprite.png') -40px -40px no-repeat;
    left: -45px;

}.slick-slider .slick-next {
    background:  #ccc url('http://students.com/media/img/sprite.png') -90px -40px no-repeat;
    right: -45px;

}.slick-slider .slick-prev, .slick-slider .slick-next{
    position: absolute;
		cursor: pointer;
		height: 40px;
    width: 40px;	
		top: 50%;
		display: block;
		border-radius: 50%;
	  margin-top: -20px;	
		text-indent: -9999px;
    padding: 0px;
		border: 0px;
		transition: all ease-in-out .3s;
} .slick-slider .slick-prev:hover, .slick-slider .slick-next:hover{
		background-color: #DF1D3F;
} 
    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .95;
    }
    .slick-current {
      opacity: 1;
    }
		.slider .name{
						
						position: absolute;
						bottom: 0px;
		}
		.slider .credit{
						display: none;
						position: absolute;
		}
		.slider .img{ 
					position: relative;
					overflow:hidden;
					width: 160px;
					height: 200px;
				}.slider .img img{ 					position: absolute;
					height: 100%;
					width: auto;
					left: 50%; transform: translate(-50%,0);
				}
				
				
				
				
    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
			.mobile-hide{ display: none; }
    	.section.search .input-group-addon{
    		display: none;
    	}.section.search:after {
    		opacity : .2;
		}.section.search .form-control {   
				
  		border-radius: 5px 0px 0px 5px !important;
		}
		.section.search{
			height: 115px; 
			padding-top: 0px;
			padding-bottom: 0px;
			background-size: 100% auto;
		}.h1, h1 {
    		font-size: 24px;
		}.navbar-collapse{
			background-color: #282155;
			
		}.h2, h2 { font-size: 20px; }
		.photos{
			margin-left: auto;
			text-align: center;
		}.photos img {
    		margin: 15px auto;
		}.sort-filter{
			list-style: none;
			padding: 0px;
			margin: 0 5px 0 10px; 
		}.sort-filter li{ 
			margin: 0 2px 6px 0;
		}.btns{margin: 0 0px 0 10px;   }
		.numberlist { margin-right: 15px; }
		.videos .media .video-title {			
          height: 5em;      
    }.youtube{
      	padding-right: 0px;
      	font-size: 12px;
    }h3.section-head {
     		margin-left: 0px;
				font-size: 20px;
		 }
		.container.projects{
			 padding-left: 0px;
			 padding-right: 0px;
		}
		ul.sub-section{
			 width: 100%;
			 margin: 0px; padding: 0px;
		}ul.sub-section li{
			width: 49%;
			float: left;
			margin: 0px; padding: 0px;						 
		}
		ul.sub-section li a {
        margin: 0px 0px 1px 0;
        padding-left: 15px;
        line-height: 28px;
        font-size: 14px;    
    }.video-item .video-thumb img {
    		margin-top: -35px;
		}
   }