:root {
 /* ##### background ##### */
 --bg-primary: #0033A0;
 --bg-secondary: #ffffff;
 --bg-tertiary: #00AEC7;
 --bg-quaternary: #E3E829;
 /* ##### txt ##### */
 --txt-primary: #ffffff;
 --txt-secondary: #0033A0;
 --txt-tertiary: #00AEC7;
 --txt-quaternary: #E3E829;
 /* ##### opacity ##### */
 --opacity-primary: #00acc73f;
 --opacity-secondary: #00acc721;
 --opacity-tertiary: #00acc700;
 --opacity-quaternary: #0033a02a;
 /* ##### progress ##### */
 --progress-primary: #003391;
 --progress-success-value: #0033A0;
 --progress-error-value: #750000;
 --progress-success-bar: #0033A0;
 --progress-error-bar: #b40000;
 /* ##### shadow ##### */
 --shadow-primary: rgb(0 0 0 / 15%);

 /* general */
 --color-white1: #ffffff;
 --color-white2: #f2f2f2;
 --color-gray1: #9d9d9c;
 --color-gray2: #9b9b9b;
 --color-error: #ff0000;
 --opacity-error: rgba(255, 0, 0, 0.30);
 /* sura adicional */
 --color-yellow2: #FFE946;
 --color-blue2: #4EC3E0;
}

body {
 font-family: 'Barlow', sans-serif;
 margin: 0;
 font-weight: 400;
 font-size: 20px;
 /* color: #0033a0; */
 line-height: 1.5;
}

p {
 margin: 0;
}

.container-xxxl {
 max-width: 1980px;
 width: 100%;
 margin: 0px auto;
 padding: 0px 15px;
}

@media (min-width: 1024px) {
 .container-xxxl {
  padding: 0px 0px;
 }
}
/* FORM */

.form-input_control .form-input--sura,
.form-input_control .form-select--sura {
 outline: var(--txt-secondary) solid 2px;
}

.form-input_control .form-input--sura:focus,
.form-input_control .form-select--sura:focus,
.form-input_control .focus-select {
 outline: var(--txt-tertiary) solid 2px;
 -webkit-box-shadow: 0px 0px 16px 0px var(--opacity-primary);
 -moz-box-shadow: 0px 0px 16px 0px var(--opacity-primary);
 box-shadow: 0px 0px 16px 0px var(--opacity-primary);
}

.form-input_button button {
 color: white;
 font-style: italic;
 padding: 0px 33px;
 font-size: 26px;
 font-weight: 700;
}

progress::-webkit-progress-bar {
 background: #1052c9;
 transition: all 1.5s linear
}

/* LOADER */

.loader {
 visibility: hidden;
 background: #f4f6f9;
 height: 100%;
 width: 100%;
 position: fixed;
 top: 0;
 display: flex;
 justify-content: center;
 align-items: center;
 z-index: 50;
}
.loader > #content {
 -webkit-box-shadow: 0px 0px 56px 1px rgb(127 127 127);
 -moz-box-shadow: 0px 0px 56px 1px rgb(127 127 127);
 box-shadow: 0px 0px 56px 1px rgb(127 127 127);
 border-radius: 50%;
 height: 150px;
 width: 150px;
 display: flex;
 justify-content: center;
 align-items: center;
 position: absolute;
 z-index: 4;
 background: white;
}

.loader > #loader--circle {
 position: absolute;
 z-index: 3;
}

.show {
 visibility: visible;
}

#part1 {
 animation: zoom 1.8s infinite ease-in-out 0.1s;
 transform-origin: center;
 /* transform-box: fill-box; */
}

#part2 {
 animation: zoom 1.8s infinite ease-in-out;
 transform-origin: center;
 /* transform-box: fill-box; */
}

#part3 {
 animation: zoom 1.8s infinite ease-in-out;
 transform-origin: center;
 /* transform-box: fill-box; */
}

#part4 {
 animation: zoom 1.8s infinite ease-in-out;
 transform-origin: center;
 /* transform-box: fill-box; */
}

#part5 {
 animation: zoom 1.8s infinite ease-in-out 0.1s;
 transform-origin: center;
}

#part6 {
 animation: zoom 1.8s infinite ease-in-out 0.2s;
 transform-origin: center;
 /* transform-box: fill-box; */
}

#part7 {
 animation: zoom 1.8s infinite ease-in-out 0.3s;
 transform-origin: center;
}

#part8 {
 animation: zoom 1.8s infinite ease-in-out 0.4s;
 transform-origin: center;
 /* transform-box: fill-box; */
}

#part9 {
 animation: zoom 1.8s infinite ease-in-out 0.5s;
 transform-origin: center;
 /* transform-box: fill-box; */
}

#part10 {
 animation: zoom 1.8s infinite ease-in-out 0.6s;
 transform-origin: center;
 /* transform-box: fill-box; */
}

@keyframes zoom {
 0% {
  transform: scale(1, 1);
 }
 50% {
  transform: scale(1.5, 1.5);
 }
 100% {
  transform: scale(1, 1);
 }
}

/* CONTENT */

.container-content {
 max-width: 100%;
 width: 100%;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 background: #1052c9;
}

.content--banner {
 max-width: 100%;
 background: #1052c9;
 text-align: center;
 width: 100%;
}

.content--banner > div {
 background: #1052c9;
}

.content--banner img {
 max-width: 100%;
 width: 100%;
 height: auto;
 background: #1052c9;
}

.content--info {
 background: #1052c9;
 width: 100%;
 color: white;
}

.info_container_img {
 text-align: end;
}

.info_container_img img {
 padding-right: 15px;
}

.info_container_text {
 width: 100%;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: flex-start;
}

.info_container_text p {
 margin: 0px;
 padding: 0px;
}

.infoText-Title {
 font-size: 40px;
 font-weight: 900;
 font-style: italic;
}

.content--callToAction {
 width: 100%;
 /* display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; */
 background: #0033a0;
 position: relative;
  padding-bottom: 5rem !important;
}

.callToAction_text_main{
  font-weight: 900;
 font-style: italic;
 line-height: 1;
 text-align: center;
 text-transform: uppercase;
}

.callToAction_Container_relative {
  z-index: 3;
 position: absolute;
 width: 75%;
 bottom: -98px;
 left: 13vw;
 background: #9de4e2;
 border: #0033A0 solid 3px;
 -webkit-box-shadow: 13px 13px 0px -4px rgba(0, 51, 160, 1);
 -moz-box-shadow: 13px 13px 0px -4px rgba(0, 51, 160, 1);
 box-shadow: 13px 13px 0px -4px rgba(0, 51, 160, 1);
}

.callToAction_text_info {
  font-size: 22px;
  font-weight: 400;
  font-style: italic;
 color: #0033A0;
}

.content--form {
  background: #1052c9;width: 100%;position: relative;
}

.form_container_box {
  background: #ffffff;padding-top: 9rem !important;width: 100%;
        border-radius: 0px 0px 79px 0px;-moz-border-radius: 0px 0px 79px 0px;-webkit-border-radius: 0px 0px 79px 0px;
}

.form_rectangle_decoration {
  position: absolute;left: 0;bottom: 0;height: 8px;width: 8rem;background: #0033a0;
}

.form_info-img img {
  width: 98px;
}

.form_info-text {
  font-size: 22px;
 color: #0033A0;
}

/* nav-sura */

/* nav-sura */
/* nav-sura */
.brand-sura {
 width: 100%;
 height: 80px;
 padding: 0px 0 0px 24px;
 display: flex;
 align-items: center;
 /* max-width: 2080px; */
 margin-right: auto;
 margin-left: auto;
 border-bottom: 1px solid #f2f2f2;
}

.brand-sura img {
 max-height: 42px;
}

.descriptor_ct-negocio {
 background-color: #0033a0;
 width: 100%;
 height: 29px;
 display: flex;
 /* padding-left: 20px; */
 align-items: center;

}

.descriptor-negocio {
 font-family: 'Barlow', sans-serif;
 font-weight: 500;
 color: #ffffff;
 font-weight: 500;
 align-items: center;
 /* max-width: 2080px; */
 margin-right: auto;
 margin-left: auto;
 width: 100%;
 font-size: 13px;
 padding-left: 24px;
}

.separator_ct--brand {
 padding: 14px 0px 14px 0px;
 height: 100%;
}

.separator--brand {
 width: 1px;
 background-color: #9d9d9c;
 margin: 0 25px;
 height: 100%;
}

@media (min-width: 768px) {
 .descriptor_ct-negocio {
  height: 41px;
 }

 .descriptor-negocio {
  font-size: 15px;
  padding-left: 12px;
 }

 .brand-sura {
  padding: 0px 0 0px 12px;
 }
}

/* Footer */

footer {
 background: #ffffff;
 padding-top: 30px;
 padding-bottom: 30px;
 margin-top: auto;
 margin-bottom: 0px;
 color: #53565a;
}

footer img {
 width: 100%;
 max-width: 80px;
}

footer p {
 display: block;
 font-family: 'Barlow', sans-serif;
 font-size: 18px;
 padding: 0px;
}

footer .items-socialNetwork {
 align-self: center;
}

footer .icon {
 text-align: center;
}

footer .icon svg,
footer .icon a {
 height: 38px;
 font-size: 22px;
 padding: 4px 0px;
 text-decoration: none;
 color: #53565a;
 font-weight: 600;
}

footer .policies a {
 color: #0033a0;
 font-weight: 600;
 margin-bottom: 0px !important;
 text-decoration: underline;
}

/* MINI CARUSEL, SLICK O SLIDERS */

body {
 margin: 0px;
}
.slick-slide-title {
 display: none;
 color: #ffffff;
}

.slick-slide-content {
 width: 90px;
 height: 90px;
 border-radius: 50%;
 background: #ffffff;
 border: #9de4e2 solid 2px;
 display: flex;
 align-items: center;
 justify-content: center;
 -webkit-box-shadow: 21px 21px 11px -3px rgb(0, 0, 0, 0.42);
 -moz-box-shadow: 21px 21px 11px -3px rgb(0, 0, 0, 0.42);
 box-shadow: 21px 21px 11px -3px rgb(0, 0, 0, 0.42);
 margin-bottom: 25px;
}

.slick-slide-content:hover .slick-slide-title {
 /* height: 100%; */
 max-width: 100%;
 cursor: pointer;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 70%;
 font-weight: 900;
 font-style: italic;
}

.slick-slide-content:hover {
 background: #0033a0 !important;
 border: #ffffff solid 2px;
}

.slick-slide-img {
 width: 70%;
}

.slick-slide-img-md {
 width: 60%;
}

.slick-slide-img-lg {
 width: 40%;
}

.slick-slide-content:hover .slick-slide-img,
.slick-slide-content:hover .slick-slide-img-md,
.slick-slide-content:hover .slick-slide-img-lg {
 display: none;
}
/* VISTAR MAYOR A 2460 */
@media (min-width: 2460px) {
 body {
  font-size: 30px;
 }
 .slick-slide-content {
  width: 130px;
  height: 130px;
 }

 .callToAction_Container_relative{
  bottom: -100px;
 }
}
@media (max-width: 1360px) {
 .callToAction_Container_relative {
  bottom: -127px;
 }
 
 .form_container_box {
  padding-top: 10rem !important;
 }
}


/* VISTA MENOR A 1024 */
@media (max-width: 1080px) {
  .slick-slide-content {
    -webkit-box-shadow: 12px 12px 9px -6px rgb(0, 0, 0, 0.33);
    -moz-box-shadow: 12px 12px 9px -6px rgb(0, 0, 0, 0.33);
    box-shadow: 12px 12px 9px -6px rgb(0, 0, 0, 0.33);
  }
  .content--callToAction {
    padding-bottom: 10rem !important;
  }
}
/* VISTA MENOR A 768 */
@media (max-width: 769px) {
 .callToAction_Container_relative {
  bottom: -112px;
 }
}

@media (max-width: 700px) {
 .callToAction_Container_relative {
  bottom: -146px;
  width: 78%;
  left: 12vw;
 }
}

@media (max-width: 600px) {
 .callToAction_Container_relative {
  bottom: -176px;
  width: 82%;
  left: 9vw
 }

 .form_container_box {
  padding-top: 12rem !important;
 }
}

@media (max-width: 500px) {
  .info_container_img img {
    width: 50%;
    padding-top: 15px;
  }
  .slick-slide-content {
    width: 65px;
    height: 65px;
  }
  .callToAction_Container_relative {
  bottom: -245px;
  width: 90%;
  left: 4vw;
  }

  .form_container_box {
    padding-top: 17rem !important;
  }
  .slick-slide-content:hover .slick-slide-title {
    font-size: 50%;
  }
}

@media (max-width: 400px) {
 .callToAction_Container_relative {
  bottom: -317px;
  width: 93%;
  left: 2vw;
 }
 .form_container_box {
  padding-top: 20rem !important;
 }
}