html {
  background: url(../i/hp/01.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   position: relative;
  min-height: 100%;
}

body {
     margin-bottom: 60px;
       font-family: 'Roboto', sans-serif;
       background-color: transparent;
}



.rowlog {height:90px;margin-top:60px;background:rgba(0,0,0,0.6);color:#fff}
.lostpass{background:rgba(0,0,0,0.6);height:20px;}
.lostpass a,.lostpass .c-input{color:#7e7e7e;margin-right:10px}
.logo {position:absolute;top: -40px;left:40px}
.btlog {position: absolute;top:-5px}


.form-control{background: transparent;border-color:#fff;color:#fff;}



.input-group .form-control:last-child,.input-group .form-control:first-child  {border-radius:5px}

textarea, input {
  padding:10px;
	font-family: FontAwesome, "Open Sans", Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

/*.card {background:transparent;border:0;}*/
.cardsubscribe {background:rgba(255,255,255,0.7);padding-top:15px;padding-bottom:15px;border-radius: 10px;}
.cardsubscribe img {border:10px solid #fff;margin-bottom:20px}

.infousers {position:fixed;top:10px;font-size:3rem;line-height:4.5rem;text-transform: uppercase;font-weight:900;color:#fff;}
.infousers span.txt{opacity:0.4}
.infousers span.num{background:rgba(0,0,0,0.7);padding:0 10px;color:#f32f9e;font-size:4rem;opacity:1}

.infousers2 {top:10px;font-size:3rem;line-height:4.5rem;font-weight:900;color:#fff;}
.infousers2 span.txt2{opacity:0.4}
.infousers2 span.num2{background:rgba(0,0,0,0.7);padding:0 10px;color:#f32f9e;font-size:4rem;opacity:1}


.btinsc,.btinsc2  {font-size: 1.3rem;}


.cardsubscribe input {background:#fff;color:#3e4557}
.cardsubscribe select {width:100%}

.cardsubscribe ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #3e4557;
}
.cardsubscribe :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #3e4557;
   opacity:  1;
}
.cardsubscribe ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #3e4557;
   opacity:  1;
}
.cardsubscribe :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #3e4557;
}
.cardsubscribe :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #3e4557;
}

/******* FORM SIGNIN ************/
#step1 select{width:100%;background-color:transparent;color:#fff;border-color:#fff;border-radius:5px}
#step1 select option {color:#000}
.form-group {margin-bottom:0.5rem}
.form-control[readonly]{background-color:transparent}
label {line-height:13px}
label span{font-weight:300;font-size:0.7rem;}
.escamotable .c-input {color:#fff}
textarea {width:100%;background-color:transparent;border:1px solid #fff}
.footer {

  position: absolute;
  bottom: 0;
  padding:20px;
  width: 100%;
  background-color: #fff;
  color:#777777;
  font-weight: 300;
  font-size:0.8em;
}

.footer a{color:#777777}

/** Responsive ***/

/* LG */
@media (max-width: 74.9em) {
     .footer{background-color: #666;}

}
/* MD */
@media (max-width: 61.9em) {
     .footer{background-color: #999;}

}
/* SM */
@media (max-width: 47.9em) {
     .footer{background-color: #ccc;}
 .logo {width:150px;position:relative;top:10px;left: 0px;}
 .rowlog {height:auto}
 .btlog {position: relative}
}

/* XS */
@media (max-width: 33.9em) {
    .footer{background-color: #fff;}
    .btloginok {margin-bottom:10px;display: block;width: 100%;}
    .btcraccount {font-size:16px}
}