@charset "UTF-8";
/* Project Gallery */

#gallery_container{
	visibility:hidden;

	display:none;
	
	width:auto;

	height:auto;
	
	overflow:hidden;

	pointer-events:auto;
}

.gallery_bg_top{
	position:absolute;
	
	left:0px;

	top:0px;
	
	width:100%;

	height:100%;
	
	padding: 0;
	
	margin-top:0px;

	margin-bottom:0px;

	margin-left:0px;

	margin-right:0px;
	
	min-width:100%;

	min-height:100%;
	
	background-position:center top;

	background-image:url(../images/gallery_bg_top.png);

	background-repeat:repeat-x;
	
	opacity:.5;
	
	background-size:100% 100%;
	
	visibility:hidden;
}

.gallery_bg_footer{
	position:absolute;
	
	left:0px;

	bottom:0px;
	
	width:100%;

	height:100%;
	
	padding: 0;
	
	margin-top:0px;

	margin-bottom:0px;

	margin-left:0px;

	margin-right:0px;
	
	min-width:100%;

	min-height:100%;
	
	background-position:center bottom;

	background-image:url(../images/gallery_bg_footer.png);

	background-repeat:repeat-x;
}

.gallery_bg_dimmer{
	position:absolute;
	
	left:0px;

	bottom:0px;
	
	width:100%;

	height:100%;
	
	padding: 0;
	
	margin-top:0px;

	margin-bottom:0px;

	margin-left:0px;

	margin-right:0px;
	
	min-width:100%;

	min-height:100%;
	
	background-position:center center;

	background-image:url(../images/gallery_bg_dimmer.png);

	background-size:100% 100%;
}

.gallery_bg_img{
	position:absolute;
	
	left:0px;

	bottom:0px;
	
	width:100%;

	height:100%;
	
	padding: 0;
	
	margin-top:0px;

	margin-bottom:0px;

	margin-left:0px;

	margin-right:0px;
	
	min-width:100%;

	min-height:100%;
	
	background-position:center center;

	background-image:url(../images/spacer.gif);

	background-size:cover;
	
	backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;
}

div#gallery_thumbnail_container{
	position:absolute;
	
	left:0px;

	top:0px;
	
	width:100%;

	height:100%;
	
	pointer-events:auto;
	
	background-size:cover;
}

.gallery_thumbnails{
	position:absolute;
	
	width:300px;

	height:300px;
	
	background-color:#253031;
	
	opacity:1.0;
	
	display:block;
	
	pointer-events:auto;
	
	overflow: hidden;
	
	cursor:pointer;
}

#gallery_container_bg{
	position:absolute;
	
	pointer-events:none;
	
	width:100%;

	height:100%;
	
	top:0px;
	
	background-color:#000;/*#012424;*//*#201e20;*/
	
	opacity:1;
	
	visibility:visible;

	display:block;
}

#main_img_container{
	position:absolute;

	background-image:url('../images/spacer.gif');

	background-repeat:repeat;

	/*background-size: 100% 100%;*/
	
	margin-left: 50%;
	
	left: 0px;

	top: 50%;
}

#large_galerry_img{
	visibility:hidden;

	display:block;
}

#close_photo_tab{
	position:absolute;
	
	visibility:hidden;

	display:none;
	
	cursor:pointer;
	
	z-index:11;
	
	/*transition: 0.25s;*/
}

div#project_container{
	position:absolute;
	
	top: 0px;

	left: 0px;
	
	width: 100%;

	height: 100%;
	
	visibility:hidden;

	display:none;
	
	overflow:hidden;
	
	background-position:center center;

	background-image:url(../images/spacer.gif);

	background-size:cover;
	
	background-color:#000;
	
	backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;
}

div#project_img_container{
	position:absolute;
	
	top: 0px;

	left: 0px;
	
	width: 100%;

	height: 100%;
	
	overflow:hidden;
	
	background-position:center center;

	background-image:url(../images/spacer.gif);

	background-size:cover;
	
	background-color:#000;
	
	backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

}

#project_container_dimmer{
	position:absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background-color:#000;

	opacity:0.7;
}

#project_video{
	position:absolute;
	
	visibility:hidden;

	display:none;
	
	overflow:hidden;
}

#project_content{
	position:absolute;
	
	left:0px;

	top:0px;
	
	width:100%;

	height:100%;
}

#project_category_display{
	position:absolute;
	
	color:#FFF;

	font-size:16px;

	font-weight:300;

	text-transform:uppercase;

	letter-spacing:2px;
	
	top:50%;

	margin-top:-200px;

	left:90px;
	
	width:500px;

	height:20px;
}

#project_title_display{
	position:absolute;
	
	color:#FFF;

	font-size:40px;

	font-weight:300;
	
	top:50%;

	margin-top:-175px;

	left:90px;
	
	width:750px;

	height:40px;
}

#project_view_icon{
	position:absolute;
	
	top:50%;

	margin-top:97px;

	left:90px;
	
	background-position:center center;

	background-image:url(../images/project_view_icon_plus.png);

	background-size:cover;
	
	width:35px;

	height:35px;
	
	cursor:pointer;
}

#project_view_cta{
	position:absolute;
	
	color:#FFF;

	font-size:14px;

	font-weight:600;

	text-transform:uppercase;

	letter-spacing:2px;
	
	top:50%;

	margin-top:105px;

	left:135px;
	
	width:360px;

	height:20px;
}

#project_footer{
	position:absolute;

	background-color:#fff;

	bottom:0px;

	left:0px;

	width:100%;

	height:200px;
	
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

#project_client_img{
	position:absolute;
	
	background-color:#000;
	
	top:30px;

	left:40px;
	
	width:120px;

	height:120px;
	
	background-size:100% 100%;
	
	border-radius: 24px;
}

#project_information{
	position:absolute;

	left:200px;

	width:100%;

	height:100%;

	box-sizing: border-box;

	padding:0px 640px 0px 0px;
}

#project_information_header{
	position:relative;
	
	top:30px;

	left:0px;
	
	text-transform: uppercase;

	font-size:12px;

	font-weight:600;

	letter-spacing:0px;
}

#project_summary{
	position:relative;

	box-sizing: border-box;
	
	top:40px;

	left:0px;

	color:#7f7f7f;

	font-size:12px;

	font-weight:400;

	letter-spacing:0px;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:7;

	-webkit-box-orient:vertical;

}

#project_credits{
	position:absolute;
	
	background-color: #f4f4f4;
	/*background-color:#f6f7f9;*/
	
	top:15px;
	bottom:15px;

	right:12px;

	width:380px;

	height:170px;

	color:#323232;
	
	border-radius: 30px;
	
	overflow: hidden;
}

#project_credits_header{
	position:relative;

	top:30px;

	left:40px;

	text-transform: uppercase;

	font-size:12px;

	font-weight:600;

	letter-spacing:0px;

	/*font-family: 'HelveticaCondensed', sans-serif;*/
}

#project_credits_agency{
	position:relative;

	top:30px;

	left:40px;

	font-size:22px;/*22px;*/

	font-weight:600;

	font-family: 'EB Garamond', sans-serif;

	text-transform: uppercase;
}

#project_credits_roles{
	position:relative;

	top:40px;

	left:40px;

	font-size:12px;

	font-weight:400;
}

#project_img_display{
	position:absolute;
	
	border-radius: 30px !important;
	background-color:#000;

	top:50%;

	margin-top:-110px;

	left:90px;

	width:320px;

	height:180px;
	
	overflow: hidden;
}

#project_preview_video{ 
    position:absolute;

    top: 0px;

    left: 0px;

    width: 320px;

    height: 180px;
}



#project_video_player{
	position:absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

	display:none;

	background-color:#000;
}



#project_video{
	position:absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

	background-color:#000000;

	display:block;

	visibility:visible;
}



#project_video_player_overlay{
	position:absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 200px;

	display:block;

	visibility:visible;

	pointer-events: none;
}



#video_player_close_tab{
	position:absolute;

    top: 25px;

    left: 35px;

    width: 40px;

    height: 40px;

	background-image:url(../images/video_close_tab.png);

	background-color:#FFF;

	background-size:100% 100%;
	
	border-radius: 12px;

	display:block;

	visibility:visible;

	pointer-events: auto;

	cursor:pointer;
}

.browse_tabs{
	position:absolute;

    bottom: 220px;

	width:55px;

    height:55px;

	background-position:center top;

	background-size:cover;

	cursor:pointer;
}

.browse_tabs:hover{
	background-position:center bottom;
}

#browse_prev_tab{
	right:85px;

	/*background-image:url(../images/browse_prev_tab.png);*/

	background-image:url(../images/browse_prev_tab_m.png);
}

#browse_next_tab{
	right:20px;

	/*background-image:url(../images/browse_next_tab.png);*/

	background-image:url(../images/browse_next_tab_m.png);
}

#project_preview_video, video {
	background-color: transparent !important;
}

#preview_video_play_tab{
	position:absolute;

	top:0px;

	left:0px;

	width:320px;

	height:180px;

	background-image:url(../images/preview_play_button.png);

	background-repeat:no-repeat;

	background-size:50px 50px;

	background-position:center center;

	opacity:0.85;

	cursor:pointer;

	/*transition:.75s;

	transition-delay:.5s;*/
}