/**************************** LOGO ****************************/
.logo_b {
  width: 122px;
  height: 79px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
  margin: 0 0 0px 0px;
  top: 400%;
  background-size: cover;
  /*z-index:998;*/
  float: left;
  -webkit-mask-image: url('/images/logo_kv.png');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 122px;
}


@keyframes blik {
  from {top:  400%;}
  35%  {top:  400%;}
  65%  {top: -400%;}
  to   {top: -400%;}
}

.login-header {
    background-color: #7CB5EC;
}

.logo_b img {
  vertical-align: bottom;
  z-index: -5;
  max-width: 100%;
  max-height: 100%;
}
.logo_b:hover {
  top: 120%;
}
.logo_b:before, figure:after {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
}
.logo_b:before {
  width: 180%;
  top: inherit;
  left: -40%;
  opacity: 0.6;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #FFFFFF 30%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0));
  transform: rotate(50deg);
  animation: blik  7s infinite  cubic-bezier(0, 0.3, 1, 0.5);
}
.logo_b:after {
  width: 100%;
  top: 0;
  background-image: radial-gradient(35% 25%, closest-corner, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
}
.logo_b:nth-child(1) {
  background-image: url("/images/logo_kv.png");
  background-position: center;
  /*z-index:998;*/
}


.logo-1{
    width: 50%;
    float: left;
}

.head-phone{
    width: 50%;
    margin: 0;
}

.logo-text{
    float: left
}

.logo h2{
    text-align: center;
}