/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/pt-sans-v11-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'), url('./fonts/pt-sans-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/pt-sans-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/pt-sans-v11-latin-regular.woff') format('woff'), /* Modern Browsers */ url('./fonts/pt-sans-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/pt-sans-v11-latin-regular.svg#PTSans') format('svg');
  /* Legacy iOS */
}
@font-face {
  font-family: 'Gellix';
  src: local('Gellix Regular'), url('./fonts/Gellix/Gellix-Regular_R.otf') format('otf'), url('./fonts/Gellix/Gellix-Regular_R.woff2') format('woff2'), url('./fonts/Gellix/Gellix-Regular_R.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.sidebar {
  position: fixed;
  right: 0;
  top: 200px;
  width: 0;
  z-index: 1003;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  .sidebar {
    top: auto;
    bottom: 0;
    width: 100%;
  }
}
.sidebar a {
  display: inline-block;
  width: 200px;
  padding-left: 40px;
  line-height: 40px;
  background-color: #AFC604;
  color: #fff;
  border-radius: 4px 0 0 4px;
  margin-bottom: 2px;
  position: relative;
  transform: translateX(-40px);
  transition: transform 0.3s;
  min-height: 40px;
}
.sidebar a.social {
  background-color: #d7e281;
}
.sidebar a:hover {
  transform: translateX(-200px);
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  .sidebar a:hover {
    transform: translateX(0);
  }
}
.sidebar a.phone:before {
  background-image: url('/var/static/img/phone-solid.svg');
}
.sidebar a.mail:before {
  background-image: url('/var/static/img/envelope-solid.svg');
}
.sidebar a.map:before {
  background-image: url('/var/static/img/map-marker-alt-solid.svg');
}
.sidebar a.facebook:before {
  background-image: url('/var/static/img/facebook-f-brands-white.svg');
}
.sidebar a.instagram:before {
  background-image: url('/var/static/img/instagram-brands-white.svg');
}
.sidebar a.linkedin:before {
  background-image: url('/var/static/img/linkedin-in-brands-white.svg');
}
.sidebar a.xing:before {
  background-image: url('/var/static/img/xing-brands-white.svg');
}
.sidebar a.youtube:before {
  background-image: url('/var/static/img/youtube-brands-white.svg');
}
.sidebar a.wechat:before {
  background-image: url('/var/static/img/wechat-white.png');
}
.sidebar a:before {
  content: '';
  display: block;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 0;
  top: 0;
  background-size: 20px auto;
  background-position: center;
  background-repeat: no-repeat;
}
.sidebar a:after {
  display: table;
  content: '';
  clear: both;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  .sidebar a {
    margin: 0;
    width: 25%;
    transform: none;
    float: right;
    border-radius: 0;
  }
  .sidebar a:before {
    left: 50%;
    transform: translateX(-50%);
  }
  .sidebar a span {
    display: none;
  }
}
/*# sourceMappingURL=sidebar.css.map */