/*
    FONTS
*/

@font-face {
    font-family: 'freight_sansbook';
    src: url(../fonts/freightsans-book.woff2) format("woff2"), url(../fonts/freightsans-book.woff) format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'freight_medium';
    src: url(../fonts/freightsans-medium.woff2) format("woff2"), url(../fonts/freightsans-medium.woff) format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'freight_sansbold';
    src: url(../fonts/freightsans-bold.woff2) format("woff2"), url(../fonts/freightsans-bold.woff2.woff) format("woff");
    font-weight: normal;
    font-style: normal;
}


/*
SharePoint-hacks
*/

body,
.ms-core-defaultFont,
#pageStatusBar,
.ms-status-msg,
.js-callout-body {
    font-family: 'freight_sansbook', sans-serif;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-size: 1.019rem;
    letter-spacing: 0.0019rem;
    color: #444;
}

a.ms-signInLink {
    display: none !important;
}

#s4-bodyContainer {
    padding-bottom: 0px;
}

#s4-workspace {
    background-color: #fff;
}

.ms-rtestate-field h1 {
    color: #fff;
    font-family: 'freight_sansbold', sans-serif;
}

.ms-rtestate-field {
    font-family: 'freight_sansbook', sans-serif;
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
}

ul.ms-core-suiteLinkList {
    display: none;
}

.edit-contenido .ms-rte-border-field {
    border: 2px solid lime !important;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
}


H1.ms-rteElement-H1 {
    -ms-name: "Heading 1";
    -ms-element: "true";
}

H2.ms-rteElement-H2 {
    -ms-name: "Heading 2";
    -ms-element: "true";
}

H3.ms-rteElement-H3 {
    -ms-name: "Heading 3";
    -ms-element: "true";
}

H4.ms-rteElement-H4 {
    -ms-name: "Heading 4";
    -ms-element: "true";
}

H1.ms-rteElement-H1B {
    -ms-name: "Heading 1 Alternate";
}

H2.ms-rteElement-H2B {
    -ms-name: "Heading 2 Alternate";
}

H3.ms-rteElement-H3B {
    -ms-name: "Heading 3 Alternate";
}

H4.ms-rteElement-H4B {
    -ms-name: "Heading 4 Alternate";
}

P.ms-rteElement-P {
    -ms-name: "Paragraph";
    -ms-element: "true";
}

.ms-rteStyle-Normal {
    -ms-name: "Normal";
}

.ms-rteStyle-Quote {
    -ms-name: "Quote";
}

.ms-rteStyle-IntenseQuote {
    -ms-name: "Intense Quote";
}

.ms-rteStyle-Emphasis {
    -ms-name: "Emphasis";
}

.ms-rteStyle-IntenseEmphasis {
    -ms-name: "Intense Emphasis";
}

.ms-rteStyle-References {
    -ms-name: "Reference";
}

.ms-rteStyle-IntenseReferences {
    -ms-name: "Intense Reference";
}

.ms-rteStyle-Accent1 {
    -ms-name: "Accent 1";
}

.ms-rteStyle-Accent2 {
    -ms-name: "Accent 2";
}

.ms-rteForeColor-1 {
    color: darkred;
    -ms-name: "";
    -ms-color: "Dark Red";
}

.ms-rteForeColor-2 {
    color: red;
    -ms-name: "";
    -ms-color: "Red";
}

.ms-rteForeColor-3 {
    color: orange;
    -ms-name: "";
    -ms-color: "Gold";
}

.ms-rteForeColor-4 {
    color: yellow;
    -ms-name: "";
    -ms-color: "Yellow";
}

.ms-rteForeColor-5 {
    color: lightgreen;
    -ms-name: "";
    -ms-color: "Light Green";
}

.ms-rteForeColor-6 {
    color: green;
    -ms-name: "";
    -ms-color: "Dark Green";
}

.ms-rteForeColor-7 {
    color: lightblue;
    -ms-name: "";
    -ms-color: "Sky Blue";
}

.ms-rteForeColor-8 {
    color: blue;
    -ms-name: "";
    -ms-color: "Blue";
}

.ms-rteForeColor-9 {
    color: darkblue;
    -ms-name: "";
    -ms-color: "Dark Blue";
}

.ms-rteForeColor-10 {
    color: purple;
    -ms-name: "";
    -ms-color: "Dark Purple";
}

.ms-rteBackColor-1 {
    background-color: darkred;
    -ms-name: "";
    -ms-color: "Dark Red";
}

.ms-rteBackColor-2 {
    background-color: red;
    -ms-name: "";
    -ms-color: "Red";
}

.ms-rteBackColor-3 {
    background-color: orange;
    -ms-name: "";
    -ms-color: "Gold";
}

.ms-rteBackColor-4 {
    background-color: yellow;
    -ms-name: "";
    -ms-color: "Yellow";
}

.ms-rteBackColor-5 {
    background-color: lightgreen;
    -ms-name: "";
    -ms-color: "Light Green";
}

.ms-rteBackColor-6 {
    background-color: green;
    -ms-name: "";
    -ms-color: "Dark Green";
}

.ms-rteBackColor-7 {
    background-color: lightblue;
    -ms-name: "";
    -ms-color: "Sky Blue";
}

.ms-rteBackColor-8 {
    background-color: blue;
    -ms-name: "";
    -ms-color: "Blue";
}

.ms-rteBackColor-9 {
    background-color: darkblue;
    -ms-name: "";
    -ms-color: "Dark Blue";
}

.ms-rteBackColor-10 {
    background-color: purple;
    -ms-name: "";
    -ms-color: "Dark Purple";
}

.ms-rteFontFace-1 {
    -ms-name: "Tahoma";
    font-family: tahoma;
}

.ms-rteFontFace-2 {
    -ms-name: "Courier";
    font-family: courier,monospace;
}

.ms-rteFontFace-3 {
    -ms-name: "Times New Roman";
    font-family: "Times New Roman",Times,serif;
}

.ms-rteFontFace-4 {
    -ms-name: "Comic Sans";
    font-family: "Comic Sans","Comic Sans MS",cursive;
}

.ms-rteFontFace-5 {
    -ms-name: "Calibri";
    font-family: Calibri;
}

.ms-rteFontFace-6 {
    -ms-name: "Georgia";
    font-family: Georgia;
}

.ms-rteFontFace-7 {
    -ms-name: "Impact";
    font-family: Impact;
}

.ms-rteFontFace-8 {
    -ms-name: "Trebuchet MS";
    font-family: "Trebuchet MS",helvetica;
}

.ms-rteFontFace-9 {
    -ms-name: "Palatino Linotype";
    font-family: "Palatino Linotype",Palatino,serif;
}

.ms-rteFontFace-10 {
    -ms-name: "Lucida Console";
    font-family: "Lucida Console",monaco,sans-serif;
}

.ms-rteFontFace-11 {
    -ms-name: "Garamond";
    font-family: garamond;
}

.ms-rteFontFace-12 {
    -ms-name: "Segoe UI";
    font-family: "Segoe UI",Tahoma;
}

.ms-rteFontFace-13 {
    -ms-name: "Arial";
    font-family: Arial;
}

.ms-rteFontSize-1 {
    font-size: 9pt;
}

.ms-rteFontSize-2 {
    font-size: 11pt;
}

.ms-rteFontSize-3 {
    font-size: 13pt;
}

.ms-rteFontSize-4 {
    font-size: 18pt;
}

.ms-rteFontSize-5 {
    font-size: 24pt;
}

.ms-rteFontSize-6 {
    font-size: 36pt;
}

.ms-rteFontSize-7 {
    font-size: 48pt;
}

.ms-rteFontSize-8 {
    font-size: 72pt;
}

.ms-rteThemeForeColor-1-0 {
    /* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */ color: #fff;
    -ms-name: "Light 1";
    /* [ColorName] */ -ms-color: "White";
}

.ms-rteThemeForeColor-2-0 {
    /* [ReplaceColor(themeColor:"BodyText",opacity:"1")] */ color: #444;
    -ms-name: "Dark 1";
    /* [ColorName] */ -ms-color: "Black";
}

.ms-rteThemeForeColor-3-0 {
    /* [ReplaceColor(themeColor:"SubtleEmphasisText",opacity:"1")] */ color: #666;
    -ms-name: "Light 2";
    /* [ColorName] */ -ms-color: "White";
}

.ms-rteThemeForeColor-4-0 {
    /* [ReplaceColor(themeColor:"SubtleEmphasisBackground",opacity:"1")] */ color: #efefef;
    -ms-name: "Dark 2";
    /* [ColorName] */ -ms-color: "Blue Gray";
}

.ms-rteThemeForeColor-5-0 {
    /* [ReplaceColor(themeColor:"ContentAccent1",opacity:"1")] */ color: #0072C6;
    -ms-name: "Accent 1";
    /* [ColorName] */ -ms-color: "Dark Blue";
}

.ms-rteThemeForeColor-6-0 {
    /* [ReplaceColor(themeColor:"ContentAccent2",opacity:"1")] */ color: #00485B;
    -ms-name: "Accent 2";
    /* [ColorName] */ -ms-color: "Pink";
}

.ms-rteThemeForeColor-7-0 {
    /* [ReplaceColor(themeColor:"ContentAccent3",opacity:"1")] */ color: #288054;
    -ms-name: "Accent 3";
    /* [ColorName] */ -ms-color: "Turquoise";
}

.ms-rteThemeForeColor-8-0 {
    /* [ReplaceColor(themeColor:"ContentAccent4",opacity:"1")] */ color: #767956;
    -ms-name: "Accent 4";
    /* [ColorName] */ -ms-color: "Orange";
}

.ms-rteThemeForeColor-9-0 {
    /* [ReplaceColor(themeColor:"ContentAccent5",opacity:"1")] */ color: #ED0033;
    -ms-name: "Accent 5";
    /* [ColorName] */ -ms-color: "Dark Green";
}

.ms-rteThemeForeColor-10-0 {
    /* [ReplaceColor(themeColor:"ContentAccent6",opacity:"1")] */ color: #682A7A;
    -ms-name: "Accent 6";
    /* [ColorName] */ -ms-color: "Yellow";
}

.ms-rteThemeForeColor-1-1 {
    /* [ReplaceColor(themeColor:"BackgroundOverlay-Lightest",opacity:"1")] */ color: #F2F2F2;
    -ms-name: "Light 1 Lightest";
    /* [ColorName] */ -ms-color: "White";
}

.ms-rteThemeForeColor-2-1 {
    /* [ReplaceColor(themeColor:"BodyText-Lightest",opacity:"1")] */ color: #D9D9D9;
    -ms-name: "Dark 1 Lightest";
    /* [ColorName] */ -ms-color: "Gray-50%";
}

.ms-rteThemeForeColor-3-1 {
    /* [ReplaceColor(themeColor:"SubtleEmphasisText-Lightest",opacity:"1")] */ color: #E0E0E0;
    -ms-name: "Light 2 Lightest";
    /* [ColorName] */ -ms-color: "Ice Blue";
}

.ms-rteThemeForeColor-4-1 {
    /* [ReplaceColor(themeColor:"SubtleEmphasisBackground-Lightest",opacity:"1")] */ color: #D8D8D8;
    -ms-name: "Dark 2 Lightest";
    /* [ColorName] */ -ms-color: "Ice Blue";
}

.ms-rteThemeForeColor-5-1 {
    /* [ReplaceColor(themeColor:"ContentAccent1-Lightest",opacity:"1")] */ color: #C0E4FF;
    -ms-name: "Accent 1 Lightest";
    /* [ColorName] */ -ms-color: "Light Blue";
}

.ms-rteThemeForeColor-6-1 {
    /* [ReplaceColor(themeColor:"ContentAccent2-Lightest",opacity:"1")] */ color: #D5F6FF;
    -ms-name: "Accent 2 Lightest";
    /* [ColorName] */ -ms-color: "Pink";
}

.ms-rteThemeForeColor-7-1 {
    /* [ReplaceColor(themeColor:"ContentAccent3-Lightest",opacity:"1")] */ color: #CAEEDC;
    -ms-name: "Accent 3 Lightest";
    /* [ColorName] */ -ms-color: "Light Turquoise";
}

.ms-rteThemeForeColor-8-1 {
    /* [ReplaceColor(themeColor:"ContentAccent4-Lightest",opacity:"1")] */ color: #E4E5DB;
    -ms-name: "Accent 4 Lightest";
    /* [ColorName] */ -ms-color: "Light Orange";
}

.ms-rteThemeForeColor-9-1 {
    /* [ReplaceColor(themeColor:"ContentAccent5-Lightest",opacity:"1")] */ color: #FFC8D4;
    -ms-name: "Accent 5 Lightest";
    /* [ColorName] */ -ms-color: "Light Green";
}

.ms-rteThemeForeColor-10-1 {
    /* [ReplaceColor(themeColor:"ContentAccent6-Lightest",opacity:"1")] */ color: #E5CBED;
    -ms-name: "Accent 6 Lightest";
    /* [ColorName] */ -ms-color: "Light Yellow";
}

.ms-rteThemeForeColor-1-2 {
    /* [ReplaceColor(themeColor:"BackgroundOverlay-Lighter",opacity:"1")] */ color: #D8D8D8;
    -ms-name: "Light 1 Lighter";
    /* [ColorName] */ -ms-color: "Gray-25%";
}

.ms-rteThemeForeColor-2-2 {
    /* [ReplaceColor(themeColor:"BodyText-Lighter",opacity:"1")] */ color: #B4B4B4;
    -ms-name: "Dark 1 Lighter";
    /* [ColorName] */ -ms-color: "Gray-80%";
}

.ms-rteThemeForeColor-3-2 {
    /* [ReplaceColor(themeColor:"SubtleEmphasisText-Lighter",opacity:"1")] */ color: #C1C1C1;
    -ms-name: "Light 2 Lighter";
    /* [ColorName] */ -ms-color: "Ice Blue";
}

.ms-rteThemeForeColor-4-2 {
    /* [ReplaceColor(themeColor:"SubtleEmphasisBackground-Lighter",opacity:"1")] */ color: #B4B4B4;
    -ms-name: "Dark 2 Lighter";
    /* [ColorName] */ -ms-color: "Ice Blue";
}

.ms-rteThemeForeColor-5-2 {
    /* [ReplaceColor(themeColor:"ContentAccent1-Lighter",opacity:"1")] */ color: #82CAFF;
    -ms-name: "Accent 1 Lighter";
    /* [ColorName] */ -ms-color: "Light Turquoise";
}

.ms-rteThemeForeColor-6-2 {
    /* [ReplaceColor(themeColor:"ContentAccent2-Lighter",opacity:"1")] */ color: #96E9FF;
    -ms-name: "Accent 2 Lighter";
    /* [ColorName] */ -ms-color: "Pink";
}

.ms-rteThemeForeColor-7-2 {
    /* [ReplaceColor(themeColor:"ContentAccent3-Lighter",opacity:"1")] */ color: #96DEBA;
    -ms-name: "Accent 3 Lighter";
    /* [ColorName] */ -ms-color: "Light Turquoise";
}

.ms-rteThemeForeColor-8-2 {
    /* [ReplaceColor(themeColor:"ContentAccent4-Lighter",opacity:"1")] */ color: #CACCB8;
    -ms-name: "Accent 4 Lighter";
    /* [ColorName] */ -ms-color: "Light Orange";
}

.ms-rteThemeForeColor-9-2 {
    /* [ReplaceColor(themeColor:"ContentAccent5-Lighter",opacity:"1")] */ color: #FF91A9;
    -ms-name: "Accent 5 Lighter";
    /* [ColorName] */ -ms-color: "Light Green";
}

.ms-rteThemeForeColor-10-2 {
    /* [ReplaceColor(themeColor:"ContentAccent6-Lighter",opacity:"1")] */ color: #CC98DB;
    -ms-name: "Accent 6 Lighter";
    /* [ColorName] */ -ms-color: "Light Yellow";
}

.ms-rteThemeForeColor-1-3 {
    /* [ReplaceColor(themeColor:"BackgroundOverlay-Medium",opacity:"1")] */ color: #BFBFBF;
    -ms-name: "Light 1 Medium";
    /* [ColorName] */ -ms-color: "Gray-25%";
}

.ms-rteThemeForeColor-2-3 {
    /* [ReplaceColor(themeColor:"BodyText-Medium",opacity:"1")] */ color: #8E8E8E;
    -ms-name: "Dark 1 Medium";
    /* [ColorName] */ -ms-color: "Gray-80%";
}

.ms-rteThemeForeColor-3-3 {
    /* [ReplaceColor(themeColor:"SubtleEmphasisText-Medium",opacity:"1")] */ color: #A3A3A3;
    -ms-name: "Light 2 Medium";
    /* [ColorName] */ -ms-color: "Blue Gray";
}

.ms-rteThemeForeColor-4-3 {
    /* [ReplaceColor(themeColor:"SubtleEmphasisBackground-Medium",opacity:"1")] */ color: #787878;
    -ms-name: "Dark 2 Medium";
    /* [ColorName] */ -ms-color: "Blue Gray";
}

.ms-rteThemeForeColor-5-3 {
    /* [ReplaceColor(themeColor:"ContentAccent1-Medium",opacity:"1")] */ color: #43AFFF;
    -ms-name: "Accent 1 Medium";
    /* [ColorName] */ -ms-color: "Blue";
}

.ms-rteThemeForeColor-6-3 {
    /* [ReplaceColor(themeColor:"ContentAccent2-Medium",opacity:"1")] */ color: #2DD3FF;
    -ms-name: "Accent 2 Medium";
    /* [ColorName] */ -ms-color: "Pink";
}

.ms-rteThemeForeColor-7-3 {
    /* [ReplaceColor(themeColor:"ContentAccent3-Medium",opacity:"1")] */ color: #62CE98;
    -ms-name: "Accent 3 Medium";
    /* [ColorName] */ -ms-color: "Light Turquoise";
}

.ms-rteThemeForeColor-8-3 {
    /* [ReplaceColor(themeColor:"ContentAccent4-Medium",opacity:"1")] */ color: #B0B394;
    -ms-name: "Accent 4 Medium";
    /* [ColorName] */ -ms-color: "Light Orange";
}

.ms-rteThemeForeColor-9-3 {
    /* [ReplaceColor(themeColor:"ContentAccent5-Medium",opacity:"1")] */ color: #FF5B7E;
    -ms-name: "Accent 5 Medium";
    /* [ColorName] */ -ms-color: "Green";
}

.ms-rteThemeForeColor-10-3 {
    /* [ReplaceColor(themeColor:"ContentAccent6-Medium",opacity:"1")] */ color: #B364C9;
    -ms-name: "Accent 6 Medium";
    /* [ColorName] */ -ms-color: "Light Yellow";
}

.ms-rteThemeForeColor-1-4 {
    /* [ReplaceColor(themeColor:"BackgroundOverlay-Darker",opacity:"1")] */ color: #A5A5A5;
    -ms-name: "Light 1 Darker";
    /* [ColorName] */ -ms-color: "Gray-50%";
}

.ms-rteThemeForeColor-2-4 {
    /* [ReplaceColor(themeColor:"BodyText-Darker",opacity:"1")] */ color: #333;
    -ms-name: "Dark 1 Darker";
    /* [ColorName] */ -ms-color: "Gray-80%";
}

.ms-rteThemeForeColor-3-4 {
    /* [ReplaceColor(themeColor:"SubtleEmphasisText-Darker",opacity:"1")] */ color: #4C4C4C;
    -ms-name: "Light 2 Darker";
    /* [ColorName] */ -ms-color: "Blue Gray";
}

.ms-rteThemeForeColor-4-4 {
    /* [ReplaceColor(themeColor:"SubtleEmphasisBackground-Darker",opacity:"1")] */ color: #3C3C3C;
    -ms-name: "Dark 2 Darker";
    /* [ColorName] */ -ms-color: "Blue Gray";
}

.ms-rteThemeForeColor-5-4 {
    /* [ReplaceColor(themeColor:"ContentAccent1-Darker",opacity:"1")] */ color: #005594;
    -ms-name: "Accent 1 Darker";
    /* [ColorName] */ -ms-color: "Dark Blue";
}

.ms-rteThemeForeColor-6-4 {
    /* [ReplaceColor(themeColor:"ContentAccent2-Darker",opacity:"1")] */ color: #009AC3;
    -ms-name: "Accent 2 Darker";
    /* [ColorName] */ -ms-color: "Plum";
}

.ms-rteThemeForeColor-7-4 {
    /* [ReplaceColor(themeColor:"ContentAccent3-Darker",opacity:"1")] */ color: #1D603F;
    -ms-name: "Accent 3 Darker";
    /* [ColorName] */ -ms-color: "Turquoise";
}

.ms-rteThemeForeColor-8-4 {
    /* [ReplaceColor(themeColor:"ContentAccent4-Darker",opacity:"1")] */ color: #585A40;
    -ms-name: "Accent 4 Darker";
    /* [ColorName] */ -ms-color: "Brown";
}

.ms-rteThemeForeColor-9-4 {
    /* [ReplaceColor(themeColor:"ContentAccent5-Darker",opacity:"1")] */ color: #B10026;
    -ms-name: "Accent 5 Darker";
    /* [ColorName] */ -ms-color: "Dark Green";
}


/*
  GENERICOS
*/

body {
    font-family: 'freight_sansbook', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h5 {
    font-family: 'freight_sansbook', sans-serif;
}

html {
    scroll-behavior: smooth !important;
}

.dblue {
    color: #264e72;
}

.lblue {
    color: #00aef0;
}

.title {
    font-family: 'freight_sansbold', sans-serif;
    font-size: 3.257rem;

}

.sub-title {
    font-family: 'freight_sansbold', sans-serif;
    font-size: 2.2rem;

}

.beneficios-content ul,
.info-content .txt-content ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding-left: 15px;
}

.beneficios-content ul li,
.info-content .txt-content ul li {
    position: relative;
    font-family: 'freight_medium';
    line-height: 1.3;
    color: #fff;
    margin-bottom: 5px;
}

.beneficios-content ul li::before,
.info-content .txt-content ul li::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: transparent;
    background-image: url(../img/icons/Chevron-toRight-06.svg);
    background-repeat: no-repeat;
    background-position: center;
    left: -14px;
    top: 5px;
}


/*
BOTON CHAT
*/

.btn-chat {
    position: fixed;
    bottom: 0;
    right: 17px;
    padding: 15px 18px 12px;
    text-align: center;
    text-decoration: none;
    font-family: "freight_sansbook", sans-serif;
    color: #fff;
    text-transform: uppercase;
    z-index: 20;
    background: #f89420;
    transition: background 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.btn-chat .icon-chat {
    width: 50px;
    height: 42px;
    fill: none;
    stroke: #fff;
    stroke-width: 7px;
}

.btn-chat:hover {
    color: #fff;
    text-decoration: none;
    background: #00aef0;
}

.btn-chat .svg-wrap {
    display: block;
    margin-bottom: 8px;
}

.btn-chat .btn-text {
    display: none;
}



/*header*/

header .container-fluid {
    max-width: 1200px;
}

.main-top-header {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 2px solid #999;
}

.header-institucional {
    display: flex;
    flex-direction: row;
    position: relative;
    margin: 0;
    padding: 0;
}

.header-institucional a {
    text-decoration: none;
    background-color: transparent;
    color: transparent;
}

.header-institucional .fomenta-logo {
    margin-right: .457rem;
}

.main-top-header .solicita-wrap {
    padding-top: 15px;
}

.main-top-header .action {
    font-family: 'freight_medium', sans-serif;
    color: #264e72;
    text-decoration: none;
    font-size: .99rem;
    font-weight: 100;
    line-height: normal;
    letter-spacing: .0037rem;
    position: relative;
}

.main-top-header .action span {
    position: relative;
}

.main-top-header .action span::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #f89420;
    position: absolute;
    bottom: -8px;
    left: 0;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.main-top-header .action:hover span::after {
    bottom: -2px;
    opacity: 1;
}


/*Nav*/

#navbarNavPyme .nav-link {
    text-decoration: none;
    font-family: 'freight_sansbold', sans-serif;
    color: #264e72;
    font-size: 1.057rem;
    transition: all .2s ease-in-out;
}

#navbarNavPyme .nav-link:hover {
    color: #00aef0;
}

#navPyme .navbar-toggler {
    border-color: transparent !important;
    border-radius: 0;
    min-width: 50px;
}

#navPyme .navbar-collapse {
    transition: all .3s ease;
}

/* main banner */

#mainBanner {
    margin-bottom: 4.75rem;
}

#mainBanner .item .img {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 620px;
    min-height: 600px;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
}

#mainBanner .owl-dots {
    position: absolute;
    bottom: 27px;
    width: 25%;
    min-width: 250px;
    background-color: transparent;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#mainBanner .owl-dots .owl-dot {
    width: 18px;
    height: 18px;
    position: relative;
    min-width: 18px;
    background-color: transparent;
    border: 1px solid #fff;
    margin-left: 12px;
    border-radius: 50%;
    transition: all .3s ease-in-out;
}

#mainBanner button.owl-dot span::after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 2px;
    left: 2px;
    background-color: #fff;
    opacity: 0;
    border-radius: 50%;
    transition: all .2s ease-in;
}


#mainBanner button.owl-dot.active span::after {
    opacity: 1;
}

/* productos y servicios */

#prodServicios {
    margin-bottom: 70px;
}

.productos-servicios .prod-list {
    margin-top: 4.75rem;
}

.productos-servicios .p-title {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 33px;
}

.productos-servicios .p-title .icon {
    margin-right: .731rem;
}

.productos-servicios .p-title .sub-title.dblue {
    font-size: 1.35rem;
    margin: 0;
}

.productos-servicios .p-title::after {
    content: "";
    width: 90px;
    height: 2px;
    background-color: #264e72;
    position: absolute;
    bottom: -11px;
}

.productos-servicios .list-content .quote {
    position: relative;
    font-family: 'freight_sansbold';
    color: #00aef0;
    font-size: 1.1rem;
    letter-spacing: 0.015rem;
    margin-left: 16px;
}

.productos-servicios .list-content .quote::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: transparent;
    background-image: url(../img/icons/Chevron-toRight-circle-05.svg);
    background-repeat: no-repeat;
    background-position: center;
    left: -23px;
    top: 3px;
}

.productos-servicios .list-content ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding-left: 15px;
}

.productos-servicios .item {
    position: relative;
    font-family: 'freight_medium';
    line-height: 1.3;
    color: #264e72;
    font-size: 1.1rem;
    margin-bottom: 5px;
}

.productos-servicios .item:last-child {
    margin-bottom: 2rem;
}

.productos-servicios .item::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: transparent;
    background-image: url(../img/icons/Chevron-toRight-06.svg);
    background-repeat: no-repeat;
    background-position: center;
    left: -18px;
    top: 7px;
}

/* beneficios especiales */

#beneficiosEspeciales {
    margin-bottom: 70px;
}

#beneficiosEspeciales .beneficios {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: auto;
    min-height: 750px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#beneficiosEspeciales .beneficios .beneficios-content {
    padding-top: 70px;
    color: #fff;
    font-family: 'freight_medium', sans-serif;
    font-size: 1.2rem;
}

.beneficios .beneficios-content .title {
    color: #fff;
}


/* programas */

#programasCarousel {
    position: relative;
    margin-top: 90px;
    margin-bottom: 120px;
}

#programasCarousel .item {
    position: relative;
}

#programasCarousel .item .img {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 450px;
}

#programasCarousel .item .img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7791491596638656) 25%, rgba(0, 0, 0, 0.36738445378151263) 63%, rgba(255, 255, 255, 0) 100%);
}

#programasCarousel .item .content-wrap {
    position: absolute;
    width: 100%;
    height: 200px;
    padding: 1.35rem;
    top: 240px;
    z-index: 1;
}

#programasCarousel .item .content-wrap .title {
    font-family: 'freight_sansbold';
    font-size: 1.598rem;
    color: #f89420;
    margin: 0;
}


#programasCarousel .item .content-wrap .sub-title {
    font-family: 'freight_sansbook', sans-serif;
    color: #fff;
    font-size: 1.43rem;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

#programasCarousel .item .content-wrap .item-link {
    font-family: 'freight_sansbold', sans-serif;
    letter-spacing: 0.0359rem;
    text-decoration: none;
    padding: 8px 20px;
    float: right;
    background-color: #f89420;
    color: #fff;
    font-size: .987rem;
    border-radius: 20px;
    position: absolute;
    bottom: 0;
    right: 20px;
    transition: all .3s ease-in-out;
}

#programasCarousel .item .content-wrap .item-link:hover {
    background-color: #00aef0;
}

#programasCarousel .owl-nav {
    position: absolute;
    width: 93.3%;
    top: 33%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

#programasCarousel .owl-nav .owl-next {
    float: right;
}

#programasCarousel .owl-nav span {
    display: none;
}

#programasCarousel .owl-nav .owl-prev::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";
    font-size: 3.3rem;
    color: #fff;
    opacity: .5;
}

#programasCarousel .owl-nav .owl-next::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    font-size: 3.3rem;
    color: #fff;
    opacity: .5;
}

#programasCarousel .owl-nav .owl-next.disabled,
#programasCarousel .owl-nav .owl-prev.disabled {
    opacity: 0.1;
}

/* canales banreservas */

#canales .canales {
    background-color: #00aef0;
    margin-top: 40px;
    padding: 80px 0;
}

#canalesSq {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

#canales .canales .item {
    width: 32%;
    max-width: 300px;
    height: 250px;
    min-width: 165px;
    background-color: #fff;
    margin: 5px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

#canales .canales .item .title {
    font-family: 'freight_medium';
    color: #264e72;
    font-size: 1.75rem;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    transition: all .2s ease-in-out;
    position: relative;
}

#canales .canales .item:hover .title {
    color: #f89420;
}

#canales .canales .item .title::after {
    opacity: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #f89420;
    bottom: -10px;
    left: 0;
    transition: all .2s ease-in-out;

}

#canales .canales .item:hover .title::after {
    opacity: 1;
    bottom: -5px;

}

#canales .canales .item.head-item {
    background-color: transparent;
    padding: 0;
}

#canales .canales .item.head-item .title.title-head {
    font-family: 'freight_sansbold', sans-serif;
    font-size: 2.7835rem;
    letter-spacing: 0.012rem;
    color: #fff;
    text-align: left;
}

#canales .canales .item.head-item .title.title-head::after {
    display: none;
}


/* Expo banner section */


#expoBannerSection .exposection {
    position: relative;
    height: 704px;
    min-height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
}

#expoBannerSection .exposection::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgb(4, 10, 59);
    background: linear-gradient(270deg, rgba(4, 10, 59, 0.9248074229691877) 28%, rgba(7, 6, 54, 0.5466561624649859) 48%, rgba(255, 255, 255, 0) 65%);
}

#expoBannerSection .exposection .container {
    position: relative;
    z-index: 1;
}

#expoBannerSection .exposection .info-content {
    padding: 70px 0;
}

#expoBannerSection .info-content .title {
    color: #fff;
    margin-bottom: 2rem;
}

#expoBannerSection .info-content {
    color: #fff;
}

#expoBannerSection .txt-content {
    font-family: 'freight_sansbook';
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
}

.info-content .txt-content a:last-of-type {
    font-family: 'freight_sansbold', sans-serif;
    letter-spacing: 0.0359rem;
    text-decoration: none;
    padding: 12px 25px;
    float: left;
    margin-top: 2rem;
    background-color: #f89420;
    color: #fff;
    font-size: .987rem;
    border-radius: 20px;
    position: relative;
    transition: all .3s ease-in-out;
}

.info-content .txt-content a:last-of-type:hover {
    background-color: #00aef0;
}




/* testimonio clientes */


#testimoniosContent {
    position: relative;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 2.5rem;
}

.testimonios-clientes {
    margin: 90px 0;
}

#testimoniosContent .owl-stage {
    display: flex;
    align-items: center;
    height: 480px;
    min-height: 450px;
    position: relative;
}


#testimoniosContent .owl-carousel .owl-stage-outer {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#testimoniosContent .owl-carousel .owl-item.active.center {
    -webkit-transform: scale(1.19);
    transform: scale(1.19);
    z-index: 1;
}

#testimoniosContent .item {
    position: relative;
}

#testimoniosContent .item .video {
    position: relative;
    width: 100%;
    height: 230px;
    min-width: 250px;
    min-height: 380px;
    text-decoration: none;
}

#testimoniosContent .item .vid-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #00aef0;
    color: #fff;
    padding: 12px 4px;
    transition: all .2s ease-in;
    display: none;
    opacity: 0;
}

#testimoniosContent .owl-item.active.center .item .video+.vid-details {
    display: flex;
    opacity: 1;
}

#testimoniosContent .item .name {
    font-family: 'freight_medium', sans-serif;
    font-size: 1.43rem;
    letter-spacing: 0.0193rem;
    text-align: center;
    color: #fff;
}

#testimoniosContent .item .subtitle {
    font-family: 'freight_medium', sans-serif;
    font-size: .99rem;
    letter-spacing: 0.0103rem;
    color: #fff;
    text-align: center;
}

#testimoniosContent .item .video .img-responsive {
    width: 100%;
    min-height: 230px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

#testimoniosContent .item .video .img-responsive::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #0000004f;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .3s ease-in-out;
    z-index: 1;
}



#testimoniosContent .item .video .img-responsive::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: transparent;
    background-image: url(../img/icons/play_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    z-index: 1;
    transition: all .2s ease-in-out;
    opacity: 0;
}

#testimoniosContent .item .video:hover .img-responsive::after {
    opacity: 1;
}

#testimoniosContent .owl-nav {
    position: absolute;
    width: 103%;
    top: 23%;
    margin-left: auto;
    margin-right: auto;
    left: -5px;
    right: 0;
}

#testimoniosContent .owl-nav .owl-next.disabled,
#testimoniosContent .owl-nav .owl-prev.disabled {
    opacity: 0.1;
}

#testimoniosContent .owl-nav .owl-prev {
    position: absolute;
    left: -67px;
}

#testimoniosContent .owl-nav .owl-next {
    position: absolute;
    right: -67px;
}

#testimoniosContent .owl-nav span {
    display: none;
}


#testimoniosContent .owl-nav .owl-prev::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";
    font-size: 3.1rem;
    color: #f89420;
    opacity: .5;
}

#testimoniosContent .owl-nav .owl-next::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    font-size: 3.1rem;
    color: #f89420;
    opacity: .5;
}

#testimoniosContent .owl-dots {
    display: block;
    position: absolute;
    bottom: 8px;
    z-index: 1;
    width: 100%;
    text-align: center;
}

#testimoniosContent .owl-dots .owl-dot {
    margin-right: 7px;
    display: inline-flex;
    justify-content: center;
    min-width: 34px;
}

#testimoniosContent .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    background-color: #ccc;
    border: 1px #ccc solid;
    border-radius: 50%;
    opacity: .8;
    transition: height 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#testimoniosContent .owl-dots .owl-dot.active span {
    background-color: #f89420;
    border-color: transparent;
    opacity: 1;
    width: 16px;
    height: 16px;
}

#testimoniosTxt .txt-wrap {
    text-align: right;
    font-family: 'freight_sansbook';
    font-size: 1.12rem;
    color: #000;
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    margin-bottom: 40px;
    padding: 10px 20px;
    border-bottom: 1px solid #444;
}

#testimoniosTxt .txt-wrap p {
    text-align: left;
    font-size: 1.3291rem;
    line-height: 0.9;
    padding: 0 5px;
    position: relative;
    color: #5a5959;
}

#testimoniosTxt .txt-wrap .name {
    font-family: 'freight_sansbold';
    font-size: .89rem;
    color: #f89420;
}

#testimoniosTxt .txt-wrap .subtitle {
    font-size: .897rem;
    font-family: 'freight_sansbook';
    color: #444;
}

#testimoniosTxt .virgulis {
    font-family: 'freight_medium';
    font-style: normal;
    font-size: 1.3291rem;
    position: relative;
    color: #f89420;
}

#testimoniosTxt .txt-wrap:nth-child(odd) .name {
    color: #00aef0;
}

#testimoniosTxt .txt-wrap .virgulis::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background-color: transparent;
    background-image: url(../img/icons/quote_open_orange.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: -16px;
}

#testimoniosTxt .txt-wrap .virgulis:nth-child(2):after {
    background-image: url(../img/icons/quote_close_orange.svg);
    left: 5px;
    top: 2px;
}

#testimoniosTxt .txt-wrap:nth-child(odd) .virgulis::after {
    background-image: url(../img/icons/quote_open_lblue.svg);
}

#testimoniosTxt .txt-wrap:nth-child(odd) .virgulis:nth-child(2):after {
    background-image: url(../img/icons/quote_close_lblue.svg);
}


/* modal videos */

#fPymes .modal-content {
    background-color: #000;
    border-radius: 0;
}

#fPymes .modal-header {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    border: none;
    position: relative;
}

#fPymes .modal-header .btn-close {
    min-width: 14px;
    z-index: 1;
    color: #fff;
    background-color: #877575;
    position: absolute;
    right: 8px;
    border-radius: 0;
    top: 8px;
}

#fPymes .modal-header .btn-close:hover {
    background-color: #f78f25;
}


#fPymes .modal-body {
    padding: 0;
    margin: 0;
}

#ol {
    margin-bottom: 120px;
}

#testimoniosTxt {
    width: 90%;
    margin: 0 auto;
    border-top: 3px solid #00aef0;
    padding-top: 40px;
}



/* FOOTER */

footer {
    font-size: 1.2rem;
    background-color: #264e72;
    padding-bottom: 8rem;
    padding-top: 4rem;
}

footer .title {
    color: #fff;
}

footer a {
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

footer .social {
    float: right;
}

footer .site-footer-logo {
    display: block;
    height: 52px;
    width: 230px;
}

footer .site-footer-logo img {
    display: block;
    height: 100%;
    width: 100%;
}

footer .social a.circle-icon {
    display: inline-block;
    width: 45px;
    height: 45px;
    padding: 5px 7px 7px 5px;
    font-size: 1.5em;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 5px;
    transition: background 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

footer .social a.circle-icon i {
    color: #264e72;
    position: relative;
    left: auto;
    font-size: 31px;
}

footer .social a.circle-icon:hover {
    background-color: #f78f25;
}

footer .institucional {
    border-top: 1px #bdcad4 solid;
    width: 100%;
    padding-top: 3rem;
}

footer .contact,
footer .contact a {
    color: #bdcad4;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

footer .contact i {
    font-size: .9rem;
    color: #fff;
    margin-right: .55rem;
}

footer .contact i.fa.fa-phone.icon {
    transform: scaleX(-1);
}

footer .politicas {
    color: #bdcad4;
    font-size: 14px;
    margin-top: 7px;
    float: right;
}

footer .copy {
    float: right;
}

footer .politicas ul.menu {
    display: flex;
    font-size: 16px;
    margin-bottom: 0;
}

footer .politicas ul.menu li {
    color: #bdcad4;
    list-style: none;
    display: inline-flex;
}

footer .politicas .menu li:not(:last-child)::after {
    content: '|';
    display: inline-block;
    margin: 0 10px;
}

footer .politicas ul.menu li a {
    color: #bdcad4;
}


#subirBtn {
    position: fixed;
    bottom: 26px;
    right: 120px;
    display: inline-block;
    padding: 4px 0;
    background-color: #00aef0;
    width: 70px;
    min-width: 70px;
    height: 50px;
    text-align: center;
    z-index: 999;
    border: 3px #fff solid;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease-in-out;
}

#subirBtn i {
    font-size: 39px;
    color: #fff;
}

#subirBtn.show {
    opacity: .3;
    visibility: visible;
}

#subirBtn.show:hover {
    opacity: 1;
}


/* mediaQ */


@media (max-width: 992px) {
    #canales .canales .item.head-item .title.title-head {
        font-size: 2.15rem;
    }
}


@media (max-width: 769px) {

    .main-top-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .header-institucional img {
        width: 100%;
        min-width: 120px;
        max-width: 170px;
    }

    #canales .canales .item {
        width: 45.5%;
    }

    #canales .canales .item.head-item .title.title-head {
        font-size: 2.2rem;
    }

    #mainBanner .item .img {
        height: 292px;
        min-height: 290px;
    }

    footer .social,
    footer .politicas {
        float: left;
        margin-top: 2rem;
    }

    #testimoniosContent {
        width: 80%;
        margin: 0 auto;
    }

    #testimoniosContent .item .vid-details {
        opacity: 1;
    }


}


@media (min-width: 768px) {
    .navbar-expand-md .navbar-collapse {
        justify-content: center;
    }

}

@media (max-width: 520px) {

    #canales .canales .item.head-item .title.title-head {
        font-size: 1.93rem;
    }

    #canales .canales .item {
        height: 190px;
    }

    #canales .canales .item .title {
        font-size: 1.25rem;
    }

    #expoBannerSection .exposection::before {
        background-color: #000000d4;
    }


}

@media (min-width: 769px) {
    #testimoniosContent .owl-carousel .owl-stage-outer {
        flex-direction: column;
    }
}