/
/* ================================================== */
@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,500,600,700,900,400);
@import url(http://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Allura);

	
/* ================================================== */
/* video */
/* ================================================== */
video, object {
display:inline-block;
vertical-align:baseline;
min-width:100%;
min-height:100%;
}

.de-video-container{
top:0%;
left:0%;
height:500px;
width:100%;
overflow: hidden;
}

.de-video-content{
width:100%;
position:absolute;
z-index:10;
}


.de-video-overlay{
position:absolute;
width:100%;
min-height:100%;
background:url(../images/dot-70.png);
}

.de-video-overlay.dotted{
background:url(../images/dotted.html);
}

.video-fixed{
width:100%;
position:fixed;
top:0;
}

/* youtube, vimeo */

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.de-video-container .btn-line:hover:after, .de-video-container a.btn-line:hover:after, .de-video-container a.btn-line.hover:after{
color:#eceff3;
}






/* ================================================== */
/* gallery */
/* ================================================== */


.pf_text {
color:#333333;
}

.pf_text h4 {
color:#333333;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
}

.project-info{
color:#ccc;
margin-left:2px;
	margin-bottom: 25px;
}

@media (max-width: 995px) {
	
	.project-info {
		margin: 5px 5px 20px 5px;
	
}
	
}

.de_light .project-info{
color:#333333;
}

.project-info h2{
margin-top: 0;
font-size:18px;
letter-spacing:3px;
text-transform:uppercase;

}




.project_title {
	display: inline-block;
	font-family:  sans-serif;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.2em;
	color: #000;
	margin-top: 0;
	font-size:18px;
	letter-spacing:3px;
	text-transform:uppercase;
}

.project-disc
{   
    font-family: "Open Sans",Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #333333;
    line-height: 1.8em;
	
}

.project-info h4{
font-weight:bold;

}



.project-info .details{
padding:10px;
border:solid 1px #f9e5d6;
background:rgba(250,245,241);
margin-bottom: 10px;
font-family: "Open Sans",Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 500;
color: #333333;
line-height: 1.8em;
  
}

.de_light .project-info .details{
background:#eee;
border-color:#ddd;
}

.project-infoproject-info span{
display:block;
}

.project-info span.title{
display:inline-block;
min-width:80px;
}

.project-info span.val{
margin-bottom:15px;
font-weight:bold;
}

.project-view{
padding:120px 0 80px 0;
}

.project-images img{
width:100%;
}

.picframe{
overflow:hidden !important;
}


.project-name{
font-size:12px;
font-weight:bold;
display:block;
}

span.overlay {
text-align: center;
display: block;
width: 100px;
background: #111;
position: absolute;
}

.de_light span.overlay {
background: #fff;
}


span.icon{
cursor:pointer;
}







/* ================================================== */
/* misc */
/* ================================================== */


.project-images img{
margin-bottom:60px;
}



#navigation{
position:fixed;
width:100%;
height:60px;
top:0;
right:20px;
text-align:center;
margin-bottom:60px;
z-index:1000;
}

.mfp-close{
color:#333333 !important;
position:absolute;
width:100%;
font-size:48px;
margin-top:40px;
z-index:1000;
}

.de_light .mfp-close{
color:rgba(255,255,255,.5) !important;
}

.de_light .mfp-close:hover{
color:rgba(255,255,255,1) !important;
}

.nav-prev:before,.nav-next:before, .nav-exit:before{
	font-family:"FontAwesome";
	content:'\f177';
	color:#fff;
	padding:20px;
	font-size:24px;
	cursor:pointer;
}

.nav-exit:before{
width:100%;
display:block;
}

.nav-next:before{
	content:'\f178';
	width:100%;
	background:#555;
}

.nav-exit:before{
	content:'\f00d';
}

.de_light .nav-exit:before{
color:#222;
}