html {
  width: 100%; height: 100%; }

body {
  background: rgb(255,255,255) no-repeat ; background-image:url(../assets/bg-blue-top.png); background-attachment: fixed ; background-size: cover;
  width: 100%;
height: 100%; font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  font-weight: normal;
	padding: 0px;
	margin: 0px;
  }

img{max-width: 100%;}

body>main{min-height: calc(100% - 355px); padding: 100px 0 220px 0; width:80%; max-width: 1200px; background:url(../assets/bg-login-blue.png) no-repeat center; background-attachment: fixed; background-size:95%; position:relative; display: flex; justify-content: center; align-items: center;  color: rgba(255,255,255,1.00); margin: 0 auto;}
body>main>div{width: 30%; margin-left: 10%;}
body>main>div>a{ color: rgba(255,255,255,1.00);}
body>main>div>a>i{ margin-right:5px;}
body>main>div>span{display: block; margin-left: -10px;}
body>main>div>h1{margin: 35px 0px 0px 0px; font-size: 1.2rem;  font-weight: normal;}
body>main>form{width: calc(100% - 45%); margin-left: 5%;}
body>main>form>*{margin-bottom: 10px;}
body>main>form .field input{ padding:10px 14px; border: 1px solid rgba(6,56,47,1.00); width: calc(100% - 30px); max-width: 250px;}
body>main>form .in_zgody{  max-width: 340px;}
body>main>form .field input[type="checkbox"]{width: auto; margin-right: 10px;}
body>main>form .field.submit{margin-top: 15px;}
body>main>form .field.submit button{ padding:10px 14px; border: 1px solid rgba(6,56,47,1.00); background:rgba(205,188,124,1.00); color:rgba(6,56,47,1.00); cursor: pointer; transition: 0.5s;}
body>main>form .field.submit button:hover{  background:rgba(235,218,154,1.00);  }
body>footer{height: 147px; background: rgba(226,226,226,1.00); display: flex; justify-content: center; border-top:8px solid rgba(0,35,25,1.00); position: fixed; bottom: 0px; width: 100%; }
body>footer>nav{ display: flex; justify-content: center; align-items: flex-start; width:80%; max-width: 1000px; }
body>footer>nav>*{display: inline-flex; position: relative; text-decoration: none; align-items: center; width:220px; max-width:28%;  padding:0px 35px;  }
body>footer>nav>*>h3{position: absolute; z-index: 1; left: 120px; top: 10px; color: rgba(124,124,124,1.00); width: 80px;}
body>footer>nav>*>p{position: absolute; z-index: 2; bottom: calc(100% - 30px); left: 20%; background: rgba(255,255,255,1.00); border-radius: 10px 10px 10px 0; padding: 15px; pointer-events: none; opacity: 0; color:rgba(5,37,31,1.00); transition: 0.5s; width: 160px; }
body>footer>nav>*:hover{background: rgba(0,0,0,0.06);}
body>footer>nav>*:hover>p{opacity: 1;}
body>footer>nav>*:last-child>p{left:auto; right: 20%;   border-radius: 10px 10px 0 10px; }

.typ_k{display: flex; margin:10px 0 30px 0;}
.typ_k>*{margin-right: 10px; background:rgba(0,35,25,0.5); display: inline-flex; flex-direction: column; align-items: center; width: 90px; text-align: center; padding: 10px; text-transform: uppercase; font-size: 0.8rem;}
.typ_k>*>input{ margin-bottom: 10px; width: 15px; height: 15px;}
select.tk{ margin-bottom: 10px; padding: 15px 15px; height: 15px; display: inline-block;}

.wrongPassword{padding:10px 15px; background: rgba(217,52,55,0.4); width: auto; display: inline-block; min-width: 51%; }

.mainWarning{padding:10px 15px; background: rgba(255,255,255,0.15); width: auto; display: inline-block; min-width: 51%; }
.mainWarning>span{ margin-right: 5px; background: rgba(255,255,255,0.3); width:20px; height: 20px; display: inline-flex; align-items: center;justify-content: center; border-radius: 5px; font-weight: bolder; font-size: 1.2rem; margin-left: -5px;}

@media screen and (max-width:900px)
{
body>footer { height: 125px;}
	body>main{}
	body>main>div>h1{ display: none;}
}

@media screen and (max-width:600px)

{
	body>footer>nav>*>h3{    left: 10px;top: 70px;font-size: 0.8em;}
	body>footer>nav>*{padding: 0px;}
	body>footer { height: 115px;}
	body>main{ flex-direction: column; overflow: auto;}
	body>main>*{width: 100% !important; margin: 0px; }
	body>main>*:first-child{margin-bottom: 30px;}
	
}


/* loading */
#loading {
  background-image: url(../assets/white80.png);
  background-repeat: repeat;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  /*display:table;*/
  display: none; }

#loading div {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  /* negative half of the height */
  margin-left: -20px;
  /* negative half of the width */
  background-image: url(../assets/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: white; }