body{ 
	font-family: 'Open Sans', sans-serif; 
	background: -webkit-linear-gradient( rgb(17, 34, 84),rgb(4, 5, 10),rgb(15, 30, 53));
	background:	-o-linear-gradient( rgb(17, 34, 84),rgb(4, 5, 10),rgb(15, 30, 53));
	background:	-moz-linear-gradient( rgb(17, 34, 84),rgb(4, 5, 10),rgb(15, 30, 53));
	background: linear-gradient( rgb(17, 34, 84),rgb(4, 5, 10),rgb(15, 30, 53));
}

/**nav**/
.navbar-inverse{
	background-color: #0E0F25;
}

.btn-no-color{
	background-color: rgba(51, 122, 183, 0);
	border-color: #4F4F4F;
}

a,a:focus, a:hover {  color: white; }
h2,h3,h4  { font-family: 'Droid Serif', serif; }

/**Fonts Size**/
h2 { font-size: 20px; letter-spacing: 0.2px; }
h3 { font-size: 15px; letter-spacing: 0.2px; }
p  { font-size: 13px; letter-spacing: 0.2px; }


/**Page Width**/
@media (min-width: 1200px) {
  .container {
    width: 900px;
  }
}

/**brand**/
.navbar-brand{ font-size: 14px;}

/** carousel-indicators **/
.carousel-indicators{
	bottom: -50px;
}


/**Video Centre Logo**/
.vid-logo{
  margin: 10px 0px;
  text-align: center;
  vertical-align: text-bottom;
}

  .vid-logo img{
    width: 80px;
    margin-bottom: 15px;
  }

  .vid-logo p{
    color: white;
    font-size: 13px;
    letter-spacing: 3px;
  }


/**Video Play Button**/
.playbtn{
  font-size: 35px;
  position: absolute;
  color: rgba(255, 250, 250, 0.5) ;
  z-index: 1;
  width: 100%;
  top: 50%;
  text-align: center;
}

.playbtn:hover{
	 color: rgba(255, 250, 250,1) ;
}

#player{
  font-size: 35px;
  position: absolute;
  color: rgba(255, 250, 250, 0.5) ;
  z-index: 1;
  width: 100%;
  height:100%;
  text-align: center;
}


/**help class**/
.text-white{ color: white; }
.img-preview{ width: 200px ; }


.sm-title{
	border-top:1px solid rgb(58, 58, 58);
	color:white ;
	padding-top: 25px;
	padding-bottom: 10px;
}

.lg-captions{
	margin-top: 75px;
}
  
  .lg-captions .tag-result{
    height: 100%;
    margin: 40px 0px;
    padding: 15px 15px;
    background-color: #03A9F4;
    color: black;
    display: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  } 

     .lg-captions .tag-result .close-btn{
      text-decoration: none;
      cursor: pointer;
      display: inline-block;
      float: right;
      font-size: 20px;
     }

     .lg-captions .tag-result p{
      color: white;
     }

     .lg-captions .tag-result .item{
      width: 70px;
      display: inline-block;
     }

       .lg-captions .tag-result a{
        text-decoration: none;
       }

     .lg-captions .tag-result p:last-child{
      font-size: 12px;
      text-align: center;
     }

  .lg-captions .tag{
    cursor:pointer;
  }

  .lg-captions p:last-child{
    font-size: 16px;
  }

.sm-captions{
	color:white ;
	padding-top: 15px;
	padding-bottom: 10px;
}

.date{ font-size: 12px; color: rgb(119, 119, 119) ;}

footer{ 
  	width: 100%;
 	height: 40px;
  	padding-top: 14px;
	margin-top: 130px;
  	padding-left: 20px;
  	background-color: rgb(9, 15, 26);
  	color: rgb(168, 168, 168);
}

.item{
	margin: 3px;
}

.item img{
  border: 1px solid rgba(255, 255, 255, 0.5);
}

/** Live Search **/
.live-search{
  padding: 0px 50px;
}

input[type=text] {
  line-height: 1.8;
  /*
  padding: 5px 20px;
  float: right;
  */
  border: 1px solid #e9e9e9;
  border-radius: 0.5rem;
  max-width: 100%;
  text-align:center;
}


/**tag color**/
.tag-green{
  background-color: #449FB9;
}

.label{
  padding: .3em .5em .5em !important;
}