.zamok_sutby
{
      position:absolute;
      top: 5px;
      left:275px;
	  width:500px;
	  height:500px;
	  font-family: Verdana,Arial,Helvetica,sans-serif;
	 
  } 

.but {
	  position:absolute;
      top: 550px;
      left:400px;
	  width:300px;
	  height:50px;
	  font-family: Verdana,Arial,Helvetica,sans-serif;
	
}



  
 .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
} 
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.55, 1.55, 1.55);
    transform: scale3d(1.55, 1.55, 1.55);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.55 1.55, 1.55);
    transform: scale3d(1.55, 1.55, 1.55);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
} 
  
.info {
      position:absolute;
      top: 5px;
      left:5px;
	  width:350px;
	  height:100%px;
	  font-family: Verdana,Arial,Helvetica,sans-serif;
} 
.info1 {
      position:absolute;
      top: 75%;
      left:20px;
	  width:350px;
	  height:50%px;
	  font-family: Verdana,Arial,Helvetica,sans-serif;
} 

 a{
  color: blue;
  
}

a: hover{
  color: red;
  }

input:hover{
border: 2px solid #06bec5;
box-shadow: 2px 2px 2px 0 #aee1e3;
}
input:focus{
border: 2px solid #06bec5;
box-shadow: 2px 2px 2px 0 #aee1e3;
}

.txt{
	  position:absolute;
      top: 5%;
      left:810px;
	  width:250px;
	  height:100%;
	 
}
#p_prldr{
position: fixed;
left: 0;
top: 0;
right:0;
bottom:0;
background: #9A12B3;
z-index: 30;}
 
.contpre small{font-size:25px;}
 
.contpre{
width: 250px;
height: 100px;
position: absolute;
left: 50%;top: 48%;
margin-left:-125px;
margin-top:-75px;
color:#fff;
font-size:40px;
letter-spacing:-2px;
text-align:center;
line-height:35px;}
 
#p_prldr .svg_anm {
position: absolute;
width: 41px;
height: 41px;
background: url(/images/tail-spin.svg) center center no-repeat;
background-size:41px;    
margin: -16px 0 0 -16px;}