.bg-kaloni{
    background-color: #0b2363;
    padding: 10px;
}
html {
    scroll-behavior: smooth;
  }
  ::placeholder {
      color: #A9A9A9;
  }
  :-ms-input-placeholder {
      color: #A9A9A9;
  }
  ::-ms-input-placeholder {
      color: #A9A9A9;
  }
  .MensajeInvalid-feedback {
      display: inline-block;
      width: -webkit-fill-available;width: -moz-available;
      font-weight: 500;
      font-size: 13px;
      line-height: 17px;
      color: #dd0707;
      margin: 10px 0 20px 0;
  }
  .MensajeInvalid-feedback i {
      font-size: 14px;
      margin-right: 6px;
  }
  .invalidBorder {
      border: 2px solid #dd0707!important;
  }
  body {
    margin: 0px;
    color: #2a2a2a;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    line-height: 23px;
    font-weight: 400;
    overflow-x: hidden;
    background: #fff;
  }
  img {
    width: 100%;
  }
  header {
    width: -webkit-fill-available;width: -moz-available;
    display: inline-block;
  }
  a {
    text-decoration: none;
  }
  .Header {
    width: -webkit-fill-available;width: -moz-available;
    display: inline-block;
    width: 100%;
    position: fixed;
    top: -1px;
    left: 0;
    z-index: 33;
    background: #032755;
    padding: 20px 30px;
       -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
  }
  .LogoRenewT {
      width: auto;
      display: inline-block;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
  }
  .DivRight {
      width: 25%;
      display: inline-block;
      float: right;
      text-align: right;
      margin-top: 7px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
  }
  .DivRight a {
      color: #fff;
  }
  .idioma-active {
      color: #fff!important;
      font-weight: 600;
  }
  .Form-container {
     width:-webkit-fill-available;width:-moz-available;
     display: inline-block;
     margin-top: 130px;
     margin-bottom: 100px;
     padding: 30px 50px;
  }
  #regiration_form fieldset:not(:first-of-type) {
      display: none;
  }
  .ContProgress {
      position: relative;
      z-index: 1;
  }
  .FormularioDoctor {
      display: none;
  }
  .progress {
      width: 635px;
      border-radius: 0;
      background: #e1e1e1;
  }
  .progress-bar {
      background: #626262;
  }
  .bardesk {
      transform: rotate(90deg);
      position: absolute;
      z-index: 2;
      top: 297px;
      left: -290px;
  }
  .bardeskSpans {
      width: 216px;
      /*width: 69%;*/
      text-align: left;
      display: inline-block;
      margin-left: 38px;
      /*margin-top: 10px;*/
  }
  .bardeskSpans span {
      width: 100%;
  }
  .barmob {
      display: none;
  }
  .ContForm {
      margin-top: 15px;
      padding-left: 85px;
  }
  .col-Radio {
      width: 165px;
      display: inline-block;
  }
  .col-Radio2 {
      width: 120px;
      display: inline-block;
  }
  .col-Radio3 {
      display: inline-block;
  }
  .form-group {
      width:-webkit-fill-available;width:-moz-available;
      display: inline-block;
      margin-bottom: 8px;
  }
  .form-groupMargin {
      margin-bottom: 0px;
  }
  .form-group span {
      width:-webkit-fill-available;width:-moz-available;
      display: inline-block;
      margin-bottom: 6px;
  }
  .form-group label {
      width:-webkit-fill-available;width:-moz-available;
      display: inline-block;
      text-align: left;
      /*margin-bottom: 7px;*/
  }
  .form-group input {
      display: inline-block;
      padding: 7px 10px;
      border: none;
      border-radius: 0px;
      margin-bottom: 5px;
      margin-top: 4px;
      width: 50%;
      box-sizing: border-box;
      color: #454545;
      background-color: #f8f8f8;
      font-size: 13px;
      box-shadow: inset 2px 3px 6px #9c9c9c;
      outline: none!important;
  }
  .form-group input:focus {
      outline: none!important;
      border: none!important;
  }
  .form-group ul li {
      list-style: none;
      margin-bottom: 6px;
  }
  .fgStyleList ul li {
      list-style: disc;
  }
  .FormularioRadios {
      width: -webkit-fill-available;width: -moz-available;
      display: inline-block;
      margin-top: 16px;
      font-size: 11px;
  }
  .LabelRadios {
      width: -webkit-fill-available!important;width: -moz-available!important;
  }
  .checkboxInput input[type="checkbox"] {
      display: none;
  }
  /*.RadioSx {
      position: absolute;
      text-align: center!important;
  }*/
  .txtSx {
      width: -webkit-fill-available;width: -moz-available;
      display: inline-block;
      text-align: center;
  }
  .radio-button-1 {
      width: 206px;
      height: 110px;
      background: #fff!important;
      /*border: 1px solid #2a2a2a!important;*/
      box-shadow: none!important;
      float: left;
      border-radius: 0;
      color: #2a2a2a;
      font-size: 16px;
  }
  .radio-button-1::after {
      content: '';
      position: absolute;
      width: 206px;
      height: 112px;
      background-color: #2a2a2a38;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 0;
  }
  .radio-button-2 {
      width: 13px!important;
      height: 13px;
      background-color: #F5F5F5;
      box-shadow: inset 0px 3px 4px #adadad;
      display: inline-block;
      border-radius: 50%;
      cursor: pointer;
      position: relative;
      border: none;
  }
  .radio-button-2::after {
      content: '';
      position: absolute;
      width: 8px;
      height: 8px;
      background-color: #2a2a2a;
      border-radius: 50%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 0;
  }
  .Rdio1 {
      float: left;
      margin: 4px 7px 0 0;
  }
  .checkboxInput input[type="checkbox"]:checked + label .radio-button-2::after {
      opacity: 1;
  }
  .InputRadio input[type="radio"] {
      display: none;
  }
  .InputRadio input[type="radio"]:checked + label .radio-button-2::after {
      opacity: 1;
  }
  .InputRadio input[type="radio"]:checked + label .radio-button-1::after {
      opacity: 1;
  }
  .field-inline-block {
     width:-webkit-fill-available;width:-moz-available;
     display: inline-block;
  }
  .field-inline-block input {
      width: 74px;
      margin-right: 10px;
  }
  .ModForm-group {
     width:-webkit-fill-available;width:-moz-available;
     display: inline-block;
     margin-bottom: 100px;
  }
  .MFgSinMargin {
     margin-bottom: 4px;
  }
  .previous{
      background: #032755;
      border: 1px solid #032755;
      color: #f6f6f6;
      border-radius: 90px;
      padding: 8px 21px;
      font-size: 13px;
  }
  .next, .btn-success {
      float: right;
      background: #032755;
      border: 1px solid #032755;
      color: #f6f6f6;
      border-radius: 90px;
      padding: 8px 23px;
      font-size: 13px;
  }
  .previous:hover, .next:hover, .btn-success:hover {
      background: #f6f6f6;
      border: 1px solid #032755;
      color: #032755;
  }
  .previous:focus, .next:focus, .btn-success:focus {
      background: #2a2a2a!important;
      border: 1px solid #2a2a2a!important;
      color: #f6f6f6!important;
  }
  .btnLeft {
      float: left;
  }
  .BtnSexo {
      width: 206px!important;
      height: 112px;
      background: #fff!important;
      border: 1px solid #2a2a2a!important;
      box-shadow: none!important;
      float: left;
      border-radius: 0;
      margin-right: 10px;
      color: #2a2a2a;
      font-size: 16px;
      position: relative;
      z-index: 1;
  }
  .btnSexo:hover {
      background: #2a2a2a!important;
      border: 1px solid #2a2a2a!important;
      color: #fff;
  }
  .btnSexo:focus {
      background: #2a2a2a!important;
      border: 1px solid #2a2a2a!important;
      color: #fff;
  }
  .TitForm {
      width: -webkit-fill-available;width: -moz-available;
      display: inline-block;
      text-align: left;
      font-size: 26px;
      line-height: 37px;
      font-weight: 400;
      margin-bottom: 40px;
  }
  .TitFormBold {
      font-size: 43px;
      line-height: 52px;
      font-weight: bold;
  }
  .spanPaso {
      width: -webkit-fill-available;width: -moz-available;
      display: inline-block;
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 22px;
  }
  .spanPasoMob {
      display: none;
      font-size: 14px;
      color: #868686;
  }
  .fgTxt {
      width: -webkit-fill-available;width: -moz-available;
      display: inline-block;
      margin-bottom: 5px!important;
  }
  .fgInputSexo {
      width: 206px;
      height: 112px;
      display: inline-block;
      position: relative;
      z-index: 1;
      margin-right: 9px;
  }
  .fgInputSexo label {
      width: auto!important;
      position: absolute;
      z-index: 2;
      top: 78px;
      left: 77px;
      font-size: 17px;
      font-weight: 500;
  }
  .fgInputSexoimg {
      width: 42px;
      float: left;
      position: absolute;
      z-index: 2;
      left: 41%;
      top: 20px;
  }
  .sW {
      width: 35px;
  }
  .ModBorder {
      width: -webkit-fill-available;width: -moz-available;
      display: inline-block;
      margin: 40px 0 30px 0;
      padding: 20px 0px 40px 0;
      border-bottom: 1px solid #000;
      font-size: 11px;
  }
  .ModBorder span {
      width: -webkit-fill-available;width: -moz-available;
      display: inline-block;
  }
  .TxtWeight {
      font-weight: 500;
  }
  .Binput {
      width: 130px!important;
      height: 74px;
      display: inline-block;
      text-align: center;
      border-radius: 10px!important;
      font-size: 30px!important;
  }
  .TxtColor {
      color: #909090;
  }
  .checkboxInput {
      width: -webkit-fill-available;width: -moz-available;
      float: left;
  }
  .InputSinWidth {
      width: auto;
      float: left;
      margin-right: 25px;
  }
  .FilaFG {
      width: -webkit-fill-available;width: -moz-available;
      display: inline-block;
      padding: 10px 0;
  }
  .fgBorder {
      border-bottom: 2px solid #e4e4e4;
  }
  .fgBorder label {
      width: auto!important;
  }
  .Rdio2 {
      float: left;
      margin: 4px 15px 0 0;
  }
  .Formintern {
      margin-top: 10px;
      margin-bottom: 50px;
  }
  .fgDate input {
      width: 125px!important;
      border-radius: 5px!important;
      margin-bottom: 0!important;
  }
  .InputInter {
      width: -webkit-fill-available!important;width: -moz-available!important;
      height: 35px;
      display: inline-block;
      border-radius: 5px!important;
      margin-bottom: 5px!important;
  }
  .InputCorto {
      width: 105px!important;
  }
  .btnGuardar {
      width: auto;
      background: #fff;
      border: none;
      outline: none;
      color: #2a2a2a;
      border-bottom: 1px solid #2a2a2a;
      float: right;
      margin-top: 5px;
      margin-right: 21px;
      padding: 0;
      border-radius: 0;
  }
  .labelWidth {
      width: -webkit-fill-available;width: -moz-available;
      display: inline-block;
      margin-bottom: 15px;
  }
  footer {
      width: -webkit-fill-available;width: -moz-available;
      display: inline-block;
      margin-top: 30px;
      background: #032755;
      color: #f6f6f6;
      padding: 30px;
  }
  .ModFooter {
      width: -webkit-fill-available;width: -moz-available;
      display: inline-block;
  }
  .ModFooter img {
      width: 143px;
  }
  .Privacidad {
      text-align: right;
      margin-top: 4px;
  }
  .Privacidad a {
      color: #a1acba;
  }
  .PrivacidadMargin {
      margin-right: 31px;
  }
  @media (max-width: 575.98px) {
  .LogoRenewT {
      width: 150px;
  }
  .DivRight {
      width: 41%;
  }
  .bardesk {
      display: none;
  }
  .progress-bar {
      height: 19px;
  }
  .barmob {
      width: -webkit-fill-available;width: -moz-available;
      height: 19px;
      display: block;
  }
  .bardeskSpans {
      display: none;
  }
  .ContForm {
      margin-top: 10px;
      padding: 0 10px;
  }
  .Form-container {
      margin-top: 76px;
      margin-bottom: 10px;
      padding: 30px 2px;
  }
  .spanPaso {
      display: none;
  }
  .spanPasoMob {
      display: inline-block;
  }
  .TitForm {
      margin-top: 28px;
      margin-bottom: 7px;
  }
  .form-group {
      margin-bottom: 0px;
      margin-top: 0px;
  }
  .ModForm-group {
      margin-bottom: 26px;
  }
  .ModBorder {
      margin: 10px 0 20px 0;
      padding: 5px 0px 5px 0;
  }
  .ModForm-group {
      margin-bottom: 40px;
  }
  .MFgSinMargin {
      margin-bottom: 4px!important;
      margin-top: 40px;
  }
  .form-group input {
      width: 100%;
      margin-bottom: 24px;
      margin-top: 4px;
  }
  .fgTxt {
      width: -webkit-fill-available;
      width: -moz-available;
      display: inline-block;
      margin-bottom: 10px!important;
  }
  .BtnSexo {
      margin-right: 0;
      margin-bottom: 11px;
  }
  .labelWidth {
      margin-bottom: 0px;
  }
  .fgBorder label {
      margin-bottom: 8px;
  }
  .ModFooter {
      text-align: center;
  }
  .Privacidad {
      margin-top: 22px;
  }
  .PrivacidadMargin {
      margin-right: 0px;
  }
  .btnGuardar {
      margin: 5px;
  }
  }
  
  @media (min-width: 576px) and (max-width: 767.98px) {
  .bardesk {
      display: none;
  }
  .DivRight {
      width: 40%;
  }
  .progress-bar {
      height: 19px;
  }
  .barmob{
      width: -webkit-fill-available;width: -moz-available;
      height: 19px;
      display: block;
  }
  .bardeskSpans {
      display: none;
  }
  .ContForm {
      margin-top: 10px;
      padding: 0 10px;
  }
  .Form-container {
      margin-top: 76px;
      margin-bottom: 10px;
      padding: 30px 20px;
  }
  .spanPaso {
      display: none;
  }
  .spanPasoMob {
      display: inline-block;
  }
  .TitForm {
      margin-top: 28px;
      margin-bottom: 7px;
  }
  .ModBorder {
      margin: 10px 0 20px 0;
      padding: 5px 0px 5px 0;
  }
  .ModForm-group {
      margin-bottom: 40px;
  }
  .form-group {
      margin-bottom: 0px;
      margin-top: 0px;
  }
  .MFgSinMargin {
      margin-bottom: 4px!important;
      margin-top: 40px;
  }
  .fgTxt {
      width: -webkit-fill-available;
      width: -moz-available;
      display: inline-block;
      margin-bottom: 10px!important;
  }
  .form-group input {
      width: 100%;
      margin-bottom: 24px;
      margin-top: 4px;
  }
  .labelWidth {
      margin-bottom: 0px;
  }
  .fgBorder label {
      margin-bottom: 8px;
  }
  .ModFooter {
      text-align: center;
  }
  .Privacidad {
      margin-top: 30px;
  }
  .PrivacidadMargin {
      margin-right: 0px;
  }
  .btnGuardar {
      margin-right: 15px;
  }
  }
  
  @media (min-width: 768px) and (max-width: 991.98px) {
  .bardesk {
      display: none;
  }
  .progress-bar {
      height: 19px;
  }
  .barmob {
      width: -webkit-fill-available;width: -moz-available;
      height: 19px;
      display: block;
  }
  .bardeskSpans {
      display: none;
  }
  .MFgSinMargin {
      margin-bottom: 4px!important;
      margin-top: 40px;
  }
  .ContForm {
      margin-top: 10px;
      padding: 0 10px;
  }
  .Form-container {
      margin-top: 76px;
      margin-bottom: 10px;
      padding: 30px 25px;
  }
  .spanPaso {
      display: none;
  }
  .spanPasoMob {
      display: inline-block;
  }
  .TitForm {
      margin-top: 35px;
  }
  .form-group input {
      width: 100%;
      margin-bottom: 24px;
      margin-top: 5px;
  }
  }
  
  @media (min-width: 992px) and (max-width: 1199.98px) {
  .bardesk {
      top: 298px;
  }
  .Form-container {
      padding: 30px 10px;
      margin-bottom: 2px;
  }
  .ContForm {
      padding-left: 60px;
  }
  .TitFormBold {
      font-size: 39px;
  }
  }
  
  @media (min-width: 1200px) and (max-width: 1399.98px) {
  .bardesk {
      top: 297px;
  }
  .Form-container {
      margin-bottom: 33px;
  }
  }