@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body, html {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  overflow-x: hidden;
  font-size: 20px;
  color: #fff;
  background: url('../images/87456547564654.jpg');
  background-size: cover;
  background-position: center;
}

.overlay_geral {left: 0;top: 0;width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.8);z-index: 999999;}
.overlay_geral .overlay__inner {left: 0;top: 0;width: 100%;height: 100%;position: absolute;}
.overlay_geral .overlay__content {left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);text-align: center;}
.overlay_geral .spinner {width: 75px;height: 75px;display: inline-block;border-width: 2px;border-color: rgba(255, 255, 255, 0.05);border-top-color: #fff;animation: spin 1s infinite linear;border-radius: 100%;border-style: solid;}
@keyframes spin {100% {transform: rotate(360deg);}}

.center {text-align: center;}
.logo {margin-top: 50px;}
.forms.logo {margin-top: 20px;}
.forms.logo img {width: 50px;}

.logo.interno {margin-top: 20px;}
.logo.interno img {width: 150px;}

.table {font-size: 14px;}
.table td, .table th {padding: 7px 0;border: 1px solid #424242;}

.galeria h2 {text-align: center;font-size: 13px;position: absolute;background: rgba(0,0,0,0.8);width: 100%;padding: 10px 0;}
.galeria h2 span {background: #01bd07;padding: 2px 10px;border-radius: 20px;margin-right: 5px;}
.galeria img {width: 100%;border-radius: 10px;margin-bottom: 30px;}

/* FORMULÁRIOS */
.faleconosco select.form-control:not([size]):not([multiple]) {
    height: calc(2.7rem + 2px);
}
.btn_enviar_mail {
    background: #01bd07;
    color: #fff;
    border-radius: 10px;
    padding: 8px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
}
.btn_enviar_mail:hover {
    background: #e39c04;
}
.form-label-group #tipo,.form-label-group #soube_curso,.form-label-group #declaracao,.form-label-group #gestacao,.form-label-group #condicao {
    padding-top: 9px !important;
    font-size: 1rem !important;
}
:root {
  --input-padding-x: .75rem;
  --input-padding-y: .75rem;
}
.form-label-group {
    position: relative;
    margin-bottom: 1rem;
}
.form-label-group > input,.form-label-group > textarea,.form-label-group > label {
    padding: var(--input-padding-y) var(--input-padding-x);
}
.form-control {
    height: calc(2.7rem + 2px);
}
.form-label-group > select {
    font-size: 14px;
}
.form-label-group > label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    font-size: 15px;
    width: 100%;
    margin-bottom: 0;
    color: #373a36;
    border: 1px solid transparent;
    border-radius: 0.6rem;
    transition: all .1s ease-in-out;
}
.form-label-group input::-webkit-input-placeholder,.form-label-group textarea::-webkit-input-placeholder {
    color: transparent;
}
.form-label-group input:-ms-input-placeholder,.form-label-group textarea:-ms-input-placeholder {
    color: transparent;
}
.form-label-group input::-ms-input-placeholder,.form-label-group textarea::-ms-input-placeholder {
    color: transparent;
}
.form-label-group input::-moz-placeholder,.form-label-group textarea::-moz-placeholder {
    color: transparent;
}
.form-label-group input::placeholder,.form-label-group textarea::placeholder {
    color: transparent;
}
.form-label-group input:not(:placeholder-shown) {
    padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
    padding-bottom: calc(var(--input-padding-y) / 3);
}
.form-label-group input:not(:placeholder-shown) ~ label {
    padding-top: calc(var(--input-padding-y) / 3);
    padding-bottom: calc(var(--input-padding-y) / 3);
    font-size: 12px;
    color: #373a36;
}
.form-label-group textarea:not(:placeholder-shown) {
    padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
    padding-bottom: calc(var(--input-padding-y) / 3);
}
.form-label-group textarea:not(:placeholder-shown) ~ label {
    padding-top: calc(var(--input-padding-y) / 3);
    padding-bottom: calc(var(--input-padding-y) / 3);
    font-size: 12px;
    color: #373a36;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder,.form-label-group textarea::-ms-input-placeholder {
    color: #373a36;
  }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder,.form-label-group textarea:-ms-input-placeholder {
    color: #373a36;
  }
}