body, h3, button { font-family: "Roboto", sans-serif, Helvetica, Arial, sans-serif; }

body { background-color: #e5e6e6; }

.box-head {
   height: 150px;
   background: url("../images/main.jpg") center no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
}

.box-inside {
   max-width: 720px;
   height: auto;
   margin: 0 auto;
   margin-top: 76px;
/*   border: 1px solid #000000;*/
}

.box-inside h3 {
   font-size: 12.2pt;
   font-weight: bold;
   color: #0aa89e;
}

.box-inside .box-input p { color: #968d8d; }
.box-inside .box-input:nth-child(2) { margin-top: 30px; }

.box-inside .el_input {
   max-width: 400px;
   height: 37px;
   padding: 0;
   border: 0 solid;
   border-bottom: 1px solid rgba(12, 12, 12, 0.12);
   background: transparent;
   color: #0c0c0c;
   font-size: 16px;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.box-inside .el_input:focus { border-bottom: 2px solid #0aa89e; }
.box-inside .box-input p.active { color: #0aa89e; }

.box-inside .el_input:focus,
.box-inside .box-input p.active {
   -webkit-transition: 0.1s ease all;
   -o-transition: 0.1s ease all;
   transition: 0.1s ease all;
}

.box-inside .box-btn {
   max-width: 380px;
   margin-top: 40px;
/*   border: 1px solid #FF0000;*/
   text-align: right;
}

/* bottom */
.box-inside .btn {
   padding: 4.5px 14px;
   text-align: center;
   vertical-align: middle;
   touch-action: manipulation;
   background-image: none;
   border: 1px solid transparent;
   border-top-color: transparent;
   border-right-color: transparent;
   border-bottom-color: transparent;
   border-left-color: transparent;
   background-color: #0aa89e;
   border-color: #0aa89e;
   border-radius: 2px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   font-size: 14px;
   font-weight: normal;
   text-transform: uppercase;
   display: inline-block;
   white-space: nowrap;
   line-height: 1.846153846;
   color: #ffffff;
   cursor: pointer;
   /* cien */
   -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
   -webkit-transition: -webkit-box-shadow 0.15s ease-out;
   -moz-transition: -moz-box-shadow 0.15s ease-out;
   -o-transition: -o-box-shadow 0.15s ease-out;
   transition: box-shadow 0.15s ease-out;
}

.box-inside .btn:hover { background-color: #08867e; }
.box-inside .btn:active { background-color: #077871; }

.logret {
   padding-bottom: 20px;
   font-size: 9.5pt;
   font-weight: bold;
   color: #FF0000;
}