body{
  font-family: 'Roboto', sans-serif;
}
h1{
  font-weight: 100;
  font-size: 8rem;
}
h5{
  font-weight: 100;
}
.parallax{
  /* background:black; */
}
.parallax-container{
  min-height:100vh;
  height: 100%;
}
.parallax video{
  height: 110%;
  filter: contrast(1.5);
}
.parallax-container .parallax img {
      max-width: inherit;
	
	}
.bttn{
  background: transparent;
  border: 1px solid white;
  border-radius: 60px;
  box-shadow: none;
  font-weight: 100;
  height: 100%;
}
.vale{
  background: transparent;
  border: 1px solid white;
  border-radius: 60px;
  box-shadow: none;
  font-weight: 100;
  width:100%;
}
.bttn:hover, .bttn:focus, .bttn:active{
  background: white;
  border: 0px solid white;
  color: black;
  font-weight: 300;
}
.bttn-black{
  color: black;
  background: transparent;
  border: 1px solid black;
  box-shadow: none;
  border-radius: 60px;
}
.bttn-black:hover, .bttn-black:focus, .bttn-black:active{
  background: black;
  border: 0px solid white;
  color: white;
}
.anim{
  height: 100vh;
}
.cuadro{
  border: 0px solid white;
  border-radius: 0%;
}
.gradient{
  background: linear-gradient(to bottom, rgba(60, 154, 212, 0.32) 0%, rgba(0, 53, 119, 0.52) 0%, rgba(0, 0, 0, 0.77) 100%);
  }
.input-field .prefix.active{
  background: linear-gradient(to bottom, rgba(79,174,206,1) 0%, rgba(41,184,229,1) 0%, rgba(255,255,255,1) 100%);
color: transparent;
-webkit-background-clip: text;
}
 /* label color */
   .input-field label {
     color: #fff;
   }
   /* label focus color */
   .input-field input[type=text]:focus + label,
   .input-field input[type=email]:focus + label{
     color: #fff !important;
   }
   /* label underline focus color */
   .input-field input[type=text]:focus,
   .input-field input[type=email]:focus {
     border-bottom: 1px solid #fff !important;
     box-shadow: 0 1px 0 0 #fff;
   }
   /* valid color */
   .input-field input[type=text].valid {
     border-bottom: 1px solid #fff;
     box-shadow: 0 1px 0 0 #fff;
   }
   /* invalid color */
   .input-field input[type=text].invalid {
     border-bottom: 1px solid #fff;
     box-shadow: 0 1px 0 0 #fff;
   }
   /* icon prefix focus color */
   .input-field .prefix.active {
     color: #fff;
   }

@media only screen and (min-width: 993px){
  .parallax video{
    height: 120%;
  }
  .parallax img{
	max-width:100vh;
  }

  h1{
    font-size: 10rem;
  }
}
@media only screen and (min-width: 2400px){
  .parallax video{
    height: 150%;
  }  h1{
    font-size: 10rem;
  }
}
/*Background Animated*/
/* 9. Scrollbar*/
::-webkit-scrollbar{
  display: none;
    width: 10px;
    background: transparent;
}
::-webkit-scrollbar-button{
    width:8px;
    height: 5px;
}
::-webkit-scrollbar-track{
    background:transparent;
    border: transparent;
    -webkit-box-shadow: transparent;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb{
    background: rgba(0, 0, 0, 0.30) ;
    -webkit-box-shadow:  rgba(0, 0, 0, 0.30),
        rgba(0, 0, 0, 0.30),
        rgba(0, 0, 0, 0.30);

    border: rgba(0, 0, 0, 0.30);
    border-radius: 10px;
    -webkit-border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover{
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.30));
}
/* Pseudo-clase */
::-webkit-scrollbar-thumb:window-inactive {
    background: transparent;
}
::selection {
          background:rgba(0, 137, 236, 0.37);
          color:#fff;
}
::-webkit-selection {
          background:rgba(0, 137, 236, 0.37);
          color:#fff;
}

::-moz-selection {