/* DATEPICKER */ 
.ui-datepicker{ width:270px; display:none; z-index: 3000 !important; font-size:12px; background-color:#ffffff; border:solid 1px #bbbbbb; color:#222222; font-family: 'Roboto'; margin-top: -1px; box-shadow:0px 12px 54px -27px rgba(0,0,0,0.75);}
.ui-datepicker .ui-datepicker-header { position:relative; background:#ffffff; color:#222222; font-size:15px; font-weight: 600; padding: 13px 5px 1px 5px; overflow: hidden;} 
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{ position:absolute; top:0px; width:35px; height:35px; }
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{cursor:pointer;}
.ui-datepicker .ui-datepicker-prev{ left:0px; } .ui-datepicker .ui-datepicker-next{ right:0px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{ display:block; line-height: 47px; text-align: center; font-size: 22px; color:#404040; transition: all 0.5s ease; }
.ui-datepicker .ui-datepicker-month, .ui-datepicker .ui-datepicker-year{  padding: 2px 0px 3px 8px; font-size: 14px; border: none; box-shadow: 0 0 10px 100px #f4f4f4 inset; background: none; color: #2b2b2b; font-weight: 600; text-align: left; line-height: 21px;} 
.ui-state-default:hover{ background: #f4f4f4;}
.ui-datepicker .ui-datepicker-month{ width: 120px; float: left; margin-left: 32px; border-radius: 4px;}
.ui-datepicker .ui-datepicker-year{ width: 70px; float: left; margin-left: 5px; border-radius: 4px;}
.ui-datepicker .ui-datepicker-title{ margin:0 5px; line-height:30px; text-align:center; color:#404040; font-weight:600; font-size:15px;} 

.ui-datepicker table{ font-size:12px; width: 100%; border-collapse:inherit; padding:0 15px 15px; }
	.ui-datepicker th{ text-align:center; border: 0; font-size:11px; color:#929292; padding: 2px 0px 5px; text-transform: lowercase;}
	.ui-datepicker td {border:0; padding: 0px;} 
	.ui-datepicker td span,.ui-datepicker td a{ display: block; font-size: 12px; color: #404040; line-height: 30px; text-align:center; text-decoration:none; transition: all 0.5s ease; }

.ui-datepicker table tbody tr td{ width: 14.2%;}
.ui-datepicker table tbody tr:first-of-type td:nth-of-type(-n+7){ border-top: solid 1px #e3e5e5; }
.ui-datepicker table tbody tr td:nth-of-type(1){ border-left: solid 1px #e3e5e5; }
.ui-datepicker table tbody tr:first-of-type td.ui-datepicker-other-month{ border-right: solid 1px #e3e5e5; border-bottom: solid 1px #e3e5e5; }
.ui-state-default{ background:#ffffff; border:solid 1px #e3e5e5; border-top: none; border-left: none; color:#404040; font-weight:700; font-size:13px; box-sizing: border-box;} 
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus{ cursor:pointer;}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{ color:#ffffff; font-size:20px; text-decoration:none; transition:background 0.5s; -webkit-transition:background 0.5s; }
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited {background: #eeeeee; color: #404040;	text-decoration: none;}		
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {color: #ffffff; text-decoration: none;}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{ color:#ffffff; }
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{ color:#ffffff; }
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{ font-weight:bold; }
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{ opacity:.7; filter:Alpha(Opacity=70); font-weight:normal;}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{ opacity:.80; background: #f4f4f4; cursor:default;}
.ui-state-disabled.ui-datepicker-prev,.ui-state-disabled.ui-datepicker-next{background: none;}

.ui-state-disabled span,.ui-widget-content .ui-state-disabled span,.ui-widget-header .ui-state-disabled span{ opacity: 0.4;} 
.ui-datepicker-next.ui-corner-all.ui-state-disabled{ background: none;}

._320 .ui-datepicker{zoom: 0.9; margin-top: 38px; margin-left: 2px;}

body {background: rgb(108,183,211);background: linear-gradient(189deg, rgba(108,183,211,1) 0%, rgba(82,156,185,1) 100%);}

header {position: absolute;z-index: 999;width: 100%;}
header .centro {max-width: 1080px;margin: 0 auto;}
header .centro h1 {font: 900 25px/25px 'Roboto';text-transform: uppercase;padding-top: 37px;}
header .centro h1 b {font-weight: 900;color: #0291c7;}

main {max-width: 1300px;margin: 0 auto;background: #fff;}
main .centro {max-width: 1080px;display: flex;margin: 0 auto;padding-bottom: 75px;justify-content: space-between;}
main .agendamento {width: calc(100% - 371px);padding-top: 85px;}


main .agendamento .sucessoPagamento{padding: 20px 0 20px 0; float: left; width: 100%;}
main .agendamento .sucessoPagamento .mensagem{display: flex;align-items: center;background: #5fba54;padding: 10px 15px;border-radius: 5px;}
main .agendamento .sucessoPagamento .mensagem span{display: block;font-size: 29px;float: left;background: #5fba54;color: #fff;line-height: 65px;width: 65px;text-align: center;border-radius: 100%;margin: 0 20px 0 0;}
main .agendamento .sucessoPagamento .mensagem div{}
main .agendamento .sucessoPagamento .mensagem div h4{font-size: 17px;line-height: 18px;font-weight: 800;text-transform: uppercase;color: #fff;margin-bottom: 2px;letter-spacing: 0.03em;}
main .agendamento .sucessoPagamento .mensagem div p{color: #fff;}
main .agendamento .sucessoPagamento .texto{margin: 30px 0 0 0; border-radius: 10px; border: 1px solid #e1e3e5; padding: 35px 40px 25px 40px; display: flex; flex-wrap: wrap; align-content: flex-start; margin-bottom: 20px;  position: relative;}
main .agendamento .sucessoPagamento .texto:before {content:'';font-family: 'espacoHumanidade';position: absolute;left: -17px;font-size: 36px;line-height: 36px;background: #fff;font-weight: normal;padding: 10px 0;top: 13px;color: #e1e3e5;}
main .agendamento .sucessoPagamento .texto:before {content: "\e940";}
main .agendamento .sucessoPagamento .texto h4{font: 800 16px/16px 'Montserrat'; text-transform: uppercase; width: 100%; margin-bottom: 22px;}
main .agendamento .sucessoPagamento .texto p{width: 100%; margin: 0 0 10px 0;}
main .agendamento .sucessoPagamento .texto p span{font-size: 15px; display: block; line-height: 17px;}
main .agendamento .sucessoPagamento .texto p b{font-weight: bold; line-height: 15px;}

main .agendamento .sucessoPagamento .texto.pagamento:before {content: "\e938";font-size: 25px;line-height: 30px;top: 18px;}

main .agendamento .sucessoPagamento .botoesPagamento{margin: 30px 0 0 0;border-radius: 10px;border: 1px solid #e1e3e5;padding: 35px 40px 25px 40px;display: flex;flex-wrap: wrap;align-content: flex-start;margin-bottom: 20px;position: relative;box-sizing: border-box;}

main .agendamento .sucessoPagamento .botoesPagamento .infoConsulta {border-bottom: 3px solid #eeeff1;padding-bottom: 15px;margin-bottom: 15px;width: 100%;}
main .agendamento .sucessoPagamento .botoesPagamento .infoConsulta p {display: block;font: 500 17px/17px 'Roboto';color: #313131;margin-bottom: 3px;}
main .agendamento .sucessoPagamento .botoesPagamento .infoConsulta .valor {font: 700 25px/25px 'Roboto';color: #4fafd6;display: block;}

main .agendamento .sucessoPagamento .botoesPagamento .pagamentoIndisponivel{width: calc(100% - 320px);margin: 4px 15px 15px 0;}
main .agendamento .sucessoPagamento .botoesPagamento .pagamentoIndisponivel p{position: relative;font: 400 14px/20px 'Roboto';letter-spacing: 0.01em;color: #2c2e2f;margin-top: 5px;padding: 20px 12px 20px 38px;background: #efefef;border-radius: 3px;}
main .agendamento .sucessoPagamento .botoesPagamento .pagamentoIndisponivel p:before{content: "";position: absolute;left: 10px;top: 20px;width: 20px;height: 20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23'%3E%3Cpath d='M17.482 9.712c1.64 0 3.108.69 4.1 1.813.044-.388.087-.777.087-1.208C21.67 5.007 17.353.69 12 .69c-5.353 0-9.67 4.316-9.67 9.626 0 .345 0 .69.044 1.036a8.688 8.688 0 0 1 7.943-5.137c2.848 0 5.352 1.381 6.95 3.496h.215zm-7.122-2.72c-4.36 0-7.9 3.54-7.9 7.9s3.54 7.9 7.9 7.9c2.158 0 4.1-.864 5.525-2.245a5.53 5.53 0 0 1-3.928-5.31c0-2.676 1.9-4.92 4.446-5.438-1.468-1.684-3.626-2.806-6.043-2.806zM4.79 21.583A11.958 11.958 0 0 1 0 12C0 5.353 5.396 0 12 0s12 5.396 12 12-5.396 12-12 12c-1.554 0-3.022-.302-4.36-.82-1.079-.389-2.028-.907-2.849-1.597zm12.777-1.51a4.827 4.827 0 0 0 4.835-4.835 4.827 4.827 0 0 0-4.835-4.834 4.827 4.827 0 0 0-4.834 4.834 4.827 4.827 0 0 0 4.834 4.835Z'/%3E%3C/svg%3E");}
main .agendamento .sucessoPagamento .botoesPagamento .pagamentoIndisponivel p em{display: block;margin-bottom: 0px;font-size: 14px;font-weight: 600;}
main .agendamento .sucessoPagamento .botoesPagamento .pagamentoIndisponivel b{display: block;text-transform: uppercase;font: 600 13px/20px 'Roboto';}

main .agendamento .sucessoPagamento .botoesPagamento .box{width: calc(50% - 10px);padding: 0 0 0 15px;border-left: 1px solid #e1e3e5;}
main .agendamento .sucessoPagamento .botoesPagamento .box span{font-size: 13px; text-transform: uppercase; width: 100%; display: block; font-weight: 600;}
main .agendamento .sucessoPagamento .botoesPagamento .box a:link,
main .agendamento .sucessoPagamento .botoesPagamento .box a:active,
main .agendamento .sucessoPagamento .botoesPagamento .box a:visited{background: #5fba54; width: 100%; display: block; text-align: center; color: #fff; text-transform: uppercase; line-height: 35px; border-radius: 4px; font-size: 14px; font-weight: 500; letter-spacing: 0.02em; transition: all 0.5s ease;}
main .agendamento .sucessoPagamento .botoesPagamento .box a:hover{background: #236f1a;}

main .agendamento .sucessoPagamento .botoesPagamento .box.conversaoCambio{width: 100%;border-bottom: 3px solid #eeeff1;padding-bottom: 15px;margin-bottom: 15px;}
main .agendamento .sucessoPagamento .botoesPagamento .box.conversaoCambio p{width: auto; float: left; margin-right: 35px;}

main .agendamento .sucessoPagamento .botoesPagamento .outraForma{position: relative;width: 100%;border-top: 1px solid #e1e3e5;padding: 18px 15px 0 60px;}
main .agendamento .sucessoPagamento .botoesPagamento .outraForma:before{content: "";position: absolute;top: 20px;left: 16px;width: 30px;height: 30px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M921.6 477.867h68.267C989.654 232.96 791.04 34.347 546.134 34.134v68.267c207.36.213 375.253 168.107 375.467 375.467z'/%3E%3Cpath d='M750.933 477.867H819.2C818.987 327.04 696.96 205.014 546.133 204.8v68.267c113.067.213 204.587 91.733 204.8 204.8zM991.147 737.067c-1.707-1.493-206.507-147.2-261.76-138.24-26.667 4.693-41.813 22.827-72.533 59.307-4.907 5.973-16.853 19.84-25.813 29.867-19.413-6.187-38.187-13.867-56.32-23.04-94.08-45.867-170.027-121.813-215.68-215.68-8.96-18.133-16.64-37.12-23.04-56.32 10.027-9.173 24.107-21.12 30.08-26.027 36.267-30.293 54.4-45.653 59.093-72.32 9.6-55.253-136.747-259.84-138.24-261.76-13.44-19.2-34.773-31.147-58.24-32.853C169.387.001.001 219.734.001 256.641c0 2.133 3.2 220.8 272.64 494.933 273.92 269.227 492.587 272.427 494.72 272.427 36.907 0 256.64-169.387 256.64-228.693-1.707-23.467-13.867-44.8-32.853-58.24zM763.52 955.52c-29.653-2.56-213.333-26.667-442.667-251.947C94.506 472.96 70.826 289.066 68.48 260.48c44.8-70.187 98.773-133.973 160.64-189.867 1.28 1.28 3.2 3.413 5.547 5.973 47.36 64.853 88.32 134.187 122.027 206.933-10.88 11.093-22.613 21.333-34.773 31.147-18.773 14.293-36.053 30.72-51.627 48.64-5.333 7.467-7.467 16.64-5.76 25.6 7.253 31.36 18.347 61.653 32.853 90.24 52.48 107.733 139.52 194.987 247.467 247.467 28.587 14.72 58.88 25.813 90.24 33.067 8.96 1.493 18.133-.427 25.6-5.76 17.92-15.573 34.347-32.853 48.64-51.84 10.667-12.8 24.96-29.867 30.507-34.56 72.96 33.707 142.507 74.667 207.36 122.027 2.773 2.347 4.907 4.267 6.187 5.333-55.68 61.867-119.68 115.84-189.867 160.64z'/%3E%3C/svg%3E");opacity: 15%;}
main .agendamento .sucessoPagamento .botoesPagamento .outraForma span{display: block;text-transform: uppercase;font: 600 13px/16px 'Roboto';}
main .agendamento .sucessoPagamento .botoesPagamento .outraForma p{font: 400 15px/20px 'Roboto';color: #525252;}

main .agendamento .sucessoPagamento .respostaTransacao{display: none;}
	main .agendamento .sucessoPagamento .respostaTransacao .sucesso{background: #5fba54; border-radius: 5px; padding: 20px 20px;}
	main .agendamento .sucessoPagamento .respostaTransacao .sucesso h4{color: #fff; font-weight: 600; font-size: 18px; text-transform: uppercase; line-height: 18px; margin-bottom: 4px;}
	main .agendamento .sucessoPagamento .respostaTransacao .sucesso p{color: #fff;}

	main .agendamento .sucessoPagamento .respostaTransacao .erro{background: #e88000; border-radius: 5px; padding: 20px 20px;}
	main .agendamento .sucessoPagamento .respostaTransacao .erro h4{color: #fff; font-weight: 600; font-size: 18px; text-transform: uppercase; line-height: 18px; margin-bottom: 4px;}
	main .agendamento .sucessoPagamento .respostaTransacao .erro p{color: #ffff;}


main .agendamento .sucessoPagamento .respostaTransacao.paypal{display: none;}
	main .agendamento .sucessoPagamento .respostaTransacao.paypal .sucesso{background: #5fba54; border-radius: 5px; padding: 20px 20px;}
	main .agendamento .sucessoPagamento .respostaTransacao.paypal .sucesso h4{color: #fff; font-weight: 600; font-size: 18px; text-transform: uppercase; line-height: 18px; margin-bottom: 4px;}
	main .agendamento .sucessoPagamento .respostaTransacao.paypal .sucesso p{color: #fff;}

	main .agendamento .sucessoPagamento .respostaTransacao.paypal .erro{background: #e88000; border-radius: 5px; padding: 20px 20px;}
	main .agendamento .sucessoPagamento .respostaTransacao.paypal .erro h4{color: #fff; font-weight: 600; font-size: 18px; text-transform: uppercase; line-height: 18px; margin-bottom: 4px;}
	main .agendamento .sucessoPagamento .respostaTransacao.paypal .erro p{color: #ffff;}

	main .agendamento .sucessoPagamento .respostaTransacao.paypal .cancelado{background: #f7ba29;border-radius: 5px;padding: 20px 20px;}
	main .agendamento .sucessoPagamento .respostaTransacao.paypal .cancelado h4{color: #fff; font-weight: 600; font-size: 18px; text-transform: uppercase; line-height: 18px; margin-bottom: 4px;}
	main .agendamento .sucessoPagamento .respostaTransacao.paypal .cancelado p{color: #ffff;}


main .agendamento form {}
main .agendamento form fieldset {border-radius: 10px;border: 1px solid #e1e3e5;padding: 35px 0px 25px 40px;display: flex;flex-wrap: wrap;align-content: flex-start;margin-bottom: 20px;position: relative;}
main .agendamento form fieldset:before {content:'';font-family: 'espacoHumanidade';position: absolute;left: -17px;font-size: 36px;line-height: 36px;background: #fff;font-weight: normal;padding: 10px 0;top: 13px;color: #e1e3e5;}
main .agendamento form fieldset.dataHora:before {content: "\e90e";}
/*main .agendamento form fieldset.dataHora .dataHoraEscolhido {display: none}*/
main .agendamento form fieldset.dataHora .dataHoraEscolhido {display: flex;position: relative;flex-wrap: wrap;}
/*main .agendamento form fieldset.dataHora ul {display: none}*/
/*main .agendamento form fieldset.dataHora a {display: none !important}*/
main .agendamento form fieldset.dataHora.dataHoraDefinido label{/* width: initial; */ /* float: left; */}
main .agendamento form fieldset.dataHora.dataHoraDefinido .dataHoraEscolhido{width: 100%;}
main .agendamento form fieldset.dataHora.dataHoraDefinido a:link,
main .agendamento form fieldset.dataHora.dataHoraDefinido a:active,
main .agendamento form fieldset.dataHora.dataHoraDefinido a:visited{display: block !important; font-family: 'Montserrat'; font-weight: bold; font-size: 13px; color: #455367; text-transform: uppercase; /* float: right; */ position: absolute; top: 28px;  right: 35px; transition: all 0.5s ease;}
main .agendamento form fieldset.dataHora.dataHoraDefinido a:hover{color: #2792b5;}
main .agendamento form fieldset.dataHora .dataHoraEscolhido span {transition: all 0.3s ease;position: absolute;top: 0;color: #000;opacity: 0.2;font-size: 21px;left: 0;}
main .agendamento form fieldset.dataHora .dataHoraEscolhido p {padding-left: 40px;width: 100%;font: 500 19px/19px 'Roboto';color: #4fb0d7;padding-bottom: 10px;}

main .agendamento form fieldset.dados .mensagemErroPagamento{background: #fb7f27; width: calc(100% - 40px);  box-sizing: border-box; margin: 0 0 20px 0; padding: 15px; color: #fff; font-size: 18px;}
	main .agendamento form fieldset.dados .mensagemErroPagamento h4{font-weight: 600; text-transform: uppercase;}
	main .agendamento form fieldset.dados .mensagemErroPagamento p{font-size: 17px; line-height: 19px;}



main .agendamento form fieldset.dados:before {content: "\e940";padding: 10px 0 7px;}
main .agendamento form fieldset.pagamento:before {content: "\e93f";padding-top: 6px;top: 16px;}
main .agendamento form fieldset.pagamento {}
main .agendamento form fieldset label {font: 800 16px/16px 'Montserrat';text-transform: uppercase;width: 100%;margin-bottom: 11px;}
main .agendamento form fieldset label.labelEndereco{margin-top: 20px;}

main .agendamento form fieldset li.liDataHora select {border-radius: 5px;border: 1px solid #c2c2c2;height: 46px;padding-left: 57px;width: 100%;max-width: 360px;font: 500 16px/21px 'Roboto';color: #252525;-webkit-appearance: none;background: #fff url('../img/seta.svg') 94.5% 50% no-repeat;}
main .agendamento form fieldset .campos select {width: 100%;border-radius: 5px;border: 1px solid #c2c2c2;height: 46px;-webkit-appearance: none;background: #fff url(../img/seta.svg) 86.5% 50% no-repeat;font: 400 16px/21px 'Roboto';color: #727272;padding-left: 15px;}
  
main .agendamento form fieldset span.legenda {font: 400 15px/25px 'Roboto';color: #70798c;padding-left: 25px;}
main .agendamento form fieldset span.legendaCampo {font: 400 14px/21px 'Roboto';color: #b7b7b7;padding-bottom: 5px;}
main .agendamento form fieldset ul {max-width: 440px;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
main .agendamento form fieldset.dataHora ul {max-width: initial;display: initial;flex-wrap: initial;}
main .agendamento form fieldset li {width: 100%;position: relative;margin-bottom: 10px;display: flex;flex-wrap: wrap;align-items: flex-end;}
main .agendamento form fieldset li.liDataHora {align-items: center;}


main .agendamento form fieldset li #CepNaoEncontrado{display: none; position: absolute; top: 49px; left: 0; padding: 0 10px; background: #f57e19; color: #fff;  z-index: 999; text-transform: uppercase; font-size: 13px; font-weight: 500; white-space: nowrap; border-radius: 5px; line-height: 34px;}

main .agendamento form fieldset li.ano {width:70px}
main .agendamento form fieldset li.mes {width:70px;margin-top: 3px;}
main .agendamento form fieldset li.cvv {width: calc(100% - 160px)}
main .agendamento form fieldset li span.icone {transition:all 0.3s ease;position: absolute;top: calc(50%);transform: translateY(-50%);color: #000;opacity: 0.2;font-size: 18px;left: 18px;}
main .agendamento form fieldset li span.iconeDuvida {transition:all 0.3s ease;font-size: 20px;position: absolute;right: 11px;top: calc(50% + 14px);transform: translateY(-50%);border-left: 1px solid #e4e4e4;padding-left: 9px;height: 34px;display: flex;cursor: pointer;align-items: center;}
main .agendamento form fieldset li span.iconeDuvida:hover {color: #4fb0d7;}
main .agendamento form fieldset li:hover span.icone {color: #202c52;opacity: 1;}
main .agendamento form fieldset li.nome span.icone {font-size: 22px; left: 21px;}
main .agendamento form fieldset li.telefone span.icone {font-size: 20px;}


main .agendamento form fieldset li.cvv span.icone {top: calc(50% + 14px);left: 14px;font-size: 24px;}

main .agendamento form fieldset li.data span.icone {font-size: 21px;}
main .agendamento form fieldset li.data input {font: 500 16px/21px 'Roboto';transition:all 0.3s ease;border-radius: 5px;border: 1px solid #c2c2c2;height: 46px;padding-left: 57px;width: 100%;max-width: 360px;color: #252525;background: #fff url(../img/seta.svg) 94.5% 50% no-repeat;}
main .agendamento form fieldset li.data input::placeholder {font: 500 16px/21px 'Roboto';color: #252525;}


main .agendamento form fieldset li.tipoAtendimento span.icone {font-size: 21px;}
main .agendamento form fieldset li.tipoAtendimento input {font: 500 16px/21px 'Roboto';transition:all 0.3s ease;border-radius: 5px;border: 1px solid #c2c2c2;height: 46px;padding-left: 57px;width: 100%;max-width: 360px;color: #252525;background: #fff url(../img/seta.svg) 94.5% 50% no-repeat;}
main .agendamento form fieldset li.tipoAtendimento input::placeholder {font: 500 16px/21px 'Roboto';color: #252525;}

main .agendamento form fieldset li input::placeholder {font:400 16px/21px 'Roboto'; color:#727272}
main .agendamento form fieldset li input:focus {border-color: #202c52;}


._320 main .agendamento form fieldset .sobreValor{max-width: 100%;}
main .agendamento form fieldset .sobreValor{display: flex;align-items: center;justify-content: center;gap: 5px;width: 100%;max-width: calc(100% - 40px);padding: 15px 20px 14px;background: #f4f5f9;border-radius: 8px;}
main .agendamento form fieldset .sobreValor h3{font: 700 15px / 20px 'Montserrat';text-transform: uppercase;}
main .agendamento form fieldset .sobreValor h4{font: 800 16px / 20px 'Montserrat';color: #4fb0d7;}


main .agendamento form fieldset ul.dadosCadastro{max-width: calc(100% - 40px);display: initial;flex-wrap: initial;}
main .agendamento form fieldset ul.dadosCadastro li{float: left;}
main .agendamento form fieldset ul.dadosCadastro li.cpf {width: 29%;margin-right: 4%;}
main .agendamento form fieldset ul.dadosCadastro li.nascimento {width: 33%;margin-right: 4%;}
main .agendamento form fieldset ul.dadosCadastro li.email {width: 48%;margin-right: 4%;}
main .agendamento form fieldset ul.dadosCadastro li.email2 {width: 48%;}
main .agendamento form fieldset ul.dadosCadastro li.telefone {width: 30%;}


main .agendamento form fieldset.escolhaDataHora ul li.nome {width: calc(100% - 40px);}
main .agendamento form fieldset.escolhaDataHora ul li.email {width: 54%;float: left;margin-right: 4%;}
main .agendamento form fieldset.escolhaDataHora ul li.telefone {width: 36%;float: left;}


main .agendamento form fieldset ul.dadosEndereco{max-width: calc(100% - 40px);display: initial;flex-wrap: initial;}
main .agendamento form fieldset ul.dadosEndereco li{float: left;}
main .agendamento form fieldset ul.dadosEndereco li input{padding-left: 10px;}
main .agendamento form fieldset ul.dadosEndereco li select{border-radius: 5px;  border: 1px solid #c2c2c2; height: 46px; padding-left: 57px; width: 100%; max-width: 360px; font: 500 16px/21px 'Roboto'; color: #252525; -webkit-appearance: none; background: #fff url(../img/seta.svg) 94.5% 50% no-repeat;}


main .agendamento form fieldset ul.dadosEndereco li.cep{width: 30%; margin-right: 4%;}
main .agendamento form fieldset ul.dadosEndereco li.cep input{padding-left: 57px;}
main .agendamento form fieldset ul.dadosEndereco li.endereco{width: 66%;}
main .agendamento form fieldset ul.dadosEndereco li.numero{width: 16%; margin-right: 4%;}
main .agendamento form fieldset ul.dadosEndereco li.complemento{width: 36%; margin-right: 4%;}
main .agendamento form fieldset ul.dadosEndereco li.bairro{width: 40%;}
main .agendamento form fieldset ul.dadosEndereco li.cidade{width: 70%; margin-right: 4%;}
main .agendamento form fieldset ul.dadosEndereco li.estado{width: 26%; display: initial; flex-wrap: initial; align-items: initial;}
main .agendamento form fieldset ul.dadosEndereco li.estado select{padding-left: 10px;}




main .agendamento form fieldset li.data select {border-radius: 5px;border: 1px solid #c2c2c2;height: 46px;padding-left: 57px;width: 100%;max-width: 360px;font: 500 16px/21px 'Roboto';color: #252525;-webkit-appearance: none;background: #fff url('../img/seta.svg') 94.5% 50% no-repeat;}
main .agendamento form fieldset li.tipoAtendimento select {border-radius: 5px;border: 1px solid #c2c2c2;height: 46px;padding-left: 57px;width: 100%;max-width: 360px;font: 500 16px/21px 'Roboto';color: #252525;-webkit-appearance: none;background: #fff url('../img/seta.svg') 94.5% 50% no-repeat;}
main .agendamento form fieldset li.produto select {border-radius: 5px;border: 1px solid #c2c2c2;height: 46px;padding-left: 57px;width: 100%;max-width: 360px;font: 500 16px/21px 'Roboto';color: #252525;-webkit-appearance: none;background: #fff url('../img/seta.svg') 94.5% 50% no-repeat;}
main .agendamento form fieldset li.terapeuta select {border-radius: 5px;border: 1px solid #c2c2c2;height: 46px;padding-left: 57px;width: 100%;max-width: 360px;font: 500 16px/21px 'Roboto';color: #252525;-webkit-appearance: none;background: #fff url('../img/seta.svg') 94.5% 50% no-repeat;}


main .agendamento form fieldset li.liDataHora span.icone {font-size: 22px;left: 18px;}
main .agendamento form fieldset input[type=text] {width: 100%;border-radius: 5px;border: 1px solid #c2c2c2;height: 46px;padding-left: 57px;} 
main .agendamento form fieldset li.telefone input[type=text] {padding-left:53px}
main .agendamento form fieldset li.cvv input[type=text] {padding-left: 45px;}
main .agendamento form fieldset .campos {display: flex;flex-wrap: wrap;max-width: 310px;}
main .agendamento form fieldset a.confirmar:active,
main .agendamento form fieldset a.confirmar:link,
main .agendamento form fieldset a.confirmar:visited {background: #5dc7e9;border-radius: 5px;height: 50px;display: flex;align-items: center;justify-content: center;text-transform: uppercase;color: #fff;position: relative;z-index: 1;transition: all 0.3s ease;box-shadow: 0 4px 9px 1px rgba(0,0,0,0.15);width: 100%;max-width: 360px;}
main .agendamento form fieldset a.confirmar:hover {background: #0099ca;}
main .agendamento form fieldset a.confirmar:before {content:'';position: absolute;width: 100%;height: calc(100% - 3px);transition: all 0.3s ease;background: #202c52;top: 0;border-radius: 5px;}
main .agendamento form fieldset a.confirmar:hover:before {background: #5dc7e9;}
main .agendamento form fieldset a.confirmar b {z-index: 2;position: relative;font: 700 14px/14px 'Montserrat';padding-bottom: 2px;}
 
/* CARTAO MODELO */
main .agendamento form fieldset .cartaoModelo{width: 285px;height: 187px;position: relative;float: left;perspective: 1000px;margin-left: 32px;}
.mascaraCartao{ position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d;}
main .agendamento form fieldset .cartaoModelo .cartaoFrente,
main .agendamento form fieldset .cartaoModelo .cartaoFundo{position: absolute;width: 100%;height: 100%;backface-visibility: hidden;/* margin-top: 20px; */user-select: none;}

main .agendamento form fieldset .cartaoModelo .cartaoFrente{box-sizing: border-box;border: solid 2px #d5dce4;border-radius: 10px;background: #ffffff;} 
main .agendamento form fieldset .cartaoModelo .cartaoFrente .chip{border: solid 1px #b6bfc8;width: 52px;height: 41px;box-sizing: border-box;position: absolute;top: 28px;left: 30px;border-radius: 10px;} 
main .agendamento form fieldset .cartaoModelo .cartaoFrente .chip::after{content: '';display: block;width: 13px;height: 22px;border-top: solid 1px #c6c6c6;border-right: solid 1px #c6c6c6;position: absolute;bottom: 0px;} 
main .agendamento form fieldset .cartaoModelo .cartaoFrente .chip::before{content: '';display: block;width: 19px;height: 39px;border-left: solid 1px #b6bfc8;position: absolute;top: 0px;right: 0px;}
main .agendamento form fieldset .cartaoModelo .cartaoFrente .chip span{display: block;width: 19px;height: 13px;border-top: solid 1px #c6c6c6;border-bottom: solid 1px #c6c6c6;position: absolute;top: 50%;transform: translateY(-50%);right: 0px;} 

main .agendamento form fieldset .cartaoModelo .cartaoFrente .numeroCartao{font: 600 18px/21px 'Roboto';color: #d7dde2;position: absolute;left: 25px;top: 86px;letter-spacing: 0.110em;width: calc(100% - 40px);overflow: hidden;text-align: left;}
main .agendamento form fieldset .cartaoModelo .cartaoFrente .nomeCartao{font: 600 17px/21px 'Roboto';color: #d7dde2;position: absolute;left: 25px;top: 114px;letter-spacing: 0.110em;width: calc(100% - 40px);overflow: hidden;text-align: left;}
main .agendamento form fieldset .cartaoModelo .cartaoFrente .validade{font: 400 14px/21px 'Roboto';color: #afbdcb;position: absolute;left: 25px;top: 145px;letter-spacing: 0;}
main .agendamento form fieldset .cartaoModelo .cartaoFrente .validade em{ font-size: 17px; letter-spacing: 0.040em; padding-left: 2px;}
main .agendamento form fieldset .cartaoModelo .cartaoFrente .validade em i{ font-style: normal;}
main .agendamento form fieldset .cartaoModelo .cartaoFrente .validade em b{ font-weight: normal;}
main .agendamento form fieldset .cartaoModelo .cartaoFrente .bandeira{ position: absolute; right: 20px; top: 25px;}
main .agendamento form fieldset .cartaoModelo .cartaoFrente .bandeira img{ width: 70px; }

main .agendamento form fieldset .cartaoModelo .cartaoFundo{box-sizing: border-box;border: solid 2px #b6bfc8;border-radius: 10px;transform: rotateY(180deg);background: #ffffff;} 
main .agendamento form fieldset .cartaoModelo .cartaoFundo .faixa{height: 40px;border-top: solid 1px #b6bfc8;border-bottom: solid 1px #b6bfc8;z-index: 2;width: 100%;margin-top: 30px;background: #f7f7f7;}  
main .agendamento form fieldset .cartaoModelo .cartaoFundo .linhas{ width: 150px; float: left; margin: 30px 0 0 25px;}
main .agendamento form fieldset .cartaoModelo .cartaoFundo .linhas span{display: block;height: 5px;background: #eceeef;float: left;}
main .agendamento form fieldset .cartaoModelo .cartaoFundo .linhas span:nth-of-type(1){ width: 100%; margin-bottom: 6px;} 
main .agendamento form fieldset .cartaoModelo .cartaoFundo .linhas span:nth-of-type(2){ width: 60px; margin-right: 15px;}
main .agendamento form fieldset .cartaoModelo .cartaoFundo .linhas span:nth-of-type(3){ width: 30px;}
main .agendamento form fieldset .cartaoModelo .cartaoFundo .numeroCvv{font: 600 21px/21px 'Roboto';color: #d7dde2;letter-spacing: 0.040em;float: left;margin: 21px 0 0 29px;}
main .agendamento form fieldset .cartaoModelo:hover .mascaraCartao, main .agendamento form fieldset .cartaoModelo.virar .mascaraCartao{transform: rotateY(180deg);}
/* CARTAO MODELO */


main .agendamento form fieldset .infoConsulta {border-top: 3px solid #eeeff1;padding-top: 30px;margin-top: 35px;width: calc(100% - 40px);}
main .agendamento form fieldset .infoConsulta p {display: block;font: 500 17px/17px 'Roboto';color: #313131;margin-bottom: 3px;}
main .agendamento form fieldset .infoConsulta .valor {font: 700 25px/25px 'Roboto';color: #4fafd6;margin-bottom: 16px;display: block;}
 
main .agendamento form fieldset .infoConsulta a.comprar:active,
main .agendamento form fieldset .infoConsulta a.comprar:link,
main .agendamento form fieldset .infoConsulta a.comprar:visited {background: #5dc7e9;border-radius: 8px;height: 55px;display: flex;align-items: center;justify-content: center;text-transform: uppercase;color: #fff;position: relative;z-index: 1;transition: all 0.3s ease;box-shadow: 0 4px 9px 1px rgba(0,0,0,0.15);width: 100%;}
main .agendamento form fieldset .infoConsulta a.comprar:before {content:'';position: absolute;width: 100%;height: calc(100% - 3px);transition: all 0.3s ease;background: #202c52;top: 0;border-radius: 8px;}
main .agendamento form fieldset .infoConsulta a.comprar:hover {background: #0099ca;}
main .agendamento form fieldset .infoConsulta a.comprar:hover:before {background: #5dc7e9;}

main .agendamento form fieldset .infoConsulta p.aviso{font-size: 16px; margin: 18px 0 0 0; font-weight: 500; color: #e68000; line-height: 20px;
    text-align: center; padding: 0px 65px;}


main .agendamento form fieldset .infoConsulta a.comprar b {z-index: 2;position: relative;font: 700 18px/18px 'Montserrat';padding-bottom: 2px;}

main aside {width: 335px;position: -webkit-sticky;position: sticky;height: max-content;top: 0;}
main aside h2 {border: 1px solid #e1e3e5;border-radius: 0 0 10px 10px;height: 155px;display: flex;align-items: center;justify-content: center;box-shadow: 0px 4px 1px 0px rgb(99 116 153 / 14%);border-top: 0;}
main aside h2 img {max-width: 285px;}
main aside .perfil {box-shadow: 0px 4px 1px 0px rgb(99 116 153 / 14%);position: relative;border-radius: 10px;border: 1px solid #e1e3e5;margin-top: 22px;padding-bottom: 18px;}
main aside .perfil .boxAzul {} 
main aside .perfil .imagem{position: absolute;left: 50%;width: 132px;height: 132px;top: 50px;border-radius: 100%;transform: translateX(-50%);background:rgb(204 223 232 / 0.1);box-sizing: border-box;display: flex;align-items: center;justify-content: center;} 
main aside .perfil .imagem .bola{width: 123px;height: 95px;position: absolute;left: 50%;top: 5px;transform: translateX(-50%);overflow: hidden;} 
main aside .perfil .imagem .bola span{background: #4fb0d7;border-radius: 100%;width: 123px;height: 123px;position: absolute;} 
main aside .perfil .imagem figure{width: 120px;position: absolute;border-radius: 100%;height: 120px;background-size: cover !important;}

main aside .perfil .boxAzul{background: #202c52;height: 150px;position: relative;box-sizing: border-box;border-radius: 5px 5px 0 0;} 

main aside .perfil .fundoBrilhante{position: absolute;width: 100%;height: 150px;top: 0px;overflow: hidden;border-radius: 5px 5px 0 0;}
main aside .perfil .fundoBrilhante::after{content: '';position: absolute;background: #88c8ff;border-radius: 100%;top: -160px;left: 50%;transform: translateX(-50%);filter: blur(60px);opacity: 0.7;width: 110%;height: 180px;}  

main aside .perfil .aroHumanoterapeuta{position: absolute;left: 50%;width: calc(100% - 40px);top: -30px;transform: translateX(-50%);height: 180px;overflow: hidden;} 
main aside .perfil .aroHumanoterapeuta img{width: 100%;filter: opacity(0.1) brightness(100);} 

main aside .perfil p.nome {text-align: center;padding-top: 32px;font: 700 14px/20px 'Montserrat';color: #4fb0d7;text-transform: uppercase;}
main aside .perfil p.nome b {font: 900 29px/43px 'Roboto';text-shadow: 3px 3px #e7e8ec;color: #202c52;text-transform: capitalize;display: block;max-width: 300px;margin: 0 auto;letter-spacing: -0.010em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
main aside .perfil span.registro {display: block;text-align: center;font: 600 14px/20px 'Montserrat';color: #70798c;opacity: 0.6;}
main aside .perfil p.sobre {font: 400 16px/25px 'Roboto';color: #70798c;max-width: 288px;margin: 0 auto;text-align: center;padding-top: 5px;}

main aside .compraSegura {box-shadow: 0px 4px 1px 0px rgb(99 116 153 / 14%);position: relative;border-radius: 10px;border: 1px solid #e1e3e5;margin-top: 23px;display: flex;align-items: center;height: 90px;padding-left: 26px;}
main aside .compraSegura img {width: 50px;margin-top: -9px;}
main aside .compraSegura .texto {height: max-content;padding-left: 20px;}
main aside .compraSegura .texto h3 {font: 800 15px/15px 'Montserrat';}
main aside .compraSegura .texto h3 b {font: 800 15px/15px 'Montserrat';color: #4fb0d7;}
main aside .compraSegura .texto p {font: 400 13px/22px 'Roboto';color: #70798c;}

footer {background: #549dba;min-height: 110px;display: flex;flex-direction: column;justify-content: center;position: relative;overflow: hidden;z-index: 1;}
footer ul {display: flex;justify-content: center;}
footer ul li {margin: 0 22px;position:relative;}
footer ul li:nth-of-type(2):before {content:'';width: 4px;height: 4px;background: #fff;border-radius: 100%;position: absolute;left: -22px;top: 50%;transform: translateY(-50%);}
footer ul li:nth-of-type(2):after {content:'';width: 4px;height: 4px;background: #fff;border-radius: 100%;position: absolute;right: -22px;top: 50%;transform: translateY(-50%);}
footer ul li a:visited,
footer ul li a:link,
footer ul li a:active {font-family: 'Montserrat';font-weight: 600;font-size: 13px;text-transform: uppercase;color: #fff;transition: all 0.2s ease;}
footer ul li a:hover {color: #549dba;filter: brightness(2);text-shadow: 0px 0px 6px rgba(255,255,255,0.2);}
footer p {opacity: 0.4;font-family: 'Roboto';display: block;text-align: center;color: #fff;font-size: 13px;line-height: 19px;}

/* MOBILE ._320 */

._320 header {max-width: 460px;left: 50%;transform: translateX(-50%);top: 153px;z-index: initial;}
._320 header .centro h1 {text-align: left;padding: 0;font-size: 16px;line-height: 34px;background: #5dc7e9;font-weight: 700;color: #fff;padding-left: 135px;padding-top: 2px;}
._320 header .centro h1 b {display: none;}

._320 main {max-width: 460px;}
._320 main .centro {flex-wrap: wrap;padding: 0;}
._320 main .agendamento {width: 100%;order: 2;padding-top: 0;}
._320 main .agendamento form fieldset.dataHora.dataHoraDefinido a{position: relative; top: inherit; left: inherit; right: inherit; margin: 0 0 9px 0;}
._320 main .agendamento form fieldset {padding: 0 20px;border: none;border-top: 1px solid #e1e3e5;border-radius: 0;margin-bottom: 40px;}
._320 main .agendamento form fieldset:before {display: none;}

._320 main .agendamento form fieldset.pagamento {margin-bottom: 20px;}
._320 main .agendamento form fieldset label {background: #fff;padding-bottom: 10px;max-width: 100%;width: auto;padding-right: 10px;padding-left: 10px;margin: -9px auto 10px;text-align: center;line-height: 18px;font-weight: 700;}
._320 main .agendamento form fieldset li.liDataHora select {max-width: initial;padding-right: 32px;}
._320 main .agendamento form fieldset .campos select {}
  
._320 main .agendamento form fieldset span.legenda {padding-left: 0;padding-top: 3px;width: 100%;text-align: center;}
._320 main .agendamento form fieldset span.legendaCampo {font-size: 12px;padding-bottom: 0;}
._320 main .agendamento form fieldset ul {width: 100%;max-width: 100%;}
._320 main .agendamento form fieldset ul.dadosCadastro li{
    width: 100%;
    margin-right: 0;
}
._320 main .agendamento form fieldset ul.dadosCadastro{
    margin-bottom: 30px;
}

._320 main .agendamento form fieldset ul.dadosEndereco{}
._320 main .agendamento form fieldset ul.dadosEndereco li{
    width: 100%;
    margin-right: 0;
}

._320 main .agendamento form fieldset li.cpf {width: 100%;}
._320 main .agendamento form fieldset li.telefone {width: 100%;}
._320 main .agendamento form fieldset li span.iconeDuvida {top: calc(50% + 11px);}
._320 main .agendamento form fieldset li.cvv span.icone {left: 12px;top: calc(50% + 12px);}
._320 main .agendamento form fieldset li.tipoAtendimento input {max-width: initial;padding-right: 32px;}
._320 main .agendamento form fieldset li.data input {max-width: initial;padding-right: 32px;}
._320 main .agendamento form fieldset li.liDataHora span.icone {top: calc(50% - 14px);}
._320 main .agendamento form fieldset input[type=text] {max-width: initial;} 
._320 main .agendamento form fieldset li.telefone input[type=text] {}
._320 main .agendamento form fieldset li.cvv input[type=text] {padding-left: 39px;}
._320 main .agendamento form fieldset .campos {width: 100%;max-width: initial;}
._320 main .agendamento form fieldset a.confirmar:active,
._320 main .agendamento form fieldset a.confirmar:link,
._320 main .agendamento form fieldset a.confirmar:visited {width: 100%;max-width: initial;margin-top: 10px;}
 
/* CARTAO MODELO */
._320 main .agendamento form fieldset .cartaoModelo{margin: 20px auto 0;width: 100%;max-width: 285px;}


._320 main .agendamento form fieldset .infoConsulta {width: 100%;margin-top: 30px;padding-top: 20px;}
._320 main .agendamento form fieldset .infoConsulta p {text-align: center;margin-bottom: 4px; font-size: 14px; padding: 0px;}
._320 main .agendamento form fieldset .infoConsulta .valor {text-align: center;}
 
._320 main .agendamento form fieldset .infoConsulta a.comprar:active,
._320 main .agendamento form fieldset .infoConsulta a.comprar:link,
._320 main .agendamento form fieldset .infoConsulta a.comprar:visited {width: 100%;max-width: 420px;height: 50px;}

._320 main .agendamento form fieldset .infoConsulta a.comprar b {z-index: 2;position: relative;font: 700 14px/14px 'Montserrat';padding-bottom: 2px;}

._320 main aside {position: relative;order: 1;width: 100%;}
._320 main aside h2 {border: none;box-shadow: none;}
._320 main aside h2 img {}
._320 main aside .perfil {margin-top: 32px;border: none;border-radius: 0;padding-bottom: 0;box-shadow: none;}
._320 main aside .perfil .boxAzul {border-radius: 0;height: 88px;} 
._320 main aside .perfil .imagem{top: -22px;width: 98px;height: 98px;left: 20px;transform: none;} 
._320 main aside .perfil .imagem .bola{width: 102px;height: 102px;top: -2px;} 
._320 main aside .perfil .imagem .bola span{width: 102px;height: 102px;background: #5dc7e9;} 
._320 main aside .perfil .imagem figure{width: 98px;height: 98px;}
._320 main aside .compraSegura .texto h3 {font-size: 14px;line-height: 14px;font-weight: 700;}
._320 main aside .compraSegura .texto h3 b {font-weight: 700;}
._320 main aside .compraSegura .texto p {line-height: 20px;font-size: 12px;}

._320 main aside .perfil .fundoBrilhante{height: 88px;}

._320 main aside .perfil .aroHumanoterapeuta{height: 88px;top: 0;} 
._320 main aside .perfil .aroHumanoterapeuta img{} 

._320 main aside .perfil p.nome {position: absolute;padding-top: 0;left: 135px;text-align: left;top: 13px;width: calc(100% - 138px);font-weight: 600;}
._320 main aside .perfil p.nome b {max-width: initial;font-size: 22px;text-shadow: none;color: #fff;line-height: 23px;font-weight: 700;}
._320 main aside .perfil span.registro {position: absolute;text-align: left;top: 54px;left: 135px;color: #cddfe7;opacity: 1;border-radius: 8px;font-size: 13px;font-weight: 600;}
._320 main aside .perfil p.sobre {display: none;}

._320 main aside .compraSegura {margin-top: 0px;border-radius: 0;padding-left: 0;justify-content: center;height: 60px;padding-top: 5px;box-shadow: none;border: none;background: #f4f4f4;}
._320 main aside .compraSegura img {width: 36px;}
._320 main aside .compraSegura .texto {padding-left: 10px;}



._320 main .agendamento .sucessoPagamento .texto{padding: 20px 15px; margin: 20px 10px;}
._320 main .agendamento .sucessoPagamento .texto:before{font-size: 23px; left: -8px; line-height: 25px; top: 8px;}
._320 main .agendamento .sucessoPagamento .botoesPagamento{padding: 20px 15px; margin: 20px 10px;}
._320 main .agendamento .sucessoPagamento .botoesPagamento .box{width: 100%;padding: 0;margin: 0 0 0 0;border: none;}


._320 main .agendamento .sucessoPagamento .pagamentoIndisponivel{width: 100%;margin: 0 0 10px;}
._320 main .agendamento .sucessoPagamento .pagamentoIndisponivel p{margin-top: 5px;}

._320 main .agendamento .sucessoPagamento .respostaTransacao{padding: 20px 0;margin: 20px 10px;}