h2{
	letter-spacing: .05em;
}

/*----header----*/
.navigation .menu-trigger svg{
	fill: #fff;
}
.navigation .menu-trigger .menu-trigger-close{
	fill: #333;
}
.overlayed-menu .item a{
	font-weight: bold;
	letter-spacing: .1em;
}
.pinned-header.pinned-header-background {
	background: white;
	padding: 20px 0 20px 0;
}
.listing .item-link .item-label-overlay .item-label{
	font-weight: bold;
	letter-spacing: .1em;
}

#content_page_wrapper p {
	margin-top: 0;
}

#content_page_wrapper ._4ORMAT_content_page_row {
	padding-top: 18px !important;
	padding-bottom: 18px !important;
}
body.page-5010216 .main-header{
	min-height: calc(100vh - 80px);
	top: 80px !important;
}
.main-lower{
	margin-top: 100% !important;
	padding-bottom: 80px;
}
body.page-5201718 .main-lower{
	margin-top: 0 !important;
}
body.page-5010216 .main-lower{
	padding-top: 60px;
}

.has-title .main-lower{
	min-height: 0;
}

.gallery .title-element{
	text-align: left;
	letter-spacing: .05em;
}

@media (min-width: 1024px) {
	.outer-container{
		margin: 0 auto;
		position: relative;
		width: 100%;
	}

	/*----header----*/
	.pinned-header.pinned-header-background {
		background: white;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		height: 80px;
		padding: 0;
	}
	.pinned-header.pinned-header-background .container{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		height: 100%;
		padding: 0;
	}
	.pinned-header.pinned-header-background .container .navigation{
		height: 100%;
		width: 80%;
		margin: 0 auto;
	}


/*----alt rayout----*/
	.navigation .item{
		margin-right: 0;
		position: relative;
		height: 20px;
		width: 50px;
	}
	.navigation .item:before{
		height: 20px;
		position: absolute;
		top: 0;
		left: 17px;
		-webkit-transition: opacity .2s;
		transition: opacity .2s;
		width: 16px;
	}
	.navigation .item:hover:before{
		opacity: .4;
	}
	.navigation .item:first-child:before{
		content: url(https://4ormat-asset.s3.amazonaws.com/vfs/783387/public_assets/43479958/menu_home.svg);
	}
	.navigation .item:nth-child(2):before{
		content: url(https://4ormat-asset.s3.amazonaws.com/vfs/783387/public_assets/43479959/menu_news.svg);
	}
	.navigation .item:nth-child(3):before{
		content: url(https://4ormat-asset.s3.amazonaws.com/vfs/783387/public_assets/43479960/menu_works.svg);
	}
	.navigation .item:nth-child(4):before{
		content: url(https://4ormat-asset.s3.amazonaws.com/vfs/783387/public_assets/43612083/menu_about1.svg);
	}
	.navigation .item:nth-child(5):before{
		content: url(https://4ormat-asset.s3.amazonaws.com/vfs/783387/public_assets/43612512/menu_contact1.svg);
	}
	.navigation .item a{
		display: inline-block;
		height: 20px;
		overflow: hidden;
		opacity: 0;
		padding-bottom: 22px;
		position: absolute;
		text-align: center;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
		top: -22px;
		width: 50px;
	}
	.navigation .item:hover a{
		opacity: 1;
		padding-bottom: 26px;
		top: -26px;
	}

/*	.navigation .item{
		margin-right: 1.5em;
	}
	.navigation .item a{
		position: relative;
	}
	.navigation .item a:after{
		content: '';
		border-top: 1px solid  #000;
		left: 0;
		opacity: 0;
		position: absolute;
		top: 30px;
		-webkit-transition: all .25s;
		transition: all .25s;
		width: 100%;
	}
	.navigation .item a:hover:after,
	.navigation .item.selected a:after{
		opacity: 1;
		top: 16px;
	}*/

	.navigation .branding{
		position: relative;
		top: 1px;
		left: 0px;
	}
	.navigation .branding .logo-container .logo-image{
		height: auto;
		width: 280px;
	}
	.navigation .site-navigation .main-menu ul:not(.social){
		position: relative;
		margin-right: 16px;
	}
	.navigation .site-navigation .social .social-item{
		display: inline-block;
		height: 20px;
		line-height: 34px;
		padding-left: 14px;
	}
	.navigation .site-navigation .social .social-item:first-child{
		border-left: 1px solid  #333;
		padding-left: 28px;
	}
	.navigation .site-navigation .social .social-item .social-link {
		height: auto;
		width: auto;
	}
	.navigation .site-navigation .social .social-item .social-link .social-icon {
	    width: auto;
	    height: 16px;
	    overflow: visible;
	    position: relative;
	    top: -6px;
	}

	/*----gallery----*/
	.main-header.main-header-title{
		background-color: transparent;
		display: block;
		min-height: 0;
		margin: 119px auto 20px;
		position: relative !important;
		padding-top: 0 !important;
		width: 80% !important;
	}
	.main-lower{
		width: 100%;
	}
	.main-lower .container{
		width: 80%;
	}
	.gallery .title-element{
		font-size: 12px;
		font-weight: normal;
		display: inline-block;
		height: auto;
		margin: 0;
		padding: 0;
		width: auto;
	}
	.gallery .title-element p{
		margin: 0 0 .75em 0;
	}
	.gallery .back-to-works{
		padding-right: 20px;
		margin: 0;
	}
	.gallery .back-to-works.back-to-works-top {
		top: -3px;
		left: -80px;
		position: absolute;
		z-index: 100;
	}
	.gallery .back-to-works.back-to-works-bottom {
		left: -80px !important;
		position: relative;
		top: -92px !important;
		z-index: 100;
	}
	.gallery .back-to-works.back-to-works-bottom span{
		display: none;
	}
	.gallery .back-to-works a {
		padding: 0 0 .2em;
		position: relative;
		font-size: 12px;
		color: #999;
		border-top: none;
		right: 0;
		text-decoration: none;
		-webkit-transition: all .15s ease;
		transition: all .15s ease;
	}
	.gallery .back-to-works a:before {
		content: '<';
		color: #999;
		position: absolute;
		top: 0;
		right: -1.5em;
		-webkit-transition: right .25s ease;
		transition: right .25s ease;
	}
	.gallery .back-to-works:hover a{
		color: #333;
		right: .5em;
	}
	.gallery .back-to-works:hover a:before {
		color: #333;
		right: -1em;
	}

	.gallery .outer-container main .original_gallery_images{
		margin: 0 auto;
		width: 80%;
	}
	.gallery .outer-container main .original_gallery_images .container{
		margin-bottom: 80px;
		width: 100%;
	}
	.gallery .outer-container main .original_gallery_images .container .masonry{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.gallery .outer-container main .original_gallery_images .container .masonry .page-asset{
		margin: 0 0 40px;
		width: 100%;
	}
	.gallery .outer-container main .original_gallery_images .container .masonry .page-asset:last-child{
		margin-bottom: 0;
	}
	.gallery .outer-container main .original_gallery_images .container .masonry .page-asset .item-link .image-wrap{
		cursor: default;
	}

	/*----grid----*/
	.outer-container main .container {
	    padding: 0;
	    max-width: none;
	}
	.outer-container main .container.main-lower-controls-wrapper{
	    padding: 0 70px;
	}
	.grid {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding-bottom: 60px;
	}
	.grid .grid-item{
		margin-bottom: 3vw;
		width: 48%;
		transform: translate3d(0,0,0) !important;
	}
	.grid .grid-item .item-link{
		width: 100%;
	}
	.grid .grid-item .image-wrap img{
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
	}
	.grid .grid-item .image-wrap:hover img {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}

	/*----listing----*/
	.listing .main-lower{
		transform: translate3d(0,40px,0);
		-webkit-transition: -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 1500ms, opacity 1.5s;
		transition: transform cubic-bezier(0.23, 1, 0.32, 1) 1500ms, opacity 1.5s;
		opacity: 0;
	}
	.listing .visible .main-lower {
		opacity: 1;
	}
	.listing .item-link .item-label-overlay {
		background: rgba(0, 0, 0, 0.6);
		-webkit-transition: opacity .5s ease;
		transition: opacity .5s ease;
	}
	.listing .item-link:hover .item-label-overlay .item-label {
		color: #ffffff;
		left: 0;
	}
	.listing .item-link .item-label-overlay .item-label{
		font-weight: normal;
		left: -20px;
		-webkit-transition: left .5s ease;
		transition: left .5s ease;
	}

	/*----about----*/
	#content_page_wrapper{
		width: 680px;
	}
	#content_page_wrapper p{
		margin-bottom: 1.5em !important;
		text-align: justify;
		text-justify: inter-ideograph;
		line-height: 2em !important;
	}
	#content_page_wrapper ._4ORMAT_module_text_03{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#content_page_wrapper ._4ORMAT_module_text_03 .twelvecol{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#content_page_wrapper ._4ORMAT_module_text_07{
		border-top: 1px solid  #eee;
		padding-top: 20px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 30px !important;
	}

	#content_page_wrapper ._4ORMAT_module_text_07 .fourcol{
		font-variant-ligatures: none;
		width: 30% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#content_page_wrapper ._4ORMAT_module_text_07 .eightcol{
		width: 70% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#content_page_wrapper ._4ORMAT_module_text_07 .eightcol ul{
		margin-bottom: 0 !important;
	}
	#content_page_wrapper ._4ORMAT_module_text_07 .eightcol ul li{
		list-style-type: disc;
		line-height: 1.5em;
		margin-bottom: .5em;
		padding-left: .8em !important;
		text-indent: -1.4em;
	}
	#content_page_wrapper ._4ORMAT_module_text_07 .eightcol p{
		margin-bottom: 0 !important;
	}

/*----contact----*/
	#content_page_wrapper ._4ORMAT_module_contact_08 .twocol{
		display: none;
	}
	#content_page_wrapper ._4ORMAT_module_contact_08 .eightcol{
		width: 100% !important;
	}
	#content_page_wrapper ._4ORMAT_module_contact_08 .eightcol .sixcol{
		width: 100%;
	}
	#content_page_wrapper ._4ORMAT_module_contact_08 .eightcol .sixcol input{
		border-right-width: 1px
	}
/*	#content_page_wrapper ._4ORMAT_module_contact_08 .eightcol .row:nth-child(3) .sixcol.last{
		display: block;
	}*/
	/*----blog----*/
	body.blog ._4ORMAT_module_headline_01{
		margin: 0 auto 30px;
		width: 700px;
	}
	body.blog ._4ORMAT_module_headline_01 .twelvecol h2{
		font-size: 19.5px;
		text-align: center;
	}
	.f_blog_post .f_blog_post_header{
		position: relative;
	}
	.f_blog_post .f_blog_post_header h1{
		margin-bottom: 20px;
	}
	.f_blog_post .f_blog_post_header h1 a{
		letter-spacing: .05em;
	}
	.f_blog_post .f_blog_post_header .f_blog_date{
		color: #999;
		position: absolute;
		top: -20px;
		left: -100px;
	}
	.f_blog_post .f_blog_post_header .f_blog_date svg{
		display: none;
	}
	.f_blog_post_images_vertical{
		margin-bottom: 30px;
	}
	.f_blog_post_images_vertical .f_blog_post_image_hoverwrap{
		line-height: 0;
	}
	.f_blog_post_images_vertical .f_blog_post_image_hoverwrap img{
		margin-bottom: 0 !important;
	}
	.f_blog_separator_double{
		border-bottom: solid 1px #eee !important;
		opacity: 1 !important;
	}
/*	.f_blog_post .f_blog_post_images_vertical{
		text-align: center;
	}*/

	.f_blog_post p{
		letter-spacing: .025em;
		text-align: justify;
		text-justify: inter-ideograph;
	}


	/*----footer----*/
	footer{
		background-color: transparent;
		bottom: 20px;
		color: #666;
		font-family: verdana, Arial, sans-serif;
		font-size: 12px;
		line-height: 1;
		padding: 0;
		position: fixed;
		right: 64px;
	}
}


@media (max-width: 1023px){
	.logo-image{
		height: auto;
		width: 280px;
	}
	.grid .grid-item{
		width: calc(48%);
		margin: 1%;
	}

	/*----listing----*/
	.listing .item-link .item-label-overlay {
		background: rgba(0, 0, 0, 0.7);
		transition: opacity .5s ease;
	}
	.listing .item-link:hover .item-label-overlay .item-label {
		color: #ffffff;
		left: 0;
	}
	.listing .item-link .item-label-overlay .item-label{
		left: -20px;
		-webkit-transition: left .75s ease;
		transition: left .75s ease;
	}

}

@media (max-width: 767px){
	.pc-only{
		display: none;
	}

/*----header----*/
	.pinned-header.pinned-header-background{
		padding: 10px 0 10px;
	}
	.logo-container{
		height: 30px;
	}
	.logo-image{
		height: 30px;
		width: auto;
	}
	.site-navigation{
		
	}
	.site-navigation .menu-trigger{
		transform: scale(.8);
		transform-origin: right top;
		position: relative;
		top: 2px;
	}
	.site-navigation .menu-trigger svg{
		fill: #333;
	}
	.overlayed-menu .item{
		font-size: 16px;
		padding-bottom: 20px;
	}
	.overlayed-menu .item a{
		letter-spacing: .05em;
	}
	.overlayed-menu .social{
		margin-top: 20px;
	}
	.overlayed-menu .social-icon{
		height: 16px;
		left: 0;
	}
	.overlayed-menu .social-link, .overlayed-menu .social-share{
		padding: 0;
	}

/*----top----*/
	body.page-5010216 .main-header{
		display: none;
	}
	body.page-5010216 .main-lower{
		margin-top: 0 !important;
		padding-top: 50px;
	}

	/*----gallery----*/
	.main-header.main-header-title{
		background-color: transparent;
		display: block;
		padding:0 20px;
		position: relative !important;
		min-height: 0;
		margin: 20px 0 10px;
	}
	.gallery .title-element{
		font-size: 12px;
		font-weight: normal;
		display: block;
		padding: 0;
	}
	.gallery .title-element p{
		letter-spacing: .05em;
		margin: 0 0 .5em;
	}
	.grid {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	}
	.grid-item.landscape.extra-large, .grid-item.square.extra-large{
		width: calc(100%) !important;
		margin: 10px 0;
	}
	.grid .grid-item .item-link{
		width: 100%;
	}
	.grid .grid-item .image-wrap img{
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
	}
	.grid .grid-item .image-wrap:hover img {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}
	body.gallery main .container{
		padding-bottom: 50px;
	}
	body.gallery .masonry-item, body.listing .masonry-item{
		margin-bottom: 10px;
		width: 100%;
	}
	.gallery .back-to-works{
		margin: 0;
	}
	.gallery .back-to-works.back-to-works-bottom {
		box-sizing: border-box;
		padding-left: 20px;
		position: relative;
		bottom: 50px !important;
		z-index: 100;
	}

	/*----listing----*/
	.listing .main-lower{
		transform: translate3d(0,40px,0);
		-webkit-transition: -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 1500ms, opacity 1.5s;
		transition: transform cubic-bezier(0.23, 1, 0.32, 1) 1500ms, opacity 1.5s;
		opacity: 0;
	}
	.listing .visible .main-lower {
		opacity: 1;
	}
	.listing .item-link .item-label-overlay {
		background: rgba(0, 0, 0, 0.6);
		-webkit-transition: opacity .5s ease;
		transition: opacity .5s ease;
	}
	.listing .item-link .item-label-overlay .item-label{
		font-weight: normal;
		font-size: 12px;
		left: -20px;
		padding-left: 10px;
		-webkit-transition: left .5s ease;
		transition: left .5s ease;
	}
	.listing .item-link:hover .item-label-overlay .item-label {
		color: #ffffff;
		left: 0;
	}

	/*----contents----*/
	#content_page_wrapper ._4ORMAT_content_page_container{
		padding-bottom: 50px;
	}
	#content_page_wrapper .align_center h2.xl-headline{
		border-top: none;
		padding-top: 0;
		margin-top: 0;
		margin-bottom: 2em;
		font-size: 16px !important;
	}
	#content_page_wrapper ._4ORMAT_content_page_row{
		padding-top: 6px !important;
		padding-bottom: 0 !important;
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
	#content_page_wrapper ._4ORMAT_content_page_row h2{
		border-top: 1px solid  #eee;
		padding-top: 1.5em;
		margin-top: 1em;
		margin-bottom: .5em;
	}
	#content_page_wrapper ._4ORMAT_content_page_row ul{
		padding-left: 1.8em;
		margin-bottom: 0;
	}
	#content_page_wrapper ._4ORMAT_content_page_row ul li{
		text-align: justify;
		text-justify: inter-ideograph;
		text-indent: -1.5em;
		margin-bottom: 1em;
	}
	#content_page_wrapper ._4ORMAT_content_page_row ul li:last-child{
		margin-bottom: 0;
	}
	#content_page_wrapper ._4ORMAT_content_page_row div{
		margin: 0 !important;
		padding: 0 !important;
	}
	#content_page_wrapper ._4ORMAT_content_page_row p{
		text-align: justify;
		text-justify: inter-ideograph;
		margin-bottom: 0;
		margin-top: 1em;
	}
	#content_page_wrapper ._4ORMAT_content_page_row p:first-child{
		margin-top: 0;
	}
	#content_page_wrapper ._4ORMAT_module_contact_08{
		margin-top: 2em;
	}
	#content_page_wrapper ._4ORMAT_module_contact_08 input,
	#content_page_wrapper ._4ORMAT_module_contact_08 textarea{
		-webkit-appearance: none;
		appearance: none;
		box-shadow: none;
		border-radius: 0 !important;
	}
	#content_page_wrapper ._4ORMAT_module_contact_08 input[name="submit"]{
		margin-top: 10px;
	}
/*	#content_page_wrapper ._4ORMAT_module_contact_08 .eightcol .row:nth-child(3) .sixcol.last{
		display: none;
	}*/

	/*----blog----*/
	.blog .xl-headline{
		font-size: 16px;
		text-align: center;
	}
	.f_blog_wrapper h1 a{
		font-size: 16px !important;
		letter-spacing: .05em;
	}
	.f_blog_post p{
		line-height: 1.5em !important;
	}

/*----footer----*/
	footer{
		background-color: transparent;
		bottom: 19px;
		color: #666;
		font-size: 12px;
		line-height: 1em;
		padding: 0;
		position: fixed;
		right: 74px;
	}
}