/* 
---
GENERAL STYLES 
---

This document contents all general styles.
*/

/*_____ General */

body {
  width: 100%;
}

body.off {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  width: 100%;
  height: auto;
}

.noscroll {
  overflow: hidden;
}
.desktop-none {
  display: none;
}

.anim {
  transition: all 1s;
  -webkit-transition: all 1s;
  -webkit-animation-timing-function: cubic-bezier(0.48, 0.02, 0, 0.99);
  animation-timing-function: cubic-bezier(0.48, 0.02, 0, 0.99);
}

.blue-green {
  color: #4ABED3; 
}

.bold {
  font-weight: bold; 
}





/* ---------------------------------------- */
/* SIMULATE AND CONTACT MODALS */
.container-btns-simulatecontact {
  position: fixed;
  bottom: 10%;
  right: 0;
  height: 142px;
  width: 132px;

  padding-left: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.btn-simulate {
  cursor: pointer;
  height: 72px;
  width: 72px;
  background-color: #ffae46;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.2);
}

.img-simulate {
  margin: 0 auto;
  width: 22px;
  height: 12px;
  background-image: url(../images/btn-simulate.svg);
  background-position: center;
  background-size: cover;
}

.btn-simulate img {
  width: 27.5px;
  height: 15px;
}

.btn-simulate span {
  font-family: "Source Sans Pro";
  color: #fff;
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 1px;
}

.btn-contact {
  cursor: pointer;
  position: relative;
  height: 70px; 
  width: 70px; 
  top: 8px;
  background-color: #fff;
  background-image: url(../images/btn-contact.svg);
  background-position: center;
  background-repeat: no-repeat;

  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.2);
}

.btn-contact img {
  width: 18.23px;
  height: 18.27px;
}

.simulator-container {
  z-index: 9999;
  position: fixed;
  width: 368px;
  bottom: 20px;
  right: 20px;
  padding: 22px;
  background-color: #fff;
  border-radius: 10px;
}

.simulator-container h3 {
  font-family: "Source Sans Pro";
  line-height: 16px;
  font-size: 16px;
  color: #004f8b;
}

.btn-simulator {
  width: 100%;
  height: 52px;
  background: #337bfb;
  border-radius: 3px;
  font-family: "Source Sans Pro";
  line-height: normal;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}

.btn-election-simulator {
  margin-top: 40px;
}

.btn-simulator:disabled {
  width: 100%;
  height: 52px;
  background: #d8d8d8;
  border-radius: 3px;
  font-family: "Source Sans Pro";
  line-height: normal;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  margin-top: 88px;
  cursor: pointer;
}

.type-modal-title,
.type-simulator-container {
  position: relative;
}

.type-modal-title {
  margin-bottom: 28px;
}

.btn-close-simulator {
  position: relative;
  float: right;
  width: 12px;
  height: 12px;
  z-index: 20;
  color: #004f8b;
  text-align: right;
  cursor: pointer;
  font-size: 24px;
  background-color: white;
  background-image: url(../images/close-modal.svg);
  background-position: center;
  background-size: cover;
}

.btn-close-simulator-white {
  background: url(../images/close-modal-white.svg) no-repeat center;
}

.election-container {
  margin-left: 2px;
  overflow: auto;
}

.simulator-container h1 {
  font-family: "Source Sans Pro";
  line-height: normal;
  font-size: 32px;
  color: #4bbed3;
  margin-bottom: 16px;
}

.election-container form {
  margin-top: 15px;
  width: 100%;
}

.election-container form label {
  font-family: "Source Sans Pro";
  line-height: normal;
  font-size: 16px;
  color: #337bfb;
  position: relative;
  bottom: 2.5px;
  left: 16px;
}

.election-container form label.active {
  font-weight: bold;
}

.radio-election-simulator {
  cursor: pointer;
  height: 14px;
  width: 14px;
  border: 1px solid #337bfb;
  background-color: #fff;
  border-radius: 100%;
  margin-top: 33px;
  display: inline-block;
}

.radio-election-simulator.active {
  background-color: #337bfb;
}

.life-secure-simulator {
  width: 648px;
  max-height: 80%;
  overflow: auto;
}

.life-secure-container h3 {
  margin-bottom: 40px;
}

.dropdown-container {
  margin-bottom: 24px;
}

.dropdown-simulator {
  position: relative;
  display: flex;
  align-items: center;
  font-family: "Source Sans Pro";
  line-height: normal;
  font-weight: bold;
  font-size: 16px;
  color: #004f8b;
  width: 100%;
  height: 52px;
  padding: 0 15px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  cursor: pointer;
}

.dropdown-simulator.active {
  background-color: #004f8b;
  color: white;
}

.dropdown-simulator.active .img-dropdown-simulator {
  position: absolute;
  background-image: url(../images/dropdown-arrow-open.svg);
  background-position: center;
  background-size: cover;
  top: 23px;
}

.dropdown-simulator .img-delete-person-simulator {
  position: absolute;
  right: 40px;
  top: 52%;
  font-size: 16px;
  color: white;
  z-index: 20;
  transform: translateY(-50%);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #004f8b;
}
.dropdown-simulator .img-delete-person-simulator img {
  max-width: 10px;
}

.dropdown-simulator.active .img-delete-person-simulator {
  background: #fff;
}

.dropdown-life-secure {
  position: relative;
  display: flex;
  align-items: center;
  font-family: "Source Sans Pro";
  line-height: normal;
  font-size: 16px;
  width: 47.5%;
  height: 40px;
  padding: 0;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid #004f8b !important;
  border-radius: 3px;
  cursor: pointer;
}

.select-life-error {
  font-family: "Source Sans Pro";
  font-size: 12px;
  display: block;
  color: #ed3d12;
  margin-top: 12px;
  display: none;
}
.select-life-error.active {
  display: block;
}

.dropdown-life-secure.active {
  background-color: #004f8b;
  color: white;
  font-weight: bold;
}

.dropdown-life-secure.active .img-dropdown-simulator {
  position: absolute;
  background-image: url(../images/dropdown-arrow-open.svg);
  background-position: center;
  background-size: cover;
}

.dropdown-life-secure-options-container {
  position: absolute;
  font-family: "Source Sans Pro";
  line-height: normal;
  font-size: 16px;
  width: 43%;
  margin-top: 0;
  border: 1px solid #004f8b;
  border-top: none;
  border-radius: 3px;
  cursor: pointer;
  z-index: 20;
  display: none;
  z-index: 999;
  background: #ffffff;
  top: 100%;
  left: 0;
  width: 100%;
  color: #004f8b;
  font-weight: 400;
}

.dropdown-life-secure-options-container.active {
  display: block;
}

.dropdown-life-secure-option {
  padding: 8px 0;
  transition: 0.3s all ease-in-out;
}

.dropdown-life-secure-option:hover {
  background-color: rgba(10, 100, 169, 0.35);
  color: white;
}

.img-dropdown-simulator {
  position: absolute;
  right: 15px;
  width: 9.5px;
  height: 9.5px;
  background-image: url(../images/dropdown-arrow.svg);
  background-position: center;
  background-size: cover;
  float: right;
}

.simulator-container input {
  padding-top: 9px;
  border-bottom: 1px solid #004f8b;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  padding-bottom: 6px;

  color: #004f8b;
}

.simulator-container input::placeholder {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;

  color: #004f8b;
}

.simulator-container p {
  display: inline-block;
  margin-bottom: 28px;
}

.simulator-container .dropdown-container label {
  font-weight: bold;
  font-family: "Source Sans Pro";
  line-height: normal;
  font-size: 14px;
  color: #004f8b;
}

.fnacimiento-life-secure-container {
  width: 35%;
}

.fnacimiento-life-secure {
  width: 100%;
}

.cprestamo-life-secure-container {
  width: 60%;
  margin-left: 4%;
}

.cprestamo-life-secure {
  width: 100%;
}

.profesion-life-secure-container {
  width: 100%;
  margin-left: 0;
}

.profesion-life-secure-container-tomador {
  width: 60%;
  margin-left: 4%;
}

.profesion-life-secure {
  width: 100%;
}

.email-life-secure-container {
  width: 47.5%;
}

.email-life-secure {
  width: 100%;
}

.telefono-life-secure-container {
  width: 47.5%;
  margin-left: 4%;
}

.telefono-life-secure {
  width: 100%;
}

.form-dropdown-container.off {
  display: none;
}

.form-dropdown-container.on {
  display: block;
}

.form-dropdown-container {
  padding: 28px;
}

.btn-simulator-persona {
  width: 201px;
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 55px;
  padding: 9px 16px;
  cursor: pointer;
  margin-left: 15px;
}

.simulator-añadir-persona {
  color: #004f8b;
  font-weight: bold;
  border: 1px solid #004f8b;
  font-family: Source Sans Pro;
  line-height: normal;
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 50px;
}

.simulator-añadir-persona div {
  display: inline-block;
  width: 11.67px;
  height: 11.67px;
  background-image: url(../images/plus-add-person.svg);
  background-position: center;
  background-size: cover;
}

.simulator-añadir-persona:hover {
  color: #fff;
  background-color: #004f8b;
  border: 1px solid #004f8b;
  transition: all 0.7s;
}

.simulator-eliminar-persona {
  margin-top: 10px;
  color: #ed3c12;
  border: 1px solid#ED3C12;
}

.simulator-eliminar-persona:hover {
  color: #fff;
  background-color: #ed3c12;
  border: 1px solid #ed3c12;
  transition: all 0.7s;
}

.name-btn-simulator {
  float: right;
}

.btn-life-secure-simulator {
  width: 75%;
  margin: 0;
}

.btn-simulator-back {
  width: 20%;
  background: #ffffff;
  border-radius: 3px;
  cursor: pointer;
  margin-right: 4%;
}

.btn-simulator-back div {
  height: 20px;
  width: 29px;
  margin: 0 auto;
  background-image: url(../images/arrow-left.svg);
}

.accident-secure-simulator {
  width: 648px;
  max-height: 80%;
  overflow: auto;
}

.btn-accident-secure-simulator {
  width: 75% !important;
}

.accident-secure-container h3 {
  margin-bottom: 40px;
}

.fnacimiento-accident-secure-container {
  width: 35%;
}

.fnacimiento-accident-secure {
  width: 100%;
}

.profesion-accident-secure-container {
  width: 60%;
  margin-left: 4%;
}

.profesion-accident-secure {
  width: 100%;
}

.email-accident-secure-container {
  width: 57.5%;
}

.email-accident-secure {
  width: 100%;
}

.telefono-accident-secure-container {
  width: 37.5%;
  margin-left: 4%;
}

.telefono-accident-secure {
  width: 100%;
}

.success-simulator {
  width: 368px;
  background: #337bfb;
  overflow: auto;
}

.success-simulator h3 {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 33px;
  font-size: 24px;
  color: white;
}

.success-simulator .type-modal-title {
  line-height: 16px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}

.success-simulator .title-simulator {
  color: white;
}

.success-simulator .btn-simulator {
  width: 100%;
  height: 52px;
  background: #ffffff;
  border-radius: 3px;
  font-family: "Source Sans Pro";
  line-height: normal;
  font-size: 16px;
  text-align: center;
  color: #337bfb;
  margin-top: 40%;
  cursor: pointer;
}
.contact-simulator {
  width: 758px;
  max-height: 80vh;
  overflow: auto;
}

.call-contact-container {
  width: 343px;
  height: 132px;
}

.call-contact-container h1 {
  font-weight: normal;
}

.call {
  width: 70%;
  margin-top: 10px;
  margin-left: 10px;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 20px;
  color: #337bfb;
}

.call .btn-call {
  float: right;
  cursor: pointer;
  position: relative;
  height: 42px;
  width: 42px;
  left: 50px;
  background-color: #337bfb;
  background-image: url(../images/phone-vector.svg);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 100%;
}

.btn-call-vida {
  left: 75px !important;
}

.call-contact-container p {
  margin-top: 10px;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #004f8b;
}

.email-contact-container {
  margin-top: 124px;
  width: 343px;
  height: 132px;
}

.email-contact-container h1 {
  font-weight: normal;
}

.btn-email-contact-simulator {
  margin-top: 33px;
  width: 70%;
}

.vertical-line-contact {
  width: 1px;
  height: 395px;
  margin-top: 28px;
  border: 1px solid rgba(0, 79, 139, 0.15);
  float: right;
}

.call-me-contact-container h1 {
  font-weight: normal;
}

.call-me-contact-container h3 {
  font-size: 20px;
  font-weight: normal;
  margin-top: 16px;
}

.call-me-form {
  width: 100%;
  margin-top: 28px;
}

.call-me-form label {
  font-weight: bold;
  font-family: "Source Sans Pro";
  line-height: normal;
  font-size: 14px;
  color: #004f8b;
}

.name-call-me-contact-container {
  width: 100%;
}

.name-call-me-contact {
  width: 100%;
}

.ncontact-call-me-contact-container {
  width: 47.5%;
}

.btn-call-me-simulator {
  position: relative;
  bottom: 15px;
  width: 47.5%;
  margin-left: 4%;
  margin-top: 20px;
}

.errorText {
  border-bottom: 1px solid #ed3c12 !important;
}

.dental-secure-simulator {
  width: 648px;
  max-height: 80%;

  overflow: auto;
}

.btn-dental-secure-simulator {
  width: 75% !important;
}

.dental-secure-container h3 {
  margin-bottom: 40px;
}

.fnacimiento-dental-secure-container {
  width: 47.5%;
}

.fnacimiento-dental-secure {
  width: 100%;
}

.email-dental-secure-container {
  width: 100%;
}

.email-dental-secure {
  width: 100%;
}

.telefono-dental-secure-container {
  width: 47.5%;
  margin-left: 4%;
}

.telefono-dental-secure {
  width: 100%;
}

.condition-check-container {
  width: 100%;
  margin-bottom: 20px;
}

.condition-check-container input {
  margin-right: 20px;
}

.condition-check-container label {
  color: #004f8b;
  font-size: 14px;
}

.condition-check-container a {
  color: #4bbed3;
}

.condition-check-container p {
  margin: 0;
}

/* checbox custom */
.condition-check-wrapper {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
}

.condition-check-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  bottom: 4px;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #004f8b;
  border-radius: 3px;
  cursor: pointer;
}

.condition-check-wrapper:hover input ~ .checkmark {
  background-color: rgba(0, 79, 139, 0.555);
}

.condition-check-wrapper input:checked ~ .checkmark {
  background-color: #004f8b;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.condition-check-wrapper input:checked ~ .checkmark:after {
  display: block;
}

.condition-check-wrapper .checkmark:after {
  left: 5px;
  top: 1px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nombre-simulator-container {
  width: 50%;
}

.nombre-simulator {
  display: block;
  width: 100%;
}

/* ---------------------------------------- */
/* HEADER */

.header-home {
  position: fixed;
  top: 50px;
  z-index: 99999;
  width: 100%;

}

.header-home .center {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.logo-white {
  width: 126px;
}

ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  list-style-type: none;
}

.sidebar-dropdown {
  transition: all 1s;
}

.sidebar-dropdown .sidebar-dropdown-content {
  overflow: hidden;
  max-height: 0;
  position: relative;
  width: 150px;
  right: 60px;
  transition: 1s all ease-in-out;
}

ul > a > li, ul > .sidebar-dropdown .sidebar-dropdown-item > li {
  font-family: "Source Sans Pro", sans-serif;
  color: #fff;
  font-size: 18px;
}

.header-home .box-menu .sidebar-dropdown .sidebar-dropdown-item{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.header-home .box-menu .sidebar-dropdown .sidebar-dropdown-item::before {
  display:none; 
}

.header-home .box-menu .sidebar-dropdown .sidebar-dropdown-item::after {
  display: none; 
}

.sidebar-dropdown .sidebar-dropdown-content ul {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 16px;
}

.sidebar-dropdown .sidebar-dropdown-content li {
  margin-top: 11px;
  margin-bottom: 5px;
  font-size: 14px;
}


.sidebar-dropdown.active .sidebar-dropdown-content {
  max-height: 350px;
}

.sidebar-dropdown .img-sidebar-dropdown {
  width: 18px;
  height: 18px;
  margin-left: 9px;
  background-image: url(../images/arrow-ios-down.svg);
  background-position: center;
  background-size: cover;
  
}

.sidebar-dropdown.active .img-sidebar-dropdown {
  background-image: url(../images/arrow-ios-up.svg);  
}



.button-area {
  padding: 14px 16px;
  background-color: #fff;
  color: #004f8b;
  border: 1px solid #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 18px;
  border-radius: 2px;
  text-align: center;
}

.button-area.home {
  color: #4abed3;
}

.work-with-us .button-area {
  background-color: #004f8b;
  color: #fff;
  border: 1px solid #004f8b;
}

.work-with-us .button-area:hover {
  border: 1px solid #004f8b;
  background-color: #fff;
  color: #004f8b;
}

.asisa-dental .button-area {
  color: #004f8b;
}

.alta-poliza .button-area {
  color: #004f8b;
}

.button-area:hover,
.button-area:active {
  background-color: transparent;
  color: #fff;
}



.header-home.fix-menu .button-area {
  border: 1px solid #fff;
  color: #004f8b;
  
}

.work-with-us .header-home.fix-menu .button-area {
  border: 1px solid #004f8b;
  color: #fff;
}

.work-with-us .header-home.fix-menu .button-area:hover {
  border: 1px solid #004f8b;
  color: #004f8b;
}

.asisa-dental .header-home.fix-menu .button-area {
  color: #004f8b;
}

.alta-poliza .header-home.fix-menu .button-area {
  color: #004f8b;
}

.header-home.fix-menu .button-area:hover,
.header-home.fix-menu .button-area:active {
  background-color: transparent;
  color: #fff;
}

.box-language {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.box-language-select,
.item-language {
  padding: 12px 24px 12px 12px;
  font-size: 18px;
  font-weight: 300;
}

.box-language-select {
  color: #fff;
}

.work-with-us .box-language-select {
  color: #004f8b;
}

.item-language:hover {
  color: #fff;
  background-color: #4abed3;
  font-weight: 600;
}

.box-language-all.on {
  display: flex;
}
.box-language-all {
  position: absolute;
  bottom: -100px;
  display: none;
  flex-direction: column;
  align-items: stretch;
  border-radius: 2px;
  background-color: #fff;
  overflow: hidden;
}

.item-language {
  cursor: pointer;
  color: #4abed3;
  background-color: #fff;
}

.work-with-us .item-language {
  cursor: pointer;
  color: #004f8b;
  background-color: #fff;
}

.box-language-select:after {
  content: url("../images/arrow-select.svg");
  position: absolute;
  right: 0;
}

.box-language.on .box-language-select:after {
  transform: rotate(-180deg);
  top: 15px;
}

.msgError {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 12px;
  display: block;
  color: #ed3d12;
}

/* HEADER HIRING / SIMULATION */
.header-home .logo-white-container {
  padding-top: 10px; 
}
 .header-home .logo-white-container.step-header-logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
 }

 .logo-white-container.step-header-logo-container .step-header-logo {
    padding-right: 13px;
    border-right: 1px solid #fff;
 }

 .logo-white-container.step-header-logo-container .step-header-logo-section {
  margin-left: 16px;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 30px;
  color: #FFFFFF;
 }

 .header-home .steps-header-layout {
  align-items: center;
  justify-content: flex-end;
  padding-top:15px;
 }

 .header-home .steps-header-layout .horizontal-line {
   height: 1px; 
   border: 1px solid #fff;
   width: 32px; 
   opacity: 0.6;
   margin-right: 40px; 
 }

 .header-home .steps-header-layout .step-header {
    cursor: pointer; 
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: right;
    color: #FFFFFF;
    opacity: 0.6;
    margin-right: 40px;
    display: flex; 
    align-items: center; 
    justify-content: center; 
 }

 .header-home .steps-header-layout .step-header:last-child {
   margin: 0;
 }

 .header-home .steps-header-layout .step-header .active-indicator {
    display: none; 
 } 


 .header-home .steps-header-layout .step-header.active {
    opacity: 1; 
 }

 .header-home .steps-header-layout .step-header.active .active-indicator {
    display: initial; 
 } 


/* =========== VIDEO HOME */
.modal-video {
  display: none;
}

.modal-video.on {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  background-color: #004f8b;
  display: flex;
  flex-direction: column;
}

.modal-video .video-js {
  width: 100%;
  height: 80vh;
  margin: auto;
}

.video-js .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button {
  background-color: transparent;
  border: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.btn-video {
  color: #fff;
  font-size: 16px;
  margin: auto;
  padding: 8px 24px;
  cursor: pointer;
  border-radius: 4px;
}

.btn-video:hover {
  background-color: #ffffff;
  color: #004f8b;
}

/* =========== HERO */
.box-modal-cookies.off {
  display: none;
}

.box-modal-cookies {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  width: 90%;
  z-index: 999999;
  margin: 0 5% 2% 5%;
  padding: 52px 24px 24px 24px;
  text-align: center;
  box-shadow: 0 7px 10px 0 rgba(0, 79, 139, 0.07);
  border-radius: 2px;
}

.btn-ok-cookies {
  padding: 6px 12px;
  background-color: #004f8b;
  font-size: 12px;
  border-radius: 2px;
  color: #fff;
  font-weight: 600;
  margin-top: 20px;
  box-shadow: 0 5px 23px 0 rgba(0, 79, 139, 0.13);
  cursor: pointer;
}

.btn-ok-cookies:hover {
  box-shadow: none;
}

.modal-description {
  color: #004f8b;
  font-size: 14px;
}

.btn-close-cookies {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 16px;
  cursor: pointer;
}

.hero {
  position: relative;
  width: 100%;
  background-image: url("../images/background-home01.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  padding: 220px 0 180px;
}

.hero.zero {
  background-color: #004F8B;
}

.box-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: auto;
}

.wave-01 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  z-index: 999;
  height: 100%;
}

.box-hero-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #fff;
  max-width: 740px;
}

.box-hero-text-indicator {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
.box-hero-text-indicator .line-02 {
  width: 106px;
  margin-right: 40px;
}
.box-hero-text-indicator p {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  font-size: 16px;
}
h2 {
  font-size: 60px;
  font-weight: 300;
}
h2.bold,
h2 .bold {
  font-weight: 600;
}

.box-hero-text-paragraph {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 40px 0;
}

.fix-col8 {
  width: 100%;
}

.fix-margin-contract {
  margin-bottom: 50px;
}

.btn-discover-asisa {
  padding: 14px 16px;
  background-color: #fff;
  border: 2px solid #fff;
  color: #4abed3;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-size: 18px;
  border-radius: 2px;
}

.btn-discover-asisa:hover,
.btn-discover-asisa:active {
  background-color: #4abed3;
  color: #fff;
}

.hero-dental .btn-discover-asisa {
  color: #004f8b;
}

.hero-dental .btn-discover-asisa:hover,
.hero-dental .btn-discover-asisa:active {
  background-color: #004f8b;
  color: #fff;
}

/*============FIRSTSLIDER*/

#newSlider {
  background: url(../images/bg-new-slider.svg);
  background-position: bottom;
  background-size: cover;
  z-index: 1;
  bottom: -62px;
}

.hero-slider-container .arrow-prev {
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 80px;
  width: 24px;
  height: 20px;
  background-image: url(../images/arrow-left-slider-home.svg);
  background-size: cover;
  cursor: pointer;
  transform: translateY(-50%);
}

.hero-slider-container .arrow-la {
  position: absolute;
  z-index: 99;
  cursor: pointer;
  top: 50%;
  right: 80px;
  width: 24px;
  height: 20px;
  background-image: url(../images/arrow-right-slider-home.svg);
  background-size: cover;
}

.hero-slider-container .right-block img {
  max-width: 300px;
}

.hero-slider-container  {
  position: relative;
  padding: 130px 0;
}

.slider-item-container {
  font-family: "Source Sans Pro";
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 110px;
  max-width: 1400px;
  margin: 0 auto;
}

.box-tips-slick-item {
  font-family: "Source Sans Pro";
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1400px;
  margin: 0 auto;
}

.box-tips-slick-pic {
  width: 50%;
  padding-right: 30px;
}

.box-tips-slick-text {
  width: 50%;
}

.hero-slider-container .slider-item-container .left-block .title {
  font-weight: bold;
  font-size: 50px;
  margin-bottom: 33px;
  color: #004F8B;
}

.hero-slider-container .slider-item-container .left-block .description {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.7em;
  color: #004F8B;
  margin-bottom: 60px;
}

.hero-slider-container .slider-item-container .left-block .hero-slider-button {
  display: inline-block;
}

.hero-slider-container .slider-item-container .left-block .hero-slider-button a { 
  padding: 16px;
  display: inline-block;
  width: 100%;
  background: #004F8B;
  box-shadow: 0px 0px 8px rgba(75, 190, 211, 0.172158);
  border-radius: 2px;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  min-width: 250px;
}

.slider-item-container .right-block {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* =========== VALUES */
.values-box-wave {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 216px;
  z-index: 999;
}

.values-box-wave img {
  position: absolute;
  bottom: -11px;
  left: 0;
  right: 0;
  z-index: 999;
}

.values {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 130px;
}

.values .title-section {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 12px;
}

.box-values-row-01 {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 190px;
}

.box-values-spain {
  text-align: left;
}

.box-values-pt {
  text-align: center;
  z-index: 9;
  margin: 0 auto;
}

.box-values-spain-title,
.box-values-pt-title {
  color: #4bbed3;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 32px;
}

.box-values-spain-text {
  color: #fff;
  font-weight: 700;
  font-size: 32px;
}

.box-values-pt-text {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}

.box-values-pt-text-light {
  color: #fff;
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  margin-top: 40px;
  text-align: center;
}

.box-values-map {
  position: relative;
}

.box-values-map-text {
  position: absolute;
  width: 100%;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: right;
}

.box-values-spain-bullets {
  margin-top: 28px;
  font-size: 14px;
  line-height: 20px;
  color: #4abed3;
  font-weight: 400;
  padding-left: 52px;
}

.values-spain-bullets-item {
  position: relative;
  margin-bottom: 4px;
  display: inline-block;
}

.values-spain-bullets-item::before {
  content: url("../images/circle-green.svg");
  position: absolute;
  left: -24px;
  top: -3px;
  width: 4px;
}

.box-values-map-number {
  font-size: 96px;
  font-weight: 700;
  color: #c2e4f3;
  margin-bottom: 12px;
}

.box-values-map-title {
  font-size: 26px;
  font-weight: 700;
  color: #c2e4f3;
}

.img-values-map {
  transform: translateX(20%);
}

.img-values-map-pt {
  position: absolute;
  z-index: -0;
}

.box-values-row-02 {
  text-align: center;
  color: #fff;
}

.title-section {
  color: #004f8b;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 12px;
}

.subtitle-section {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 120px;
}

.box-values-row-02 .subtitle-section {
  margin: 48px auto 120px auto;
}

.box-values-general {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 360px;
  position: relative;
}

.wave-values {
  position: absolute;
  right: 0;
  left: 0;
  top: -20%;
  z-index: 1;
}

.box-values-general-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px;
  position: relative;
  z-index: 2;
}

.box-values-general-item img {
  height: 124px;
}

.title-value {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-top: 44px;
  margin-bottom: 40px;
}

.description-value {
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  color: #fff;
  text-align: center;
  width: 100%;
  display: inline-block;
}

/* =========== PRODUCTS */
.products {
  position: relative;
  width: 100%;
  padding-bottom: 134px; 
}

.wave-02 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.box-products {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

.title-general-products {
  font-size: 24px;
  color: #4abed3;
  margin-bottom: 16px;
}

.product-vida .box-products-info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.home-product-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-vida .title-product {
  text-align: right;
}

.product-dental {
  padding: 140px 0;
}

.product-accidents {
  padding: 140px 0;
}

.box-products-indicator {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}

.box-products-indicator p {
  font-size: 16px;
  font-weight: 700;
  color: #49bed3;
}

.box-products-indicator .line-02 {
  width: 106px;
  margin: 0 32px;
}

.title-product {
  font-size: 60px;
  font-weight: 700;
  color: #004f8b;
}

.description-product {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  margin: 20px 0 40px 0;
  color: #004f8b;
}

.product-vida .description-product {
  text-align: right;
}

.btn-product {
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 600;
  color: #49bed3;
  border-bottom: 2px solid #49bed3;
}

.btn-product:hover,
.btn-product:active {
  background-color: #49bed3;
  color: #fff;
  border-radius: 2px;
}

.box-publiterapia {
  padding:140px 0;
  height: 780px;
}

.box-publiterapia .title {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  font-size: 60px;
  line-height: normal;  
  color: #004F8B;
  margin-bottom:46px;
}

.box-publiterapia-content {
  width:100%;
  height: 408px;
  display:flex;
  align-items: center;
  justify-content: center;
}

.box-publiterapia-content .left-block {
  width: 50%;
  height: auto;
  padding: 61px 0;
  display:flex;
  flex-direction: column;
  justify-content: space-between;
}

.box-publiterapia-content .left-block .subtitle {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 19px;
  line-height: 26px;
  color: #004F8B;
  margin-bottom:25px;
}

.box-publiterapia-content .left-block .text {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  display:flex;
  flex-direction: column;
  justify-content: space-between;
  color: #004F8B;
}

.box-publiterapia-content .left-block .text p {
  margin-bottom:25px;
}

.box-publiterapia-content .left-block .text:last-child {
  margin-bottom:0;
}

.box-publiterapia-content .left-block .text:last-child .link {
  color:#4ABED3;
  font-weight: 600;
}

.box-publiterapia-content .right-block {
  width: 50%;
  height: 100%;
  padding: 35px 0;
}

.box-publiterapia-content .right-block img {
  height: auto;
  width: 100%;
}

/* Search */
.box-search {
  margin-top: 200px;
  margin-left: 45%;
}
.box-search .title-section {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #004f8b;
}

.box-search p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  margin: 35px 0 50px 0;
  color: #004f8b;
}
/* Trust */
.trust {
  position: relative;
  width: 100%;
  padding: 140px 0 300px 0;
}
.box-trust {
  position: relative;
  width: 100%;
  height: 100vh;
}
.trust-shapes {
  position: absolute;
  top: 0;
  left: 40%;
  transform: translateX(-50%);
  z-index: 9;
}
.box-trust-text {
  position: absolute;
  top: 26px;
  left: 56%;
  transform: translateX(-50%);
  z-index: 99;
}
.box-description {
  display: flex;
  flex-direction: row;
}
.box-description-one {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #004f8b;
  margin-right: 50px;
}
.box-description-two {
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  color: #004f8b;
}

/* Tips */
.tips {
  position: relative;
  width: 100%;
}
.box-tips-title {
  position: relative;
  transform: translateY(-100%);
  z-index: 999;
  text-align: center;
  color: #4abed3;
}
.box-tips-title .subtitle-section {
  margin-bottom: 0;
}

.tips-slick-title {
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  color: #4abed3;
  margin-bottom: 50px;
}

.tips-slick-description {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  margin: 35px 0 50px 0;
  color: #004f8b;
}
.img-home-buscador {
  width: 20%;
  position: absolute;
  z-index: 999;
  bottom: 0;
  left: 10%;
}

/* News */

.news {
  position: relative;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 300px;
}

.news.news-01 {
  padding-bottom: 150px;
}

.news .title-section {
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  color: #004f8b;
  margin-bottom: 50px;
}

.box-news-item {
  padding-bottom: 200px; 
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.box-news-item .news-img {
  width: 100%;
  min-height: 250px;
  position: relative;
  overflow: hidden;
  margin-bottom: 32px;
}

.news-home .news-img.news-news {
  margin-bottom: 0;
}

.news-home .news-img.news-news.null-image {
  display: none; 
}

.news-img.news-news img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.news .news-text {
  padding: 24px 0 24px 40px;
}

.news-data {
  font-size: 16px;
  font-weight: 300;
  color: #004f8b;
  margin-bottom: 12px;
}

.news-title {
  font-size: 24px;
  font-weight: 600;
  color: #4abed3;
  margin-bottom: 20px;
}

.news-subtitle {
  font-size: 16px;
  font-weight: 600;
  color: #004f8b;
  margin-bottom: 12px;
}

.news-description {
  height: 7em;
  overflow: hidden;
  margin-bottom: 16px;
}

.news-description p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #004f8b;
  margin-bottom: 28px;
  text-align: justify;
  word-break: break-all;
}

.news-description p a,
.news-description-detail p a {
  color: #4abed3;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
}

.btn-news {
  padding: 8px 14px 6px 14px;
  font-size: 14px;
  font-weight: 600;
  color: #49bed3;
  border-bottom: 2px solid #49bed3;
}

.btn-news:hover,
.btn-news:active {
  background-color: #49bed3;
  color: #fff;
  border-radius: 2px;
}

.contact-form {
  position: relative;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 300px;
}

.contact-form.news-home {
  padding-top: 0;
}

.contact-form .title-section {
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  color: #004f8b;
  margin: 0 auto 80px auto;
  text-align: center;
}

.form-home {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.box-form-home {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.item-form-home {
  display: flex;
  flex-direction: column;
}

.item-form-home .form-label {
  color: #004f8b;
}

.item-form-home textarea {
  height: 156px;
}

/* Politica de Datos */
.body-privacy .box-privacy {
  margin-bottom: 60px;
}

.hero-privacy {
  background-image: url(../images/header-new-detail.svg);
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
}

.hero-privacy .box-hero-text {
  transform: translate(0);
  text-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: none;
}

.hero-privacy h2 {
  font-size: 48px;
  font-weight: 300;
  line-height: 64px;
  margin-bottom: 44px;
  text-align: center;
}

.hero-privacy .box-hero {
  padding-top: 250px;
  padding-bottom: 92px;
}

.hero-privacy .box-hero-text-paragraph {
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  margin: 0;
}

.privacy-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 40px;
  color: #004f8b;
}

.privacy-description,
.option-text-item {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  color: #004f8b;
  position: relative;
}

.privacy-text {
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
}

.privacy-description .highlight-text,
.life-confirm-modal.life-error-back .highlight-text {
  font-weight: 600;
  color: #4abed3;
}

.bold-text {
  font-weight: 600;
}

.box-options-text {
  align-self: flex-end;
  margin: 24px 0;
}

.option-text-item {
  position: relative;
  margin-bottom: 12px;
}

.option-text-item::before {
  content: url("../images/circle-blue.svg");
  position: absolute;
  left: -24px;
  top: 0px;
}

.privacy-text.subpoint {
  padding-left: 52px;
}

.privacy-text.subpoint .privacy-title {
  font-size: 20px;
  margin-bottom: 20px;
}

.box-browser {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.box-browser.no-marg {
  margin-top: 0;
  margin-bottom: 20px;
}

.no-marg-bot {
  margin-bottom: 0;
}

/* Footer */

.footer-home {
  position: relative;
  width: 100%;
  height: 760px;
  overflow: hidden;
  padding-top: 130px;
}

.footer-circle {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9995;
  height: 300px;
}

.box-footer {
  position: relative;
  z-index: 9996;
}
.box-footer .center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.box-footer-one {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  margin-bottom: 52px;
}

.logo-footer-big {
  width: 180px;
  margin-bottom: 20px;
}

.box-footer-one p {
  font-size: 18px;
  font-weight: 600;
}

.box-footer-two {
  display: flex;
  flex-wrap: wrap; 
  flex-direction: row;
  justify-content: space-around;
  color: #fff;
}


.box-footer-two-item {
  text-align: center;
  width: calc((100% - 40px) / 3);
  margin-bottom: 55px;
}

.box-footer-two-item:nth-last-child(-n + 3) {
  margin-bottom: 0; 
}

.footer-item-title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 34px;
  text-align: center;
}

.footer-item-text {
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 12px;
}

.box-footer-three {
  margin-top: 40px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.logo-footer-small {
  width: 80px;
  margin: 10px 0;
}

.box-footer-three-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}

.box-footer-three-item a {
  padding: 0 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.box-footer-three-text {
  font-size: 12px;
  font-weight: 300;
  color: #fff;
}

.box-form-home {
  display: flex;
  flex-direction: row;
  margin-bottom: 24px;
}

.btn-contact-home {
  margin-top: 40px;
  width: 120px;
}

#box-menu-mobile.on {
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  flex-direction: column;
  justify-content: center;
}

/* ---------------------------------------- */
/* NOTICIAS  */
.box-hero {
  padding-top: 200px;
  padding-bottom: 75px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.hero-new {
  background-image: url(../images/header-new-detail.svg);
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
}

.hero-new .box-hero-text {
  transform: translate(0);
  position: relative;
}

.box-breadcrumbs {
  margin-top: 48px;
  margin-bottom: 80px;
}

.box-breadcrumbs {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.link-breadcrumbs {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.link-breadcrumbs p {
  font-size: 16px;
  font-weight: 600;
  color: #004f8b;
  margin-left: 16px;
}

.link-breadcrumbs img {
  display: block;
  width: 18px;
}

.body-news .box-news-item {
  margin-bottom: 60px;
}

.box-news-item-column {
  display: flex;
  flex-direction: row;
  margin-bottom: 60px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.box-news-item-column-mini .news-img {
  height: 250px;
}
.news-data-mini {
  margin: 24px 0 12px 0;
  font-size: 12px;
  font-weight: 300;
  color: #004f8b;
}

.news-title-mini {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #4abed3;
}

.news-description-mini {
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  margin-bottom: 16px;
  color: #004f8b;
}

/* ---------------------------------------- */
/* FOOTER ROW */
.footer-row {
  padding: 92px 0 42px 0;
}

.footer-row .center {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.footer-row.column .center {
  flex-direction: column;
}

.footer-row-menu {
  display: flex;
  flex-direction: row;
}

.footer-row-menu li,
.footer-row-menu p {
  margin-left: 42px;
  font-size: 14px;
  font-weight: 300;
  color: #004f8b;
}

.footer-row-menu li:hover,
.footer-row-menu p:hover {
  color: #4abed3;
}

.logo-asisa-blue {
  width: 120px;
}

/* ---------------------------------------- */
/* NOTICIA DETALLE  */

.hero-new-detail {
  background-image: url(../images/header-new-detail.svg);
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
}

.hero-new-detail .box-hero-text {
  transform: translate(0);
  text-align: center;
  align-items: center;
  position: relative;
}

.hero-new-detail h2 {
  font-size: 48px;
  font-weight: 300;
  line-height: 64px;
  margin-bottom: 44px;
  text-align: center;
}

.hero-new-detail .box-hero {
  padding-top: 250px;
  padding-bottom: 92px;
}

.hero-new-detail .box-hero-text-paragraph {
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  margin: 0;
}

.news-title-detail {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 60px;
  color: #004f8b;
}

.news-subtitle-detail {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 50px;
  color: #004f8b;
}

.news-description-detail {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  color: #004f8b;
}

/* ---------------------------------------- */
/* ASISA DENTAL */

.hero-dental {
  position: relative;
  overflow: hidden;
  background-image: url(../images/background-dental01.svg);
  background-position:bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  z-index:2;
}
.hero-dental .box-hero {
  display: flex;
  flex-direction: column;
}
.hero-dental .box-hero-text {
  transform: translate(0);
  position: relative;
}

.hero-dental .box-hero img {
  position: absolute;
  right: 0;
  bottom: 10%;
}

.hero-dental .box-hero-text-indicator {
  color: #fff;
}

/*DENTAL SIMULATION*/


.dental-simulator-content .dental-simulator-form {
  display: flex;
  justify-content: space-between;
  margin-bottom: 54px;
}

.dental-simulator-content .dental-simulator-form .dental-simulator-input-container {
    width:48%;
    display:flex;
    flex-direction:column;
}

.dental-simulator-content .dental-simulator-form .dental-simulator-input-container .dental-simulator-select-label{
  width:60%;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: normal;  
  color: #004F8B;
  margin-bottom: 25px;
}

.dental-simulator-content .dental-simulator-form .dental-simulator-input-container .form-input.input-dropdown {
  width: 100%;
  background-color: #fff;
  border-bottom:1px solid transparent !important;
}

.dental-simulator-content .dental-simulator-form .dental-simulator-input-container .form-input.input-dropdown.active {
  background-color:#004F8B;
}

.dental-simulator-content .dental-simulator-form .dental-simulator-input-container .form-input.input-dropdown.error {
    font-size: 14px;
    font-weight: 400;
    color: #ed3d12;
    border-bottom: 1px solid red !important;
}

.btn.btn-submit-dental-simulator {
  width: 50%;
  height: 58px;
  margin:0 auto; 

}

/* DENTAL CARDS */
.dental-cards {
  width: 100%;
  height:1060px;
  display:flex;
  flex-direction: column; 
  justify-content:center;
  align-items:center;  
}

.dental-cards-content {
  width: 90%;
  display:flex;
  align-items:center;
  justify-content: center;
}

.dental-card:first-child {
  margin-right: 67px;
}

.dental-cards .cards-description {
  padding-top: 20px;
  width: 80%;
  margin: 0 auto;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  color: #004f8b;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
}

/*DENTAL PRODUCTS*/
.productsDental {
  margin-top: 100px;
}

.productsDental .box-title-01 {
  align-items: center;
}

.productsDental .title-section {
  margin-right: 20px;
}

.box-title-01 {
  padding-top: 16px; 
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 32px;
}

.productsDental .title-section {
  color: #004f8b;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 0;
}

.btn-suscribe2 {
  padding: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background-color: #004f8b;
  border: 1px solid #004f8b;
  border-radius: 2px;
}

.btn-suscribe2:hover {
  background-color: #ffffff;
  color: #004f8b;
  border: 1px solid #004f8b;
}

.btn-suscribe {
  padding: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background-color: #004f8b;
  border: 1px solid #004f8b;
  border-radius: 2px;
  min-width: 204px;
}

.btn-suscribe.b-orange {
  color: #fff;
  border: 1px solid #ed3d12;
}

.btn-suscribe:hover {
  background-color: #ffffff;
  color: #004f8b;
  border: 1px solid #004f8b;
}

.btn-suscribe.b-orange:hover {
  background-color: #ffffff;
  color: #ed3d12;
  border: 1px solid #ed3d12;
}

.products-description {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  color: #004f8b;
  text-align: center;
}

.box-title {
  margin-bottom: 50px;
}

.productsDental .box-products {
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: 150px;
}

.productsDental .products-description,
.clinicDental .products-description,
.policyDental .products-description,
.treatmentsDental .products-description {
  text-align: left;
}

.box-products-item {
  padding: 50px;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.products-circle {
  border-radius: 50%;
  background-color: #004f8b;
  width: 140px;
  height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}

.products-info {
  font-size: 18px;
  color: #fff;
}

.products-percentage {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
}

.products-name {
  font-size: 20px;
  font-weight: 700;
  color: #004f8b;
  margin-bottom: 12px;
  text-align: center;
  width: 100%;
  display: inline-block;
}

.products-price-now {
  font-size: 36px;
  font-weight: 600;
  color: #4bbed3;
  margin-bottom: 10px;
  text-align: center;
}

.products-price-now.small {
  font-size: 20px;
  text-align: center;
}

.products-price-old {
  position: relative;
}

.products-price-old .line-01 {
  position: absolute;
  bottom: 50%;
  right: 0;
  z-index: 99;
  width: 100%;
  height: 1px;
  background-color: #4bbed3;
}

.products-price-old p {
  font-size: 16px;
  color: #4bbed3;
  font-weight: 600;
}



/* DENTAL SEARCH */
.dental-search {
  position: relative;
  height: 978px;
}

.dental-search .box-wave .wave-01 {
  position: absolute;
  bottom: -11px;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  height: auto;
}

.dental-search .box-wave.dental-search-box-wave-one {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  z-index: 999;
  bottom: 441px;
  background: #C2E4F3;
}

.dental-search .box-wave.dental-search-box-wave-two {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  z-index: 999;
  background: #C2E4F3;
  height: 432px;
}

.dental-search .box-search {
  display: flex;
  flex-direction: column;
  width: 85%;
  height: 75%;
  align-items: flex-end;
  margin: 0;
}

.dental-search .box-search .description {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  color: #004F8B;
  width: 552px;
  height: 52px;
}

.box-search-content {
  z-index: 1000;
}

.dental-search-images .wave-02{
  bottom: 402px;
}

.dental-search-images .img-home-buscador{
  bottom: 466px;
}

.dental-search-images .box-wave.dental-search-box-wave-one {
  bottom: 441px;
  background: #C2E4F3;
}

.dental-search-images .box-wave.dental-search-box-wave-two{
  background: #C2E4F3;
  height: 432px;
}

.dental-search-form {
  margin-bottom: 42px;
  display: flex; 
  align-items: flex-start; 
}

.dental-search-form .dental-search-form-input-container .input-search {
  width: 100%; 
}

.dental-search-form .dental-search-form-input-container  {
  color: #ed3d12;
  margin-top: 5px; 
}

.dental-search-form .dental-search-form-input-container .input-search.error{
  border: 1px solid #ed3d12;
}

.dental-search-form .btn-procurar {
  height: 60px; 
  margin-top: 6px;
}

.dental-search-location {
  width: 100%;
  display: flex;
  align-items: center;
  font-family:"Source Sans Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 26px;
  color: #4BBED3;
  z-index: 10;
  cursor: pointer;
 
}

.dental-search-location-img {
  width: 20px;
  height: 20px;
  background-image: url(../images/dental-search-location.svg);
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 18.4px;
}



/* POLICIES DENTAL */

.box-policy-dental {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

.policyDental {
  margin-bottom: 200px;
}

.policyDental .title-section {
  color: #004f8b;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 0;
}

.policyDental .products-description {
  text-align: left;
}

.item-policy-dental {
  background: #ffffff;
  box-shadow: 0 15px 31px 0 rgba(0, 79, 139, 0.08);
  border-radius: 2px;
  height: 100%;
}

.top-policy-dental {
  background-color: #4abed3;
  text-align: center;
  padding: 35px 8px;
  border-radius: 2px;
}

.top-policy-dental .price-policy-dental {
  color: #ffffff;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 8px;
}

.top-policy-dental .type-policy-dental {
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
}

.down-policy-dental {
  padding: 32px 8px;
  text-align: center;
}

.down-policy-dental .price-policy-dental {
  color: #004f8b;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 700;
}

.down-policy-dental .discount-policy-dental {
  color: #4abed3;
  font-size: 18px;
  font-weight: 700;
}

.note-policy-dental {
  font-family: "Source Sans Pro", sans-serif;
  color: #99a1a9;
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.4;
}

.price-hero-dental {
  position: absolute;
  right: 30%;
  bottom: 20%;
  z-index: 99;
  transform: rotate(15deg);
}

.circle-hero-dental {
  background-color: #fff;
  top: 50%;
  left: 50%;
  z-index: 0;
  border-radius: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  box-shadow: 0 15px 30px 0 rgba(0, 79, 139, 0.1);
}

.text-circle-hero-dental {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 99;
}

.text01-circle-hero-dental {
  font-size: 20px;
  color: #4abed3;
  font-weight: 400;
}

.text02-circle-hero-dental {
  font-size: 40px;
  font-weight: 700;
  color: #4abed3;
}

.text03-circle-hero-dental {
  font-size: 20px;
  color: #4abed3;
  font-weight: 600;
}

.note-hero-dental {
  position: absolute;
  right: 10%;
  bottom: 53px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.box-treatments {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
}

.treatmentsDental {
  margin-bottom: 200px;
}

.treatmentsDental .box-title-01 {
  align-items: center;
}

.treatmentsDental .title-section {
  color: #004f8b;
  font-size: 32px;
  font-weight: 700;
  margin-right: 20px;
  margin-bottom: 0;
}

.treatments-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 16px;
}

.treatments-item img {
  width: 12px;
  margin-right: 16px;
}

.treatments-item p {
  font-size: 14px;
  color: #004f8b;
}

.box-treatments01 {
  width: 40%;
}

.clinicDental .title-section {
  color: #004f8b;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 0;
}

.clinic-circle {
  margin-bottom: 28px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.clinic-circle img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 180%;
}

.clinic-text p {
  font-size: 16px;
  color: #004f8b;
  text-align: center;
}

.clinic-text p.bold {
  font-weight: 700;
  font-size: 18px;
}

.box-clinic {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-around;
  flex-wrap: wrap;
}

.clinic-item {
  padding: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.contact-specific {
  margin-top: 100px;
  margin-bottom: 100px;
  padding-bottom: 100px; 
  display: flex;
  flex-direction: column;
  align-items: center;
}

.line-separator {
  width: 92px;
  height: 1px;
  background-color: #d5d5d5;
}

.line-separator.top {
  margin-bottom: 80px;
}

.line-separator.down {
  margin-top: 80px;
}

.title-contact-specific {
  color: #004f8b;
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 60px;
}

.box-contact-specific {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.text-item-contact-specific {
  font-size: 16px;
  font-weight: 300;
  color: #004f8b;
}

.item-contact-specific {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.item-contact-specific img {
  width: 20px;
  margin-bottom: 18px;
}

.contact-specific {
  position: relative;
}

.contact-specific-image {
  position: absolute;
  width: 40%;
  z-index: -1;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.contact-specific-separator {
  width: 10px;
  margin: 32px 0;
}




/* ---------------------------------------- */
/* POLIZA ASISA */

.hero-poliza-one {
  position: relative;
  overflow: visible;
}

.hero-poliza-one .center {
  position: relative;
}

.hero-poliza-one .box-hero {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}

.hero-poliza-one .box-hero-text {
  transform: translate(0);
  position: relative;
}

.hero-poliza-one .box-hero img {
  position: absolute;
  right: 0;
  bottom: 10%;
}

.hero-poliza-one .box-hero-text-indicator {
  color: #fff;
}

.hero-poliza-one h2 .bold {
  font-weight: 600;
}

.hero-poliza-one .poliza01 {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 0;
}

.box-form01 {
  position: relative;
  z-index: 99;
  overflow: visible;
  padding: 66px 34px;
  background-color: #fff;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  box-shadow: 0 50px 100px 0 rgba(0, 79, 139, 0.1);
}

.box-form01-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.box-form04 {
  position: relative;
  z-index: 99;
  overflow: visible;
  padding: 66px 34px;
  background-color: #fff;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 50px 100px 0 rgba(0, 79, 139, 0.1);
}

.box-form.new-member {
  margin-top: 200px;
  transform: translateY(100px);
  z-index: 999;
  display: flex;
  justify-content: flex-end;
}

.type-life-secure {
  width: 47.5%;
  height: 40px;
  padding: initial;
  padding-left: 14px;
  background-color: #004f8b;
  color: white;
  display: block;
}

.type-life-secure-option {
  background-color: #fff;
  color: #004f8b;
}

.type-life-secure-option div:hover {
  background-color: #004f8b;
  color: #fff;
}

.box-form01-row label {
  margin-bottom: 32px;
  position: relative;
}

.form-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #004f8b;
  margin-bottom: 8px;
}

.form-input:last-child {
  margin-bottom: 0;
}

.box-form02 {
  position: relative;
  z-index: 99;
  overflow: visible;
  padding: 66px 34px;
  background-color: #fff;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-shadow: 0 50px 100px 0 rgba(0, 79, 139, 0.1);
}

.box-form02-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 32px;
}

.box-form01-row label p {
  min-width: 153px;
}

.fix-contact-specific {
  position: relative;
  max-width: 750px;
  margin: 100px auto 100px;
  padding-bottom: 100px;
}
.fix-contact-specific .fix-background-contact-dental {
  position: absolute;
  top: 0;
  z-index: -1;
}
.box-form02-item,
.item-modal-add-member {
  display: flex;
  flex-direction: column;
}

.hero-poliza-one h3,
.hero-poliza-two h3,
.box-form.new-member h3 {
  font-size: 120px;
  font-weight: 700;
  z-index: 80;
  color: rgba(194, 228, 243, 0.62);
  position: absolute;
  top: 0;
  transform: translateY(-66%);
}

.hero-poliza-two h3 {
  left: 0;
}

.hero-poliza-one h3,
.box-form.new-member h3 {
  right: 0;
  left: auto;
}

.box-form04-description {
  display: block;
  font-size: 18px;
  font-weight: 400;
  color: #004f8b;
}

.box-form-members {
  margin-top: 32px;
}

.box-form-new {
  padding: 14px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #eee;
}

.box-form-new.on {
  display: flex;
}

.box-form-new-title {
  font-size: 14px;
  font-weight: 300;
  color: #337bfb;
}

.box-form-new-name {
  font-size: 14px;
  font-weight: 400;
  color: #004f8b;
}

.btn-box-form-new {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #337bfb;
}

.btn-box-form-new:before {
  content: url("../images/btn-close-blue.svg");
  position: absolute;
  left: -32px;
  top: 3px;
  cursor: pointer;
}

.btn-box-form04-add {
  padding: 14px 18px;
  background-color: #004f8b;
  border: 1px solid #004f8b;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  border-radius: 2px;
  margin: 24px 0 80px 0;
  align-self: center;
}

.btn-box-form04-add:hover,
.btn-box-form04-add:active {
  border: 1px solid #004f8b;
  color: #004f8b;
  background-color: #fff;
}

.box-form04-subdescription {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #004f8b;
}

.box-form03 {
  position: relative;
  z-index: 99;
  top: 0;
  left: 0;
  overflow: visible;
  padding: 66px 34px;
  background-color: #fff;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-shadow: 0 50px 100px 0 rgba(0, 79, 139, 0.1);
}

.box-form03-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 32px;
}

.box-form03-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}

.hero-poliza-one .box-form {
  transform: translateY(100px);
  z-index: 999;
  display: flex;
  justify-content: flex-end;
}
.box-form {
  position: relative;
}

.box-form.form-absolute {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9999;
}

.box-form .img {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  transform: translate(-15%, -50%);
}

.poliza02 {
  transform: translateY(-40px);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hero-poliza-two {
  position: relative;
  padding-top: 300px;
}

.box-form.last {
  margin-top: 350px;
  display: flex;
  justify-content: flex-end;
}

.box-form.last h3 {
  right: 0;
  left: auto;
}

.box-form02-row.last,
.box-form03-row.last {
  margin-bottom: 0px;
}

.box-form03-row.last .box-form03-item {
  margin-bottom: 0px;
}

.hero-poliza-three {
  display: flex;
  justify-content: center; 
  position: relative;
  transform: translateY(-2%);
}

.form-btn {
  padding: 20px;
  border-radius: 2px;
  font-size: 18px;
  font-weight: 600;
  width: 190px;
  text-align: center;
  box-shadow: 0 15px 25px 0 rgba(0, 79, 139, 0.5);
}

.box-form-btn {
  
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.form-btn.back {
  color: #4abed3;
  background-color: #fff;
  margin-right: 20px;
  border: 1px solid #fff;
}
.form-btn.back:hover,
.form-btn.back:active,
.form-btn.next:hover,
.form-btn.next:active {
  box-shadow: none;
}

.form-btn.back:hover,
.form-btn.back.active {
  background-color: #004f8b;
  color: #fff;
}

.form-btn.next:hover,
.form-btn.next:active {
  background-color: #004f8b;
  color: #4abed3;
}

.form-btn.next {
  color: #fff;
  background-color: #4abed3;
  margin-left: 20px;
  border: 1px solid #4abed3;
}

.window-modal-add-member {
  display: none;
}

.window-modal-add-member.on {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.8);
}

.modal-add-member {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 90vh;
  overflow-y: scroll;
  background: #ffffff;
  box-shadow: 0 10px 24px 0 rgba(147, 152, 160, 0.1);
  border-radius: 2px;
  padding: 82px 44px;
}

.modal-add-member h3 {
  font-size: 40px;
  font-weight: 600;
  color: #337bfb;
  margin-bottom: 52px;
}

.modal-add-member h3 .bold {
  display: block;
  color: #004f8b;
  font-weight: 700;
}

.note-input {
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  color: #337bfb;
}

.row-modal-add-member {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 32px;
}

.modal-add-member::-webkit-scrollbar-track {
  background: rgba(0, 79, 139, 0.02);
}

.modal-add-member::-webkit-scrollbar {
  width: 8px;
  background: rgba(0, 79, 139, 0.02);
}

.modal-add-member::-webkit-scrollbar-thumb {
  background-color: #004f8b;
  border-radius: 1px;
}

.btn-close-modal-add-member {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}

.modal-shape {
  width: 60%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.row-modal-btn-best-members {
  margin-top: 80px;
  align-self: center;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.btn-modal-add,
.btn-modal-delete {
  border-radius: 2px;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 18px;
  width: 150px;
  text-align: center;
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0.1);
  cursor: pointer;
}

.btn-modal-add {
  color: #fff;
  background-color: #004f8b;
  border: 1px solid transparent;
  margin-right: 10px;
}

.btn-modal-add:hover {
  color: #004f8b;
  background-color: #fff;
  border: 1px solid #004f8b;
}

.btn-modal-delete {
  color: #004f8b;
  background-color: #fff;
  margin-left: 10px;
}

/* ---------------------------------------- */
/* BUSCADOR */

.header-search {
  z-index: 99999;
  overflow: hidden;
}

.header-search .center {
  transform: translateY(-100%);
  width: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #004F8B;
  z-index: 9999;
  padding: 15vh 5vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}


.header-search .center.on {
  transform: translateY(0);
  visibility: visible;
  transition: all 1s;
}


.header-search ul {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.header-search .sidebar-dropdown-item {
  display: flex;
  align-items: center;
  font-size: 24px;
}

.header-search .sidebar-dropdown .sidebar-dropdown-item > li {
  font-size: 24px ;
}

.header-ser-parceiro ul > a > li, .header-ser-parceiro ul >  .sidebar-dropdown .sidebar-dropdown-item > li {
  color:  #004F8B;
}

.header-ser-parceiro.fix-menu ul > a > li, .header-ser-parceiro.fix-menu ul >  .sidebar-dropdown .sidebar-dropdown-item > li {
  color:  white;
}

.header-ser-parceiro .sidebar-dropdown .img-sidebar-dropdown {
    width: 18px;
    height: 18px;
    margin-left: 9px;
    background-image: url(../images/arrow-dropdown-blue-down.svg);
    background-position: center;
    background-size: cover;
}
.header-ser-parceiro.fix-menu .sidebar-dropdown .img-sidebar-dropdown {
  width: 18px;
  height: 18px;
  margin-left: 9px;
  background-image: url(../images/arrow-ios-down.svg);
  background-position: center;
  background-size: cover;
}

.header-ser-parceiro .sidebar-dropdown.active .sidebar-dropdown-content {
  color:  #004F8B;
}

.header-search .sidebar-dropdown.active{
  position: fixed;
  background-color: #004F8B;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 1s;
}

.header-search .sidebar-dropdown.active .sidebar-dropdown-content {
  position: initial; 
}

.header-search .sidebar-dropdown.active .sidebar-dropdown-content ul {
  justify-content: center;
  align-items: center; 
}

.header-search .sidebar-dropdown.active .sidebar-dropdown-item {
  margin-bottom: 0 !important;
}

.logo-search-blue {
  width: 120px;
  padding-bottom: 40px;
}

.searcher-menu.hamburger {
  position: fixed;
  width: 50px;
  height: 30px;
  right: 49%;
  top: 8%;
  z-index: 99999;
  color: #ffffff;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
  cursor: pointer;
}

.searcher-menu.hamburger span {
  position: absolute;
  z-index: 999;
  left: 50%;
  top: 50%;
  margin: -10px 0 0 -15px;
  width: 25px;
  height: 1.8px;
  background: #fff;
  transition-delay: 1s;
  -webkit-transition: -webkit-transform 0.3s, margin 0.2s;
  -moz-transition: -moz-transform 0.3s, margin 0.2s;
  transition: transform 0.3s, margin 0.2s;
}

.searcher-menu.hamburger span:before,
.searcher-menu.hamburger span:after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
}

.searcher-menu.hamburger span:before {
  box-shadow: 0 -8px, 0 8px;
  transition-delay: 2s;
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}

.searcher-menu.hamburger span:after {
  background: inherit;
  transform-origin: center center;
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.searcher-menu.hamburger.on span {
  transform: rotate(45deg);
  transition-delay: 0.3s;
  margin-top: -15px;
}

.searcher-menu.hamburger.on span:before {
  box-shadow: 0 0 0 0 #fff;
  transition-delay: 0s;
}

.searcher-menu.hamburger.on span:after {
  transform: rotate(-90deg);
  transition-delay: 0.3s;
}

.searcher-menu .back-hamburger {
  display: none;
}

.searcher-menu .back-hamburger.on {
  display: block;
  position: absolute;
  z-index: 9;
  top: -62%;
  left: -4%;
  width: 50px;
  height: 50px;
  background-color: #4abed3;
  border-radius: 50%;
}

.header-search .center {
  transform: translateY(-100%);
  width: 100%;
  max-width: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #004f8b;
  z-index: 9999;
  padding: 15vh 5vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}

.header-search .center.on {
  transform: translateY(0);
  visibility: visible;
  max-width: 100%;
}

.header-search .center.on .logo-white {
  width: 200px;
  margin-bottom: 60px;
}

.header-search .center.on ul > a > li {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 24px;
}

.body-search-general {
  display: flex;
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.body-search-left-general {
  width: 55%;
  height: 100vh;
}

.body-search-right {
  position: fixed;
  width: 45%;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #004f8b;
}

.body-search-left {
  padding: 50px 32px 0 50px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.checkbox-info img {
  height: 14px;
  width: auto;
  margin-bottom: 6px;
}

.box-results {
  height: auto;
}

.box-results::-webkit-scrollbar-track {
  background: rgba(0, 79, 139, 0.02);
}

.box-results::-webkit-scrollbar {
  width: 3px;
  background: rgba(0, 79, 139, 0.02);
}

.box-results::-webkit-scrollbar-thumb {
  background-color: #4bbed3;
  border-radius: 6px;
}

.subox-results-mobile {
  display: none;
}

.body-search-left-general .buscador-title {
  margin-top: 12vh;
  font-size: 28px;
  color: #004f8b;
  font-weight: 600;
  line-height: 32px;
}

.body-search-left-general.on .buscador-title {
  font-size: 40px;
  line-height: 48px;
}

.buscador-title .outstanding {
  color: #4bbed3;
  font-weight: 700;
}

.box-filters {
  margin-top: 6vh;
  display: block;
}

.aux-form.off {
  display: none;
}

.box-filters h5 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #4bbed3;
}

.form-search-select,
.form-search-input {
  width: 32%;
  padding: 12px 14px;
  height: 42px;
  font-size: 14px;
  font-weight: 400;
  color: #004f8b;
  background: rgba(51, 123, 251, 0.06);
  border-radius: 2px;
}

.form-search-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.checkbox-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 16px;
}

.form-search-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.form-search-row label {
  font-size: 14px;
  font-weight: 400;
  color: #004f8b;
}

.form-search-row {
  margin-bottom: 40px;
}

.body-search-left-general.on .box-results {
  display: none;
}

.body-search-left-general .box-results {
  display: block;
  padding: 22px 30px;
  background: rgba(0, 79, 139, 0.02);
  border-top: 1px solid #c2e4f3;
  height: 65%;
  overflow-y: scroll;
}

.subox-form {
  width: 66%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.subox-form .form-search-select {
  width: 56.5%;
}

.subox-form .form-search-input {
  width: 40%;
}

.box-results h5 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #4bbed3;
}

.results-item {
  background: #ffffff;
  box-shadow: 0 2px 6px 0 rgba(0, 79, 139, 0.07);
  padding: 16px 20px;
  border-radius: 2px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  min-height: 140px;
  height: 100%;
}

.number-map {
  background-color: #4bbed3;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  margin-right: 12px;
  padding: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.result-info {
  width: 80%;
}

.clinic-name {
  color: #4bbed3;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}

.subox-results {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 100px;
}

.subox-results > .col6 {
  align-self: stretch;
}

.clinic-address {
  font-size: 12px;
  color: #004f8b;
  font-size: 14px;
  color: #004f8b;
  line-height: 20px;
}

.clinic-phone {
  margin-top: 6px;
  font-size: 14px;
  font-weight: 700;
  color: #004f8b;
}

.header-search .logo-white {
  width: 108px;
}

.body-search-right {
  background-image: url("../images/map.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.header-search {
  position: fixed;
  top: 50px;
  left: 50px;
  z-index: 9999;
}

.btn-search-results,
.btn-contact-home {
  display: block;
  cursor: pointer;
  width: 100%;
  margin-bottom: 12px;
  right: 12px;
  left: 12px;
  background-color: #004f8b;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  padding: 14px;
  border-radius: 2px;
  border: #004f8b 1px solid;
}

.btn-search-results:hover,
.btn-search-results:active,
.btn-contact-home:hover,
.btn-contact-home:active {
  background-color: #fff;
  border: #004f8b 1px solid;
  color: #004f8b;
}

.btn-search-results.on {
  margin-top: 40px;
}

/* ---------------------------------------- */
/* POLIZA GENERAL */

.hero-poliza-general {
  background-image: url(../images/header-poliza-general.svg);
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}

.hero-poliza-general .box-hero-text {
  transform: translate(0);
  position: relative;
}

.hero-poliza-general img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(26%, -50%);
}

.btn-start-poliza {
  padding: 18px 6px;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  background-color: #004f8b;
  border-radius: 2px;
  min-width: 156px;
  border: 1px solid #004f8b;
}

.btn-start-poliza:hover,
.btn-start-poliza:active {
  background-color: #ffffff;
  color: #004f8b;
  border: 1px solid #004f8b;
}

.box-step-poliza {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 120px;
}

.step-poliza-item {
  background-color: #004f8b;
  border-radius: 2px;
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
  min-height: 250px;
  position: relative;
}

.step-poliza-item:hover,
.step-poliza-item:active {
  background-color: #4abed3;
}

.step-poliza-item h5 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
}

.step-poliza-item h5.bold {
  font-weight: 700;
}

.step-description {
  margin-top: 16px;
  font-size: 14px;
  line-height: 24px;
}

.step-poliza-item img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 120px;
  width: auto;
}

/* ---------------------------------------- */
/* Highlight colors. */

::-moz-selection {
  background: #c2e4f3;
}

::selection {
  background: #c2e4f3;
}

/* ---------------------------------------- */
/* datapicker */
#ui-datepicker-div {
  font-family: "Source Sans Pro";
  border: 0;
  -webkit-box-shadow: 4px 7px 22px 0px rgba(222, 222, 222, 0.2);
  -moz-box-shadow: 4px 7px 22px 0px rgba(222, 222, 222, 0.2);
  box-shadow: 4px 7px 22px 0px rgba(222, 222, 222, 0.2);
  width: 314px;
}
.ui-datepicker {
  font-family: "Source Sans Pro";
  background-color: #fff;
  direction: ltr;
  font-size: 12px;
  left: 0;
  line-height: 30px;
  position: fixed;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 350px;
  z-index: 999;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.ui-datepicker-calendar * {
  font-family: "Source Sans Pro";
  z-index: 999;
}

.ui-datepicker::before,
.ui-datepicker::after {
  border: 5px solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.ui-datepicker .ui-datepicker-header {
  background: none;
  border: none;
  padding: 1rem;
  font-size: 20px;
  font-weight: 400;
  color: #c0c5ca;
  font-family: "OpenSans";
  font-family: "Source Sans Pro";
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 18px;
  cursor: pointer !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white !important;
  border: none !important;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.ui-datepicker .ui-datepicker-prev:hover {
  left: 0.5rem;
}

.ui-datepicker .ui-datepicker-next:hover {
  right: 0.5rem;
}

.ui-datepicker .ui-datepicker-prev {
  left: 1rem;
}

.ui-datepicker .ui-datepicker-prev:before {
  font-family: "Ionicons";
  content: "\f3d2";
  font-size: 38px;
  color: #ffffff;
  transform: rotate(180deg);
}

.ui-datepicker .ui-datepicker-next {
  right: 1rem;
}

.ui-datepicker .ui-datepicker-next:before {
  font-family: "Ionicons";
  content: "\f3d3";
  font-size: 38px;
  color: #ffffff;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: white;
  border: 1px solid white;
  text-align: center;
  border: none;
  font-family: "OpenSans";
  font-family: "Source Sans Pro";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.7px;
  text-align: center;
  color: #004f8b;
  /* -webkit-transition: all 0.3s ease-in; */
  /* -o-transition: all 0.3s ease-in; */
  /* transition: all 0.3s ease-in; */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 23px;
  margin: 0 auto 0.5rem;
}

.ui-widget-content .ui-state-default.ui-state-active,
.ui-widget-content .ui-state-default.ui-state-hover {
  color: rgb(0, 93, 187);
  background: white;
  border: 1px solid rgb(0, 93, 187);
  font-weight: 600;
  font-family: "Source Sans Pro";
}

.ui-datepicker th {
  font-size: 16px;
  color: #a5a2a2;
  font-weight: 500;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: none;
}

.ui-datepicker-prev {
  background: #004f8b;
}
.ui-datepicker-prev:before {
  content: "";
  background-image: url("../images/arrow-blue-right.svg");
  background-position: center;
  background-repeat: no-repeat;
}
.ui-datepicker-next:before {
  content: "";
  background-image: url("../images/arrow-blue-right.svg");
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff;
}

/* ---------------------------------------- */
/* slick */
.slick-dots {
  justify-content: center;
}

.slick-dots li.slick-active button,
.slick-dots li button:hover {
  background-color: #ed3d12;
}
.slick-dots li button {
  height: 12px;
  width: 12px;
  border-radius: 25px;
  background-color: #c2e4f3;
  color: rgba(255, 255, 255, 0);
  margin: 0 10px;
  cursor: pointer;
}

.slick-list {
  margin-bottom: 32px;
}

.box-menu a, .box-menu .sidebar-dropdown {
  position: relative;
  display: inline-table;
  cursor: pointer;
  padding: 8px 0;
  color: #fff;
  text-decoration: none;
}


.box-menu .sidebar-dropdown-content a {
  padding:0;
}

@media (min-width: 819px) {
  .box-menu a.on:before,
  .box-menu a.on:after,
  .box-menu .sidebar-dropdown-item.on:before,
  .box-menu .sidebar-dropdown-item.on:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0px;
    background: #fff;
  }

  .box-menu a:hover,
  .box-menu .sidebar-dropdown-item:hover {
    color: #fff;
    text-decoration: none;
  }

  .box-menu a:before,
  .box-menu a:after,
  .box-menu .sidebar-dropdown-item:before,
  .box-menu .sidebar-dropdown-item:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    bottom: 0px;
    background: #fff;
  }

  /* .box-menu .sidebar-dropdown-item:before,
  .box-menu .sidebar-dropdown-item:after {
    display: none; 
  } */

  .box-menu .sidebar-dropdown.active .sidebar-dropdown-item:before,
  .box-menu .sidebar-dropdown.active .sidebar-dropdown-item:after {
    content: "";
    position: initial;
    width: 0%;
    height: 1px;
    bottom: 0px;
    background: #fff;
  }

  .box-menu a:before,
  .box-menu .sidebar-dropdown-item:before {
    left: 0;
  }

  .box-menu a:after,
  .box-menu .sidebar-dropdown-item:after {
    right: 0;
    background: #fff;
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  }

  .box-menu a:hover:before,
  .box-menu .sidebar-dropdown-item:hover:before {
    background: #fff;
    width: 100%;
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  }

  .box-menu a:hover:after,
  .box-menu .sidebar-dropdown-item:hover:after {
    background: transparent;
    width: 100%;
    transition: 0s;
  }
}

/* RADIO BUTTONS */
.form-search ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  padding-left: 14px;
}

.form-search ul li {
  color: #004f8b;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100px;
}

.form-search ul li input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
}

.form-search ul li label {
  z-index: 9;
  cursor: pointer;
  transition: all 0.25s linear;
}

.form-search ul li:hover label {
  color: #337bfb;
}

.form-search ul li .check {
  display: block;
  position: absolute;
  border: 3px solid #004f8b;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  top: 10px;
  left: -10px;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}

.form-search ul li:hover .check {
  border: 2px solid #337bfb;
}

.form-search ul li .check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 8px;
  width: 8px;
  top: 2px;
  left: 2px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

.form-search input[type="checkbox"]:checked ~ .check {
  border: 2px solid #004f8b;
}

.form-search input[type="checkbox"]:checked ~ .check::before {
  background: #004f8b;
}

.form-search input[type="checkbox"]:not(:checked) ~ .check::before {
  background: transparent;
}
.form-search input[type="checkbox"]:checked ~ label {
  color: #004f8b;
}

/* WORK WITH US */
.hero-work .box-hero-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #fff;
  transform: translate(0);
  position: relative;
  color: #004f8b;
  z-index: 1;
}

.item-form-work {
  margin-bottom: 32px;
}

.item-form-work .form-label,
.item-form-work .form-input {
  color: #004f8b;
}

.item-form-work .form-input {
  background-color: #f3f7ff;
}

.btn-form-work-send,
.btn-form-work-back {
  border-radius: 2px;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 18px;
  width: 150px;
  text-align: center;
  border: 1px solid rgba(147, 152, 160, 0);
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0.1);
}

.btn-form-work-send {
  color: #fff;
  background-color: #004f8b;
  border: solid 1px #004f8b;
  margin-right: 10px;
}

.btn-form-work-send:hover {
  color: #004f8b;
  background-color: #fff;
  border: solid 1px #004f8b;
  margin-right: 10px;
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0);
}

.btn-form-work-back {
  color: #004f8b;
  background-color: #fff;
  margin-left: 10px;
  cursor: pointer;
}

.btn-form-work-back:hover {
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0);
}

.row-modal-btn-form-work {
  margin-top: 80px;
  align-self: center;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.work-shape {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-95%);
  z-index: -1;
}

.form-dropzone {
  width: 100%;
  padding: 14px 32px;
  height: 100px;
  font-size: 16px;
  font-weight: 300;
  color: #004f8b;
  background-color: rgba(51, 123, 251, 0.06);
  border: 1px solid rgba(51, 123, 251, 0);
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.form-dropzone:hover {
  background-color: rgba(51, 123, 251, 0);
  border: 1px solid #004f8b;
}

.upload-file {
  width: 55px;
  margin-right: 32px;
}

.form-dropzone .form-dropzone-message {
  display: inline;
  font-size: 14px;
  font-weight: 400;
  color: #004f8b;
}
.dz-default.dz-message {
  display: none;
}

.dz-filename,
.dz-size {
  display: inline;
  font-size: 14px;
  font-weight: 400;
  color: #004f8b;
}

.form-dropzone .form-dropzone-message.off {
  display: none;
}

.work-with-us ul > a > li, .work-with-us ul > .sidebar-dropdown > li {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  color: #004f8b;
  font-size: 18px;
}

.dz-image,
.dz-progress,
.dz-error-message,
.dz-success-mark,
.dz-error-mark {
  display: none;
}

.form-work .item-form-work {
  margin-bottom: 32px;
  display: inline-block;
}

/* ---------------------------------------- */
/* PANEL PERSONAL - Menu Principal */

.footer-row-personal {
  padding: 156px 0 42px 0;
}

.footer-row-personal .center {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
}

.footer-row-menu {
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 48px;
}

.footer-row-menu a {
  padding: 0 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.header-personal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #004f8b;
  padding: 12px 0;
  z-index: 9999;
  max-height: 100px;
}

.header-personal .center {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.header-personal .logo-white {
  width: 120px;
}

.box-menu-personal {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.btn-data-menu-personal {
  border-radius: 40px;
  width: 52px;
  height: 52px;
  position: relative;
  background: #ffffff;
  margin-right: 16px;
}

.data-menu-personal {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.menu-personal-name,
.menu-personal-lastname {
  color: #004f8b;
  font-size: 20px;
  font-weight: 600;
  display: inline;
}

.arrow-menu-personal {
  width: 14px;
  transform: rotate(0deg);
}

.arrow-menu-personal.on {
  transform: rotate(180deg);
}

.box-menu-personal-open {
  display: none;
  position: absolute;
  width: 460px;
  bottom: 0;
  right: -20px;
  transform: translate(0, 102%);
  z-index: 99;
  background: #ffffff;
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0.1);
  border-radius: 2px;
  overflow: hidden;
  background-color: transparent;
}

.box-menu-personal-open.on {
  display: block;
}

.box-menu-personal-top {
  background-color: #4abed3;
  position: relative;
}

.box-menu-personal-top {
  position: relative;
  top: 0;
  left: 0;
  padding: 60px 32px 32px 32px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.box-menu-personal-top h3 {
  font-size: 60px;
  font-weight: 300;
  color: #fff;
  text-align: right;
  margin-bottom: 12px;
}

.box-menu-personal-top h4 {
  font-size: 48px;
  font-weight: 600;
  color: #fff;
  text-align: right;
}

.box-menu-personal-top img {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  z-index: 0;
}

.box-menu-personal-bottom {
  background-color: #fff;
  padding: 12px 0;
  display: flex;
  flex-direction: column;
}

.btn-menu-personal {
  color: #004f8b;
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  padding: 13px 40px;
}

.btn-menu-personal:hover {
  color: #4abed3;
}

.body-personal-start {
  padding-top: 80px;
}

.shape-menu-personal {
  position: absolute;
  bottom: 0;
  transform: translate(-50%, 86%);
  left: 50%;
  width: 105%;
}

.hero-personal-general {
  background-color: #4abed3;
  position: relative;
  padding-top: 200px;
}

.hero-personal-general .center {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}

.hero-personal-title {
  display: flex;
  flex-direction: column;
  padding-bottom: 72px;
}

.hero-personal-title h2 {
  font-size: 48px;
  font-weight: 400;
  color: #fff;
  text-align: right;
}

.hero-personal-title h1 {
  font-size: 100px;
  font-weight: 700;
  color: #fff;
  text-align: right;
}

.wave-hero-personal {
  position: absolute;
  z-index: 99;
  bottom: -2px;
  left: 0;
  right: 0;
  width: 105%;
}

.box-navigation-personal {
  padding: 48px 0;
  position: relative;
}

.box-navigation-personal.with-padd {
  padding-top: 200px;
}

.box-navigation-personal .center {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.btn-personal-home-icon,
.btn-personal-help-icon {
  height: 16px;
  margin-right: 12px;
}

.box-navigation-personal-buttons {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.btn-personal-home,
.btn-personal-help {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0.1);
  border-radius: 2px;
  padding: 10px 24px 10px 16px;
  cursor: pointer;
  color: #004f8b;
  font-size: 16px;
  font-weight: 600;
}

.btn-personal-help {
  margin-left: 20px;
}

.navigation-line {
  height: 1px;
  width: 92px;
  border: 1px solid rgba(184, 182, 182, 0.15);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.box-personal-titles.with-select .description-section-personal {
  margin-bottom: 68px;
}

.title-section-personal {
  font-size: 40px;
  color: #004f8b;
  font-weight: 700;
  text-align: center;
  margin: 54px auto 0 auto;
}

.wave-title-section {
  width: 30px;
  display: inherit;
  margin: 22px auto 32px auto;
}

.description-section-personal {
  font-size: 16px;
  font-weight: 400;
  color: #004f8b;
  text-align: center;
  margin: 0 auto 116px auto;
}

.box-personal-select-user .navigation-line {
  display: inline-block;
  margin: 48px auto 112px auto;
  position: relative;
  left: 0;
  transform: translateX(0);
  height: 1px;
  width: 92px;
  border: 1px solid rgba(184, 182, 182, 0.15);
}

.box-personal-select-user {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.title-personal-select-user {
  color: #004f8b;
  font-size: 16px;
  margin-bottom: 12px;
  text-align: center;
}

.dropdown-user {
  width: 320px;
  position: relative;
}

.dropdown-title {
  position: relative;
  width: 320px;
  background-color: #004f8b;
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0.1);
  border-radius: 100px;
  color: #fff;
  height: 64px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 8px 36px 8px 8px;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.dropdown-title:after {
  content: url("../images/arrow-select.svg");
  position: absolute;
  z-index: 9;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
}

.dropdown-title img {
  width: 48px;
  margin-right: 12px;
}

.dropdown-user-select {
  display: flex;
  flex-direction: column;
}

.dropdown-user-select p {
  color: #fff;
}

.dropdown-user-menu {
  position: absolute;
  width: 340px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0.1);
  border-radius: 2px;
  background-color: #fff;
  display: none;
}

.dropdown-user-menu.on {
  display: block;
}

.dropdown-user-menu ul {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.dropdown-user-menu li {
  display: flex;
  flex-direction: column;
  padding: 12px;
  text-align: center;
  border-bottom: #f3f3f3 1px solid;
  cursor: pointer;
  background-color: #fff;
}

.dropdown-user-name {
  text-transform: uppercase;
  color: #004f8b;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
  line-height: 14px;
}

.dropdown-user-policy {
  text-transform: uppercase;
  color: #004f8b;
  font-size: 12px;
  font-weight: 300;
}

.dropdown-user-menu li:hover .dropdown-user-name,
.dropdown-user-menu li:hover .dropdown-user-policy {
  color: #004f8b;
}

.dropdown-user-menu li:hover {
  background-color: #f5f9ff;
}

.box-personal-start-options {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.item-personal-start {
  background-color: #337bfb;
  border-radius: 2px;
  position: relative;
  height: 245px;
  max-height: 245px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 24px 32px;
}

.item-personal-start h5 {
  font-size: 40px;
  font-weight: 400;
  color: #fff;
  position: relative;
  z-index: 3;
}

.item-personal-start h5 .bold {
  font-weight: 700;
  display: block;
}

.background-item-personal {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0.5;
}

.btn-item-personal-view {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px;
  border-bottom: 1px solid #fff;
}

.btn-item-personal-view:hover {
  color: #004f8b;
  border-bottom-color: #004f8b;
}

.form-personal {
  display: flex;
  flex-direction: column;
}

.row-personal-form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.item-form-personal {
  margin-bottom: 32px;
}

.note-form-personal {
  margin: 44px auto 0px auto;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  color: #337bfb;
}

.btn-form-personal-send,
.btn-form-personal-back {
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
  padding: 14px 18px;
  width: 150px;
  text-align: center;
  border: 1px solid rgba(147, 152, 160, 0);
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0.1);
  cursor: pointer;
}

.btn-form-personal-send {
  color: #fff;
  background-color: #004f8b;
  border: solid 1px #004f8b;
  margin-right: 10px;
}

.btn-form-personal-send:hover {
  color: #004f8b;
  background-color: #fff;
  border: solid 1px #004f8b;
  margin-right: 10px;
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0);
}

.btn-form-personal-back {
  color: #004f8b;
  background-color: #fff;
  margin-left: 10px;
}

.btn-form-personal-back:hover {
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0);
}

.row-modal-btn-form-personal {
  align-self: center;
  margin-top: 80px;
}

.box-personal-form-policy .form-input {
  color: #7b858c;
  background-color: #f8f8f8;
}

.box-personal-form-policy .form-label {
  color: #7b858c;
}

.box-personal-documents {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

.item-personal-document {
  background: #ffffff;
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0.1);
  border-radius: 2px;
  padding: 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 104px;
}

.personal-document-image {
  width: 24px;
  margin-right: 20px;
}

.personal-document-name {
  color: #004f8b;
  font-weight: 600;
  font-size: 16px;
}

.box-faqs-general {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}

.item-faqs-general {
  background: #ffffff;
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0.1);
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 28px;
  height: 100%;
  cursor: pointer;
}

.item-faqs-general img {
  height: 80px;
  margin-bottom: 24px;
}

.title-faqs-general {
  font-size: 18px;
  font-weight: 700;
  color: #004f8b;
  text-align: center;
}

.body-faqs-specific .center {
  position: relative;
  display: flex;
  flex-direction: row;
}

.breadcrumbs-personal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 auto 72px auto;
}

.item-breadcrumbs-personal {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  color: #337bfb;
  margin-left: 46px;
  margin-bottom: 8px;
}

.item-breadcrumbs-personal:before {
  content: url("../images/bullet-breadcrumbs.svg");
  position: absolute;
  left: -26px;
  top: -1px;
}

.item-breadcrumbs-personal.no-bullet:before {
  content: none;
}

.item-breadcrumbs-personal:hover {
  color: #47bef3;
}

.box-menu-category,
.list-menu-category,
.box-category-questions,
.box-category-answer,
.list-category-questions,
.box-description-category-answer {
  display: flex;
  flex-direction: column;
}

.box-menu-category {
  padding-right: 88px;
}

.title-menu-category {
  color: #337bfb;
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.item-category {
  display: block;
  padding: 12px;
  background-color: #fff;
  color: #7b858c;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  line-height: 18px;
  border-radius: 2px;
  cursor: pointer;
}

.item-category:hover,
.item-category.on {
  background-color: #337bfb;
  color: #fff;
}

.title-category-questions {
  font-size: 44px;
  color: #337bfb;
  font-weight: 300;
  margin-bottom: 32px;
}

.list-category-questions {
  padding-left: 24px;
}

.item-category-questions {
  display: block;
  padding: 16px 120px 8px 0;
  font-size: 16px;
  font-weight: 400;
  color: #004f8b;
  line-height: 26px;
  border-bottom: 1px solid #eee;
  position: relative;
}

.item-category-questions:after {
  content: url("../images/arrow-blue-right.svg");
  position: absolute;
  right: 12px;
  bottom: 5px;
}

.item-category-questions:hover {
  color: #337bfb;
}

.title-category-answer {
  font-size: 44px;
  color: #337bfb;
  font-weight: 300;
  margin-bottom: 32px;
}

.subtitle-category-answer {
  font-size: 16px;
  color: #004f8b;
  line-height: 24px;
  margin-bottom: 12px;
}

.item-category-answer {
  padding-bottom: 40px;
}

.description-category-answer {
  font-size: 14px;
  font-weight: 300;
  color: #004f8b;
  margin-bottom: 12px;
  line-height: 20px;
}

.box-bullet-category-answer {
  padding-left: 40px;
  margin-bottom: 12px;
}

.option-faq-item {
  position: relative;
  font-size: 14px;
  font-weight: 300;
  color: #004f8b;
  margin-bottom: 8px;
  line-height: 20px;
}

.option-faq-item:before {
  position: absolute;
  content: url("../images/bullet-faqs.svg");
  left: -20px;
  top: -3px;
}

.description-category-answer .bold-green {
  font-weight: 600;
  color: #4abed3;
}

.form-contact-personal {
  display: flex;
  flex-direction: column;
}

.item-form-contact-personal {
  margin-bottom: 32px;
}

.row-btn-form-contact-personal {
  align-self: center;
  margin-top: 80px;
}

.box-personal-help {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}

.item-personal-help {
  background: #ffffff;
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0.1);
  border-radius: 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 40px 50px;
  height: 100%;
  cursor: pointer;
}

.item-personal-help img {
  height: 80px;
  margin-right: 40px;
  width: auto;
}

.title-personal-help {
  font-size: 18px;
  font-weight: 700;
  color: #004f8b;
  text-align: left;
}

.form-settings-personal {
  display: flex;
  flex-direction: column;
}

.item-form-settings-personal {
  margin-bottom: 32px;
}

.row-btn-form-settings-personal {
  align-self: center;
  margin-top: 80px;
}

.form-settings-personal {
  margin: 0 auto;
}

.row-btn-form-contact-personal {
  align-self: center;
  margin-top: 80px;
}

.box-personal-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

.item-personal-card {
  background: #ffffff;
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0.1);
  border-radius: 2px;
  padding: 22px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 180px;
  overflow: hidden;
}

.item-personal-card:hover {
  transform: scale(1.03);
}

.personal-card-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.row-btn-personal-cards {
  padding: 0px 0px 60px 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.btn-personal-card {
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
  padding: 14px 18px;
  text-align: center;
  border: 1px solid rgba(147, 152, 160, 0);
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0.1);
  cursor: pointer;
  margin: 0;
  min-width: 120px;
  color: #fff;
  background-color: #337bfb;
  border: solid 1px #337bfb;
}

.btn-personal-card:hover {
  color: #337bfb;
  background-color: #fff;
  border: solid 1px #337bfb;
  margin-right: 10px;
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0);
}

.box-general-modal-card-detail,
.box-general-modal-card-new,
.box-success-modal-card-new {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 79, 139, 0.3);
  z-index: 99999;
}

.box-general-modal-card-detail.on,
.box-general-modal-card-new.on,
.box-success-modal-card-new.on {
  display: block;
}

.modal-card-detail {
  background: #ffffff;
  box-shadow: 0 10px 24px 0 rgba(147, 152, 160, 0.1);
  border-radius: 2px;
  height: auto;
  min-height: 50vh;
  padding: 52px;
  position: fixed;
  z-index: 999999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.box-img-card-detail {
  border-radius: 2px;
  overflow: hidden;
}

.img-card-detail {
  height: auto;
  width: 100%;
  border: 5px solid #f3f3f3;
}

.btn-close-modal-card-detail {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 20px;
  cursor: pointer;
}

.title-card-detail {
  font-size: 48px;
  color: #4abed3;
  font-weight: 700;
  margin-bottom: 20px;
}

.name-card-detail {
  font-size: 20px;
  color: #004f8b;
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.number-card-detail,
.date-card-detail {
  font-size: 16px;
  font-weight: 400;
  color: #004f8b;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.asisa-data-selected-new-card {
  text-transform: uppercase;
  color: #4abed3;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
}

.box-data-card-detail {
  margin-left: 5%;
}

.modal-card-new {
  background: #ffffff;
  box-shadow: 0 10px 24px 0 rgba(147, 152, 160, 0.1);
  border-radius: 2px;
  height: auto;
  min-height: 50vh;
  padding: 92px 92px 52px 92px;
  position: fixed;
  z-index: 999999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.modal-card-new-blue {
  box-shadow: 0 10px 24px 0 rgba(147, 152, 160, 0.1);
  border-radius: 2px;
  height: auto;
  min-height: 30vh;
  padding: 92px 92px 52px 92px;
  position: fixed;
  z-index: 999999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #004f8b;
}

.modal-card-new-step {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.modal-card-new-step.on {
  display: flex;
  width: 100%;
}

.number-step {
  width: 72px;
  margin-bottom: 60px;
}

.box-general-modal-card-new .box-personal-select-user {
  margin-bottom: 68px;
}

.box-general-modal-card-new .row-btn-personal-cards {
  padding: 0;
}

.btn-close-modal-card-new,
.btn-close-modal-success-card-new {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 20px;
  cursor: pointer;
}

.btn-new-personal-card,
.btn-new-personal-card-back {
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
  padding: 14px 18px;
  text-align: center;
  border: 1px solid rgba(147, 152, 160, 0);
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0.1);
  cursor: pointer;
  margin: 0;
  min-width: 120px;
  color: #fff;
  background-color: #337bfb;
  border: solid 1px rgba(51, 124, 251, 0);
}

.btn-new-personal-card {
  margin-right: 10px;
}

.btn-new-personal-card:hover {
  color: #337bfb;
  background-color: #fff;
  border: solid 1px #337bfb;
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0);
}

.btn-new-personal-card-back {
  color: #337bfb;
  background-color: #fff;
  margin-right: 10px;
}

.btn-new-personal-card-back:hover {
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0);
}

.row-data-selected-new-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.title-data-selected-new-card {
  font-size: 14px;
  color: #7b858c;
  font-weight: 400;
  text-align: center;
  margin-bottom: 12px;
}

.name-data-selected-new-card {
  font-size: 18px;
  color: #004f8b;
  font-weight: 700;
  margin-bottom: 4px;
}

.policy-data-selected-new-card {
  font-size: 16px;
  color: #004f8b;
  font-weight: 400;
  margin-bottom: 8px;
}

.row-data-selected-new-card .navigation-line {
  margin: 16px auto 52px auto;
  position: relative;
  left: 0;
  transform: translateX(0);
}

.form-new-card-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}

.form-new-card-row label {
  font-size: 16px;
  font-weight: 600;
  color: #004f8b;
}

.form-new-card-row {
  margin-bottom: 40px;
}

.form-new-card-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.checkbox-info img {
  height: 14px;
  width: auto;
  margin-bottom: 6px;
}

.checkbox-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 16px;
}

.box-options-new-card {
  padding: 52px 20px 80px 20px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

.box-options-new-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
}

.box-options-new-card ul li {
  color: #004f8b;
  position: relative;
  width: auto;
  height: 100px;
  padding: 12px 48px 12px 24px;
  display: flex;
  flex-direction: row;
  height: auto;
  align-items: center;
  background: #ffffff;
  border-radius: 2px;
  cursor: pointer;
}

.box-options-new-card ul li input[type="radio"] {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  visibility: hidden;
  transform: translateY(-50%);
}

.box-options-new-card ul li label {
  z-index: 9;
  cursor: pointer;
  transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
}

.box-options-new-card ul li:hover label {
  color: #337bfb;
}

.box-options-new-card ul li .check {
  display: block;
  position: relative;
  border: 3px solid #004f8b;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  margin-right: 12px;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}

.box-options-new-card ul li:hover .check {
  border: 3px solid #337bfb;
}

.box-options-new-card ul li:hover .check::before {
  background-color: #337bfb;
}

.box-options-new-card ul li .check::before {
  display: block;
  position: absolute;
  content: "";
  visibility: hidden;
  border-radius: 100%;
  height: 6px;
  width: 6px;
  top: 2px;
  left: 2px;
  background-color: #004f8b;
  margin: auto;
  z-index: 9999999;
  transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
}

.box-options-new-card ul li .check.on::before {
  visibility: visible;
}

.box-options-new-card input[type="radio"]:checked ~ label {
  color: #004f8b;
}

.description-new-card {
  font-size: 16px;
  color: #004f8b;
  font-weight: 400;
  text-align: center;
}

.item-option-new-card {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 124px;
  border: 5px solid #f3f3f3;
  cursor: pointer;
}

.item-option-new-card:hover {
  transform: scale(1.03);
}

.item-option-new-card.on {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 124px;
  border: 5px solid #004f8b;
}

.img-option-new-card {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.description-modal-success-personal-card {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
}

/* Validación de formularios */
.form-home .form-input.mandatory {
  background-color: rgba(51, 123, 251, 0.2);
}

.error {
  font-size: 14px;
  font-weight: 400;
  color: #ed3d12;
}

.condiciones {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding-bottom: 25px;
}
.condiciones #aceptaCondiciones-error,
#aceptaCondicionesPoliza-error {
  position: absolute;
  bottom: 0;
}

.condiciones input {
  margin-right: 20px;
}

.legal-cont p,
.legal-cont a {
  font-size: 14px;
  display: inline;
  color: #004f8b;
}

.legal-cont a {
  font-weight: 600;
  color: #4abed3;
}

.alta-poliza .form-input.mandatory {
  background-color: rgba(51, 123, 251, 0.2);
}


.btn-close-modal-gdpr {
  width: 20px;
  position: absolute;
  top: 28px;
  right: 28px;
  cursor: pointer;
}

.box-text-modal-gdpr {
  border: 1px solid #eeee;
  border-radius: 2px;
  height: auto;
  overflow: hidden;
  padding: 30px 20px;
}

.title-modal-gdpr {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 40px;
  color: #4abed3;
  position: absolute;
  top: 12px;
  left: 20px;
}

.box-text-modal-gdpr .privacy-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 34px;
}

.box-modal-gdpr .item-form-work {
  margin-top: 12px;
}

.row-modal-btn-form-gdpr {
  align-self: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.btn-form-modal-policy-send,
.btn-form-modal-policy-back {
  border-radius: 2px;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 18px;
  width: 150px;
  text-align: center;
  border: 1px solid rgba(147, 152, 160, 0);
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0.1);
  cursor: pointer;
}

.btn-form-modal-policy-send {
  color: #fff;
  background-color: #004f8b;
  border: solid 1px #004f8b;
  margin-right: 10px;
}

.btn-form-modal-policy-send:hover {
  color: #004f8b;
  background-color: #fff;
  border: solid 1px #004f8b;
  margin-right: 10px;
  box-shadow: 0 5px 13px 0 rgba(147, 152, 160, 0);
}

.ui-datepicker {
  z-index: 9999 !important;
}

.news-home .box-news-item {
  flex-direction: row;
}

.exito-modal {
  display: none;
  background-color: #fffd;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
}
.exito-modal.active {
  display: flex;
  justify-content: center;
  align-items: center;
}
.exito {
  width: 50%;
  background-color: #aadee9;
  min-height: 30vh;
  min-width: 350px;
  display: flex;
  flex-direction: column;
  background-image: url(/images/poliza-creada.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
}

.close-exito {
  border: none;
  height: 20px;
  width: 20px;
  background: url(/images/btn-close-cookies.svg);
  background-size: cover;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.exito-texto {
  font-family: "Source Sans Pro";
  color: #fff;
  font-size: 22px;
  text-align: center;
  width: 80%;
  margin: 50px auto 20px;
}

.exito-gracias {
  font-family: "Source Sans Pro";
  color: #fff;
  font-size: 18px;
  text-align: center;
  width: 80%;
  margin: 0px auto;
}

.exito-voltar {
  color: #4bbed3;
  background-color: #fff;
  font-size: 20px;
  text-align: center;
  display: block;
  width: 8em;
  padding: 15px 0;
  margin: 50px auto;
  border-radius: 2px;
  box-shadow: 0px 5px 13px rgba(147, 152, 160, 0.1);
  margin-bottom: 150px;
}

.loader {
  display: none;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999999999999999999;
}

.loader.active {
  display: block;
}

.optional {
  display: none;
}
.optional.active {
  display: block;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.contact-main-container {
  display: flex;
}

.contact-main-item {
  width: 50%;
}

.contact-main-item:first-child {
  padding-right: 43px;
  margin-right: 43px;
  border-right: 1px solid rgba(0, 79, 139, 0.15);
  width: 270px;
}

.contact-main-container .call {
  width: 100%;
  margin: 0;
  margin-bottom: 16px;
}

.contact-main-container .email-contact-container {
  height: auto;
  width: 100%;
  margin: 0;
}

.contact-main-container .call-contact-container {
  width: auto;
  height: auto;
}

.contact-main-container .btn-call-me-simulator {
  bottom: 9px;
}

.contact-main-container .call-me-contact-container h3 {
  line-height: 1.3em;
}

.contact-main-container .call .btn-call {
  position: initial;
  float: none;
  display: inline-block;
}

.contact-main-container .call-contact-container p {
  margin: 0;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}

.call-container a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Source Sans Pro";
  font-weight: 600;
  font-size: 28px;
  line-height: 1em;
  max-width: 220px;
  border-radius: 30px;
  background: #f0f8ff;
  padding: 7px 0 7px 22px;
  margin-bottom: 8px;
}

.call .call-text {
  font-family: "Source Sans Pro";
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 4px;
  padding-left: 24px;
}

.call-schedule {
  font-family: "Source Sans Pro";
  font-weight: 500;
  font-size: 14px;
  color: #004f8b;
  margin-top: 10px;
}

.contact-main-container .title-simulator {
  margin-bottom: 20px;
}

.contact-main-container .btn-email-contact-simulator {
  margin: 0;
  display: inline-block;
  padding: 16px 34px;
}

.contact-main-container .type-simulator-container.email-contact-container {
  margin-bottom: 52px;
}

/* ASISA ACCIDENTES */

/* Accidents hero */

.accidents-header-img {
  right: 10%;
}

/* Rate calculation */
.btn.btn-submit-accident-simulator {
  width: 50%;
  margin: 0 auto; 
}

.accident-simulator-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 54px;
}

.accident-simulator-input-container {
  width: 45%;
}

.accident-simulator-label {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  color: #004F8B;
}

.hero-accident {
  position: relative;
  overflow: hidden;
  background-image: url(../images/background-dental01.svg);
  background-position:bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  z-index:2;
}


.hero-accident .box-hero {
  display: flex;
  flex-direction: column;
}
.hero-accident .box-hero-text {
  transform: translate(0);
  position: relative;
}

.hero-accident .box-hero img {
  position: absolute;
  right: 10%;
  bottom: 10%;
  width: 557.8px;
  height: 385.65px;
}

.hero-accident .box-hero-text-indicator {
  color: #fff;
}

.accident-simulator-input-container.error label {
  color: #ED3D12; 
}

.accident-simulator-input-container.error input {
  border: 1px solid #ED3D12; 
}

/* Accident franchises */

.accident-franchises {
  width: 100%;
  height: 1484px;
  padding-top: 103px;
  box-sizing: border-box;
}

.accident-franchises-content {
  position: relative;
}

.accident-franchises .line-title {
  display: flex;
  align-items: center; 
  justify-content: space-between;
  margin-bottom: 33.6px;
}

.accident-franchises .title {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  font-size: 41px;
  line-height: 50px;
  color: #004F8B;
  width: 297px;
  width: 50%;
}

.accident-franchises .btn-subscribe {
  cursor: pointer; 
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  font-size: 17px;
  line-height: 17px;
  text-align: center;  
  color: #FFFFFF;
  background: #004F8B;
  box-shadow: 0px 0px 8px rgba(51, 123, 251, 0.1);
  border-radius: 2px; 
  width: 261px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.accident-franchises .btn-subscribe:hover {
  background: white;
  color: #004F8B;
  border: 1px solid #004F8B;
}

.accident-franchises .subtitle {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;  
  color: #004F8B;
  margin-bottom : 89.4px;

}

.franchise-item {
  float: right; 
  width: 70%;
  height: 258px;
  display: flex; 
  align-items: center; 
  justify-content: space-between;
  margin-bottom: 136px;
  
}

.franchise-item.two {
  float: left; 
}

.franchise-item.left {
  float: left; 
}

.franchise-item .franchise-price-container {
  position: relative;   
  width: 286px;
  height: 258px;
  background-image: url(../images/background-franchise.svg);
  background-position: top; 
  background-repeat: no-repeat; 
  display: flex; 
  align-items: center;
  justify-content: space-between;
}

.franchise-item.two .franchise-price-container  {
  transform: rotate(180deg);

}

.franchise-item.two .franchise-price-container .franchise-price-circle{
  transform: rotate(180deg);
}

.franchise-item.three .franchise-price-container  {
  transform: rotate(90deg);
}

.franchise-item.three .franchise-price-container .franchise-price-circle{
  transform: rotate(-90deg);
  position: absolute;
  right: 0;  
}

.franchise-price-container .franchise-price-circle {
  position: absolute; 
  bottom: 0;
  width: 212px;
  height: 212px;
  background-color: #004F8B;
  border-radius: 100%;
  display: flex; 
  align-items: center; 
  justify-content: center; 
  flex-direction: column; 
}

.franchise-price-circle .price-text {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: -12px;
}

.franchise-price-circle .price {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 50px;
  text-align: center;  
  color: #FFFFFF;

}

.franchise-price-circle .price .price-other-size {
  font-size: 30px;
}

.franchise-item .franchise-item-text {
  width: 55%;
}

.franchise-item-text .title {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 50px;  
  color: #004F8B;
  width:100%;
  margin-bottom: 12px;
}

.franchise-item-text .description {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;  
  color: #004F8B;

}

/* Accidents consecuencies cards */

.accidents-consequences-cards {
  height: auto;
  padding-top: 184px;
  box-sizing: border-box; 
  border-radius: 3px;
}

.accidents-consequences-cards .title {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  font-size: 60px;
  line-height: 68px;  
  color: #004F8B;
  width: 70%;
  margin-bottom: 121px;
}

.accidents-consequences-cards-container {
  width: 100%;
  height:397px;
  display: flex; 
  align-items: center; 
  justify-content: space-between;
}


/* Accident hiring options */

.accident-hiring-options {
  padding-top: 241.4px;
}

.accident-hiring-options .line-title {
  display: flex;
  align-items: center; 
  justify-content: space-between;
  margin-bottom: 33.6px;
}

.accident-hiring-options .title {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  font-size: 41px;
  line-height: 50px;
  color: #004F8B;
}

.accident-hiring-options .btn-subscribe {
  cursor: pointer; 
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  font-size: 17px;
  line-height: 17px;
  text-align: center;  
  color: #FFFFFF;
  background: #004F8B;
  box-shadow: 0px 0px 8px rgba(51, 123, 251, 0.1);
  border-radius: 2px; 
  width: 261px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.accident-hiring-options .btn-subscribe:hover {
  background: white;
  color: #004F8B;
  border: 1px solid #004F8B;
}

.accident-hiring-options .subtitle {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;  
  color: #004F8B;
  margin-bottom : 89.4px;

}

/* SER PARCEIRO */

.ser-parceiro-logo-responsive {
  display: none; 
}

.ser-parceiro-title {
  padding-top: 208px;
  padding-bottom: 24px;  
  width: 100%;
}

.ser-parceiro-title-content .title {
  width: 70%; 
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 73px;
  line-height: normal;  
  color: #004F8B;
}

.ser-parceiro-title-content .title .bold {
  font-weight: 600;
}

.ser-parceiro-contact {
  position: relative; 
  height: 1130px; 
}

.ser-parceiro-images {
  margin-top: 35px;
  position: absolute;
  left: 0;
  right: 0;
}

.ser-parceiro-images .ser-parceiro-image-one {
  position: absolute;
  left: 0;
  top: 160px;
  width: 481px;
}

.ser-parceiro-images .ser-parceiro-image-two {
  position: absolute;
  left: 0;
  top: 117px;
  width: 405px;

}

.img-article {
  display: none; 
  margin-top: 40px; 
}


.img-article.active {
  display : block; 
}

.ser-parceiro-images .ser-parceiro-image-three {
  position: absolute;
  left: 0;
  top: 0;
  width: 342px;
}

.ser-parceiro-form-container {
  position: absolute; 
  height: 100px;
  width: 45%;
  right: 5%;

}

.ser-parceiro-form-container .success-text-container {
  display: none; 
  
}

.ser-parceiro-form-container.success .success-text-container {
  display: block;
  width: 80%;
  padding-top: 200px;   
}

.success-text-container .title {
  font-weight: 300;
  font-size: 34px;
  line-height: normal;
  color: #004F8B;
  margin-bottom: 30px; 
}

.success-text-container .title .bold {
  display: block; 
}



.success-text-container .description-success {
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  color: #004F8B;
  margin-bottom: 32px;  
}

.success-text-container .btn {
  width: 172px;
}

.ser-parceiro-form-container.success .description,
.ser-parceiro-form-container.success .ser-parceiro-form {
  display: none; 
}

.ser-parceiro-form-container .description {
  margin-bottom: 78px;
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  color: #004F8B;
  width: 95%;
}

.ser-parceiro-form {
  width: 60%;
}

.parceiro-simulator-input-container {
  margin-bottom: 32px; 
}

.parceiro-simulator-check-box-container {
  margin-bottom: 72px; 
}

.parceiro-submit-btn-container {
  display: flex; 
  align-items: center; 
  justify-content: center; 
  margin-bottom: 24px; 
}

.parceiro-submit-btn-container .btn{
  width: 49%;
}

.parceiro-submit-btn-container .btn:first-child {
  margin-right: 20px; 
}

.parceiro-submit-btn-container .btn-cancel-parceiro { 
  color: #004f8b;
  background: #FFF;
  box-shadow: 0px 5px 13px rgba(147, 152, 160, 0.1);
  border-radius: 2px;
  border: 1px solid transparent; 
}

.obligatory-info {
  font-weight: normal;
  font-size: 15px;
  line-height: 28px;  
  color: #004F8B;

}

.obligatory-info.error {
  color: #ED3D12;
} 

.footer-ser-parceiro,
.footer-simulation {
  position: absolute;
  bottom: 0;
  height: 100px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
}

.footer-simulation {
  position: initial; 
}

.footer-ser-parceiro-content,
.footer-simulation-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
}

.footer-ser-parceiro-content .footer-ser-parceiro-list,
.footer-simulation-content .footer-simulation-list {
  width: 50%;
  display: flex;
  justify-content:space-between;
  align-items: center;
}

.footer-ser-parceiro-content .footer-ser-parceiro-list a,
.footer-simulation-content .footer-simulation-list .footer-simulation-link {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: normal;
  text-transform: uppercase;  
  color: #004F8B;

}

.parceiro-simulator-input-container.error .parceiro-simulator-label {
  color: #ED3D12;
}

.parceiro-simulator-input-container.error .form-input {
  border: 1px solid #ED3D12;
}

/* SIMULATIONS */

/* DENTAL SIMULATION */

.hero-section.hero-dental-simulation {
    background-image: url(../images/background-dental-simulation01.svg);
    height: 1074px; 
    overflow: initial;
  }

.hero-dental-simulation .box-hero {
  flex-direction: column; 
}

.hero-dental-simulation  .box-hero-text-indicator {
  color: #fff;
}

.hero-dental-simulation .box-hero-text {
  transform: none;
  position: initial;
}

.hero-dental-simulation .box-hero-text .title {
  font-size: 73px;
}

.hero-dental-simulation .form-taker-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.hero-dental-simulation .form-taker-container .title {
  width: 100%;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  font-size: 137px;
  line-height: normal;
  color: rgba(194, 228, 243, 0.618631);
  text-align: center;
}

.hero-dental-simulation .form-taker-layout {
  position: relative;
  width: 83%;
  bottom: 62px;
  background: #FFFFFF;
  box-shadow: 0px 50px 100px rgba(0, 79, 139, 0.1);
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 77px 0;
}

.hero-dental-simulation .form-taker {
  width: 90%;
  display: flex; 
  flex-wrap: wrap; 
}

.hero-dental-simulation .dental-simulator-input-container {
  width: calc((100% - 20px) / 2);
  margin-bottom: 32px;
  display: inline-block;
}

.hero-dental-simulation .dental-simulator-input-container.first-column,
.hero-dental-simulation .dental-simulator-dropdown-input-container.first-column {
  margin-right: 20px;;
}

.dental-simulator-dropdown-input-container {
  width: 100%;
  margin-bottom: 32px;
}


.dental-simulator-dropdown-input-container.document-container,
.dental-simulator-dropdown-input-container.job-container {
  width: 48%;
  margin-bottom: 32px;
  display:inline-block; 
}

.add-insured {
  /* margin-top: 168px; */
  width: 100%;
  height: auto;
  background: url(../images/background-dental-simulation02.svg) bottom no-repeat;
  background-size: cover;
}

.add-insured .add-insured-content {
  /* padding-top: 224px; */
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.add-insured-content .title {
  width: 100%;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  font-size: 137px;
  line-height: normal;
  text-align: center;
  color: rgba(194, 228, 243, 0.618631) 
}

.add-insured-container {
  background: #FFFFFF;
  box-shadow: 0px 50px 100px rgba(0, 79, 139, 0.1);
  border-radius: 2px;
  width: 70%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;  
  position:relative;
  bottom: 62px;
  margin-bottom: 158px;
  padding: 74px 0;
}

.add-insured-layout {
  width: 90%;
}

.add-insured-container .description {
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  color: #004F8B;
  margin-bottom: 17px;
}

.dental-insured-form {
  margin-bottom: 40px;
}

.add-insured-container .dental-insured-form .dental-simulator-input-container,
.add-insured-container .insured-container .dental-simulator-dropdown-input-container.document-container {
  width: 100%;

}

.add-insured-container .dental-insured-form .dental-simulator-input-container.first-column,
.add-insured-container .insured-container .dental-simulator-dropdown-input-container.document-container.first-column {
  margin: 0; 

}

.add-insured-container .btn {
  width: 189px;
  margin:0 auto; 
  margin-bottom: 82px;
  
}

.add-insured-container .text {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #004F8B;  
 
}

.add-insured-container .text p {
  margin-bottom: 20px;
}

.add-insured-container .text p:last-child {
  margin:0;
}

.btn.btn-simulate-dental {
  background: #FFAE46;
  width: 270px;
  margin:0 auto;
  position: relative; 
  bottom: 86px;
  border: 1px solid #FFAE46 ; 
}

.btn.btn-simulate-dental:hover {
  color: #FFAE46;
  border-color: #FFAE46;

}

.insured-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  width: 71%;
  margin: 0 auto;
  margin-bottom: 20px;
}

.insured-container .dental-simulator-label {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  color: #004F8B;
  display: flex;
  align-items: center;
}

.insured-container .input-container,
.insured-container .dental-simulator-dropdown-input-container.document-container {
  width: calc((100% - 40px) / 3);
  margin-bottom: 0; 
}

.dental-insured-container.insured-container.dental-simulator-input-container.input-container {
  width: 100%;
  display: flex; 
  align-items: center; 
  justify-content: center; 
}


.img-dental-insured-trash {
  cursor: pointer; 
  background: url(../images/trash.svg) center no-repeat;
  width: 17px;
  height: 18.2px;
}

.img-dental-hiring-trash {
  cursor: pointer; 
  background: url(../images/trash.svg) center no-repeat;
  width: 17px;
  height: 18.2px;
}

.input-container .label-input.add-dental-insured-label {
  align-items: center;   
}

.line-dental-insured {
  width: 16px;
  height: 2px;
  margin-right: 10px;
  margin-left: 8px;
  border-bottom: 1px solid #01112F;
}

.add-insured-container .dental-insured-form .dental-simulator-input-container {
  width: 90%;
  margin-right: 10px; 
}

/* DENTAL SIMULATION RESULTS */
/* Dental insured info */

.dental-insured-info {
  width: 100%;
  padding-top: 105.4px;
}

.dental-insured-info-content .title {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  font-size: 41px;
  line-height: 50px;
  color: #004F8B;
  margin-bottom: 32.6px;
}

.dental-insured-info-content .subtitle {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;
  color: #004F8B;
  margin-bottom: 135px;
}

/* Dental simulation hiring options */
.dental-results-hiring-options {
  padding: 110px 0;
  width: 100%;
}

.dental-simulation-hiring-options-content .title {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  font-size: 41px;
  line-height: 50px;
  color: #004F8B;
  margin-bottom: 32.6px;
}

.dental-simulation-hiring-options-content .subtitle {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;
  color: #004F8B;
  margin-bottom: 135px;
}


.dental-simulation-hiring-options-content .hiring-options-container{
  width: 100%; 
  display: flex;
  flex-wrap: wrap;
}

.dental-simulation-hiring-options-content .hiring-options-container .hiring-option-card .hiring-option-card-one {
  background: rgb(75, 190, 211, 0.7);
}

.dental-simulation-hiring-options-content .hiring-options-container .hiring-option-card .hiring-option-card-two {
  border: 1px solid transparent;
}

.dental-simulation-hiring-options-content .hiring-options-container .hiring-option-card.active .hiring-option-card-one {
  background: #4BBED3;
}

.dental-simulation-hiring-options-content .hiring-options-container .hiring-option-card.active .hiring-option-card-two {
  border:1.5px solid #4BBED3;
}



.dental-simulation-hiring-options-content .hiring-options-container .familiar
{
  display: none; 
}

.dental-simulation-hiring-options-content .hiring-options-container.individual-none .individual
{
  display: none; 
}

.dental-simulation-hiring-options-content .hiring-options-container.individual-none .individual.selected{
  display: block; 
}

.dental-simulation-hiring-options-content .hiring-options-container.familiar-container .familiar.selected{
  display: block; 
}

.dental-simulation-hiring-options-content .hiring-options-container.familiar-container .familiar,
.dental-simulation-hiring-options-content .hiring-options-container.individual-container .individual{
  display: initial; 
}

.dental-simulation-hiring-options-content .hiring-options-container.familiar-container .familiar .hiring-option-card-one{
  height: 291px;
}

.dental-simulation-hiring-options-content .hiring-cards-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 81px; 
}

.dental-simulation-hiring-options-content .hiring-cards-row:last-child {
  margin: 0; 
}

.dental-simulation-hiring-options-content .hiring-options-container .hiring-option-card {
  margin-right: 20px;
  margin-bottom: 81px;
  width: calc((100% - 60px) / 4);
  height: 250px;
  background-color: white;
 
}

.dental-simulation-hiring-options-content .hiring-options-container .hiring-option-card:nth-child(4n + 4) {
  margin-right: 0;
}


.dental-simulation-hiring-options-content .hiring-options-container .hiring-option-card.familiar .white-line {
  height: 1px; 
  background: white; 
  border: 1px solid white; 
  width: 40px;
  margin: 24px 0px; 
}

.dental-simulation-hiring-options-content .hiring-options-container .hiring-option-card.familiar .individual-price {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;/* identical to box height */
  text-align: center;
  display :flex; 
  align-items: center; 
  justify-content: center; 
  color: #FFFFFF;
  margin-bottom: 11px; 
}

.dental-simulation-hiring-options-content .hiring-options-container .hiring-option-card.familiar .individual-price .white-line {
  height: 1px; 
  background: white; 
  /* border: 1px solid white;  */
  width: 10px;
  margin: 0px 10px; 
  
}

/* Dental simulation hiring buttons */

.dental-results-btns {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dental-results-btns .dental-results-btn-content{ 
  display: flex;
  align-items: center;
  justify-content: center;    
}

.dental-results-btns .btn.btn-hiring-dental {
  background: #FFAE46;
  box-shadow: 0px 15px 25px rgba(0, 79, 139, 0.06);
  border-radius: 2px;
  width: 270px;
  height: 76px;
  display: flex;
  align-items: center;
  margin-right: 24px;
  justify-content: center;
  padding: 0;
  font-size: 24px;
  line-height: 17px;
  font-weight: 600;
  border: 1px solid #FFAE46;
}

.dental-results-btns .btn.btn-hiring-dental:hover {
  background: #fff;
  color: #FFAE46;
  border-color: #FFAE46;
}

.btn-other-dental-options {
  display: flex; 
  align-items: center; 
  justify-content: center; 
}

.dental-results-btns .btn-email-hiring-dental {
  cursor: pointer;
  background-color: #FFFFFF;
  box-shadow: 0px 15px 25px rgba(0, 79, 139, 0.08);
  border-radius: 2px;
  background-image: url(../images/sobre-orange.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 76px;
  height: 76px;
  margin-right: 24px; 
}

.dental-results-btns .btn-print-hiring-dental {
  background-color: #FFFFFF;
  box-shadow: 0px 15px 25px rgba(0, 79, 139, 0.08);
  border-radius: 2px;
  background-image: url(../images/print-orange.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 76px;
  height: 76px;
  margin-right: 24px;
  cursor: pointer; 
}

.dental-results-btns .btn-download-hiring-dental {
  background-color: #FFFFFF;
  box-shadow: 0px 15px 25px rgba(0, 79, 139, 0.08);
  border-radius: 2px;
  background-image: url(../images/download-orange.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 76px;
  height: 76px;
  cursor: pointer;  
}


/* ACCIDENTS  SIMULATION */
.accident-simulation-hero-section-background {
  height: 1183px;
  background-color: white;
  background: url(../images/background-accident-simulation00.svg) bottom no-repeat;
  background-size: cover
}

.hero-section.hero-accident-simulation {
  background-image: url(../images/background-accident-simulation01.svg);
  height: 1074px; 
  overflow: initial;
  background-color: transparent; 
}

.hero-accident-simulation .box-hero {
flex-direction: column; 
}

.hero-accident-simulation  .box-hero-text-indicator {
color: #fff;
}

.hero-accident-simulation .box-hero-text {
transform: none;
position: initial;
}

.hero-accident-simulation .box-hero-text .title {
font-size: 73px;
}

.hero-accident-simulation .form-taker-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.hero-accident-simulation .form-taker-container .title {
width: 100%;
font-family: "Source Sans Pro";
font-style: normal;
font-weight: bold;
font-size: 137px;
line-height: normal;
color: rgba(194, 228, 243, 0.618631);
text-align: center;
}

.hero-accident-simulation .form-taker-layout {
width: 83%;
background: #FFFFFF;
box-shadow: 0px 50px 100px rgba(0, 79, 139, 0.1);
border-radius: 2px;
display: flex;
flex-direction: column; 
justify-content: center;
align-items: center;
margin-bottom: 60px; 
}

.hero-accident-simulation .form-taker {
  width: 90%;
  display: flex; 
  flex-wrap: wrap; 
  align-items: flex-start; 
}

.hero-accident-simulation .accident-simulator-input-container {
  width: calc((100% - 20px) / 2);
  margin-bottom: 32px;
}

.hero-accident-simulation .accident-simulator-input-container.first-column {
  margin-right:20px;
}

.hero-accident-simulation .name-container.accident-simulator-input-container,
.hero-accident-simulation .surname-container.accident-simulator-input-container,
.hero-accident-simulation .second-surname-container.accident-simulator-input-container {
  width: calc((100% - 20px) / 2);
}

.accident-simulator-dropdown-input-container {
  width: calc((100% - 20px) / 2);
  margin-bottom: 32px;
}

.accident-simulator-dropdown-input-container.input-dropdown-container.first-column {
  margin-right:20px;
}

.accident-simulator-dropdown-input-container.input-dropdown-container {
  width: calc((100% - 20px) / 2);
  margin-bottom: 32px;
}

.job-container.accident-simulator-dropdown-input-container.input-dropdown-container {
  width: 100%; 
}


.add-insured {
/* margin-top: 168px; */
width: 100%;
height: auto;
background: url(../images/background-accident-simulation02.svg) bottom no-repeat;
background-size: cover;
}

.add-insured .add-insured-content {
/* padding-top: 224px; */
display: flex;
flex-direction: column;
align-items: flex-end;
}

.add-insured-content .title {
width: 100%;
font-family: "Source Sans Pro";
font-style: normal;
font-weight: bold;
font-size: 137px;
line-height: normal;
text-align: center;
color: rgba(194, 228, 243, 0.618631) 
}

.add-insured-container {
background: #FFFFFF;
box-shadow: 0px 50px 100px rgba(0, 79, 139, 0.1);
border-radius: 2px;
width: 70%;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;  
position:relative;
bottom: 62px;
margin-bottom: 158px;
padding: 74px 0;
}

.add-insured-layout {
width: 90%;
}

.add-insured-container .description {
font-weight: normal;
font-size: 20px;
line-height: 28px;
color: #004F8B;
margin-bottom: 17px;
}

.accident-insured-form {
margin-bottom: 40px;
}

.add-insured-container .btn {
width: 189px;
margin:0 auto; 
margin-bottom: 82px;

}

.add-insured-container .text {
font-family: "Source Sans Pro";
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #004F8B;  

}

.add-insured-container .text p {
margin-bottom: 20px;
}

.add-insured-container .text p:last-child {
margin:0;
}

.accident-simulation-btn-container {
  display: flex; 
  justify-content: center; 
  align-items: center; 
  width: 100%; 
}

.accident-simulation-btn-container .btn-simulate-accident {
  background: #FFAE46;
  width: 270px;
  margin:0 auto;
  border: 1px solid #FFAE46;
  display: none; 
}

.accident-simulation-btn-container .btn-simulate-accident:hover {
  color: #FFAE46;
  border-color: #FFAE46;
}

.accident-simulation-btn-container.second-step .btn-simulate-accident {
  display: flex; 
}

.accident-simulation-btn-container .btn-accident-simulation-next {
  width: 270px;
  margin:0 auto;
}

.accident-simulation-btn-container.second-step .btn-accident-simulation-next {
  display: none; 
}

.insured-container {
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
width: 100%;
margin: 0 auto;
margin-bottom: 20px;
}

.insured-container .accident-simulator-label {
font-family: "Source Sans Pro";
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: normal;
color: #004F8B;
display: flex;
align-items: center;
}

.insured-container .form-input {
width: 100%;
}

.img-accident-insured-trash {
cursor: pointer; 
background: url(../images/trash.svg) center no-repeat;
width: 17px;
height: 18.2px;
}

.line-accident-insured {
width: 16px;
height: 2px; 
border-bottom: 1px solid #004F8B;
}

.accident-form-title-container  {
  width: 100%;
  height: 99px;
  margin-bottom: 62px;
  background: #F7F9FF;
  border-radius: 2px;
  padding-left: 44px;
  padding-bottom: 20px;
  display: flex;
  align-items: flex-end; 
}

.accident-form-title {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: normal;
  color: #004F8B;
}



/*  ACCIDENTS SIMULATION RESULTS */
/* Results simulation insured info */

.results-insured-info {
  width: 100%;
  padding-top: 105.4px;
}

.results-insured-info-content .title {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  font-size: 41px;
  line-height: 50px;
  color: #004F8B;
  margin-bottom: 32.6px;
}

.results-insured-info-content .subtitle {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;
  color: #004F8B;
  margin-bottom: 135px;
}

/* results simulation hiring options */
.results-results-hiring-options {
  padding: 110px 0;
  width: 100%;
}

.results-simulation-hiring-options-content .title {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  font-size: 41px;
  line-height: 50px;
  color: #004F8B;
  margin-bottom: 32.6px;
}

.results-simulation-hiring-options-content .subtitle {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;
  color: #004F8B;
  margin-bottom: 135px;
}


.results-simulation-hiring-options-content .hiring-options-container{
  width: 100%; 
  display: flex;
  flex-wrap: wrap;
  align-items: center; 
  justify-content: center; 
}

.results-simulation-hiring-options-content.accident-simulation-hiring-options-content .hiring-options-container .hiring-option-card {
  height: auto; 
}

.accident-simulation-hiring-options-content .hiring-options-container .hiring-option-card .hiring-option-card-one {
  background: rgb(75, 190, 211, 0.7);
}

.accident-simulation-hiring-options-content .hiring-options-container .hiring-option-card.active .hiring-option-card-one {
  background: #4BBED3;
}

.results-simulation-hiring-options-content.accident-simulation-hiring-options-content .hiring-option-card-two {
  border: 1px solid transparent; 
}

.results-simulation-hiring-options-content .hiring-cards-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 81px; 
}

.results-simulation-hiring-options-content .hiring-cards-row:last-child {
  margin: 0; 
}

.results-simulation-hiring-options-content .hiring-options-container .hiring-option-card {
  margin-right: 20px;
  margin-bottom: 81px;
  width: calc((100% - 40px) / 3);
  height: 357px;
  background-color: white;
  display: inline-block;
}

.results-simulation-hiring-options-content.accident-simulation-hiring-options-content .hiring-options-container .hiring-option-card:nth-child(3n + 3) {
  margin-right: 0;
}


/* results simulation hiring buttons */

.results-results-btns {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.results-results-btns .results-results-btn-content { 
  display: flex;
  align-items: center;
  justify-content: center;    
}


.results-results-btns .btn.btn-hiring-results {
  background: #FFAE46;
  box-shadow: 0px 15px 25px rgba(0, 79, 139, 0.06);
  border-radius: 2px;
  width: 270px;
  height: 76px;
  display: flex;
  align-items: center;
  margin-right: 24px;
  justify-content: center;
  padding: 0;
  font-size: 24px;
  line-height: 17px;
  font-weight: 600;
  border: 1px solid #FFAE46;
}

.results-results-btns .btn.btn-hiring-results:hover {
  background: #fff;
  color: #FFAE46;
  border-color: #FFAE46;
}

.dental-results-btn-content .btn-go-home-hiring {
  background: #FFAE46;
  box-shadow: 0px 15px 25px rgba(0, 79, 139, 0.06);
  border-radius: 2px;
  width: 270px;
  height: 76px;
  display: flex;
  align-items: center;
  margin-right: 24px;
  justify-content: center;
  padding: 0;
  font-size: 24px;
  line-height: 17px;
  font-weight: 600;
  border: 1px solid #FFAE46;
}

.dental-results-btn-content .btn-go-home-hiring:hover {
  background: #fff;
  color: #FFAE46;
  border-color: #FFAE46;
}

.btn-other-results-options {
  display: flex; 
  align-items: center; 
  justify-content: center; 
}

.results-results-btns .btn-email-hiring-results {
  cursor: pointer;
  background-color: #FFFFFF;
  box-shadow: 0px 15px 25px rgba(0, 79, 139, 0.08);
  border-radius: 2px;
  background-image: url(../images/sobre-orange.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 76px;
  height: 76px;
  margin-right: 24px; 
}

.results-results-btns .btn-print-hiring-results {
  background-color: #FFFFFF;
  box-shadow: 0px 15px 25px rgba(0, 79, 139, 0.08);
  border-radius: 2px;
  background-image: url(../images/print-orange.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 76px;
  height: 76px;
  margin-right: 24px;
  cursor: pointer; 
}

.results-results-btns .btn-download-hiring-results {
  background-color: #FFFFFF;
  box-shadow: 0px 15px 25px rgba(0, 79, 139, 0.08);
  border-radius: 2px;
  background-image: url(../images/download-orange.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 76px;
  height: 76px;
  cursor: pointer;  
}

.input-field-holder {
  width: 100%;
  padding: 14px 32px;
  height: 100px;
  font-size: 16px;
  font-weight: 300;
  color: #004f8b;
  background-color: rgba(51, 123, 251, 0.06);
  border: 1px solid rgba(51, 123, 251, 0);
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
}

.input-field-holder input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
  height: auto;
}

.form-modal-item{
  display: none;
}

/* ACCIDENT HIRING SECURE */

  .white-form .accident-hiring-input-container.collective-container,
  .white-form .accident-hiring-input-container.mediator-container,
  .white-form .accident-hiring-dropdown-input-container.product-container {
    width: 100%;
  }

  .white-form-container.collective-form-container,
  .white-form-container.secure-form-container {
    display:flex;
    justify-content: flex-end; 
  }

  .white-form-container.collective-form-container,
  .white-form-container.commercial-form-container {
    margin-bottom: 136px; 
  }

  .white-form-container.collective-form-container .collective-form-layout,
  .white-form-container.commercial-form-container .commercial-form-layout,
  .white-form-container.secure-form-container .secure-form-layout{
    width: 80%;
  }

  .white-form-container.secure-form-container {
    margin-bottom: 140px; 
  }

  .white-form-container.secure-form-container .white-form.secure-form {
    align-items: center; 
  }

  .hero-hiring-accident {
    background: initial !important; 
  }

  .hero-hiring-accident .img-background-one {
    background: url('../images/background-hiring-accidents01.svg') bottom no-repeat; 
    background-size: cover; 
    position: absolute; 
    top: 0; 
    z-index: -1;
    width: 100%;
    height: 931px;
    
  }

  .hero-hiring-accident .img-background-two {
    background: url('../images/background-hiring-accidents02.svg') top no-repeat; 
    background-size: contain; 
    position: absolute; 
    top: 1100px; 
    z-index: -1;
    width: 100%;
    height: 2295px;
  }

  .btn.btn-orange.accidents-hiring-next-secure {
    margin: 0 auto;
    margin-bottom: 400px;
    width: 270px;
    height: 70px; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
  }

  .btn.btn-orange.accidents-hiring-next-secure .btn-text {
    font-family:"Source Sans Pro";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: normal;
    text-align: center;
    color: #FFFFFF;
  }


  /* ACCIDENT HIRING TAKER */  

  .white-form-container.contact-form-container {
    display:flex;
    justify-content: flex-end; 
  }

  .white-form-container.person-form-container,
  .white-form-container.contact-form-container {
    margin-bottom: 136px; 
  }

  .white-form-container.person-form-container .person-form-layout,
  .white-form-container.contact-form-container .contact-form-layout,
  .white-form-container.job-form-container .job-form-layout{
    width: 80%;
  }

  .white-form-container.job-form-container {
    margin-bottom: 260px; 
  }

  .white-form .input-dropdown-container.taker-type-container.accident-hiring-dropdown-input-container {
    width: 100%;
  }

  .white-form .input-dropdown-container .input-dropdown input {
    height: 100%;
    width: 100%;
    margin-right: 40px;
    font-size: 14px;
  }

  .accident-input-dropdown.taker-type {
    width: 49%;
  }

  .white-form .home-container.accident-hiring-input-container{
    width: 100%;
  }
  
  .white-form .job-code-container.accident-hiring-input-container {
    width: calc((60% - 20px) / 2);
  }

  .white-form .btn.btn-blue-green.btn-accidents-job-code-tester {
    margin-bottom: 32px;
    width: calc((60% - 20px) / 2);
  }

  .white-form .job-container.accident-hiring-input-container {
    width: calc((120% - 20px) / 2);
  }

  .white-form .btn.btn-blue-green.btn-accidents-sign-job {
    margin-bottom: 32px;
    width: calc((70% - 20px) / 2);
  }

  .btn-accidents-hiring-container {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .btn-accidents-hiring-container .btn.btn-orange-inverse.accidents-hiring-last-secure{
    width: 76px;
    height: 76px;
    margin-right: 40px;
    background: url('../images/btn-back.svg') center no-repeat; 
  }

  .btn-accidents-hiring-container .btn.btn-orange.accidents-hiring-next-secure{
    margin: 0; 
  }

  .hero-section.hero-accident.hero-hiring-accident.hero-hiring-accident-taker .img-background-two{
    background: url('../images/background-accident-hiring03.svg') bottom no-repeat;

  }

  .hero-section.hero-accident.hero-hiring-accident.hero-hiring-accident-taker .img-background-three{
    background: url('../images/background-accident-hiring04.svg') bottom no-repeat;
    background-size: cover; 
    position: absolute; 
    top: 1100px; 
    z-index: -1;
    width: 100%;
    height: 2351px;
    
  }

  /* ACCIDENTS HIRING BANK */
  .white-form-container.bank-form-container {
    display:flex;
    justify-content: flex-end; 
  }

  .white-form-container.designation-form-container {
    margin-bottom: 136px; 
  }
  
  .white-form-container.designation-form-container .designation-form-layout,
  .white-form-container.bank-form-container .bank-form-layout  {
    width: 80%;
  }

  .hero-hiring-accident-bank .white-form-container.designation-form-container .designation-beneficiaries-form-container {
    width: 100%;
    display: none;     
  }

  .hero-hiring-accident-bank .white-form-container.designation-form-container .designation-beneficiaries-form-container.active {
    width: 100%;
    display: initial;
  }

  .hero-hiring-accident-bank .white-form-container.designation-form-container .designation-beneficiaries-form-container .description {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #004F8B;
    margin-bottom: 66px; 
  }

  .hero-hiring-accident-bank .white-form-container.designation-form-container .designation-beneficiaries-form-container .designation-beneficiaries-form {
    width: 100%;
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
  }

  .hero-hiring-accident-bank  .designation-beneficiaries-form .name-beneficiary-container {
    width: calc((100% - 60px) / 2);
  }

  .hero-hiring-accident-bank  .designation-beneficiaries-form .nif-beneficiary-container {
    width: calc((60% - 40px) / 2);
  }

  .hero-hiring-accident-bank  .designation-beneficiaries-form .designation-beneficiary-container {
    width: calc((40% - 40px) / 2);
  }

  .btn.btn-add-beneficiary {
    width: 320px;  
  }

  .white-form-container.bank-form-container .bank-form-layout {
    margin-bottom: 140px; 
  }

  .white-form .country-code-container.accident-hiring-input-container {
    width: calc((40% - 20px) / 2);
  }

  .white-form .iban-container.accident-hiring-input-container {
    width: calc((160% - 20px) / 2);
  }

  .hero-hiring-accident-bank .white-form .description-text {
    margin-bottom: 48px;
  }

  .img-accident-beneficiary-trash {
    cursor: pointer; 
    background: url(../images/trash.svg) center no-repeat;
    width: 17px;
    height: 18.2px;
  }

/* ACCIDENTS HIRING RESULTS */

.accident-results-btn-content {
  display: flex; 
  align-items: center; 
  justify-content: center;   
}

.accident-results-btn-content .btn-back {
  display: none; 
  background: #FFAE46; 
  box-shadow: 0px 15px 25px rgba(0, 79, 139, 0.06);
  border-radius: 2px;
  width: 270px;
  height: 76px;
  align-items: center;
  margin-right: 24px;
  justify-content: center;
  padding: 0;
  font-size: 24px;
  line-height: 17px;
  font-weight: 600;
  border: 1px solid #FFAE46;
  color: white; 
}

.accident-results-btn-content .btn-hiring-container {
  margin: 0; 
}

.accident-results-btn-content.results .btn-back {
  display: flex; 
}

.accident-results-btn-content .btn-accidents-hiring {
  display: flex; 
  background: #FFAE46; 
  box-shadow: 0px 15px 25px rgba(0, 79, 139, 0.06);
  border-radius: 2px;
  width: 270px;
  height: 76px;
  align-items: center;
  margin-right: 24px;
  justify-content: center;
  padding: 0;
  font-size: 24px;
  line-height: 17px;
  font-weight: 600;
  border: 1px solid #FFAE46;
}

.accident-results-btn-content .btn-accidents-definitive-hiring {
  display: none; 
  background: #FFAE46; 
  box-shadow: 0px 15px 25px rgba(0, 79, 139, 0.06);
  border-radius: 2px;
  width: 270px;
  height: 76px;
  align-items: center;
  margin-right: 24px;
  justify-content: center;
  padding: 0;
  font-size: 24px;
  line-height: 17px;
  font-weight: 600;
  border: 1px solid #FFAE46;
}

.accident-results-btn-content .btn-accidents-hiring:hover {
  border: 1px solid #FFAE46;
}

.accident-results-btn-content .btn-accidents-hiring:hover .btn-text {
  color: #FFAE46;
}

.accident-results-btn-content .btn-accidents-definitive-hiring:hover {
  border: 1px solid #FFAE46;
}

.accident-results-btn-content .btn-accidents-definitive-hiring:hover .btn-text {
  color: #FFAE46;
}

.accident-results-btn-content.hire .btn-accidents-definitive-hiring {
  display: flex; 
}

.accident-results-btn-content .btn-accidents-sign {
  display: none; 
  box-shadow: 0px 15px 25px rgba(0, 79, 139, 0.06);
  border-radius: 2px;
  width: 270px;
  height: 76px;
  align-items: center;
  margin-right: 24px;
  justify-content: center;
  padding: 0;
  font-size: 24px;
  line-height: 17px;
  font-weight: 600;
}

.accident-results-btn-content.sign .btn-accidents-sign {
  display: flex; 
}


/* DENTAL HIRING */

.box-form01 {
  width: 80%;
  display: flex; 
  flex-wrap: wrap; 
  flex-direction: row; 
  align-items: center; 
}

.dental-hiring-input-container.first-column {
  margin-right: 20px; 
}

.dental-hiring-dropdown-input-container.first-column {
  margin-right: 20px; 
}

.box-form01 .dental-hiring-input-container {
  width: calc((100% - 20px) / 2);
  margin-bottom: 20px; 
}

.box-form01 .dental-hiring-dropdown-input-container {
  width: calc((100% - 20px) / 2);
  margin-bottom: 20px; 

}

.box-form01 .civil-status-container.dental-hiring-dropdown-input-container,
.box-form01 .citizen-card-container.dental-hiring-input-container {
  width: calc((100% - 20px) / 2);
}

.box-form01 .born-date-container.dental-hiring-input-container,
.box-form01 .nacionality-container.dental-hiring-dropdown-input-container {
  width: calc((100% - 20px) / 2);
}

.box-form02 {
  width: 80%;
  display: flex; 
  flex-wrap: wrap; 
  flex-direction: row; 
  align-items: center; 
}

.box-form02 .dental-hiring-input-container {
  width: calc((100% - 20px) / 2);
  margin-bottom: 20px; 
}

.box-form02 .dental-hiring-dropdown-input-container {
  width: calc((100% - 20px) / 2);
  margin-bottom: 20px; 

}

.box-form02 .number-container.dental-hiring-input-container,
.box-form02 .floor-container.dental-hiring-input-container,
.box-form02 .way-type-container.dental-hiring-dropdown-input-container {
  width: calc((100% - 40px) / 3);
}

.box-form02 .email-container.dental-hiring-input-container,
.box-form02 .way-container.dental-hiring-input-container {
  width: 100%;
}

.box-form02 .conceyu-container.dental-hiring-input-container {
  width: calc((130% - 20px) / 2);
}

.box-form02 .postal-code-container.dental-hiring-input-container {
  width: calc((100% - 20px) / 2);
  margin-right: 30px; 
}

.box-form03 {
  width: 80%;
  display: flex; 
  flex-wrap: wrap; 
  flex-direction: row; 
  align-items: center; 
}

.box-form03 .dental-hiring-input-container {
  width: calc((100% - 20px) / 2);
  margin-bottom: 20px; 
}

.box-form03 .dental-hiring-dropdown-input-container {
  width: calc((100% - 20px) / 2);
  margin-bottom: 20px; 

}

.box-form03 .iban-container.dental-hiring-input-container {
  width: 100%;
}

#formPolicyAddPerson.edit .modal-add-member .btn-close-modal-add-member.fn-btn-modal-delete-fix {
  display: none; 
}

#formPolicyAddPerson.edit .modal-add-member .btn-modal-delete.fn-btn-modal-delete-fix {
  display: none; 
}

#formPolicyAddPerson .modal-add-member  {
  display: flex; 
  flex-wrap: wrap; 
  flex-direction: row; 
  align-items: center; 
}

#formPolicyAddPerson .modal-add-member h3 {
  width: 100%;
}

#formPolicyAddPerson .dental-hiring-input-container {
  width: calc((100% - 20px) / 2);
  margin-bottom: 20px; 
}

#formPolicyAddPerson .dental-hiring-dropdown-input-container {
  width: calc((100% - 20px) / 2);
  margin-bottom: 20px; 

}

#formPolicyAddPerson .way-insured-container.dental-hiring-input-container {
  width: 100%; 
}

#formPolicyAddPerson .name-insured-container.dental-hiring-input-container,
#formPolicyAddPerson .surname-insured-container.dental-hiring-input-container,
#formPolicyAddPerson .second-surname-insured-container.dental-hiring-input-container {
  width: calc((100% - 40px) / 3);
}

.row-modal-btn-best-players {
  width: 100%; 
}

.dental-hiring-insured {
  display: flex; 
  align-items: center; 
  font-size: 18px;
  font-weight: 400;
  position: relative;
  color: #004f8b;
  cursor: pointer; 
  margin-bottom: 20px; 
}

.dental-hiring-insured .insured-info-container {
  display: flex; 
  justify-content: space-between;
  align-items: center; 
  margin-left: 10px; 
}

.dental-hiring-insured .insured-info-container .insured-name {
  margin-right: 20px; 
}

.img-dental-hiring-trash {
  cursor: pointer; 
  background: url(../images/trash.svg) center no-repeat;
  position: absolute; 
  right: 0; 
  width: 17px;
  height: 18.2px;
}

.hero-poliza-three .center.padd-10 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  justify-content: flex-start;
  top: 20px;
}

.hero-poliza-three .center.padd-10 .dental-hiring-errors {
  margin-bottom: 20px; 
}

.hero-poliza-three .center.padd-10 .dental-hiring-errors {
  font-weight: 600;
}

.error-back.error {
  display: flex; 
  flex-direction: column;
  align-items: center; 
  justify-content: center; 
  margin-bottom: 20px; 
}

.error-back.error .text {
  margin-bottom: 10px; 
}

.dental-simulation-hiring-options-content .hiring-options-container .hiring-option-card.familiar .hiring-option-card-one {
  height: 291px; 
}

.dental-results-btns .dental-results-btn-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}


.results-results-btns .results-results-btn-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.btn-hiring-container {
  display: flex;
  align-items: center;
  margin-bottom: 60px;
}

.dental-results-btns .btn.btn-hiring-dental {
  margin: 0; 
  height: 60px;
}

.results-results-btns .btn.btn-hiring-results {
  height: 60px; 
  margin: 0; 
}

.orange-line {
  height: 1px; 
  width: 77px; 
  background: #FFAE46;
  margin-bottom: 38px;
}

.dental-hiring-btn-results .dental-results-btn-content {
  flex-direction:row; 
}

.dental-hiring-btn-results .dental-results-btn-content .btn-go-home-hiring {
  display: none; 
}

.dental-hiring-btn-results .dental-results-btn-content .btn-dental-sign {
  display: none; 
}

.dental-hiring-btn-results.results .dental-results-btn-content .btn-go-home-hiring {
  display: flex; 
}

.dental-hiring-btn-results.sign .dental-results-btn-content .btn-dental-sign {
  display: flex; 
  align-items: center; 
  justify-content: center; 
  box-shadow: 0px 15px 25px rgba(0, 79, 139, 0.06);
  border-radius: 2px;
  width: 270px;
  height: 76px;
  display: flex;
  align-items: center;
  margin-right: 24px;
  justify-content: center;
  padding: 0;
  font-size: 24px;
  line-height: 17px;
  font-weight: 600;
  background: #004F8B;
  border: 1px solid #004F8B;
}

.dental-hiring-btn-results.sign .dental-results-btn-content .btn-dental-sign:hover {
  color: white; 
}

.dental-hiring-btn-results .dental-results-btn-content .btn-dental-definitive-hire  {
  display: none; 
}

.dental-hiring-btn-results.hire .dental-results-btn-content .btn-dental-definitive-hire {
  display: flex; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  box-shadow: 0px 15px 25px rgba(0, 79, 139, 0.06);
  border-radius: 2px;
  width: 270px;
  height: 76px;
  display: flex;
  align-items: center;
  margin-right: 24px;
  justify-content: center;
  padding: 0;
  font-size: 24px;
  line-height: 17px;
  font-weight: 600;
}

.dental-hiring-btn-results.hire .dental-results-btn-content .btn-dental-definitive-hire:hover {
  color: white; 
}

.body-work {
  padding-bottom: 200px; 
}


.coverage-container-info {
  display: flex;
  align-items: center;
}

.coverage-info {
  margin-left: 12px;
  width: 25px;
  height: 25px;
  position: relative;
}

.coverage-info-pop {
  padding: 12px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  position: absolute;
  background: #F8F9FB;;
  border: 0.75px solid #E5EAEF;
  top: 29px;
  left: -110px;
  width:260px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 3px;
  z-index: 9;
}
.coverage-info-pop::before {
  content: "";
  width: 8px;
  height: 8px;
  transform: rotate(135deg);
  position: absolute;
  top: -5px;
  left: 118px;
  background: #F8F9FB;
  border-bottom: 0.75px solid #E5EAEF;
  border-left: 0.75px solid #E5EAEF;
  border-radius:0px 0px 0px 2px ;
}

.coverage-info:hover .coverage-info-pop {

  visibility: visible;
  opacity: 1;
  
}

.dental-simulation-form-wrapper {
  background: #FFFFFF;
  box-shadow: 0px 50px 100px rgba(0, 79, 139, 0.1);
  border-radius: 2px;
  margin-bottom: 60px; 
}

.dental-simulation-form-topbar {
  background: #F7F9FF;
  border-radius: 2px;
  width: 100%; 
  padding: 20px 44px;
  padding-top: 55px;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
  color: #004F8B;
  margin-bottom: 20px; 
}

.dental-simulation-form-subtitle {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  color: #004F8B;
  padding: 0 44px; 
}

.dental-simulation-form.dental-product-form {
  width: 100%; 
  padding: 62px 44px; 
}

.btn-check-elector.dental-product-type {
  display: flex; 
  align-items: center; 
  justify-content: center;
}

.btn-check-elector-option {
  cursor: pointer; 
  transition: 0.3s all ease-in-out;
  width: calc(100% / 2);
  height: 102px; 
  display: flex; 
  align-items: center; 
  justify-content: center;
  background: #FFFFFF;
  border: 1px solid #4BBED3;
  box-sizing: border-box;
  border-radius: 3px 0px 0px 3px;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  color: #4BBED3;
}

.btn-check-elector-option.active {
  background: #4BBED3;
  border-radius: 0px 3px 3px 0px;
  transition: 0.3s all ease-in-out;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  color: #FFFFFF;

}

.btn.btn-orange.dental-product-next {
  width: 200px;
  margin: 0 auto; 
}

.moment{
  display: none;
}