/*
Theme Name: Kliment-Halsband
Author: Piscatello Design Centre
Description: Custom website theme
Version: 2.4.6
Text Domain: klimenthalsband

*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {-webkit-font-smoothing: antialiased} 
body {
	color:#939796;
	font-size:16px;
	line-height:24px;
	font-family:'HelveticaNeueW01-55Roma', helvetica, arial, sans-serif;
	letter-spacing:.02em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}

/* apply a natural box layout model to all elements */
*, *:before, *:after {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}






/* ----- BOOTSTRAP OVERRIDES -----*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
/* ----- BOOTSTRAP OVERRIDES -----*/



@font-face{
font-family:"HelveticaNeueW01-45Ligh";
src:url("fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
src:url("fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"),url("fonts/5a13f7d1-b615-418e-bc3a-525001b9a671.woff2") format("woff2"),url("fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"),url("fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"),url("fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
}
@font-face{
font-family:"Helvetica Neue LT W04_45 Light";
src:url("fonts/8354ea91-308b-4fd0-9822-223ad8497bd3.eot?#iefix");
src:url("fonts/8354ea91-308b-4fd0-9822-223ad8497bd3.eot?#iefix") format("eot"),url("fonts/488c4643-af87-4189-bb4f-171dea9ea41d.woff2") format("woff2"),url("fonts/556dc087-1c20-4822-b6df-1389f6b4e08f.woff") format("woff"),url("fonts/5f2dd72f-3779-49cd-a78c-db5f4085deb3.ttf") format("truetype"),url("fonts/1b8634c8-006a-49c6-aaf3-04a56845d964.svg#1b8634c8-006a-49c6-aaf3-04a56845d964") format("svg");
}
@font-face{
font-family:"HelveticaNeueW01-55Roma";
src:url("fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
src:url("fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"),url("fonts/b0868b4c-234e-47d3-bc59-41ab9de3c0db.woff2") format("woff2"),url("fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"),url("fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"),url("fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
}
@font-face{
font-family:"HelveticaNeueW01-75Bold";
src:url("fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
src:url("fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"),url("fonts/3b303641-706e-4221-94c4-4fb491f4f8ef.woff2") format("woff2"),url("fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),url("fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),url("fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}
@font-face{
font-family:"Helvetica Neue LT W04_75 Bold";
src:url("fonts/42980074-3753-4614-ac95-9506e9ad6c88.eot?#iefix");
src:url("fonts/42980074-3753-4614-ac95-9506e9ad6c88.eot?#iefix") format("eot"),url("fonts/31ee5279-92a8-43d1-9e8d-a418792435d2.woff2") format("woff2"),url("fonts/88d3aa78-c646-4af0-9318-7e4405946f99.woff") format("woff"),url("fonts/9e90bce2-6d02-4871-be6f-8eb1eb03eccf.ttf") format("truetype"),url("fonts/339b37a5-69e3-4a27-a530-38254d6d9d80.svg#339b37a5-69e3-4a27-a530-38254d6d9d80") format("svg");
}



a {
	/*color:#939796;*/
	color:#FF8B00;
}
a:hover {
	color:#939796;
	text-decoration:none;
}
a, a:hover, a:active, a:focus, a:active:hover, a:active:focus {
	outline:none !important;
	outline-style:none !important;
	outline-width: 0px !important;
	text-decoration:none;
}
h1 {
	font-size:30px;
}


/* ------ HEADER ------- */
header {
	background-color: rgba(0,0,0,0.3);
	position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
	width:100%; z-index:999999;
	transition:all 0.5s;
}
header:hover {
	background-color: rgba(0,0,0,0.6);
	transition:all 0.5s;
}
.nav-up {
    top: -50px;
}

ul#menu-footer-navigation {
	/*text-align:right;*/
	margin-top:0;
}
#menu-footer-navigation li {
	display:inline;
	background:none;
}
#menu-footer-navigation li:not(:last-child) {
	margin-right:145px;
}
#menu-footer-navigation li a {
	color:#fff;
	font-family:'HelveticaNeueW01-55Roma', helvetica, arial, sans-serif;
	text-shadow:none;
}
#menu-footer-navigation li a:hover {
	color:#FF8B00;
	text-decoration:none;
}
#logo {
	font-family:'HelveticaNeueW01-75Bold', helvetica, arial, sans-serif;
	/*font-weight:bold;*/
	font-size:15px;
	color:#ffffff;
	/*text-shadow: 1px 0 1px rgba(0,0,0, 0.5);*/
	line-height: 50px;
	/*letter-spacing:.05em;*/
	letter-spacing:0;
}
#logo:hover {
	text-decoration:none;
	color:#FF8B00;
}

ul.mainmenu:last-of-type {
	margin-top: 0;
}

ul.mainmenu li {
	display: inline-block;
	position: relative;
	/*padding: 0 15px;*/
	margin-right: 43px;
	line-height: 50px;
}
ul.mainmenu li:last-of-type {
	margin-right: 0;
}

@media all and (max-width: 991px) {
	ul.mainmenu li:last-of-type {
		display: flex;
		justify-content: center;
	}
} 
ul.mainmenu li a {
	color:#fff;
	font-size:15px;
	font-family:'HelveticaNeueW01-75Bold', helvetica, arial, sans-serif;

	letter-spacing:0;
}
ul.mainmenu li a:hover {
  	color:#FF8B00;
	text-decoration:none;
}	
ul.studiomenu li.current-menu-item a  {
	color:#000;
}

footer {
	line-height:50px;
	background-color:#939796;
	color:#fff;
	font-size:15px;
	font-family:'HelveticaNeueW01-55Roma', helvetica, arial, sans-serif;
}
.mobile-nav-btn {
	background: url(img/mobile-nav.png) no-repeat 0 0;
	width:24px;
	height:19px;
	right:0;
	margin:15px;
	cursor:pointer;
	position:absolute;
}
.show {
	display:block;
}
.no-show {
	display:none;
}
.mobile {
	display:none;
}
	
@media only screen and (max-width: 991px) {
	#logo {
		font-size:14px;
		line-height:50px;
	}
	.main-nav-menu {
		display:none;
	}
	.main-nav-container-mobile	{
		position: fixed;
		top:0;
		left:0;
		text-align: center;
		width: 100%;
		background-color:rgba(255,255,255,0.8);
		height:3000px;
	}
	ul.mainmenu {
		margin-top:100px;
	}
	header .container {
		width:100%;
	}
	ul.mainmenu li {
		display: block;
		background-color:#FF8B00;
		line-height:56px;
		margin-bottom:4px;
		text-align:center;
		margin-right:0;
	}
	ul.mainmenu li:hover {
		background-color:#939796;
	}
	ul.mainmenu li:hover > a {
		color:#fff;
	}
	ul.mainmenu li > a {
		color:#fff;
		display:block;
	}
	footer {
		color:#fff;
		font-size:14px;
	}
	.mobile-nav-btn {
		display: block;
	}
}








/* ------ MISCELLANEOUS ------- */

h1.home-heading, .banner-heading {
	color:#ffffff;
	font-size:46px;
	line-height:1.1;
	font-weight:normal;
	font-family:'HelveticaNeueW01-55Roma', helvetica, arial, sans-serif;
	margin-bottom:20px;
	display:block
}
a.banner-heading:hover {
	color:#FF8B00;	
}
h1 {
	color:#FF8B00;
	margin-bottom:40px;
	font-family:'HelveticaNeueW01-55Roma', helvetica, arial, sans-serif;
}

h2 {
	color:#939796;
	margin-bottom:40px;
	font-weight:normal;
	line-height: 1.3;
	font-family:'HelveticaNeueW01-55Roma', helvetica, arial, sans-serif;
}
h3 {
	margin-bottom:20px;
	font-family:'HelveticaNeueW01-55Roma', helvetica, arial, sans-serif;
}
p {
	margin-bottom:20px;
}
.banner-subheading {
	font-size:20px;
	color:#fff;
	text-transform:capitalize;
	font-family:'HelveticaNeueW01-55Roma', helvetica, arial, sans-serif;
}
.banner-heading:hover, .banner-subheading:hover {
	color:#fff;
	text-decoration:none;
}
.screen-height {
	height:100vh;
}
.attachment-200 {
	width: 100%;
	max-width:200px;
}
.attachment-300 {
	width: 100%;
	max-width:300px;
}
.attachment-400 {
	width: 100%;
}
.attachment-600-short {
	width: 100%;
	max-width:600px;
	margin-top:6px;
	margin-bottom:22px;
}
.attachment-800-short {
	width: 100%;
	margin-top:6px;
	margin-bottom:22px;
}
.attachment-600 {
	width: 100%;
	max-width:600px;
	margin-top:6px;
}
.container {
	width:90%;
}
hr {
	margin: 15px 0;
}
hr.divider {
	border: 0;
	height: 1px;
	background: #b3b3b3;
}
hr.spacer {
	border: 0;
	height: 0;
	background:none;
}
.no-margin-right {
	margin-right:0;
}
.modal-backdrop {
   background-color: #fff;
}
.modal-content {
	box-shadow:none;
	border:none;
	background-color:#FF9619;
	border-radius:0;
	text-align: center; 
}
.modal-header {
	border:none;
}
.share-heading {
	font-size:36px;
	color:#fff;
}
.close {
	opacity:1;
}
.modal-dialog {
	width:300px;
	height:300px;
}
.addthis_toolbox {
	margin:20px 0;
}
.custom_images {
	width: 150px;
	margin: auto;
}
.btn-info, .btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info.focus:active, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
	background-color:#FF9619;
	border:none;
	box-shadow:none;
}
.share-btn {
	border-radius:0;
}
.share-btn:hover {
	background-color:#939796;
}
video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover; 
}
.studiomenu li {
	display:inline;
	margin-right:50px;
	line-height:50px;
}
.studiomenu li a {
	color:#fff;
	font-size:15px;
	font-family:'HelveticaNeueW01-75Bold', helvetica, arial, sans-serif;
}
.bold-heading {
	font-family:'HelveticaNeueW01-75Bold', helvetica, arial, sans-serif;
}
.staff {
	margin-bottom:15px;
}
.staff-wrapper {
	position:relative;
	height:100%;
}

.staff-content {
	padding:10px 0 10px 15px;
	background:rgba(0,0,0,0.5);
	position:absolute;
	width:100%;
	bottom:0;
}
.staff-wrapper:hover > div {
	background:rgba(255,150,25,1);
}
.home-btn {
	background-color:#FF8B00;
	padding:13px 20px;
	font-size:24px;
	text-decoration:none;
	color:#fff;
	display:inline-block;
	/*border-radius:5px;*/
	font-family:'HelveticaNeueW01-55Roma', helvetica, arial, sans-serif;
}
.home-btn:hover {
	background-color:#939796;
}
ul.awards li .award {
	border-top:1px solid #b3b3b3;
	padding:12px 0;
	color:#939796;
}
ul.awards li:last-child .award {
	border-bottom:1px solid #b3b3b3;
}
ul.awards li .award-hover:hover {
	background-color:#f4f4f4;
}

.award {
		
	-moz-animation-name: expandAwards;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -moz-animation-duration: 0.75s;

    -webkit-animation-name: expandAwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-duration: 0.75s;

    animation-name: expandAwards;
    animation-iteration-count: 1;
    animation-timing-function:ease;
    animation-duration: 0.75s;	
}
@-moz-keyframes expandAwards {
    0% {
        padding: 0;
		opacity:0;
    }
    100% {
        padding: 12px 0;
		opacity:1;
    }
}
@-webkit-keyframes expandAwards {
    0% {
        padding: 0;
		opacity:0;
    }
    100% {
        padding: 12px 0;
		opacity:1;
    }
}
@keyframes expandAwards {
    0% {
        padding: 0;
		opacity:0;
    }
    100% {
        padding: 12px 0;
		opacity:1;
    }
}

img {
		
	-moz-animation-name: imgFade;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -moz-animation-duration: 1s;

    -webkit-animation-name: imgFade;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-duration: 1s;

    animation-name: imgFade;
    animation-iteration-count: 1;
    animation-timing-function:ease;
    animation-duration: 1s;	
}
@-moz-keyframes imgFade {
    0% {
		opacity:0;
    }
    100% {
		opacity:1;
    }
}
@-webkit-keyframes imgFade {
    0% {
		opacity:0;
    }
    100% {
		opacity:1;
    }
}
@keyframes imgFade {
    0% {
		opacity:0;
    }
    100% {
		opacity:1;
    }
}

.imgFadeIn {
		
	-moz-animation-name: imgFadeIn;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -moz-animation-duration: 1s;

    -webkit-animation-name: imgFadeIn;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function:ease;
    -webkit-animation-duration: 1s;

    animation-name: imgFadeIn;
    animation-iteration-count: 1;
    animation-timing-function:ease;
    animation-duration: 1s;	
}
@-moz-keyframes imgFadeIn {
    0% {
		opacity:0;
    }
    100% {
		opacity:1;
    }
}
@-webkit-keyframes imgFadeIn {
    0% {
		opacity:0;
    }
    100% {
		opacity:1;
    }
}
@keyframes imgFadeIn {
    0% {
		opacity:0;
    }
    100% {
		opacity:1;
    }
}

.work-awards {
	margin-bottom:40px;
}
.news-title, .news-title a {
	margin-bottom:20px;
	color:#FF8B00;
	text-decoration:none;
}
.news-title a:hover > .bold-heading {
	color:#939796;
}
.read-more a {
	color:#939796;
}
.read-more a:hover {
	color:#FF8B00;
	text-decoration:none
}
.news-page, .terms-page {
	padding-top:145px;
}
.news-page h1 {
	margin-bottom:0;
}
.news-date {
	color:#FF8B00;
	margin-bottom:20px;
}
.orange {
	color:#FF8B00;
}
.bg-orange {
	background-color:#FF8B00;
}
#map {
	width: 100%;
	height: 650px;
}
a.email {
	color:#939796;
	text-decoration:none;
}
a.email:hover {
	color:#FF8B00;
	text-decoration:none;
}
.studiomenu li a:hover {
	text-decoration:none;
	color:#000;
}
.employment a, .credits a {
	color:#939796;
}
.employment a:hover, .credits a:hover {
	color:#FF8B00;
}
.staff-title {
	color:#fff;
	display:block;
	font-size:15px;
}
.staff-position {
	color:#fff;
	display:block;
	font-size:15px;
	text-transform:capitalize;
}
.staff-inner {
	position:relative;
	line-height:0;
}
.staff-inner-content {
	position:absolute;
	z-index: 2;
	left:0px;
	bottom:0px;
	width:100%;
	display:block;
	transition:all 0.5s;
	background:rgba(0,0,0,0.5);
	padding-top:50%;
	padding:10px 15px;
	color:#fff;
	line-height: normal;
}
.staff-inner:hover > .staff-inner-content {
	background:rgba(255,150,25,1);
}
.staff-inner-no-hover:hover > .staff-inner-content {
	background:rgba(0,0,0,0.5);
}
.related-staff-inner, .related-news-inner, .related-work-inner {
	position:relative;
	line-height:0;
}

.related-news-inner {
  margin-bottom: 15px;
}

.related-staff-content {
	position:absolute;
	z-index: 2;
	left:0px;
	top:0px;
	text-align:center;
	width:100%;
	display:block;
	opacity:0;
	transition:all 0.5s;
	background:rgba(0,0,0,0);
	padding-top:50%;
	padding-left:10px;
	padding-right:10px;
	height:100%;
	color:#FF8B00;
	line-height: normal;
}
.related-staff-inner:hover > .related-staff-content, .related-news-inner:hover > .related-news-content, .related-work-inner:hover > .related-work-content {
	background:rgba(0,0,0,0.5);
	opacity:1;
	transition:all 0.5s;
}
.related-news-content {
	position:absolute;
	z-index: 2;
	left:0px;
	top:0px;
	text-align:center;
	width:100%;
	display:block;
	opacity:0;
	transition:all 0.5s;
	background:rgba(0,0,0,0);
	padding-top:45%;
	padding-left:10px;
	padding-right:10px;
	height:100%;
	color:#FF8B00;
	line-height: normal;
}
.related-work-content {
	position:absolute;
	z-index: 2;
	left:0px;
	top:0px;
	text-align:center;
	width:100%;
	display:block;
	opacity:0;
	transition:all 0.5s;
	background:rgba(0,0,0,0);
	padding-left:10px;
	padding-right:10px;
	height:100%;
	color:#FF8B00;
	font-size:24px;
	line-height: normal;
}
.related-item {
	margin-bottom:15px;
}
.gallery-vimeo-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.gallery-vimeo-container iframe, .gallery-vimeo-container object, .gallery-vimeo-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mobile-btns .mobile-btn {
	text-align:center;
	background-color:#FF8B00;
	border:1px solid #fff;
	line-height:50px;
}
footer .mobile-btn:hover {
	background-color:#939796;
}
.mobile-btns .mobile-btn a {
	color:#fff;
	line-height:50px;
}
.fadeitem {
	display:none;
}





/* ------ WORK ------- */
.work-section {
	margin-top:15px;
	margin-bottom:35px;
}
.work-filters li {
	display:inline;
	margin-right:2vw;
	line-height:50px;
}
.work-filters li:last-of-type {
    margin-right: 0;
}

.work-filters li a {
	color:#ffffff;
	font-size:15px;
	font-family:'HelveticaNeueW01-75Bold', helvetica, arial, sans-serif;
}
.work-filters li span {
	font-size:15px;
}
.work-filters li a:hover, .work-filters li span:hover {
	text-decoration:none;
	color:#000;
}
.work-filters li.current a {
	color:#000;
}
.work-item {
	margin-bottom: 15px;
	/*padding:0 20px;
	width:440px;
	height:400px*/
}
.work-item a {
	text-decoration:none;
}
.work-item-inner {
	position:relative;
	line-height:0;
}
.work-item-content {
	position:absolute;
	z-index: 2;
	left:0px;
	top:0px;
	text-align:center;
	width:100%;
	display:block;
	opacity:0;
	transition:all 0.5s;
	background:rgba(0,0,0,0);
	/*padding-top:40%;*/
	padding-left:10px;
	padding-right:10px;
	height:100%;
	line-height: normal;
}
.work-item-content-title {
	font-size:24px;
	color:#fff;
}
.work-item-inner:hover > .work-item-content {
	opacity:1;
	transition:all 0.5s;
	background:rgba(0,0,0,0.5);
}
.work-item-content-cat {
	color:#FF8B00;
	display:block;
	font-size:16px;
	text-transform:capitalize
}
.related-project .work-item-content {
	padding-top:130px;
	height:300px;
}

.work-filters li a, .work-filters li span {
	color:#fff;
	cursor:pointer;
}
.gallery img {
	width:100%;
	line-height: 0;
	margin-top:15px;
}
.details {
	border-top: 1px solid #939796;
	border-bottom: 1px solid #939796;
	margin-bottom:15px;
	padding: 15px;
}
.description {
	margin-bottom:20px;
}
.award {
	margin-left:0;
	margin-right:0;
}
.awards {
	margin-bottom:40px;
}
iframe.home-video {
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
#home-video-container {
     /*position: absolute;*/
     z-index: 2;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
}

.work-item-content-year {
	display:none;
}
.work-item { 
  float: left; 
}
.work-list {
	/*height:65px;*/
	padding:0;
	background:none;
	margin-bottom:0;
}
ul div.work-list .work-item-inner {
	border-bottom: 1px solid #9a9a9a
}
.work-list .work-item-content {
	/*height:65px;*/
	padding:14px 0;
	text-align:left;
	position:relative;
	opacity:1;
}
.work-list img {
	display:none;
}
.work-list .work-item-content-title {
	color:#9a9a9a;
	font-size:16px;
	display:inline-block;
	width:50%;
}
.work-list .work-item-content-cat {
	color:#9a9a9a;
	font-size:16px;
	display:inline-block;
	width:20%;
	padding-left: 3px;
}
.work-list .work-item-content-year {
	color:#9a9a9a;
	font-size:16px;
	display:inline-block;
	width:20%;
}
.work-list .work-item-inner:hover > .work-item-content {
	background:rgba(0,0,0,0.1);
}
.work-filter-active, .work-filter-active span {
	color:#000 !important;
}
.work-item-content-container-margin {
	margin-top:auto !important;
	display: flex;
	justify-content: space-between;
}
ul.work-filters li a::-moz-focus-inner {
  border: 0;
}
.project-size p {
	margin-bottom:0;
}
.banner-height {
	height:650px
}
.piscatello a {
	color:#939796;
	text-decoration:none;
}
.piscatello a:hover {
	color:#FF8B00;
	text-decoration:none;
}
.heading-container {
	padding-top: 300px;
}
.mobile-arrow {
	display:none;
}
.mobile-hide {
	display:block;
}
.mobile-show {
	display:none;
}
h2.contact {
	margin-bottom:22px;
}
@media only screen and (max-width: 640px) {
	.mobile-hide {
		display:none;
	}
	.mobile-show {
		display:block;
	}
	
	.gallery-vimeo-container {
		z-index:999;
	}
	video#bgvid {
		display:none;
	}
		
	.work-filters li {
		display: inline-block;
		width: 50%;
		text-align: center;
		border:1px solid #fff;
		margin-right:0;
	}
	.work-filters li:nth-child(even) {
		border-left:0;	
	}
	.work-filters li:nth-child(odd) {
		border-right:0;	
	}
	#etc.work-filters li:nth-child(even) {
		border-right:0;
		border-left:1px solid #fff;
		font-size:30px;
	}
	#etc.work-filters li:nth-child(odd) {
		border-left:0;	
		border-right:1px solid #fff;
		font-size:30px;
	}
	li.work-filter-all {
		display: inline-block;
		width: 100%;
		text-align: center;
		border-top:0;
		border-bottom:1px solid #fff;
		border-right:0;
		border-left:0;
		margin-right:0;
	}
	.mobile-container {
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	li#image-view, li#list-view {
		display: inline-block;
		width: 50%;
		text-align: center;
		background:#FF8B00;
	}
	ul#etc {
		width: 100%;
		display: inline-flex;
	}
	span.work-view-text {
		display:none;
	}
	h1.home-heading, .banner-heading {
		font-size:30px;
		margin-bottom:30px
	}
	.banner-height {
		height:100vh;
	}
	.heading-container {
		padding-top:80px;
	}
	.mobile-no-margin {
		margin-left:0;
		margin-right:0;
	}
	.mobile-no-pad {
		padding-left:0;
		padding-right:0;
	}
	.mobile-no-border {
		border-left:0;
		border-right:0;
	}
	.mobile-bold {
		font-family:'HelveticaNeueW01-75Bold', helvetica, arial, sans-serif;
	}
	.work-list .work-item-content-cat {
		display:none;
	}
	.work-list .work-item-content-title {
		width:100%;
	}
	.work-list .work-item-inner:hover > .work-item-content .work-item-content-container .work-item-content-title {
		color:#FF8B00;
	}
	.work-list .work-item-content-year {
		display:block;
	}
	.work-image .work-item-content {
		opacity:1;
		bottom:0;
		text-align:left;
		font-size:16px;
		height:35%;
		background:rgba(0,0,0,0.5);
		top:auto;
		padding-top:10px;
	}
	.related-work-content {
		opacity:1;
		bottom:0;
		text-align:left;
		font-size:16px;
		height:30%;
		background:rgba(0,0,0,0.5);
		top:auto;
		padding-top:10px;
		
		color:#fff;
	}
	.work-item-content-cat {
		font-style:italic;
		color:#fff;
	}
	.v-center-related {
		margin-top: 0 !important;
	}
		
	.work-image .work-item-content-year {
		display:none;
	}
	.work-image .work-item-content-title, .work-image .work-item-content-cat {
		font-size:15px;
		color:#fff;
		display:block;
	}
	.work-image .work-item-content-cat {
		font-style:italic;
	}
	.work-image .work-item-content-container {
		margin-top:0 !important;
	}
	#map {
		height:300px;
	}
	h2.contact {
		margin-bottom:0;
		margin-top:15px;
	}
	.mobile-arrow {
		position:absolute;
		bottom:15px;
		left:0;
		right:0;
		text-align:center;
		display:block;
	}
}
@media only screen and (min-width: 641px) {
	.mobile-btns {
		display:none;
	}
	span.work-view-img {
		display:none;
	}
	
}
@media only screen and (min-width: 991px) {
	.mobile-nav-btn {
		display: none;
	}
	.main-nav-container {
		display:inline-block;
	}
	.main-nav-menu {
		display:block;
	}
}

.social-icon,
.social-icon:visited {
	color: #FFF;
}

.social-icon:hover,
.social-icon:active {
	color: #FF8B00;
}

.social-icon:visited i::before {
	color: #FFF;
}
.social-icon:active i::before {
	color: #FF8B00;
}

/*--- Fixed Video Background iOS/Mobile Style--*/

.video-wrap {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#video {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  z-index: -1000;
}


.video-wrap iframe { 
  width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.video-background {
    position: relative;
    width: 100%;
    min-height: 70vh;
}

.caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.desktop-only {
    display: none;
}

@media (min-width: 992px) {
    .desktop-only {
        display: block;
    }

    .mobile-only {
        display: none;
    }
}

.project-related-news {
  margin-bottom: 40px;
}

.project-related-news ul {
  list-style-type: circle;
  list-style-position: inside;
}

.project-related-news a {
  margin-left: -8px;
}