@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 300;
    src: url(./fonts/Montserrat/Montserrat-Light.eot);
    src: local("Montserrat Light"), local(Montserrat-Light), url(./fonts/Montserrat/Montserrat-Light.eot?#iefix) format("embedded-opentype"), url(./fonts/Montserrat/Montserrat-Light.woff2) format("woff2"), url(./fonts/Montserrat/Montserrat-Light.woff) format("woff"), url(./fonts/Montserrat/Montserrat-Light.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 300;
    src: url(./fonts/Montserrat/Montserrat-Lightitalic.eot);
    src: local("Montserrat Light Italic"), local(Montserrat-LightItalic), url(./fonts/Montserrat/Montserrat-Lightitalic.eot?#iefix) format("embedded-opentype"), url(./fonts/Montserrat/Montserrat-Lightitalic.woff2) format("woff2"), url(./fonts/Montserrat/Montserrat-Lightitalic.woff) format("woff"), url(./fonts/Montserrat/Montserrat-Lightitalic.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/Montserrat/Montserrat-Regular.eot);
    src: local("Montserrat Regular"), local(Montserrat-Regular), url(./fonts/Montserrat/Montserrat-Regular.eot?#iefix) format("embedded-opentype"), url(./fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"), url(./fonts/Montserrat/Montserrat-Regular.woff) format("woff"), url(./fonts/Montserrat/Montserrat-Regular.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 400;
    src: url(./fonts/Montserrat/Montserrat-Italic.eot);
    src: local("Montserrat Italic"), local(Montserrat-Italic), url(./fonts/Montserrat/Montserrat-Italic.eot?#iefix) format("embedded-opentype"), url(./fonts/Montserrat/Montserrat-Italic.woff2) format("woff2"), url(./fonts/Montserrat/Montserrat-Italic.woff) format("woff"), url(./fonts/Montserrat/Montserrat-Italic.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    src: url(./fonts/Montserrat/Montserrat-Medium.eot);
    src: local("Montserrat Medium"), local(Montserrat-Medium), url(./fonts/Montserrat/Montserrat-Medium.eot?#iefix) format("embedded-opentype"), url(./fonts/Montserrat/Montserrat-Medium.woff2) format("woff2"), url(./fonts/Montserrat/Montserrat-Medium.woff) format("woff"), url(./fonts/Montserrat/Montserrat-Medium.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 500;
    src: url(./fonts/Montserrat/Montserrat-Mediumitalic.eot);
    src: local("Montserrat Medium Italic"), local(Montserrat-MediumItalic), url(./fonts/Montserrat/Montserrat-Mediumitalic.eot?#iefix) format("embedded-opentype"), url(./fonts/Montserrat/Montserrat-Mediumitalic.woff2) format("woff2"), url(./fonts/Montserrat/Montserrat-Mediumitalic.woff) format("woff"), url(./fonts/Montserrat/Montserrat-Mediumitalic.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    src: url(./fonts/Montserrat/Montserrat-SemiBold.eot);
    src: local("Montserrat SemiBold"), local(Montserrat-SemiBold), url(./fonts/Montserrat/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"), url(./fonts/Montserrat/Montserrat-SemiBold.woff2) format("woff2"), url(./fonts/Montserrat/Montserrat-SemiBold.woff) format("woff"), url(./fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 600;
    src: url(./fonts/Montserrat/Montserrat-SemiBolditalic.eot);
    src: local("Montserrat SemiBold Italic"), local(Montserrat-SemiBoldItalic), url(./fonts/Montserrat/Montserrat-SemiBolditalic.eot?#iefix) format("embedded-opentype"), url(./fonts/Montserrat/Montserrat-SemiBolditalic.woff2) format("woff2"), url(./fonts/Montserrat/Montserrat-SemiBolditalic.woff) format("woff"), url(./fonts/Montserrat/Montserrat-SemiBolditalic.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    src: url(./fonts/Montserrat/Montserrat-Bold.eot);
    src: local("Montserrat Bold"), local(Montserrat-Bold), url(./fonts/Montserrat/Montserrat-Bold.eot?#iefix) format("embedded-opentype"), url(./fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"), url(./fonts/Montserrat/Montserrat-Bold.woff) format("woff"), url(./fonts/Montserrat/Montserrat-Bold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 700;
    src: url(./fonts/Montserrat/Montserrat-Bolditalic.eot);
    src: local("Montserrat Bold Italic"), local(Montserrat-BoldItalic), url(./fonts/Montserrat/Montserrat-Bolditalic.eot?#iefix) format("embedded-opentype"), url(./fonts/Montserrat/Montserrat-Bolditalic.woff2) format("woff2"), url(./fonts/Montserrat/Montserrat-Bolditalic.woff) format("woff"), url(./fonts/Montserrat/Montserrat-Bolditalic.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 800;
    src: url(./fonts/Montserrat/Montserrat-ExtraBold.eot);
    src: local("Montserrat Extra Bold"), local(Montserrat-Bold), url(./fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix) format("embedded-opentype"), url(./fonts/Montserrat/Montserrat-ExtraBold.woff) format("woff"), url(./fonts/Montserrat/Montserrat-ExtraBold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 900;
    src: url(./fonts/Montserrat/Montserrat-Black.eot);
    src: local("Montserrat Black"), local(Montserrat-Bold), url(./fonts/Montserrat/Montserrat-Black.eot?#iefix) format("embedded-opentype"), url(./fonts/Montserrat/Montserrat-Black.woff2) format("woff2"), url(./fonts/Montserrat/Montserrat-Black.woff) format("woff"), url(./fonts/Montserrat/Montserrat-Black.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 300;
    src: url(./fonts/Work_Sans/WorkSans-Light.eot);
    src: local("Work Sans Light"), local(WorkSans-Light), url(./fonts/Work_Sans/WorkSans-Light.eot?#iefix) format("embedded-opentype"), url(./fonts/Work_Sans/WorkSans-Light.woff2) format("woff2"), url(./fonts/Work_Sans/WorkSans-Light.woff) format("woff"), url(./fonts/Work_Sans/WorkSans-Light.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/Work_Sans/WorkSans-Regular.eot);
    src: local("Work Sans"), local(WorkSans-Regular), url(./fonts/Work_Sans/WorkSans-Regular.eot?#iefix) format("embedded-opentype"), url(./fonts/Work_Sans/WorkSans-Regular.woff2) format("woff2"), url(./fonts/Work_Sans/WorkSans-Regular.woff) format("woff"), url(./fonts/Work_Sans/WorkSans-Regular.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 600;
    src: url(./fonts/Work_Sans/WorkSans-SemiBold.eot);
    src: local("Work Sans SemiBold"), local(WorkSans-SemiBold), url(./fonts/Work_Sans/WorkSans-SemiBold.eot?#iefix) format("embedded-opentype"), url(./fonts/Work_Sans/WorkSans-SemiBold.woff2) format("woff2"), url(./fonts/Work_Sans/WorkSans-SemiBold.woff) format("woff"), url(./fonts/Work_Sans/WorkSans-SemiBold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 500;
    src: url(./fonts/Work_Sans/WorkSans-Medium.eot);
    src: local("Work Sans Medium"), local(WorkSans-Medium), url(./fonts/Work_Sans/WorkSans-Medium.eot?#iefix) format("embedded-opentype"), url(./fonts/Work_Sans/WorkSans-Medium.woff2) format("woff2"), url(./fonts/Work_Sans/WorkSans-Medium.woff) format("woff"), url(./fonts/Work_Sans/WorkSans-Medium.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 700;
    src: url(./fonts/Work_Sans/WorkSans-Bold.eot);
    src: local("Work Sans Bold"), local(WorkSans-Bold), url(./fonts/Work_Sans/WorkSans-Bold.eot?#iefix) format("embedded-opentype"), url(./fonts/Work_Sans/WorkSans-Bold.woff2) format("woff2"), url(./fonts/Work_Sans/WorkSans-Bold.woff) format("woff"), url(./fonts/Work_Sans/WorkSans-Bold.ttf) format("truetype")
}

@font-face {
    font-family: "Iconos Colpensiones";
    src: url(./fonts/icons/colpensiones.eot);
    src: url(./fonts/icons/colpensiones.eot#iefix) format("embedded-opentype"), url(./fonts/icons/colpensiones.woff2) format("woff2"), url(./fonts/icons/colpensiones.woff) format("woff"), url(./fonts/icons/colpensiones.ttf) format("truetype"), url(./fonts/icons/colpensiones.svg#colpensiones) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon-pensiones:before,
.icon-beps:before,
.icon-empleador:before,
.icon-llamanos:before,
.icon-te-llamamos:before,
.icon-chat:before,
.icon-whatssap:before,
.icon-ubicacion:before,
.icon-canales:before,
.icon-exterior:before,
.icon-sede:before,
.icon-educacion:before {
    font-family: "Iconos Colpensiones";
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-pensiones:before {
    content: "\e800"
}

.icon-beps:before {
    content: "\e801"
}

.icon-empleador:before {
    content: "\e802"
}

.icon-llamanos:before {
    content: "\e803"
}

.icon-te-llamamos:before {
    content: "\e804"
}

.icon-chat:before {
    content: "\e805"
}

.icon-whatssap:before {
    content: "\e806"
}

.icon-ubicacion:before {
    content: "\e807"
}

.icon-canales:before {
    content: "\e808"
}

.icon-exterior:before {
    content: "\e809"
}

.icon-sede:before {
    content: "\e80a"
}

.icon-educacion:before {
    content: "\e80b"
}