/*
** pk arkitetar css by csaba bozzay @ airb web
*/

/*
** settings for animations
*/
#loadingmask {
width:100%;
height:110%;

position:fixed;
top:0;
left:0;
z-index:1000;

background-color: #e6e6e6;
}


/*
** reset mothership
*/
header[role="banner"],
.page,
footer[role="contentinfo"] {
width:100%;
}
body,
header[role="banner"],
.page,
#main-content {
margin:0;
padding:0;
border:0;
outline:0;
}
header[role="banner"] {
border-bottom: 0;
}
label {
display:block;
}

.page {
border: none;
}

header[role="banner"]:before, header[role="banner"]:after, .page:before, .page:after, footer[role="contentinfo"]:before, footer[role="contentinfo"]:after, .cf:before, .cf:after {
    display: none;
}
.clearfix:after {
    display: none;
}

/*
** admin
*/

nav.tabs {
    position: fixed;
    top: 75px;
    right: 0;
    z-index: 10000;
}
nav.tabs.tabs-2 {
    top: 110px;
}

/*
** fonts
*/

@font-face {
font-family: 'CircularStd-Book';

src: url('../fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
url('../fonts/CircularStd-Book.otf')  format('opentype'),

url('../fonts/CircularStd-Book.woff') format('woff'),
url('../fonts/CircularStd-Book.ttf')  format('truetype'),
url('../fonts/CircularStd-Book.svg#CircularStd-Book') format('svg');

font-weight: normal;
font-style: normal;
}

@font-face {
      font-family: 'pk-fontello';
      src: url('../fonts/fontello.eot?9597362');
      src: url('../fonts/fontello.eot?9597362#iefix') format('embedded-opentype'),
           url('../fonts/fontello.woff?9597362') format('woff'),
           url('../fonts/fontello.ttf?9597362') format('truetype'),
           url('../fonts/fontello.svg?9597362#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }

/*
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirNextLTPro-Regular.otf')  format('opentype'),
	     url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('../fonts/AvenirNextLTPro-Regular.ttf')  format('truetype'), url('../fonts/AvenirNextLTPro-Regular.svg#Avenir') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/

body,
div,
a,
p,
p span {
font-family: 'CircularStd-Book';
font-size:14px;
line-height: 20px;
letter-spacing: 0.25px;
}

/*
** basic settings
*/
html,
body {
background-color:#e6e6e6;
}

html,
body.front,
.page,
#main-content,
.container,
.menuitem {
width:100%;
height:100%;
}

a,
a:link,
a:visited,
a:hover,
a:active {
text-decoration:none;
outline:none;

color:#737373;
}
img {
vertical-align:bottom;
}

p a,
p a:link,
p a:visited,
p a:active {
text-decoration: underline;
}

p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
}

/*
** admin fix - PANELS
*/
/* ? */ /* .page-projects */
.contextual-links-region {
position: static;
}
.panel-2col-bricks .panel-col-top, .panel-2col-bricks .panel-col-middle, .panel-2col-bricks .panel-col-bottom {
width: 100%;
}

/*
** js - specific settings
*/
.pmlazyl {display:none;}

/*
** front page
*/

a.menuitem {
position:relative;
display:block;

}

a.menuitem:hover {
text-decoration:none;
}

/* FRONT FX ver2 */
/*
a.menuitem .menu-inner span {
visibility:hidden;
}
a.menuitem .menu-inner:hover span {
visibility:visible;
}
*/
a.menuitem .menu-inner span {
display:none;
position:relative;
z-index: 5;
}

.menu-inner2 {
position:absolute;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
z-index: 10;
}

.menu-inner {
    width:100%;
    height: 200px;
    position: absolute;
    top: 50%;
    margin-top: -100px;

box-sizing: border-box;

font-family: 'CircularStd-Book';
font-size:150px;
color: #fff;
text-transform: uppercase;
    line-height: 200px;
    text-align: left;
    padding-left: 100px;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}

/* ver2
#office-menu .menu-inner {
color:#000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
*/

/*
** FRONT IMAGES
*/
.front .container {
}

.front .bg-container {
width:100%;
height:100%;
background-size:cover;
background-position: center;
background-repeat:no-repeat;

}

/* ?ver2
#projects-menu .bg-container {
background-image: url('../images/bg-1.jpg');
}

#office-menu .bg-container {
background-image: url('../images/bg-2.jpg');
}
#news-menu .bg-container {
background-image: url('../images/bg-3.jpg');
}
#contact-menu .bg-container {
background-image: url('../images/bg-4.jpg');
}
*/

/*
** LOGO
*/

.logo,
.logo-b {
position:fixed;
top:3000px;
left:50%;
margin-left:-100px;
width:200px;
height:80px;
z-index:300;
background-image: url('../images/pk-logo2.png');
background-size:cover;
background-position: center;
background-repeat:no-repeat;
}
/*
.logo-b {
background-image: url('../images/logo1.png');
}
*/

/*
.front .logo,
.front .logo-b {
position:fixed;
}
*/

.logo-b {
visibility:hidden;
}
/* ver2
.page-news .logo,
.page-office .logo,
.page-node-type-news .logo {
visibility:hidden;
}
.page-news .logo-b,
.page-office .logo-b,
.page-node-type-news .logo-b {
visibility:visible;
}
*/

.logo, logo-b {
display:none;
}

/*
** subpages
*/

h1,
.node-type-projects h2,
.page-node-type-news h2 {
    position: fixed;

    z-index: 100;
    left: 60px;

    padding: 0;
    margin: 0;

    font-family: 'CircularStd-Book';
    font-size: 32px;
    line-height: 32px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 6px;
    color: #737373;
}
.node-type-projects h2 {
    position: absolute;
}

.node-type-projects h1,
.node-type-projects h2 {
cursor:pointer;
}

h1,
.page-node-type-news h2 {
/* ver2 */
  color:#fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;    
}

.page-contact h1,
.page-projects h1 {
  color: #e6e6e6;
/* ver2 */
  color:#fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}

.node-type-projects h1 {
    left: auto;
    right: 60px;
    letter-spacing: 4px;
    color: #404040;
}

.page-node-type-news h1 {
display:none;
}

.page-node-type-news h2,
.node-type-projects h2 {
display:none;
}

/*
** projects page
*/
.page-projects .logo,
.page-projects .logo-b,
.node-type-projects .logo,
.node-type-projects .logo-b {
cursor:pointer;
}

.subpage-header {
width:100%;
    position: fixed;

top:0;
left:0;
z-index:0;

height:0;
font-size:0;

background-size:cover;
background-position: center;
background-repeat:no-repeat;
}

/*
.projects-header {
background-image: url('../images/bg-1.jpg');
}
.office-header {
background-image: url('../images/bg-2.jpg');
}
.news-header {
background-image: url('../images/bg-3.jpg');
}
.contact-header {
background-image: url('../images/bg-4.jpg');
}
*/

.filter-options,
.filter-options-2,
.filter-options-3 {
    position: fixed;
    left:60px;
    z-index: 100;
}
.filter-options-2 { /* responsive !!! */
    left:240px;
}
.filter-options-3 { /* responsive !!! */
    left:420px;
}

.node-type-projects .filter-options,
.node-type-projects .filter-options-2,
.node-type-projects .filter-options-3 {
    position: absolute;
}

.page-contact .button,
.page-office .button,
.page-projects .button,
.node-type-projects .button {
    font-family: 'CircularStd-Book';
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 3px;
    color: #e6e6e6;
    
  color:#fff; /* ver2 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;

cursor:pointer;
}

.pane-office .views-row-odd,
.pane-office .views-row-even {
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
margin:0;
}
.pane-office .views-row-first {
padding-top:80px;
}


/* ver2
.button-office,
*/
.node-type-projects .button {
    color: #737373;
    
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.page-contact .button.active,
.page-office .filter-options .active,
.node-type-projects .filter-options .active,
.page-projects .filter-options .active,
.page-projects .filter-options-2 .active,
.page-projects .filter-options-3 .active {
/*
    text-decoration: line-through;
*/
}

.pane-news-items,
.pk-content-pane {
width:100%;
position:absolute;
top:0;
left:0;
z-index:500;
background-color: #e6e6e6;
padding: 45px;
padding-top: 15px;

box-sizing: border-box;
}

/* dev */

.node-type-projects .filter-item,
.pane-news-items .news-item,
.page-projects .filter-item {
position:relative;
margin:15px;
float: left;
overflow:hidden;
}

.node-type-projects .filter-item .inner,
.pane-news-items .news-item .inner,
.page-projects .filter-item .inner {
display: table-cell;
vertical-align: middle;

position:relative;
z-index:575;

word-break: break-word;
}


.inner-top {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:600;
margin:0;
padding:0;
}

.inner-bg {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:550;
margin:0;
padding:0;
background-image: url('../images/fade.png');

display:none;
}

.inner-new {
position: absolute;
    padding-top: 5px;
    padding-right: 4px;
    padding-bottom: 3px;
    padding-left: 6px;
    
    background-color: #f3ec19;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2px;
        
    display:none;
}

.filter-item.new .inner-new {
display:block;
}

.node-type-projects .filter-item .inner p,
.pane-news-items .news-item .inner p,
.page-projects .filter-item .inner p{
margin:0;
margin-left:8px;
margin-right:8px;
padding:0;
    font-size: 18px;
    letter-spacing: 3px;
    line-height: 22px;
    color: #606060;
}


/* *********************************************** */
.node-type-projects .project-node-filter {
display:none;
}


.node-type-projects .filter-item-bg,
.pane-news-items .news-item-bg,
.page-projects .filter-item-bg {
    width: 100%;
    height: 100%;
    
background-size:cover;
background-position: center;
background-repeat:no-repeat;

    position:absolute;
    top:0;
    left:0;
    z-index:120;
}

/*
filter hover fx
*/

.node-type-projects .filter-item a,
.pane-news-items .news-item a,
.page-projects .filter-item a {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    font-family: 'CircularStd-Book';
    text-transform: uppercase;
    font-weight: normal;
    
    position:absolute;
    top:0;
    left:0;
    z-index:200;
/*
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
*/
}

.node-type-projects .filter-item a:hover,
.pane-news-items .news-item a:hover,
.page-projects .filter-item a:hover {

/*
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
*/
}

.node-type-projects .view-footer,
.node-type-projects .closing-element,
.pane-news-items .view-footer,
.pane-news-items .closing-element,
.page-projects .view-footer,
.page-projects .closing-element {
height:0px;
clear:both;
}


/*
** PROJECT NODE
*/
/* node page filter */
.node-type-projects .project-node-filter {
position: absolute;
top:0;
left:0;
width: 100%;
padding-left:45px;
background-color: #e6e6e6;
box-sizing: border-box;
}

.node-type-projects .project-node-filter .pk-footer{
bottom:0;
left:0;
}

.node-type-projects .panel-col-middle .inside {
position:relative;
}

/*
.node-type-projects h1, .node-type-projects h2, .node-type-projects .filter-options, .node-type-projects .filter-options-2, .node-type-projects .filter-options-3
*/

/* panels fix */

.panel-col-middle,
.panel-col-bottom {
    position: relative;
    z-index:500;
}
.page-office .center-wrapper .panel-col-first,
.page-office .center-wrapper .panel-col-last,
.page-node-type-news .center-wrapper .panel-col-first,
.page-node-type-news .center-wrapper .panel-col-last,
.node-type-projects .center-wrapper .panel-col-first,
.node-type-projects .center-wrapper .panel-col-last,
.page-contact .center-wrapper .panel-col-first,
.page-contact .center-wrapper .panel-col-last {
display:none;
height:0;
margin:0;
padding:0;
}
.panel-2col-bricks .panel-col-top .inside, .panel-2col-bricks .panel-col-middle .inside {
margin:0;
padding:0;
}

.panel-col-middle {
    background-color: #e6e6e6;
}

.project-arr {
    position: absolute;
    left: -42px;
    top: 50%;
    width: 26px;
    height: 26px;
    background-image: url('../images/projectarr.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -13px;
}
/*
.node-type-projects h1 div.title-text {
font-size:1em;
}
*/
.node-type-projects h1.project-hidden div.title-text {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}


/*
.first-images .field-item:first-child {
width:100%;
padding-left:60px;
padding-right:60px;
}
*/
/*
.images-first .views-row-1 img {
width:100%;
}
*/
.page-node-type-news .field-type-image {
padding-left:60px;
padding-right:60px;
}

.field-type-text-long {
width:100%;
max-width: 960px;

margin-left:60px;
margin-right:auto;
padding:0;

box-sizing: border-box;
}

.page-node-type-news .field-type-image,
.page-node-type-news .pane-share-node-links,
.views-row,
.views-row-odd,
.views-row-even,
.field-type-text-long {
padding-bottom: 40px;
}
.project-table-wrapper .views-row-odd,
.project-table-wrapper .views-row-even {
padding-bottom: 0px;
}
/*
.images-first .views-row-odd,
.images-third .views-row-odd {
text-align: right;
}

.images-first .views-row-even,
.images-third .views-row-even {
text-align: left;
}

.images-second .views-row-odd {
text-align: right;
}

.images-second .views-row-even {
text-align: left;
}

div.images-third div.views-row-1 {
text-align: center;
}
*/
.field-type-text-long {
color: #737373;
font-size: 14px;
letter-spacing: 0.75px;
}

/*
** image size optimizing to screen
*/
/*****************************************************************************************************************/
/*
** PROJECT NODE LAYOUTS
*/
.pane-project-images {
padding-left: 30px;
padding-right: 30px;
}

.node-type-projects .panel-col-middle .inside {
margin-top:-30px;
}

.pk-image {
background-size:cover;
background-position: center;
background-repeat:no-repeat;
margin:30px;
}

.images-first.layout-1 {
/* for both css classes */
}

.images-first .pk-image,
.images-third .pk-image {
float:left;
}

.images-first,
.images-third {
clear:both;
}

/* video */

.images-first .pk-img-1 {
position: relative;
}

.images-first .pk-img-1 .project-video {
height:100%;
width:100%;
position: absolute;
top:0;
left:0;

display:none;
}

.images-first .pk-img-1 .project-video iframe {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.images-first .pk-img-1 .video-play {
background-image: url('../images/pk-play.png');

background-size:cover;
background-position: center;
background-repeat:no-repeat;

    position: absolute;
    top: 50%;
    left: 50%;
    
    width: 74px;
    height: 74px;
    margin-left: -37px;
    margin-top: -37px;

    cursor:pointer;
}

.images-first .pk-img-1 .video-button {
    position: absolute;
    bottom: -23px;
    right: 0;
    color: #737373;
    cursor:pointer;

display:none;
}

.images-first .pk-img-1 .hide-play {
display: block;
}



/* images second */

.images-second {
position:relative;
margin-left: 30px;
margin-right: 30px;
padding:0;
}

.images-second .pk-image {
position:absolute;
}


/* ver2
.node-type-projects .pk-image {
display: inline-block;
width: 80%;
}

.node-type-projects .pk-image img {
    display: inline-block;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: bottom;
}

.node-type-projects .images-first .views-row-first .pk-image {
width: 100%;
}
*/



/*
** PROJECT NODE TABLE
*/

table.project-info {
width: auto;
max-width:100%;
padding:0;
margin:0;
border-collapse: collapse;
border: 2px solid black;

table-layout: fixed;
box-sizing: border-box;
}
.project-info td {
border: none;
}
.project-info .withborder {
border: 2px solid black;
}
.project-info .hidden-table-part {
border: none;
    line-height: 0px;
    padding: 0;
    height: 0;
    visibility: collapse !important;
}

/* cell formatting */
table.project-info td {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    padding-bottom: 4px;
    text-align: left;
    vertical-align: middle;
}

table.project-info td.table-right {
    padding-left: 20px;
    padding-right: 20px;
    
    padding-top: 4px;
    padding-bottom: 3px;

    vertical-align: top;
}

.infotable-row {
line-height: 28px;
/*
white-space: nowrap;
*/
max-width:400px;
}

.info-title {
color: #737373;
}


td.table-title {
height: 18px;

}
.table-title-container {
display: inline-block;
font-size: 16px;
}
.table-title-container .code {
white-space: nowrap;
/*
margin-right:30px;
font-weight: bold;
*/
}
.table-title-container .project-year {
white-space: nowrap;
display:block;
}
.table-title-container .project-year-date {
/*
font-weight: bold;
*/
}

.consultants p,
.design-team p {
margin:0;
padding:0;
line-height:20px;
}

/* v2 */
.project-table-wrapper.v2 {
display:none;
}

/* project node text */
.node-type-projects .field-type-text-long {
padding-top:0px;
padding-bottom:60px;
}
.node-type-projects .field-type-text-long p:first-child { 
margin-top:0;
}
.node-type-projects .field-type-text-long p:last-child {
margin-bottom:0;
}


/* node share on project node site */

.pane-share-node-links {
    text-align: left;
}

.pane-share-node-links {
padding-top:30px;

padding-left:60px;
padding-right:60px;
}

.page-contact-jobs .pane-share-node-links {
padding:0px;
padding-top:30px;
padding-bottom:40px;
}

.node-type-projects .pane-share-node-links .views-row-even,
.node-type-projects .pane-share-node-links .views-row-odd {
padding:0;
line-height: 20px;
}

.share-node-icons {
color: #737373;
}

.pane-share-node-links .share-node-icons a {
    padding: 0px;
    padding-left: 15px;
/*    
    background-color: #f3ec19;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2px;
*/
}

.share-node-icons div {
    display: inline-block;
}

.share-node-icons div i {
font-family:'pk-fontello';
font-style:normal;
}

.pane-share-node-links .share-node-icons a i {
font-size: 20px;
}

.pane-share-node-links .share-node-icons .pinterest a i {
font-size: 22px;
}

.pane-share-node-links .share-node-icons a:hover {
color:#000;
}

/*
** OFFICE
*/
.page-office .panel-col-middle {
margin:0;
padding:0px;
/*
padding-top:20px;
padding-bottom:80px;
*/
}

/*
** switch first
*/
.page-office .pane-publication-page,
.page-office .pane-office {
padding-bottom:30px;
}
/*
.page-office .office-img {
width:50%;
float:left;
}
.page-office .office-noimg {
width:50%;
float:right;
padding: 60px;
padding-bottom: 0px;
}
*/
.page-office .office-img .views-row-even,
.page-office .office-img .views-row-odd {
float:left;
}

.pk-office-co-worker {
max-width: 1180px;

margin:0;
padding-left:60px;
padding-right:60px;
}


.pk-office-co-worker .pk-office-image {
width:260px;
height:260px;

background-size:cover;
background-position: center;
background-repeat:no-repeat;
float:left;
}

.page-office .pk-office-co-worker .pk-infos,
.page-office .pk-office-co-worker .pk-office-bio-text {
    padding-left: 320px;
}

.pk-office-email,
.pk-office-email a,
.pk-office-name,
.pk-office-job-title  {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2.5px;
    color: #737373;
}
.pk-office-job-title,
.pk-office-email a,
.pk-office-email {
    text-transform: lowercase;
}

.pk-office-name {
font-size: 16px;
font-weight:bold;
}

.pk-office-bio-text p {
margin:0;
padding:0;
}


.page-office .logo,
.page-office .logo-b,
.button {
cursor:pointer;
}

/* profile */
.page-office article h2 {
display:none;
}

.page-office article p {
    margin-top: 0;
    color: #737373;
}

.page-office .field-type-text-with-summary {
max-width:960px;
padding-top:80px;
padding-left:60px;
padding-right:60px;
padding-bottom:40px;
}

.page-office .mission .field-type-text-with-summary,
.page-office .scope .field-type-text-with-summary {
max-width: 100%;
}

.field-type-image {
text-align:center;
padding-bottom:80px;
}

.page-office .field-type-image {
padding-left:60px;
padding-right:60px;
}

/* publicatons */

.page-office .pane-publication-page {
/*
    padding-left: 60px;
    padding-right: 60px;
*/
    padding-top: 80px;
    padding-left: 30px;
    padding-right: 30px;
}
.page-office .pane-publication-page .publication {
    padding-bottom: 20px;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.pub-img {
    width: 260px;
    height: 260px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    float: right;
}

.pub-texts {
}

.pub-title,
.pub-desc {
    color: #737373;
    font-size: 14px;
    letter-spacing: 0.75px;
    font-family: 'CircularStd-Book';
    margin: 0;
    padding: 0;
}

.pub-title {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2.5px;
    color: #737373;
    margin-bottom:8px;
}




/*
** NEWS
*/

.pane-news-node-title {
padding: 60px;
padding-top: 80px;
padding-bottom: 40px;
}
.page-node-type-news h1,
.pane-news-node-title div {
color: #737373;
font-size: 32px;
letter-spacing: 1px;
line-height: 40px;

margin:0;
padding:0;
}

.page-node-type-news .field-type-image {
    text-align: left;
}
.page-node-type-news .field-type-image .field-item {
padding-bottom: 40px;
}


.pane-news-created div {
padding:0;
}
.pane-news-created .views-field-php {
color: #737373;
font-size: 14px;
letter-spacing: 1px;
text-transform:uppercase;

padding-left: 60px;
padding-right: 60px;
padding-bottom: 8px;
}
.pane-news-created .news-date {
font-weight:bold;
}


/* news more */
.news-more {
padding-top: 20px;
}

.news-more .views-row-odd,
.news-more .views-row-even {
padding-left: 60px;
padding-right: 60px;

clear:both;
position:relative;
}
/*
.news-more-cont {
padding-left:40px;
width: 100%;
height: 120px;
display: table;
}

.news-more-item {
color: #737373;
display: table-cell;
vertical-align: middle;
}
*/

.news-more-item .title {
    font-size: 22px;
    line-height:28px;
    letter-spacing: 1px;
}

.news-more a.active .created {
font-weight:normal
}

.news-more-image a {
float: left;
    display: block;
    width: 120px;
    height: 120px;
    position: relative;
}
.news-more-txt a {
    display: block;
    height: 120px;
}

.news-more-item {
    height: 120px;
    vertical-align: middle;
display: table-cell;
}


/*
.news-more .news-more-txt a {
    vertical-align: middle;
    display: block;
    height: 120px;
    display: table-cell;
}
*/
.news-more-txt {
    padding-left: 160px;
}

.active .news-more-item .title {
font-weight: normal;
border-bottom: 1px solid #737373;
}

.news-more a .created {
    margin-top: 4px;
display: block;
}


.page-news .logo, .page-news .logo-b, .page-node-type-news .logo, .page-node-type-news .logo-b {
cursor:pointer;
}


.page-node-type-news .field-type-image .img-wrap {
max-width:50%;
}


/*
** CONTACT
*/

/*
** fx setup
*/
.page-contact .pane-office,
.pk-links,
.pk-credits {
display:none;
}

/*
** jobs
*/

.pane-jobs {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 80px;
}

.jobs-title {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2.5px;
    color: #737373;
}

/*
** staff
*/

.page-contact .pane-office .views-row-first {
    padding-top: 80px;
}

/*
** map
*/
.pane-map {
float: right;
    padding-top: 80px;
    padding-right: 60px;
    padding-bottom: 60px;
    padding-left: 0;
}
#leaflet-map {
    height: 400px;
    position: relative;
    width: 800px;
}

.leaflet-popup-pane {
display:none;
}
.leaflet-left {
    left: auto;
    right: 0;
}
.leaflet-left .leaflet-control {
    margin-left: 0px;
    margin-right: 10px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;    
}
.leaflet-bar a:first-child, .leaflet-bar a:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
}
.leaflet-bar {
    box-shadow: none;
    border-radius: 0;
}
a.leaflet-control-zoom-in {
    margin-bottom: 2px;
}
.leaflet-control-container div.leaflet-bottom.leaflet-right .leaflet-control-attribution,
.leaflet-control-container div.leaflet-bottom.leaflet-right a {
    line-height: 10px;
    font-size: 10px;
    color: #767676;
}

.leaflet-control-container div.leaflet-bottom.leaflet-right {
height:0;
}

.leaflet-control-container div.leaflet-bottom.leaflet-right a:hover {
text-decoration:none;
}
#leaflet-map .leaflet-top, #leafelt-map .leaflet-bottom {
    z-index: 10;
}
/*
** contact page
*/

.page-contact .logo,
.page-contact .logo-b {
cursor:pointer;
}

.pk-address{
padding: 60px;
padding-top: 80px;
}
.page-contact .pk-address h2.pane-title {
text-transform: none;
}

.pk-links {
padding: 60px;
padding-top: 0px;
}

.pk-credits {
width:100%;
padding: 60px;
padding-top: 80px;
}

.pk-address,
.pk-links,
.pk-credits {
float:left;
}

.pk-credits .field-type-text-with-summary p:last-child {
margin-bottom:0;
}

.page-contact h2 {
margin:0;
padding:0;

    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2.5px;
    color: #737373;

}

.pk-links h2 {
margin-bottom:12px;
}

.page-contact p,
.page-contact div {
color:#737373;
}

.page-contact p,
.page-contact pk-links a {
margin:0;
padding:0;
margin-top:12px;
margin-bottom:12px;
line-height: 20px;
}

/*
** ANIMATIONS
*/
/*
** fade in-out
*/
/*
.panel-col-middle .inside {
display:none;
}
.pane-news-items .news-item {
display:none;
}
.pk-content-pane .filter-item {
display:none;
}
*/

.node-type-projects h1,
.node-type-projects h2,
.node-type-projects .filter-options,
.node-type-projects .filter-options-2,
.node-type-projects .filter-options-3 {
display:none;
}


/*
** news, project node pages fademask
*/
#fademask {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 800;
    background-color: #e6e6e6;
}


/*
** footer
*/

.pk-footer {
width: 100%;
height: 60px;
position:absolute;
display:none;
background-color: #737373;
/*
background-color:#f3f3f3;
*/
}

.page-office .pk-footer,
.page-contact .pk-footer {
bottom:0;
}

.panel-col-middle::after {
display:none;
}

.logo2 {
    position: absolute;
    top: 14px;
    left: 50%;
    margin-left: -120px;
    width: 240px;
    height: 32px;
    background-image: url('../images/pk-logo2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

cursor:pointer;
}

.social-icon {
float: left;
    height: 60px;
    width: 46px;
}

.icon-fb {
margin-left:60px;
}

.social-icon span {
}

.social-icon i {
font-family:'pk-fontello';
font-style:normal;
    font-size: 18px;
    line-height: 60px;
}

.tothetop {
    position: absolute;
    text-transform: uppercase;
    height: 60px;
    width: 120px;
    top: 0;
    right: 60px;
}

.tothetop a {
    position: absolute;
    z-index:6;
    top: 0;
    right: 0;
    height: 60px;
    font-size: 11px;
    line-height: 60px;
    width: 100px;
    display: block;
    text-align: left;
}

.tothetop-arrow {
    position: absolute;
    z-index:5;
    top: 18px;
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url('../images/totop-w.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* footer img start */

.pk-footer {
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.pk-footer a {
    color:#fff;
/*
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
*/
}

/*
.page-projects .pk-footer,
.node-type-projects .pk-footer {
background-image: url('../images/bg-1.jpg');
}

.page-office .pk-footer {
background-image: url('../images/bg-2.jpg');
}
.page-news .pk-footer,
.page-node-type-news .pk-footer {
background-image: url('../images/bg-3.jpg');
}
.page-contact .pk-footer {
    background-image: url('../images/bg-4.jpg');
}
*/



/*
** news
*/


/*
    border-top: 1px solid #737373;
    padding-top: 30px;
}
*/

.news-more .views-row-odd,
.news-more .views-row-even {
    padding:0;
    padding-top: 30px;
    padding-bottom: 30px;

    border-top: 1px solid #737373;
    
    display: block;
    margin-left: 60px;
    margin-right: 60px;
}


/* collab

clear: both;
    float: none;
    width: 100%;
    display: block;
}


.page-office article p {
    margin-top: 0;
    color: #737373;
    float: left;
    width: 28%;
    margin-right: 60px;

*/




/* footer img end */

/*
::after,
::before {
    display: none;
}
*/

/* social footer icons */
.social-icon {
display:none;
}

/*
** DEV
*/
/*
.page-office .pane-publication-page,
.page-office .pane-office,
.office-profile .node {
    display: block !important;
}
*/
/*
a.menuitem .menu-inner span {
    display: block;
    }
*/

/**
**  REDESIGN
**
*/

/*
** project node
*/
span.no-lsp {
letter-spacing: 0;
}
.title-text u {
text-decoration:none;
border-bottom: 2px solid #404040;
}

.node-type-projects h1.project-hidden div.title-text u,
.page-contact .button u,
.page-office .button u,
.page-projects .button u,
.node-type-projects .button u {
text-decoration:none;
border-bottom: none;
}

.page-projects .button.active u,
.page-contact .button.active u,
.page-office .button.active u {
text-decoration:none;
border-bottom: 1px solid #fff;
}

.page-projects div,
.page-contact div,
.page-office div {
    box-sizing: border-box;
}

.node-type-projects .button.active u {
text-decoration:none;
border-bottom: 1px solid #737373;
}

/* info button */
.node-type-projects .field-type-text-long.info {
/*
color: #737373;
*/
color: #e6e6e6;
    font-family: 'CircularStd-Book';
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 3px;
    cursor: pointer;

    padding-left: 12px;
    padding-right: 9px;
    padding-top: 6px;
    padding-bottom: 4px;
/*
    border: 2px solid black;
*/
background-color:#000;
    display: inline;
}

.info-box-wrapper {
padding-left:60px;
padding-right:60px;
/*
padding-top:30px;
*/
padding-bottom:60px;

max-width:1280px;
}

.info-box-dropdown {
overflow: hidden;
margin:0;
padding:0;
width: 41px;
height: 2px;
}

.project-table-wrapper {}

.project-table-wrapper.v1 {
    display: block;
}
.project-table-wrapper.v2 {
    display: none;
}


/*
** table colors
*/
/*
#737373;
#e6e6e6;
#000;
*/

.node-type-projects .field-type-text-long.info {
color: #737373;
background-color:#e6e6e6;
}

td span, td p, td div, td .info-title {
    color: #737373;
}

table.project-info {
    border: 2px solid #737373;
    background-color:#e6e6e6;
}    
.project-info .withborder {
    border: 2px solid #737373;
}

.node-type-projects .field-type-text-long.info {
    width: 50px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    display: inline-block;
    font-size:13px;
    font-weight:bold;
}

/* project title */
.node-type-projects h1 {
    position: absolute;

    padding: 0;
    margin: 0;
}
.node-type-projects h1 div.title-text {
    font-size: 32px;
    line-height: 32px;
    font-family: 'CircularStd-Book';
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 6px;
}


/**
** office
*/
.team,
.jobs {
display:none;
}

.pane-jobs .pane-share-node-links {
padding:0;
}

.pane-publication-page .field-type-text-long {
margin:0;
}

.page-office .pane-publication-page .field-type-image {
padding-left:0px;
padding-right:0px;
}

.page-office .field-type-image {
text-align:left;
}
.page-office .field-type-image img {
max-width:50%
}

.mission .content {
width: 50%;
float: left;
}

.scope .field-type-text-with-summary {
width: 50%;
float: right;
}

.mission .field-type-text-with-summary,
.scope .field-type-text-with-summary {
    max-width: 100%;
}

.pane-publication-page .views-row {
    float: left;
    width: 33.333%;
    padding: 0;
}
.pane-publication-page .row-wrapper {
    padding-left: 30px;
    padding-right: 30px;
}
.page-office .pane-publication-page .field-type-image img {
max-width:100%
}





.copyright {
    clear: both;
}

/* team */

.pk-office-name,
.pk-office-job-title {
    margin-bottom: 2px;
}
.pk-office-email {
    margin-bottom: 12px;
}

.pane-contact-list .views-row {
    float: left;
    width: 25%;
}

.page-office .panel-pane.pane-views.pane-contact-list.team {
    padding-left: 60px;
    padding-right: 60px;
}

.pane-contact-list h3 {
    clear: both;
}

.page-contact .staff {
    width: 100%;
    padding: 60px;
    padding-top: 80px;
}
.pane-contact-list h3:first-child,
.page-contact .staff h3:first-child {
margin-top:0;
}

p a:hover {
    text-decoration: none;
}


.page-office .collaborators-list .field-type-text-with-summary {
    max-width: 100%;
}
.collaborators-list p {
float:left;
width:33.333%;
}



/*
** titles
*/
.pane-contact-list h3 .title-wrap,
.page-office article .content h2,
.jobs-title {
    display:block;
    
    margin: 0;
    padding: 0;

    color: #737373;
    font-family: 'CircularStd-Book';
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2.5px;

    margin-bottom: 10px;
}

.pane-contact-list h3 .title-wrap {
display:inline-block;
border-bottom: 1px solid #737373;
}


/*
** texts
*/
.node-type-jobs p,
.page-office p,
.pane-contact-list div {
    margin-top: 0;
    color: #737373;

    font-family: 'CircularStd-Book';
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
}

/*
color:#737373;
*/


/*


office cim
font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2.5px;
}


dev contact list

.views-row-odd, .views-row-even {
    float: left;
    width: 25%;
}

.panel-pane.pane-views.pane-contact-list.team {
    padding-left: 60px;
    padding-right: 60px;
}

h3 {
    clear: both;
}

*/


/**
** news - két oszlop ... (?)
*/

/*
** jobs node
*/
.back-button,
.node-type-jobs article {
padding-left:60px;
padding-right:60px;
}
.back-button {
padding-top:30px;
}
.node-type-jobs h2.pane-title {
display:none;
}
.node-type-jobs h1 {
position: absolute;
    z-index: 600;
}

/*
** news
*/
.news-more-image a {
text-align: center;
}

.news-more-image a img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    vertical-align: middle;
/*
    width: calc(100% - 4px);
    text-align: left;
*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
span.img-helper {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}


/*
** design fix - office
*/
.pane-jobs,
.page-office .field-type-text-with-summary {
    max-width: 960px;
    padding-top: 0px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 80px;
}

.page-office .field-type-text-with-summary p:last-of-type {
margin-bottom: 0;
}

.page-office .collaboration .field-type-text-with-summary,
.page-office .mission .field-type-text-with-summary,
.page-office .scope .field-type-text-with-summary,
.page-office .workplace .field-type-text-with-summary {
    padding-top: 80px;
}

.page-office .views-row-odd,
.page-office .views-row-even {
    padding: 0px;
}

.page-office .pane-contact-list .views-row {
    padding-bottom: 60px;
}

.page-office .pane-jobs .views-row-odd,
.page-office .pane-jobs .views-row-even {
    padding-bottom: 80px;
}

.page-office .pane-jobs .views-row-last {
    padding-bottom: 0px;
}

.pane-office .views-row-first {
    padding-bottom: 60px;
}
.page-office .pane-office {
    padding-bottom: 80px;
}

.page-office .pane-publication-page {
    padding-top: 0px;
    padding-bottom: 0px;
}

/*
** contact
*/

.page-contact h2.pane-title {
    padding-bottom: 20px;
}
/* 2021 02 02 */
.page-contact .pk-address.address {
    width: 100%;
}
.page-contact .pk-address.address .field.field-type-text-with-summary {
    float: left;
    width: 20%;
}
.page-contact .address .field.field-type-image {
    /* display: none; */
    float: left;
    width: 60%;
    margin-top: 12px;
    max-width: 1280px;
}
@media screen and (max-width: 880px) {
.page-contact .pk-address.address .field.field-type-text-with-summary {
    float: left;
    width: 100%;
}
.page-contact .address .field.field-type-image {
    width: 100%;
    margin-top: 12px;
    max-width: 100%;
}
}
/* fixes */