html, body { height: 100%; min-height: 100%;	 }
body { background-color: #0b3c6c; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, a, li { font-family: 'Exo 2', sans-serif, tahoma; font-weight: 300; font-size: 20px; line-height:auto; color:#fff;  }
a, div, input { box-sizing:border-box; background-repeat: no-repeat; background-position: 0 0; }


@media (max-width: 767px) {
	
}

@media (max-width: 479px) {
	
}




/*  BOOTSTRAP CLASSES ---------------------------------------  */
.container-fluid { min-width: 320px; }
/*  / BOOTSTRAP CLASSES -------------------------------------  */

a { text-decoration: underline; color: #02b87a;  }
a:hover { color:#06ea9c; text-decoration: none;  text-decoration: underline; }

strong { font-weight: 700; }

* {
  margin: 0;
  padding: 0;  
}


.act { display: flex; flex-flow: column; align-items: center; justify-content: center; width: 680px; height: 520px; background-image: url(../../images-spy/act/act-form.jpg); background-position: center center; background-repeat: no-repeat; position: absolute; margin-left: -340px; left: 50%; margin-top: -260px; top: 50%; }
.act input { border: 2px solid #fff; border-radius: 1px; height: 50px; font-size: 20px; }
.act input[type='text'] { margin-right: 10px; background-color: rgba(255, 255, 255, 0.8); color: #1a3e61; text-transform: uppercase; padding-right: 10px; padding-left: 10px; width: 300px;  }
.act input[type='submit'] { width: 60px; background-color: rgba(11, 58, 100, 0.8); font-weight: 500; cursor: pointer; }
/*.act p { margin: 0; padding: 0; }*/

.warning { width: 450px; color: #fff; font-weight: 600; line-height: 1.2; text-align: center; margin-top: -35px; margin-bottom: 10px; }

.warning--hidden { opacity: 0; }
.warning span { background-color: rgba(255, 0, 0, 0.8); font-size: 18px;
	animation-name: blink;
  	animation-timing-function: linear;
  	animation-duration: 0.8s;
  	animation-iteration-count: infinite;  
}

.warning i { font-style: normal; }
#fault2 { display: none; }


@keyframes blink {
  50% {
    background: #b50101;
  }
}


@media (max-width: 767px) {
	.act { width: 550px; height: 423px; -webkit-background-size: 550px;	background-size: 550px; margin-left: -275px; margin-top: -211px; }	
	
	.act input { height: 50px; }
	.act input[type='text'] { padding-right: 7px; padding-left: 7px; width: 250px;  }
	.act input[type='submit'] { width: 50px; }

	.warning { width: 400px;  }
}

@media (max-width: 570px) {
	.act { width: 100%; height: 350px; -webkit-background-size: 450px;	background-size: 450px; margin-left: 0; margin-top: -175px; left: 0;  }	

	.act input { height: 40px; }
	.act input[type='text'] { width: 220px;  }
	.act input[type='submit'] { width: 40px; }

	.warning { width: 320px; line-height: 1; margin-bottom: 5px; }
	.warning span {  font-size: 16px; }
}

@media (max-width: 400px) {
	.act {  height: 300px; -webkit-background-size: 390px;	background-size: 390px; margin-top: -150px;  }	

	.act input { height: 40px; font-size: 18px; }
	.act input[type='text'] { width: 200px;  }
	.act input[type='submit'] { width: 40px; }

	.warning { width: 270px; line-height: 0.9; margin-top: -50px; }
	.warning span {  font-size: 14px; }
}

@media (max-width: 360px) {
	.act {  height: 270px; -webkit-background-size: 350px;	background-size: 350px; margin-top: -135px; }	

	.act input { height: 37px; font-size: 16px; }
	.act input[type='text'] { width: 190px;  }
	.act input[type='submit'] { width: 40px; }
}