body, .columns .col .work_item_title, h1, h2, h3, h4 { font: 17px/21px "TheinhardtMedium", sans-serif; margin: 0; margin:0; padding:0;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


button {font-family: "TheinhardtMedium"}
.project_text .project_description { font-family: "theinhardtmedium", sans-serif;; }
h1, .title, strong, b { font-family: "TheinhardtMedium", sans-serif; font-weight: normal }
#header #logotype, button {font-family: "TheinhardtMedium", sans-serif;}
.project_text .project_description { font-family: "TheinhardtMedium", sans-serif;; }



#close_messages { cursor:pointer}
.messages { width: 100%; font-size: 12px; }
.messages-container{ margin-bottom:30px}
div.messages {background-position: 15px 20px; background-size: 17px; background-repeat: no-repeat;border: none; margin: 6px 0; padding: 20px 20px 20px 40px; margin-bottom:-45px;  width:auto; overflow:hidden; font-size:12px}
div.status, table tr.ok {background-color: #4EFF00;}
div.status, .ok {color: #FFFFFF;}
div.status {background-image: url(imgs/ok-m.png); border: none;}
div.error, table tr.error {background-color: #FF0004;}
div.error, .error {color: #FFFFFF;}
div.error {background-image: url(imgs/error-5-m.png); border-color: #ed541d;}
#admin-menu {position: fixed; opacity: 0.05;}
#admin-menu:hover {opacity: 1;}
body.admin-menu.adminimal-menu:before {height: 0;}
body.cke_editable { padding:10px; max-width:800px;}
#user-login .error { color: #f00;}



p { display: block; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; margin:0}

a, a:hover, a:visited, a:active /*, .nav a:hover, .nav a:visited, .nav a:active */ , .underline { color: #000; text-decoration: none; border-bottom: 2px #000 solid; border:none; text-decoration: none; background: url(imgs/underline_2px.png) repeat-x 100% 100%; padding-bottom: 5px; padding-bottom: 2px; margin-bottom: -2px; /* white-space: nowrap; */}
.no_border, .no_border:hover, .no_border:visited, .no_border:link, .nav a, .nav a:visited{ border:none; background:none; text-decoration:none}






ul { list-style: none; padding: 0; margin: 0}
.small, .description { font-size:13px; line-height:16px}
.small a {height: 15px; display: inline-block;}
.form-item { margin-bottom:10px}
*:focus {outline: 0;}
.fadeInLoad{animation:fadeInLoad 0.3s}
@keyframes fadeInLoad {	from{opacity:0}	to{opacity:1}}
button {font: 17px/21px "theinhardtmedium", sans-serif;}
p { text-indent:30px}
p:first-child, .no-indent, .no-indent p { text-indent:0}


.title p, .title span, .work_item_title p {display: inline-block;  text-indent:0}




/*#container, #project { min-height: calc(100vh - 280px) }*/

#container, #header_inner, #project, #footer_inner, .umbrella_text_inner, .messages, #spoiler-inner{padding-left:40px; padding-right:40px; min-width:160px; max-width:1800px; margin: 50px auto 0 auto;}

#admin-menu {z-index: 11000;}
#header { width: 100%; position: fixed; top:0; z-index: 10000; padding: 0; background: #fff; height: 50px}
#header_inner { margin-top: 15px; height: 24px; }
#header #logotype { /* float: left; */ /* width: 22.2222222%; */ padding-bottom: 0; padding-top: 0; font-size: 30px; padding-left:10px; position: absolute}
#header #logotype .col_inner{padding-bottom:0; padding-top:0}


#footer{ width: 100%; margin-top: 50px; padding: 20px 0 30px 0;}
#footer_inner{ margin-top: 0; min-height: 30px;}
#footer_ruler{border-top:1px #000 solid; margin:0 10px 0 10px;}

.social { font-size: 0.5em;}
.social a { border-bottom:none}
.social img { height: 15px; padding: 0 2px 0 0; margin-bottom: -2px;}

/* MARGINS */
#header #nav {right: 75px;top: 18px;float: right;padding: 3px 10px 0 0;}
.slideshow-container{padding: 0 10px 0 10px}
#header_inner, #footer_inner, .umbrella_text_inner, #spoiler-inner {padding: 0 40px 0 40px; }

/* NAVIGATION */
#nav ul{list-style:none;position:relative;float:left;margin:0;padding:0}
#nav .top_nav { cursor: pointer}
#nav .sub_nav {padding:0 10px 10px 10px; margin-left:-10px;}
#nav ul li{position:relative;float:left;margin:0;}
#nav ul li.current-menu-item{background:#ddd}
#nav ul ul{display:none;position:absolute;top:100%;left:0;background:#fff;padding:0}
#nav ul ul li{float:none;width:200px}
#nav ul ul ul{top:0;left:100%}
#nav ul li:hover > ul{display:block}
#nav #about, #nav #medium_filter { margin-left: 30px}
#nav_mobile { display:none}
#nav a {margin-top: 0; display: inline-block;}
#project_title{width: 110px;display: inline-block;}
#nav .trigger {right: -10px;top: -10px;}
#nav_trigger { position: absolute; right: 0; top: 0}

/* SLIDESHOWS */
.swiper-container, .swiper-container-home{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-home{min-height:600px}
.swiper-container-studio{min-height:none}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical > .swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);-moz-transform:translate3d(0px,0,0);-o-transform:translate(0px,0px);-ms-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}
.swiper-container-multirow > .swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode > .swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-vertical > .swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0px,-50%,0);-moz-transform:translate3d(0px,-50%,0);-o-transform:translate(0px,-50%);-ms-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0)}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal > .swiper-pagination{bottom:10px;left:0;width:100%}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet{margin:0 5px}

.slideshow-container{margin-bottom:30px; position:relative;}
.slideshow-container, .slide {max-height:85vh; min-height:85vh;}
.arrow{width:60px;bottom:0; height:auto; position:absolute; top:0; border:0 none; padding:0; overflow:hidden; height:100%; z-index:2; background:#fff; cursor: pointer;}
.arrow::after{content:'';position:absolute;top:50%;margin-top:-7px;display:block;background-size:contain;background-repeat:no-repeat;background-position:center center;width:33px;height:5px}
.prev{left:-50px}
.next{right:-50px}
.prev::after{left:27.5px}
.next::after{right:27.5px}
.owl-theme .owl-controls { display: none}
.owl-stage-outer{height:100%}
.owl-carousel,.slide{height:100%;}
.slide img{position:absolute;opacity:0!important}
.slide{background-size:cover;background-position:center center;}

.arrow, .legend{opacity:0;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.slideshow-container:hover .arrow, .slideshow-container:hover .legend{opacity:1}
.slideshow-container.nSlides-1:hover .arrow {opacity:0}

.slideshow-container {cursor:pointer}
.slideshow-container.nSlides-1 { cursor:default}

.legend {position: relative;z-index: -1; padding-top:2px}
.count { margin-right:10px}
.image_credits { margin-left:20px}

.swiper-credits p { display:inline-block}

/* NEWS */
.slideshow-container.slideshow-news{max-height:100px; min-height:100px; height: 100px; margin-top: 40px;}
.slideshow-news .slide, .slideshow-news .owl-carousel{max-height:100px; min-height:100px; height: 100px}

.region-news { margin-top:20px}

/* WORK THUMBNAILS */
#work {min-height:88vh; display:none; font-size:0}
#work:after, #footer:after, #project:after, .columns:after{ clear: both; content: ""; display: block; }
.columns { width: 100%; }
.columns .col{ float:left; width:33.333333%; vertical-align:top; margin-bottom: 0;}

#work .col{ display:inline-block; float:none; font-size:0 }
.columns .col .col_inner { padding: 10px;}
/*.single-project .columns .col.project_text .col_inner { padding: 0 10px 10px 10px; margin-top: -10px;}*/

.outline-image img{ border: #ccc 1px solid; box-sizing: border-box;}

.columns .col .work_item_image { vertical-align:top;}
.columns .col .work_item_image img { width: 100%; vertical-align:top;}
.columns .col .work_item_title { vertical-align:top; padding-top: 8px;}
.work_item_title p {display:inline-block}
.work_item_title{opacity:0;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.work_item:hover .work_item_title, .related_project:hover .work_item_title{opacity:1}
.work_item a { border-bottom: none}


.swiper-slide-active .shadow-image img, .work_item .shadow-image img, .col.shadow-image img{
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color='#444444');
}
.swiper-slide {
	pointer-events: none;
}
.swiper-slide-active {
	pointer-events: all;
}

.work_item.status-0 .work_item_image { border:red 1px solid; box-sizing: border-box}
.work_item.status-0 img { opacity:0.3;}



.trim {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* UMBRELLA SLIDERS */
.bx-wrapper{ overflow: hidden}
.bx-pager { display : none}

.umbrella_text_inner .project_description {padding-bottom: 14px;}

/* PROJECT */
#project .col, .umbrella_text .col {width:11.111111%;}
#project .project_text, .umbrella_text .project_text, #umbrella_title, .umbrella_text .project-list, #tag { width: 550px; margin: 0 auto 50px auto; float:left}
.umbrella_text .project-list, #about-info { float:right}
#project .slideshow-container { margin-bottom:0}
.project_description a, .project_description a:hover, .project_description a:visited, .project_description a:active {background: url(imgs/underline_1px.png) repeat-x 100% 100%; }
.toggle { cursor: pointer; padding: 10px; margin: -10px;}
.project_toggle, .umbrella_toggle{ cursor:pointer;}
.open-close { height:12px}
.collapsible { overflow:hidden}
.closed { height:0}
.categories span:after { content: ",  ";}
.categories span:last-child:after { content: "";}
.green { color: #00cc00}
.red, .red a, .red a:hover, .red a:visited, .red a:active, a.red:hover, a.red:visited, a.red:active { color: #ff0000}
.pictogram { font-size: 0.9em; padding-left: 2px; }
.credits {padding-right:80px}


#tag { text-align: center}

.small a {background: url(imgs/underline_1px.png) repeat-x 100% 100%; }


.columns .project_text.col { float: left;width: 60%; vertical-align: top; margin-bottom: 0; max-width: 720px;}

/* UMBRELLA */
#header_inner #umbrella_title, #tag { padding-left: 20px; position: absolute; left: 50%; margin-left: -285px;}
#umbrella_title .title {padding-top: 5px; text-align:center}
.umbrella #project { margin-top:0}
.umbrella_text{ width: 100%; /*position: fixed;*/ z-index: 110; margin-top: -40px; background:#fff;}
.shadow {-webkit-box-shadow: -1px 2px 67px -5px rgba(0,0,0,0.1); -moz-box-shadow: -1px 2px 67px -5px rgba(0,0,0,0.1); box-shadow: -1px 2px 67px -5px rgba(0,0,0,0.1);}
.umbrella_toggle .toggle { opacity:0; width:20px; text-align: center; display:inline-block}
#umbrella_title_outter { width: 100%; position: absolute}
#anchor-project-links { word-break: break-word}
#umbrella_title_mobile, #tag_mobile { display:none}

.title, .swiper-wrapper, .swiper-outter, .swiper-outter-home, #mobile_nav_trigger, #nav_mobile  {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}


.list-indent{padding-left: 1em; text-indent:-1em;}
.credits p { /*padding-left: 1.1em; text-indent: -1.1em;*/ text-indent:0}
.credits p a {text-indent: 0;}
/*.list-indent{padding-bottom:10px}*/

/*
.list-indent{border-bottom:1px #000 solid; box-sizing:border-box; padding-bottom:3px; padding-top:3px}
.list-indent:first-child{ padding-top:0}
.list-indent:last-child{ border:none}
*/

/*
.list-indent{padding-left: 14px; text-indent: -7px;}
.list-indent:before{content: '>'; font-weight: bold; font-size: 12px; padding-right: 4px; margin-top: -2px; display: inline-block;}
*/

/*
.list-indent{padding-left: 14px; text-indent: -5px;}
.list-indent:before{content: '-'; font-weight: bold; font-size: 14px; padding-right: 4px; margin-top: -2px; display: inline-block;}
*/

sup {vertical-align: middle; font-size: 70%; margin-top: -7px; display: inline-block; text-indent: 1px;}

.col.project_text.single-project .col_inner { margin-top: -15px; padding-top: 0;}

.col.project_text { z-index:100; position:relative}




/*.bxslider {opacity:0.01}*/
.stack-queue { overflow:hidden}




.region-homeslideshow .swiper-credits { float: left; margin: -10px 10px 20px 10px; position: relative; z-index: 1000;}


#header #logotype { font-size: 22px;}
#umbrella_title .title{ font-size: 20px; font-family: "theinhardtmedium", sans-serif;; padding-top: 1px; text-align:center}
#project .project_text, .umbrella_text .project_text, #umbrella_title, .umbrella_text .project_text, #umbrella_title{margin: 0 0 50px 0;}



#project .project_text, .umbrella_text .project_text { max-width:650px; width:60%}
.umbrella_text .project-list, #about-info  { max-width:800px; width:33.3333%}
.project-list a { display:inline}


.slideshow-container, .slide { max-height: 850vh;   min-height: 850vh;}
.slideshow-container, .slide { max-height:auto; min-height:auto;}
.owl-stage-outer{height:auto}
.owl-carousel,.slide{height:auto;}
.slide img{position:relative;opacity:1}

.umbrella_text_inner {padding: 40px 40px 0 40px;}


#container, #header_inner, #project, #footer_inner, .umbrella_text_inner, #spoiler-inner{max-width:calc(100vh + 270px)}

#work { min-height: calc(100vh - 228px); }
#content-holder{min-height:calc(100vh - 260px)}

#loading {display:none; position: fixed; top: 50%; left:50%; height:100px; width:100px; margin-left:-50px; margin-top:-50px}
.loading #loading {display:block}




a:hover{ opacity:.7 }
.work_item a:hover, .related_project a:hover, .swiper-slide-inner a:hover{ opacity:1 }


#project_filter:hover #project_title { opacity:.7 }


.swiper-slide, .swiper-slide-inner { max-width: 100%;}





.project_description a, .project_description a:hover, .project_description a:visited, .project_description a:active { background:none; text-decoration: underline;}


/* NEW SLIDER */

.swiper-slide div { width: 100%; padding:10px; box-sizing: border-box;}
.swiper-slide img { width: 100%; }
.swiper-lazy-preloader:after {	background-image: url(http://www.ajaxload.info/images/exemples/26.gif);}


.swiper-wrapper {height: inherit; margin-top:-10px}

.swiper-outter, .swiper-outter-home, .swiper-outter-studio {position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.swiper-prev-next { position: absolute; top: 0; height: 85%; width:50%; z-index:10;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}


.swiper-home-next, .swiper-home-prev { width: 20%; }


.swiper-prev { left:0;  cursor: pointer; cursor: url(imgs/mtwtf-prev.ico), auto;}
.swiper-next { right:0; cursor: pointer; cursor: url(imgs/mtwtf-next.ico), auto;}


.Windows.Explorer .swiper-next, .Windows.Explorer .swiper-prev { cursor: pointer;}

.slides-total-1 .swiper-prev-next { display:none}

.swiper-count, .swiper-credits { float: right; margin: -10px 10px 0 20px; display:relative; z-index:10}
.swiper-count{ letter-spacing:1px}

figure { padding: 0; margin:0}
video { width: 100% !important;  height: auto !important;}


#swiper-news-outter {margin-bottom:10px}
#swiper-news { padding:0; width: 100%; }
#swiper-news .swiper-slide div { padding: 0;}
#swiper-news .swiper-slide {box-sizing: border-box}
#swiper-news .swiper-slide .swiper-slide-inner { padding: 10px 10px 30px 10px;}
#swiper-news-outter .swiper-prev-next {width:8%;}



label { display:block; margin-bottom:7px}
.about-section {margin-bottom: 30px;}

.about-section a,.about-section a:hover, .about-section a:visited, .about-section a:active {
    color: #000;
    border-bottom: 1px #000 solid;
    border: none;
    text-decoration: none;
    background: url(imgs/underline_2px.png) repeat-x 100% 100%;
    padding-bottom: 5px;
    padding-bottom: 4px;
    margin-bottom: -2px;
    background:none;
    text-decoration: underline;
}


#page {font-family: 'TheinhardtRegular', sans-serif;}

.two-cols {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}




/* SMALLER SREENS */
#mobile_nav_trigger {position: fixed;display: none; right: 0;top: 5px; z-index:100000}
.trigger{position:relative; width: 17px;height: 30px;padding: 12px 10px 6px 10px;cursor: pointer;}
.trigger:before{content:""; position:absolute; top:.25em; left: 10px; top: 13px; width:1em; height:.18em; border-top:.54em double #000; border-bottom:.18em solid #000}
#nav_mobile {z-index: 9000; background:#fff; width:100%; float: left; padding: 55px 25px 25px 25px; position:fixed; display: none; box-sizing: border-box}
#nav_mobile ul{list-style:none;position:relative;float:none;margin:0;padding:0}
#nav_mobile .top_nav {padding-top: 10px}
#nav_mobile .sub_nav {padding:0 10px 10px 10px; margin-left:-10px;}
#nav_mobile ul li{position:relative;float:none;margin:0;}
#nav_mobile #medium_filter,  #nav_mobile #about { float: left}
#nav_mobile #about {margin-left:50px}
.hideup { top:-1000px}



#project_title_mobile { position: absolute; top: 12px; left: -120px;}



@media only screen and (min-width: 1450px){
	#project .project_text, .umbrella_text .project_text, #umbrella_title, #tag {width: 660px;}
	#header_inner #umbrella_title, #tag {margin-left: -330px;}
}


@media only screen and (max-width: 1024px) {
	.slicknav_menu {display:none;}
	#project .project_text, .umbrella_text .project_text, #umbrella_title, #tag {width: 550px; margin: 0 0 46px 0;}
	#container, #header_inner, #project, #footer_inner, .umbrella_text_inner, .messages, #spoiler-inner { padding-left: 15px; padding-right: 15px;}
	/*#header_inner #umbrella_title {left: 110px; margin-left: 0;}*/

	#umbrella_title, #tag {left: 50%; margin-left: -275px; padding-left:0}


	.arrow, #nav {display:none}
	#nav_mobile{display:block}
	#mobile_nav_trigger{ right: 15px; display:block}
	.slideshow-container { padding: 0 10px 0 10px;}
	.region-worklist {padding: 0;}
	.columns .project_text.col { float: left; width: 100%; vertical-align: top; margin-bottom: 0; max-width: 720px;}
	.swiper-prev-next {width:5%;}

	.mobile ..swiper-prev-next {display:none}

	.umbrella_text .project-list, #about-info { width: 50%; float: left;}

	.work_item_title { display: block}
	.work_item_title a, .work_item_title p, .work_item_title .no_border a, .columns .col .work_item_title a, .columns .col .work_item_title p, .work_item_title, .columns .col .work_item_title{ font: 12px/14px "TheinhardtMedium", sans-serif;}
	.work_item_title { opacity: 1; }

	.work_item_image { background:#a6a6a6}
	.work_item_image img { opacity:0.93}



}


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


	.umbrella_text .project-list, #about-info { float:left}

	body, h1, h2, h3, h4 { font: 16px/19px "theinhardtmedium", sans-serif; }
	#container, #header_inner, #project, #footer_inner, .umbrella_text_inner, .messages, #spoiler-inner {padding-left: 0;padding-right: 0; margin-top: 40px;}
	#project .col.project_text, .umbrella_text .col.project_text, #umbrella_title { width: 100%; margin-left: 0; }

	p.title{ padding-right: 40px;}

	.columns .col { width: 50%;}
	.legend {opacity: 1;}
	#mobile_nav_trigger{right: 0px;}
	#header #logotype {font-size: 22px;}
	#header { padding-bottom: 3px;}

	#umbrella_title .title {padding-top: 3px;}

	#header_inner #umbrella_title { left: 90px; margin: 0;}

	#umbrella_title{ display:none}
	#umbrella_title_mobile, #tag_mobile { display:block}

	.umbrella_text_inner .project_description { margin-top: -10px; max-width: 440px;}
	#header_inner {margin-top: 10px;height: 24px;}
	#mobile_nav_trigger {top: 0;}
	#header {height: 35px;}
	#nav_mobile {padding: 55px 25px 25px 10px;}
	.work_item_title { display: block}
	.work_item_title a, .work_item_title p, .work_item_title .no_border a, .columns .col .work_item_title a, .columns .col .work_item_title p, .work_item_title, .columns .col .work_item_title{ font: 12px/14px "TheinhardtMedium", sans-serif;}
	.work_item_title { opacity: 1; }
	.columns .col .work_item_title { padding-top: 2px;}
	#container{margin-top:40px;}


	.work_item_image { background:#a6a6a6}
	.work_item_image img { opacity:0.93}







	.title {padding-right: 40px;}
	.swiper-credits { display: none;}

	.columns #umbrella_title_mobile .col { width:100%}
	.umbrella_text_inner .project_description, .umbrella_text .project-list { width: 100%;}
	.credits { padding-right:0;}


	#work { min-height:0px; }
	#content-holder{min-height:0px}


	.trigger:before{content: ""; position: absolute; top: .25em; left: 10px; top: 12px; width: 1em;height: 3px;border-top: 9px double #000;border-bottom: 3px solid #000;}



	.related_project:first-child { display:none}

	.col-3 { clear:both}

	#footer_inner .columns .col  { width: 100%;}



}

img.lazy, img.sliper-lazy {
	opacity: 0;
	transition: opacity 300ms 500ms ease-in-out;
}
img.loaded-lazy {
	opacity: 1;
}



/* contrain the max with to fit whole image on shorter browsers */
@media only screen and (max-height: 695px){
	#container, #header_inner, #project, #footer_inner, .umbrella_text_inner, #spoiler-inner{max-width:1024px}
	#spoiler-text{ width:100%}
}


/* unfix nav bar on horizontal devices */
@media only screen and (max-width: 710px) and (orientation: landscape) {
	#header {position: absolute;top: 0; left:0}
	#mobile_nav_trigger { position: absolute;}
}











	body.spoiler-alert, body.spoiler-alert.admin-menu.adminimal-menu { padding-top: 60px;}
	body.spoiler-alert	#header {top: 60px;}
	body.spoiler-alert	#spoiler{height: 60px;background: #3A3A3A; position:fixed; z-index:999999999; top:0; width:100%;}
	body.spoiler-alert	#spoiler-inner { position:relative; padding-top:5px}
	body.spoiler-alert	#spoiler-text {padding: 10px;}
	body.spoiler-alert.Windows.Chrome #spoiler-text {width: 70%;}
	body.spoiler-alert	#spoiler-close { position:absolute;top: 5px;right: 43px; padding:10px; cursor:pointer;font-size: 14px;}

	body.spoiler-alert #mobile_nav_trigger{ top:65px}
	body.spoiler-alert #nav_mobile {padding-top: 135px;}


#spoiler-inner a, #spoiler-inner a:hover, #spoiler-inner a:visited,  #spoiler-inner a:active, #spoiler-inner .underline { color: inherit; background: none; text-decoration: underline;}


	#spoiler-inner { margin: 0 auto 0 auto;color: #FFF;}

	@media only screen and (max-width: 1024px) {
		body.spoiler-alert #spoiler-inner { padding-right:60px; padding-top:0px}
		body.spoiler-alert #spoiler-close { position:absolute; top:0px;right: 0px; padding:10px}
		body.spoiler-alert.Windows.Chrome #spoiler-text {width: 100%;}
	}

	@media only screen and (max-width: 700px) {
		body.spoiler-alert, body.spoiler-alert.admin-menu.adminimal-menu { padding-top: 80px;}
		body.spoiler-alert #header {top: 90px;}
		body.spoiler-alert #spoiler{ height:90px;}
		body.spoiler-alert #mobile_nav_trigger{ top:90px}
	}

	@media only screen and (max-width: 365px) {
		body.spoiler-alert, body.spoiler-alert.admin-menu.adminimal-menu { padding-top: 120px;}
		body.spoiler-alert #header {top: 120px;}
		body.spoiler-alert #spoiler{ height:120px;}
		body.spoiler-alert #mobile_nav_trigger{ top:120px}
	}


	@media only screen and (max-width: 270px) {
		body.spoiler-alert, body.spoiler-alert.admin-menu.adminimal-menu { padding-top: 150px;}
		body.spoiler-alert #header {top: 150px;}
		body.spoiler-alert #spoiler{ height:150px;}
		body.spoiler-alert #mobile_nav_trigger{ top:150px}
	}
