@font-face { font-family: Roboto; font-weight: 200; font-style: normal; src: url('fonts/Roboto-ExtraLight.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 200; font-style: italic; src: url('fonts/Roboto-ExtraLightItalic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 300; font-style: normal; src: url('fonts/Roboto-Light.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 300; font-style: italic; src: url('fonts/Roboto-LightItalic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 400; font-style: normal; src: url('fonts/Roboto-Regular.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 400; font-style: italic; src: url('fonts/Roboto-Italic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 600; font-style: normal; src: url('fonts/Roboto-SemiBold.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 600; font-style: italic; src: url('fonts/Roboto-SemiBoldItalic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 700; font-style: normal; src: url('fonts/Roboto-Bold.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 700; font-style: italic; src: url('fonts/Roboto-BoldItalic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 900; font-style: normal; src: url('fonts/Roboto-Black.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 900; font-style: italic; src: url('fonts/Roboto-BlackItalic.ttf') format('truetype'); }

/* change media-query for ipad et.al. */
@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
      /*karlkarl*/
      background-color: white;
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a {
      line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
      padding: 5px 15px 5px 25px;
  }
  .dropdown-menu > li > a {
      display: block;
      padding: 3px 20px;
      clear: both;
      font-weight: normal;
      line-height: 1.42857143;
      color: #333;
      white-space: nowrap;
  }
  .navbar-header {
      float: none;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin: 7.5px -7.5px;
      /*margin: 7.5px 50px 7.5px -15px*/
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .navbar-nav>li>ul.nav   { margin: 5px -5px; }
  .navbar-text {
      float: none;
      margin: 15px 0;
  }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in { 
      display: block!important;
  }
  .collapsing {
      overflow: hidden!important;
  }
}
/* end bootstrap override */



.home.row,
#background-slider	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; margin: 0; padding: 0; }
#kint     { position: relative; bottom: 0; }

body, html 		{ height: 100vh; margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-size: 15px; color: rgb(96,96,96); }
ul,dl 				{ list-style-type: none; margin-bottom: 1em; }

h1        { margin-top: 0; font-weight: bold; color: rgb(96,96,96); font-size: 28px; margin-bottom: 5px; font-weight: bold; }
h2        { margin-top: 5px; color: rgb(96,96,96); font-size: 22px; margin-bottom: 5px; }

a         { color: #4F7A9E; }
a:focus,
a:hover   { text-decoration: none; color: rgb(64,64,64); }

.ptitle     { color: white; text-decoration: none; }
.ptitle     { position: absolute; left: 95px; bottom: 75px; }
.ptitle h1  { color: white; font-weight: bold; }
.ptitle:hover { opacity: 0.7; }

.pagelist,
.newslist   { font-size: 17px; }

.text                     { margin-top: 15px; overflow: hidden; }
.visible-xs-block .text   { margin-top: -15px; }

.newslist ul                { margin-top: 56px; }
.newslist ul li             { margin-bottom: 58px; }
.newslist ul li:last-child	{ margin-bottom: 60px; }
.newslist ul .fa 				    { font-size: 40px; display: none; }
.pagelist img               { max-width: 100%; margin-bottom: 10px; }

.pagelist table             { width: 100%; }
.pagelist td                { vertical-align: top; }
.pagelist tr td:first-child { padding-right: 7.5px; }


/* isotope */
ul.grid                 { padding: 0; }
.grid-item              { position: relative; background-color: transparent; }
.grid-item:before       { content: ''; background-color: black; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: opacity 0.5s; }
.grid-item:hover:before	{ opacity: 0.7; }
.grid-item img          { width: 100%; }
.grid-item figcaption   { display: none; }
.grid-item:hover figcaption     { color: white; position: absolute; bottom: 30px; left: 15px; display: inline-block; opacity: 1; }
.grid-item:hover figcaption h1  { font-size: 20px; font-weight: bold; color: white; }
.grid-item:hover figcaption h2  { font-size: 16px; margin-top: 0; color: white; }
.grid-item.nocaption:before     { content: none; }
.project .grid-item     { cursor: zoom-in; }
.project h1             { font-size: 28px; }
.project h2             { font-size: 24px; }
.project                { }

.grid-sizer,
.grid-item		{ width: calc( 100% / 2 - 15px ); vertical-align: top; }
.grid-item 		{ margin-bottom: 15px; }
.gutter-sizer	{ width: 15px; }

.projectlist .grid-sizer,
.projectlist .grid-item		{ width: calc( 100% / 4 - 15px ); vertical-align: top; }
.projectlist .grid-item 	{ margin-bottom: 15px; }
.projectlist .gutter-sizer	{ width: 15px; }


.grid-wrapper	.grid       { margin-right: -15px; }
#wrapper                  { min-height: calc(100vh - 47px); }

#filters ul     { padding-left: 0; margin-bottom: 15px; margin-top: 20px; }
footer a,
#filters ul li  { display: inline-block; margin-right: 20px; font-weight: bold; font-size: 16px; }
footer a,
#filters ul li a  { color: rgb(172,172,172); }
footer a:hover,
#filters ul li a:hover    { text-decoration: none; color: rgb(64,64,64); }
input::-webkit-input-placeholder    { font-family: FontAwesome; color: rgb(172,172,172); opacity: 1; font-weight: normal; }
input:-webkit-input-placeholder     { font-family: FontAwesome; color: rgb(172,172,172); opacity: 1; font-weight: normal; }
input::-moz-placeholder             { font-family: FontAwesome; color: rgb(172,172,172); opacity: 1; font-weight: normal; }
input:-moz-placeholder              { font-family: FontAwesome; color: rgb(172,172,172); opacity: 1; font-weight: normal; }
input::-ms-input-placeholder        { font-family: FontAwesome; color: rgb(172,172,172); opacity: 1; font-weight: normal; }
input:-ms-input-placeholder         { font-family: FontAwesome; color: rgb(172,172,172); opacity: 1; font-weight: normal; height: 21px; }
footer a,
footer a.up               { margin-right: 0; }
footer a.up               { float: right; }
footer                    { padding-bottom: 20px; }
footer .middle            { text-align: center; }
footer .prev,
footer .next              { font-size: 36px; line-height: 18px; }


.addons,
.externals      { padding: 0; margin: 1em 0; }
.externals ul   { padding-left: 0; margin: 0px; }
.externals li   { display: inline-block; }
.externals,
.externals li a { color: rgb(172,172,172); font-size: 13px; font-weight: bold; }
.newslink:hover,
.externals li a:hover   { text-decoration: none; color: rgb(64,64,64); }

.newslist a:before,
.addons a:before  { content: "› "; font-size: 22px; line-height: 22px; }

dt,
dd              { display: inline; }

.navbar-nav>li>a                  { padding: 15px 10px; }

@media (max-width: 1199px) {
  /*
  .grid-sizer,
  .grid-item      { width: calc( 100% / 2 - 15px ); vertical-align: top; }
  .grid-item      { margin-bottom: 15px; }
  */

  .projectlist .grid-sizer,
  .projectlist .grid-item     { width: calc( 100% / 3 - 15px ); vertical-align: top; }
  .projectlist .grid-item     { margin-bottom: 15px; }

}

@media (max-width: 991px) {
  .grid-sizer,
  .grid-item      { width: calc( 100% / 1 ); vertical-align: top; }
  .grid-item      { margin-bottom: 15px; }

  .projectlist .grid-sizer,
  .projectlist .grid-item     { width: calc( 100% / 2 - 15px ); vertical-align: top; }
  .projectlist .grid-item     { margin-bottom: 15px; }

  .navbar-toggle    { margin-right: 7.5px; }
  .navbar-nav>li>a  { padding: 15px; }

}

@media (max-width: 767px) {
  .project .grid-wrapper .grid  { margin-right: 0px; }
}


/* override bootstrap */
.navbar   { border: none; background-color: rgba( 255, 255, 255, 0.9 ); background-image: none; box-shadow: none; z-index: 1000; font-weight: bold; }
.navbar ul.nav            { background-color: transparent; }

.navbar-toggle  { border: none; }
.navbar-default .navbar-brand         { font-size: 25px; font-weight: bold; color: rgb(153,153,153); }
.navbar-default .navbar-brand:focus, 
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover  { background-color: transparent; opacity: 0.7; }
.navbar-default .navbar-brand:focus, 
.navbar-default .navbar-brand:hover   { color: rgb( 48, 48, 48 ); opacity: 1; }

.navbar-toggle .icon-bar  { height: 3px; width: 24px; background-color: ;}



/* override owl carousel */
.owl-stage-outer,
.owl-stage,
.owl-item,
.owl-item li,
.owl-item .grid,
.owl-item li a  { height: 100%; list-style-type: none; }
.owl-item li  { background-repeat: no-repeat; background-size: cover; background-position: center center; }
.raster_0_0_0_64.png,
.owl-item .grid { display: block; background-image: url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC45bDN+TgAAABdJREFUGFdjAAKH////MzCAiP///zMAAEVQCTiqLnG1AAAAAElFTkSuQmCC'); }
/*.owl-item .grid { background: none; }*/
.owl-item a   { text-decoration: none; display: block; }


.owl-theme .owl-nav               { margin: 0; }
.owl-theme .owl-nav [class*=owl-] { font-size: 76px; }
.owl-theme .owl-nav [class*=owl-]:hover { background: none; opacity: 0.7; }
.owl-theme .owl-nav .owl-prev     { position: absolute; bottom: 50%; left:  10px; background: transparent; }
.owl-theme .owl-nav .owl-next     { position: absolute; bottom: 50%; right: 10px; background: transparent; }
.owl-theme .owl-dots  { position: absolute; bottom: 30px; width: 100%; left: auto; right: auto; }


/* override photoswipe */
.pswp--svg .pswp__button--arrow--left:before, 
.pswp--svg .pswp__button--arrow--right:before,
.pswp__button--arrow--left:before, 
.pswp__button--arrow--right:before  { background: none; color: white; font-size: 76px; background-image: none; }
.pswp__button--arrow--left:before   { content: '‹'; }  
.pswp__button--arrow--right:before  { content: '›'; }


ul.nav>li>ul.nav                  { padding: 15px; line-height: 20px; }
ul.nav>li>ul.nav>li               { display: inline-block; }
ul.nav>li>ul.nav>li>form          { padding: 0 5px; }
ul.nav>li>ul.nav>li>a             { padding: 0px 5px; }
ul.nav>li>ul.nav>li:first-child>a { padding-left: 0px; }
ul.nav>li>ul.nav>li:last-child>a  { padding-right: 15px; }

.navbar-default .navbar-nav>li a  { color: #999; font-size: 17px; }
.nav>li>a:focus, 
.nav>li>a:hover,
.navbar-default .navbar-nav>li a.active   { color: #333; background-color: transparent; }

#content a[name]      { background-color: transparent; height: 72px; display: block; }
.projectlist #content a[name],
.project #content a[name]   { height: 72px; }
nav.navbar            { line-height: 20px; }
#content              { padding-bottom: 30px; }

.dropdown-menu        { font-size: 15px; border: none; }
.navbar-right .dropdown-menu  { right: auto; left: 0; }

#searchAnchor           { float: right; position: relative; z-index: 1001; }
#searchClose,
#searchAnchor ul>li>a   { padding: 15px 0; margin: 0; }

#searchWrapper  { height: 50px; position: absolute; white-space: nowrap; top: 0px; right: -15px; background-color: #f1f1f1; text-align: right; padding: 0 15px; }
#search input   { height: 50px; width: 300px; max-width: 100vw; margin-right: 15px; border: none; background-color: #f1f1f1; }
#search input:focus             { outline: none; }
#search input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #f1f1f1 inset;
}



#search input::placeholder { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 17px; }
#search input:-ms-input-placeholder { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 17px; }
#search input::-ms-input-placeholder { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 17px; }
#menu  .collapsing  { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }

@media (max-width: 991px) {
  .navbar-collapse { background-color: white; }
  .navbar-default ul.nav>li>a   { font-size: 30px; font-weight: normal; }
  #searchAnchor ul.nav>li a     { font-size: 20px; font-weight: normal; }
  #searchAnchor .navbar-nav     { margin: 0; }
  .navbar-default .dropdown-menu>li>a { font-size: 20px; }
}
.dropdown-menu>li>a:focus, 
.dropdown-menu>li>a:hover,
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover   { background-color: transparent; background-image: none; -webkit-box-shadow: none; box-shadow: none; }

.navbar-fixed-bottom .navbar-collapse, 
.navbar-fixed-top .navbar-collapse          { max-height: calc(100vh - 72px); }