@import url('fontes.css');

body, html {
  font-family: "Unimed Sans", sans-serif;
  font-optical-sizing: auto;
  background: #f3f7f5;
  font-weight: 300;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  overflow-x: hidden;
  font-size: 15px;
  color: #666;
}

@media (min-width:1200px) {
  .container {
   max-width: 1300px !important;
  }
}

a:hover {text-decoration: none !important;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.mobile  {display: none;}
.vertical {margin: auto 0;}
.none {display: none;}
strong {font-weight: 700;}
.inscrevase {background: #00965D;color: #fff;font-weight: 600;padding: 5px 20px;border-radius: 10px;-webkit-box-shadow: 0px 4px 15px -4px rgba(0,150,93,0.53);box-shadow: 0px 4px 15px -4px rgba(0,150,93,0.53);}
.inscrevase:hover {background: #004d49;color: #fff;-webkit-box-shadow: 0px 4px 15px -4px rgba(10,96,85,0.53); box-shadow: 0px 4px 15px -4px rgba(10,96,85,0.53);}
#iraotopo {position: fixed;bottom: 40px;right: 30px;z-index: 9999;width: 32px;height: 32px;text-align: center;background: #00965D;cursor: pointer;border: 0;border-radius: 50%;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;}
#iraotopo:hover {background: #004d49;}
#iraotopo.show {opacity: 1;}
.margin_bottom {margin-bottom: 40px;}
.overlay {left: 0;top: 0;width: 100%;height: 100%;position: fixed;background: #222;background: rgba(0,0,0,0.8);z-index: 999999;}
.overlay__inner {left: 0;top: 0;width: 100%;height: 100%;position: absolute;}
.overlay__content {left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);text-align: center;}
.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);}}

/* HEADER */
header {
  background: rgba(232, 244, 237, 0.95);
  padding: 15px 0;
  position: relative;
}
header .menu a {
  color: #004d49;
  display: inline-block;
  padding: 0 15px;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
header .menu a:hover {
  color: #00965D;
  border-bottom: 1px solid #00965D;
}

/* MENU FIXO */
.menu-fixo {
  position: fixed;
  top: 0;
  z-index: 999999999;
  width: 100%;
  display: block !important;
  transition: all 0.3s ease 0s;
  padding: 5px 0;
  box-shadow: 0px 8px 14px -11px rgba(80, 80, 100, 0.3);
}

/*DESTAQUE */
.destaque {
  background: url('../fotos/956475647564565654.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 70px;
  margin-top: -85px;
  color: rgba(255,255,255,0.8);
}
.destaque h1 {
  margin-bottom: 30px;
}
.destaque h1 span {
  background: rgba(166, 208, 72, 0.4);
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  padding: 8px 20px;
  border-radius: 30px;
}
.destaque h2 {
  font-size: 20px;
  margin: 40px 0;
  font-weight: 300;
  line-height: 25px;
}
.destaque #cronometro {
  margin-bottom: 15px;
}
.destaque #cronometro strong {
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.15);
  background: rgba(255,255,255,0.3);
  display: block;
  font-size: 30px;
  margin-bottom: 10px;
}
.destaque #cronometro span {
  display: block;
}
.destaque .inscrevase {
  background: linear-gradient(50deg,rgba(246, 130, 36, 1) 40%, rgba(253, 161, 48, 1) 100%);
  color: #fff;
  padding: 10px 30px;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 15px -4px rgba(0,150,93,0.53);
  box-shadow: 0px 4px 15px -4px rgba(0,150,93,0.53);
  margin: 30px 0;
}
.destaque .inscrevase:hover {
  background: #f37820;
  color: #fff;
  -webkit-box-shadow: 0px 4px 15px -4px rgba(10,96,85,0.53);
  box-shadow: 0px 4px 15px -4px rgba(10,96,85,0.53);
}
.destaque svg.amarelo {
  color: #b5d747;
}
.destaque strong {
  color: rgba(255,255,255,1);
}
.destaque .transparente {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  border-radius: 10px;
  margin: 30px 0;
}
.destaque .transparente svg {
  width: 20px;
  margin-top: -2px;
}
.destaque .transparente:hover {
  background: rgba(255,255,255,0.8);
  border-bottom: 1px solid #fff;
  color: #00965D;
}

/* NUMEROS */
.numeros {
  background: #ecf2f0;
  padding: 70px 0;
  color: #659a96;
}
.numeros h2 {
  color: #004d49;
  font-weight: 700;
  font-size: 35px;
  margin: 0;
}
.numeros svg {
  color: #00965D;
  width: 35px;
  margin-bottom: 10px;
}

/* OBJETIVOS */
.objetivos {
  padding: 70px 0;
  color: #004d49;
}
.objetivos h2 {
  font-weight: 700;
  font-size: 33px;
  margin-bottom: 30px;
}
.objetivos h2 span {
  background: linear-gradient(135deg,#00995c,#b5d747);
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.objetivos ul {
  list-style: none;
  padding: 0;
}
.objetivos ul li {
  padding-bottom: 15px;
}
.objetivos svg {
  color: #00965D;
  width: 20px;
  margin-right: 5px;
}

/* CIDADES */
.cidades {
  background: #ecf2f0;
  padding: 70px 0;
  color: #004d49;
}
.cidades h2 {
  color: #004d49;
  font-weight: 700;
  font-size: 40px;
}
.cidades h2 span {
  background: linear-gradient(135deg,#00995c,#b5d747);
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cidades h3 {
  color: #659a96;
  font-weight: 300;
  font-size: 18px;
  margin: 20px 0;
}
.cidades form svg {
  float: left;
  top: 38px;
  position: relative;
  left: 3%;
}
.cidades form #buscar {
  color: #004d49;
  border: 1px solid #b9ccc5;
  padding: 15px 0 15px 45px;
  margin: 25px 0 35px;
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.3); 
  box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.3);
}
.cidades form #buscar::placeholder {
  color: #659a96;
  font-weight: 300;
}
.ui-autocomplete {
  background: #fff;
  width: 33% !important;
  border-radius: 15px;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 9999 !important;
}
.ui-autocomplete li {
  list-style: none;
  padding: 15px 20px;
  color: #004d49;
  font-weight: 600;
  cursor: pointer;
  border-bottom: 1px solid #eee;
}
.ui-autocomplete li:hover {
  background: #ecf2f0;
  border-radius: 15px;
}
.ui-menu-item-wrapper::before {
  content: '.';
  background: url('../images/icon-localizacao.png');
  width: 20px;
  height: 25px;
  display: inline-block;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
.cidades a {
  color: #00995c;
}

/* SOBRE */
.sobre {
  padding: 70px 0;
  color: #659a96;
}
.sobre h2 {
  color: #004d49;
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 20px;
}
.sobre h2 span {
  background: linear-gradient(135deg,#00995c,#b5d747);
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sobre strong {
  color: #004d49;
}
.sobre .topicos {
  margin-top: 30px;
  color: #004d49;
  font-size: 14px;
}
.sobre .topicos span {
  background: #ecf2f0;
  padding: 5px 10px;
  border-radius: 10px;
  margin-right: 15px;
}
.sobre .topicos svg {
  color: #00995c;
  width: 20px;
  margin-right: 5px;
}
.sobre .espaco_right {
  padding-right: 50px;
}
.sobre .box1 {
  background: #ecf2f0;
  border-radius: 20px;
  padding: 30px 20px;
  margin-bottom: 30px;
}
.sobre .box1 h3 {
  color: #004d49;
  font-weight: 700;
  font-size: 20px;
}
.sobre .box2 {
  background: #00995c;
  border-radius: 20px;
  padding: 30px 20px;
  color: #fff;
}
.sobre .box2 h3 {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
}
.sobre .box3 {
  background: #b5d747;
  border-radius: 20px;
  padding: 30px 20px;
}
.sobre .box3 h3 {
  color: #004d49;
  font-weight: 700;
  font-size: 20px;
}
.sobre .box1 p,.sobre .box2 p,.sobre .box3 p {
  margin: 0;
  font-size: 15px;
}
.sobre .box3 p {
  color: #004d49;
}

/* ENCONTRAR */
.encontrar {
  background: #ecf2f0;
  padding: 70px 0;
  color: #004d49;
}
.encontrar h2 {
  color: #004d49;
  font-weight: 700;
  font-size: 40px;
}
.encontrar h2 span {
  background: linear-gradient(135deg,#00995c,#b5d747);
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.encontrar h3 {
  color: #659a96;
  font-weight: 300;
  font-size: 18px;
  margin-top: 20px;
}
.encontrar svg {
  color: #00995c;
  width: 40px;
  margin-bottom: 15px;
}
.encontrar .box {
  -webkit-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.1); 
  box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.1);
  padding: 20px;
  border-radius: 15px;
  background: #fff;
  margin-bottom: 15px;
}
.encontrar .verde h2 {
  color: #00995c;
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 40px;
}
.encontrar .inscrevase {
  background: linear-gradient(50deg,rgba(246, 130, 36, 1) 40%, rgba(253, 161, 48, 1) 100%);
  color: #fff;
  padding: 10px 30px;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 15px -4px rgba(0,150,93,0.53);
  box-shadow: 0px 4px 15px -4px rgba(0,150,93,0.53);
}
.encontrar .inscrevase:hover {
  background: #f37820;
  color: #fff;
  -webkit-box-shadow: 0px 4px 15px -4px rgba(10,96,85,0.53);
  box-shadow: 0px 4px 15px -4px rgba(10,96,85,0.53);
}

/* BENEFICIOS */
.beneficios {
  padding: 70px 0;
  color: #004d49;
  color: #659a96;
}
.beneficios h2 {
  color: #004d49;
  font-weight: 700;
  font-size: 40px;
}
.beneficios h2 span {
  background: linear-gradient(135deg,#00995c,#b5d747);
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.beneficios h3 {
  color: #659a96;
  font-weight: 300;
  font-size: 18px;
  margin-top: 20px;
}
.beneficios .box {
  padding: 20px;
  border-radius: 15px;
  background: #fff;
  -webkit-box-shadow: 0px 4px 15px -4px rgba(0,0,0,0.1); 
  box-shadow: 0px 4px 15px -4px rgba(0,0,0,0.1);
}
.beneficios .box:hover {
  -webkit-box-shadow: 0px 4px 15px -4px rgba(0,0,0,0.2); 
  box-shadow: 0px 4px 15px -4px rgba(0,0,0,0.2);
}
.beneficios .box h3 {
  color: #004d49;
  font-weight: 700;
  font-size: 20px;
}

/* FAQ */
.faq {
  background: #ecf2f0;
  padding: 70px 0;
  color: #004d49;
}
.faq h2 {
  color: #004d49;
  font-weight: 700;
  font-size: 40px;
}
.faq h2 span {
  background: linear-gradient(135deg,#00995c,#b5d747);
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.faq .accordion-button:focus {
  box-shadow: none;
}
.faq .accordion-item {
  border: 0;
  margin-bottom: 20px;
}
.faq .accordion-item button {
  color: #004d49;
  font-weight: 600;
  border-radius: 10px;
}
.faq .accordion-item .accordion-body {
color: #659a96;
}

/* CHAMADA */
.chamada {
  background: linear-gradient(135deg, hsl(156 100% 30%), hsl(74 64% 56%));
  padding: 70px 0;
  color: #fff;
}
.chamada h2 {
  color: #fff;
  font-weight: 700;
  font-size: 40px;
}
.chamada h3 {
  font-weight: 300;
  font-size: 18px;
  margin-top: 20px;
}
.chamada .transparente {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding: 10px 30px;
  font-weight: 600;
  font-size: 20px;
  border-radius: 15px;
  margin: 40px 0;
}
.chamada .transparente:hover {
  background: rgba(255,255,255,0.8);
  border-bottom: 1px solid #fff;
  color: #00965D;
}
.chamada .menor {
  font-size: 14px;
}
.chamada svg.amarelo {
  color: #b5d747;
}

/* CIDADE INDISPONIVEL */
.indisponivel {
  background: #fff;
  padding: 70px 0;
}
.indisponivel h2 {
  color: #004d49;
  font-weight: 700;
  font-size: 40px;
}
.indisponivel h3 {
  color: #659a96;
  font-weight: 300;
  font-size: 18px;
  margin: 20px 0;
}


/* DESTAQUE INTERNO */
.destaque.interno {
  padding: 140px 0 40px;
  margin-top: -85px;
  background-position: top;
}
.destaque.interno .caminho {
  font-size: 14px;
}
.destaque.interno .caminho a {
  color: #fff;
  text-decoration: none;
}
.destaque.interno h1 {
  margin-bottom: 50px;
}
.destaque.interno h2 {
  font-size: 60px;
  margin: 40px 0;
  font-weight: 800;
  color: #fff;
}
.destaque.interno h3 {
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
}
.destaque.interno .inscrevase {
  margin-right: 30px;
}
.destaque.interno .transparente {
  border: 1px solid #fff;
  font-weight: 600;
  font-size: 20px;
}

/* FALTAM */
.faltam {
  color: #00965D;
  background: #ecf2f0;
  padding: 70px 0;
}
.faltam #cronometro strong {
  padding: 20px;
  color: #fff;
  border-radius: 10px;
  box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.15);
  background: #00965D;
  display: block;
  font-size: 30px;
  margin-bottom: 10px;
}
.faltam #cronometro span {
  display: block;
}

/* DATA HORA */
.data_hora {
  padding: 70px 0;
  color: #659a96;
}
.data_hora h2 {
  color: #004d49;
  font-weight: 700;
  font-size: 20px;
  margin: 0;
}
.data_hora svg {
  color: #00965D;
  width: 35px;
  margin-bottom: 10px;
}
.data_hora a {
  color: #00995c;
  text-decoration: none;
}

/* PERCURSO */
.percurso {
  background: #ecf2f0;
  padding: 70px 0;
}
.percurso h2 {
  color: #004d49;
  font-weight: 700;
  font-size: 40px;
}
.percurso .box {
  background: #00995c;
  border-radius: 20px;
  padding: 30px 10px 20px;
  color: #fff;
  -webkit-box-shadow: 0px 4px 15px -4px rgba(0,150,93,0.53);box-shadow: 0px 4px 15px -4px rgba(0,150,93,0.53);
}
.percurso .box h3 {
  font-weight: 800;
  font-size: 45px;
}
.percurso .box strong {
  font-size: 20px;
}

/* CRONOGRAMA */
.cronograma {
  padding: 70px 0;
}
.cronograma h2 {
  color: #004d49;
  font-weight: 700;
  font-size: 40px;
}
.cronograma strong {
  color: #00995c;
  font-size: 30px;
}
.cronograma table tr td {
  color: #004d49;
}

/* KIT */
.kit {
  background: #ecf2f0;
  padding: 70px 0;
}
.kit h2 {
  color: #004d49;
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 20px;
}
.kit svg {
  color: #00965D;
  width: 40px;
  margin-bottom: 10px;
}
.kit ul {
  padding: 0;
}
.kit ul li {
  list-style: none;
  color: #004d49;
  padding-bottom: 10px;
}
.kit ul li img {
  margin-right: 5px;
  position: relative;
  margin-top: -2px;
}
.kit .box {
  padding: 30px;
  border-radius: 15px;
  background: #fff;
  color: #659a96;
  -webkit-box-shadow: 0px 4px 15px -4px rgba(0,0,0,0.1); 
  box-shadow: 0px 4px 15px -4px rgba(0,0,0,0.1);
  font-size: 15px;
}
.kit .box h3 {
  color: #004d49;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
}
.kit .box strong {
  color: #00965D;
}
.kit .box hr {
  margin: 30px 0;
}
.kit .box .topicos {
  color: #004d49;
  font-size: 14px;
}
.kit .box .topicos span {
  background: #ecf2f0;
  padding: 5px 25px;
  border-radius: 10px;
  margin-right: 5px;
}

/* INSCRICOES */
.inscricao {
  padding: 70px 0;
  color: #004d49;
}
.inscricao h2 {
  color: #004d49;
  font-weight: 700;
  font-size: 40px;
}
.inscricao h2 span {
  background: linear-gradient(135deg,#00995c,#b5d747);
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.inscricao h3 {
  color: #659a96;
  font-weight: 300;
  font-size: 18px;
  margin: 20px 0 40px;
}
.inscricao .faleconosco hr {
  border-top: 1px solid #fff;
}
.inscricao .faleconosco #menor_idade {
  -webkit-box-shadow: 0px 4px 15px -4px rgba(0,0,0,0.1); 
  box-shadow: 0px 4px 15px -4px rgba(0,0,0,0.1);
  padding: 10px 20px;
  background: #ecf2f0;
  margin-bottom: 30px;
}
.inscricao .faleconosco #menor_idade label.titulo {
  border-left: 4px solid #b5d747;
}
.inscricao .faleconosco input,.inscricao .faleconosco select {
  color: #004d49;
}
.inscricao .faleconosco label.titulo {
  font-weight: 600;
  font-size: 16px;
  margin: 10px 0 20px;
  border-left: 4px solid #37ac56;
  padding: 8px;
  background: #ecf2f0;
  display: block;
}
.inscricao .faleconosco .obrigatorio::before {
  content: '(*)';
  color: #ff0000;
  font-weight: 700;
  font-size: 8px;
  position: absolute;
  right: 3px;
  top: 0px;
}
.inscricao .faleconosco label {
  color: #034d49;
}
.inscricao .faleconosco .top {
  padding-top: 20px;
}
.inscricao  .faleconosco .inputs {
  text-align: center;
  padding: 0 !important;
}
.inscricao  .faleconosco .especial {
  text-align: center;
  padding: 0 !important;
}
.inscricao .termos {
  padding: 10px 20px;
  margin: 20px 0;
  border-radius: 10px;
  font-size: 14px;
  background: #ecf2f0;
}
.inscricao .termos label {
  cursor: pointer;
}
.inscricao .termos a {
  color: #00995c;
  text-decoration: none;
}
.inscricao .pcd {
  padding-top: 14px;
}

/* DUVIDAS */
.duvidas {
  background: #ecf2f0;
  padding: 70px 0;
}
.duvidas .box {
  padding: 30px;
  border-radius: 15px;
  background: #fff;
  color: #659a96;
  -webkit-box-shadow: 0px 4px 15px -4px rgba(0,0,0,0.1); 
  box-shadow: 0px 4px 15px -4px rgba(0,0,0,0.1);
  font-size: 15px;
}
.duvidas .box svg {
  color: #00965D;
  width: 30px;
  margin-bottom: 10px;
}
.duvidas .box h2 {
  color: #004d49;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
}
.duvidas .box h3 {
  color: #659a96;
  font-weight: 300;
  font-size: 18px;
  margin: 0 0 20px;
}

/* FOOTER */
footer {
  background: #00995c;
  padding: 40px 0;
  color: #fff;
}
footer hr {
  border: 1px solid #0eb774;
  margin: 40px 0;
}
footer .realizacao {
  font-size: 14px;
}
footer .realizacao img {
  margin-bottom: 15px;
}
footer .realizacao h2 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 16px;
}
footer .realizacao a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding-bottom: 5px;
}
footer .realizacao a:hover {
  color: #004d49;
}
footer .final {
  color: #80ccae;
  font-size: 14px;
}
footer .final svg.amarelo {
  color: #b5d747;
}




/* CONTATO */
.faleconosco textarea.form-control {
  height: auto;
}
.faleconosco select.form-control:not([size]):not([multiple]) {
  height: calc(3rem + 5px);
  padding-top: 8px !important;
  background: #fff url("../images/seta-busca.png") no-repeat 100% 50%;
  overflow: hidden;
}
.btn_enviar_mail {
  background: linear-gradient(50deg,rgba(246, 130, 36, 1) 40%, rgba(253, 161, 48, 1) 100%);
  color: #fff !important;
  font-size: 18px;
  border-radius: 10px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 20px;
  -webkit-box-shadow: 0px 4px 15px -4px rgba(0,150,93,0.53);
  box-shadow: 0px 4px 15px -4px rgba(0,150,93,0.53);
}
.btn_enviar_mail:hover {
  background: #f37820;
  -webkit-box-shadow: 0px 4px 15px -4px rgba(10,96,85,0.53);
  box-shadow: 0px 4px 15px -4px rgba(10,96,85,0.53);
}
: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);
}
.faleconosco .form-control {
  border-radius: 0.3rem;
  height: calc(3.25rem + 2px);
  padding-top: 30px !important;
}
.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;
  line-height: 2;
  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;
  }
}