*{margin:0px;padding:0px;box-sizing:border-box;}
body,html{height:100%;}
/* Zad Antre */
.wrap-zadAntre{
  width:500px;
  height:456px;
  padding:32px 64px;
  background:#fff;
  border-radius:24px;
  overflow:hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;}

/* Antre */
.container-antre{
  width:100%;
  height:100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  background:#9053c7;
  background: -webkit-linear-gradient(-135deg,#c850c0,#4158d0);
  background: -o-linear-gradient(-135deg,#c850c0,#4158d0);
  background: -moz-linear-gradient(-135deg,#c850c0,#4158d0);
  background: linear-gradient(-135deg,#c850c0,#4158d0);}
.wrap-antre{
  width:1200px;
  height:696px;
  padding:32px;
  background:#fff;
  border-radius:24px;
  overflow:hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;}


/* LogReg */
.container-logreg{
  width:100%;
  height:100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  background:#9053c7;
  background: -webkit-linear-gradient(-135deg,#c850c0,#4158d0);
  background: -o-linear-gradient(-135deg,#c850c0,#4158d0);
  background: -moz-linear-gradient(-135deg,#c850c0,#4158d0);
  background: linear-gradient(-135deg,#c850c0,#4158d0);}
.wrap-logreg{
  width:1200px;
  height:696px;
  padding:32px;
  background:#fff;
  border-radius:24px;
  overflow:hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;}
.logreg-title{
  width:100%;
  padding-bottom:54px;
  font-size:36px;
  font-style:italic;
  color:#333333;
  line-height:1.2;
  text-align:center;
  display:block;}
.logreg-Mtitle{
  font-size:48px;
  color:#ff0000;}
.logreg-pic{width:288px;height:288px;margin:32px;}
.logreg-pic img{width:256px;height:256px;}

.logreg-form-input-wrap {
   width:100%;
   margin-bottom:10px;
   position:relative;
   z-index:1;}

.logreg-form-mail {background-position:13px 2px !important;}
.logreg-form-pass {background-position:13px -49px !important;}

.logreg-form-input {
   width:100%;
   height:50px;
   border-radius:5px;
   padding: 0 10px 0 40px;
   background: #ccf2fc url(./antre/loginIcons.png) no-repeat;
   font-family:monospace;
   font-size:25px;
   line-height:1.5;
   display:block;}


/* LogIn */
.container-logZZZZZZZ{
  width:100%;
  height:100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  background:#9053c7;
  background: -webkit-linear-gradient(-135deg,#c850c0,#4158d0);
  background: -o-linear-gradient(-135deg,#c850c0,#4158d0);
  background: -moz-linear-gradient(-135deg,#c850c0,#4158d0);
  background: linear-gradient(-135deg,#c850c0,#4158d0);}
.wrap-log{
  width:800px;
  height:496px;
  padding:32px;
  background:#fff;
  border-radius:24px;
  overflow:hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;}
/*
.login-pic{width:288px;height:288px;margin:32px;}
.login-pic img{width:256px;height:256px;}
*/
.log-form{width:368px;}
/*
.login-form-title{
  width:100%;
  padding-bottom:54px;
  font-size:36px;
  font-style:italic;
  color:#333333;
  line-height:1.2;
  text-align:center;
  display:block;}
.login-form-Mtitle{
  font-size:48px;
  color:#ff0000;}
.log-form-input-wrap {
   width:100%;
   margin-bottom:10px;
   position:relative;
   z-index:1;}
.log-form-input {
   width:100%;
   height:50px;
   border-radius:5px;
   padding: 0 10px 0 40px;
   background: #ccf2fc url(./antre/loginIcons.png) no-repeat;
   font-family:monospace;
   font-size:25px;
   line-height:1.5;
   display:block;}
*/
.log-form-input-wrapZZZZZZ {
   width:100%;
   margin-bottom:10px;
   position:relative;
   z-index:1;}

/*
.log-form-usermail {background-position:13px 2px !important;}
.log-form-userpass {background-position:13px -49px !important;}
*/*

.log-form-btn {
   width: 50%;
   height: 50px;
   outline: none !important;
   border-radius: 15px;
   margin-left: 25%;
   color: #fff;
   background: #666666;
   font-family: FreeSerif;
   font-size: 24px;
   font-style: italic;
   line-height: 1.5;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   justify-content: center;
   align-items: center;
   -webkit-transition: all 0.4s;
   -o-transition: all 0.4s;
   -moz-transition: all 0.4s;
   transition: all 0.4s;}
.log-form-btn:hover {cursor:pointer;background:#333333;}


.login-vedunDev{padding-left:64px;font-size:8px;}
.login-vedunPic img{width:64px;height:42px;}

/* Regyster */
.reg-form{width:368px;}


.wrap-input{
  position:relative;
  width:100%;
  margin-bottom:10px;
  z-index:1;}
.inputEPs{
  width:100%;
  height:48px;
  padding: 0 24px 0 56px;
  border-radius:8px;
  font:24px Courier;
  line-height:1.5;
  color:#666666;
  display:block;
  background:#e6e6e6;}
.focus-inputEPs{
  width:100%;
  height:100%;
  display:block;
  position:absolute;
  border-radius:16px;
  bottom:0;
  left:0;
  z-index: -1;
  box-shadow: 0px 0px 0px 0px;
  color:rgba(87,184,70,0.8);}
.inputEPs:focus + .focus-inputEPs{
  -webkit-animation: anim-shadow 0.5s ease-in-out forwards;
  animation: anim-shadow 0.5s ease-in-out forwards;}
.symbol-inputEPs{
  width:100%;
  height:100%;
  bottom:0;
  left:0;
  padding-left:24px;
  position:absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display:flex;
  align-items:center;
  pointer-events:none;}
.inputEPs:focus + .focus-inputEPs + .symbol-inputEPs{
  padding-left:28px;
  color:#57b846;}
.login-form-Err{
  width:100%;
  font-size:16px;
  font-style:italic;
  color:#ff0000;
  line-height:2;}
.btnClr{
  width:120px;
  height:32px;
  padding: 0 25px;
  border-radius:8px;
  font-size:16px;
  font-style:italic;
  color:#fff;
  background:#e6e6e6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display:flex;
  justify-content:center;
  align-items:center;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  float:right;}
.btnClr:hover{background:#ffcc66;}
.container-btnAnt{
  width:160px;
  padding:24px 0 16px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display:flex;
  flex-wrap:wrap;}
.btnAnt{
  width:136px;
  height:48px;
  padding: 0 25px;
  border-radius:8px;
  font:24px Courier;
  line-height:1.5;
  color:#fff;
  background:#ffcc66;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display:flex;
  justify-content:center;
  align-items:center;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;}
.btnAnt:hover{background:#009999;}

.container-btnCin{
  width:350px;
  padding:24px 0 16px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display:flex;
  flex-wrap:wrap;}
.btnCin{
  width:300px;
  height:48px;
  padding: 0 25px;
  border-radius:8px;
  font:24px Courier;
  line-height:1.5;
  color:#fff;
  background:#ffcc66;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display:flex;
  justify-content:center;
  align-items:center;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;}
.btnCin:hover{background:#009999;}

/* ??? */
.container-linkFpa{
  width:136px;
  text-align:center;}
.login-form-linkFpa{font-style:italic;font-size:16px;color:#999999;}
.container-linkReg{
  width:100%;
  margin-top:20px;}
.login-form-linkReg{font-style:italic;font-size:24px;color:#666666;float:right;}


/*
a{
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;}
*/
a:focus{outline: none !important;}
a:hover{text-decoration:none;color:#009999;}

input{outline:none;border:none;}
input:focus:: -webkit-input-placeholder {color:transparent;}
input:focus: -moz-placeholder {color:transparent;}
input:focus:: -moz-placeholder {color:transparent;}
input:focus: -ms-input-placeholder {color:transparent;}
input:: -webkit-input-placeholder {color:#999999;}
input: -moz-placeholder {color:#999999;}
input:: -moz-placeholder {color:#999999;}
input: -ms-input-placeholder {color:#999999;}

button{outline:none !important;border:none;background:transparent;}
button:hover{cursor:pointer;}

@-webkit-keyframes anim-shadow{to{box-shadow: 0px 0px 70px 25px;opacity:0;}}
@keyframes anim-shadow{to{box-shadow: 0px 0px 70px 25px;opacity:0;}}