#node--about-us-page .header-image .text-wrapper p{ color:white; }

#node--about-us-page .textblock{ position:relative;padding-bottom:40px;margin-bottom:40px; }
#node--about-us-page .textblock:after{ display:block;content:"";position:absolute;bottom:8px;left:30%;right:30%;height:3px;background:#c7c2b9; }

#node--about-us-page .thumbnails-wrapper:after{ content:"";display:block;clear:both; }
#node--about-us-page .thumbnails-wrapper{ position:relative;width:200px;left:50%;margin-left:-100px; }
#node--about-us-page .thumbnail-wrapper{ float:left;position:relative;width:170px;height:140px;box-sizing:border-box;border:1px solid #c9c3ba;margin-bottom:20px;margin-left:15px;margin-right:15px;cursor:pointer;overflow:hidden; }
#node--about-us-page .thumbnail-wrapper .image{ position:relative;width:168px;height:98px;overflow:hidden;text-align:center;display: table-cell; vertical-align: middle; }
#node--about-us-page .thumbnail-wrapper .image{ transform:scale(1);transition-delay:0s;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; }
#node--about-us-page .thumbnail-wrapper:hover .image{ transform:scale(1.1); }
#node--about-us-page .thumbnail-wrapper .box-label{ position:absolute;bottom:0;left:0;right:0;height:40px;background:#c9c3ba;color:white;text-transform:uppercase;text-align:center;padding-top:8px; }
#node--about-us-page #map { border: #c7c2b9 solid 1px }
#node--about-us-page #map #map-elements { display: flex; justify-content: center; align-items: center; flex-direction: column; height: inherit;}
#node--about-us-page #map-elements #show-map{font-size: 1.6rem; transform: translate(0%, -35%);}
#node--about-us-page #map-elements #map-text{font-size: 1.5rem; text-align: center;}
#node--about-us-page #map-block #map-hint{display:none}
#node--about-us-page #map-block #filter{display:none}
@media(min-width:400px){
  #node--about-us-page .thumbnails-wrapper{ width:400px;margin-left:-200px; }
}
@media(min-width:600px){
  #node--about-us-page .thumbnails-wrapper{ width:600px;margin-left:-300px; }
}
@media(min-width:800px){
  #node--about-us-page .thumbnails-wrapper{ width:800px;margin-left:-400px; }
}
@media(min-width:1000px){
  #node--about-us-page .thumbnails-wrapper{ width:1000px;margin-left:-500px; }
}
@media(min-width:1200px){
  #node--about-us-page .thumbnails-wrapper{ width:1200px;margin-left:-600px; }
}


#node--about-us-page #map-wrapper{ position:relative;width:100%; }
#node--about-us-page #map-wrapper #filter{ margin-top:30px; }
#node--about-us-page #map-wrapper #region-filter-select{ position:relative;width:100%;margin-bottom:20px;  }
#node--about-us-page #map-wrapper #region-filter-select .filter-label{ position:relative;height:40px;text-align:center;background:white;padding:5px;color:#004182;font-size:20px;cursor:pointer; }
#node--about-us-page #map-wrapper #region-filter-select .filter-label:after{ display:block;content:"";position:absolute;right:10px;top:50%;width:30px;height:14px;margin-top:-7px;background:url('../images/pages/pr-page/down-btn.png') 0 0 no-repeat; }
#node--about-us-page #map-wrapper #region-filter-select .filter-content{ display:none;background:rgba(255,255,255,0.8); }
#node--about-us-page #map-wrapper .region-filter{ height:40px;color:#004182;text-align:left;padding:5px 5px 5px 50px;cursor:pointer; }
#node--about-us-page #map-wrapper .region-filter.active{ background:#EEE; }
#node--about-us-page #map-wrapper button:not(#map button){ width:100%;height:40px;background:#c9c3ba;border-bottom:1px solid #c9c3ba;margin-bottom:20px;font-size:20px;padding:5px;opacity:1;margin-top:0; }
#node--about-us-page #map-wrapper button.active{ border-bottom:1px solid #004182; }
#node--about-us-page #map-wrapper button:hover{ opacity:0.8; }
#node--about-us-page #map { width:100%;height: 250px; }
#node--about-us-page #map-block .map-block-text {text-align:center;}

#office-btn .map-marker-info,
#group-btn .map-marker-info,
#startup-btn .map-marker-info { float:right; }

#node--about-us-page .gm-style-iw { width: 200px !important;padding:5px 5px 5px 5px;top: 0 !important;left: 0 !important;border-radius: 2px 2px 0 0; }
@media(min-width:400px){
  #node--about-us-page .gm-style-iw { width: 350px !important;padding:15px 15px 5px 15px;}
}


@media(min-width:768px){
  #node--about-us-page #map-wrapper #filter{ position:absolute;top:50px;left:15px;width:270px;margin-top:0; }
  #node--about-us-page #map { height: 500px; }
}

/* About Us Modal Node New */

.about-us-modal-node { display: flex; flex-direction: column; align-items: center; justify-content: space-between; margin-top: 50px; width: 100%; max-width: 1170px; margin: 0 auto; }
.about-us-modal-node .image-wrapper { align-self: center; width: 75%; text-align: center; margin-bottom: 30px; }
.about-us-modal-node .text-wrapper  { align-self: center; width: 100%; }

.about-us-modal-node .text-wrapper h2 { text-align: left; }
.about-us-modal-node .image-wrapper img { /*width:100%;*/ max-width:670px; height: auto;}

@media(min-width:640px){

  .about-us-modal-node { flex-direction: row; }
  .about-us-modal-node .image-wrapper { width: 49%; margin-bottom: 0; }
  .about-us-modal-node .text-wrapper  { width: 49%; }

}

@media(min-width:1024px){

  .about-us-modal-node .image-wrapper { width: 64%; }
  .about-us-modal-node .text-wrapper  { width: 34%; }

}