@charset "UTF-8";

/*-------------------------*/
/*-- 	    Global     	 --*/
/*-------------------------*/
*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-tap-highlight-color: rgba(0,0,0,0); }
html, body{ width:100%; height:100%; }
body{ width:100%; height:100%; font-family: 'Barlow', PingFangTC-Regular, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; color:#876833; font-size:16px; line-height:22px; letter-spacing:-0.018em; background:#EDEBE6; }
.body_wrap{ width:100%; height:100%; }
.main{ width:100%; padding-top:103px; }
/* .main_wrap{ width:100%; height:100%; z-index:1; } */
.floatL{ float:left; }
.floatR{ float:right; }
.alignC{ text-align:center; }
.alignL{ text-align:left; }
.alignR{ text-align:right; }
.img{ background-position:center center; background-size:cover; }
.cap{ text-transform:uppercase; }
.center{ width:100%; padding:0 60px; }
.venter{ position:relative; }
.venter_item{ position:absolute; top:50%;
	-webkit-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0);
}
.underline{ text-decoration:underline; }
.show_on_desktop{ display:block; }
.show_on_mobile{ display:none; }


.fade{ opacity:0; visibility:visible; }
#ajax{ width:100%; height:100%; position:relative; opacity:1; 
	-webkit-transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1);
	transition:         opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}
#ajax.fade{ opacity:0; }

.big{ font-size: 75px; line-height: 85px; letter-spacing: -0.026em; }
h1{ font-size:48px; line-height:67px; letter-spacing: -0.026em; }
h2{ font-size:36px; line-height:46px; }
h3{ font-size:24px; line-height:34px; }
h4{ font-size:20px; line-height:30px; }
h5{ font-size:18px; line-height:20px; }
h6{ font-size:15px; line-height:18px; }
.s{ font-size:13px; line-height:16px; }


a{ text-decoration:none; display:inline-block; color:#876833; }
span{ display:inline-block; }
img{ width:100%; height:auto; }
input,textarea,button,select{ border:0; padding:0; margin:0; outline:0; }
input[type="submit"]{ cursor:pointer; }


::selection{ background:#000; color:#fff; }
::-moz-selection{ background:#000; color:#fff; }

::-webkit-input-placeholder{ color:#876833; }
:-moz-placeholder{ color:#876833; }
::-moz-placeholder{ color:#876833; }
:-ms-input-placeholder{ color:#876833; }

/*
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
*/


#first_loading{ width:100%; height:100%; background:#2D231B; position: fixed; top:0px; left:0px; z-index:1000; opacity:0; visibility:hidden; }



/*-------------------------*/
/*      	    		   */
/*      	Menu 		   */
/*      	    		   */
/*-------------------------*/
#menu{ width:100%; height:103px; position: fixed; top:0px; left:0px; z-index:999; overflow:hidden; 
	-webkit-transition: all 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition:         all 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#menu .center{ width:100%; height:103px; padding-right:20px; 
	-webkit-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition:         all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#menu .menu_items{ width:100%; height:103px; position: relative; align-items: center; display: -webkit-flex; -webkit-justify-content: space-between; display:flex; justify-content: space-between; z-index:3; 
	-webkit-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition:         all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#menu.fixed .center:first-child{ background: rgba(237,235,230,.9); }
#menu .menu_items > li{ position: relative; padding: 27px 0px; white-space: nowrap;
	flex:0;
	-webkit-flex: 0; 
    -ms-flex: 0;
}
#menu ul li a{
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition:         all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#menu .menu_items > li.active > a,
#menu .menu_items > li a:hover{ color:#2D231B; }
#menu .menu_items > li a h4{ font-size:20px; line-height:25px; }
#menu .menu_items > li a.logo{ margin-top: -2px; }
#menu .menu_items > li a#lang{ font-size:17px; line-height: 17px; letter-spacing: 0.03em }
#menu .menu_items > li.menu_item{ position: relative; }
#menu .menu_items > li.menu_item .extra{ height:100%; position: absolute; top:0px; }
#menu .menu_items > li.menu_item:nth-child(2) .extra{ left:100%; }
#menu .menu_items > li.menu_item:nth-child(3) .extra{ right:100%; }
#menu .menu_items > li .posts_list_wrap{ width:auto; height:auto; max-height:calc(100vh - 103px); position: absolute; top:100%; left:0px; visibility:hidden; z-index:1; }
#menu .menu_items > li .posts_list{ padding-bottom:103px; }
#menu .menu_items > li .posts_list li{ opacity:0; visibility:hidden;
	-webkit-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0);
}
#menu .menu_items > li .posts_list li a{ padding:9px 0; }
#menu .menu_items > li.active .posts_list_wrap{ z-index:2; visibility:visible; }

#menu #pj_img{ width:452px; position: fixed; top:50%; right:109px; z-index:2; perspective: 700px; opacity: 0; visibility:hidden;
	-webkit-transform: translate3d(0,-50%,0);
	-ms-transform: translateY(-50%);
	transform: translate3d(0,-50%,0);

	-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition:         all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#menu #pj_img:after{ content: ''; display:block; padding-top:62.39%; }
#menu #pj_img img{ width:100%; height:100%; position: absolute; top:0px; left:0px; object-fit:cover; opacity:0; visibility:hidden;
	-webkit-transform: translate3d(0,50px,150px) rotateX(-30deg);
	-ms-transform: translateY(50px) translateZ(150px) rotateX(-30deg);
	transform: translate3d(0,50px,150px) rotateX(-30deg);
}
#menu.active #pj_img{ opacity:1; visibility:visible; }
#menu_bg{ width:100%; height:100%; position: fixed; top:0px; left:0px; background:#2D231B; opacity:.8; z-index:3; opacity:0; visibility:hidden;
	/* -webkit-transform: translate3d(0,-100%,0);
	-ms-transform: translateY(-100%);
	transform: translate3d(0,-100%,0); */

	-webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
	transition:         all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}
#menu .menu_btn_wrap{ padding:36.5px; margin-right: -36.5px; }
#menu #menu_btn{ width:20px; height: 18px; position: relative; }
#menu #menu_btn span{ width:16px; height:1px; position: absolute; left:0px; display: block; overflow:hidden; }
#menu #menu_btn span span{ width:100%; height:100%; background:#876833; }
#menu #menu_btn .close span span{
	-webkit-transform: translate3d(100%,0,0);
	-ms-transform: translateX(100%);
	transform: translate3d(100%,0,0);
}
#menu #menu_btn .open > span:nth-child(1){ top:0px; }
#menu #menu_btn .open > span:nth-child(2){ top:50%; }
#menu #menu_btn .open > span:nth-child(3){ bottom:0px; }
#menu #menu_btn .close > span{ width:20px; }
#menu #menu_btn .close > span:nth-child(1){ transform: translate3d(-2px,7.5px,0) rotate(45deg); }
#menu #menu_btn .close > span:nth-child(2){ transform: translate3d(-2px,7.5px,0) rotate(-45deg); }

#menu #mobile_menu_wrap{ width:100%; height:100%; padding-top:92px; position: fixed; top:0px; left:0px; z-index:2; opacity:0; visibility:hidden; 
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition:         all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#menu #mobile_menu_wrap #mobile_menu a{ font-size:23px; line-height:28px; padding:8px 0; }
#menu #mobile_menu_wrap #mobile_menu a#lang{ font-size: 21px; letter-spacing: 0.03em  }
#menu #mobile_menu_wrap #mobile_sns{ position:absolute; bottom:20px; }
#menu #mobile_menu_wrap #mobile_sns li{ margin-bottom: 5px }
#menu #mobile_menu_wrap #mobile_sns a{ padding:2px 0; }
#menu #mobile_menu_wrap #mobile_sns img{ width: 70px; margin-top: 9px; }
#menu.active #mobile_menu_wrap{ opacity: 1; visibility:visible; }

#menu.active{ height:100%; }
#menu.active .menu_items > li.active > a,
#menu.active .menu_items > li a:hover{ color:#fff; }
#menu.active .center:first-child{ background: transparent; }
#menu.active+#menu_bg{ opacity: .98; visibility:visible; }







#sns_wrap{ width:0px; height:0px; position: fixed; top:50%; right:29px; z-index:999; }
#sns{ position: absolute; white-space:nowrap; 
	-webkit-transform: translate3d(-50%,-50%,0) rotate(90deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	transform: translate3d(-50%,-50%,0) rotate(90deg);
}
#sns li{ display:inline-block; }
#sns li a{ padding:6px; }
#sns li span{ letter-spacing:-.08em; }
#sns li > div{ letter-spacing:-0.27px; line-height: 15px; width: 128px; height: 364px; background: #EDEBE5; border: 1px solid #876833; transform: rotate(-90deg); position: absolute; top: -89px; padding: 12px; font-size: 11px; white-space: normal; display: none;}
#sns li:hover > div{ display: block;}
#sns li > div:hover{ display: block;}
#sns li > div > div{ margin-top: 5px;}
#sns li > div > div:last-child{ padding-top: 5px; border-top: 1px solid #876833;}
#sns li div li{ display: block; margin-left: 12px; position: relative; margin-top: 5px;}
#sns li div li:after{ content: '-'; position: absolute; left: -12px; font-size: 16px; top: -1px;}





.main #heading{ width:100%; height:420px; position: absolute; top:0px; left:0px; padding-top: 140px; border-bottom:2px solid #e6e3dc; background:url('../images/bg.png') center center; background-size:cover; z-index:1; }


/*-------------------------*/
/*      	    		   */
/*      	Home 		   */
/*      	    		   */
/*-------------------------*/
.home .main{ padding:0px; position: relative; }
.home .main #heading{ position: relative; }
.home .main #heading p{ padding-bottom: 5px; }

#intro_video { padding-bottom: 20px }
#intro_video video { width: 100% }

#featured_project{ width:100%; padding-bottom:132px; }
#featured_project .num{ width:70.181%; padding-left:130px; }
#featured_project .num p{ padding: 60px 0 20px 0; }
#featured_project .featured_item{ padding-bottom: 40px}
#featured_project .featured_item.right .num{ padding:0px; padding-right:130px; float:right; }
#featured_project .featured_item.right .slider_wrap{ float: right; }
#featured_project .featured_item.right .slider_wrap .slider{ float: right; }
/* #featured_project .featured_item.right .slider_wrap .slider ul{ -webkit-transform: translate3d(-100%,0,0); -ms-transform: translateX(-100%); transform: translate3d(-70.181vw,0,0); } */
/* #featured_project .featured_item.right.active .slider_wrap .slider ul{ -webkit-transform: translate3d(0%,0,0); -ms-transform: translateX(0%); transform: translate3d(0vw,0,0); } */
#featured_project .featured_item .slider_outer_wrap{ width:100%; position: relative; float: left; }
#featured_project .featured_item .slider_wrap{ width:0%; position: relative; float: left; overflow: hidden; 
	-webkit-transition: all 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition:         all 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#featured_project .featured_item.active .slider_wrap{ width:70.181%; }
#featured_project .featured_item .slider_wrap .slider{ width:70.181vw; overflow:hidden; 
	-webkit-transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1);
	transition:         all 1600ms cubic-bezier(0.19, 1, 0.22, 1);
}
/* #featured_project .featured_item.active .slider_wrap .slider{ width:100%; } */
/* #featured_project .featured_item.right.active .slider_wrap .slider ul{ -webkit-transform: translate3d(-100%,0,0); -ms-transform: translateX(-100%); transform: translate3d(-100%,0,0); } */
#featured_project .featured_item .slider_wrap .slider ul{ width:70.181vw; height:100%; position: relative; white-space: nowrap; font-size:0px; line-height:0px; 
	-webkit-transition: all 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition:         all 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#featured_project .featured_item.left .slider_wrap .slider ul{ -webkit-transform: translate3d(-100%,0,0); -ms-transform: translateX(-100%); transform: translate3d(-100%,0,0); }
#featured_project .featured_item.left .slider_wrap:hover .slider ul{ -webkit-transform: translate3d(0%,0,0); -ms-transform: translateX(0%); transform: translate3d(0%,0,0); }
/* #featured_project .featured_item.right .slider_wrap .slider ul{ -webkit-transform: translate3d(-100%,0,0); -ms-transform: translateX(-100%); transform: translate3d(-100%,0,0); } */
#featured_project .featured_item.right .slider_wrap:hover .slider ul{ -webkit-transform: translate3d(-100%,0,0); -ms-transform: translateX(-100%); transform: translate3d(-100%,0,0); }
#featured_project .featured_item .slider_wrap .slider ul.flickity-enabled { -webkit-transform: translate3d(0,0,0) !important; -ms-transform: translateX(0) !important; transform: translate3d(0,0,0) !important; }
#featured_project .featured_item .slider_wrap .slider ul li{ width:100%; overflow:hidden; display:inline-block; }
#featured_project .featured_item .slider_wrap .slider ul li:before{ content: ''; display:block; padding-top:61.132%; }
#featured_project .featured_item .caption{ width:29.819%; height:100%; padding:0 60px 133px 60px; position: absolute; top:0px; right:0px; align-items: flex-end; display: flex; }
#featured_project .featured_item .caption h3{ line-height: 30px; }
#featured_project .featured_item.right .caption{ left:0px; right:auto; }
#featured_project .featured_item .description{ width:100%; padding: 65px 0 0 0; float: left; }
#featured_project .featured_item .description h3{ max-width:819px; }
#featured_project .featured_item.right .description{ padding-right:70px; }
#featured_project .featured_item.right .description h3{ float:right; }
#featured_project .featured_item.last .description{ padding-bottom:0px; }




#project_list{ width:calc(100% + 20px); margin-left:-20px; margin-top:-60px; padding-bottom:120px; }
#project_list li{ width:calc( 50% - 20px ); margin-left:20px; margin-top:60px; position: relative; float:left; overflow:hidden; }
#project_list li:before{ content: ''; display:block; padding-top:62.39%; }
#project_list li a{ width:0%; height:100%; position: absolute; top:0px; left:0px; overflow:hidden; 
	-webkit-transition: width 1600ms cubic-bezier(0.19, 1, 0.22, 1);
	transition:         width 1600ms cubic-bezier(0.19, 1, 0.22, 1);
}
#project_list li a.active{ width:100%; }
#project_list li a.ready{ width:100%; -webkit-transition:none; transition:none; }
#project_list li .info_wrap{ width:100%; height:100%; position: relative; z-index:2; opacity:0; visibility:hidden; 
	-webkit-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  	transition:         all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#project_list li:hover .info_wrap{ opacity:1; visibility:visible; }
#project_list li .info_wrap .bg{ width:100%; height:100%; background:#2D231B; position: absolute; top:0px; left:0px; z-index:1; opacity:.94; }
#project_list li .info{ width:100%; height:100%; padding:60px; position: relative; display:flex; flex-direction: column; z-index:2; }
#project_list li .info > div{ flex:1; }
#project_list li .info .title{ -webkit-transform: translate3d(-10%,0,0); -ms-transform: translateX(-10%); transform: translate3d(-10%,0,0); opacity:0; visibility:hidden; 
	-webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
	transition:         all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}
#project_list li:hover .info .title{ -webkit-transform: translate3d(0%,0,0); -ms-transform: translateX(0%); transform: translate3d(0%,0,0); opacity:1; visibility:visible; }
#project_list li .info .bot{ width:100%; display: flex; align-items: flex-end; justify-content: space-between; }
#project_list li .info .bot .date,
#project_list li .info .bot .location{ -webkit-transform: translate3d(-20%,0,0); -ms-transform: translateX(-20%); transform: translate3d(-20%,0,0); opacity:0; visibility:hidden; 
	-webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
	transition:         all 600ms cubic-bezier(0.19, 1, 0.22, 1);
}
#project_list li:hover .info .date,
#project_list li:hover .info .bot .location{ -webkit-transform: translate3d(0%,0,0); -ms-transform: translateX(0%); transform: translate3d(0%,0,0); opacity:1; visibility:visible; }
#project_list li .img{ width:calc( (100vw / 2) - 10px - 60px ); height:100%; position: absolute; top:0px; left:0px; z-index:1;
	-webkit-transform: scale(1.3) translate3d(0,0,0);
	-ms-transform: scale(1.3) translateY(0);
	transform: scale(1.3) translate3d(0,0,0);

	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}
@keyframes project-list-drift{
	from{ -webkit-transform: translateY(-15%) scale(1.3); transform: translateY(-15%) scale(1.3); }
	to{ -webkit-transform: translateY(15%) scale(1.3); transform: translateY(15%) scale(1.3); }
}
@supports (animation-timeline: view()){
	#project_list li{ view-timeline-name: --project-card; view-timeline-axis: block; }
	#project_list li .img{
		-webkit-animation: project-list-drift 1ms linear both;
		animation: project-list-drift 1ms linear both;
		animation-timeline: --project-card;
		animation-range: cover 0% cover 100%;
	}
}
@media (prefers-reduced-motion: reduce){
	#project_list li .img{ -webkit-animation: none; animation: none; }
}
#project_list li .img img{ width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; }




#single_project .reveal{
	opacity:0;
	-webkit-transform: translateY(96px);
	transform: translateY(96px);
	-webkit-transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
#single_project .reveal.reveal-in{ opacity:1; -webkit-transform: none; transform: none; }
@media (prefers-reduced-motion: reduce){
	#single_project .reveal{ opacity:1; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; }
}
#single_project{ width:100%; padding-bottom:150px; position: relative; }
#single_project #heading{ top:-103px; }
#single_project #title{ padding-top: 40px; padding-bottom:100px; }
#single_project #title h3{ padding-top: 5px;  }
#single_project #banner{ width:100%; position: relative; }
#single_project #banner:before{ content: ''; display:block; padding-top:56.25%; }
#single_project #banner img{ width:100%; height:100%; position: absolute; top:0; left:0; object-fit: cover; }
#single_project #single_project_content{ position: relative; z-index:2; }
#single_project .heading_wrap{ padding: 60px 0 20px; }
#single_project .description{ max-width: 819px; padding-bottom: 20px }
#single_project .description strong{ font-weight: 600; }
#single_project .description em{ font-style: italic; }
#single_project .info{ /*padding-bottom: 130px;*/ }
#single_project .wrap{ position: relative; }
#single_project .big_wrap{ width:70.181%; }
#single_project .small_wrap{ width: 29.819%; height:100%; padding: 0 60px 133px 60px; position: absolute; top:0px; left:0px; align-items: flex-end; display: flex; }
#single_project .small_wrap.floatR{ left:auto; right:0px; }
#single_project #gallery{ position: relative; }
/*#single_project #gallery > div:first-child{ padding-top:0px; }*/
#single_project #gallery > div{ padding-top: 100px; padding-bottom: 40px; }
/*#single_project #gallery .style_2{ padding-top: 60px; }*/
#single_project #gallery .half{ width:100%; padding: 100px 0 40px 0; }
#single_project #gallery .half:first-child{ padding-bottom:129px; }
#single_project #gallery .half > div{ width:50%; }
#single_project #gallery .half.style_3 > div:first-child{ padding-top:140px; }
#single_project #gallery .half > div .wrap{ width:60%; margin:auto; }
#single_project #gallery .half > div p{ padding-top:30px; }
#single_project #gallery .half.style_4 > div:nth-child(2){ padding-top:140px; }
#single_project #gallery .slider_wrap{ padding-top: 20px }

#single_project .slider_wrap .heading_wrap .center{ position: relative; padding:0px; padding-left:120px; }
#single_project .slider_wrap .heading_wrap.floatR .center{ padding:0; padding-right:120px; }
#single_project .slider_wrap .heading_wrap .image_des{ position: relative; min-height: 20px; }
#single_project .slider_wrap .heading_wrap .image_des li{ position: absolute; top:0px; left:0px; opacity:0; visibility:hidden; 
	-webkit-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition:         all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#single_project .slider_wrap .heading_wrap .image_des li.active{ opacity:1; visibility:visible; }
#single_project .slider_wrap .heading_wrap .image_des li .space{ padding:0 11px; letter-spacing: -.1em; }
#single_project .slider_wrap .heading_wrap .total{ position: absolute; top:0px; right:0px; }
#single_project .slider_wrap .heading_wrap.floatR .total{ right:120px; }
#single_project .slider_wrap .slider{ position: relative; overflow:hidden;white-space: nowrap; font-size: 0px; line-height: 0px; }
#single_project .slider_wrap .image{ width:100%; }
#single_project .slider_wrap .image li{ width:100%; overflow:hidden; display:inline-block; position: relative; }
#single_project .slider_wrap .image li:before{ content: ''; display: block; padding-top: 61.132%; }
#single_project .slider_wrap .image li img{ width:100%; height:100%; position: absolute; top:0; left:0; object-fit: cover; -webkit-user-drag: none; user-select: none; }
#single_project .slider_wrap .image .flickity-page-dots{ display:none; }
#single_project .slider_wrap .small_wrap{ right:0px; left:auto; padding-bottom:38px; }
#single_project .slider_wrap .small_wrap.floatL{ right:auto; left:0px; }
#single_project .slider_wrap .button{ margin-left:-30px; padding-top:26px; }
#single_project .slider_wrap .button > div{ width: 104px; height: 75px; padding: 30px; float: left; cursor: pointer; }
#single_project .slider_wrap .button .left_btn{ background:url('../images/left_arrow.svg') center center no-repeat; }
#single_project .slider_wrap .button .right_btn{ background:url('../images/right_arrow.svg') center center no-repeat; }




#profile{ width:100%; padding-bottom:154px; position: relative; }
#profile #heading{ top:-103px; }
#profile #profile_content{ width:100%; max-width: 960px; margin:auto; padding-top: 50px; position: relative; z-index: 2; }
#profile #people{ width:100%; padding-top:100px; margin-top:-100px; }
#profile #people li{ width:100%; margin-top:100px; position: relative; }
#profile #people li .img{ /*width:calc( 50% - 30px );*/ width: 50%; }
#profile #people li .img:before{ content: ''; display: block; padding-top:100%; }
#profile #people li .info{ /*width:calc(50% + 23px);*/ position: absolute; padding-left: 60px; width: 50%;
		top: 50%; left: 50%;
		-webkit-transform: translate3d(0,-50%,0);
		-ms-transform: translate3d(0,-50%,0);
		transform: translate3d(0,-50%,0);
}
/*#profile #people li .info .position{ padding-top:4px; }*/
#profile #people li .info .description{ padding-top:25px; }
#profile #awards{ width:100%; padding-top:100px; }
#profile #awards .awards_list{ width:100%; height:302px; overflow: scroll; border-top: 2px solid #876833; 
	-webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition:         all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#profile #awards ul{ display: block; margin-top: 12px; }
#profile #awards li{ display: block; padding: 20px 0 23px; border-bottom: 1px solid #D4CFBA }
#profile #awards li .awards-year{ display: inline-block; padding-top: 3px; float: right; margin-left: 30px }
#profile #awards #more{ padding:30px; margin-left:-30px; cursor: pointer; }


#contact{ height:100%; }
#contact #contact_content{ width:100%; height:calc( 50% - (103px/2) ); padding-top: 50px; position: relative; z-index:2; max-width: 1440px; margin: auto; }
#contact #map{ width:100%; height:calc( 50% + (103px/2) ); z-index: 2; }



/*-------------------------*/
/*      	    		   */
/*      	Footer 		   */
/*      	    		   */
/*-------------------------*/
.backToTop{ width:83px; height:105px; position: absolute; top:-105px; right:0px; background:url('../images/top_arrow.svg') center center no-repeat; background-size:23px; }
#footer{ width:100%; height: 380px; position: relative; background:#2D231B; color:#A3834D; }
#footer:before{ content: ''; width:100%; height:100%; position: absolute; top:0px; left:0px; background: url('../images/bg2.png') center center; background-size:cover; opacity:.12; }
#footer .center{ height:100%; }
#footer a{ color:#A3834D; }
#footer .tl{ position: absolute; top:60px; left:60px; }
#footer .tr{ position: absolute; top:60px; right:60px; }
#footer .bl{ position: absolute; bottom:60px; left:60px; }
#footer .br{ position: absolute; bottom:60px; right:60px; }
#footer .arrow{ width:100%; height:100%; position: relative; background:url('../images/right_arrow.svg') center right no-repeat; background-size: 63px 21px; }





.IE{ height:100%; overflow-y:auto; overflow-x:hidden; }
.IE body{ height:100%; overflow:scroll; overflow-x:hidden; }
.IE #featured_project .featured_item .slider_wrap{ width:70.181%; } 
.IE #menu.fixed .center:first-child{ background: #edebe6; }
.IE #menu.active .center:first-child{ background: transparent; }
.IE11 #menu .menu_items{ width:calc(100% - 120px); }


.IE9 #featured_project .featured_item .caption a,
.IE9 #single_project .small_wrap p,
.IE9 #single_project .slider_wrap .small_wrap > div,
.IE10 #featured_project .featured_item .caption a,
.IE10 #single_project .small_wrap p,
.IE10 #single_project .slider_wrap .small_wrap > div{ width:calc(100% - 120px); position: absolute; bottom:133px; } 

.IE[lang="zh"] #menu .menu_items > li:first-child{ flex-basis: 133px; }

@media screen and ( min-width: 1201px ){
	.IE9 #menu .menu_items,
	.IE10 #menu .menu_items{ width:100%; }
	.IE9 #menu .menu_items > li,
	.IE10 #menu .menu_items > li{ width:14.28%; height:100%; float: left; text-align:center; }
	.IE9 #menu .menu_items > li a,
	.IE10 #menu .menu_items > li a{ padding-top:10px; }
	.IE9 #menu .menu_items > li:first-child,
	.IE10 #menu .menu_items > li:first-child{ text-align:left; }
	.IE9 #menu .menu_items > li.last,
	.IE10 #menu .menu_items > li.last{ text-align:right; }
	.IE9 #menu .menu_items > li .posts_list_wrap,
	.IE10 #menu .menu_items > li .posts_list_wrap{ left:20%; }

}

@media screen and ( max-width: 1024px )
{

	.IE11 #menu .menu_items{ width:calc(100% - 60px); }

	h2{ font-size:27px; line-height:38px; }
	.s{ font-size:16px; line-height: 16px; }
	.show_on_desktop{ display:none !important; }
	.show_on_mobile{ display:block !important; }
	.center{ padding:0 30px; }

	.main #heading{ height: 360px; padding-top: 83px; }
	.main #title{ padding-top: 25px; }

	#menu{ height:83px; }
	#menu .center{ height:83px; }
	#menu .menu_items{ height:83px; display: block; }
	#menu .menu_items{ padding-right:20px; }
	#menu .menu_items > li.last svg{ width: 57px; height: 32px; }
	#menu .menu_btn_wrap { padding: 20px; margin-right: -20px; }
	#menu .menu_items > li { /*padding: 22px 0;*/}
	#menu .menu_items > li.last{ float: left; /*padding: 13px 0;*/ }
	#menu .menu_btn_wrap{ float: right; }

	#featured_project{ padding-bottom: 92px; }
	#featured_project .num{ width:100%; padding:0 30px; }
	#featured_project .featured_item .slider_wrap,
	#featured_project .featured_item.active .slider_wrap{ width:100%; }
	#featured_project .featured_item .slider_wrap .slider{ width:100%; }
	#featured_project .featured_item .slider_wrap .slider ul{ width:100%; 
	    -webkit-transform: translate3d(0%,0,0) !important;
		-ms-transform: translateX(0%) !important;
		transform: translate3d(0%,0,0) !important;
	}
	#featured_project .featured_item .caption{ width:auto; position: relative; padding: 20px 30px 0; }
	#featured_project .featured_item.right .caption{ float: right; }
	#featured_project .featured_item .description{ padding: 54px 0 20px; }
	#featured_project .featured_item.right .description{ padding-right:0px; }
	#featured_project .featured_item.right .num{ padding:0 30px; }

	#project_list{ width:100%; margin:0px; }
	#project_list li{ width:100%; margin-left:0px; margin-top:30px; }
	#project_list li:before{ display:none; }
	#project_list li a{ width:100%; height:auto; position: relative; }
	#project_list li .img{ width:100%; height:auto; position: relative; -webkit-transform:scale(1) translateZ(0); -ms-transform:scale(1) translateZ(0); transform:scale(1) translateZ(0); -webkit-animation:none; animation:none; }
	#project_list li .img:before{ content: ''; display: block; padding-top: 56.25%; }
	#project_list li .info_wrap{ height:auto; opacity:1; visibility:visible; }
	#project_list li .info{ padding:0px; }
	#project_list li .info .title{ padding-top: 20px; padding-bottom: 5px; }
	#project_list li .info .title,
	#project_list li .info .bot .date, 
	#project_list li .info .bot .location{ opacity:1; visibility:visible; -webkit-transform:none; -ms-transform:none; transform:none; }
	#project_list li .info_wrap .bg{ display:none; }

	#single_project .heading_wrap{ padding:39px 0; }
	#single_project #title{ padding-bottom: 96px; }
	#single_project .small_wrap{ padding: 0 30px 30px 30px; }
	#single_project .slider_wrap .heading_wrap .center{ padding:0 0 0 30px; text-align: right; }
	#single_project .slider_wrap .heading_wrap.floatR .center{ text-align: left; }
	#single_project .slider_wrap .heading_wrap p{ float: none; margin-left: -10px; display: inline-block; }

	#contact #contact_content{ padding-top:0px; }
	#contact #contact_content .big{ float:none; padding-bottom: 40px; }

	#profile #people li .info{ padding-left: 30px }

	#footer{ height: 100px; margin-top:45px; }
	#footer .tl{ top:50%; left:30px; font-size:30px; 
		-webkit-transform: translate3d(0,-50%,0); 
		-ms-transform: translate3d(0,-50%,0); 
		transform: translate3d(0,-50%,0); 
	}
	#footer .tr,
	#footer .bl,
	#footer .br{ display:none; }
}

@media screen and ( max-width: 900px ){

	.IE9 #featured_project .featured_item .caption a,
	.IE9 #single_project .small_wrap p,
	.IE9 #single_project .slider_wrap .small_wrap > div,
	.IE10 #featured_project .featured_item .caption a,
	.IE10 #single_project .small_wrap p,
	.IE10 #single_project .slider_wrap .small_wrap > div{ width:100%; position: relative; bottom:0; } 

	.IE11 #menu .menu_items{ width:calc(100% - 40px); }

	.big{ font-size: 35px; line-height: 40px; }
	h1{ font-size: 26px; line-height:36px; }
	h2{ font-size:18px; line-height:20px; }
	h3{ font-size: 18px; line-height:26px; }
	h4{ font-size: 18px; line-height:26px; }

	/*body{ font-size:15px; line-height: 20px; }*/
	.main{ padding-top: 63px; }

	.center{ padding:0 20px; }

	#menu{ height:63px; }
	#menu .menu_items{ height:63px; }
	#menu .menu_items{ padding-right:20px; }
	#menu .menu_items > li { padding: 22px 0;}
	#menu .menu_items > li.last{ padding: 13px 0; }
	#menu .menu_btn_wrap { padding: 20px; margin-right: -20px; }

	.main #heading{ height: 230px; padding-top: 63px; }
	#single_project #heading, #profile #heading{ top: -63px; }


	.home .main #heading p{ padding-bottom: 3px; font-size:16px; }

	#featured_project{ padding-bottom: 22px; }
	#featured_project .num,
	#featured_project .featured_item.right .num{ padding:0 20px; }
	#featured_project .num p{ padding: 20px 0; }
	#featured_project .featured_item .caption{ width:50%; padding:20px; }
	#featured_project .featured_item .caption h3{ font-size:16px; line-height: 21px; }
	#featured_project .featured_item .description{ padding: 20px 0 }

	#single_project{ padding-bottom: 30px; }
	#single_project #title { padding-top: 25px; padding-bottom: 50px; }
	#single_project #title h3{ font-size: 16px; padding-top: 0px; }
	#single_project .heading_wrap { padding: 18px 0; }
	#single_project .big_wrap{ width:100%; /*padding-bottom: 9px;*/ }
	#single_project .small_wrap{ width: 100%; padding: 0 30px; position: relative; display:block; }
	#single_project .small_wrap p{ width:70%; padding-top:22px; float: right; }
	#single_project .info{ /*padding-bottom: 44px;*/ }
	#single_project .description{ max-width:none; /*padding-top:12px;*/ }
	/*#single_project #gallery .style_2{ padding-top:40px; }*/
	#single_project #gallery > div{ padding-top: 40px; padding-bottom: 20px; }
	#single_project #gallery .half{ padding: 40px 0 20px 0; }
	#single_project #gallery .half.style_3>div:first-child{ padding-top: 0; }
	/*#single_project #gallery .half.style_4{ padding:80px 0 60px; }*/
	#single_project #gallery .half.style_3>div:nth-child(2),
	#single_project #gallery .half.style_4>div:nth-child(2){ padding-top: 60px; }
	#single_project #gallery .half > div:first-child{ width:100%; padding:0px; /*padding-bottom: 25px;*/ }
	#single_project #gallery .half > div:nth-child(2) img{ width: 50%; float: left; }
	#single_project #gallery .half > div:nth-child(2) p{ width: 50%; position: absolute; right: 0; top: 50%;
		-webkit-transform: translate3d(0,-50%,0);
		-ms-transform: translate3d(0,-50%,0);
		transform: translate3d(0,-50%,0);
	}
	#single_project #gallery .half.style_4>div:nth-child(2) p{ position: relative; width: 100%; top: auto;
		transform: none;
		-ms-transform: none; 
		-webkit-transform: none;
	}
	#single_project #gallery .half.style_4>div:nth-child(2) img{ float: none; width: 100%}

	#single_project #gallery .half > div{ width:100%; }
	#single_project #gallery .half > div .wrap{ width:100%; }
	#single_project #gallery .half > div p{ width: 60%; padding: 20px 20px 0 20px; }
	#single_project .slider_wrap .image .flickity-page-dots{ padding: 20px 0 0; text-align: center; display:block; }
	#single_project .slider_wrap .image .flickity-page-dots li{ width:8px; height:8px; border:1px solid #8D6F3D; margin:0 6px; }
	#single_project .slider_wrap .image .flickity-page-dots li:before{ display:none; }
	#single_project .slider_wrap .image .flickity-page-dots li.is-selected{ background:#2D231B; border-color:#2D231B; }
	#single_project .slider_wrap .heading_wrap .center{ padding:0 20px; text-align: center; }
	#single_project .slider_wrap .heading_wrap.floatR .center{ text-align: center; padding:0px; }
	#single_project .slider_wrap .heading_wrap .image_des li .space{ padding: 0 8px; }
	#single_project .slider_wrap .heading_wrap p{ margin-left: -4px; }
	#single_project .slider_wrap .heading_wrap .image_des{ width: 65px; display: inline-block; }
	#single_project .slider_wrap .heading_wrap .image_des li span:nth-child(1){ width: 20px; }
	#single_project .slider_wrap .heading_wrap .image_des li span:nth-child(3){ display:none; }
	#single_project .slider_wrap .heading_wrap .image_des li .space{ padding: 0 16px; }
	#single_project .slider_wrap .heading_wrap .total{ position: relative; }
	#single_project .slider_wrap .heading_wrap.floatR .total{ right:auto;  }
	#single_project .slider_wrap .small_wrap{ padding: 20px }

	#profile{ padding-bottom: 44px; }
	#profile #profile_content{ padding-top: 22px; }
	#profile #profile_content > h3{ font-size:20px; line-height:30px; }
	#profile #people{ padding-top:30px; margin-top:-30px; }
	#profile #people li{ margin-top: 40px; }
	#profile #people li .info .position{ padding:0px; }
	#profile #people li .info h3{ line-height: 20px; }
	#profile #people li .info .description{ padding-top: 4px; /*font-size:13px; line-height: 18px;*/ }
	#profile #awards{ padding-top: 40px; }

	#contact #contact_content{ height: auto; /*height:calc( 100vh - 80px - 190px );*/ padding-top: 38px; padding-bottom:60px; }
	#contact #map{ height: calc(50vh - 60px); }
	/*#contact #contact_content{ height:calc( 50vh - 80px ); padding-top:22px; }*/
	/*#contact #contact_content .big{ padding-bottom: 90px; }*/
	/*#contact #map{ height: 50vh; }*/

	#footer{ height:70px; }
	#footer .tl{ font-size:20px; }
	#footer .arrow{ background-size:43px; }
	.backToTop{ width:63px; height:65px; top:-65px; background-size:18px; }
}


@media screen and ( max-width: 690px ){
	#featured_project .featured_item{padding-bottom: 0;}
	#profile #people li .img{ width:100%; }
	#profile #people li .info{ width:100%; padding-top: 20px; padding-left: 0; position: relative; left: auto; top: auto;
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
	}
}