#mibew-agent-button {
    z-index: 9999;
}
div.mcntelecom-from-site-call * {
	box-sizing:border-box;
	*behavior: url(scripts/boxsizing.htc);
	padding: 0;
	margin: 0;
	transition: 0.3s all;
	font-family: 'Roboto', sans-serif;
}

div.mcntelecom-from-site-call a{
	text-decoration: none;
	color: inherit;
	border: none;
}

div.mcntelecom-from-site-call .clear{
	clear: both;
}

div.mcntelecom-from-site-call .wow:first-child {
	visibility: hidden;
}

div.mcntelecom-from-site-call .wrapper{
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
}

div.mcntelecom-from-site-call .wrapper-two{
	max-width: 1197px;
	width: 100%;
	margin: 0 auto;
}

div.mcntelecom-from-site-call .wrap-half{
	width: 50%;
}

div.mcntelecom-from-site-call .wrap{
	max-width: 605px;
	width: 100%;
}

div.mcntelecom-from-site-call .wrap-small{
	max-width: 593px;
	width: 100%;
	position: relative;
}

div.mcntelecom-from-site-call .left{
	float: left;
}

div.mcntelecom-from-site-call .right{
	float: right;
}

div.mcntelecom-from-site-call .row:after {
	content: '';
	display: block;
	clear: both;
}

div.mcntelecom-from-site-call input:focus {
    outline: none !important;
    border: none;
}

div.mcntelecom-from-site-call button:focus {
    outline: none !important;
}

div.mcntelecom-from-site-call ::-webkit-input-placeholder {color:#909090;}
div.mcntelecom-from-site-call ::-moz-placeholder          {color:#909090;}/* Firefox 19+ */
div.mcntelecom-from-site-call :-moz-placeholder           {color:#909090;}/* Firefox 18- */
div.mcntelecom-from-site-call :-ms-input-placeholder      {color:#909090;}

div.mcntelecom-from-site-call [placeholder]:focus::-webkit-input-placeholder {
  color: transparent;
}

/* FROM_SITE */
.mcntelecom-from-site-call{
  width: 68px;
  z-index: 15;
  top: 0;
  cursor: pointer;
  border-radius: 1px 0 0 1px;
  position: fixed;
  right: -68px;
    top: 50%;
  margin-top: -68px;
    transition: 0.3s all linear;
}

.mcntelecom-from-site-call.mcntelecom-active{
  right: 0;
}

.mcntelecom-from-site-call .mcntelecom-phone{
  width: 100%;
  height: 68px;
  border-bottom: 1px solid #30afe2;
  position: relative;
  background-color: #2fc4ff; 
  border-radius:10px 0 0 0;
}

.mcntelecom-from-site-call .mcntelecom-phone:after{
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  top:0;
  right: 0;
  background: url(images/call-from-site-icon.png) center center no-repeat;
  background-size: 45% auto;
  animation-name: shakePhone;
  animation-duration: 4s;
    animation-iteration-count: infinite;
}


.mcntelecom-from-site-call:hover .mcntelecom-phone:after{
  animation-name: shakePhone;
  animation-duration: 2s;
    animation-iteration-count: infinite;
}

.mcntelecom-from-site-call .mcntelecom-phone.no-shake:after{
  animation: none;
}

.mcntelecom-from-site-call .mcntelecom-chat{
  width: 100%;
  height: 68px;
  position: relative;
  background-color: #2fc4ff; 
  padding: 0;
  border-radius: 0 0 0 10px;
}

.mcntelecom-from-site-call .mcntelecom-chat .mcntelecom-bg-animation{
  transition: all 0s linear;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 15;
  background: url(images/sprite.png) top left 9500px no-repeat;
}
@keyframes shakePhone {
  0%, 40%, 100% {
   transform: rotate(0deg);
  }

  42%, 46%, 50%, 54%, 58% {
    transform: rotate(-30deg);
    
  }

  44%, 48%, 52%, 56%, 60% {
    transform: rotate(0deg);
  }
}

.mcntelecom-feedback{
  width: 300px;
  height: 430px;
  background: #3D3D3D;
  border-radius: 7px;
  position: fixed;
  top: 50%;
  margin-top: -215px;
  right: -340px;
  z-index: 101;
}

.mcntelecom-feedback.mcntelecom-active{
  right: 10px;
}

.mcntelecom-feedback .mcntelecom-exit{
  -webkit-border-radius: 50%;
          border-radius: 50%;
  height: 20px;
  width: 20px;
  background: #FFF url(images/ch-exit.png) center center no-repeat;
  top: 0;
  left: -30px;
  position: absolute;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}

/* responsive-common.css */
@media (max-width: 767px) {

  .mcntelecom-from-site-call{
    top: auto;
    margin-top: 0;
    bottom: 0;
  }

}

@media (max-width: 480px) {

  .mcntelecom-feedback{
    width: 270px;
  }

  .mcntelecom-feedback .mcntelecom-phone .help{
    letter-spacing: -0.5px;
  }

}

@media (max-height: 430px) {
  .mcntelecom-feedback{
    top: 0;
    margin-top: 0;
    overflow-y: scroll;
    height: 100%;
  }

  .mcntelecom-feedback .mcntelecom-exit{
    top: 10px;
    right: 250px;
    z-index: 4;
    position: fixed;
    left: auto;
  }
}