/*@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow);*/

.dbr{display:block;position:relative}
.dba{display:block;position:absolute}
.dbf{display:block;position:fixed}
.dib{display:inline-block;position:relative}
.dno{display:none}

.nosel{
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
}

body{
  font-family:Arial,Roboto;
  margin:0px;
  background-attachment:fixed;
	background-color:#fff;/* important */
	background-image:linear-gradient(to bottom right, rgba(0,128,128,0.35) 0%, rgba(255,128,0,0.10) 40%, rgba(255,128,0,0.10) 60%, rgba(0,128,128,0.35) 100%);
}

.back{
	margin:0px auto;
	padding:40px 0px 80px 0px;
	width:100%;
	max-width:1000px;
	overflow:hidden;
}

.logo{
	font-family:Arial,Roboto Condensed;
	transform:scale(1,1.25);
	font-size:24px;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	color:#069;
	margin:0px 0px 25px 0px;
	padding:0px;
	background-size:24px 24px;
	background-position:0px 50%;
	background-repeat:no-repeat;
}

.over{
	width:100%;
	margin:0px;
	padding:0px;
	border:solid transparent;
	border-width:0px 15px;
	box-sizing:border-box;
	background-color:transparent
}

.copy{
  left:50%;
  bottom:10px;
  transform:translate(-50%,0px);
  margin:0px;
  font-size:17px;
  color:#333;
  text-align:center;
}

/* -------- */

.ulogo{
  margin:0px 0px 32px 0px;
  text-align:center;
  color:#000;
  font-size:14px;
  font-weight:normal;
  white-space:nowrap;
  span{
    padding:8px 20px;
    border-radius:7px;
    background-color:white
  };
  @media only screen and (max-width: 600px){span{font-size:12px}span{padding:4px 12px}}
}


.labels{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  border:none;
  div{
    border-radius:7px;
    width:300px;
    margin:10px 0px;
    background-image:linear-gradient(to bottom left, rgba(128,128,255,0.15) 0%, rgba(0,0,255,0.05) 50%, rgba(204,0,204,0.15) 100%);
    p{
      margin:0px;
      font-size:17px;
      color:#333;
      top:50%;
      transform:translate(0%,-50%);
      border:solid 15px transparent
    }
  };
  @media only screen and (max-width: 950px){div{width:48%}div:nth-child(3){margin:10px auto}};
  @media only screen and (max-width: 600px){div{width:100%}}
}/* .labels */

.imgs{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin:0px 0px 50px 0px;
  padding-top:0px;
  overflow:hidden;
  background-color:transparent;
  img{
    margin:0px 0px 20px 0px;
    width:48%;
    border:solid 1px silver;
  };
  @media only screen and (max-width: 600px){img{width:100%}}
}

/* -------- */

.form{
  width:100%;
  margin:30px 0px;
  padding:12px 0px;
  border-radius:7px;
  transition:height 0.5s;
  overflow:hidden;
  background-image:linear-gradient(to bottom left, rgba(128,128,255,0.15) 0%, rgba(0,0,255,0.05) 50%, rgba(204,0,204,0.15) 100%);
  div.flex{display:flex;flex-wrap:wrap;justify-content:space-around;margin:0px;background-color:transparent};
  p{margin:0px 10px 10px 10px;color:#777;font-size:17px};
  p.textT{text-align:center;color:navy;font-size:22px;margin-bottom:20px};
  p.textC{text-align:center;color:#333;b{color:#06d}};
  p.smess{
    margin:12px 0px;
    font-size:15px;
    text-align:center;
    visibility:hidden;
    span{color:#d00;background-color:yellow;padding:2px 4px}
  };
  div.panel{
    padding:20px 0px;
    transition:opacity 0.5s;
    background-color:transparent;
    p.note{
      color:#222;
      font-size:17px;
      span.n{color:navy;font-weight:bold};
      span.d{color:#000;font-weight:bold;letter-spacing:4px};
      b{color:#06d}
    };
    p.note.dis,p.note.dis span{color:#fff;font-size:17px;/*font-weight:normal;*/text-shadow:#000 0px 0px 3px}
  }/* .panel */
}/* .form */

/* -------- */

input[type=text], input[type=password]{
  width:160px;
  border:solid 1px silver;
  font-size:17px;
  font-family:Arial,Roboto;
  margin:5px 0px;
}

.check{
  top:0px;
  right:0px;
  bottom:0px;
  width:26px;
  border:solid 1px silver;
  background-color:white;
  background-image:url(bul1.svg);
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
}

p.return{
  left:12px;
  top:6px;
  padding:0px;
  margin:0px;
  font-size:17px;
  font-weight:normal;
  color:#07b;
}
p.return span{
  display:inline-block;
  transform:scale(-1,1);
  font-size:17px;
  padding-left:5px;
}
p.return:hover{color:#e06}