html,body {
  height: 100vh;
  margin: 0;
  background-color: #000;
}

@font-face {
  font-family: bebas-neue-cyrilic;
  src: url(../../font/bebas-neue-cyrillic/bebas-neue-cyrillic.woff);
}

.animate {r
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
  }
  
  @media (min-width: 850px) {
    html, body {
      overflow: hidden;
    }
    
    .animate.move {
      margin-right: 25%; /*.animate width*/
    }
    
    .sideLeftForm {
      margin-top: -100vh;
      margin-right: 2.3%;
    }
    
    .fullHeight {
      height: 100%;
    }
    
    .fixed-top-right {
        position: fixed;
        top: 0;
        right: 0;
        /* left: 0; */
        z-index: 1030;
      }
    
    .md-form label {
      color: #ffffff;
    }
      
      
  }

@media (max-width: 740px) {
    .navbar-brand {
        display: inline-block;
        padding-top: .3125rem;
        padding-bottom: .3125rem;
        margin-right: auto;
        font-size: 1.25rem;
        line-height: inherit;
        white-space: nowrap;
        margin-left: auto;
      }
      
      .navbar:not(.top-nav-collapse) {
        margin-bottom: 2%;
        border-bottom: 2px solid #fff!important;
      }
}
@media (min-width: 800px) and (max-width: 850px) {
  .navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: auto;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    margin-left: auto;
  }
  
  .navbar:not(.top-nav-collapse) {
    margin-bottom: 2%;
    border-bottom: 2px solid #fff!important;
  }
  
}

.mask {
  overflow: hidden;
}

.top-nav-collapse {
  background-color: #3f51b5 !important;
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}

.card {
  background-color: rgba(126, 123, 215, 0.2);
}


h6 {
  font-family: bebas-neue-cyrilic;
  line-height: 1.7;
  letter-spacing: 5px;
}

.g-recaptcha, .RecaptchaField, .recaptcha {
    margin-left: 42px;
}

label, input, button {
  font-family: bebas-neue-cyrilic;
  letter-spacing: 3px;
}

h1, h3 {
  font-family: bebas-neue-cyrilic;
  letter-spacing: 5px;
}

img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}