/* @override http://sjb.com.au/css/style.css?ver=4.4 */

/* @override http://sjb.com.au/css/style.css?ver=3 */

/* CSS Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
abbr{ border-bottom:1px #000 dotted;}
cite{ font-style:italic;}
em{ font-style:italic;}
strong{ font-weight:bold;}
img{ vertical-align:top;}
.cl, .clear{ clear:both; font-size:0;}


/* Generic Styling */
a{ color:#000; text-decoration:none;}
a:hover{ text-decoration:none; }


html{ background:#f2f2f2; overflow-y:scroll; }
body{ font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; background:#ede9e9;}
#wrapper { width:1200px; position:relative; margin:0 auto; overflow:hidden; }

/* Header */
#header { width:100%; float:left; position:relative; }
.nav {  float:left; }
	.nav li { width:130px; height:20px; border:5px solid #fff; margin-right:10px; float:left; position:relative; z-index: 2; -webkit-transition: border 0s ease-in-out, color 0s ease-in-out; -moz-transition: border 0s ease-in-out, color 0s ease-in-out; transition: border 0s ease-in-out, color 0.3s ease-in-out; }
		.nav li.base-li:hover{border:5px solid #7f7f7d; background-color:#7f7f7d; -webkit-transition: border 0s ease-in-out, color 0s ease-in-out; -moz-transition: border 0s ease-in-out, color 0s ease-in-out; transition: border 0s ease-in-out, color 0s ease-in-out; }
		.nav li.base-li:hover > a{background-color:#7f7f7d; -webkit-transition: border 0s ease-in-out, color 0s ease-in-out; -moz-transition: border 0s ease-in-out, color 0s ease-in-out; transition: border 0s ease-in-out, color 0s ease-in-out; }
		.nav li.base-li.sfHover{border:5px solid #7f7f7d; background-color:#7f7f7d; -webkit-transition: border 0s ease-in-out, color 0s ease-in-out; -moz-transition: border 0s ease-in-out, color 0s ease-in-out; transition: border 0s ease-in-out, color 0s ease-in-out; }
		.nav li.base-li.sfHover > a{background-color:#7f7f7d; -webkit-transition: border 0s ease-in-out, color 0s ease-in-out; -moz-transition: border 0s ease-in-out, color 0s ease-in-out; transition: border 0s ease-in-out, color 0s ease-in-out; }
		.nav li.on.base-li{border:5px solid #7f7f7d;background-color:#7f7f7d; -webkit-transition: border 0s ease-in-out, color 0s ease-in-out; -moz-transition: border 0s ease-in-out, color 0s ease-in-out; transition: border 0s ease-in-out, color 0s ease-in-out; }
		.nav li.last-item { margin-right:0; }
		.nav li a { font-weight:bold; font-size:15px; color:#000; display:block; line-height:20px; background:#FFF; text-indent:1px; }
			.nav>li>a:hover, .nav>li.sfHover>a, .nav>li.on>a { background:#7f7f7d; }
			.nav ul { display:none; position:absolute; top:20px; top:25px; left:-5px; border-bottom:5px solid #fff; border-left:5px solid #fff; border-right:5px solid #fff; width:130px; }
				.nav ul li { border:0 none; border-bottom:1px solid #4b4b4b; }
					.nav ul li a { font-weight:normal; position:relative; text-indent:17px; background:#fff; }
						.nav ul li a span { display:inline-block; text-indent:-99999px; width:13px; height:13px; background:url(../images/small_icons.png); position:absolute; top:5px; left:0;}
					.nav ul li.sub0 a:hover { background:#7f7f7d; }
						.nav ul li.sub0 a span { background-image: url(/images/sjb_nav_t1.png); background-position: -17px -2px; }
						.nav ul li.sub0 a:hover span { background-position:0px -2px; }
					.nav ul li.sub1 a:hover { background:#8aaaa8; }
						.nav ul li.sub1 a span { background-position:-17px 0px; }
						.nav ul li.sub1 a:hover span { background-position:0px 0px; }
					.nav ul li.sub2 a:hover { background:#98834f; }
						.nav ul li.sub2 a:hover span { background-position:0 -24px; }
						.nav ul li.sub2 a span { background-position:-17px -24px; }

/* 					.nav ul li:first-child a span {background-position:-17px -12px;} */

					.nav ul li.sub3 a:hover { background:#9ba390; }
						.nav ul li.sub3 a:hover span { background-position:0 -12px; }
						.nav ul li.sub3 a span { background-position:-17px -12px; }
					.nav ul li.sub4 a:hover { background:#627d89; }
						.nav ul li.sub4 a span { background-position:-17px -36px; }
						.nav ul li.sub4 a:hover span { background-position:0 -36px; }


					.nav ul li.subRes a:hover { background:#7f7f7d; }
						.nav ul li.subRes a span { margin-top: -1px; background-position:50% 50%; background-image: url(/images/sjb_thinking_dots.png); }
						.nav ul li.subRes a:hover span { background-position:50% 50%;}


					.nav ul li.subNews a:hover { background:#7f7f7d; }
						.nav ul li.subNews a span { margin-top: -1px; background-position: bottom center;  background-image: url(/images/sjb_thinking_dots.png);  }
						.nav ul li.subNews a:hover span { background-position: bottom center; }

					.nav ul li.subBlog a:hover { background:#7f7f7d; }
						.nav ul li.subBlog a span { margin-top: -1px; background-position: top center;  background-image: url(/images/sjb_thinking_dots.png);  }
						.nav ul li.subBlog a:hover span { background-position: top center; }

			.sf-sub-indicator { display:none; }
#header_area { width:100%; margin-top:67px; float:left; position: relative; z-index: 0; }
	#header_area h2 { width:428px; float:left; margin-left:22px; font-size:17px; font-weight:bold; line-height:21px; }
/*#logo { float:left; width:130px; height:67px; display:block; text-indent:-99999px; background:url(../images/logo.png); }*/
#logo { float:none; width:130px; height:67px; display:block; text-indent:-99999px; background:url(../images/SJB-Black.png); }

#logo:hover { opacity: 0.5; }
#head_forms { width: 293px; float: none; margin-left: 19px; position: absolute; bottom: 0px; /*124*/ left: 580px; }

#newsletter .error{
	background-color: #ff6b6b;
}

.hidden-desktop{
		display: none !important;
	}
	.hidden-mobile{
		display: block !important;
	}


li.search{
	width: 154px;
}
li.subscribe{
	background-color: #fff;
	width: auto;
}
li.subscribe a{
	display: inline-block;
	width:130px;
	float: left;
}
li.subscribe form{
	display: none;
	float: left;


}
	.s_icon{
		 width:24px;
		 height:20px;
		 float:left;
		 background:#fff url(../images/search.png) 5px 1px no-repeat;
		 -webkit-border-radius: 0px 0px 0px 4px;
		 border-radius: 0px 0px 0px 4px;
		 }
	#search input[type='text'], .subscribe input[type='text'] {
		border: 0 none;
    background: #FFF;
    width: 130px;
    outline: none;
    line-height: 20px;
        float: left;
            font-size: 15px;
		}

		.subscribe input[type='text'] {
		width: 170px;
		padding-left: 5px;
}
	#search input[type='submit'] {
	    width: 0px;
	    height: 0px;
	    background: #fff url(../images/form_btn.png) 5px 4px no-repeat;
	    -webkit-border-radius: 0px 0px 4px 0px;
	    border-radius: 0px 0px 4px 0px;
	    border: 0 none;
	    text-indent: -99999px;
	    cursor: pointer;
	    float: left;
		 }

.social {
    /* float: right; */
    width: 100px;
    position: absolute;
    top: 30px;
    right: 165px;
}
.social img {
    width: 30px;
}
#favs { width:292px; background:#fff; height:30px; margin-top:1px; float:left; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px;  }
	#favs a { display:block; float:left; line-height:30px; padding-left:23px; background:url(../images/cross.png) 6px 11px no-repeat; font-size:13px; }
	#favs span { float:right; line-height:30px; padding-right:15px; font-size:13px; color:#7f7f7d; }

/* Content */
#content { width:100%; float:left; position:relative; margin-top:15px; min-height: 900px; }
#boxes_wrapper { width:1210px; float:left; position:relative; overflow:visible!important; }
	.box { background:#fff; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; margin-right:10px; margin-bottom:10px; width:290px; float:left;  }
	.big_box { width:890px; }
	.box_title { width:100%; background:#58585a; height:20px; }
	.research .box_title { background-color: #e87505; }
		.box_title span { font-size:13px; line-height:20px; text-indent:5px; display:block; float:left; color:#fff; }
	.box_title_right { float:right; }
		.share { width:9px; height:9px; float:left; margin-top:5px; margin-right:5px; position:relative; z-index:100;  }
			.share .share_btn { width:9px; height:9px; display:block; text-indent:-99999px; background:url(../images/circle2.png);  }
			.share_content { position:absolute; bottom:-118px; right:-7px; background:#41403b; width:150px; height:0px; display:block; -webkit-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px; overflow: hidden; }
			.share:hover .share_content { height: 105px; overflow: visible; }
				.share_content ul { padding:4px; }
				.share_content li { display:inline-block; width:65px; line-height:10px; float:left; }
				.share_content p { font-size:10px; color:#fff; border-bottom:1px solid #fff; text-indent:4px; line-height:14px; }
				.share_content a { color:#fff; text-decoration:underline;font-size:10px; display:block; line-height:12px;}
				.share_content span { display:block; text-indent:-99999px; width:100%; height:10px; background:url(../images/arrow.png); position:absolute; top:-13px; right:0px; background-repeat: no-repeat; background-position: 134px 3px; padding-top: 3px; }
		.fav { width:9px; height:9px; float:left; margin-top:5px; margin-right:5px; position:relative; z-index:100; }
			.fav .fav_btn { width:9px; height:9px; display:block; text-indent:-99999px; background:url(../images/cross2.png);  }
			.fav_content { position:absolute; top:-38px; right:-7px; background:#41403b; width:93px; height:0px; display:block; overflow: hidden; }
			.fav:hover .fav_content { height: 26px; overflow: visible; }
				.fav_content a { color:#fff; text-decoration:underline; line-height:24px; font-size:10px; display:block; text-align:center; }
				.fav_content span { display:block; text-indent:-99999px; width:100%; height:10px; background:url(../images/arrow.png); position:absolute; bottom:-13px; right:0px; padding-bottom: 3px; background-repeat: no-repeat; background-position: 76px -10px; }
	.box_content { padding:5px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; position:relative;  }
		.box_content h3 { font-size:17px; font-weight:bold; padding-top:17px; padding-bottom:30px; }
		.add_info { display:block; font-size:13px; }
		.box_image { position:relative; margin-top:6px; overflow: hidden; }
			.box_image img { max-width:100%; }
			.box_image img.image_circle { overflow:hidden;  }
		.box_content .vimeo_video { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; }
			.box_content .vimeo_video iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
		.cats { position:absolute; top:5px; left:5px; z-index: 200;}
			.cats .cat1 { width:23px; height:24px; display:block; float:left; text-indent:-99999px; background:url(../images/big_icons.png); margin-right:2px; }
			.cats .cat2 { width:23px; height:24px; display:block; float:left; text-indent:-99999px; background:url(../images/big_icons.png) -25px 0; margin-right:2px; }
			.cats .cat3 { width:23px; height:24px; display:block; float:left; text-indent:-99999px; background:url(../images/big_icons.png) -50px 0; margin-right:2px; }
			.cats .cat4 { width:23px; height:24px; display:block; float:left; text-indent:-99999px; background:url(../images/big_icons.png) -75px 0; margin-right:3px; }

.youtube-embed {
    padding-bottom: 56.25%;
    position: relative!important;
    height: 0;
    margin-top: 6px;
}
.youtube-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
}
.yellow_box { }
	.yellow_box .box_title { background:#e4df00; }
	.orange_box .box_title { background:#006171; }
		.yellow_box .box_title span { color:#000; }
			.yellow_box .share .share_btn {background:url(../images/circle.png);  }
			.yellow_box .fav .fav_btn { background:url(../images/cross.png) -0 0; width:10px;  }

.box:hover { background:#58585a; }
.research .box:hover { background:#e87505; }
	/*.box:hover .add_info { color:#fff; }*/
	/*.box:hover .box_content h3 { color:#fff; }*/
.box.yellow_box:hover { background:#e4df00; }
.box.orange_box:hover { background:#006171; }
	.box.yellow_box:hover .add_info { color:#000; }
	.box.yellow_box:hover .box_content h3 { color:#000; }


.circle-overlay { width: 281px; height: 300px; background-image: url(/images/circles.png); position: absolute; top: 0; left: 0; }
.box:hover .circle-overlay { background-position: -1680px 0; }
.box_green:hover .circle-overlay { background-position: -280px 0;}
.box_brown:hover .circle-overlay { background-position: -840px 0;}
.yellow_box:hover .circle-overlay { background-position: -560px 0;}
.box_blue:hover .circle-overlay { background-position: -1400px 0;}
.box_gray:hover .circle-overlay { background-position: -1120px 0;}

/* Isotope */
.isotope-item{z-index:2;}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1;}
.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;transition-duration:.8s;}
.isotope{-webkit-transition-property:height, width;-moz-transition-property:height, width;transition-property:height, width;}
.isotope .isotope-item{-webkit-transition-property:0 opacity;-moz-transition-property:0 opacity;transition-property:transform, opacity;}

/* About us */
#projects_side
{ height: 100px; }
#large_boxes { width:890px; float:left; margin-right:10px; }
.box_black { margin-bottom:20px; height:auto; }
.box_black .box_title { width:100%; background:#000; height:20px; }
.box_black.box:hover { background:#fff; }
	.box_black.box:hover .add_info { color:#000; }
	.box_black.box:hover .box_content h3 { color:#000; }
.box_text { margin-top:10px; margin-bottom:10px; }
/*.box_text { margin-top:10px; margin-bottom:10px; -moz-column-count:2; -webkit-column-count:2; column-count:2; }*/
/*.box_text { margin-top:10px; margin-bottom:10px; width: 660px; }*/
	.box_text table { margin-bottom: 8px; }
	.box_text td { padding: 5px; }
	.box_text p { font-size:12px; margin-bottom: 15px; line-height: 15px; width: 600px; }
.next_z, .prev_z { position:absolute; top:20px; right:40px; display:none; text-indent:-99999px; width:27px; height:27px; background:url(../images/arrows.png); z-index: 100; }
.next_z { right:5px; background:url(../images/arrows.png) -36px 0; }
.slider { overflow:hidden; width:100%; height:395px; }

#projects_side { float:left; width:191px; position:relative; }
#projects_side.about_landing { float: none; width: 890px; }
#projects_side.about_landing .project_sm { width: 215px; margin: 0 0 0 10px; }
#projects_side.about_landing .project_sm img { width: 205px; height: 167px;}
#projects_side.about_landing .project_sm:first-child { margin: 0; }

	.project_sm { width:100%; float:left; margin-bottom:10px; background:#fff; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; }
		.project_sm:hover { background:#58585a; }
		.project_sm h5 { font-size:13px; line-height:13px; background:#58585a; padding: 4px; color:#fff; }

		.project_sm.color_A h5 { background-color: #a7c2c0; }
		.project_sm.color_A:hover { background-color: #a7c2c0; }

		.project_sm.color_ID h5 { background-color: #B3A16E; }
		.project_sm.color_ID:hover { background-color: #B3A16E; }

		.project_sm.color_P h5 { background-color: #B5BCAC; }
		.project_sm.color_P:hover { background-color: #B5BCAC; }

		.project_sm.color_U h5 { background-color: #829CA6; }
		.project_sm.color_U:hover { background-color: #829CA6; }


		.project_sm a { display:block; text-align:center; padding:5px; margin-top:15px; }


/**** thining ******/

.project_think { float: left; margin: 0 0 0 10px; width: 290px; background-color: #fff; position: relative; }
.project_think img { width: 280px; margin: 5px;}
.project_think .think_prev_text { width: 280px; height: 50px; margin: 20px 5px 10px 5px;}
.project_think .widgetLink { left: auto; right: 0;}
.project_think h5 { font-size:13px; line-height:13px; padding: 4px; color:#fff; }

.project_think.res h5 { background-color: #e87505; }
.project_think.blog h5 { background-color: #006171; }
.project_think.news h5 { background-color: #e4df02; }

.project_think:first-child {
	margin: 0 0 0 0;
}


/* About us Expanded */
/*#head_text {width:428px; float:left; margin-left:22px; display: block; }*/
#head_text {width:590px; min-height: 61px; float:none; margin-top:10px; display: block; }
	#head_text h2 { width:590px; float:left; margin-left:0;  font-size:17px; font-weight:bold; line-height:21px; }
	#head_text a { font-size:13px; text-decoration: underline; }
	#head_text a:hover { text-decoration: none; color: #58585a; }
	#head_text span { font-size:13px; display:block; margin-bottom:3px; }
	.paging { margin-bottom:3px; }
.box_green, .box_gray, .box_brown, .box_blue { margin-bottom:10px; height:auto; }
.box_green .box_title { width:100%; background:#a7c2c0; height:20px; }
	.box_green .box_title span, .box_brown .box_title span, .box_gray .box_title span, .box_blue .box_title span { color:#000; }
.box_green.box:hover, .box_brown.box:hover, .box_gray.box:hover, .box_blue.box:hover { background:#fff; }
.box_brown.box:hover { background: #B3A16E; }
.box_gray.box:hover { background: #B5BCAC; }
.box_blue.box:hover { background: #829CA6; }
.box_green.box:hover { background: #a7c2c0; }

	.box_green.box:hover .add_info, .box_brown.box:hover .add_info, .box_gray.box:hover .add_info, .box_blue.box:hover .add_info { color:#000; }
	.box_green.box:hover .box_content h3, .box_brown.box:hover .box_content h3, .box_gray.box:hover .box_content h3, .box_blue.box:hover .box_content h3 { color:#000; }
	.box_green .share .share_btn, .box_brown .share .share_btn, .box_gray .share .share_btn, .box_blue .share .share_btn {background:url(../images/circle.png);  }
	.box_green .fav .fav_btn, .box_brown .fav .fav_btn, .box_gray .fav .fav_btn, .box_blue .fav .fav_btn { background:url(../images/cross.png) -0 0; width:10px;  }
.box_brown .box_title { width:100%; background:#b3a16e; height:20px; }
.box_gray .box_title { width:100%; background:#b5bcac; height:20px; }
.box_blue .box_title { width:100%; background:#829ca6; height:20px; }

.box_text_margins { margin:15px 0 25px 0; }

#article_side { float:left; width:191px; position:relative; }
#myfavs { float:left; width:191px; position:relative; margin-bottom:10px; }
	#myfavs h5 { font-size:13px; line-height:20px; background:#58585a; text-indent:5px; color:#fff; }
	#myfavs ul { background:#FFF; padding-top:40px; overflow:hidden; margin-left:1px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; }
	#myfavs li { float:left; }
	#myfavs a { display:block; float:left; margin:3px; }

#snapshot { float:left; width:191px; position:relative; margin-bottom:10px;  }
	#snapshot h5 { font-size:13px; line-height:20px; background:#58585a; text-indent:5px; color:#fff; }
	#snapshot.box_brown h5 { background: #B3A16E; color: #000; }
	#snapshot.box_green h5 { background: #a7c2c0; color: #000;  }
	#snapshot.box_gray h5 { background: #B5BCAC; color: #000;  }
	#snapshot.box_blue h5 { background: #829CA6; color: #000;  }

	#snapshot ul, .snapshot-inner { background:#FFF; padding:5px 5px 10px; overflow:hidden; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; font-size:12px; line-height: 15px; }
	#snapshot li { float:left; margin-bottom:12px; font-size:12px; }
	#snapshot p { margin-bottom: 12px; }
		#snapshot li strong { display:block; margin-bottom:3px; }

.related_links { font-size:13px; line-height:20px; background:#000; text-indent:5px; color:#fff; display:block; float:left; width:191px; margin-bottom:10px; }

/* About us Architecture */
#boxes_intro { width:1210px; float:left; position:relative; overflow:visible; }
.submenu { height: auto; width: 140px; margin-right:10px; float:left;}
	.submenu-inner { width:140px;   -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; min-height: 400px!important;display: block!important;
	}
	.submenu h5 { font-size:13px; line-height:20px; background:#000; text-indent:5px; color:#fff;  }
	.submenu ul { padding:5px 5px 10px; background:#fff;}
		.submenu ul li { border-bottom:1px solid #000; }
			.submenu ul li a { display:block; padding-bottom:4px; padding-top:4px; }
			.submenu ul li:hover a { background:#7f7f7d; }

.intro_box { width:880px; height:360px; background:#fff; float:left; margin-right:10px; margin-bottom:10px; padding:5px; }
.intro_box_title { padding-top:20px; padding-bottom:25px; }
	.intro_box_title span { width:45px; height:45px; background: url(/images/aaa.png); font-size:24px; font-weight:bold; float:left; text-align:center; line-height:45px; -webkit-border-radius: 30px; border-radius: 30px; background-position: -1px -1px; }
		.intro_box_title span.int_des { background: url(/images/idid.png); background-position: -2px -1px; }
		.intro_box_title span.planning { background: url(/images/pp.png); }
		.intro_box_title span.urban { background: url(/images/uu.png); }


	.intro_box_title span { width:45px; height:45px; background: url(/images/aaa.png); font-size:24px; font-weight:bold; float:left; text-align:center; line-height:45px; -webkit-border-radius: 30px; border-radius: 30px; background-position: -1px -1px; }
		.intro_box_title span.tag_ID { background: url(/images/idid.png); background-position: -2px -1px; }
		.intro_box_title span.tag_P { background: url(/images/pp.png); }
		.intro_box_title span.tag_U { background: url(/images/uu.png); }



	.intro_box_title h1 { font-size:24px; font-weight:bold; line-height:45px; text-indent:7px; }
	.intro_box_content { width:740px; }
		.intro_box_content h2{ font-size:20px; font-weight:normal; line-height:22px; margin-bottom:10px;  }
		.intro_box_content p{ font-size:12px; font-weight:normal; line-height:15px; margin-bottom: 5px;  }

.box.box_590, #boxes_filter .box.medium_box.box_590 { width:590px; }
/*.box.box_force_top { margin-top: -409px; }*/


/* video */
.video_big { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; }
.video_med { display: none; width: 100%; height: 0; padding-bottom: 56.25%; position: relative; }
.video_big iframe, .video_med iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Contact */
#full_boxes { width:100%; float:left; position:relative; overflow:visible; }
.simple_box { max-width:440px; width: calc(50% - 20px); /* float:left; margin-right:10px; */ margin-bottom:10px;  }
.simple_box_3 { width:528px; float:left; margin-right:10px; margin-bottom:10px;  }
.simple_box_2 { width:352px; float:left; margin-right:10px; margin-bottom:10px;  }


#careers { width:100%; float:left; position:relative; overflow:visible; }

#careers ul li {list-style: initial; margin-left: 13px; margin-bottom: 10px;}

.simple_box_4{width:590px; float:left; margin-right:10px; margin-bottom:10px; }

.simple_box.simple_box_wide { width:890px; float:left; margin-bottom:10px; }
	.simple_box_title { width:100%; background:#000; height:20px; }
	.simple_box_title.grey{background: #58585a;}

		.simple_box_title span { font-size:13px; line-height:20px; text-indent:5px; display:block; float:left; color:#fff; }
	.simple_box_content { padding:5px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; position:relative; background:#fff; min-height:290px;  }
	.simple_box_content.career{min-height: 0px;}
	.simple_content_top { margin:22px 0; overflow:hidden; }
	.simple_col1 { width:145px; float:left; line-height: 16px; }
		.simple_col1 h2 { font-weight:bold; font-size:17px; margin-bottom:5px; }
		.simple_col1 a { font-weight:regular; font-size:12px; text-decoration:underline; }
	.simple_col2 { width:295px; float:left; position: relative; }
	.directions_lab1 { width:30px; height:30px; float:left; margin-bottom:2px; background:#f2f2f2 url(../images/a.png) no-repeat 3px 4px; text-indent:-99999px;
						-webkit-border-radius: 0px 0px 0px 4px; border-radius: 0px 0px 0px 4px;  }
	.directions_lab2 { width:30px; height:30px; float:left; margin-bottom:2px; background:#f2f2f2 url(../images/b.png) no-repeat 3px 4px; text-indent:-99999px;
						-webkit-border-radius: 0px 0px 0px 4px; border-radius: 0px 0px 0px 4px;  }
	.simple_col2 input { float:left; width:260px; height:30px; border:0 none; background:#f2f2f2; -webkit-border-radius: 0px 0px 4px 0px; border-radius: 0px 0px 4px 0px; margin-bottom:2px; }
#map { width:100%; height:445px; }
	.simple_box_content .cat1 { width:23px; height:24px; display:block; float:left; text-indent:-99999px; background:url(../images/big_icons.png); margin-right:2px; }
	.simple_box_content .cat2 { width:23px; height:24px; display:block; float:left; text-indent:-99999px; background:url(../images/big_icons.png) -25px 0; margin-right:2px; }
	.simple_box_content .cat3 { width:23px; height:24px; display:block; float:left; text-indent:-99999px; background:url(../images/big_icons.png) -50px 0; margin-right:2px; }
	.simple_box_content .cat4 { width:23px; height:24px; display:block; float:left; text-indent:-99999px; background:url(../images/big_icons.png) -75px 0; margin-right:3px; }
	.simple_box_content p, .simple_box_content ul, .simple_box_content h4{ margin-bottom:14px; font-size:14px; line-height: 1.5;}
		.simple_box_content a { font-size:12px; text-decoration:underline; }
			.simple_box_content a:hover { text-decoration:none; }
	.simple_col { float:left; width:200px; }
	.simple_box_3 .simple_col, .simple_box_2 .simple_col { float:left; width:170px; }
#load-directions { background-image: url(/images/form_btn.png); background-repeat: no-repeat; width: 13px; height: 12px; position: absolute; right: 15px; top: 42px; z-index: 20; cursor: pointer; }

/* Favourites */
.pdf_btn { height:30px; display:inline-block; width:142px; border:1px solid #000; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; line-height:30px;
			text-indent:5px; font-weight:bold; font-size:12px; background:url(../images/icons2.png) 117px 5px no-repeat; margin-top:7px; }
	.pdf_btn:hover { background:#1d1d1b url(../images/icons2.png) 117px -73px no-repeat; color:#fff; }
.share_btn2 { height:30px; display:inline-block; width:142px; border:1px solid #000; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; line-height:30px;
			text-indent:5px; font-weight:bold; font-size:12px; background:url(../images/icons3.png) 115px 7px no-repeat; margin-top:7px; }
	.share_btn2:hover { background:#1d1d1b url(../images/icons3.png) 115px -75px no-repeat; color:#fff;  }

#favourites_list { width:890px; float:left; position:relative; overflow:visible; }
	.favourite { width:890px; float:left; margin-bottom:10px; }
	.favourite_title { background:#829ca6; height:20px; }
	.fav_planning .favourite_title { background:#b5bcac; }
	.fav_design .favourite_title { background:#b3a16e; }
	.fav_architecture .favourite_title { background:#a7c2c0; }
	.fav_project .favourite_title { background:#58585a; }
		.fav_project .favourite_title span { color:#fff; }
	.fav_news .favourite_title { background:#e4df00; }
		.favourite_title span { font-size:13px; line-height:20px; text-indent:5px; display:block; float:left; color:#000; }
		.favourite_content { -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; min-height:126px; padding:5px; background:#fff; font-size:12px; }
		.favourite_image { float:left; }
		.favourite_where { float:left; width:110px; margin-left:20px; min-height:120px; padding-top:5px; position:relative; }
			.favourite_what { position:absolute; bottom:0; left:0; }
			.favourite_what .cat1 { width:23px; height:24px; display:block; float:left; text-indent:-99999px; background:url(../images/big_icons.png); margin-right:2px; }
			.favourite_what .cat2 { width:23px; height:24px; display:block; float:left; text-indent:-99999px; background:url(../images/big_icons.png) -25px 0; margin-right:2px; }
			.favourite_what .cat3 { width:23px; height:24px; display:block; float:left; text-indent:-99999px; background:url(../images/big_icons.png) -50px 0; margin-right:2px; }
			.favourite_what .cat4 { width:23px; height:24px; display:block; float:left; text-indent:-99999px; background:url(../images/big_icons.png) -75px 0; margin-right:3px; }
		.favourite_text { width:385px; float:left; padding-top:5px; padding-left: 20px; line-height: 15px; }
		.favourite_btns { float:right; margin-top:5px; }
			.favourite_btns a { display:block; width:90px; height:22px; line-height:22px; background:#f2f2f2; font-weight:bold; text-indent:5px; margin-bottom:1px; }
				.favourite_btns a:hover { background:#000; color:#fff; }

.shadow { background:#868686; opacity:0.8; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; display:none; }
#share_form { position:absolute; top:202px; left:0px; width:345px; height:333px; z-index:101; display:none; }
.share_form_title { height:20px; background:#000; }
	.share_form_title span { font-size:13px; line-height:20px; text-indent:5px; display:block; float:left; color:#fff; }
	.close_popup { width:12px; height:20px; float:right; background:#000 url(../images/x.png) no-repeat 0 3px; display:block; text-indent:-9999px; margin-right:3px; }
.share_form_content { padding:20px; background:#fff; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px;  }
	.share_form_content input[type="text"]{ background:#f2f2f2; height:30px; border:0 none; display:block; width:94%; padding:0 10px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px;
											margin-bottom:1px; outline:none;}
	.share_form_content textarea{ background:#f2f2f2; height:100px; border:0 none; display:block; width:94%; padding:10px 10px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px;
											margin-bottom:1px; outline:none; resize:none;}
	.share_form_content input[type="submit"]{ background:#1d1d1b; border:0 none; display:block; width:100%; padding:6px 10px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px;
											margin-bottom:1px; color:#FFF; text-align:left; cursor:pointer;}


/* People */
#people_list { width:1210px; float:left; position:relative; overflow:visible; padding: 0 0 200px 0; min-height: 800px; }
.person_wrap { width:290px; height:195px; float:left; margin-right:10px; margin-bottom:10px; cursor:pointer; position:relative; }
.person { width:290px; height:195px; float:left; margin-right:10px; margin-bottom:10px; cursor:pointer; }
.person { width:290px; height:195px; position:absolute; top:0; left:0; transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; }
.person_content { padding:5px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; position:relative; background:#fff; position:relative; }
.person_content .person_img { overflow:hidden; height: 169px; transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; }
	.person_content .person_img img { height: 100%; }
.person_text { position:absolute; bottom:0px; left:5px; background:url(/images/white_85.png); width:270px; font-size:13px; padding:0 5px; height: 0px; overflow: hidden; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.person:hover .person_text { height: 30px; padding:5px; }
.person.last_row { left:auto; right:-10px; }
.person_active { z-index:1000; }
	.person_text span { display:block; }
.more_text { overflow: auto; height: 0; margin-top:10px; background-color: #fff; }
	.more_text p { margin-bottom:10px; width: 99%;}
.person .box_title span { color:#000; }
.person_urbdesign .box_title { background:#829ca6; }
.person_urbdesign .mailto { color:#829ca6; }
	.person .share .share_btn {background:url(../images/circle.png);  }
	.person .fav .fav_btn { background:url(../images/cross.png) -0 0; width:10px;  }
.person_planning .box_title { background:#b5bcac; }
.person_planning a.mailto { color:#b5bcac; }
.person_intdesign .box_title { background:#b3a16e; }
.person_intdesign a.mailto { color:#b3a16e; }
.person_architecture .box_title { background:#a7c2c0; }
.person_architecture a.mailto { color: #a7c2c0;}

.person_active { width: 590px; height: 404px;}
.person_active .person_text {width: 570px;}
.person_active .person_img { height: 374px; }
.person_active:hover .person_text { width: 570px; height: 175px !important; padding: 5px; }

.person_active:hover .more_text { height: 163px; padding: 10px; margin: 10px 0 0 -10px; width: 570px; }
.person_active:hover .more_text p { padding: 0 0 0px 0; font-size: 12px; line-height: 15px; margin-bottom: 0;}
.person_active:hover .person_text_header { height: 25px; }
.person_active:hover .person_text { display: block; }
.person_active:hover .person_content {height: 369px; }

/* Projects - News */
#boxes_filter { width:1050px; float:left; position:relative; overflow:visible!important; }
#boxes_filter .box.medium_box { width:440px; }

#boxes_filter .box.medium_box {
    width: 590px;
}



/* News Single */
.box_yellow { margin-bottom:20px; height:auto; }
.box_yellow .box_title { width:100%; background:#e4df00; height:20px; }
	.box_yellow .box_title span { color:#000; }
.box_yellow.box:hover { background: #e4df00; }
.box_yellow.box.big_box:hover { background: #fff; }
	.box_yellow.box:hover .add_info { color:#000; }
	.box_yellow.box:hover .box_content h3 { color:#000; }
	.box_yellow .share .share_btn {background:url(../images/circle.png);  }
	.box_yellow .fav .fav_btn { background:url(../images/cross.png) -0 0; width:10px;  }

#myfavs.favs_yellow h5 { font-size:13px; line-height:20px; background:#e4df00; text-indent:5px; color:#000; }
#myfavs.box_brown h5 { background: #B3A16E; color: #000; }
#myfavs.box_green h5 { background: #a7c2c0; color: #000; }
#myfavs.box_gray h5 { background: #B5BCAC; color: #000; }
#myfavs.box_blue h5 { background: #829CA6; color: #000; }

/* Research single */
.box_orange .box_title { background-color: #e87505; }
.box_orange:hover { background-color: #fff; }


.intro_box { transition: none !important; -moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important; }

#categories { width:191px; background:#fff; float:left; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; margin-bottom:10px; margin-right:8px;  }
	#categories h5 { font-size:13px; line-height:20px; background:#000; text-indent:5px; color:#fff;  }
	#categories ul { padding:5px 5px 10px; }
		#categories ul li { border-bottom:1px solid #000; }
			#categories ul li a { display:block; padding-bottom:4px; padding-top:4px; }
			#categories ul li:hover a { background:#7f7f7d; }

.news_side .project_sm h5 { background:#e4df00; color:#000;}
	.news_side .project_sm:hover { background:#e4df00; }

/* Footer */
#footer { width:100%; float:left; position:relative; margin-top:50px; height:100px; background:#fff; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;  }
	#footer form { float:left; margin-top:10px; margin-left:15px; width:275px; }
	#footer h4 { font-size:14px; font-weight:bold; margin-bottom:5px; }
	#footer .input1 { border:0 none; background:#f2f2f2; height:30px; margin-bottom:2px; width:265px; padding:0 5px; font-size:14px; float:left; outline:none; }
	#footer .input2 { border:0 none; background:#f2f2f2; height:30px; margin-bottom:2px; width:240px; padding:0 5px; font-size:14px; float:left; outline:none; }
	#footer input[type='submit'] { border:0 none; background:#f2f2f2 url(../images/form_btn.png) 6px 9px no-repeat; text-indent:-99999px;
									height:30px; margin-bottom:2px; width:25px; padding:0 5px; font-size:14px; float:left; }

.copyright { float:right; font-size:12px; margin-right:15px; margin-top:75px; width:100px; text-align:right; font-weight:bold;}

.first_half_image { width: 437px; margin: 0 6px 0 0; }

.second_half_image { width: 437px; }

.box_text ul {list-style-type: disc; padding: 0 0 0 0; }

.box_text ul li { padding: 0 0 10px 15px; font-size: 12px; background: url(/images/bullet.png); background-position: 0 -4px; background-repeat: no-repeat; display: block; line-height: 15px; }

.home-feature { width: 880px; height: 370px; }


.box_text_left {
	width: 437px;
	float: left;
}

.box_text_left h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: 22px;
	margin-bottom: 10px;
}

.box_text_right {
	float: right;
	width: 437px;
}

.box_text .box_text_right p, .box_text .box_text_left p {
	width: 100%;
}

.box_image {
	clear: both;
}

.photo-credit { position: absolute; bottom: -40px; right: 317px; font-size: 0.8em; color: #afafaf; }


/* 895px design */
@media only screen and (max-width: 1200px) and (min-width: 906px) {


	.issuu{
		width: 580px !important;
		height: 418px !important;
	}
	.simple_box_4{
		width: 100%;
	}
	.box_text p { width: 100%; }
	.box_text_left, .box_text_right { width: 100%; float: none; }

	.video_med { display: block; }
	.video_big { display: none; }

	#wrapper { width:895px; }

	#boxes_wrapper { width:900px; float:left; position:relative; }

	#footer { width:890px; }

	/* About us */
	#large_boxes { width:590px; }
	.box.box_black { width:590px; }
	.box_text { font-size:14px; -moz-column-count:1; -webkit-column-count:1; column-count:1; margin-bottom:5px; }

	.slider { overflow:hidden; width:100%; height:258px; }

	/* About us Expanded */
	/*.box.box_green, .box.box_brown, .box.box_gray, .box.box_blue { width:590px; }*/

	.box_590.box, .big_box { width : 590px;}
	.box_text { width: auto; }

	/* About us Architecture */
	#boxes_intro { width:905px;}
	.box.box_force_top { margin-top: auto; }

	/* People */
	#people_list { width:900px; }


	/* Projects - News */
	#boxes_filter { width:740px; float:left; position:relative; overflow:visible!important; }
	#boxes_filter .box.medium_box { width:440px; }



	#boxes_filter .box.medium_box {
	    width: 590px;
	}



	/* News Single */
	.box.box_yellow { width:590px; }
	.box.box_yellow.isotope-item { width:290px; }

	 .intro_box { margin-right: 0; }

	 .photo-credit { right: 0; }

	 .first_half_image { width: 580px; margin: 0 0 7px 0; }

	.second_half_image { width: 580px; }
	.home-feature { width: 580px; height: 261px; }

	.photo-credit { margin-right: 10px; }

	#projects_side.about_landing { float: none; width: 890px; }
	#projects_side.about_landing .project_sm { width: 215px; margin: 0 0 0 10px; }
	#projects_side.about_landing .project_sm:first-child { margin: 0; }
	#large_boxes.about_landing, #large_boxes.about_landing .big_box { width: 890px; }
	.nav li { width:73px;}
	.nav ul, .nav ul li{ width:130px;}
	li.search {
		width:132px;
		}

		li.subscribe {
			width: auto;
		}

		#search input[type='text']{
			width: 108px;
		}
}

@media only screen and (max-width: 1024px) and (orientation: portrait) { /*tablet*/

	.simple_box_content p, .simple_box_content ul, .simple_box_content h4 {
    margin-bottom: 18px !important;
    font-size: 18px !important;
    line-height: 1.5;
}

}


/* 590px design */
@media only screen and (max-width: 905px) and (min-width: 0px) {
	.issuu{
		width: 590px !important;
		height: 425px !important;
	}
	.box_text p { width: 100%; }
	.video_med { display: block; }
	.video_big { display: none; }
	.slider {height: 275px; }
	.photo-credit { margin-right: 10px; }

	.box_text_left, .box_text_right { width: 100%; float: none; }

	#wrapper { width:590px; }
	/* Header */
	#header_area h2 { display:block; }
	.nav { float:left; }
		.nav li { width:55px; height:20px; border:5px solid #fff; margin-right:3px; float:left; position:relative; }
			.nav li.last-item { margin-right:0; }
			.nav li a { font-weight:bold; font-size:12px; color:#000; display:block; line-height:20px; background:#FFF; text-indent:1px; }
				.nav ul {

			    top: 25px;
		        width: 75px;
			    height: 121px;
			    background-color: #fff;
			    width: 75px;
			}
						#wrapper .nav ul li a {  font-size:10px; }
			.social {
				right:65px;
				}
	li.search {
    width: 73px;
	}
	li.subscribe {
    width: auto;
	}

	li.subscribe a{
    width: 60px;
	}
	#search input[type='text']{
		width: 57px;
		font-size: 12px;
	}
	#search input[type='text']{
		font-size: 12px;
	}
	.subscribe input[type='text'] {
    width: 89px;
    font-size: 12px;
	}
	.s_icon {
		    width: 16px;
		        background: #fff url(../images/search.png) -1px 1px no-repeat;
		}
	#head_forms { width:293px; float:right; margin-right:0px; }
	.photo-credit { right: -7px; }

	/* Content*/
	#boxes_wrapper { width:600px; float:left; position:relative; }
	.big_box.box { width:590px; height:auto; }
	.big_box.box:hover, .big_box.box.yellow_box:hover { background: #fff; }
	.box {  width:290px; }

	/* Footer */
	#footer { width:590px; }
	/* About us */
	#projects_side { float:left; width:600px; position:relative; margin-left: 10px; }
		.project_sm { width:190px; float:left; margin-right:10px; }
		.project_sm_last { margin-right:0; }
	.box.box_black { height:auto; }

	/* About us Expanded */
	#article_side { float:left; width:590px; position:relative; margin-left: 0; }
	#article_side #projects_side { float:left; width:190px; position:relative; }
	.box.box_green, .box.box_brown, .box.box_gray, .box.box_blue { height:auto; }
	#myfavs { margin-right:8px; }
	#projects_side, .related_links { margin-left: 8px; }

	#article_side #projects_side .project_sm:last-child { display:none; }
	#head_text { display:block; }
	.box_text { width: auto; }

	/* About us Architecture */
	#boxes_intro { width:600px;}
	.intro_box { width:580px; }
	.intro_box_title { padding-top:20px; padding-bottom:35px; }
		.intro_box_content { width:100%; }
			.intro_box_content h2{ font-size:20px; font-weight:normal; line-height:22px; margin-bottom:10px;  }
			.intro_box_content p{ font-size:12px; font-weight:normal; line-height:15px; margin-bottom: 5px;  }

	/* Contact */
	.simple_box.simple_box_wide { width:590px; float:left; margin-bottom:10px; }
	#full_boxes { width:590px; float:left; position:relative; overflow:visible; }
	.simple_box { width:590px; float:left; margin-right:10px;  }

	/* Favourites */
	#head_text.favourites_btns { display:block; }
	#favourites_list { width:590px; }
	.favourite { width:590px; }

	/* People */
	#people_list { width:600px; }



	/* Projects - News */
	#boxes_filter { width:600px; float:left; position:relative; overflow:visible!important; }
	#boxes_filter .box.medium_box { width:440px; }

	/* News Single */
	.box.box_yellow { height:auto; }
	.intro_box { margin-right: 0; }



	#categories { margin-right: 0; 	}

	.box.box_force_top { margin-top: auto; }
	.favourite_text { width: 205px; }


	.intro_box { height: 390px; }
	.submenu { height: auto; }
	#projects_side.about_landing { float: none; width: 595px; margin-left: 0; }
	#projects_side.about_landing .project_sm { width: 191px; margin: 0 0 8px 8px; }
	#projects_side.about_landing .project_sm img { width: 181px; height: 147px;}
	#projects_side.about_landing .project_sm:first-child, #projects_side.about_landing .color_U { margin: 0; }


	/**** Thinking ****/
	.project_think {
		margin: 0 0 10px 0;
	}

	.project_think:first-child {
		margin: 0 10px 0 0;
	}
}


#footer_newsletter p {
	position: relative;
	height: 30px
}

#footer_newsletter p label {
	position: absolute;
	height: 30px;
	line-height: 30px;
	top: 0;
	left: 5px;
}

#footer_newsletter p label.error, #send_favs_form p label.error {
	left: auto;
	right: 25px;
	color: red;
	font-size: 0.75em;
}

.box.no-hover:hover {
	background: #fff !important;
}



.loading-overlay {
	position: absolute;
	z-index: 9999;
	text-align: center;
	height: 100%;
	width: 100%;
	background: #ede9e9;
}

.loading-overlay p {
	width: 124px;
	margin: 125px auto;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}


#from-address, #to-address-display-only { height: 30px; line-height: 30px; }




.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

#send_favs_form p { position: relative; }

#send_favs_form label { position: absolute; top: 0; left: 10px; line-height: 30px; }

.title-link { color: #fff; }

.search_area {
	display: none;
}

#result_report { font-weight: bold; margin: 0 0 25px 0;  font-size: 1.3em;}

.result_box {margin: 0 0 15px 0;}

.search_title_block {font-size: 1.2em; margin: 0 0 3px 0;}
.result_box .description {font-size: 0.98em;}
.result_box .url a { text-decoration: underline; margin-top: 4px;}

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

		#wrapper {
    width: 100%;
}
#head_text h2 {
    width: 100%;
}
#head_text {
    width: 100%;
    }
#boxes_wrapper {
    width: 100%;
}
.box{
	width: 100%;
}
.box_image img {
    width: 100%;
    height: auto;
}
.big_box.box {
    width: 100%;
        float: none;
}
#large_boxes {
    width: 100%;
    float: none;
}
.simple_box_4 {
    width: 100%;
    margin-right: 0px;
}
.issuu{
	width: 100% !important;
	height: 325px !important;
}
/* circle */
.circle-overlay { width: 100%; height: 101%; background-image: url(/images/sjb_circle_white.png); position: absolute; top: 0; left: 0; background-repeat: no-repeat;background-size: 100% 100%;}
.box:hover .circle-overlay { background-image: url(/images/sjb_circle_grey.png); background-position: 0; }
	.hidden-desktop{
		display: block !important;
	}
	.hidden-mobile{
		display: none !important;
	}

	.simple_box_2 { width:100%; float:left; margin-right:10px; margin-bottom:10px;  }
	.simple_box_3 { width:100%; float:left; margin-right:10px; margin-bottom:10px;  }

	/* ------------------------------- header ------------------------------- */
	#header{
		float: none;
	}
	#header .logo {
		    opacity: 1;
	    float: none;
	    width: 103px;
	    height: 49px;
	    display: block;
	    text-indent: -99999px;
	    background: url(../images/logo.png);
	    background-size: cover;
	    position: absolute;
	    top: 5px;
	    left: 10px;
	}

	#header .social {
		    left: 125px;
			top: 22px;
		}

	#header ul.nav{
		display: none;
	    position: absolute;
	    right: 0;
	    width: 150px;
	    z-index: 99999;
	    top: 60px;
	}

	#header ul.nav li{
	width: auto;
    height: auto;
    border: 0;
    margin: 0;
    float: none;
    padding-right: 5px;
    height: 30px;

    }
		#header .nav li.base-li:hover{
			background-color: #ccc;
		}
    	#header ul.nav li.clicked{
	    	height: auto;
	    	background-color: #ccc;
    	}
    	#header ul.nav li ul{
	    	position: relative;
		    display: none;
		    top: 0;
		    height: auto;
		    width: 100%;
		    float: none;
    	}
		#header .nav ul li a span {
			text-indent: 8000px;
		}
		

    #header .nav li a {
    padding-right: 5px;
        font-size: 14px;
        line-height: 30px;
        width: 100%;
        text-align: right;
    }

	#header .mobile_nav{
		height: 60px;
	    width: 100%;
	    background-color: #fff;
	}

	#header .mobile_nav .menu-toggle{
		display: block;
	    width: 30px;
	    position: relative;
	    height: 0px;
	    margin-top: 0;
	    float: right;
	    padding: 30px 10px;
	        z-index: 100;
    cursor: pointer;
    }
	#header .mobile_nav .menu-toggle span{
	    width: 100%;
	    display: block;
	    height: 3px;
	    position: relative;
	    background-color: #000000;
    }
    #header .mobile_nav .menu-toggle span:before {
	    content: '';
	    width: 100%;
	    display: block;
	    height: 3px;
	    position: absolute;
	    top: -7px;
	    left: 0;
	    background-color: #000000;
    }

    #header .mobile_nav .menu-toggle span:after {
	    content: '';
	    width: 100%;
	    display: block;
	    height: 3px;
	    position: absolute;
	    bottom: -7px;
	    left: 0;
	    background-color: #000000;
	}
	#header ul.nav li.search{
		padding-right: 0;
	}

	#header .search form{
		width: 100%;
		height: 100%;
	}
	#header .s_icon {
		width: 10%;
	    height: 100%;
	    border-radius: 0;
	        background: #fff url(../images/search.png) 1px 7px no-repeat;
	}

	#header #search input[type='text'] {
		width: 90%;
		height: 100%;
	}

	li.subscribe form, li.subscribe input[type='text'] {
		width: 100%;
		height: 100%;
	}

	#header_area {
    width: 94%;
    margin: auto;
    float: none;
    position: relative;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    }

    #head_text{
	    float:none;
	    min-height: none;
	    position: relative;
	    margin-top: 0px;

    }

     #head_text h2{
	     float: none;
     }

	/* ------------------------------------------------------------------------ */
   
	
	
	
	#content {
    width: 95%;
    margin: auto;
    float: none;
    }
	.next, .prev {
		top: 70px;
	}
	/* ----------------- about us/project ------------------- */
	#projects_side.about_landing{
		width: 100%;
	}


	#projects_side.about_landing .project_sm:first-child {
		margin: 2%;
	}
	#projects_side.about_landing .project_sm {
	    width: 46%;
	    float: left;
	    margin: 2%;
	}
	#projects_side.about_landing .project_sm img {
		width: 100%;

		}
		.about_landing .box_image img {
		    height: 100%;
	        width: auto;
			max-width: none;
		}
		
		.about_landing .slider{
		    height: auto;
			padding-bottom: 49%;
		}
	#boxes_filter, .intro_box, #article_side {
		width: 100%;
		float: none;
		margin: 0;
		padding: 0;
		height: auto;

	}
	.intro_box {
		 margin-bottom: 10px;
		     padding: 10px;
    box-sizing: border-box;
	}
	
	.box, .box.box_590 {
		width: 100%;
	}
	#favourites_list{
		width: 100%;
	}
	#snapshot{
/* 	display: inline-block; */
	float: none;
	position: relative;
/*     margin: 2%; */
    width: 48%;

	}
	#myfavs  {
/* 	display: inline-block; */
	position: relative;
	float: right;
/*     margin: 2%; */
    width: 48%;
        margin-right: 0;

	}


	#article_side #projects_side , .related_links{
		width: 100%;
		margin-left: 0;
		height: auto;
		float: none;
	}

	.submenu {
		width: 100%;
		float: none;
		margin-right: 0;
		    height: auto;
		        margin-bottom: 10px;
	}
	.submenu-inner {
    width: 100%;
    height: 216px!important;
   	min-height: 220px!important;

    }

    .submenu ul li {
   		border-bottom: 1px solid #000;
    	width: 49%;
    	display: inline-block;
    }

	.project_sm {
	    width: 100%;
	    float: none;

	    margin: 0;
	    margin-bottom: 10px;
	}
	.project_sm img {
	    width: 100%;
	}

	.cats {

    top: -46px;
    left: 0px;
    z-index: 200;
    }

    .box_image {
	    overflow: visible;
	    }

	    .add_info {
		    width: 80%;
		    height: 13px;
		    }
	/* ----------------- people ------------------- */
	#people_list{
		width: 100%;
		float: none;
	}

	.person_wrap {
		width: 100%;
		height: auto;
	}
	.person {
	    width: 100%;
	    height: 100%;
	    position: static;

	}
	.person_content{
		height: 90%;
	}

	.person_content .person_img {
	    width: 100%;
	    height: 100%;
	}

	.person_content .person_img img {
		width: 100%;
		height: 100%;
		}

	#boxes_filter .box.medium_box, #boxes_filter .box.medium_box.box_590{
		width: 100%;
	}
	.person_active .person_content .person_img img {
	    height: auto;
	    width: 100%;
	}

	.person_text {width: auto;}

	.person_active:hover .person_text {
		 height: 60% !important;
	    width: inherit;
	}
	.person_active:hover .more_text {
	    height: 140px;
	    padding: 10px;
	    margin: 10px 0 0 -10px;
	    width: 100%;
	}

	.person_active {
		height: 404px;
		}

	/* ----------------- contact ------------------- */
	#full_boxes, .simple_box.simple_box_wide {
    	width: 100%;
    	float: none;
    }

    .simple_box_3 .simple_col, .simple_box_2 .simple_col {
	    float: none;
	    width: 49%;
	    display: inline-block;
	}

	/* ----------------- footer ------------------- */
	#footer {
	    width: 100%;
	    margin-top: 25px;
	        height: 46px;
	}
	.copyright {
		margin-top: 20px;
	}

}

.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}

.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.intro_box--projects{

	width: 1030px;
	width: 880px;
	height: auto;
}

.intro_box--projects.not-set{
	opacity: .5!important;
}

.intro_box--projects .widgetLink{
	position: absolute;
    left: auto;
    top: 0;
    right: 0;
}

@media only screen and (max-width: 1200px){
	.intro_box--projects{
	width: 730px;
	}
}



@media only screen and (max-width: 905px){
	.intro_box--projects{
	width: 440px;
	}
	.box_image .second_half_image {
		margin-top: 6px;
	}
	
}
@media only screen and (max-width: 768px){
	.intro_box--projects{
	width: 100%;
	}
}
.prodibi-mediaView .brand{
	display: none !important;
}