body{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-seri;
}
.gray-color{
	color:#A8A8A8;
}
.almost-black-color{
	color:#878787;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#000;
  
}
.cat-no-select{
	border: 3px solid #FFF;
}
.cat-select{
	border: 3px solid #FFFF00;
}
.hide-element{
	display:none;
}
.user-video-text:first-letter
{
    text-transform: uppercase;
}
.desciption-section {
  padding: 2em 0 2em;
}
.footer-section {
  margin: 1em 0 0;
  background-color: #151515;
  border: 1px solid #030303;
}
.footer-section h4, .footer-section h6{
	color:#FFF;
}
.features-link {
  color: #888888 !important;
  text-decoration: none !important;
}
.features-link p:hover{
	color:#1E5799 !important;;
}
.features-link h3:hover{
	color: #1E5799;
}
.new-back-arrow{
	height: 10%;
    top: 43%;
	opacity: .7;
	background-image:none !important;
	z-index: 1000;
}
.new-back-arrow:hover{
	opacity: .9;
}
.icon-block a{
	color: inherit;
}
.icon-circle{
	border-radius: 50%;
}
.icon-block:hover{
	color:#FFF !important;	
	border:2px solid #FFFF00;
}
.google-share-btn{ 
	background-color:#F93131;
}
.video-share-btn{
	background-color:#008cc9;
}
.google-share-btn{ 
	background-color:#F93131;
}
.google-email-btn{
	background-color:#dc2725;
}
.facebook-share-btn{
	background-color: #2a6496;
}
.default-email-btn{
	background-color:#155299;
}
.twitter-share-btn{
	background-color:#2a9fd6;
}
.default-down-btn{
	background-color:#b4e391;
}
.config-tabs{
	border: 1px solid #ddd;
}
.fp-controls{
	display:none;
}
.no-valid-field{
	border: 1px solid red;
}
@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}
 
@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
	left: -100%;
  }
}
@media screen and (max-width: 992px) {
	.fullscreen-bg__video {
		background-image:url('//www.pepblast.com/e/images/splash-img.jpg');
	}
}
.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}
.	{
	color:#FFF;
}
.bg-white{
	background:rgba(255,255,255,0.98);
}
.bg-black{
	background:rgba(0,0,0,0.6);
}
.login-field{
	max-width: 300px;
}
.login-buttons{
	min-width: 150px;
}
#tags{
  border:1px solid #ccc;
  padding:5px;
  font-family:Arial;
}
#tags span.tag{
  cursor:pointer;
  display:block;
  float:left;
  color:#fff;
  background:#689;
  padding:5px;
  padding-right:25px;
  margin:4px;
}
#tags span.tag:hover{
  opacity:0.7;
}
#tags span.tag:after{
 position:absolute;
 content:"x";
 border:1px solid;
 padding:0 4px;
 margin:3px 0 10px 5px;
 font-size:10px;
}
#tags input{
  background:#eee;
  border:0;
  margin:4px;
  padding:7px;
  width:auto;
}
.strip-header{
	top: 0;
	position: relative;
	z-index: 100;
}
@media (min-width: 768px) {
	.strip-footer{
		bottom: 0;
		position: absolute;
		width: 98%;
		z-index: 100;
	}
	.picture-video{
		border-radius:8px;
		border:2px solid #CCC;
	}
	.border-header-round{
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
}
@media (max-width: 767px) {
	.strip-header{
		top: 0;
		position: relative;
		z-index: 100;
	}
	.strip-footer{
		bottom: 3em;
		position: absolute;
		width: 100%;
		z-index: 100;
	}
	.picture-video{
		  position: absolute;
		  top: -3em;
	}
	.picture-video img{
		  border-radius:8px;
		  border:2px solid #CCC;
	}
}
.splash {
  padding: 1em 0 2em;
}
.cursor-pointer{
	cursor:pointer;
}
.navbar-transparent {
  background: rgba(0, 0, 0, 1);
  border-bottom: none;
}
.tweet-navbar {
	padding: 10px 15px; 
	padding-top:15px;
	padding-bottom:15px;
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
#photos-section{
	display:none;
}
.search-cat-ico{
	position: absolute;
    right: 2em;
    margin-top: 9px;
}
@media screen and (min-width: 992px) {
    .border-left-md{
		border: 1px solid #000;
		border-left:none;
		border-top:none;
		border-bottom:none;
	}
}
.imgs-full{
		max-height:350px;
		display: block;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
@media screen and (min-width: 1200px) {
	.imgs-boxes{
		max-height:150px;
		display: block;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.img-div{
		height:175px;
	}
	.icon-block {
		display: inline-block;
		vertical-align: middle;
		font-size: 30px;
		cursor: pointer;
		margin: 0 10px;
		margin-bottom: 10px!important;
		width: 60px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		position: relative;
		z-index: 1;
		color: #fff;
		border: 2px solid transparent;
	}
	.style-element{
		height: 350px;
	}
}
@media screen and (max-width: 1199px) {
    .imgs-boxes{
		max-height:150px;
		display: block;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.img-div{
		height:175px;
	}
	.icon-block {
		display: inline-block;
		vertical-align: middle;
		font-size: 30px;
		cursor: pointer;
		margin: 0 10px;
		margin-bottom: 10px!important;
		width: 60px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		position: relative;
		z-index: 1;
		color: #fff;
		border: 2px solid transparent;
	}
	.style-element{
		height: 350px;
	}
}
@media screen and (max-width: 991px) {
    .imgs-boxes{
		max-height:90px;
		display: block;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.img-div{
		height:115px;
	}
	.icon-block {
		display: inline-block;
		vertical-align: middle;
		font-size: 10px;
		cursor: pointer;
		margin: 0 10px;
		margin-bottom: 10px!important;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		position: relative;
		z-index: 1;
		color: #fff;
		border: 1px solid transparent;
	}
	.style-element{
		height: 250px;
	}
}
@media (max-width: 767px) {
    .imgs-boxes{
		max-height:90px;
		display: block;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.img-div{
		height:115px;
	}
	.icon-block {
		display: inline-block;
		vertical-align: middle;
		font-size: 10px;
		cursor: pointer;
		margin: 0 10px;
		margin-bottom: 10px!important;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		position: relative;
		z-index: 1;
		color: #fff;
		border: 1px solid transparent;
	}
	.style-element{
		height: 250px;
	}
}


