/*@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300);*/
@font-face {
   font-family: "Source Sans Pro";
   src: url(fonts/Source_Sans_Pro/SourceSansPro-Light.ttf) format("truetype");
}
*{
   margin:0;
   padding:0;
}
body,
html,
div {
   font-family: Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
}
p{
   /*font-size: .9em;*/
}
dd{
   margin-top: 6px
}
dd img{
   margin-top: 6px
}
.home .background-photo {
   background-position: center right !important;
}
img {
   border: none;
}
audio{
   background-color: #000;
   width: 100%;
}
*[class*='span_'] {
   border: 0px solid rgba(0,0,0,0);
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -moz-background-clip: padding-box !important;
   -webkit-background-clip: padding-box !important;
   background-clip: padding-box !important;
}
img.mainimage{
   width:100%;
   max-width:600px;
}

video {
   width: 100%    !important;
   height: auto   !important;
}
.videoWrapper {
   background-color: #fff;
   position: relative;
   padding-bottom: 52%; /* 16:9 */
   padding-top: 25px;
   height: 0;
}
.videoWrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.container > * {
   border: 0px solid rgba(0,0,0,0);
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -moz-background-clip: padding-box !important;
   -webkit-background-clip: padding-box !important;
   background-clip: padding-box !important;
}
.clearfix {
   *zoom: 1;
}
.clearfix:before,
.clearfix:after {
   display: table;
   line-height: 0;
   content: "";
}
.clearfix:after {
   clear: both;
}
.container,
.row {
   margin: 0 auto;
   overflow: hidden;
   position: relative;
   width: 100%;
}
.container.life{
   margin-top: 3em;
}
.menu {
   z-index: 9000;
}
#subfooter .text {
   padding-bottom: 0;
   margin-top: 15px;
   margin-bottom: 15px;
}
#subfooter .copy {
   display: inline-block;
   text-align: left;
}
#subfooter .spot {
   margin-left: 30px;
   display: inline-block;
   text-align: left;
}
#subfooter .language {
   float: right;
   text-align: right;
}
.paper #head .content {
   margin-left: 0 !important;
}
.menu {
   -webkit-transform: translate3d(0,0,0);
   -webkit-backface-visibility: hidden;
   -webkit-perspective: 1000;
   -webkit-transform-style: flat;
}
.roles .title-medium {
   text-align: center;
}
.centered{
   text-align: center;
   width: 100%;
}
.current-menu-item,
.current-menu-item a {
   font-weight: 900;
}
.background-photo {
   position: relative;
   background-size: 100%;
   top: 0;
   z-index: -1000;
   width: 100%;
   background-position: top;
   background-repeat: no-repeat;
}
.page-container{
   position: absolute;
   top: 4.7%;
   left: 4.2%;
   width: 91.5%;
   height: 65.7%;
   overflow: hidden;
}
.page-container .sidebar{
   position: absolute;
   left: 0;
   top: 52%;
}
.page-container img{
   width: 100%;
   margin: 0;
   display:block;
}
.page-container .page-body{
   position: relative;
}
.page-content{
   position: absolute;
   top: 0;
}
.page-body .sidebar{
   position: absolute;
   top: 0;
   left: 0;
}
.page-container .topbar{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
}
.topbar {
   width: 100%;
}
.topbar .top-left{
   position: absolute;
   left: -3.53%;
}
.topbar .top-right{
   position: absolute;
   right: -3.53%;
}
.imac{
   position: relative;
   height: 100%;
   overflow: hidden;
}
.background-photo .background-overlay {
   position: absolute;
   left: 0;
   height: 100%;
   background-color: #000;
   opacity: .4;
}
#cover {
   background-color: rgba(0, 0, 0, 0);
   position: absolute;
   top: 0;
   background-size: cover;
   width: 100%;
   background-position: center right;
}
a.reverse{
   border-bottom: 0;
   color: #0078bf;
}
a.reverse:hover{
   border-bottom: 1px solid #000;
   color: #000;
}
.logo.bgYellow{
   background-color: #f3d017;
   /* Fallback for web browsers that doesn't support RGBa */
   background: rgb(0, 0, 0) transparent;
   /* RGBa with 0.6 opacity */
   background: rgba(0, 0, 0, 0.2);
   /* For IE 5.5 - 7*/
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
   /* For IE 8*/
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
   left: 0;
   margin: 0 0 0 0!important;
   padding-left: 3.90625%!important;
   position: fixed;
   transition: all 0.3s ease;
   width: 100%;
}
.bgYellow h1{
   margin-left: 1em;
   position: fixed;
   width: 720px;
}
.logo.bgYellow h1.janhenderikse a{
   background: url(../gfx/janhenderikse_wit.png) 0 no-repeat;
   display: block;
   height: 65px;
   width: 720px;
   text-indent: -9999px;
}
.logo{
   height: 65px;
   margin: 5.3em 0 0 0;
   position: fixed;
   z-index: 999;
   text-transform: uppercase;
   top: 0;
   transition: all 0.4s ease;
   width: 720px;
}
.logo h1.janhenderikse a{
   border: none;
   color: #fff;
   display: block;
   height: 65px;
   width: 720px;
   text-decoration: none;
   text-indent: -9999px;
}
.logo h1.janhenderikse.home a{
   /* added for 'Jan Henderikse' at home page little lower */
   margin-top: 125px;
}
.logo h1.janhenderikse a.rest{
   background: url(../gfx/janhenderikse_wit.png);
}
.logo h1.janhenderikse a.resth{
   background: url(../gfx/janhenderikse_wit.png);
   /* added for 'Jan Henderikse' at home page little lower */
   margin-top: 0 !important;
}
.logo h1.janhenderikse a.home, a.life{
   background: url(../gfx/janhenderikse.png);
}
.logo.life{
   margin: 0 0 0 1.6em;
   position: fixed;
   z-index: 999;
   text-transform: uppercase;
   top: 0;
   transition: all 0.4s ease;
   width: 720px;
}
.logo.life.bgYellow{
   background-color: #f3d017;
   /* Fallback for web browsers that doesn't support RGBa */
   background: rgb(0, 0, 0) transparent;
   /* RGBa with 0.6 opacity */
   background: rgba(0, 0, 0, 0.2);
   /* For IE 5.5 - 7*/
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
   /* For IE 8*/
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
   left: 0;
   margin: 0 0 0 0!important;
   padding-left: 3.90625%!important;
   position: fixed;
   transition: all 0.3s ease;
   width: 100%;
}
.logo.bgYellow h1.janhenderikse a{
   background: url(../gfx/janhenderikse_wit.png) 0 no-repeat;
   display: block;
   height: 65px;
   width: 720px;
   text-indent: -9999px;
}
#head .row{
   margin: 0;
}
.offset_99{
   margin-left: 17.21875%!important;
}
.background-photo,
.background-photo .background-overlay,
#cover, #head {
   height: 320px;
}
.blog-index #cover,
.blog-index #head {
   height: auto;
}
#cover-phone.full-width {
   background-color: #fff;
   margin-bottom: 1.2em;
}
.image-life {
   background-size: cover;
   background-position: center;
   width: 368px;
   z-index: -1000;
}
.image-big {
   background-size: cover;
   background-position: center;
   margin-top: 7px;
   height: 500px;
   z-index: -1000;
}
.image-big-rm {
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
}
.image-big-317 {
   background-size: cover;
   background-position: center;
   margin-top: 7px;
   height: 317px;
   z-index: -1000;
}
.image-big-413 {
   background-size: cover;
   background-position: center;
   height: 413px;
   margin-top: 7px;
   z-index: -1000;
}
.image-big-434 {
   background-size: contain !important;
   height: 434px;
   width: 100%;
   z-index: -1000;
   background:url(../gfx/jan-en-julia-winter.jpg) no-repeat;
}
.image-big-jj {
   background-size: contain !important;
   height: 130px;
   width: 100%;
   z-index: -1000;
   background:url(../gfx/aoa-jj.gif) no-repeat;
}
.image-big-488 {
   background-size: cover;
   background-position: center;
   margin-top: 7px;
   height: 488px;
   z-index: -1000;
}
.image-big-525 {
   background-size: cover;
   background-position: center;
   margin-top: 7px;
   height: 868px;
   z-index: -1000;
}
.image-big-559 {
   background-size: cover;
   background-position: center;
   height: 559px;
   margin-top: 7px;
   z-index: -1000;
}
.image-big-600 {
   background-size: cover;
   background-position: center;
   height: 450px;
   z-index: -1000;
}
.image-big-601 {
   background-size: cover;
   background-position: center;
   height: 550px;
   z-index: -1000;
}
.image-big-602 {
   background-size: cover;
   background-position: center;
   margin-top: 7px;
   height: 602px;
   z-index: -1000;
}
.image-big-620 {
   background-size: cover;
   background-position: center;
   height: 620px;
   z-index: -1000;
}
.image-big-624 {
   background-size: cover;
   background-position: center;
   height: 417px;
   z-index: -1000;
}
.image-big-768 {
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   height: 700px;
   z-index: -1000;
}
.image-big-800 {
   background-size: cover;
   background-position: center;
   height: 800px;
   z-index: -1000;
}
.image-big-fluid {
   max-width: 100%;
   height: auto;
}
.image-exh {
   background-size: cover;
   background-position: center;
   height: 400px;
   width: 100%;
   z-index: -1000;
}
.image-big-lichtgeld {
   background-size: cover;
   background-position: center;
   z-index: -1000;
}
.image img,
.logos img {
   width: 100%;
   height: auto;
}
.divider-top{
   margin: 1em 0;
}
.divider-small {
   border-bottom: 2px solid #e5e5e5;
   margin: 0!important;
}
.forsale .activity.list .item p {
   height: 100px;
}
.forsale .activity.list .item p.more-link-container {
   height: 100px;
}
.forsale .activity p a {
   border-bottom: none;
}
.next-page a:hover,
.prev-page a:hover {
   opacity: 0.5;
}
.image-wrapper {
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   overflow: hidden;
   height: 160px;
   width: 160px;
   margin: 20px auto;
}
.image-wrapper img {
   height: 160px;
   width: 160px;
}
#numbers .label {
   margin-bottom: 2em;
}
.hide {
   display: none;
}
#other a.image {
   text-indent: 25px;
   background-position: center;
}
img.attachment-post-thumbnail {
   width: 100%;
   margin-bottom: 2.0em;
}

/* 404 PAGE*/
.page404 .big-head {
   margin-bottom: 0;
   padding-bottom: 0;
   margin-top: 1em;
}

.page404 .content p {
   margin-bottom: 3em;
   margin-top: 1em;
   font-size: 1.2em;
   line-height: 1.4em;
   font-family: 'Source Sans Pro', sans-serif;
}
.minheight{
   min-height:500px;
}
.space-divider{
   height:10px;
}
.martop3{
   margin-top:3px;
}
.martop10{
   margin-top:10px;
}

.reviews{
   border-bottom:0;
   color:#c5372c;
   text-decoration:none
}
.reviews:hover{
   color: #e9554a;
}
#bege{
   position:absolute;
   margin-left:-460px;
   display:none;
   width:448px;
   height:897px;
   background-image:url(../gfx/bege-germany-tx.gif)
}
.pagination{
   margin-left: 34%;
}
.pagination li{
   background-color: #e9e9e9;
   float: left;
   height: 24px;
   margin-right: 8px;
   text-align: center;
   width: 27px;
}
.pagination li a{
   background-color: #e9e9e9;
   border-bottom: none;
   color: #a5a198;
   padding: 2px 10px;
   text-decoration: none;
}
.pagination li.actief{
   background-color: #cecece;
}



.order {
   background-color:#5cbf2a;
   -moz-border-radius:28px;
   -webkit-border-radius:28px;
   border-radius:28px;
   border:1px solid #18ab29;
   display:inline-block;
   cursor:pointer;
   color:#ffffff;
   font-family:Arial;
   font-size:17px;
   padding:16px 31px;
   text-decoration:none;
   text-shadow:0px 1px 0px #2f6627;
}
.order:hover {
   background-color:#44c767;
   color:#ffffff;
}
.order:active {
   position:relative;
   color:#ffffff;
   top:1px;
}





/* ---- */

/* 1. 4 Column Grid 0px - 319px
-----------------------------------------------------------------------------

Span 1:    20.3125%
Span 2:    46.875%
Span 3:    73.4375%
Span 4:    100%

----------------------------------------------------------------------------- */

@media screen and (min-width: 0px) and (max-width: 650px) {
   .logo h1.janhenderikse.home a{
      /* added for 'Jan Henderikse' at home page little lower */
      margin-top: 0;
   }
   .col {
      margin-left: 6.25%;
      padding: 0 0%;
   }
   .container {
      width: 81.25%;
   }
   .container > *[class*='span_']:first-child {
      margin-left: 0;
   }
   *[class*='span_'] {
      margin-left: 2.857142%;
      padding: 0 0%;
   }
   .row > *[class*='span_']:first-child {
      margin-left: 0;
   }
   .span_1,
   .logo {
      width: 20.3125%;
   }
   .span_2 {
      width: 46.875%;
   }
   .span_3 {
      width: 73.4375%;
   }
   .span_4,
   #head,
   #footer,
   .activity.list,
   .activity.description,
   .activity.details {
      margin-left: 0;
      width: 100%;
   }
   .offset_1 {
      margin-left: 20.3125%;
   }
   .offset_2 {
      margin-left: 46.875%;
   }
   .offset2 {
      margin-left: 0!important;
   }
   .offset_3 {
      margin-left: 73.4375%;
   }
   .menu {
      position: fixed;
   }
   .menu.nav-dark {
      display: none;
   }
   .menu.nav-light {
      display: none;
   }
   .menu.nav-mobile {
      display: block;
      position: fixed;
      top: 20px;
   }
   /* -------- */
   .logo {
      height: 50px;
      width: 50px;
   }
   .main {
      height: 665px;
      margin-bottom: 20.3125%;
   }
   .footer {
      height: 260px;
   }
   .offset2 {
      margin-left: 0!important;
   }
   .tabletspan_1 {
      width: 20.3125%!important;
   }
   .tabletspan_2 {
      width: 46.875%!important;
   }
   .tabletspan_3 {
      width: 73.4375%!important;
   }
   .tabletspan_4 {
      width: 100%!important;
   }
   #subfooter .spot,
   #subfooter .copy,
   #subfooter .language {
      display: block;
      float: none;
      height: 2em;
      margin: 0;
      padding: 0.5em 0 0 0;
      text-align: left;
      width: 100%;
   }
   .site-navigation a {
      border-bottom: medium none;
      display: block;
      width: 100%;
   }
   .activity.list .item:last-child {
      margin-bottom: 0 !important;
   }
   .activity.details .item {
      width: 100% !important;
      float: none;
      clear: both;
      margin-left: 0 !important;
      padding-left: 0 !important;
      margin-bottom: 30px;
   }
   .background-box {
      padding-top: 0 !important;
      padding-left: 10px;
   }
   .centered-text {
      padding-bottom: 20px !important;
      padding-top: 30px !important;
      text-align: center;
   }
   #bege{
      position:absolute;
      margin-left:0;
      width:300px;
      height:601px;
      background-image:url(../gfx/bege-germany-tx-mob.gif)
   }
   .pagination{
      margin-left: 0;
   }
   .image-big-434 {
      height: 234px;
   }
   .image-big-jj {
      height: 90px;
   }
}
/* end of 0px - 319px */

/* ---------------------------------------------------------------------*/
@media screen and (min-width: 320px) and (max-width: 650px) {
   .logo h1.janhenderikse.home a{
      /* added for 'Jan Henderikse' at home page little lower */
      margin-top: 0;
   }
   .container {
      width: 94.7916%;
   }
   .container > *[class*='span_']:first-child {
      margin-left: 0;
   }
   *[class*='span_'] {
      margin-left: 7%;
      padding: 0 0%;
   }
   *[class*='phone_span_'] {
      margin-left: 7%;
      padding: 0 0%;
   }
   .row > *[class*='span_']:first-child {
      margin-left: 0;
   }
   .span_1 {
      width: 9.765625%;
   }
   .span_2 {
      width: 22.65625%;
   }
   .span_3  {
      width: 35.546875%;
   }
   .span_4 {
      width: 48.4375%;
   }
   .span_5 {
      width: 61.328125%;
   }
   .span_6 {
      width: 74.21875%;
   }
   .span_7 {
      width: 87.109375%;
   }
   .span_8,
   .menu,
   #head, footer,
   .activity.list,
   .activity.description,
   .activity.details {
      margin-left: 0;
      width: 100%;
   }
   .offset_1 {
      margin-left: 3.90625%!important;
   }
   .offset_2 {
      margin-left: 10.3125%!important;
   }
   .offset2 {
      margin-left: 0!important;
   }
   .offset2x {
      margin-left: 0!important;
   }
   .offset_3 {
      margin-left: 16.71875%!important;
   }
   .offset_4 {
      /*margin-left: 23.125%!important;*/
      margin-left: 23.8%!important;
   }
   .offset_5 {
      margin-left: 29.53125%!important;
   }
   .offset_6 {
      margin-left: 35.9375%!important;
   }
   .offset_7 {
      margin-left: 42.34375%!important;
   }
   .offset_8 {
      margin-left: 48.75%!important;
   }
   .tabletspan_1 {
      width: 20.3125%!important;
   }
   .tabletspan_2 {
      width: 46.875%!important;
   }
   .tabletspan_2:nth-child(2n+0) + .tabletspan_2 {
      margin-left: 0;
   }
   .tabletspan_3 {
      width: 73.4375%!important;
   }
   .tabletspan_4,
   .tabletspan_5,
   .tabletspan_6,
   .tabletspan_7,
   .tabletspan_8 {
      width: 100%!important;
      margin: 0!important;
   }
   .menu {
      position: fixed;
   }
   .menu.nav-dark {
      display: none;
   }
   .menu.nav-light {
      display: none;
   }
   .menu.nav-mobile {
      display: block;
      position: fixed;
   }
   .background-photo,
   .background-photo .background-overlay,
   #cover, #head {
      height: 320px;
   }
   .home .background-photo,
   .home .background-photo .background-overlay,
   .home #cover,
   .home #head {
      height: auto;
   }
   #cover-phone {
      display: block;
      padding-bottom: 1em;
   }
   .activity.list .item:first-child {
      margin-left: 0;
   }
   .activity.list .item {
      border: 0px solid rgba(0,0,0,0);
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -moz-background-clip: padding-box !important;
      -webkit-background-clip: padding-box !important;
      background-clip: padding-box !important;
   }
   .home .activity.list .item {
      height: auto;
   }
   .activity.list .item {
      height: 100px;
      margin-top: 60px;
   }
   .activity.list .item:last-child {
      margin-bottom: 60px;
   }
   .activity.list .item .more-link {
      display: block;
      width: 40px;
      height: 40px;
      vertical-align: bottom;
      background: url('../gfx/more_icon.png') no-repeat;
      margin: 0 auto;
   }
   .activity.list .item .more-link span {
      display: none;
   }
   .activity.details  .item:first-child {
      margin-left: 0;
   }
   .activity.details  .item {
      width: 48%;
      margin-left: 2%;
      border: 0px solid rgba(0,0,0,0);
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -moz-background-clip: padding-box !important;
      -webkit-background-clip: padding-box !important;
      background-clip: padding-box !important;
   }
   .site-navigation ul li {
      border: 0px solid rgba(0,0,0,0);
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -moz-background-clip: padding-box !important;
      -webkit-background-clip: padding-box !important;
      background-clip: padding-box !important;
      margin-left: 2.857142%;
   }
   .site-navigation ul li:first-child {
      margin-left: 0;
   }
   #bege{
      position:absolute;
      margin-left:10px;
      width:448px;
      height:897px;
      background-image:url(../gfx/bege-germany-tx.gif)
   }
   .pagination{
      margin-left: 0;
   }
}
/* end of 320px - 767px */

@media screen and (min-width: 651px) and (max-width: 1000px) {
   .logo h1.janhenderikse.home a{
      /* added for 'Jan Henderikse' at home page little lower */
      margin-top: 0;
   }
   .container {
      width: 94.7916%;
   }
   .container > *[class*='span_']:first-child {
      margin-left: 0;
   }
   *[class*='span_'] {
      margin-left: 3.5%;
      padding: 0 0%;
   }
   .row > *[class*='span_']:first-child {
      margin-left: 0;
   }
   .span_1 {
      width: 9.765625%;
   }
   .span_2 {
      width: 22.65625%;
   }
   .span_3 {
      width: 35.546875%;
   }
   .span_4 {
      width: 48.4375%;
   }
   .span_5 {
      width: 61.328125%;
   }
   .span_6 {
      width: 74.21875%;
   }
   .span_7 {
      width: 87.109375%;
   }
   .span_8,
   .menu,
   #head,
   #footer,
   .activity.list,
   .activity.description,
   .activity.details {
      margin-left: 0;
      width: 100%;
   }
   .offset_1 {
      margin-left: 3.90625%!important;
   }
   .offset_2 {
      margin-left: 10.3125%!important;
   }
   .offset2 {
      margin-left: 0!important;
   }
   .offset2x {
      margin-left: 0!important;
   }
   .offset_3 {
      margin-left: 16.71875%!important;
   }
   .offset_4 {
      /*margin-left: 23.125%!important;*/
      margin-left: 23.8%!important;
   }
   .offset_5 {
      margin-left: 29.53125%!important;
   }
   .offset_6 {
      margin-left: 35.9375%!important;
   }
   .offset_7 {
      margin-left: 42.34375%!important;
   }
   .offset_8 {
      margin-left: 48.75%!important;
   }
   .tabletspan_1 {
      width: 9.765625%!important;
   }
   .tabletspan_2 {
      width: 22.65625%!important;
   }
   .tabletspan_3 {
      width: 35.546875%!important;
   }
   .tabletspan_4 {
      width: 48.4375%!important;
   }
   .tabletspan_4:nth-child(2n+0) + .tabletspan_4 {
      margin-left: 0;
   }
   .tabletspan_5 {
      width: 61.328125%!important;
   }
   .tabletspan_6 {
      width: 74.21875%!important;
   }
   .tabletspan_7 {
      width: 87.109375%!important;
   }
   .tabletspan_8 {
      margin-left: 0!important;
      width: 100%!important;
   }
   .menu {
      position: fixed;
   }
   .menu.nav-dark {
      display: none;
   }
   .menu.nav-light {
      display: none;
   }
   .menu.nav-mobile {
      display: block;
      position: fixed;
   }
   .background-photo,
   .background-photo .background-overlay,
   #cover, #head {
      height: 460px;
   }
   .home .background-photo,
   .home .background-photo .background-overlay,
   .home #cover,
   .home #head {
      height: auto;
   }
   .forsale .activity.list .item:first-child {
      margin-left: 0;
   }
   .activity.list .item {
      border: 0px solid rgba(0,0,0,0);
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-background-clip: padding-box !important;
      -moz-background-clip: padding-box !important;
      background-clip: padding-box !important;
   }
   .home .activity.list .item {
      height: auto;
   }
   .activity.list .item {
      height: 100px;
      margin-top: 60px;
   }
   .activity.list .item:last-child {
      margin-bottom: 60px;
   }
   .activity.list .item .more-link {
      display: block;
      width: 40px;
      height: 40px;
      vertical-align: bottom;
      background: url('../gfx/more_icon.png') no-repeat;
      margin: 0 auto;
   }
   .activity.list .item .more-link span {
      display: none;
   }
   .activity.details .item:first-child {
      margin-left: 0;
   }
   .activity.details .item {
      width: 48%;
      margin-left: 2%;
      border: 0px solid rgba(0,0,0,0);
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-background-clip: padding-box !important;
      -moz-background-clip: padding-box !important;
      background-clip: padding-box !important;
   }
   .site-navigation ul li {
      border: 0px solid rgba(0,0,0,0);
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-background-clip: padding-box !important;
      -moz-background-clip: padding-box !important;
      background-clip: padding-box !important;
      margin-left: 2.857142%;
   }
   .site-navigation ul li:first-child {
      margin-left: 0;
   }
   /* CASE STUDY */
   .offset2 {
      margin-left: 0!important;
   }
   .tabletspan_1 {
      width: 20.3125%!important;
   }
   .tabletspan_2 {
      width: 46.875%!important;
   }
   .tabletspan_2:nth-child(2n+0) + .tabletspan_2 {
      margin-left: 0;
   }
   .tabletspan_3 {
      width: 73.4375%!important;
   }
   .tabletspan_4,.tabletspan_5,.tabletspan_6,.tabletspan_7,.tabletspan_8 {
      width: 100%!important;
      margin: 0!important;
   }
   .image-wrapper {
      height: 140px;
      width: 140px;
   }
   .image-wrapper img {
      height: 140px;
      width: 140px;
   }
   .roles .image,
   .home .activity .image {
      width: 35.3125% !important;
      margin-right: 3.5% !important;
      float: left;
   }
   .roles .title-medium,
   .home .activity .title-medium {
      text-align: left !important;
   }
   .activity.list .item {
      margin-bottom: 0 !important;
      margin-top: 1em !important;
      padding-bottom: 1em !important;
      height: auto;
      overflow: auto;
   }
   #bege{
      position:absolute;
      margin-left:-240px;
      width:448px;
      height:897px;
      background-image:url(../gfx/bege-germany-tx.gif)
   }
   .pagination{
      margin-left: 0;
   }
   .image-big-434 {
      height: 264px;
   }
   .image-big-jj {
      height: 100px;
   }
}
/* --- END of BP --- */

@media screen and (min-width: 1001px) and (max-width: 1279px) {
   .container {
      width: 88.607%;
   }
   .container > *[class*='span_']:first-child {
      margin-left: 0;
   }
   *[class*='span_'] {
      margin-left: 2.5%;
      padding: 0 0%;
   }
   .row > *[class*='span_']:first-child {
      margin-left: 0;
   }
   .span_1 {
      width: 3.90625%;
   }
   .span_2,.previous-page,.next-page {
      width: 10.3125%;
   }
   .span_3,
   .menu {
      width: 16.71875%;
   }
   .span_4 {
      /*width: 23.125%!important;*/
      width: 23.8%!important;
   }
   .span_5 {
      width: 29.53125%;
   }
   .span_6 {
      width: 35.9375%;
   }
   .span_7 {
      width: 42.34375%;
   }
   .span_8 {
      width: 48.75%;
   }
   .span_9 {
      width: 55.15625%;
   }
   .span_10 {
      width: 61.5625%;
   }
   .span_11 {
      width: 67.96875%;
   }
   .span_12,
   #head,
   .activity.list,
   .activity.details,
   .activity.description,
   .top {
      width: 74.375%;
   }
   .span_13 {
      width: 80.78125%;
   }
   .span_14 {
      width: 87.1875%;
   }
   .span_15 {
      width: 93.59375%;
   }
   .span_16,
   .footer ,
   .site-navigation ul {
      margin-left: 0;
      width: 100%;
   }
   .offset_1 {
      margin-left: 3.90625%!important;
   }
   .offsetSliding {
      margin-left: 19.575892%!important;
   }
   .offset_2 {
      margin-left: 10.3125%!important;
   }
   .offset2 {
      margin-left: 19.21875%!important;
   }
   .offset_3 {
      margin-left: 16.71875%!important;
   }
   .offset_3 {
      margin-left: 19.21875%!important;
   }
   .offset_4 {
      /*margin-left: 23.125%!important;*/
      margin-left: 23.8%!important;
   }
   .offset_5 {
      margin-left: 29.53125%!important;
   }
   .offset_6 {
      margin-left: 35.9375%!important;
   }
   .offset_7 {
      margin-left: 42.34375%!important;
   }
   .offset_8 {
      margin-left: 48.75%!important;
   }
   .offset_9 {
      margin-left: 55.15625%!important;
   }
   .offset_10 {
      margin-left: 61.5625%!important;
   }
   .offset_11 {
      margin-left: 67.96875%!important;
   }
   .offset_12 {
      margin-left: 74.375%!important;
   }
   .offset_13 {
      margin-left: 80.78125%!important;
   }
   .offset_14 {
      margin-left: 87.1875%!important;
   }
   .offset_15 {
      margin-left: 93.59375%!important;
   }
   .menu {
      position: fixed;
      float: left;
      top: 120px;
   }
   .nav-mobile {
      display:none;
   }
   #head {
      padding-top: 120px;
   }
   .background-photo,
   .background-photo .background-overlay,
   #cover,	#head {
      height: 500px;
   }
   .home .background-photo,
   .home .background-photo .background-overlay,
   .home #cover,
   .home #head {
      height: auto;
      overflow:hidden;
   }
   .image img,
   .logos img {
      width: 100%;
      height: auto;
   }
   .image-life{
      width: 368px;
   }
   .image-big {
      height: 400px;
   }
   .image-big-620 {
      height: 500px;
   }
   .image-big.image-big-btn{
      min-height: 450px;
   }
   .activity.list {
      margin: 10px 0 40px 0;
      width: auto!important;
   }
   .forsale .activity.list {
      margin: 0;
      width: auto!important;
   }
   .activity.list .item:first-child,
   .about .activity.list .item:first-child,
   .forsale .activity.list .item:first-child {
      margin-left: 0;
   }
   .activity.list .item {
      border: 0px solid rgba(0,0,0,0);
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -moz-background-clip: padding-box !important;
      -webkit-background-clip: padding-box !important;
      background-clip: padding-box !important;
   }
   .forsale .activity.list .item {
      margin-left: 2.5%;
      width: 29.1%;
   }
   .activity.details .item:first-child {
      margin-left: 0;
   }
   .activity.details .item {
      width: 48%;
      margin-left: 4%;
      border: 0px solid rgba(0,0,0,0);
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -moz-background-clip: padding-box !important;
      -webkit-background-clip: padding-box !important;
      background-clip: padding-box !important;
   }
   .next-image {
      margin-left: 85%;
   }
   .site-navigation ul li {
      border: 0px solid rgba(0,0,0,0);
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -moz-background-clip: padding-box !important;
      -webkit-background-clip: padding-box !important;
      background-clip: padding-box !important;
      margin-left: 2.857142%;
   }
   .site-navigation ul li:first-child {
      margin-left: 0;
   }
   .pagination{
      margin-left: 34%;
   }
}

@media screen and (min-width: 1280px) and (max-width: 1599px) {
   .container {
      width: 88.627%;
   }
   .container > *[class*='span_']:first-child {
      margin-left: 0;
   }
   *[class*='span_'] {
      margin-left: 2.5%;
      padding: 0 1%;
   }
   .row > *[class*='span_']:first-child {
      margin-left: 0;
   }
   .span_1 {
      width: 3.90625%;
   }
   .span_2,
   .previous-page,
   .next-page {
      width: 10.3125%;
   }
   .span_3,
   .menu {
      width: 16.71875%;
   }
   .span_4,
   .activity.details {
      /*width: 23.125%!important;*/
      width: 24.8%!important;
   }
   .span_5 {
      width: 29.53125%;
   }
   .span_6 {
      width: 35.9375%;
   }
   .span_7 {
      width: 42.34375%;
   }
   .span_8,
   .activity.description {
      width: 47.75%;
   }
   .span_9 {
      width: 55.15625%;
   }
   .span_10 {
      width: 61.5625%;
   }
   .span_11 {
      width: 67.96875%;
   }
   .span_12,
   #head,
   .activity.list,
   .top {
      width: 74.375%;
   }
   .span_13 {
      width: 80.78125%;
   }
   .span_14 {
      width: 87.1875%;
   }
   .span_15 {
      width: 93.59375%;
   }
   .span_16,
   .footer,
   .site-navigation ul {
      margin-left: 0;
      width: 100%;
   }
   .offset_1 {
      margin-left: 3.90625%!important;
   }
   .offset_2 {
      margin-left: 10.3125%!important;
   }
   .offset2 {
      margin-left: 19.21875%!important;
   }
   .offset_3 {
      margin-left: 16.71875%!important;
   }
   .offset_3 {
      margin-left: 19.21875%!important;
   }
   .offset_4 {
      /*margin-left: 23.125%!important;*/
      margin-left: 23.8%!important;
   }
   .offset_5 {
      margin-left: 29.53125%!important;
   }
   .offset_6 {
      margin-left: 35.9375%!important;
   }
   .offset_7 {
      margin-left: 42.34375%!important;
   }
   .offset_8 {
      margin-left: 48.75%!important;
   }
   .offset_9 {
      margin-left: 55.15625%!important;
   }
   .offset_10 {
      margin-left: 61.5625%!important;
   }
   .offset_11 {
      margin-left: 67.96875%!important;
   }
   .offset_12 {
      margin-left: 74.375%!important;
   }
   .offset_13 {
      margin-left: 80.78125%!important;
   }
   .offset_14 {
      margin-left: 87.1875%!important;
   }
   .offset_15 {
      margin-left: 93.59375%!important;
   }
   .menu {
      position: fixed;
      float: left;
      top: 120px;
   }
   .nav-mobile {
      display:none;
   }
   #head {
      padding-top: 120px;
   }
   /* cover (hd) */
   .background-photo,
   .background-photo .background-overlay,
   #cover, #head {
      height: 500px;
   }
   .home .background-photo,
   .home .background-photo .background-overlay,
   .home #cover, .home #head {
      height: 500px;
   }
   .article-first .background-photo{
      height: auto !important;
   }
   .activity.list {
      width: auto!important;
      display: table;
   }
   .activity.list .item:first-child,
   .forsale .activity.list .item:first-child {
      margin-left: 0;
   }
   .forsale .activity.list .item {
      border: 0px solid rgba(0,0,0,0);
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -moz-background-clip: padding-box !important;
      -webkit-background-clip: padding-box !important;
      background-clip: padding-box !important;
      margin-left: 2.5%;
      width: 29.1%;
   }
   .activity.list .item .more-link span {
      display: none;
   }
   .activity.details.offset2 {
      margin-left: 2.5%!important;
   }
   .activity.details  .item {
      width: 95%;
      border: 0px solid rgba(0,0,0,0);
      float: left;
      margin-bottom: 1em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -moz-background-clip: padding-box !important;
      -webkit-background-clip: padding-box !important;
      background-clip: padding-box !important;
   }
   .site-navigation ul li {
      border: 0px solid rgba(0,0,0,0);
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -moz-background-clip: padding-box !important;
      -webkit-background-clip: padding-box !important;
      background-clip: padding-box !important;
      margin-left: 2.857142%;
   }
   .site-navigation ul li:first-child {
      margin-left: 0;
   }
   .pagination{
      margin-left: 47%;
   }
}

@media screen and (min-width: 1600px) {
   .container {
      width: 88.627%;
   }
   .container > *[class*='span_']:first-child {
      margin-left: 0;
   }
   *[class*='span_'] {
      margin-left: 2.5%;
      padding: 0 0%;
   }
   .row > *[class*='span_']:first-child {
      margin-left: 0;
   }
   .span_1 {
      width: 3.90625%;
   }
   .menu,
   .span_2 {
      width: 10.3125%;
   }
   .span_3,
   .contact {
      width: 16.71875%;
   }
   .span_4,
   .previous-page,
   .next-page {
      /*width: 23.125%!important;*/
      width: 23.8%!important;
   }
   .span_5,
   .top {
      width: 29.53125%;
   }
   .span_6 {
      width: 35.9375%;
   }
   .span_7 {
      width: 42.34375%;
   }
   .span_8,
   .activity.description {
      width: 48.75%;
   }
   .span_9 {
      width: 55.15625%;
   }
   .span_10 {
      width: 61.5625%;
   }
   .span_11 {
      width: 67.96875%;
   }
   .span_12,
   #head,
   .activity.list,
   .site-navigation ul {
      width: 74.375%;
   }
   .span_13 {
      width: 80.78125%;
   }
   .span_14 {
      width: 87.1875%;
   }
   .span_15 {
      width: 93.59375%;
   }
   .span_16,
   .footer {
      margin-left: 0;
      width: 100%;
   }
   .offset_1 {
      margin-left: 3.90625%!important;
   }
   .offset_2_base {
      margin-left: 10.3125%!important;
   }
   .offset2,
   #head {
      margin-left: 12.8125% !important;
   }
   .offset_3 {
      margin-left: 16.71875%!important;
   }
   /* OFFSET CORRETTI */
   .offset_3 {
      margin-left: 19.21875%!important;
   }
   .offset_4 {
      /*margin-left: 23.125%!important;*/
      margin-left: 23.8%!important;
   }
   .offset_5 {
      margin-left: 29.53125%!important;
   }
   .offset_6 {
      margin-left: 35.9375%!important;
   }
   .offset_7 {
      margin-left: 42.34375%!important;
   }
   .offset_8 {
      margin-left: 48.75%!important;
   }
   .offset_9 {
      margin-left: 55.15625%!important;
   }
   .offset_10 {
      margin-left: 61.5625%!important;
   }
   .offset_11 {
      margin-left: 67.96875%!important;
   }
   .offset_12 {
      margin-left: 74.375%!important;
   }
   .offset_13 {
      margin-left: 80.78125%!important;
   }
   .offset_14 {
      margin-left: 87.1875%!important;
   }
   .offset_15 {
      margin-left: 93.59375%!important;
   }
   .menu {
      position: fixed;
      float: left;
      top: 120px;
   }
   .nav-mobile {
      display:none;
   }
   .background-photo,
   .background-photo .background-overlay,
   #cover,	#head {
      height: 500px;
   }
   .home .background-photo,
   .home .background-photo .background-overlay,
   .home #cover, .home #head {
      height: auto;
   }
   .image img,
   .logos img {
      width: 100%;
      height: auto;
   }
   .activity.list {
      width: auto!important;
   }
   .activity.list .item:first-child,
   .forsale .activity.list .item:first-child {
      margin-left: 0;
   }
   .forsale .activity.list .item {
      border: 0px solid rgba(0,0,0,0);
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -moz-background-clip: padding-box !important;
      -webkit-background-clip: padding-box !important;
      background-clip: padding-box !important;
      margin-left: 3.857142%;
      width: 35.75%;
   }
   .activity.list .item {
      margin-top: 60px;
   }
   .activity.list .item p {
      height: 100px;
   }
   .activity.list .item .more-link {
      display: block;
      width: 40px;
      height: 40px;
      vertical-align: bottom;
      background: url('../gfx/more_icon.png') no-repeat;
      margin: 0 auto;
   }
   .activity.list .item .more-link span {
      display: none;
   }
   .activity.description {
      margin-top: 80px;
   }
   .activity.description p {
      width: 86%;
   }
   .activity.details {
      width: 20%;
      margin-left: 0;
      margin-top: 80px;
      margin-bottom: 120px;
   }
   .activity.details.offset2 {
      margin-left: 5% !important;
   }
   .activity.details .item:first-child {
      margin-left: 0;
   }
   .activity.details .item {
      width: 100%;
      border: 0px solid rgba(0,0,0,0);
      float: left;
      padding-bottom: 1em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -moz-background-clip: padding-box !important;
      -webkit-background-clip: padding-box !important;
      background-clip: padding-box !important;
   }
   .next-image {
      margin-left: 93%;
   }
   .site-navigation ul {
      margin-left: 13%;
      width: 100%;
   }
   .site-navigation ul li {
      float: left;
   }
   .contacts {
      margin-bottom: 80px;
   }
   .contact {
      width: 18.5%;
   }
}
/* Typography */
html {
   font-size: 16px;
}
body,
.body-text {
   font-weight: 400;
   font-size: 1em;
   line-height: 1.5em;
   font-smooth: always;
   -webkit-font-smoothing: antialiased;
}
#head {
   padding-top: 97px;
   padding-bottom: 70px;
   color: #222;
}

#head #head-desktop{
   margin-top: 70px;
}
#head #head-desktop-home{
   margin-top: 3.9em;
}
#head .sub-head {
   background-color: transparent;
}
.full-width {
   background: #000;
}
ul,
ol {
   list-style: none;
   margin: 0;
   padding: 0;
}
ul.list.bullets {
   list-style: disc;
   margin-left: 0.5em;
   padding-left: 0.5em;
}
ul.list.bullets li {
   padding-left: 0.25em;
}
ul.horizontal li {
   display: inline;
   padding-left: 10px;
}
ul.horizontal li.first {
   padding-left: 0;
   margin-left: 0;
}
ul.discs li:before {
   list-style: none;
}
ul.discs li:before {
   content: "\020 \020 \020 \2022 \020 \020 \0";
}
ul.discs li.first:before {
   content: " ";
}
ul.home {
   list-style: disc;
}
ul.home li {
   margin-left: 1em;
   padding-left: 0.45em;
}
strong {
   font-weight: normal;
}
em {
}
a {
   color: #000;
   text-decoration: none;
   border-bottom: 1px solid #000;
}
p {
   margin-top: 0;
   padding-top: 0;
}
a:hover,
a:active {
   color: #0078bf;
   border-bottom-color: #0078bf;
}
a.nounderline {
   text-decoration: none;
   border-bottom: none;
}
.linked{
   color: #000;
}
a .linked:hover{
   color: #000;
}
.more-link-container {
   display: inline-block;
   vertical-align: bottom;
   width: 100%;
   margin-top: 50px;
   margin-bottom: 0;
   text-align: center;
}
.highlight-dark{
   background: #000;
   padding: 6px 8px;
}
.highlight-light{
   background: #fff;
   color: #000 !important;
   padding: 12px 20px;
   font-size: 1.1em !important;
}
#head {
   color: #fff;
}
#subfooter a {
   color: #fff;
   border-bottom: 1px solid #fff;
}
#subfooter a:hover{
   color: #fff;
   border-bottom: solid 2px #fff;
}
#cover-sub-head a{
   border-bottom: none;
   margin-left: 2em;
}
#cover-sub-head a:hover{
   border-bottom: none;
}
#cover-sub-head a .underline {
   border-bottom: solid 1px #fff;
}
#cover-sub-head a:hover .underline {
   border-bottom: solid 2px #fff;
}
h1, h2, h3, h4, h5, h6 {
   font-weight: normal;
   line-height: 1.2em;
   margin-top: 0;
   padding:0 !important;
}
.site-title {
   font-size: 2em;
   margin-top: -1.5em;
   margin-bottom: 1.6em;
}
.huge-head {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 400;
   font-size: 5.5em;
   line-height: 1.1em;
   margin-top: 0;
   margin-bottom: 0.5em;
}
.bigger-head {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 400;
   font-size: 5em;
   line-height: 1.1em;
   margin-top: 0;
   margin-bottom: 0.5em;
}
.big-head {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 400;
   font-size: 3.75em;
   line-height: 1.5em;
   margin-top: 1em;
   margin-bottom: 1em;
}
.middle-head {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 400;
   font-size: 2.2em;
   line-height: 1.5em;
}
.sub-head {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 800;
   font-size: 2.25em;
   line-height: 1.5em;
   margin-left: 20.3125%!important;
}
.sub-head-left{
   margin: 0!important;
}
.small-title {
   font-weight: 400;
   font-size: 0.75em;
   line-height: 1.7em;
   text-transform: uppercase;
   color: #999;
   padding-bottom: 0.5em;
   display: block;
}
.small-details {
   font-weight: 400;
   font-size: 0.82em;
   line-height: 1.4em !important;
   padding: 0 !important;
   margin: 0 !important;
}
.head {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 400;
   font-size: 2.5em;
   line-height: 1.2em;
   margin-bottom: .72em;
}
.blog-index .head {
   margin-bottom: 0;
}
#cover-sub-head {
   padding-left: 0 !important;
}
.title-medium {
   font-weight: 400;
   font-size: 1.25em;
   line-height: 1.4em;
   margin-bottom: .5em;
}
.afternul {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 400;
   font-size: 2em;
   line-height: 1.2em;
   margin-bottom: 0;
}
.divider-space{
   height: 1em;
   width: 100%;
   margin: 3.4em 0 0;
   text-align: center;
}
.divider-space .line{
   /*border-top: 20px dotted #ebebeb;*/
   border-top: 2px dotted #666;
   margin-left: 25%;
   width: 50%;
}
.divider {
   border-top: 2px solid #ebebeb;
}
.divider-small {
   border-bottom: 2px solid #e5e5e5;
   margin: 0!important;
}
.divider.dotted {
   border-top-style: dotted;
}
.image-big,
.image-big .small-title,
.slider,
.slider .small-title {
   color: #fff;
}
#other ul li a.image {
   display: block;
   padding-top: 270px;
   height: 30px;
   -webkit-background-size: cover;
   -moz-background-size: cover ;
   background-size: cover ;
}
#other ul li a.image:hover {
   opacity: 0.9;
}
.slider .description {
   padding-top: 50px;
}
#slider-controller ul a {
   color: #fff;
   border-bottom: none;
   font-size: 3em;
}
.background-box {
   padding-top: 40px;
   padding-bottom: 40px;
   background-color: #f5f5f5;
   z-index: -9000;
}
.centered-text {
   padding-top: 80px;
   padding-bottom: 70px;
   text-align: center;
}
.top-small {
   padding-top: 40px;
}
.bottom-small {
   padding-bottom: 40px;
}
.activity.description,
.activity.details,
.top-medium {
   padding-top: 60px;
}
.activity.description,
.activity.details,
.bottom-medium {
   padding-bottom: 60px;
}
.bottom-large {
   padding-bottom: 120px;
}
.top-large {
   padding-top: 100px;
}
#upcoming_events .metadata,
#upcoming_events .body-text {
   padding: 0;
   margin: 0;
}
.menu {
   z-index: 9000;
}
.more-menu,
.social-menu {
   display: none;
}
.more-menu a:hover{
   color: #cc0000;
}
.menu a {
   border-bottom: none;
   color: #fff;
}
.menu a:hover {
   color: #cc0000;
}
.nav-dark .main-menu a:hover {
   color: #cc0000;
}
.nav-dark .more-menu-link,
.nav-light .more-menu-link {
   margin-top: 20px;
}
.nav-mobile .more-menu {
   display:none;
}
.menu .symbol {
   width: 30px;
   height: 30px;
   margin-bottom: 54px;
}
.menu .symbol a div {
   display: inline-block;
   width: 30px;
   height: 30px;
   background: url('../gfx/menu-symbol-bw.png') no-repeat top right;
}
.menu.nav-light .symbol a div {
   display: inline-block;
   width: 30px;
   height: 30px;
   background: url('../gfx/menu-symbol-color.png') no-repeat top left;
}
.menu.nav-mobile .symbol a div {
   display: inline-block;
   width: 30px;
   height: 30px;
   background: url('../gfx/menu-symbol-bw.png') no-repeat top right;
   background-size: auto 30px;
   margin: 0;
}
.menu .symbol span {
   display: none;
}
.menu ul {
   line-height: 1.625em;
   margin: 0 0 20px 0;
}
.menu ul li {
   list-style: none;
}
.main-menu li:last-child {
   font-weight: normal;
   font-size: .875em;
}
.menu.nav-dark{
}
.menu.nav-light a {
   color: #000;
}
.menu.nav-light a:hover {
   color: #7d7d7d;
}
.menu.nav-light .symbol a {
   background-position: left center!important;
}
.activity,
.activity.list .title-medium,
.activity.list p,
.activity.description,
.activity.description .head {
   color: #000;
}
.activity.description .head {
   margin-top: 10px;
}
.activity.description .small-title {
   margin-bottom: 10px;
}
.name {
   margin-bottom: 0;
}
.roles .image {
   margin-bottom: .5em;
}
.role {
   font-size: 0.8125em;
   margin-bottom: 2em;
   margin-top: 0.5em;
   line-height: 1.2em;
}
.home #head {
   padding-top: 120px;
}
.home .big-head {
   font-size: 3.5em;
   font-family: 'Source Sans Pro';
}
.news > .title-medium,
.events > .title-medium {
   border-bottom: 2px dotted #666;
   padding-top: 20px;
   padding-bottom: 20px;
   font-size: .95em;
   font-weight: 800;
}
.news > h1.title-medium{
   font-size: .95em;
   font-weight: 800;
   line-height: 1.4em;
   margin-bottom: 0.5em;
}
.accordion > dl > dt > a{
   font-size: 1.25em;
   font-weight: 400;
   line-height: 1.4em;
   margin-bottom: 0.5em;
}
.accordion dd a{
   border: 0;
}
.accordion dd a.underline{
   border-bottom: 1px solid #000;
}
.accordion dd div.more{
   position:absolute;
   z-index:800;
}
.accordion ul{
   position: absolute;
   z-index: -1;
}
.home #latest_news .list,
#upcoming_events {
   padding-bottom: 3em;
   overflow: auto;
   margin-bottom: 5em;
}
.home .head {
   margin-bottom: 1.5em;
}
.home .list article.article-first {
   padding-top: 1em;
}
.home .list article {
   padding-top: 3em;
}
.home .list article .title-medium a {
   border-bottom: none;
}
.home .list article .title-medium a:hover {
   border-bottom: solid 1px;
}
.home .activity .title-medium {
   text-align: center;
   margin-top: 0.5em;
}
a.image {
   display: block;
   border-bottom: none;
   padding-bottom: 1em;
   color: #fff;
}
.small-button {
   color: #fff;
   display: block;
   background-color: #000;
   cursor: pointer;
   /*font-family: 'Source Sans Pro', sans-serif;*/
   font-size: 1em;
   font-weight: bold;
   padding: 10px 20px;
   margin-top: 2.5em;
   border-radius: 5px;
   text-align: center;
   text-transform: uppercase;
   width: 300px;
}
.small-button:hover {
   background-color: #666;
}
.big-button {
   display: block;
   border: 2px solid #dddddd;
   padding: 30px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}
.big-button:hover {
   border-color: #0078bf;
}
.big-button.btn-cover{
   border: 2px solid #fff;
   color: #fff;
}

@media screen and (min-width: 320px) and (max-width: 650px) {
}

/* Footer */
/* Site navigation menu */
.site-navigation {
   margin-top: 110px;
   margin-bottom: 20px;
   padding: 40px 0;
   background-color: #f5f5f5;
}

.site-navigation a {
   border-bottom: none;
}

.site-navigation .top {
   text-align: center;
}

.site-navigation .next-page {
   text-align: right;
}

.site-navigation .previous-page,
.site-navigation .next-page {
   /*font-family: 'LinotypeUniversW01-Thin 723610';*/
   font-size: 2em;
}

#call-to-action {
   margin-bottom: 1em;
   margin-top: 4em;
}
/*
#footer .slogan {
        margin-bottom: 80px;
}
#footer .widgetbar {
        margin-bottom: 80px;
}
*/
#subfooter {
   font-size: .75em;
   background-color: #000;
   color: #fff;
   margin-top: 4em;
   padding: 1em 0;
}

#footer-prev {
   background: transparent url('../gfx/left-icon.png') no-repeat left center;
   width: 20px;
   max-width: 20px;
   display: block;
   float: left;
   overflow: hidden;
   text-indent: 1000px;
}

#footer-next {
   background: transparent url('../gfx/right-icon.png') no-repeat right center;
   width: 20px;
   max-width: 20px;
   display: block;
   float: right;
   overflow: hidden;
   text-indent: 1000px;
}

#languages {
   text-align: right;
}

.offer .item p {
   padding-bottom: 1em;
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
   .menu .symbol {
      background-color: #222;
      padding: 10px;
      margin-bottom: 0;
   }
   #head #head-desktop{
      margin-top: 0;
   }
   .menu ul .symbol a {
      padding: 0;
      border-bottom: none;
   }
   .menu.open .symbol {
      width: auto;
      height: auto;
      padding: 0;
   }
   .menu.open .symbol a {
      padding: 10px;
      height: 30px;
   }
   .menu.open .symbol span {
      display: inline-block;
      padding-left: 10px;
      height: 30px;
      vertical-align: top;
   }
   .menu {
      position: absolute;
      top: 40px;
      float: left;
      display: inline
   }
   .menu ul {
      display: none;
   }
   .menu ul.home-menu {
      display: block;
      margin-bottom: 0;
   }
   .menu.open ul {
      display: block;
   }
   .menu.nav-mobile ul.main-menu,
   .menu.nav-mobile ul.more-menu {
      margin: 0 0 0 0;
   }
   .menu.nav-light {
      display: none;
   }
   .menu.open {
      display: block;
      color: #fff;
      background-color: #222;
      width: 260px;
   }
   .menu.open ul.social-menu,
   .menu.open .main-menu li:last-child {
      display: none;
   }
   .menu ul a {
      display: block;
      border-bottom: 1px solid #444;
      padding-top: 12px;
      padding-right: 12px;
      padding-bottom: 12px;
      padding-left: 50px;
   }
   .main-menu {
      border-top: 1px solid #444;
   }
   .menu ul a:hover {
      background-color: #333333;
      color: #fff;
   }
   .menu.nav-light .symbol {
      background-color: transparent;
   }
   .phone-span-4{
      margin-left: 0!important;
   }
}

@media screen and (min-width: 1px) and (max-width: 650px) {
   #cover-sub-head{
      text-shadow: none;
   }
   #cover-sub-head a .underline{
      border-bottom: 1px solid #000;
   }
   .background-photo{
      background-attachment: scroll !important;
   }
   #head {
      padding-bottom: 0;
      padding-top: 15px !important;
   }
   .image-life{
      width: 250px;
   }
   .image-big.image-big-btn{
      padding-bottom: 130px;
   }
   .symbol {
      background-color: #222;
      padding: 10px;
   }
   .site-title {
      margin-bottom: 50px;
      margin-left: 75px;
      margin-top: -19px;
   }
   .menu {
      background-color: #222;
      width: 50px;
   }
   .menu.open {
      width: 16em;
   }
   .menu a {
      display: block;
      border-bottom: 1px solid #959595;
      padding-top: 26px;
      padding-bottom: 26px;
   }
   .symbol span {
      display: none;
   }
   .menu.nav-light .symbol {
      background-color: transparent;
   }
   .big-head {
      font-size: 1.9em;
      padding-right: 10px;
      padding-top: 1em;
   }
   #cover .big-head,
   #cover .bigger-head{
      padding-top: -23px !important;
      /*font-family: 'LinotypeUniversW01-Ligh 723631';*/
   }
   .background-photo, .background-photo .background-overlay, #cover, #head {
      min-height: 228px !important;
   }
   .home .background-photo, .home .background-photo .background-overlay, .home #cover, .home #head {
      height: auto !important;
      min-height: 240px !important;
   }
   .home #cover .big-head {
      font-size: 2.15em !important;
   }
   .sub-head {
      font-size: 1.125em;
   }
   .small-title {
   }
   .head {
      font-size: 1.5em;
   }
   .title-medium {
      font-size: 1.125em;
   }
   .graph .title-medium {
      font-size: 0.55em;
   }
   #cover {
      padding-top: 0;
   }
   #head {
      padding-top: 80px;
   }
   #head #head-desktop{
      margin-top: 0;
   }
   .big-head,
   .bigger-head {
      line-height: 1.3em;
      font-size: 1.8em;
      margin-top: 1.2em;
      display: block;
   }
   .activity.description,
   .activity.details,
   .top-medium {
      padding-top: 30px;
   }
   .activity.description,
   .activity.details,
   .bottom-medium {
      padding-bottom: 30px;
   }
   .activity.list .item {
      height: auto;
      margin-top: 60px;
   }
   .roles .item .image {
      clear: both;
      display: block;
      margin-right: 0;
      float: none;
   }
   .roles .item .image img {
      width: 100%;
      height: auto;
      clear: both;
      display: block;
      float: none;
   }
   #cover-sub-head {
      padding-top: 1em;
   }
   .home #latest_news .list, #upcoming_events {
      margin-bottom: 1em;
   }
   .bottom-large {
      padding-bottom: 1em;
   }
   .top-large {
      padding-top: 2em;
   }
   .activity.description, .activity.details, .bottom-medium {
      padding-bottom: 10px !important;
   }
   .huge-head {
      font-size: 2em;
      font-weight: 400;
      line-height: 1.1em;
      margin-bottom: 0.5em;
      margin-top: 1em;
   }
   .home .big-head {
      padding-top: 0;
      margin-top: 0;
   }
   .activity.list .item {
      height: auto;
      margin-top: 0;
   }
   .more-link-container {
      margin-top: 0;
   }
   .big-head,
   .home .big-head {
      font-size: 1.5em;
      line-height: 1.3em;
   }
   .roles .item {
      margin-bottom: 3em;
   }
   .activity.description .small-title {
      margin-bottom: 0;
      padding-bottom: 0;
   }
   .next-page,
   .previous-page {
      display: none;
   }
   .top,
   .top a {
      margin: 0 auto;
      width: 100%;
   }
}
/* **** END OF 4 Column Grid 320px - 767px **************************** */

@media screen and (min-width: 651px) and (max-width: 1000px) {
   .background-photo{
      background-attachment: scroll !important;
   }
   #head {
      padding-top: 120px;
   }
   #head #head-desktop{
      margin-top: 0;
   }
   .image-life{
      width: 250px;
   }
   .image-exh{
      min-height: 300px;
   }
   .image-big {
      height: 400px;
   }
   .image-big-620{
      height: 450px;
   }
   .image-big.image-big-btn{
      padding-bottom: 90px;
   }
   .big-head {
      font-size: 3.125em;
   }
   .sub-head {
   }
   .small-title {
   }
   .head {
      font-size: 2.5em;
   }
   .title-medium {
   }
   .graph .title-medium {
      font-size: 1em;
   }
   .activity.list .item {
      margin-top: 40px;
      margin-bottom: 10px;
      padding-bottom: 180px;
   }
   .activity.description {
      padding-bottom: 0;
   }
   .centered-text {
      padding-top: 60px;
      padding-bottom: 60px;
   }
   .background-box {
      padding-top: 30px;
      padding-bottom: 30px;
   }
   .activity.description,
   .activity.details,
   .top-medium {
      padding-top: 40px;
   }
   .activity.description,
   .activity.details,
   .bottom-medium {
      padding-bottom: 40px;
   }
   .bottom-large {
      padding-bottom: 80px;
   }
   .roles .item .image {
      width: auto;
      float: left;
      margin-right: 7%;
   }
   .more-link-container {
      margin-top: 0px;
   }
}
/* **** END OF 4 Column Grid 320px - 767px **************************** */

/* 16 Column Grid 1024px - 1279p  */

@media screen and (min-width: 1001px) and (max-width: 1279px) {
   .big-head {
      font-size: 3.125em;
   }
   .sub-head {
   }
   .small-title {
   }
   .head {
   }
   .title-medium {
   }
   #main {
      height: 630px;
   }
   .centered-text {
      text-align: center;
   }
   .activity.details {
      padding-top: 0;
   }
   .bottom-large {
      padding-bottom: 80px;
   }
}
/* **** END OF 16 Column Grid 1024px - 1279px **************************** */

/* 16 Column Grid 1280px - 1599px  */
@media screen and (min-width: 1280px) and (max-width: 1599px) {
   .centered-text {
      text-align: center;
   }
}
/* **** END OF 16 Column Grid 1280px - 1599px **************************** */

/* 16 Column Grid 1600px - Infinity */
@media screen and (min-width: 1600px) {
   html {
      font-size: 18px;
   }
   #head {
      padding-top: 95px;
   }
}
/* **** END OF 16 Column Grid 1600px - Infinity **************************** */

/* grid footer */
.container {
   margin: 0 auto;
   max-width: 88.607%;
   overflow: hidden;
   position: relative;
}
.row {
   margin: 0 auto;
   width: 100%;
   overflow: hidden;
   position: relative;
   background-size: 100% 100px;
   height: auto;
}
.col {
   border: 0px solid rgba(0,0,0,0);
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -moz-background-clip: padding-box !important;
   -webkit-background-clip: padding-box !important;
   background-clip: padding-box !important;
}
*[class*='hd_span_'],
*[class*='ultra_span_'] {
   border: 0px solid rgba(0,0,0,0);
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -moz-background-clip: padding-box !important;
   -webkit-background-clip: padding-box !important;
   background-clip: padding-box !important;
}
.full-width.bottom-navigation {
   background-color: #F5F5F5;
}
.home .horizontal-list {
   padding-bottom: 5em !important;
}
/* PHONE 4 Column Grid 0px - 767px
    -----------------------------------------------------------------------------
    Span 1:    19.75%
    Span 2:    46.5%
    Span 3:    73.25%
    Span 4:    100%
    ----------------------------------------------------------------------------- */
@media screen and (min-width: 0) and (max-width: 650px) {
   .background-photo{
      background-attachment: scroll !important;
   }
   .container {
      margin: 0 auto;
      width: 90%;
      max-width: 90%;
      overflow: hidden;
      position: relative;
   }
   .image-big-620{
      height: 300px;
   }
   .col {
      margin-left: 7%;
      padding: 0 0%;
   }
   .phone_span_1 {
      width: 19.75%;
   }
   .phone_span_2 {
      width: 46.5%;
   }
   .phone_span_3 {
      width: 73.25%;
   }
   .tube,
   .phone_span_4 {
      margin: 1em 0 0 0;
      width: 100%;
   }
   .footer .tube,
   .footer .gap {
      margin: 0;
   }
   .footer .tube {
      width: 100%;
   }
   .phone_offset_0 {
      margin-left: 7%;
   }
   .phone_offset_1 {
      margin-left: 19.75%!important;
   }
   .phone_offset_2 {
      margin-left: 46.5%!important;
   }
   .phone_offset_3 {
      margin-left: 73.25%!important;
   }
   .site-navigation .top span {
      display: none;
   }
   .offset2 {
      margin-left: 0!important;
   }
}

/* TABLET 8 Column Grid 768px - 1023px
-----------------------------------------------------------------------------

Span 1:    9.4375%
Span 2:    22.375%
Span 3:    35.3125%
Span 4:    48.25%
Span 5:    61.1875%
Span 6:    74.125%
Span 7:    87.0625%
Span 8:    100%

----------------------------------------------------------------------------- */
@media screen and (min-width: 651px) and (max-width: 1000px) {
   .background-photo{
      background-attachment: scroll !important;
   }
   .col {
      margin-left: 3.5%;
      padding: 0 0%;
   }
   .row .col:first-child {
      margin-left: 0;
   }
   .tablet_span_1 {
      width: 9.4375%;
   }
   .tablet_span_2 {
      width: 22.375%;
   }
   .tablet_span_3 {
      width: 35.3125%;
   }
   .tablet_span_4 {
      width: 48.25%;
   }
   .tablet_span_5 {
      width: 61.1875%;
   }
   .tablet_span_6 {
      width: 74.125%;
   }
   .tablet_span_7 {
      width: 87.0625%;
   }
   .tube,
   .tablet_span_8 {
      margin-left: 0;
      width: 100%;
   }
   .tablet_offset_1 {
      margin-left: 12.9375%!important;
   }
   .tablet_offset_2 {
      margin-left: 25.875%!important;
   }
   .tablet_offset_3 {
      margin-left: 38.8125%!important;
   }
   .tablet_offset_4 {
      margin-left: 51.75%!important;
   }
   .tablet_offset_5 {
      margin-left: 64.6875%!important;
   }
   .tablet_offset_6 {
      margin-left: 77.625%!important;
   }
   .tablet_offset_7 {
      margin-left: 90.5625%!important;
   }
   .footer .tube,
   .footer .gap {
      margin-left: 0!important;
   }
   .footer .tube {
      width: 100%!important;
   }
   .tube .row .tablet_span_4:nth-child(2n+1) {
      clear: left;
      margin-left: 0;
   }
   .tube .tablet_offset_2.tablet_span_2 {
      margin-left: 25.875%!important;
      clear: left;
   }
   .tube .row .tablet_span_4:nth-child(2n+1) {
      clear: left;
      margin-left: 0;
   }
   .footer .row.tube .tablet_span_4:nth-child(3n+0) {
      clear: left;
      margin-left: 0;
   }
   .contact-page .tablet_offset2 {
      margin-left: 29.375%!important;
   }
   .offset2 {
      margin-left: 0!important;
   }
}

/*
 * DESKTOP + HD
 * 1024px - 1279px
 * 1280px - 1599px
 */
@media screen and (min-width: 1001px) and (max-width: 1599px) {
   .tube {
      margin: 0 auto;
      width: 100%;
      overflow: hidden;
      position: relative;
   }
   .col {
      margin-left: 2.5%;
      padding: 0 0%;
   }
   .row .col:first-child {
      margin-left: 0;
   }
   .footer .tube .hd_span_1,
   .hd_span_1 {
      width: 3.90625%;
   }
   .footer .tube .hd_span_2,
   .hd_span_2 {
      width: 10.3125%;
   }
   .footer .tube .hd_span_3,
   .hd_span_3 {
      width: 16.71875%;
   }
   .footer .tube .hd_span_4,
   .hd_span_4 {
      /*width: 23.125%!important;*/
      width: 23.8%!important;
   }
   .footer .tube .hd_span_5,
   .hd_span_5 {
      width: 29.53125%;
   }
   .footer .tube .hd_span_6,
   .hd_span_6 {
      width: 35.9375%;
   }
   .footer .tube .hd_span_7,
   .hd_span_7 {
      width: 42.34375%;
   }
   .footer .tube .hd_span_8,
   .hd_span_8 {
      width: 48.75%;
   }
   .footer .tube .hd_span_9,
   .hd_span_9 {
      width: 55.15625%;
   }
   .footer .tube .hd_span_10,
   .hd_span_10 {
      width: 61.5625%;
   }
   .footer .tube .hd_span_11,
   .hd_span_11 {
      width: 67.96875%;
   }
   .footer .tube .hd_span_12,
   .hd_span_12, .tube {
      width: 74.375%;
   }
   #subfooter .tube {
      width: 100%;
   }
   .footer .tube .hd_span_13,
   .hd_span_13 {
      width: 80.78125%;
   }
   .footer .tube .hd_span_14,
   .hd_span_14 {
      width: 87.1875%;
   }
   .footer .tube .hd_span_15,
   .hd_span_15 {
      width: 93.59375%;
   }
   .footer .tube .hd_span_16,
   .hd_span_16 {
      width: 100%;
      margin-left: 0;
   }
   .tube,.gap {
      margin-left: 19.21875%!important;
   }
   .footer .tube,
   #subfooter .tube,
   .footer .gap,
   #subfooter .gap {
      margin-left: 0!important;
   }
   .footer .tube {
      width: 100%!important;
   }
   .tube .hd_span_1 {
      width: 6.04166666667%;
   }
   .tube .hd_span_2 {
      width: 14.5833333333%;
   }
   .tube .hd_span_3 {
      width: 23.125%;
   }
   .tube .hd_span_4 {
      width: 31.6666666667%;
   }
   .tube .hd_span_5 {
      width: 40.2083333333%;
   }
   .tube .hd_span_6 {
      width: 48.75%;
   }
   .tube .hd_span_7 {
      width: 57.2916666667%;
   }
   .tube .hd_span_8 {
      width: 65.8333333333%;
   }
   .tube .hd_span_9 {
      width: 74.375%;
   }
   .tube .hd_span_10 {
      width: 82.9166666667%;
   }
   .tube .hd_span_11 {
      width: 91.4583333333%;
   }
   .tube .hd_span_12 {
      margin-left: 0;
      width: 100%;
   }
   .tube .hd_offset_1 {
      margin-left: 6.04166666667%!important;
   }
   .tube .hd_offset_2 {
      margin-left: 14.5833333333%!important;
   }
   .tube .hd_offset_3 {
      margin-left: 23.125%!important;
   }
   .tube .hd_offset_4 {
      margin-left: 31.6666666667%!important;
   }
   .tube .hd_offset_5 {
      margin-left: 40.2083333333%!important;
   }
   .tube .hd_offset_6 {
      margin-left: 48.75%!important;
   }
   .tube .hd_offset_7 {
      margin-left: 57.2916666667%!important;
   }
   .tube .hd_offset_8 {
      margin-left: 65.8333333333%!important;
   }
   .tube .hd_offset_9 {
      margin-left: 74.375%!important;
   }
   .tube .hd_offset_10 {
      margin-left: 82.9166666667%!important;
   }
   .tube .hd_offset_11 {
      margin-left: 91.4583333333%!important;
   }
   .tube .row .hd_span_6:nth-child(2n+1) {
      clear: left;
      margin-left: 0;
   }
   #numbers.tube .row .ultra_span_3:nth-child(4n+1) {
      clear: left;
      margin-left: 0;
   }
   .tube .staff.row .hd_span_3:nth-child(4n+1) {
      clear: left;
      margin-left: 0;
   }
   .tube .staff.row .hd_span_4:nth-child(3n+1) {
      clear: left;
      margin-left: 0;
   }
}
/* --- end of HD */

/*
 * ULTRA
 * 1600 - infinity
 */
@media screen and (min-width: 1600px) {
   .tube {
      margin: 0 auto;
      width: 100%;
      overflow: hidden;
      position: relative;
   }
   .col {
      margin-left: 2.5%;
      padding: 0 0%;
   }
   .row .col:first-child {
      margin-left: 0;
   }
   .ultra_span_1 {
      width: 3.90625%;
   }
   .ultra_span_2 {
      width: 10.3125%;
   }
   .ultra_span_3 {
      width: 16.71875%;
   }
   .ultra_span_4 {
      width: 23.125%;
   }
   .ultra_span_5 {
      width: 29.53125%;
   }
   .ultra_span_6 {
      width: 35.9375%;
   }
   .ultra_span_7 {
      width: 42.34375%;
   }
   .ultra_span_8 {
      width: 48.75%;
   }
   .ultra_span_9 {
      width: 55.15625%;
   }
   .ultra_span_10 {
      width: 61.5625%;
   }
   .ultra_span_11 {
      width: 67.96875%;
   }
   .ultra_span_12, .tube {
      width: 74.375%;
   }
   .ultra_span_13 {
      width: 80.78125%;
   }
   .ultra_span_14 {
      width: 87.1875%;
   }

   .ultra_span_15 {
      width: 93.59375%;
   }
   .ultra_span_16 {
      width: 100%;
      margin-left: 0;
   }
   .tube, .gap {
      margin-left: 12.8125%;
   }
   .tube .ultra_span_1 {
      width: 6.04166666667%;
   }
   .tube .ultra_span_2 {
      width: 14.5833333333%;
   }
   .tube .ultra_span_3 {
      width: 23.125%;
   }
   .tube .ultra_span_4 {
      width: 31.6666666667%;
   }
   .tube .ultra_span_5 {
      width: 40.2083333333%;
   }
   .tube .ultra_span_6 {
      width: 48.75%;
   }
   .tube .ultra_span_7 {
      width: 57.2916666667%;
   }
   .tube .ultra_span_8 {
      width: 65.8333333333%;
   }
   .tube .ultra_span_9 {
      width: 74.375%;
   }
   .tube .ultra_span_10 {
      width: 82.9166666667%;
   }
   .tube .ultra_span_11 {
      width: 91.4583333333%;
   }
   .tube .ultra_span_12 {
      margin-left: 0;
      width: 100%;
   }
   .tube .ultra_offset_1 {
      margin-left: 6.04166666667%!important;
   }
   .tube .ultra_offset_2 {
      margin-left: 14.5833333333%!important;
   }
   .tube .ultra_offset_3 {
      margin-left: 23.125%!important;
   }
   .tube .ultra_offset_4 {
      margin-left: 31.6666666667%!important;
   }
   .tube .ultra_offset_5 {
      margin-left: 40.2083333333%!important;
   }
   .tube .ultra_offset_6 {
      margin-left: 48.75%!important;
   }
   .tube .ultra_offset_7 {
      margin-left: 57.2916666667%!important;
   }
   .tube .ultra_offset_8 {
      margin-left: 65.8333333333%!important;
   }
   .tube .ultra_offset_9 {
      margin-left: 74.375%!important;
   }
   .tube .ultra_offset_10 {
      margin-left: 82.9166666667%!important;
   }
   .tube .ultra_offset_11 {
      margin-left: 91.4583333333%!important;
   }
   #numbers.tube .row .ultra_span_3:nth-child(4n+1) {
      clear: left;
      margin-left: 0;
   }
   .tube .row .ultra_span_6:nth-child(2n+1) {
      clear: left;
      margin-left: 0;
   }
   .tube .staff.row .ultra_span_3:nth-child(4n+1) {
      clear: left;
      margin-left: 0;
   }
   .tube .staff.row .ultra_span_4:nth-child(3n+1) {
      clear: left;
      margin-left: 0;
   }
   .offset_99{
      margin-left: 11.61875%!important
   }
}
/* --- end of ULTRA */

/*utils*/
@media screen and (min-width: 320px) and (max-width: 769px) {
   .span_12  + .span_1,
   .span_12  + .span_2,
   .span_12  + .span_3,
   .span_12  + .span_4,
   .span_12  + .span_5,
   .span_12  + .span_6,
   .span_12  + .span_7,
   .span_12  + .span_8,
   .span_12  + .span_9,
   .span_12  + .span_10,
   .span_12  + .span_11,
   .span_12  + .span_12,
   .span_12  + .span_13,
   .span_12  + .span_14,
   .span_12  + .span_15,
   .span_12  + .span_16 {
      margin-left:0;
      clear:left;
   }
   .span_11  + .span_1,
   .span_11  + .span_2,
   .span_11  + .span_3,
   .span_11  + .span_4,
   .span_11  + .span_5,
   .span_11  + .span_6,
   .span_11  + .span_7,
   .span_11  + .span_8,
   .span_11  + .span_9,
   .span_11  + .span_10,
   .span_11  + .span_11,
   .span_11  + .span_12,
   .span_11  + .span_13,
   .span_11  + .span_14,
   .span_11  + .span_15,
   .span_11  + .span_16 {
      margin-left:0;
      clear:left;
   }
}

@media screen and (min-width: 770px) and (max-width: 1023px) {
   .span_12  + .span_1,
   .span_12  + .span_2,
   .span_12  + .span_3,
   .span_12  + .span_4,
   .span_12  + .span_5,
   .span_12  + .span_6,
   .span_12  + .span_7,
   .span_12  + .span_8,
   .span_12  + .span_9,
   .span_12  + .span_10,
   .span_12  + .span_11,
   .span_12  + .span_12,
   .span_12  + .span_13,
   .span_12  + .span_14,
   .span_12  + .span_15,
   .span_12  + .span_16 {
      margin-left: 0;
      clear: left;
   }
   .span_11  + .span_1,
   .span_11  + .span_2,
   .span_11  + .span_3,
   .span_11  + .span_4,
   .span_11  + .span_5,
   .span_11  + .span_6,
   .span_11  + .span_7,
   .span_11  + .span_8,
   .span_11  + .span_9,
   .span_11  + .span_10,
   .span_11  + .span_11,
   .span_11  + .span_12,
   .span_11  + .span_13,
   .span_11  + .span_14,
   .span_11  + .span_15,
   .span_11  + .span_16 {
      margin-left: 0;
      clear: left;
   }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
   .span_12  + .span_1,
   .span_12  + .span_2,
   .span_12  + .span_3,
   .span_12  + .span_4,
   .span_12  + .span_5,
   .span_12  + .span_6,
   .span_12  + .span_7,
   .span_12  + .span_8,
   .span_12  + .span_9,
   .span_12  + .span_10,
   .span_12  + .span_11,
   .span_12  + .span_12,
   .span_12  + .span_13,
   .span_12  + .span_14,
   .span_12  + .span_15,
   .span_12  + .span_16 {
      margin-left:0;
      clear:left;
   }
}

@media screen and (min-width: 1280px) and (max-width: 1599px) {
   .span_12  + .span_1,
   .span_12  + .span_2,
   .span_12  + .span_3,
   .span_12  + .span_4,
   .span_12  + .span_5,
   .span_12  + .span_6,
   .span_12  + .span_7,
   .span_12  + .span_8,
   .span_12  + .span_9,
   .span_12  + .span_10,
   .span_12  + .span_11,
   .span_12  + .span_12,
   .span_12  + .span_13,
   .span_12  + .span_14,
   .span_12  + .span_15,
   .span_12  + .span_16 {
      margin-left: 0;
      clear: left;
   }
}

@media screen and (min-width: 1600px) {
   .span_12  + .span_1,
   .span_12  + .span_2,
   .span_12  + .span_3,
   .span_12  + .span_4,
   .span_12  + .span_5,
   .span_12  + .span_6,
   .span_12  + .span_7,
   .span_12  + .span_8,
   .span_12  + .span_9,
   .span_12  + .span_10,
   .span_12  + .span_11,
   .span_12  + .span_12,
   .span_12  + .span_13,
   .span_12  + .span_14,
   .span_12  + .span_15,
   .span_12  + .span_16 {
      margin-left:0;
      clear:left;
   }
}

.wallop-slider {
   position: relative;
   overflow: hidden;
   width: 100%;
}
.wallop-slider .sub-head{
   text-shadow: none;
}
.wallop-slider__list {
   list-style: none;
   padding: 0;
   margin: 0;
}
.wallop-slider.top-small,
.wallop-slider ul{
   padding-top: 0px !important;
   padding-bottom: 0px !important;
}
.wallop-slider__item {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
}
.wallop-slider__item img {
   display: block;
   width: 100%;
}
.wallop-slider__item--current {
   display: block;
   position: relative;
}
.wallop-slider__btn--previous{
   position: absolute;
   top: 77%;
   left:0%;
   outline: none;
   color: #fff !important;
   z-index: 999;
   background-color: rgba(0,0,0,.25);
   display: inline-block;
   cursor: pointer;
   padding: 20px;
   cursor: pointer;
   border-radius: 3px;
   margin: 0;
}
.wallop-slider__btn--next{
   position: absolute;
   top: 77%;
   right:0%;
   outline: none;
   color: #fff !important;
   z-index: 999;
   background-color: rgba(0,0,0,.25);
   display: inline-block;
   cursor: pointer;
   padding: 20px;
   cursor: pointer;
   border-radius: 3px;
   margin: 0;
}
@media screen and (max-width: 650px) and (min-width: 1px){
   .wallop-slider  {
      min-height: 294px;
   }
   .wallop-slider__btn--next,
   .wallop-slider__btn--previous{
      top: 50%;
   }
}
@media screen and (max-width: 1000px) and (min-width: 651px){
   .wallop-slider  {
      min-height: 409px;
   }
   .wallop-slider__btn--next,
   .wallop-slider__btn--previous{
      top: 50%;
   }
}

/**************************************************
  wallop-slider--slide.css, this is the slide animation styles
  NOTE: The 10ms animation-delay fixed some weird rendering issues with the iPhone.
**************************************************/
.wallop-slider--slide .wallop-slider__item--show-previous {
   -webkit-animation: slideFromLeft 450ms 10ms ease both;
}
.wallop-slider--slide .wallop-slider__item--show-next {
   -webkit-animation: slideFromRight 450ms 10ms ease both;
}
.wallop-slider--slide .wallop-slider__item--hide-previous,
.wallop-slider--slide .wallop-slider__item--hide-next {
   display: block;
}
.wallop-slider--slide .wallop-slider__item--hide-previous {
   -webkit-animation: slideToLeft 450ms 10ms ease both;
}
.wallop-slider--slide .wallop-slider__item--hide-next {
   -webkit-animation: slideToRight 450ms 10ms ease both;
}

/*==========  SLIDE ANIMATIONS  ==========*/
@-webkit-keyframes slideFromLeft {
   0% {
      -webkit-transform: translate3d(-100%, 0, 0);
   }
   100% {
      -webkit-transform: translate3d(0, 0, 0);
   }
}

@-webkit-keyframes slideFromRight {
   0% {
      -webkit-transform: translate3d(100%, 0, 0);
   }
   100% {
      -webkit-transform: translate3d(0, 0, 0);
   }
}

@-webkit-keyframes slideToLeft {
   0% {
      -webkit-transform: translate3d(0, 0, 0);
   }
   99% {
      opacity: 1;
   }
   100% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
   }
}

@-webkit-keyframes slideToRight {
   0% {
      -webkit-transform: translate3d(0, 0, 0);
   }
   99% {
      opacity: 1;
   }
   100% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
   }
}
.share{
   margin-left: 200px;
   position: absolute;
}
.share a, .atm-i a, .content .tube a{
   border: none;
}
#head a, .forsale-a, .head a{
   border-bottom: solid 0 #fff;
   color: #fff;
}
#head a:hover, .forsale-a:hover, .head a:hover{
   color: #fff;
   border-bottom: solid 1px #fff;
}
.wit{
   border-bottom: solid 1px #fff;
   color: #fff;
}
.wit a:hover{
   border-bottom: solid 0 #fff;
   color: #000;
}
.atm-i{
   margin: -130px 0 0 70px;
   padding: 5px;
   position: fixed;
}
.nav-dark .main-menu a {
   color: #fff;
}
fieldset{
   border: 0;
   padding: 1.5em;
}
fieldset input{
   border: solid 1px #000;
   font-size: 1.1em;
   padding:.2em .5em;
   width: 300px;
}
fieldset textarea{
   border: solid 1px #000;
   font-size: 1.1em;
   padding:.2em .5em;
   overflow: hidden;
   width: 300px;
}
.error{
   color: #F00;
}

.social-share{
   display: inline-block;
   margin:0;
   padding:.4em 0 0 0
}
.social-share li {
   float:left;
   margin-right:2px
}
#share-fb{
   background:url(../gfx/share.png) 0 52px;
   display:block;
   height:25px;
   text-indent:-9999px;
   width:24px
}
#share-tw{
   background:url(../gfx/share.png) 0 79px;
   display:block;
   height:25px;
   text-indent:-9999px;
   width:24px
}
#share-gp{
   background:url(../gfx/share.png) 0 27px;
   display:block;
   height:25px;
   text-indent:-9999px;
   width:24px
}
.martop{
   margin-top: 1em
}
.martopbot{
   margin: 1em 0
}

.fotoblog .div1{
   float:left;
   border-right:solid 5px #fff;
   border-top:solid 5px #fff;
   border-bottom:solid 5px #fff;
   width:30%;
}
.fotoblog .div2{
   float:left;
   border:solid 5px #fff;
   width:30%;
}
.fotoblog .div3{
   float:left;
   border-left:solid 5px #fff;
   border-top:solid 5px #fff;
   border-bottom:solid 5px #fff;
   width:30%;
}
.pad2em{
   padding: 2em
}
h3.inverse{
   color: #ccc
}


/*** preloader ***/
.jh-preloader-cls,
.jh-preloader-cls:before,
.jh-preloader-cls:after {
   border-radius: 50%;
   width: 2.5em;
   height: 2.5em;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation: load7 1.8s infinite ease-in-out;
   animation: load7 1.8s infinite ease-in-out;
}

.jh-preloader-cls {
   color: #c80d0d;
   font-size: 10px;
   margin: 80px auto;
   position: relative;
   text-indent: -9999em;
   -webkit-transform: translateZ(0);
   -ms-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-animation-delay: -0.16s;
   animation-delay: -0.16s;
}

.jh-preloader-cls:before,
.jh-preloader-cls:after {
   content: '';
   position: absolute;
   top: 0;
}

.jh-preloader-cls:before {
   left: -3.5em;
   -webkit-animation-delay: -0.32s;
   animation-delay: -0.32s;
}

.jh-preloader-cls:after {
   left: 3.5em;
}
@-webkit-keyframes load7 {
   0%,
   80%,
   100% {
      box-shadow: 0 2.5em 0 -1.3em;
   }
   40% {
      box-shadow: 0 2.5em 0 0;
   }
}
@keyframes load7 {
   0%,
   80%,
   100% {
      box-shadow: 0 2.5em 0 -1.3em;
   }
   40% {
      box-shadow: 0 2.5em 0 0;
   }
}

@media screen and (min-width: 1px) and (max-width: 650px){
   .logo.bgYellow{
      display: none;
      background: none;
      margin-top: -7.7em;
      padding-left: 6.5em;
   }
   .bgYellow h1{
      display: none;
      position: relative;
      width: 240px;
   }
   .logo.bgYellow h1.janhenderikse a{
      display: none;
      background: none;
      height: 28px;
      width: 240px;
      text-indent: -9999px;
   }
   .logo{
      height: 28px;
      margin: 28px 0 0 0;
      width: 240px;
   }
   .logo h1{
      margin: 0 !important;
      padding: 0 !important;
   }
   .logo h1.janhenderikse a{
      height: 28px;
      width: 240px;
   }
   .logo h1.janhenderikse a.rest{
      background: url(../gfx/mob_janhenderikse_wit.png) no-repeat;
   }
   .logo h1.janhenderikse a.resth{
      background: url(../gfx/mob_janhenderikse_wit.png)  no-repeat;
   }
   .logo h1.janhenderikse a.home{
      background: url(../gfx/mob_janhenderikse.png) no-repeat;
   }
   #head .row{
      margin: 1.2em 0 0 0;
   }
   #head .row.rest{
      margin: 3.5em 0 0 0;
   }
}

@media screen and (min-width: 651px) and (max-width: 900px){
   .bgYellow h1{
      width: 550px;
   }
   .logo.bgYellow h1.janhenderikse a{
      background: url(../gfx/tab_janhenderikse_wit.png) 0 no-repeat;
      height: 55px;
      width: 550px;
      text-indent: -9999px;
   }
   .logo{
      height: 55px;
      margin: 80px 0 0 0;
      width: 550px;
   }
   .logo h1{
      margin: 0 !important;
      padding: 0 !important;
   }
   .logo h1.janhenderikse a{
      background: url(../gfx/tab_janhenderikse_wit.png);
      height: 55px !important;
      width: 550px !important;
   }
   .logo h1.janhenderikse a.rest{
      background: url(../gfx/tab_janhenderikse_wit.png);
   }
   .logo h1.janhenderikse a.resth{
      background: url(../gfx/tab_janhenderikse_wit.png);
   }
   .logo h1.janhenderikse a.home{
      background: url(../gfx/tab_janhenderikse.png);
   }

   .menu.nav-mobile {
      top: 86px;
   }
   #head .row{
      margin: 0;
   }
   #head .row.rest{
      margin: 4em 0 0 0;
   }
}

@media screen and (min-width: 901px) and (max-width: 1024px){
   .logo.bgYellow{
      margin: 0;
   }
   .bgYellow h1{
      width: 720px;
   }
   .logo.bgYellow h1.janhenderikse a{
      background: url(../gfx/pad_janhenderikse_wit.png) 0 no-repeat;
      height: 65px;
      width: 720px;
      text-indent: -9999px;
   }
   .logo{
      height: 65px;
      margin: 72px 0 0 110px;
      width: 720px;
   }
   .logo h1{
      margin: 0 !important;
      padding: 0 !important;
   }
   .logo h1.janhenderikse a{
      background: url(../gfx/pad_janhenderikse_wit.png);
      height: 65px;
      width: 720px;
   }
   .menu.nav-mobile {
      top: 86px;
   }
   #head .row{
      margin: 4em 0 0 0;
   }
   #head .row.rest{
      margin: 6em 0 0 0;
   }
}