body{
	margin:0;
}
img{
	width:100%;
	height: 100%;
	display:block;}
.item{
	width:100%;
	max-width:700px;
	display: flex;
	margin:0 auto;
}
.contact_serve{
    padding: 16px;
    box-sizing: border-box;
    background: #029fea;
    font-size: 0;
    margin-top: -1px;
    margin-bottom: -1px;
    position: relative;
}
.contact_serve:before{
    content: '';
    width: 17%;
    height: 100%;
    background: url(../img/phone_icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 6px;
    z-index: 10;
    /*animation: floating 1s alternate infinite;*/
    animation: hvr-pop 1.25s linear infinite;
}
.contact_serve > div{
    overflow: hidden;
    position: relative;
    border-radius: 2vw;
    z-index: 5;
}

.contact_serve i{
    width: 150px;
    height: 275px;
    position: absolute;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0)0%, rgba(255, 255, 255, 0.6)50%, rgba(255, 255, 255, 0)100%);
    animation-duration: 4s;
    animation-name: lighting;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    transform: translate3d(-50%,0px,0) skew(-25deg);
    z-index: 2;
    animation-delay: 0s;
}
@keyframes lighting {
    0% { transform: translate3d(-60vw,0px,0) skew(-25deg); }
    50% { transform: translate3d(120vw,0px,0) skew(-25deg); }
    to { transform: translate3d(120vw,0px,0) skew(-25deg); }
}
@keyframes floating{
    0%{transform: translateY(3%);}
    100%{transform: translateY(-12%);}
}
@keyframes hvr-pop {
    10% {
      -webkit-transform: scale(1.12);
      transform: scale(1.12);
    }
    30% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    40% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
    50% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
}
@media screen and (min-width: 700px){
  .contact_serve > div{
      border-radius: 15px;
  }
  @keyframes lighting {
      0% { transform: translate3d(-100px,0px,0) skew(-25deg); }
      50% { transform: translate3d(800px,0px,0) skew(-25deg); }
      to { transform: translate3d(800px,0px,0) skew(-25deg); }
  }
}
.item-left{
	width:50%;
	margin:0;
}
.item-right{
	width:50%;
	margin:0;
}

.shop_buttom{
    width: 130px;
    display: flex;
    flex-wrap: wrap;
    position: fixed;
    right: 120px;
    bottom: 3%;
    z-index: 9999;
    transition: .3s ease;
    animation-name: tada;
    animation-delay: 1s;
    animation-duration: 2s;
    transform-origin: center;
    animation-iteration-count: infinite;
}
.shop_buttom.none{
	opacity: 0;
	/*transform: translateY(50px);*/
	bottom: -50px;
	transition: .3s ease;
}
.shop_buttom a{
    padding: 5px 0;
    border-bottom: 1px solid #c2c9cd;
}
.shop_buttom a:first-child{
    padding: 0;
}
.shop_buttom a:first-child,.shop_buttom a:last-child{
    border-bottom: unset;
}
.shop_buttom img{
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 480px){
	.shop_buttom{
		width: 30%;
		right: 0;
		bottom: 10px;
	}
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/*# sourceMappingURL=index.min.css.map */