.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;
}
#chr {
	
	 position:absolute;
     top: 2px;
     left:2px;
	 height: 100%;
     width:  100%;
	/* border-radius:3px;
	 border-width:1px;
	 border-style:solid;
	 border-color:red;*/
	
}
.cd{
	 position:absolute;
     top: 1px;
     left:430;
	 height: 10;
     width:  30;
}

.cw1{
	 position:absolute;
     top: 25px;
     left:20px;
	 height: 420;
     width:  30;
	
}

.cw2{
	 position:absolute;
     top: 460px;
     left:20px;
	 height: 70;
     width:  450;
	
}
.cw3{
	 position:absolute;
     top: 286px;
     left:460px;
	 height: 150px;
     width:  700px;
	 border-radius:3px;
/*	 border-width:1px;
	 border-style:solid;
	 border-color:red; 
	*/
}

.cw4{
	 position:absolute;
     top: 110px;
     left:420px;
	 height: 170px;
     width:  620px;
	/* border-radius:3px;
	 border-width:1px;
	 border-style:solid;
	 border-color:red; 
	*/
	
}

.cw5{
	 position:absolute;
     top: 0px;
     left: 420px;
	 height: 125px;
     width:  600px;
	/* border-radius:3px;
	 border-width:1px;
	 border-style:solid;
	 border-color:red; */
	
}

.cw6{
	 position:absolute;
     top: 29px;
     left: 33px;
	 height: 130px;
     width:  600px;
	/* border-radius:3px;
	 border-width:1px;
	 border-style:solid;
	 border-color:red; */
	
}



.but {

     background-color:  #tttt;
	 font-family: Verdana,Arial,Helvetica,sans-serif;
	 height: 50px;
     width: 500px;
     position:absolute;
     top: 500px;
     left:450px;


}

/*Кнопка ПОВТОРИТЬ*/
.b1 {

     background-color:  #tttt;
	 font-family: Verdana,Arial,Helvetica,sans-serif;
	 height: 50px;
     width: 50px;
     position:absolute;
     top: 10px;
     left:10px;


}
.b2{

     background-color:  #ttt;
	 font-family: Verdana,Arial,Helvetica,sans-serif;
	 height: 50px;
     width: 40px;
     position:absolute;
     top: 10px;
     left:120px;


}

.b3{

     background-color: white;
	 font-family: Verdana,Arial,Helvetica,sans-serif;
	 height: 50px;
     width: 70px;
     position:absolute;
     top: 10px;
     left:200px;


}

.b4{

     background-color: white;
	 font-family: Verdana,Arial,Helvetica,sans-serif;
	 height: 50px;
     width: 100px;
     position:absolute;
     top: 10px;
     left:320px;
}
.cd-form_but1  input[type="submit"] {
  /* button style */
  border: none;
  background: #2c97de;
  border-radius: .25em;
  padding: 10px 10px;
  color: #ffffff;
  font-weight: bold;
  float: left;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;

}
.no-touch .cd-form_but1  input[type="submit"]:hover {
  background: #42a2e1;
}
.cd-form_but1 input[type="submit"]:focus {
  outline: none;
  background: #2b3e51;
}
.cd-form_but1 input[type="submit"]:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}

/*Кнопка НАЗАД */
.cd-form_but2  input[type="submit"] {
  /* button style */
  border: none;
  background: #2c97de;
  border-radius: .25em;
  padding: 10px 10px;
  color: #ffffff;
  font-weight: bold;
  float: left;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;

}
.no-touch .cd-form_but2  input[type="submit"]:hover {
  background: #42a2e1;
}
.cd-form_but2 input[type="submit"]:focus {
  outline: none;
  background: #2b3e51;
}
.cd-form_but2 input[type="submit"]:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}

.cd-form_but3  input[type="submit"] {
  /* button style */
  border: none;
  background: #2c97de;
  border-radius: .25em;
  padding: 10px 10px;
  color: #ffffff;
  font-weight: bold;
  float: left;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;

}
.no-touch .cd-form_but3  input[type="submit"]:hover {
  background: #42a2e1;
}
.cd-form_but3 input[type="submit"]:focus {
  outline: none;
  background: #2b3e51;
}
.cd-form_but3 input[type="submit"]:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}

.cd-form_but4  input[type="submit"] {
  /* button style */
  border: none;
  background: #2c97de;
  border-radius: .25em;
  padding: 10px 10px;
  color: #ffffff;
  font-weight: bold;
  float: left;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;

}
.no-touch .cd-form_but4  input[type="submit"]:hover {
  background: #42a2e1;
}
.cd-form_but4 input[type="submit"]:focus {
  outline: none;
  background: #2b3e51;
}
.cd-form_but4 input[type="submit"]:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}


#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;}