#ChatShare-container {
  margin-top: 53px;
  padding: 0px 0px 0px 0px;
  position: fixed;
  right: 0px;
  top: 100px;
  z-index: 2000;
  background: transparent;
  width: 67px;
  overflow: hidden;
  font-family: DIN,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
#ChatShare-container:hover {
  width: 355px;
}
#ChatShare-container:hover #attack-container, #ChatShare-container:hover #chat-container, #ChatShare-container:hover #share-container {
  width: 355px;
}
#attack-container  {
  background-color: transparent;
  text-align: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  width: 67px;
  float: right;
}
#attack-container a {
  background-color: #9e0b0f;
  color: #dab5b6;
  font-size: 14px;
  line-height: 12px;
  text-decoration: none;
  width: 67px;
  text-align: center;
  -webkit-transition: width .3s;
  transition: width .3s;
  padding: 10px 0;
}
#attack-container a:hover {
  width: 75px;
}
#attack-container a:hover {
  text-decoration: none;
}
#attack-container img {
  padding: 0 0 7px;
}
#chat-container  {
  background-color: transparent;
  text-align: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  width: 67px;
  height: auto;
  position: relative;
}
#chat-container a.sidebar-slide {
  background-color: #111111;
  color: #cccccc;
  font-size: 14px;
  line-height: 12px;
  text-decoration: none;
  width: 67px;
  text-align: center;
  -webkit-transition: width .6s;
  transition: width .6s;
  padding: 17px 0 0 20px;
  white-space: nowrap;
}
#chat-container a.sidebar-slide span {
  display: inline-block;
}
#chat-container a.sidebar-slide:hover {
  width: 100%;
}
#chat-container a.sidebar-slide:hover {
  text-decoration: none;
}
#chat-container .icon {
  padding: 0 0 7px;
}
#chat-container .message {
  margin: -56px 0 0 19px;
  position: relative;
  z-index: 1060;
}
#chat-container a.sidebar-slide span.chat-hello {
  display: inline-block;
  position: relative;
  top: -10px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
#chat-container a.sidebar-slide span.chat-hello b{
  font-size: 15px;
  font-weight: bold;
  color: #e65785;
  margin: 11px 0 0 12px;
  display: inline-block;
}
#share-container  {
  background-color: transparent;
  text-align: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  width: 67px;
}
#share-container .share-box {
  background-color: #333333;
  color: #cccccc;
  font-size: 14px;
  line-height: 12px;
  text-decoration: none;
  width: 67px;
  text-align: center;
  -webkit-transition: width .6s;
  transition: width .6s;
  padding: 14px 26px 14px 16px;
  white-space: nowrap;
}
#share-container .share-box span {
  display: inline-block;
}
#share-container .share-box a {
  color: #ffffff;
  padding: 6px 0 0 30px;
  display: inline-block;
}
#share-container .share-box:hover {
  width: 100%;
}
#share-container a:hover {
  text-decoration: none;
  color: #e65785;
}
#share-container .icon {
  padding: 0 0 7px;
}
#share-container .social {
  vertical-align: top;
  padding: 0;
  margin: 0 0 0 20px;
  font-size: 27px;
  border-left: 1px solid #fff;
  line-height: 36px;
}
#contact-container  {
  background-color: transparent;
  text-align: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  width: 75px;
  float: right;
}
#contact-container a {
  background-color: #333333;
  color: #cccccc;
  font-size: 14px;
  font-weight: normal;
  line-height: 12px;
  text-decoration: none;
  width: 67px;
  text-align: center;
  -webkit-transition: width .3s;
  transition: width .3s;
  padding: 10px 0;
}
#contact-container a:hover {
  width: 75px;
}
#contact-container a:hover {
  text-decoration: none;
}
#contact-container img {
  padding: 0 0 7px;
}


#chat {
  margin: 0;
  padding: 13px 0 0;
  position: relative;
  display: block;
  background-color: #111111;
  width: 67px;
  text-align: center;
  height: 53px;
}
#chat-click {
}
#chat-box {
  position: relative;
  display: none;
  width: 350px;
  height: 147px;
  min-height: 147px;
  background-image: url('../images/chat-specialist.gif');
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #666;
  top: -92px;
  right: 350px;
  z-index: 1000;
}
#chat-close, #share-close {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 13px;
  height: 12px;
  display: block;
}
#chat-close {
  background-image: url('../images/chat-close.gif');
}
#share-close {
  background-image: url('../images/share-close.gif');
}
#chat-close:hover, #share-close:hover {
  cursor: pointer;
}
#chat-box span {
  float: left;
  margin: 15px 0px 9px 103px;
  padding: 0px 0px 0px 0px;
  font-size: 24px;
  line-height: 24px;
  color: #fff;
}
#chat-box a#sidebar-desk-chat-open-link {
  float: left;
  margin: 0px 0px 0px 103px;
  padding: 10px 18px;
  font-size: 15px;
  line-height: 15px;
  color: #fff;
  background-color: #e65684;
  text-transform: uppercase;
}
#chat-box a #sidebar-desk-chat-open-link:hover {
  text-decoration: none;
}
#chat-box p {
  position: absolute;
  bottom: 0;
  padding: 6px 13px 0px 13px;
  margin: 0;
  height: 55px;
  background-color: #333;
  color: #fff;
  font-size: 15px;
  line-height: 21px;
  width: 100%;
}

#share {
  margin: 0;
  padding: 13px 0 0;
  position: relative;
  display: block;
  background-color: #111111;
  width: 67px;
  text-align: center;
  height: 53px;
}
#share-box {
  position: relative;
  display: none;
  width: 350px;
  height: 115px;
  min-height: 115px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  top: -99px;
  right: 350px;
  z-index: 1000;
}
#share-box ul {
  width: 100%;
  height: 53px;
  margin: 32px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#share-box ul li {
  width: 25%;
  height: 53px;
  float: left;
  list-style: none;
}
#share-box ul li a {
  display: block;
  width: 53px;
  height: 53px;
  line-height: 53px;
  text-align: center;
  margin: 0 auto;
}

#ChatShare-container.slideout {
  width: 355px;
}

#ChatShare-container.slideout #attack-container, #ChatShare-container.slideout #chat-container, #ChatShare-container.slideout #share-container {
  width: 355px;
}

#ChatShare-container #sidebar-desk-chat-proactive-open-link.slideout {
  width: 100%;
}

#chat-container a.close{
  position: absolute;
  top: -27px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition-property: visibility, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.5s;
  background: transparent;
}

#chat-container a.closestyle img{
  position: relative;
  top: 0;
  left: 0;
}

#ChatShare-container.slideout .close{
  visibility: visible;
  opacity: 1;
}

@media only screen and (max-width : 1200px) {
  #ChatShare-container {
    display: none;
  }
}
/** Bootstrap sizing binds! **/
.affix {
  position: fixed;
}