@font-face {
    font-family: "VagRegular";
    font-display: swap;
    src: url("https://cdn2.hubspot.net/hubfs/3071041/Adquisici%C3%B3n/fonts/VAGRounded%20Lt%20Regular.ttf");
  }
  @font-face {
  font-family: "VagBlack";
  font-display: swap;
  src: url("https://cdn2.hubspot.net/hubfs/3071041/Adquisici%C3%B3n/fonts/vag_rounded_black.ttf");
  }
  @font-face {
  font-family: "VagThin";
  font-display: swap;
  src: url("https://cdn2.hubspot.net/hubfs/3071041/Adquisici%C3%B3n/fonts/vag_rounded_thin.ttf");
  }
  @font-face {
  font-family: "VagLight";
  font-display: swap;
  src: url("https://cdn2.hubspot.net/hubfs/3071041/Adquisici%C3%B3n/fonts/vag_rounded_light.ttf");
  }
  @font-face {
  font-family: "VagStdBold";
  font-display: swap;
  src: url("https://cdn2.hubspot.net/hubfs/3071041/Adquisici%C3%B3n/fonts/vag_rounded_std_bold.ttf");
  }
  * {
      margin: 0;
      padding: 0;
  }
  .logo.header {
    margin: 0 auto;
    width: 90%;
}
.fflx {
    display: flex
}
#contenedor{
    max-width: 900px;
    display: block;
    margin: 0 auto;
}
#background_header {
    POSITION: ABSOLUTE;
    top: 0;
    max-width: 78%;
    margin: 0 auto;
    display: block;
    /* width: 50%; */
    margin: 8% 0px 0px 5%;
}
img.img_header {
    height: 566px;
}
.col_33 {
    float: left;
    width: 33.33%;
}
a, li, ul, p {
    font-family: Arial;
}
h1 {
    color: #317fcb;
    font-size: 82px;
    letter-spacing: 3px;
    font-family: VagStdBold,Arial,sans-serif;
}
.aquienes .col_50 {
    margin: 0 0px;
    width: 44%;
    padding: 0 3%;
}
h2.carac {    
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px;
    letter-spacing: 1px;
    font-family: VagStdBold;
    text-align: center;
    margin: 20px 0 10px 0;
}
h3.aquienes {
    text-align: center;
    font-size: 30px !Important;
    font-family: Arial;
    margin: 10px 0 0 0;
}
.columnas {
   /* height: 762px;*/
}
.aquienes p {
    float: right;
    font-size: 15px;
    padding-right: 0;
    width: 100%;
    color: #4a4a4a;
    margin-top: 10px;
    font-family: Arial;
    line-height: 20px;
}
p, li, a {
    color: #4a4a4a;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}
h2.nada {    
    font-size: 32px;
    color: #333;
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 33px;
    font-family: VagStdBold,Arial,sans-serif;
    letter-spacing: 1px;
}
h4 {
    font-size: 14px;
    font-weight: 700;
    color: #317fcb;
    text-align: center;
}
.beneficios h2{    
        color: #317fcb;
        text-transform: uppercase;
        font-size: 40px !important;
        font-weight: 600;
        line-height: 40px !important;
        margin-bottom: 20px;
}
i {
    display: block;
    font-size: 56px;
    margin: 0 auto;
    text-align: center;
}
i.fas.fa-users,
i.fas.fa-blind {
    text-align: center;
    display: block;
}
ul, li {
    font-size: 15px;
    color: #4a4a4a;
    font-weight: 500;    
    line-height: 20px;
}
img.img-float-left,
img.img-float-right {
    max-width: 80%;
    margin: 0 auto;
    display: block;
}
#contenedor h2 {
    color: #317fcb;
    text-transform: uppercase;
    font-size: 44px;
    line-height: 45px;
    letter-spacing: 1px;
    font-family: VagStdBold;
    text-align: center;
    margin: 20px 0;
    
}
.aquienes .col_50 {
    margin: 0 0px;
}

.col_50 {
    float: left;
    width: 50%;
}
.col_80 {
    float: left;
    width: 80%;
}
.col_20 {
    float: left;
    width: 20%;
}
.productos {
    /* display: block; */
    display: inline-flex;
    padding: 2pc 0;
}
.columnas {
    /* height: 762px; */
    /* padding: 13pc 0; */
    display: inline-flex;
    padding: 1pc 0;
}
.inline-flex {
    display: inline-flex;
}
.back_blue {
    background-color: #317fcb;
    display: flex;
    color: #fff
}
.back_blue ul, .back_blue li{
    color: #fff
}
.credito_contacto.inline-flex {
    margin: 0 auto;
    display: block;
}
input.informes {
    letter-spacing: 2px;
    background-color: #ec8213;
    font-family: VagStdBold,sans-serif;
    color: #fff;
    width: 269px;
    border-radius: 20px;
    font-size: 24px;
    font-weight: 300;
    padding: 15px 10px;
    border: none;
    cursor: pointer;
    margin: 10px auto;
    /* text-align: center; */
    display: block;
}
p.grid-desc {
    margin-bottom: 10px;
float: right;
font-size: 15px;
padding-right: 0;
width: 100%;
color: #4a4a4a;
margin-top: 10px;
font-family: Arial;
line-height: 20px;
}

.col-sm-4.col_33 {
    text-align: center;
}
.col-sm-4.col_33 h2 {
    font-size: 27px !important;
    margin: 0px 0 !important;
    line-height: 31px !important;
}
.legales {
    max-width: 900px;
    margin: 0 auto;
    display: block;
    padding: 0 30px;
}
a:link {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    font-size: 15px;
}
.legales p {
    font-size: 14px;
    margin: 10px 0 0 0;
    text-align: justify;
    line-height: 19px;;
}
#background_header input {
    float: left;
}
h3.fontsmall {
    font-size: 14px;
}
input.informes.otro {
    height: 38px;
    padding: 5px 10px;
    max-width: 209px;
    margin: 10px auto;
    display: block;
}
#container {
    max-width: 1060px;
    margin: 0 auto;
}
footer input {
    max-width: 200px;
    height: 30px;
    font-size: 18px !important;
    padding: 5px 0 !important;
}
.col_25 {
    float: left;
    width: 25%;
    padding: 0 0 0 0%;
}
.col_25 {
    color: #fff;
}
.white ul {
    color: #fff;
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
#shadow {
    position: fixed;
    top: 0;
    background: #000000ba;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 11;
    display: none;
}
.footer-outer {    
    padding: 10px;
    background: #1b2741;
    overflow: hidden;
}
#formulariomodal h2 {
    color: #fff;
    border-radius: 35px 35px 0 0;
    background: #1b2741;
    font-family: VagStdBold;
    letter-spacing: 1px;
    font-size: 33px;
    padding: 4px 0 4px 0;
    margin: 0;
}
.formulario .hs-richtext.hs-main-font-element p, .formulario .hs-richtext.hs-main-font-element a {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
}
#formulariomodal, #modalinformacion {
    z-index: 12;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    text-align: center;
    margin: 0 auto;
    max-width: 400px;
    background: #fff;
    color: #317fcb;
    display: none;
    border-radius: 40px;
}
.white a, .white h2, .white h3, .white li, .white p, .white span, .white ul {
    color: #fff;
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 15px;
}
.formulario {
    width: 90%;
    margin: 20px auto;
}
input[type=email], input[type=number], input[type=tel], input[type=text], select {
    max-width: 90%;
    border-radius: 6px;
    border: 1px solid #b9b9b9;
    padding: 1px 0 1px 5px;
    height: 25px;
}
label {
    font-family: Arial;
    margin: 5px 0 0 0;
    display: block;
}
.btn_orange, input.hs-button.primary.large {
    letter-spacing: 2px;
    background-color: #ec8213;
    font-family: VagStdBold,sans-serif;
    color: #fff;
    width: 269px;
    border-radius: 20px;
    font-size: 24px;
    font-weight: 300;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
    display: block;
    margin: 10px auto;
}
.hbspt-form a, .hbspt-form p {
    color: #333;
}
.white li {
    font-size: 15px;
}
.formulariomodal .hs-richtext.hs-main-font-element p, .formulariomodal .hs-richtext.hs-main-font-element a {
    font-size: 15px;
    line-height: 20px;
}
.hbspt-form a, .hbspt-form p {
    color: #333;
    font-size: 15px;
    line-height: 20px;
}
@media only screen and (max-width: 767px) {
.flexx,.aquienes,.beneficios, .productos, .back_blue,.credito_contacto.inline-flex,.columnas,.flex {
    flex-direction: column;
    display: flex;
}
.aquienes .col_50 {
    margin: 0 0px;
    width: 100%;
    padding: 0 0%;
}
#background_header input {
    float: initial
}
.solidez.col_100 {
    display: none;
}
.col_50,.col_33, .col_25 {
    width: 100%;
}
.back_blue {
    padding: 0 10px;
}
div#background_header .col_20{
    display: none;
}
#contenedor h2 {    
    font-size: 30px;
    line-height: 35px;
}
h1 {
    color: #317fcb;
    font-size: 44px;
    line-height: 40px
}
img.img_header {
    height: 318px;
}
#background_header {    
    text-align: center;
    max-width: 100%;
    margin: 82px auto 0 auto;
    display: block;
}
.col_80 {
    width: 100%;
}
#contenedor {    
    display: block;
    margin: 0 auto;
    width: 90%;
}
#container {    
    width: 90%;
    display: block;
    text-align: center;
}
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}
html {
    overflow-x: hidden;
}