html{
    min-height: 100%;
}

body{
   /* background: #333238;*/
    min-height: 100%;
  
    font-family: 'Gotham', sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  -webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	text-rendering: optimizeLegibility;
    
   /* transition:all .5s;*/
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(../fonts/MaterialIcons-Regular.woff) format('woff'),
       url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-12 { font-size: 12px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.material-icons.blanco { color:#fff; }

/*+++++++++++++++++++++++++*/

a{
    cursor: pointer;
}




.ani-up, .ani-dow, .ani-izq, .ani-der, .ani-zoom{
    opacity: 0;
}
.delay-25{animation-delay: .25s;}
.delay-50{animation-delay: .50s;}
.delay-75{animation-delay: .75s;}
.delay-100{animation-delay: 1s;}
.delay-125{animation-delay: 1.25s;}
.delay-150{animation-delay: 1.50s;}
.delay-175{animation-delay: 1.75s;}

/*++++++++++++++*/


body{
    background-size: cover;
   /* background-color: #0b141e;*/
    background-image: url(../img/bg_4.jpg); 
}

.cont-f{
    margin: 80px auto;
    max-width: 900px;
    /* box-shadow: 0 2px 2px 0 rgba(144,144,144,0.14),0 3px 1px -2px transparent,0 1px 5px 0 rgba(145,145,145,0.12); */
    /* background: #fff; */
    background: rgba(20, 30, 42, 0.5);
/*    width: 100%;*/
    border-radius: 20px;
    backdrop-filter: blur(4px);
   -webkit-backdrop-filter: blur(4px);
}

.st-head{
    padding: 40px;
}
.st-head{
    font-size: 30px;

letter-spacing: 0.5px;
text-align: center;
}
.st-head h1{
    font-size: 30px;
color: #00e2ff;
letter-spacing: 0.5px;
text-align: center;
}

.st-cont{
    display: flex;
padding: 0 40px 40px;
    
}
.web-app {
    margin-bottom: 25px;
    -webkit-filter: drop-shadow(0 5px 5px #ddd);
    filter: drop-shadow(0 5px 5px #ddd);
    max-width: 100%;
}
.title{
        font-size: 22px;
    color:#00e2ff;
    margin-bottom: 25px;
    line-height: 24px;
    font-weight: bold;
}
.listing .list-element img {
    margin-right: 10px;
    width: 16px;
    height: 16px;
}
.listing .list-element {
    color: #fff;
    letter-spacing: 0.2px;
    margin-bottom: 10px;
}
.rm0{
    margin: 0;
}

.form-1{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

 .inp-{
    background-color: #253242;
    background-image: none;
    border: none;
    border-radius: 7px;
    color: #fff;
    display: block;
    padding: 6px 12px;
    -webkit-transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
    width: 100%;
     height: 34px;
font-size: 14px;
line-height: 1.42857143;
}

.form-group input{
    width: 100%;
}
.c100{
    width: 100%;
}
.c47{
    width: 47%;
}

.form-group select{
    width: 100%;
    background-color: #253242;
    background-image: none;
    border: none;
    border-radius: 3px;
    color: #fff;
    display: block;
    padding: 6px 12px;
    -webkit-transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
    width: 100%;
     height: 34px;
font-size: 14px;
line-height: 1.42857143;
}
.form-check label{
    color: #fff;
}

.br-lf{
    border-left: 2px solid #fcdeff;
}

.bt-registrar{
    background-color: #00e2ff;
    border: none;
color: #0a1837;
    margin: auto;
    margin-top: auto;
margin-top: 15px;
max-width: 470px;
    font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
    border-radius: 7px;
    width: 100%;
    display: block;
    padding: 6px 12px;
    cursor: pointer;
    border: 1px solid transparent;
}

.inicia{
    margin-top: 15px;
text-align: center;
color: #fff;
}
.inicia a{
    color: #00e2ff;
    font-weight: bold;
}


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


@media (max-width: 1366px) { 

    
}
@media (max-width: 992px) { 

    
}
@media (max-width: 768px) { 

    .cont-f{
        margin: 20px 20px 100px;
        max-width: 100%;
    }
    .st-head{
        padding: 20px;
    }
    .st-head h1 {
        font-size: 26px;
    }
    .st-cont {
    padding: 0 0 20px 0;
}
    .web-app{
        max-width: 100%;
    }
    .c47{
    width: 100%;
}
    .br-lf{
        border: none;
    }
}
@media (max-width: 576px) {
  
    
}