/*
Author: W3layout
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
p {margin: 0;}
html, body{
   font-family: 'Roboto Condensed', sans-serif;
   font-size: 100%;
   background:#fff; 
}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.header_left{
	padding: 3em 5em 0em 10em;
	background: #e9eae2;
	min-height:520px;
}
.headerleft_grid{
	float:left;
}
.chair {
	float: right;
}
.chair span {
	width: 541px;
	height: 470px;
	display: block;
	background: url(../images/chair.png) no-repeat 0px 40px;
}
ul.social {
	padding: 0;
	list-style: none;
	margin-top:3em;
}
ul.social li:first-child {
	margin-left: 0;
}
ul.social li {
	display: inline-block;
	margin-right: 5px;
}
ul.social li a i {
	width: 30px;
	height: 35px;
	display: block;
	background: url(../images/img-sprite.png)no-repeat;
}
ul.social li a i:hover{
	opacity:0.8;
}
ul.social li a i.fb {
	background-position:-3px -6px;
}
ul.social li a i.tw {
	background-position:-42px -6px;
}
ul.social li a i.linked {
	background-position:-85px -4px;
}
ul.social li a i.google {
	background-position:-126px -7px;
}
.header_right {
	background: url(../images/menu_bg.jpg) no-repeat center top;
	background-size: 100% 100%;
	min-height:520px;
}
.menu{
	text-align:center;
	padding-top:3em;
}
/*-----stat-header----*/
/*--//header-welcome-note--*/
.box{
	position: absolute;
	top: -1200px;
	width: 100%;
	color: #7F7F7F;
	margin: auto;
	padding: 0px;
	z-index: 999999;
	right: 12.5em;
	margin-top: 3.2em;
}
a.boxclose{
	cursor: pointer;
	text-align: center;
	display: block;
	position: absolute;
	top: 2.5em;
	right: 2em;
}
.box_content_center{
	background:#f8c255;
	text-align: left;
}
.menu_box_list{
	display: inline-block;
	padding:6% 0;
}
.menu_box_list ul{
	padding:0;
}
.menu_box_list ul li {
	display: inline-block;
}
.menu_box_list li a{
	color: #FFF;
	font-size: 0.85em;
	display: block;
	margin: 1.4em 1em;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	letter-spacing: 0.1em;
	font-weight: normal;
}
.menu_box_list li a:hover{
	color:#000000;
	text-decoration:none;
}
.menu_box_list li a > i > img{
	vertical-align:middle;
	padding-right:10px;
}
ul.nav_address{
	padding: 0;
	list-style: none;
	margin: 5em 0 0 4em;
}
ul.nav_address li, ul.nav_address1 li{
	font-size: 0.8125em;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
}
ul.nav_address1 li a{
	color:#fff;
}
ul.nav_address1{
	padding: 0;
	list-style: none;
	margin: 2em 0 0 9em;
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/*--projects--*/
.projects{
	padding:0;
}
.project_left {
	background: url(../images/project_bg.jpg) no-repeat center top;
	padding-top: 12em;
	background-size: 100% 100%;
	min-height: 520px;
}
ul.project_nav {
	padding: 0;
	list-style: none;
	margin:0em 0 0 8em;
}
ul.project_nav li a {
	font-size: 0.8125em;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
}
ul.project_nav li a:hover{
	color:#000;
	text-decoration:none;
}
h1.project_head{
	text-transform: uppercase;
	color: #fff;
	font-size: 3em;
	float: right;
	margin:0.5em 1.5em 0 0;
}
.project_middle{
	background:#fff;
	min-height: 520px;
	padding:0;
}
.fundue_right{
	width: 541px;
	height:520px;
	display: block;
	background: url(../images/fundue.jpg) no-repeat 240px 0px;
}
.fundue_left{
	float:left;
	padding:4em 0 0 4em;
}
ul.fundue_list, ul.louis_list{
	padding:0;
	list-style:none;
	float:left;
}
ul.fundue_list li, ul.caption_left li, ul.fiji_list li, ul.sessan_grid li{
	font-size:0.8125em;
	text-transform:uppercase;
	color:#555;
	font-weight:600;
}
ul.fundue_list li.view{
	margin-top:4.5em;
}
ul.fundue_list li.view a{
	font-size:1.3em;
	font-weight:300;
	color:#555;
}
ul.fundue_list li.view a:hover{
	text-decoration:none;
	color:red;
}
ul.fundue_list li.heart{
	margin: 8em 0 0 5em;
}
ul.fundue_list li.heart a, ul.louis_list li.heart_louis a, ul.caption_right li.caption_heart a, ul.fiji_list li.fiji_heart a, ul.session_heart a{
	font-size:0.85em;
	font-weight:300;
	color:red;
}
ul.fundue_list li.view img, ul.louis_list li.louis_link img, ul.caption_right li.caption_view img, ul.fiji_list li.fiji_view img, ul.session_view img{
	margin-right: 0.5em;
	vertical-align: sub;
}
ul.fundue_list h3, .caption_left h3, .fiji_list h3, ul.sessan_grid h3{
	color: #555;
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight:300;
}
span.put-left{
	font-weight:300;
}
.potter{
	background:#dfe0d9;
}
ul.potter_left{
	padding: 2em 0 0 3em;
	float:left;
	width:40%;
}
.potter_right {
	float: right;
	width:60%;
}
ul.fundue_list li.potter {
	margin-top:1em;
}
ul.fundue_list li.p_heart{
	margin:2em 0 1em 5em;
}
.louis_left{
	background: url(../images/louis.jpg) no-repeat center top;
	padding: 3em 0 0 2em;
	background-size:100% 100%;
	min-height: 520px;
}
.louis_right{
	background: url(../images/louis_right.jpg) no-repeat center top #eaeaea;
	padding-top:5em;
	min-height: 520px;
}
ul.louis_list li{
	font-size:0.8125em;
	text-transform:uppercase;
	color:#fff;
	font-weight:600;
}
ul.louis_list h3{
	color: #fff;
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight:300;
}
ul.louis_list li.louis_link a{
	font-size:1.3em;
	text-transform:uppercase;
	color:#fff;
	font-weight:300;
}
.project-info.info2 {
	padding:2em;
}
.project-info.info3 {
	padding:0;
}
ul.louis_list li.louis_link {
	margin-top:2em;
}
ul.louis_list li.heart_louis {
	margin:2em 0 0 5em;
}
.caption{
	float: left;
	margin-left:18em;
}
ul.caption_left{
	padding:0;
	list-style:none;
	float:left;
	margin-right: 3em;
}
ul.caption_right{
	padding:0;
	list-style:none;
	float:left;
}
ul.caption_right li.caption_view{
	text-transform:uppercase;
}
ul.caption_right li.caption_view a{
	font-size:1em;
	font-weight:300;
	color:#555;
}
ul.caption_right li.caption_view a:hover{
	text-decoration:none;
	color:red;
}
ul.caption_right li.caption_heart{
	margin:1em 0 0 4em;
}
.content_right{
	padding:0;
}
.tabano {
	background: url(../images/tabano.jpg) no-repeat center top #f7f7f3;
	padding: 23em 4em 0;
	min-height: 500px;
}
.fiji {
	background: url(../images/fiji.jpg) no-repeat center top #fff;
	min-height: 281px;
	background-size: 100%;
}
ul.fiji_list{
	padding: 0;
	list-style: none;
	float: left;
	margin: 3em 0 0 17em;
}
ul.fiji_list li.fiji_view{
	margin-top:2em;
}
ul.fiji_list li.fiji_view a{
	font-size: 1.3em;
	font-weight: 300;
	color: #555;
}
ul.fiji_list li.fiji_view a:hover{
	color:red;
	text-decoration:none;
}
ul.fiji_list li.fiji_heart{
 	margin: 1em 0 0 4em;
}
.sessan_left {
	background: url(../images/sessan.jpg) no-repeat center top #fcfcfc;
	padding: 3em 0 0 2em;
	background-size:100%;
	min-height:300px;
}
.sessan_box{
	margin:9em 0 0 7em;
}
ul.sessan_grid{
	padding: 0;
	list-style: none;
	float: left;
}
ul.session_view{
	float:left;
	padding: 0;
	list-style: none;
	margin: 0 3em;
}
ul.session_view a {
	font-size: 1.1em;
	font-weight: 300;
	color: #555;
	text-transform:uppercase;
}
ul.session_view a:hover{
	text-decoration:none;
	color:red;
} 
ul.session_heart{
	float:left;
	padding: 0;
	list-style: none;
}
.alessi {
	background: url(../images/alessi.jpg) no-repeat center top #cecece;
	padding:0;
	background-size:100%;
	min-height:300px;
} 
ul.alessi_list{
	margin:5em 0 0 11em;
}
.timeline{
	background: url(../images/timeline.jpg) no-repeat center top;
	padding-top:3em;
	background-size: 100% 100%;
	min-height:300px;
}
ul.timeline_grid{
	padding:0;
	list-style:none;
	margin: 0em 0 0 6em;
}
ul.timeline_grid li a{
	font-size: 0.8125em;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
}
ul.timeline_grid li a:hover{
	color:#000;
	text-decoration:none;
}
ul.timeline_grid li{
	line-height:1em;
}
ul.timeline_grid h4{
	color:#000;
	font-size:1em;
	text-transform:uppercase;
}
/*--studio--*/
.studio {
	background: url(../images/studio.jpg) no-repeat;
	padding-top: 5em;
	min-height:574px;
	background-size:100% 100%;
}
h2.studio_head {
	text-transform: uppercase;
	color: #fff;
	font-size: 3em;
	float: left;
	margin:5em 0 0 5em;
} 
.studio_right{
	background:#e9eae2;
	padding:5em 12em 5em 5em;
}
.col_1_of_middle:first-child {
	margin-left: 0;
}
.col_1_of_middle {
	display: block;
	float: left;
	margin: 0 0 0 6.6%;
}
.span_1_of_middle {
	width: 46.7%;
}
.span_1_of_middle h4{
	color: #000;
	font-size: 1.1em;
	margin-bottom: 5%;
	font-style: italic;
	line-height: 1.1em;
	font-weight: 500;
}
.span_1_of_middle p{
	color:#000;
	font-size:1.1em;
	margin-bottom: 5%;
	line-height: 1.1em;
	font-weight:300;
}
img.zoom-img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
img.zoom-img:hover {
	-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
.mask1 {
	text-decoration: none;
	overflow: hidden;
	display: block;
}
.middle_lists {
	margin-top: 2em;
}
ul.list {
	float: left;
	width: 40%;
	padding: 0;
	list-style: none;
	text-align: left;
}
ul.list li, ul.list1 li {
	color: #000;
	font-size: 0.8125em;
	line-height: 1.5em;
	text-transform: uppercase;
	font-weight:400;
}
ul.list1 {
	float: right;
	width: 40%;
	padding: 0;
	list-style: none;
	text-align: left;
}
.middle_lists h5{
	color: #000;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	border-bottom: 1px solid #C9C9C9;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.staff{
	background:#e9eae2;
	padding:5em 0;
}
.staff1 h4{
	color:#000;
	font-size:1em;
	text-transform:uppercase;
	font-weight:600;
} 
.staff1 p{
	color: #555;
	font-size: 0.85em;
	line-height: 1.8em;
	font-weight: 300;
	margin-bottom:1em;
}
.container_wrap{
	margin:0 auto;
	width:77%;
}
.staff2 h3{
	font-size: 0.85em;
	font-weight: 600;
	text-transform: uppercase;
	margin: 20px 0 0 0;
}
.staff2 h3 a{
	color:#000;
}
 .staff2 h3 a:hover{
	 color:red;
	 text-decoration:none;	
}
.staff2 p{
	color:#000;
	font-size:0.8125em;
	font-weight:500;
	text-transform:uppercase;
}
ul.staff_list{
	padding:0;
	list-style:none;
	margin-top: 1em;
}
ul.staff_list li.staff_cv{
	float:left;
	color:#fd5000;
	font-size: 1em;
}
ul.staff_list li.staff_cv img{
	margin-left: 0.3em;
	vertical-align: sub;
}
ul.staff_list li.staff_social{
	float:right;
}
ul.s_social{
	padding:0;
	list-style:none;
}
ul.s_social li{
	display:inline-block;
}
ul.s_social li a i{
	width:20px;
	height:20px;
	display: block;
	background: url(../images/img-sprite.png)no-repeat;
}
ul.s_social li a i.fb1 {
	background-position:-173px -16px;
}
ul.s_social li a i.tw1 {
	background-position:-198px -17px;
}
ul.s_social li a i.linked1 {
	background-position:-231px -17px;
}
ul.s_social li a i.google1 {
	background-position:-261px -17px;
}
ul.s_social li a i:hover{
	opacity:0.6;
}
.view {
   overflow: hidden;
   position: relative;
   cursor: default;
}
.view .mask,.view .content {
   position: absolute;
	overflow: hidden;
	top: 40px;
	left: 0;
}
p.popup_desc{
	margin-top:20px;
}
.info {
   display: inline-block;
   text-decoration: none;
   padding:20px 10px;
   background:#fd5000;
   color: #fff;
   text-transform: uppercase;
   float:left;
}
.info:hover {
   background:#f8c255;
}
.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
   background-color:#6CC372;
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.8);
	margin: 20px 0 0 0;
	float:left;
}
/*--news--*/
.news_left {
	background: url(../images/news.jpg) no-repeat;
	padding-top: 5em;
	min-height: 574px;
	background-size: 100% 100%;
}
.news_right{
	background:#e5e9df;
	padding: 5em 12em 5em 5em;
}
.span_1_of_middle h3 {
	color: #000;
	font-size: 1.5em;
	margin-bottom:0;
	text-transform:uppercase;
	line-height: 1.1em;
	font-weight:800;
}
.date{
	margin-bottom:1em;
}
time {
	color: #777;
	font-size: 0.85em;
	font-weight: 400;
}
p.news_desc{
	color: #777;
	font-size: 0.85em;
	line-height: 1.8em;
	text-align: justify;
	margin: 1.5em 0 0 0;
	font-weight: 400;
}
.btn1 {
	display: inline-block;
	color:#fd5000;
	font-size:0.85em;
	float:right;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 10px;
}
.btn1:hover{
	text-decoration:none;
	color:#000;
}
/*--footer--*/
.footer_right{
	padding:7em 12em 2em 7em;
	background:#e9eae2;
}
.footer_left{
	padding:0;
}
.map iframe {
	min-height:570px;
	width: 100%;
	border: none;
}
.address{
	float:left;
	margin-right:7em;
}
.contact_logo {
	overflow: hidden;
}
.address p {
	color: #000;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 16px;
	font-style: normal;
	text-transform: uppercase;
}
.address dd {
	color: #000;
	font-size: 13px;
	line-height: 20px;
	text-transform: uppercase;
}
.copy {
	margin-top: 3em;
}
.copy p{
	font-size:0.85em;
	color:#000;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url(../images/top.png) no-repeat 0px 0px;
}
/*--media quires--*/
@media (max-width:1366px){
.chair span {
	width: 470px;
	height: 469px;
	display: block;
	background: url(../images/chair.png) no-repeat 0px 78px;
	background-size: 100%;
}
.box {
	right: 10em;
	margin-top: 3.2em;
}
.menu_box_list li a {
	font-size: 0.85em;
	margin: 1.8em 0.7em;
}
ul.caption_left {
	margin-right: 2em;
}
.caption {
	margin-left: 15em;
}
.tabano {
	padding: 22em 4em 0;
	min-height: 482px;
}
ul.alessi_list {
	margin: 5em 0 0 9.5em;
}
p.s_desc {
	display: none;
}
.studio {
	min-height: 561px;
}
.view .mask, .view .content {
	top: 28px;
}
.news_left {
	min-height: 560px;
}
.footer_right {
	padding: 6em 5em 2em 6em;
}
.fundue_right {
	background: url(../images/fundue.jpg) no-repeat 194px 0px;
}
ul.project_nav {
	margin: 0em 0 0 6em;
}
}
@media (max-width:1280px){
.chair span {
	width: 414px;
	height: 400px;
	display: block;
	background: url(../images/chair.png) no-repeat 0px 50px;
	background-size: 100%;
}
a.boxclose {
	right: 10PX;
}
ul.project_nav {
	margin: 0em 0 0 5em;
}
h1.project_head, h2.studio_head{
	font-size: 2.5em;
}
.fundue_left {
	padding: 3em 0 0 3em;
}
.tabano {
	padding: 22em 3em 0;
}
ul.fiji_list {
	margin: 2em 0 0 15em;
}
.fiji {
	min-height: 257px;
}
.studio_right {
	padding: 4em 12em 5em 4em;
}
.studio {
	min-height: 578px;
}
.news_left {
	min-height: 593px;
}
.address {
	margin-right: 5em;
}
.map iframe {
	min-height: 553px;
}
}
@media (max-width:1024px){
.header_left {
	padding: 2em 2em 0em 5em;
	min-height:400px;
}
.chair span {
	width: 355px;
	height: 352px;
	display: block;
	background: url(../images/chair.png) no-repeat 0px 20px;
	background-size: 100%;
	min-height: 342px;
}	
ul.social {
	margin-top: 1em;
}
.menu img {
	width: 60px;
}
a#boxclose img {
	width: 20px;
}
.menu_box_list {
	padding:0;
}
.menu_box_list li a {
	font-size: 0.8125em;
	margin: 18px 5px;
}
a.boxclose {
	right: 4PX;
	top: 12px;
}
.box {
	right: 8.5em;
	margin-top: 3.1em;
}
.menu{
	padding-top:2em;
}
.header_right {
	min-height: 400px;
}
ul.nav_address {
	margin: 4em 0 0 3em;
}
ul.nav_address1 {
	margin: 1em 0 0 8em;
}
ul.project_nav {
	margin: 0em 0 0 3em;
}
h1.project_head, h2.studio_head {
	font-size: 2em;
}
.fundue_right {
	width: 380px;
	height: 440px;
	display: block;
	background: url(../images/fundue.jpg) no-repeat 177px 0px;
	background-size: 41%;
}
.fundue_left {
	padding: 2em 0 0 2em;
}
.project_left {
	padding-top: 9em;
	min-height: 470px;
}
.project_middle {
	min-height: 470px;
}
ul.potter_left {
	padding: 1em 0 0 1em;
}
ul.fundue_list li.view a {
	font-size: 1.1em;
}
.louis_left {
	padding: 2em 0 0 1em;
	min-height:450px;
}
.caption {
	margin-left:6em;
}
.louis_right {
	min-height: 450px;
}
.tabano {
	padding: 21em 1em 0;
}
ul.caption_left {
	margin-right: 1em;
}
ul.fiji_list {
	margin: 1em 0 0 10em;
}
.fiji {
	min-height: 213px;
}
ul.fiji_list li.fiji_view {
	margin-top: 1em;
}
.tabano {
	padding: 21em 1em 0;
	min-height: 452px;
}
.sessan_box {
	margin: 5em 0 0 3em;
}
ul.fundue_list h3, .caption_left h3, .fiji_list h3, ul.sessan_grid h3, ul.louis_list h3{
	font-size: 1.3em;
}
ul.session_view a{
	font-size:0.85em;
}
ul.fiji_list {
	margin: 1em 0 0 5em;
}
.sessan_left, .alessi {
	min-height: 260px;
}
.timeline {
	padding-top: 2em;
	min-height: 260px;
}
ul.timeline_grid {
	margin: 0em 0 0 3em;
}
.studio{
	min-height:404px;
}
h4.s_desc1 {
	display: none;
}
.studio_right {
	padding: 3em 7em 2.5em 3em;
}
p.staff_desc{
	display:none;
}
.staff{
	padding:5em 0;
}
.view .mask, .view .content {
	top: 11px;
}
.news_left {
	min-height:480px;
}
.news_right {
	padding: 3em 6em 3em 3em;
}
.span_1_of_middle h3 {
	font-size: 1.1em;
}
.footer_right {
	padding: 2em 3em 1em 2em;
}
.address {
	margin-right: 2em;
}
.map iframe {
	min-height: 447px;
}
}
@media (max-width:800px){
.box_content_center {
	text-align: center;
}
.box {
	right:11em;
	margin-top: 2.1em;
}
.menu_box_list li a {
	margin: 18px 10px;
}
ul.nav_address1 {
	margin: 1em 0 0 16em;
}
ul.nav_address {
	margin: 1em 0 0 12em;
}
.project_left {
	padding-top:3em;
	min-height: 300px;
}
ul.project_nav {
	margin: 0em 0 0 16em;
}
h1.project_head {
	margin: 0.5em 7.5em 0 0;
}
.headerleft_grid img {
	width: 150px;
}
.header_right {
	min-height: 300px;
}
.fundue_right {
	width: 380px;
	height:302px;
	display: block;
	background: url(../images/fundue.jpg) no-repeat 0 0px;
	background-size: 41%;
	float: right;
}
ul.fundue_list li.view {
	margin-top: 2.5em;
}
ul.fundue_list li.heart {
	margin:2em 0 0 4em;
}
.project_middle {
	min-height: 305px;
}
.caption {
	margin-left: 20em;
}
.sessan_left, .alessi {
	min-height:330px;
}
.sessan_box {
	margin: 10em 0 0 7em;
}
ul.fiji_list {
	margin: 1em 0 0 24em;
}
.fiji {
	min-height: 260px;
	background-size: inherit;
}
ul.timeline_grid {
	margin: 0em 0 0 10em;
}
.studio {
	min-height: 300px;
}
h2.studio_head {
	margin: 3em 0 0 10em;
}
.container_wrap {
	margin: 0 auto;
	width: 90%;
}
.view .mask, .view .content {
	top: 45px;
}
.col-md-3.staff2, .col-md-3.staff1{
	margin-bottom: 2em;
}
.staff {
	padding: 1em 0;
}
.news_left {
	min-height: 300px;
}
.map iframe {
	min-height: 300px;
}
.footer_right {
	padding: 2em 3em 1em 3em;
	margin-top: -5px;
}
.address {
	margin-right: 10em;
}
.louis_left {
	min-height: 400px;
}
a.boxclose {
	right: 15PX;
	top: 14px;
}
}
@media (max-width:640px){
ul.nav_address {
	margin: 1em 0 0 9em;
}
ul.nav_address1 {
	margin: 0em 0 0 14em;
}
ul.project_nav {
	margin: 0em 0 0 13em;
}
h1.project_head {
	margin: 0.5em 6em 0 0;
}
.caption {
	margin-left: 15em;
}
.louis_right {
	min-height: 418px;
	padding-top: 4em;
}
.sessan_box {
	margin: 8em 0 0 6em;
}
.sessan_left, .alessi {
	min-height: 290px;
}
ul.timeline_grid {
	margin: 0em 0 0 8em;
}
h2.studio_head {
	margin: 3em 0 0 8em;
}
.span_1_of_middle h3 {
	font-size: 1em;
}
.box {
	right:5em;
}
}
@media (max-width:480px){
.header_left {
	padding: 1em 1em 0em 1em;
	min-height:260px;
}
.headerleft_grid img {
	width: 110px;
}
.chair span {
	width: 260px;
	height: 230px;
	display: block;
	background: url(../images/chair.png) no-repeat 0px 20px;
	background-size: 90%;
	min-height:230px;
}
.box {
	right:3em;
}
ul.nav_address {
	margin: 2em 0 0 4em;
}
ul.nav_address1 {
	margin: 0em 0 0 9em;
}
ul.project_nav {
	margin: 0em 0 0 8em;
}
h1.project_head {
	margin: 0.5em 3em 0 0;
}
.fundue_left {
	padding: 2em 0 0 1em;
}
.fundue_right {
	width: 236px;
	height: 300px;
	display: block;
	background: url(../images/fundue.jpg) no-repeat 0 0px;
	background-size: 64%;
	float: right;
}
.caption {
	margin-left: 8em;
}
.louis_right {
	min-height: 300px;
	padding-top: 3em;
	background-size: cover;
}
.sessan_box {
	margin: 5em 0 0 1em;
}
.sessan_left, .alessi {
	min-height: 240px;
}
ul.fiji_list {
	margin: 1em 0 0 14em;
}
ul.fundue_list li.view {
	margin-top: 1.5em;
}
ul.fundue_list li.heart {
	margin: 1em 0 0 4em;
}
.tabano {
	padding:20em 1em 0;
	min-height:500px;
}
ul.timeline_grid {
	margin: 0em 0 0 5em;
}
h2.studio_head {
	margin: 3em 0 0 6em;
}
.studio_right {
	padding:1em;
}
.container_wrap {
	margin: 0 auto;
	width: 97%;
}
.news_right {
	padding: 1em;
}
.footer_right {
	padding: 1em;
}
.address {
	margin-right: 3em;
}
.contact_logo img {
	width: 120px;
}
}
@media (max-width:320px){
.headerleft_grid img {
	width: 75px;
}
ul.social {
	display: none;
}
.chair span {
	width: 150px;
	height: 140px;
	display: block;
	background: url(../images/chair.png) no-repeat 0px 20px;
	background-size: 99%;
	min-height: 140px;
}
.header_left {
	min-height: 140px;
}
.box {
	right:0em;
}
.menu_box_list ul li {
	display: block;
}
ul.nav_address {
	margin: 2em 0 0 0em;
}
ul.nav_address1 {
	margin: 0em 0 0 6em;
}
ul.project_nav {
	margin: 0em 0 0 2em;
}
h1.project_head {
	margin: 0.5em 2em 0 0;
	font-size: 1.5em;
}
.project_left {
	padding-top: 2em;
	min-height: 230px;
}
.caption {
	margin-left: 7em;
}
.sessan_box {
	margin: 2em 0 0 0em;
}
ul.fiji_list {
	margin: 1em 0 0 9em;
}
ul.fundue_list li.view a {
	font-size: 1em;
}
.timeline {
	padding-top: 1em;
	min-height: 170px;
}
ul.timeline_grid {
	margin: 0em 0 0 1em;
}
.studio {
	min-height:200px;
}
h2.studio_head {
	margin: 1em 0 0 6em;
	font-size: 1.5em;
}
.span_1_of_middle {
	width: 100%;
}
.col_1_of_middle {
	float:none;
	margin: 0;
}
.view .mask, .view .content {
	top:38px;
}
.news_left {
	min-height: 190px;
}
.map iframe {
	min-height: 200px;
}
.address {
	margin-right: 0;
	float: none;
}
.copy {
	margin-top: 1em;
}
.fundue_right {
	width: 170px;
	height: 217px;
	display:block;
	background: url(../images/fundue.jpg) no-repeat 0px 0px;
	background-size: 64%;
	float:right;
}
}
