/*...543   544....767   768....991   992....1199   1200...*/
/*__xs__   ____sm____   ____md____   ____lg_____   ___xl__*/
/** office */
.view-office #map {
  height: 300px;
  margin-bottom: 20px; }

.view-office .synmap {
  display: none; }

.node--type-office.node--view-mode-teaser {
  margin-bottom: 50px; }
  .node--type-office.node--view-mode-teaser .field--name-field-geolocation {
    display: none; }

#synmap-office {
  position: relative;
  overflow: hidden; }
  #synmap-office:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100px;
    z-index: 5;
    right: -100px;
    bottom: 0;
    box-shadow: inset 0 0 20px 0px #aaa;
    pointer-events: none; }
  #synmap-office i.fas {
    font-size: 70px;
    display: flex;
    align-items: flex-end; }
    #synmap-office i.fas div {
      font-family: 'Roboto', 'Helvetica', sans-serif;
      font-size: 28px;
      line-height: 1.2em;
      padding-left: 8px; }
      #synmap-office i.fas div span {
        overflow: hidden;
        display: block;
        transition: all .3s;
        width: 0;
        font-size: 16px;
        line-height: 1.2em; }
    #synmap-office i.fas.hover div span {
      width: 100%; }