/* ------------------------------------- */
/* V1. SLIDESHOW ....................... */
/* ------------------------------------- */
.slideshow {
  position: fixed !important;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  max-height: 100vh;
}

/* Used by default, set overlay on : true OR false in js/vegas.js OR js/vegas-video.js */
.vegas-overlay {
  opacity: .5;
  background: #0B071D;
  /* If you want to use a pattern, you can use the following CSS rule, all overlays available are in the css/overlays folder*/
  /* background: transparent url("overlays/01.png") center center repeat; */
}
/* ------------------------------------- */
/* V3. YOUTUBE ......................... */
/* ------------------------------------- */
.mbYTP_wrapper {
  z-index: 1 !important;
  left: 0 !important;
  width: 100vw !important;
  min-width: 0 !important;
}
/* ------------------------------------- */
/* V5. POLYGON ......................... */
/* ------------------------------------- */
#container {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  #container .back-fss {
    position: fixed;
    width: 100%;
    height: 100%;
  }
/* ------------------------------------- */
/* V6. LIQUID EFFECT ................... */
/* ------------------------------------- */
.wrap {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  margin: auto;
  
}
.wrap canvas {
  width: 100%;
  height: 100%;
}
/* ------------------------------------- */
/* V7. BUBBLE .......................... */
/* ------------------------------------- */
canvas#canvas, canvas#canvasbg {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
}

#canvasbg {
  /*background: #5C258D;*/
  /*background: linear-gradient(45deg, #4389A2, #5C258D);*/
}

/* ------------------------------------- */
/* V9. LOCAL VIDEO ..................... */
/* ------------------------------------- */
.local-video {
    position: fixed !important;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
  }
  

/* OVERLAY IS SET JUST ABOVE, UNDER V1. SLIDESHOW */
/* ------------------------------------- */
/* V10. DISTORSION ..................... */
/* ------------------------------------- */
canvas#distorspirit {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slide-wrapper {
  display: none;
}

.scene-nav {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  display: inline-block;
}

.scene-nav--next {
  right: 2%;
}

.scene-nav--prev {
  left: 2%;
}


@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.form-control{
  background:transparent !important;
  color: aliceblue !important;
}

/* Cor de fundo do autocomplete */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #f0f8ff00 inset !important;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important;    
}

/* Cor do texto do autocomplete */
input:-webkit-autofill {
    -webkit-text-fill-color: white !important;
}
input {
  filter: none;
}

.btn i{
  float: right;
    font-size: 18px;
}
.btn-hover.color-1 {
  background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
  box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}
.btn-hover.color-3 {
  background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
  box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}

.btn-hover {
  font-size: 16px;
  font-weight: 100;
  color: #fff;
  cursor: pointer;
  text-align:center;
  border: none;
  background-size: 300% 100%;
  border-radius: 50px;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.btn-hover {
  font-size: 16px;
  font-weight: 100;
  color: #fff;
  cursor: pointer;
  text-align:center;
  border: none;
  background-size: 300% 100%;

  border-radius: 50px;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.btn-hover:hover {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

div#esqueci-senha {
  background: linear-gradient(-45deg,#00fd2b, #e73c7e, #7e09e8, #d2d523);
	background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}

#form {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

#alert-e,
#alert-l{
  display:none;
}
#modalLoad{
  width: 100%;
  height: 100%;
  background: black;
  position: absolute;
  z-index: 9999;
}

#svgContainer {
  display:none;
  top: 0;
  left: 0;
  margin: auto;
  text-align: center;
}