@keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  8% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  10% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  18% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  20% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  28% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  30% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  38% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  40% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  48% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  50% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  58% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  60% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  68% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  75%, 100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.wpc-style-page {
    top:200px;
    position: fixed;
    width: 270px;
    height: auto;
    right: -270px;
    background: #fff;
    z-index: 4000;
    text-align: left;
	font-size:14px;
			
    -webkit-transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095);
    transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095);
}
.wpc-style-page.slide-right {
    right: 0px;
	border-radius:10px 5px 5px 10px;
        box-shadow: -1px -1px 3px 3px rgba(0, 0, 0, 0.1);
}
.wrappers {
    height: 100%;
        padding: 10px 25px 10px 10px;
    overflow-y: auto;
}
.conf-button {
    position: absolute;
    width: 42px;
    height: auto;
    left: -42px;
    top: 55px;
    background: #0c70d2;
    text-align: center;
    font-size: 25px;
    cursor: pointer;
    border-radius: 10px 0px 0px 10px;
    box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.1);
}
.conf-button i {
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    display: block;
    margin: 12px auto;
    width: 22px;
    height: 22px;
	color:#fff;
    background-position: -5px -5px;
	
	 -webkit-animation: wrench 2.5s ease infinite;
    animation: wrench 2.5s ease infinite;
    transform-origin-x: 90%;
    transform-origin-y: 35%;
    transform-origin-z: initial;
}
.site-logo {
    margin-bottom: 10px;
    display: block;
}
.wrappers h4 {
    background-color: #e11428;
    line-height: 35px;
    color: #fff;
    text-transform: uppercase;
  font-size: 18px;
    margin-left: 10px;
    margin-right: 10px;
}

._contact_public ._template_phone_right .wrappers p i.icost{
	margin: 0 auto;
    margin-right: 5px;
    border: 1px solid #548dc5;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
    color: #0c70d2;
    font-size: 15px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
}