/* Icons */
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'icomoon';
	src:url('../media/font/icomoon/icomoon.eot?i64fx9');
	src:url('../media/font/icomoon/icomoon.eot?#iefixi64fx9') format('embedded-opentype'),
		url('../media/font/icomoon/icomoon.woff?i64fx9') format('woff'),
		url('../media/font/icomoon/icomoon.ttf?i64fx9') format('truetype'),
		url('../media/font/icomoon/icomoon.svg?i64fx9#icomoon') format('svg');
}

.icon-close {
	z-index: 100;
	display: block;
	overflow: hidden;
	width: 2em;
	height: 2em;
	text-align: center;
	line-height: 3;
	right:2%;
	top:2%;
	cursor: pointer;
	position:fixed;
}

.icon::before {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	right:2%;
	top:2%;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.icon-close::before {
}


.icon-close-hdr{
	position: fixed !important;
	right:2%;
	top:2%;
}

.icon-close-footer{
	position: relative;
	margin:0 auto;
}

.icon-close img {
	padding-bottom: 60%;
}

.icon-close:hover {
	color: #fff;
}

/* Styles for dummy content */

/* Style for overlay */

.content-style-overlay {
	/*
	padding: 100px 30px;
	padding-top: 30px;
	*/
	text-align: center;
	
}

.content-style-overlay h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 3em;
}

.content-style-overlay .overlay-content{
	margin: 0 auto; max-width:960px;
}

.content-style-overlay .header-poster{
	width: 100%;
	margin-bottom: 0;
}

.content-style-overlay .overlay-footer{
	position: relative;
	margin: 0 auto;
	width: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.content-style-overlay p {
	padding: 0px 0;
	text-align: center;
	font-size: 1em;
	display:block; 
	margin:0 auto;
	max-width:960px; 
	min-width:50%; 
}

.content-style-overlay p.project-img{
	display:block; 
}

.content-style-overlay p.project-copy{
	line-height:1.1em;
	display:block; 
	color:#e6e6e6;
}

	.content-style-overlay p.project-copy .project-title {
		font-size: 1.8em;
		margin-top:0px;
		display:block;
		margin-bottom:20px;
		padding-top:40px;
		font-family:'Gbold', sans-serif; 
		font-weight:normal;
		color:#e6e6e6;
		
	}
	
	.content-style-overlay p.project-copy .project-subtext{
		margin-top:0px;
		display:block;
		margin-bottom:30px;
		font-family:'goudyitalic',  serif;  
		font-size: .85em;
		font-weight:normal;
		color:#999999;
	}
	
	.content-style-overlay p.project-copy .project-text{
		margin-top:0px;
		line-height:26px;
		display:block;
		margin-bottom:40px;
		font-size: .9em;
		transition: all .5s ease-in-out ;
		-moz-transition: all  .5s ease-in-out ;
		-webkit-transition: all .5s ease-in-out ; /* For Safari 3.1 to 6.0 */
	}
	

		.project-text a:link, .header-poster a:visited{
			font-family:'GMedium', sans-serif;
			color:#e6e6e6;
			padding-bottom:0;
			border-bottom: solid rgba(230, 230, 230, .0) 0px;
			cursor:pointer;
			transition: all .5s ease-in-out ;
			-moz-transition: all  .5s ease-in-out ;
			-webkit-transition: all .5s ease-in-out ; /* For Safari 3.1 to 6.0 */
		}
	
		.project-text a:hover{
			color:#e6e6e6;
			padding-bottom:1px;						
			border-bottom: solid rgba(230, 230, 230, 1) 2px;
		}
	


.content-style-overlay .icon-close {
	border: 1px solid #333;
	background-color:#333;
	border-radius: 50%;
	line-height: 2.9;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
}

.content-style-overlay .icon-close:hover {
	border: 1px solid #fff;
	background:#000;
}



@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation : portrait) {


	
	.content-style-overlay p.project-copy .project-title {
		font-size: 1em;
		margin-top: 10px;
		display: block;
		margin-bottom: 5px;
		padding-top: 40px;
		font-family: 'Gbold', sans-serif;
		font-weight: normal;
		color: #e6e6e6;
	}
	
	.content-style-overlay p.project-copy .project-subtext {
		margin-top: 0px;
		display: block;
		margin-bottom: 0px;
		font-family: 'goudyitalic', serif;
		font-size: .7em;
		font-weight: normal;
		color: #999999;
	}

	.content-style-overlay p.project-copy .project-text{
		margin-top: 0px;
		line-height: 21px;
		display: block;
		margin-bottom: 20px;
		margin: 20px 20px;
		font-size: .7em;
		transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
	}
	

	

	
}