#nav-service {
    position: fixed;
    right: 0;
    top: 285px;
    z-index: 100;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.26);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.26);
 }
 .service-box {
  position:relative;
 }
 .service-link {
  display:block;
    background-color: #3f77a5;
  width:50px;
  height:50px;
  font-weight:bold;
  text-align:center;
  border-top:1px solid transparent;
    color: white;
 }
 .service-box + .service-box .service-link {
  border-top:1px solid #bcd5ea;
  border-top-color:rgba(18,67,56,0.5);
 }
 .service-link .fa {
  line-height:48px;
 }
 .service-link .fa-envelope {
  font-size:1.8em;
 }
 .service-link:hover {
    color: #white;
    background-color: #173953;
 }
 .service-content {
  display:none;
  position:absolute;
  left:-300px;
  top:0;
  width:300px;
  background:#fff;
  padding:20px 20px 0;
  border:1px solid #bcd5ea;
  border-color:rgba(18,67,56,0.5);
 }
 .service-box:hover .service-content {
  display:block;
 }
 .service-content .alert-teaser {
  color:#222;
  margin-left:-10px;
  margin-right:-10px;
  padding:10px;
  border-bottom-right-radius:10px;
  margin-bottom:20px;
  font-size:14px;
 }
 .service-content .alert-teaser-icon {
  padding-left:30px;
 }
 .service-content .alert-teaser .icon {
  left:9px;
  top:9px;
 }
 .scroll-top {
  display:block;
  overflow:hidden;
  -webkit-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  z-index:0;
  top:180px;
  right:0;
  position:fixed !important;
  opacity:0;
  -webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.26);
  -moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.26);
  box-shadow:0px 2px 5px 0px rgba(0,0,0,0.26);
 }
 .scroll-top.scroll-top-visible {
  opacity:1;
  z-index:100;
 }