@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-Black.ttf') format('truetype'); font-weight: 900; font-style: normal }
@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; }
@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype'); font-weight: 800; font-style: normal; }
@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-BoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic ;}
@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype'); font-weight: 700; font-style: normal }
@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic }
@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-ExtraLight.ttf') format('truetype'); font-weight: 600; font-style: normal }
@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype'); font-weight: 600; font-style: italic }
@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-Light.ttf') format('truetype'); font-weight: 500; font-style: normal }
@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-LightItalic.ttf') format('truetype'); font-weight: 500; font-style: italic }
@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype'); font-weight: 400; font-style: normal }
@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-MediumItalic.ttf') format('truetype'); font-weight: 400; font-style: italic }
@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 300; font-style: normal }
@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype'); font-weight: 300; font-style: italic }
@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-Thin.ttf') format('truetype'); font-weight: 200; font-style: normal }
@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-ThinItalic.ttf') format('truetype'); font-weight: 200; font-style: italic }
@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype'); font-weight: 100; font-style: normal }
@font-face { font-family:'Montserrat'; src: url('../fonts/Montserrat/Montserrat-Italic.ttf') format('truetype'); font-weight: 100; font-style: italic }


* {
    box-sizing: border-box;
    margin: 0 auto;
}

body, html {
    height: 100%;
    font-family: 'Montserrat';
}

video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

/*---------------------------------------------*/
a {
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
    margin: 0px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    text-decoration: none;
    cursor: pointer;
}

a:focus {
	outline: none !important;
}

a:hover {
	text-decoration: none;
  color: #a64bf4;
}

/*---------------------------------------------*/
.limiter {
  width: 100%;
  /* background-image: url('../images/bg-01.jpg'); */
  background-size: cover;
  background-repeat: no-repeat;
}

h1 , h2 {
  margin-left: auto; 
  margin-right: auto; 
  width: 100%;
  text-align: center;
  color: white;
  position: absolute;
  top: 0px;
  padding-top: 50px;
  margin-top: 200px;
  cursor: default;
}

h2 {
  font-weight: 500;
  margin-top: 250px;
}

.container-login100 {
  width: 100%;  
  min-height: 100vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.container-login100 {
  padding-top: 150px;
}

.wrap-login100 {
    width: fit-content;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin: 50px;
    padding: 15px 30px;
    background-color: #2e3192;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 1px;
    cursor: pointer;
    box-shadow: #2e3192 0px 0 22px;
    transition: all 0.4s;
}

.wrap-login100:hover {
    box-shadow: 0px 11px 26px 0px rgb(19 36 51 / 0%);
}

@media (max-width: 576px) {
  .wrap-login100 {
    padding-left: 15px;
    padding-right: 15px;
  }
} 

@media (max-width: 776px) {
  h1 {
    margin-top: 10px;
  }
  h2 {
    margin-top: 45px;
  }
} 

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

footer {
  width: 100%;
  height: 100px;
  background-image: linear-gradient( 99.9deg, rgba(27,24,31,1) 21.2%, rgba(50,4,89,1) 84.8% );
  padding-top: 25px;
}

.p {
  color: white;
  font-size: 20px;
}

.p1 {
  font-weight: 700;
}

.p2 {
  font-weight: 600;
}

.p-access {
  float:right;
}

.p-credits {
  float:right;
  font-weight: 600;
  font-size: 15px;
}

.left {
  float: left;
  padding-left: 25px;
}

.right {
  float: right;
  padding-right: 25px;
}

@media (max-width: 776px) {
  footer {
    height: 200px;
  }
}