#contactStickyOverlay {
/*
   background-color: #f0a000;
   opacity: 0.1;
*/
   background: transparent;
   bottom: 0;
   cursor: pointer;
   display: none;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   z-index: 9998;
}

div.contactSticky {
   background-color: #fe9a27;
   border-radius: 8px 0 0 8px;
   display: inline-block;
   height: 200px;
   padding: 0;
   position: fixed;
   right: 0;
   top: 200px;
   width: 28px;
   z-index: 9999;
/*
   -webkit-transition: position 1s, width 1.5s, height 1.5s;
   transition: position 1s, width 1.5s, height 1.5s;
*/
   -webkit-transition: width 0.8s, height 0.8s;
   transition: width 0.8s, height 0.8s;
/*   transition-timing-function: ease-out;*/
   transition-timing-function: cubic-bezier(.19,1,.22,1);
}

div.contactSticky div.contactStickyOpener {
   color: #ffffff;
   cursor: pointer;
   height: auto;
/*   letter-spacing: 0.15em;*/
   text-align: center;
   vertical-align: middle;
   white-space: nowrap;
   width: 20px;
/*
   padding: 20px 4px;
   -ms-writing-mode: bt-lr;
   writing-mode: vertical-rl;
   transform : rotate(180deg);
*/
   position: absolute;
   top: 60%;
   left: 50%;
   transform : rotate(270deg) translateX(-50%) translateY(-50%);
}
div.contactSticky div.contactStickyOpener div {
   display: inline-block;
}

div.contactSticky div.contactStickyContent {
   border-radius: 8px 0 0 8px;
   display: none;
   height: 724px;/* hint after form: 714px;*/
   padding: 28px 8px 8px 8px;
   position: relative;
}
div.contactSticky div.contactStickyContent div.contactStickyCloser {
   background-color: #1f689f;
   border-radius: 2px 0 0 0;
   height: 20px;
   left: 0;
   padding: 0;
   position: absolute;
   right: 0;
   top: 0;
}
div.contactSticky div.contactStickyContent div.contactStickyCloser span.closeIcon {
   background-color: #1f689f;
   color: #ffffff;
   cursor: pointer;
   display: inline-block;
   font-family: arial, sans-serif;
   font-size: 20px;
   font-weight: bold;
   height: 20px;
   line-height: 20px;
   position: absolute;
   right: 0;
   text-align: center;
   text-decoration: none;
/*   text-shadow: 0 1px 0 #fff;*/
   top: 0;
   width: 20px;
}
/* Edge-Hack: */
@supports (-ms-ime-align:auto) {
   div.contactSticky div.contactStickyContent div.contactStickyCloser span.closeIcon {
      right: 8px;
   }
}

.closeIcon:after,
.closeIcon.classic:after {
  content: 'X'; /* ANSI X letter */
}

.closeIcon.thin:after {
  content: '×'; /* UTF-8 symbol */
}

.closeIcon.thick:after {
  content: '✖'; /* UTF-8 symbol */
}

div.contactSticky.active {
   background-color: #1f689f;
/*
   border: 1px solid #888888;
   -webkit-box-shadow: -10px 10px 40px 0px rgba(128,128,128,1);
   -moz-box-shadow: -10px 10px 40px 0px rgba(128,128,128,1);
   box-shadow: -10px 10px 40px 0px rgba(128,128,128,1);
*/
   border-radius: 2px 0 0 2px;
   color: #ffffff;
   height: 780px;/* hint after form: 770px;*/
   max-height: 96%;
   overflow: auto;
   top: 20px;
   width: 646px;
/*
   -webkit-transition: position 1s;
   transition: position 1s;
*/
}
div.contactSticky.active div.contactStickyOpener {
   display: none;
}
div.contactSticky.active div.contactStickyContent {
   display: block;
}

div.contactSticky div.contactStickyContent h3 {
   color: #3b80c2;
   font-size: 20px;
   line-height: 1em;
   margin: 0 0 0.8em 0;
}
div.contactSticky div.contactStickyContent div.form {
   border: 0 none;
   bottom: 8px;
   left: 8px;
   padding: 0;
   position: absolute;
   right: 8px;
   top: 32px;
}
div.contactSticky div.contactStickyContent iframe {
   border: 0 none;
   height: 100%;
   margin: 0;
   padding: 0;
   width: 100%;
}