html {
  line-height: 1.5;
  font-family: 'Poppins', sans-serif !important;
  font-weight: normal;
  color: #525f7f; }

body {
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden; }

.my-toast {
  position: absolute;
  right: 3rem;
  bottom: 2rem;
  z-index: 2000;
  background: #0b1526;
  width: 25%;
  border-radius: .3rem; }
  .my-toast .toast-body {
    padding: 1rem; }
    .my-toast .toast-body > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
  .my-toast p, .my-toast button {
    color: #dddddd; }
    .my-toast p:hover, .my-toast button:hover {
      color: #dddddd; }
  .my-toast button {
    padding: 1rem;
    position: absolute;
    right: .5rem;
    top: .5rem;
    background: #0b1526;
    border: none;
    cursor: pointer; }
  .my-toast p {
    line-height: 1.5rem;
    font-size: .8rem;
    font-weight: normal;
    margin: 0; }
  .my-toast span:before {
    font-size: 4rem;
    padding-right: 1rem;
    text-align: center; }
  .my-toast.sucess span:before {
    content: '\00263A';
    color: #00C853; }
  .my-toast.warning span:before {
    content: '\002639';
    padding-left: .5rem;
    font-size: 3rem;
    color: orangered; }

.d-none {
  display: none; }

.shadow {
  -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important; }

.areaTop {
  width: 100%;
  height: 20rem;
  background: #44ce6f;
  padding-top: 8rem; }
  .areaTop:after {
    content: "";
    position: absolute;
    left: -1%;
    top: 10rem;
    width: 101%;
    height: 15rem;
    background: #44ce6f;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    z-index: -1; }
  .areaTop .areaForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%; }
    .areaTop .areaForm .my-card {
      margin-top: 4rem;
      background: #FFFFFF;
      border-radius: .3rem;
      padding: 4rem 3rem;
      width: 50rem; }
      .areaTop .areaForm .my-card .row {
        margin-bottom: 5px; }
      .areaTop .areaForm .my-card .tabs .tab {
        margin-right: 2rem; }
        .areaTop .areaForm .my-card .tabs .tab a {
          padding: 0 0.3rem !important;
          font-size: .8rem !important;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .areaTop .areaForm .my-card .tabs .tab a span {
            width: 2rem;
            height: 2rem;
            background: #0b1526;
            color: #FFFFFF;
            line-height: 2rem;
            border-radius: 5rem;
            margin-right: .5rem;
            display: block; }
          .areaTop .areaForm .my-card .tabs .tab a.active {
            font-weight: bold !important; }
      .areaTop .areaForm .my-card .my-content-tab {
        margin-top: 1rem; }
      .areaTop .areaForm .my-card .my-form-title {
        text-align: center;
        font-weight: 600;
        margin-top: 1.5rem; }
      .areaTop .areaForm .my-card .jhd-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }

.my-ViewNotice {
  padding: 10rem 0 3rem; }
  .my-ViewNotice .title-notice {
    margin: 1rem 0 2rem;
    text-align: justify; }
  .my-ViewNotice .date-notice {
    margin: 1em 0;
    font-weight: bold; }
  .my-ViewNotice .descrition-notice {
    text-align: justify; }

.btn-secundary {
  background: #e0deeb !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }
  .btn-secundary span {
    color: #0b0c26; }

.dropdown-content {
  width: 15rem !important;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #525f7f;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 0 solid rgba(0, 0, 0, 0.15);
  border-radius: .3rem;
  -webkit-box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1) !important; }
  .dropdown-content a {
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    padding: 1rem;
    font-size: .875rem; }
    .dropdown-content a i {
      margin-right: 1rem;
      font-size: 1rem;
      vertical-align: -17%; }
    .dropdown-content a:hover {
      color: #16181b;
      text-decoration: none;
      background-color: #f6f9fc; }

.modal-login {
  width: 30rem !important;
  border-radius: .5rem;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content; }
  .modal-login .my-content {
    padding: 1rem; }
    .modal-login .my-content .modal-close {
      position: absolute;
      right: 1rem;
      top: 1rem; }
    .modal-login .my-content .row {
      margin-bottom: 0; }
    .modal-login .my-content .my-areaTop {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .modal-login .my-content .my-areaTop h5 {
        margin: 1rem 0; }
      .modal-login .my-content .my-areaTop div {
        background-size: cover;
        width: 8rem;
        height: 8rem; }
    .modal-login .my-content .areaButtons a {
      width: 100%;
      margin: 1rem 0; }

.modalEmprego h4 {
  font-size: 1.5rem;
  margin: 1rem 0 2rem 0; }

.modalEmprego emprego, .modalEmprego empresa {
  font-weight: 700; }

.jhd-areaProfile {
  padding: 9rem 5rem 10rem;
  background: #F5F5FF; }
  .jhd-areaProfile * {
    color: #525f7f; }
  .jhd-areaProfile .contentProfile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .jhd-areaProfile .contentProfile .btn {
      width: unset;
      padding: 11px 30px;
      font-size: 14px;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-weight: normal;
      line-height: 14px;
      border-radius: 100px;
      letter-spacing: 1.25px;
      height: auto; }
    .jhd-areaProfile .contentProfile .btn-secundary {
      color: #525f7f !important; }
    .jhd-areaProfile .contentProfile .my-btn {
      background: #0ac96e !important;
      color: #FFFFFF; }
    .jhd-areaProfile .contentProfile > div {
      margin: 2rem;
      border-radius: .3rem;
      border: none; }
    .jhd-areaProfile .contentProfile .areaLeft {
      width: 20rem; }
      .jhd-areaProfile .contentProfile .areaLeft ul {
        width: 100% !important;
        padding: .5rem 0;
        margin: .125rem 0 2rem;
        font-size: 1rem;
        color: #525f7f;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 0 solid rgba(0, 0, 0, 0.15);
        border-radius: .3rem; }
        .jhd-areaProfile .contentProfile .areaLeft ul a {
          display: block;
          width: 100%;
          clear: both;
          font-weight: 300;
          text-align: inherit;
          white-space: nowrap;
          background-color: transparent;
          border: 0;
          padding: 1rem 2rem !important;
          font-size: .85rem;
          text-transform: uppercase;
          border-bottom: 1px solid #fafafa; }
          .jhd-areaProfile .contentProfile .areaLeft ul a i {
            margin-right: 1.5rem;
            font-size: 1.1rem;
            vertical-align: -17%; }
          .jhd-areaProfile .contentProfile .areaLeft ul a.active {
            color: #0ac96e !important;
            text-decoration: none;
            font-weight: 700; }
            .jhd-areaProfile .contentProfile .areaLeft ul a.active i {
              color: #0ac96e !important; }
      .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.5rem; }
        .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers h3 {
          font-size: 1.3rem;
          margin-bottom: .5rem; }
        .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers .btn {
          text-align: center;
          margin: 1rem 0; }
        .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers .areaChart {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers .areaChart span {
            width: 8rem;
            height: 8rem;
            margin: 1rem auto;
            border: 3px solid #0da5c0;
            border-radius: 50rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
        .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil p {
          text-align: center;
          margin-top: -3rem;
          z-index: 1; }
        .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil .circular-progress {
          position: relative;
          margin: auto;
          margin-top: 1.5rem; }
          .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil .circular-progress, .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil .circular-progress:before, .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil .circular-progress:after {
            width: 12rem;
            height: 12rem;
            border-radius: 50%; }
          .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil .circular-progress:before, .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil .circular-progress:after {
            position: absolute;
            top: 0;
            left: 0;
            text-align: center; }
          .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil .circular-progress:before {
            line-height: 8rem;
            padding: .5em;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 1.8rem; }
          .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil .circular-progress:after {
            line-height: 13rem; }
        .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._25 {
          background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, tomato), color-stop(50%, rgba(255, 99, 71, 0.2)));
          background: -webkit-linear-gradient(bottom, tomato 50%, rgba(255, 99, 71, 0.2) 50%);
          background: -o-linear-gradient(bottom, tomato 50%, rgba(255, 99, 71, 0.2) 50%);
          background: linear-gradient(0deg, tomato 50%, rgba(255, 99, 71, 0.2) 50%);
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
          .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._25:before, .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._25:after {
            color: tomato; }
          .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._25:before {
            content: "Inapto";
            background: #fff content-box;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            text-transform: uppercase; }
          .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._25:after {
            content: "25%";
            background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff));
            background: -webkit-linear-gradient(transparent 50%, #fff 50%);
            background: -o-linear-gradient(transparent 50%, #fff 50%);
            background: linear-gradient(transparent 50%, #fff 50%);
            -webkit-transform: scale(1.1) rotate(-45deg);
            -ms-transform: scale(1.1) rotate(-45deg);
            transform: scale(1.1) rotate(-45deg); }
        .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._50 {
          background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, orange), color-stop(50%, rgba(255, 165, 0, 0.2)));
          background: -webkit-linear-gradient(bottom, orange 50%, rgba(255, 165, 0, 0.2) 50%);
          background: -o-linear-gradient(bottom, orange 50%, rgba(255, 165, 0, 0.2) 50%);
          background: linear-gradient(0deg, orange 50%, rgba(255, 165, 0, 0.2) 50%);
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
          .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._50:before, .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._50:after {
            color: orange; }
          .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._50:before {
            content: "Apto";
            background: #fff content-box;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            text-transform: uppercase; }
          .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._50:after {
            content: "50%";
            background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff));
            background: -webkit-linear-gradient(transparent 50%, #fff 50%);
            background: -o-linear-gradient(transparent 50%, #fff 50%);
            background: linear-gradient(transparent 50%, #fff 50%);
            -webkit-transform: scale(1.1) rotate(-90deg);
            -ms-transform: scale(1.1) rotate(-90deg);
            transform: scale(1.1) rotate(-90deg); }
        .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._75 {
          background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, steelblue), color-stop(50%, rgba(70, 130, 180, 0.2)));
          background: -webkit-linear-gradient(bottom, steelblue 50%, rgba(70, 130, 180, 0.2) 50%);
          background: -o-linear-gradient(bottom, steelblue 50%, rgba(70, 130, 180, 0.2) 50%);
          background: linear-gradient(0deg, steelblue 50%, rgba(70, 130, 180, 0.2) 50%);
          -webkit-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
          transform: rotate(135deg); }
          .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._75:before, .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._75:after {
            color: steelblue; }
          .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._75:before {
            content: "Apto";
            background: #fff content-box;
            -webkit-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
            text-transform: uppercase; }
          .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._75:after {
            content: "75%";
            background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff));
            background: -webkit-linear-gradient(transparent 50%, #fff 50%);
            background: -o-linear-gradient(transparent 50%, #fff 50%);
            background: linear-gradient(transparent 50%, #fff 50%);
            -webkit-transform: scale(1.1) rotate(-135deg);
            -ms-transform: scale(1.1) rotate(-135deg);
            transform: scale(1.1) rotate(-135deg); }
        .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._100 {
          background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, green), color-stop(50%, rgba(0, 128, 0, 0.2)));
          background: -webkit-linear-gradient(bottom, green 50%, rgba(0, 128, 0, 0.2) 50%);
          background: -o-linear-gradient(bottom, green 50%, rgba(0, 128, 0, 0.2) 50%);
          background: linear-gradient(0deg, green 50%, rgba(0, 128, 0, 0.2) 50%);
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
          .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._100:before, .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._100:after {
            color: green; }
          .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._100:before {
            content: "Apto";
            background: #fff content-box;
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
            text-transform: uppercase; }
          .jhd-areaProfile .contentProfile .areaLeft ul.areaOthers.jhd-perfil ._100:after {
            content: "100%";
            background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff));
            background: -webkit-linear-gradient(transparent 50%, #fff 50%);
            background: -o-linear-gradient(transparent 50%, #fff 50%);
            background: linear-gradient(transparent 50%, #fff 50%);
            -webkit-transform: scale(1.1) rotate(-180deg);
            -ms-transform: scale(1.1) rotate(-180deg);
            transform: scale(1.1) rotate(-180deg); }
    .jhd-areaProfile .contentProfile .jhd-areaRight {
      width: calc(100% - 20rem);
      background: #FFFFFF; }
      .jhd-areaProfile .contentProfile .jhd-areaRight .contentBody {
        display: none;
        -webkit-transition: opacity 2s ease-in;
        -o-transition: opacity 2s ease-in;
        transition: opacity 2s ease-in; }
        .jhd-areaProfile .contentProfile .jhd-areaRight .contentBody.my-show {
          display: block;
          -webkit-animation: fadein 1s;
          animation: fadein 1s; }

@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; }
  from {
    margin-top: 10rem; }
  to {
    margin-top: 0; } }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; }
  from {
    margin-top: 10rem; }
  to {
    margin-top: 0; } }
      .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody {
        padding: 1rem 3rem; }
        .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody h3 {
          font-size: 1.3rem;
          margin: .6rem; }
          .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody h3.title {
            color: #0ac96e !important; }
        .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section article {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: .6rem; }
            .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section article .areaImg {
              width: 15rem;
              height: 10rem;
              display: block;
              border-radius: .5rem;
              overflow: hidden; }
              .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section article .areaImg img {
                width: 100%;
                border-radius: .5rem; }
            .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section article .areabt {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column;
              margin: 2rem; }
              .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section article .areabt .btn {
                width: auto;
                margin: 1rem 0; }
          .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section input:not([readonly]),
          .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section input:not([type]),
          .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section input[type=text]:not(.browser-default),
          .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section input[type=password]:not(.browser-default),
          .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section input[type=email]:not(.browser-default),
          .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section input[type=number]:not(.browser-default),
          .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section input[type=search]:not(.browser-default),
          .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section textarea.materialize-textarea {
            background: #f5f5ff !important;
            border-bottom: #f5f5ff;
            padding-left: .3rem; }
          .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section .input-field {
            margin-bottom: .5rem !important; }
          .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section small {
            padding: .3rem .6rem;
            font-size: .8rem; }
          .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section .areaPlus {
            width: 100%;
            padding: 0 1rem; }
            .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section .areaPlus span {
              background: #f5f5ff;
              border: 1px dashed #0da5c0;
              padding: 1rem;
              text-align: center;
              color: #0da5c0;
              width: 100%;
              cursor: pointer;
              border-radius: .3rem;
              font-weight: 600;
              display: block; }
          .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section .areaResume {
            width: 100%;
            padding: 0 1rem;
            margin-bottom: 1rem;
            position: relative; }
            .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section .areaResume > div {
              padding: .5rem 1rem;
              border: 1px solid #0da5c0;
              border-radius: .3rem; }
              .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section .areaResume > div h5 {
                font-size: 1rem;
                font-weight: 600;
                margin: .5rem 0; }
              .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section .areaResume > div p {
                color: #91a4ae; }
            .jhd-areaProfile .contentProfile .jhd-areaRight .areaBody section .areaResume span {
              position: absolute;
              top: 1rem;
              right: 2rem;
              cursor: pointer; }
      .jhd-areaProfile .contentProfile .jhd-areaRight .areaFooter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding: 0  3.5rem 3.5rem 3.5rem; }
        .jhd-areaProfile .contentProfile .jhd-areaRight .areaFooter .btn {
          margin-left: 1rem; }

.areaSociais {
  margin-top: 2rem; }
  .areaSociais h5 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    font-weight: 600; }
  .areaSociais a {
    margin: 0 .5rem 0 0; }

.areaFrame {
  padding: 1.5rem 0 1rem; }
  .areaFrame iframe {
    width: 100%;
    height: 20rem; }

.areaContacto {
  padding: 1rem 0 3rem; }
  .areaContacto .my-areaDados .text-center {
    text-align: center; }
  .areaContacto .my-areaDados .mb-5 {
    margin-bottom: 2rem; }
  .areaContacto .my-areaDados .mt-4 {
    margin-top: 1rem; }
  .areaContacto .my-areaDados .card {
    -webkit-box-shadow: 0px 40px 60px 0px rgba(92, 10, 20, 0.08);
    box-shadow: 0px 40px 60px 0px rgba(92, 10, 20, 0.08);
    border: none; }
    .areaContacto .my-areaDados .card .jhd-areaForm {
      padding: 3rem; }
      .areaContacto .my-areaDados .card .jhd-areaForm .prefix {
        font-size: 1.3rem !important;
        color: #525f7f;
        top: 1rem !important; }
    .areaContacto .my-areaDados .card .jhd-areaInfo {
      padding: 3rem 4rem;
      border-right: 1px solid #f6f6f6; }
      .areaContacto .my-areaDados .card .jhd-areaInfo h4 {
        margin-bottom: 3rem;
        font-weight: 400;
        line-height: 1.5;
        color: #32325d; }
      .areaContacto .my-areaDados .card .jhd-areaInfo b, .areaContacto .my-areaDados .card .jhd-areaInfo p {
        color: #525f7f; }
      .areaContacto .my-areaDados .card .jhd-areaInfo p {
        margin-bottom: 1rem;
        font-size: 1rem;
        font-weight: 200;
        line-height: 1.7; }
    .areaContacto .my-areaDados .card .jhd-radios {
      display: block; }
  .areaContacto .my-areaDados.my-show {
    display: block;
    -webkit-animation: fadein 1s;
    animation: fadein 1s; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; }
  from {
    margin-top: 10rem; }
  to {
    margin-top: 0; } }