.contact-slidein {
   width: 340px;
   top: 108px;
   right: -340px;
   position: fixed;
   z-index: 100;
   background: white;
   border: 1px solid #d8d8d8;
   border-radius: 3px;
   transition: all 0.4s;
   box-sizing: border-box;
   z-index: 1000;
}
.contact-slidein .contact-slidein-handle {
   position: absolute;
   top: 100px;
   left: 0;
   color: white;
   background: #f98526;
   transform: rotate(90deg) scale(1.5);
   transform-origin: top left;
   font-weight: bold;
   padding: 10px;
   font-size: 12pt;
   border-radius: 0 0 15px 15px;
   cursor: pointer;
}
.contact-slidein .contact-slidein-body {
   padding: 20px;
   box-sising: border-box;
   min-height: 450px;
}
.contact-slidein.slidein-active {
   right: 0;
   position: absolute;
   max-width: 100%;
}
.contact-slidein .slidein-close {
   color: #f98526;
   font-weight: bold;
   font-size: 24pt;
   position: absolute;
   right: 15px;
   top: 10px;
   cursor: pointer;
}
@media (max-width: 768px){
   .contact-slidein .contact-slidein-handle {
      transform: rotate(90deg) scale(1);
   }
}