@import url("default.css");

:root {
    --primary-bg: #252525;
    --secondary-bg: #017de2;

    --primary-bg-hover: #84c4ff;
    --secondary-bg-hover: #5786fc;

    --font-blue: #5786fc;

}

.backgroundteste{

  background: url('../../Images/image5.jpg') center center no-repeat fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.btn-align {
  vertical-align: middle;

}

.centralizar {
  width: 80%;
  background: #fff;
  margin: 0 auto;
text-align:center;
}

.label1{
  text-align: center !important;
       border: 1px solid #d2d2d2;
       border-bottom:none;
       border-radius: 15px 15px 0px 0px;
       padding: 5px;
       padding-left: 20px;
       padding-right: 20px;
       margin: 0px ;
       width: auto;
       background-color: #343a40;
       color: white;
       margin-left: 5px !important;
}

.label2{
  text-align: center !important;
       border: 1px solid #d2d2d2;
       border-bottom:none;
       border-radius: 15px 15px 0px 0px;
       padding: 5px;
       padding-left: 20px;
       padding-right: 20px;
       margin: 0px ;
       width: auto;
       background-color: #47abe6;
       color: black;
       margin-left: 5px !important;
}

.label3{
  text-align: center !important;
       border: 1px solid #d2d2d2;
       border-bottom:none;
       border-radius: 15px 15px 0px 0px;
       padding: 5px;
       padding-left: 20px;
       padding-right: 20px;
       margin: 0px ;
       width: auto;
       background-color: #c5d2da;
       color: black;
       margin-left: 5px !important;
}

.label4{
  text-align: center !important;
       border: 1px solid #b9cffa;
       border-bottom:none;
       border-radius: 15px 15px 0px 0px;
       padding: 5px;
       padding-left: 20px;
       padding-right: 20px;
       margin: 0px ;
       width: auto;
       background-color: #ffffff;
       color: #000320;
       margin-left: 5px !important;

       -webkit-box-shadow: 0px 1px 90px -12px #575561;
       -moz-box-shadow: 0px 1px 90px -12px #575561;
       box-shadow: 0px 1px 90px -12px #575561;
       text-align: center;
}

.labelMod{
  text-align: center !important;
       border: 1px solid #b9cffa;
       border-bottom:none;
       border-radius: 15px 15px 0px 0px;
       padding: 5px;
       padding-left: 20px;
       padding-right: 20px;
       margin: 0px ;
       width: max-content;
       background-color: #ffffff;
       color: #000320;
       margin-left: 5px !important;

       -webkit-box-shadow: 0px 1px 90px -12px #575561;
       -moz-box-shadow: 0px 1px 90px -12px #575561;
       box-shadow: 0px 1px 90px -12px #575561;
       text-align: center;
}

.label5{
  text-align: center !important;
       border: 1px solid #b9cffa;
       padding: 5px;
       padding-left: 20px;
       padding-right: 20px;
       margin: 0px ;
       width: auto;
       background-color: #ffffff;
       color: #000320;
       margin-left: 5px !important;
       font-weight: 600;

}

.label6{
  text-align: center !important;
       border: 1px solid #d2d2d2;
       border-bottom:none;
       border-radius: 15px 15px 0px 0px;
       padding: 5px;
       padding-left: 20px;
       padding-right: 20px;
       margin: 0px ;
       width: auto;
       background-color: #8ebfdd;
       color: black;
       margin-left: 5px !important;
}

.center-block{

  display: table; 
  margin-left: auto;
  margin-right: auto;
}

.fadein0 {
  -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 0.5s; /* Firefox < 16 */
      -ms-animation: fadein 0.5s; /* Internet Explorer */
       -o-animation: fadein 0.5s; /* Opera < 12.1 */
          animation: fadein 0.5s;
}

.fadein1 {
  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 1s; /* Firefox < 16 */
      -ms-animation: fadein 1s; /* Internet Explorer */
       -o-animation: fadein 1s; /* Opera < 12.1 */
          animation: fadein 1s;
}
.fadein2 {
  -webkit-animation: fadein 1.8s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 1.8s; /* Firefox < 16 */
      -ms-animation: fadein 1.8s; /* Internet Explorer */
       -o-animation: fadein 1.8s; /* Opera < 12.1 */
          animation: fadein 1.8s;
}
.fadein3 {
  -webkit-animation: fadein 2.3s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 2.3s; /* Firefox < 16 */
      -ms-animation: fadein 2.3s; /* Internet Explorer */
       -o-animation: fadein 2.3s; /* Opera < 12.1 */
          animation: fadein 2.3s;
}
.fadein4 ,.fadein5 ,.fadein6 ,.fadein7 ,.fadein8 ,.fadein9 ,.fadein10   {
  -webkit-animation: fadein 2.8s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 2.8s; /* Firefox < 16 */
      -ms-animation: fadein 2.8s; /* Internet Explorer */
       -o-animation: fadein 2.8s; /* Opera < 12.1 */
          animation: fadein 2.8s;
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.box {
  display: flex;
  align-items:center;
}
.logo-title{
 font-family: 'Montserrat', sans-serif;
z-index: 1000;
padding: 1px;
}

.line{
  border-bottom: 1px #cccccc solid;
}

.bck{
  background: linear-gradient(#b1c1ad);

}

.teste{
  background: linear-gradient(103deg, #3b8df8, #8dcdef, #e1e1e1, #428bca);
background-size: 800% 800%;

-webkit-animation: AnimationName 9s ease infinite;
-moz-animation: AnimationName 9s ease infinite;
-o-animation: AnimationName 9s ease infinite;
animation: AnimationName 9s ease infinite;
 
}
@-webkit-keyframes AnimationName {
  0%{background-position:0% 47%}
  50%{background-position:100% 54%}
  100%{background-position:0% 47%}
}
@-moz-keyframes AnimationName {
  0%{background-position:0% 47%}
  50%{background-position:100% 54%}
  100%{background-position:0% 47%}
}
@-o-keyframes AnimationName {
  0%{background-position:0% 47%}
  50%{background-position:100% 54%}
  100%{background-position:0% 47%}
}
@keyframes AnimationName {
  0%{background-position:0% 47%}
  50%{background-position:100% 54%}
  100%{background-position:0% 47%}
}

.loader {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 20px auto;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-perspective: 780px;
  perspective: 780px;
}
.loader-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.loader-inner.box1{
  left: 0%;
  top: 0%;
  animation: cssload-rotate-one 1.15s linear infinite;
  -o-animation: cssload-rotate-one 1.15s linear infinite;
  -ms-animation: cssload-rotate-one 1.15s linear infinite;
  -webkit-animation: cssload-rotate-one 1.15s linear infinite;
  -moz-animation: cssload-rotate-one 1.15s linear infinite;
  /* border-bottom: 3px solid #5C5EDC; */
  border-bottom: 3px solid var(--primary-bg-hover);

}
.loader-inner.box2{
  right: 0%;
  top: 0%;
  animation: cssload-rotate-two 1.15s linear infinite;
  -o-animation: cssload-rotate-two 1.15s linear infinite;
  -ms-animation: cssload-rotate-two 1.15s linear infinite;
  -webkit-animation: cssload-rotate-two 1.15s linear infinite;
  -moz-animation: cssload-rotate-two 1.15s linear infinite;
  /* border-right: 3px solid rgba(76, 70, 101, 0.99); */
   border-right: 3px solid var(--primary-bg);

}
.loader-inner.box3{
  right: 0%;
  bottom: 0%;
  animation: cssload-rotate-three 1.15s linear infinite;
  -o-animation: cssload-rotate-three 1.15s linear infinite;
  -ms-animation: cssload-rotate-three 1.15s linear infinite;
  -webkit-animation: cssload-rotate-three 1.15s linear infinite;
  -moz-animation: cssload-rotate-three 1.15s linear infinite;
  border-top: 3px solid #0e2133;
}
@keyframes cssload-rotate-one {
  0% {
      -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
      transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
      -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
      transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@-webkit-keyframes cssload-rotate-one {
  0% {
      -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
      -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@keyframes cssload-rotate-two {
  0% {
      -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
      transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
      -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
      transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@-webkit-keyframes cssload-rotate-two {
  0% {
      -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
      -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@keyframes cssload-rotate-three {
  0% {
      -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
      transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
      -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
      transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
@-webkit-keyframes cssload-rotate-three {
  0% {
      -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
      -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}




.border1{
  -webkit-box-shadow: 0px 2px 69px -12px #000000;
  -moz-box-shadow: 0px 2px 69px -12px #000000;
  box-shadow: 0px 2px 69px -12px #000000;
  text-align: center;


}

.title1{
  color:#505050;
  text-align: left;
  border-bottom: 1px solid #ccc;
  font-size:20px;
  
  }

  .subtitle1{
    color:#505050;
    font-size: 17px;
    text-align: left;
    border-bottom: 1px solid #ccc;

    
    }






/* ************************************************************************************************ */