body {
/*background: url(/images/holon/bgr.gif); */
}

#bif_matr {
  /*  background-color: white;
	border-radius:5px;
	border-width:2px;
	border-style:solid;
	border-color:red;
	text-align:left;
	margin:10px  400px  200px  350px;
	padding:230px  100px  400px  100px;
	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;
}

.pole1 {
          background: url(/images/dnk/pole1.gif);
	      height: 30px;
          width:  530px;
          position:absolute;
          top:22px;
          left:20px;
}
.pole2 {

	      height: 10px;
          width:  380px;
          position:absolute;
          top:10px;
          left:40px;
}

.pole2_1 {
          background: url(/images/dnk/pole2_1.gif);
	      height: 50px;
          width:  380px;
          position:absolute;
          top:27px;
          left:24px;
}
.pole3 {
          background: url(/images/dnk/pole3.gif);
	      height: 550px;
          width:  50px;
          position:absolute;
          top:33px;
          left:385px;
}



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

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


}
.b2{

     background-color: white;
	 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;}