@font-face {
	font-family: 'Helvetica Neue LT';
	font-weight: 100;
	src:	url('/fonts/HelveticaNeueLTStd-Th.eot');										/* IE9 Compat Modes */
	src:	url('/fonts/HelveticaNeueLTStd-Th.eot?#iefix') format('embedded-opentype'),		/* IE6-IE8 */
			url('/fonts/HelveticaNeueLTStd-Th.otf') format('opentype'),
			url('/fonts/HelveticaNeueLTStd-Th.woff') format('woff'), 						/* Pretty Modern Browsers */
			url('/fonts/HelveticaNeueLTStd-Th.ttf') format('truetype'), 					/* Safari, Android, iOS */
			url('/fonts/HelveticaNeueLTStd-Th.svg#HelveticaNeueLTStd-Th') format('svg');	/* Legacy iOS */
}

@font-face {
	font-family: 'Helvetica Neue LT';
	font-weight: 300;
	src:	url('/fonts/HelveticaNeueLTStd-Lt.eot');										/* IE9 Compat Modes */
	src:	url('/fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),		/* IE6-IE8 */
			url('/fonts/HelveticaNeueLTStd-Lt.otf') format('opentype'),
			url('/fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), 						/* Pretty Modern Browsers */
			url('/fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'), 					/* Safari, Android, iOS */
			url('/fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg');	/* Legacy iOS */
}

@font-face {
	font-family: 'Helvetica Neue LT';
	font-weight: 500;
	src:	url('/fonts/HelveticaNeueLTStd-Md.eot');										/* IE9 Compat Modes */
	src:	url('/fonts/HelveticaNeueLTStd-Md.eot?#iefix') format('embedded-opentype'),		/* IE6-IE8 */
			url('/fonts/HelveticaNeueLTStd-Md.otf') format('opentype'),
			url('/fonts/HelveticaNeueLTStd-Md.woff') format('woff'), 						/* Pretty Modern Browsers */
			url('/fonts/HelveticaNeueLTStd-Md.ttf') format('truetype'), 					/* Safari, Android, iOS */
			url('/fonts/HelveticaNeueLTStd-Md.svg#HelveticaNeueLTStd-Md') format('svg');	/* Legacy iOS */
}

@font-face {
	font-family: 'Helvetica Neue LT';
	font-weight: 900;
	src:	url('/fonts/HelveticaNeueLTStd-Bd.eot');										/* IE9 Compat Modes */
	src:	url('/fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'),		/* IE6-IE8 */
			url('/fonts/HelveticaNeueLTStd-Bd.otf') format('opentype'),
			url('/fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), 						/* Pretty Modern Browsers */
			url('/fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'), 					/* Safari, Android, iOS */
			url('/fonts/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg');	/* Legacy iOS */
}


/* ---------------------- general -------------------*/

/*----------------------- modals --------------------*/
.modal-dialog {z-index: 1050;}

.navbar-default {
	/*background-color: #fff;
	border-color: #fff;*/
}

img.logo-small {
	max-height: 25px;
}

img.logo {
	max-height: 25px;
	max-width: 200px;
	/*padding: 10px 0px 0px 0px;*/
}


body {
	font-family: 'Helvetica Neue LT'!important;
	font-weight: 300;
	/*background: url(/images/bg.png) repeat;*/
	color: #636466;
	font-size: 12px;
	line-height: 14px;
	padding-bottom: 25px;
}

.awards-col {
	padding-left: 26px;
}

.studio-col {
	padding-left: 25px;
}

@media (min-width : 1200px) {
	.no-right-pad{
		padding-right: 0px;
	}
}


.body-content {
	padding-top: 0px;
}

/* ---------------------- main navbar -------------------*/

a {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}

a.navlink-top{
	font-weight: 300;
	color: #b5b6b7;
	/*color: #939598;*/
}

a.navlink-top:hover, a.navlink-top:focus, a.active.navlink-top {
	text-decoration: none;
	color: #fff;
}


/* http://css-tricks.com/equidistant-objects-with-css/ */
.nav-container{
	background: #000;
	padding: 4px 0px 4px 0px;
	margin: 0px;
}

.nav-container > div{
	text-align: center;
	padding: 0px;
	margin: 0px;
}

.nav-container > div > div {
	text-align: center;
	/*border-right: 1px solid #b5b6b7;*/
	padding: 0px;
	margin: 0px;
}

.right-align{
	text-align: right;
}

.home-link{
	display: inline-block;
	width: 100%;
	text-align: center;
}

.nav-container > div > div > a{
	display: inline-block;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

.no-margin{
	margin: 0px;
}


/* ---------------------- mobile navbar -------------------*/
@media (max-width : 1199px) {
	div.page-wrapper{
		padding: 70px 0px 0px 0px;
		max-width: 90%;
		display: block;
		margin: 0 auto;
	}
}

@media (min-width : 1200px) {
	div.page-wrapper {
		padding-top: 50px;
		max-width: 90%;
	}
}

ul.dropdown-menu ul{
	list-style-type: none;
	padding-left: 0px;
}

ul.dropdown-menu li a{
	cursor: pointer;
	font-size: 12px;
	font-weight: 300;
	color: #555;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 1.42857143;
	display: block;
	
}


ul.dropdown-menu li a:hover, ul.dropdown-menu li a:focus {
	color: #222;
	background-color: #ddd;
}

ul.dropdown-menu li>a.active{
	color: #333;
	background-color: #eee;
}

ul.dropdown-menu li>a.active:hover{
	color: #222;
	background-color: #ddd;
}

@media (max-width: 767px){
	ul.nav a, ul.dropdown-menu li a{
		font-size: 14px;
	}
	
	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>li>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus
	{
		color: #222;
		background-color: #ddd;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu>li>a,
	ul.dropdown-menu li a
	{
		padding-top: 4px;
		padding-bottom: 4px;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu>li>a.active,
	ul.dropdown-menu li>a.active
	{
		color: #333;
		background-color: #e7e7e7;
	}
}

/* ---------------------- side menu -------------------*/
ul.sidemenu{
	padding: 0px;
	width: 100px;
}
ul.sidemenu > li{
	list-style-type: none;
	line-height: 140%;
	padding: 1px 0px 1px 0px;
	width: 100px;
}

ul.sidemenu > li:first-child
{
	padding-top: 10px;
}

ul.sidemenu ul.submenu {
	list-style-type: none;
	padding-left: 15px;
	line-height: 140%;
	
	display: none;
	/*width: 100px;*/
}

ul.submenu li{
	/*width: 100px;*/
}

ul.sidemenu li a{
	font-weight: 300;
	color: #b5b6b7;
	width: 100px;
}

ul.sidemenu li a:hover, ul.sidemenu li a:focus, ul.sidemenu li > a.active
{
	color: #000;
}


.border-col{
	border-left: 1px solid #444;
	margin-left: -1px;
	padding-left: 3%;
	padding-right: 0px;
}

.sidemenu-level-1 > li > a{
	cursor: pointer;
}



/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes slideDown{ 
	from {-webkit-transform:translate(0px, -35px); opacity:0;} 
	to {-webkit-transform:translate(0px, 0px); opacity:1;}
}
@-moz-keyframes slideDown { 
	from {-moz-transform:translate(0px, -35px); opacity:0;} 
	to {-moz-transform:translate(0px, 0px); opacity:1;}
}
@keyframes slideDown { 
	from {transform:translate(0px, -35px); opacity:0;} 
	to {transform:translate(0px, 0px); opacity:1;}
}


@-webkit-keyframes slideRight { 
	from { -webkit-transform:translate(-15px, 0px); opacity:0; } 
	to { -webkit-transform:translate(0px, 0px); opacity:1; }
}
@-moz-keyframes slideRight { 
	from { -moz-transform:translate(-15px, 0px); opacity:0; } 
	to { -moz-transform:translate(0px, 0px); opacity:1; }
}
@keyframes slideRight { 
	from { transform:translate(-15px, 0px); opacity:0; } 
	to { transform:translate(0px, 0px); opacity:1; }
}


.slide-down {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:slideDown ease 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:slideDown ease 1;
	animation:slideDown ease 1;
 
	/* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-webkit-animation-fill-mode:forwards;  
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-duration:0.7s;
	-moz-animation-duration:0.7s;
	animation-duration:0.7s;
}


.slide-right {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:slideRight ease 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:slideRight ease 1;
	animation:slideRight ease 1;
 
	/* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-webkit-animation-fill-mode:forwards;  
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
 
.slide-down.one {
	-webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.slide-right.two {
	-webkit-animation-delay: 0.7s;
	-moz-animation-delay:0.7s;
	animation-delay: 0.7s;
}


/* ---------------------- slideshow controls -------------------*/



.owl-prev, .owl-next 
{
	background: rgba(255,255,255,0.5);
	cursor: pointer;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	width: 40px;
	z-index: 2;
}

.owl-prev { left: 0; }

.owl-prev > span 
{
	background-position: 0px -40px;
	background: url(/images/camera_skins.png) no-repeat 0 0;
	display: block;
	height: 40px;
	width: 40px;
}

.owl-next { right: 0; }

.owl-next > span 
{
	background-position: -40px -40px;
	background: url(/images/camera_skins.png) no-repeat -40px 0;
	display: block;
	height: 40px;
	width: 40px;
}

.owl-prev, .owl-next 
{
	opacity: 0 !important; 
	-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;
}

.owl-carousel:hover .owl-prev {opacity: 1 !important;}
.owl-carousel:hover .owl-next {opacity: 1 !important;}


.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; 
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px; 
}

.owl-carousel:not(#homepage-slider){
	/*padding: 0px 0px 20px 0px;*/
}

.owl-theme .owl-dots {
    -webkit-tap-highlight-color: transparent; 
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; 
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px; 
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791; 
}


@media (max-width : 767px) 
{
	.owl-theme .owl-dots {
		margin: 20px 0px 0px 0px;
		text-align: center;
	}

	.owl-prev, .owl-next { top: 38%; }
}

@media (min-width : 768px) 
{
	.owl-theme .owl-dots {
		margin: 20px 0px 10px 0px;
		text-align: left;
	}
	
	.owl-prev, .owl-next { top: 44%; }
}



/* ---------------------- home -------------------*/
.divider {
	border-top: 1px solid #656565;
	margin: 20px 0px;
}

.section-title {
	font-weight: bold;
	color: #aaa;
	text-transform: uppercase;
	font-size: 20px;
	padding-bottom: 15px;
}

.news-title {
	font-weight: 300;
	color: #666;
}

.news-body {
	font-weight: 300;
	color: #aaa;
	text-align: justify;
}


/* ---------------------- contact -------------------*/

.contact-text{
	color: #111;
	padding-top: 5px
}

.contact-text .navlink{
	color: #444;
}

.contact-text .navlink:hover{
	text-decoration: underline;
}

.contact-text .row{
	padding-top: 5px;
}

.embed-responsive.embed-responsive-2by1{
	padding-bottom: 50%;
}

.info-window{
	line-height: 1.35;
	overflow: hidden;
	white-space: nowrap;
}

a.social-fb
{
	width: 21px;
	height: 21px;
	background-image: url(/images/icon-fb.png);
	background-size: cover;
	display: inline-block;
}

a.social-fb:hover
{
	background-image: url(/images/icon-fb-hover.png);
}

a.social-li
{
	width: 22px;
	height: 22px;
	background-image: url(/images/icon-li.png);
	background-size: cover;
	display: inline-block;
}

a.social-li:hover
{
	background-image: url(/images/icon-li-hover.png);
}


a.social-twitter
{
	width: 30px;
	height: 25px;
	background-image: url(/images/icon-twitter.png);
	background-size: cover;
	display: inline-block;
}

a.social-twitter:hover
{
	background-image: url(/images/icon-twitter-hover.png);
}


/* ---------------------- thumbnail gallery -------------------*/

div.gallery-wrapper{
	padding:0 0 0 0;
	margin:0 0 0 0;
	/*display: none;*/
}

div.gallery-wrapper:not(#Container){
	display: none;
}

div.gallery-wrapper > div{
	/*list-style:none;*/
	padding:0 0 0 0;
	margin-bottom:4px;
	/*display: none;*/
}

.thumbnail-wrapper{
	display: block;
	margin-right: 2px;
	margin-left: 2px;
}

.thumbnail-wrapper .img-overlay{
	position: absolute;
	bottom: 0px;
	right: 2px;
	left: 2px;
	padding: 1px 5px 2px 10px;
	font-size: 13px;
	
	z-index: 20;
	overflow: hidden;
	
	color: #fff;
	background: rgba(0,0,0,0.3);
	
	opacity: 0; 
	transition: opacity .35s ease-in;
}

.thumbnail-wrapper:hover .img-overlay{
	opacity: 1;
}

.thumbnail-wrapper:hover, .thumbnail-wrapper:focus{
	cursor: pointer;
}

.thumbnail-border{
	border: 0px solid #3f3f3f;
}

.thumbnail-wrapper img{
	/*
	filter: gray;
	-webkit-filter:grayscale(1);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
	*/
	
	-moz-transition:all 0.6s ease-in;
	-webkit-transition:all 0.6s ease-in;
	-ms-transition:all 0.6s ease-in;
	-o-transition:all 0.6s ease-in;
	transition:all 0.6s ease-in;
}

.thumbnail-wrapper img:hover{
	/*
	filter: none;
	-webkit-filter:grayscale(0);
	*/
}

/* ---------------------- people page -------------------*/

.people-wrapper{
	display: block;
	margin-right: 2px;
	border: 0px solid #3f3f3f;
	text-align: center;
}

.people-wrapper img{
	display: inline-block;
}

.people-name{
	color: #111;
	text-align: center;
	padding: 5px 5px 2px 5px;
}

.people-desc{
	color: #aaa;
	text-align: justify;
	padding: 0px 2px 0px 2px;
}


/* ---------------------- about-us page -------------------*/
.about-us-wrapper{
	/*margin-top: 30px;*/
}

img.about-us-img {
	padding-bottom: 5px;
}

.about-us-text{
	font-weight: 300;
	font-size: 14px;
	line-height: 17px;
	color: #222;
	text-align: justify;
	margin-bottom: 7px;
	
}



/* ---------------------- project details page -------------------*/

.camera_fakehover{
	border: 0px solid #3f3f3f;
	/*background-color: #000;*/
}

div.camera_prev, div.camera_next{
	background-color: rgba(255,255,255,0.5);
	/*background-color: rgba(241,189,9,0.7);*/
}

.camera_thumbs_cont{
	background: #fff;
}

.camera_thumbs_cont ul {
	text-align: left;
	padding: 0px 4px 8px 0px;
}

.camera_thumbs_cont ul li{
	padding: 0px 5px 0px 0px;
}

.camera_thumbs_cont ul li > img {
	border: 0px solid #000;
}

img.set-grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

img.set-colour{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
}



img.camera_thumb{
	width: 100px;
	height: 67px;
	
	filter: gray;
	-webkit-filter:grayscale(1);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	
	-moz-transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}

img.camera_thumb:hover, li.cameracurrent img{
	filter: none;
	-webkit-filter:grayscale(0);
}

.project-title{
	font-size: 25px;
	line-height: 27px;
	font-weight: 400;
	color: #111;
	margin-bottom: 0;
	padding-bottom: 10px;
}

.project-themes{
	margin: 10px 0px 20px 0px;
}

.project-themes > a{
	display: inline-block;
	margin: 0px 5px;
	font-weight: 300;
	color: #000;
}

.project-themes > a:first-child{
	margin: 0px 5px 0px 0px;
}

.project-themes > a:hover, .project-themes > a:focus, .project-themes > a.active{
	color: #000;
}

.project-desc{
	font-weight: 300;
	color: #888;
	text-align: justify;
}

.plan-img{
	text-align: center;
}

@media (max-width : 768px) {
	.plan-img > img{
		max-height: 70px;
	}
}

.plan-img img{
	display: inline-block;
}

/*pix_thumb_0 cameracurrent camera_visThumb*/


/* ---------------------- awards page -------------------*/

div.award-heading{
	font-size: 16px;
	font-weight: bold;
	padding: 15px 0px 20px 0px;
	color: #111;
	margin: 0px 0px 0px 0px;
}

ul.award-list li{
	color: #888;
}

ul.award-list{
	list-style-type: none;
	padding-left: 0px;
}


div.award-line-1{
	font-weight: normal;
	font-size: 14px;
	color: #111;
	margin: 0px 0px 0px 0px;
}

div.award-line-2{
	color: #111;
	font-size: 13px;
	padding-bottom: 8px;
}

/* ---------------------- news -------------------*/
.homepage-news-wrapper{
	margin-right: 0px;
}

.homepage-news-wrapper > div{
	/*padding-left: 0px;*/
	padding-right: 0px;
}

.homepage-news-wrapper .row{
	margin-left: 0px;
	margin-right: 0px;
}

a.popup{
	cursor: pointer;
	display: block;
	padding-bottom: 10px;
	text-align: center;
}

a.popup > img{
	margin: 0 auto;
}

.news-item-wrapper{
	padding-left: 10px;
	padding-right: 0px;
}

.news-item{
	margin-top: 15px;
	border-top: 2px dotted #bababa;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

.row.news:first-child .news-item{
	margin-top: 0px;
	border-top: none;
	padding-top: 0px;
}




.news-title{
	font-weight: normal;
	font-size: 14px;
	color: #111;
}

.news-desc{
	color: #111;
	font-size: 13px;
}

#imagepreview{
	border: 1px solid #000;
	display: block;
	margin: 0 auto;
}

#imagemodal .modal-header{
	border-bottom: none;
}
/* ---------------------- publications -------------------*/

.pub-container{ margin: 0px; padding: 0px; }

.pub-heading{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 0px;
}

.pub-item{
	/*margin-bottom: 5px;
	padding-left: 7px;
	padding-right: 7px;*/
}

.pub-item > .popup{
	margin-top: 10px;
	border-top: 2px dotted #bababa;
	padding-top: 20px;
}

@media (min-width : 768px) {
	.row.pubs:first-child .pub-item > .popup,
	.masonry .pub-item:nth-child(-n+3) > .popup
	{
		margin-top: 0px;
		border-top: none;
		padding-top: 0px;
	}
}

.pub-item a.popup > img{
	border: 1px solid #000;
}


/************** browser update notify ****************/ 
body .buorg {
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	border-bottom:0px solid #f5da8f;
	background:#fcf2d7 no-repeat 1em 0.55em url(http://browser-update.org/img/dialog-warning.gif);
	text-align:left;
	cursor:pointer;
	font-family: Arial,Helvetica,sans-serif; 
	color:#000;
	font-size: 12px;
}

body #buorgclose {
	position: absolute;
	font-weight: bold;
	padding:0;
	font-size: 30px;
	height: 20px;
	width: 20px;
}

@media (max-width : 767px) 
{
	body .buorg div { padding:5px 36px 5px 40px; }

	body #buorgclose 
	{
		right: 8px;
		top:8px;
	}
}

@media (min-width : 768px) 
{
	body .buorg div { padding:10px 36px 10px 40px; }

	body #buorgclose 
	{
		right: 10px;
		top:10px;
	}
}

body .buorg a {
	color:#E25600;
}