@charset "UTF-8";
@font-face {
  font-family: "BK-Text";
  src: url("/res/nueva-marca/fonts/bankintertext-regular.eot");
  src: url("/res/nueva-marca/fonts/bankintertext-regular.eot?#iefix") format("embedded-opentype"), url("/res/nueva-marca/fonts/bankintertext-regular.woff") format("woff"), url("/res/nueva-marca/fonts/bankintertext-regular.ttf") format("truetype"), url("/res/nueva-marca/fonts/bankintertext-regular.svg#/BankinterText-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "BK-Text";
  src: url("/res/nueva-marca/fonts/bankintertext-bold.eot");
  src: url("/res/nueva-marca/fonts/bankintertext-bold.eot?#iefix") format("embedded-opentype"), url("/res/nueva-marca/fonts/bankintertext-bold.woff") format("woff"), url("/res/nueva-marca/fonts/bankintertext-bold.ttf") format("truetype"), url("/res/nueva-marca/fonts/bankintertext-bold.svg#/BankinterText-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "BK-Sans";
  src: url("/res/nueva-marca/fonts/BankinterSans/bankintersans-bla.eot");
  src: url("/res/nueva-marca/fonts/BankinterSans/bankintersans-bla.eot?#iefix") format("embedded-opentype"), url("/res/nueva-marca/fonts/BankinterSans/bankintersans-bla.woff") format("woff"), url("/res/nueva-marca/fonts/BankinterSans/bankintersans-bla.ttf") format("truetype"), url("/res/nueva-marca/fonts/BankinterSans/bankintersans-bla.svg#bankinter_sans_blackregular") format("svg");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: "BK-Sans";
  src: url("/res/nueva-marca/fonts/BankinterSans/bankintersans-bol.eot");
  src: url("/res/nueva-marca/fonts/BankinterSans/bankintersans-bol.eot?#iefix") format("embedded-opentype"), url("/res/nueva-marca/fonts/BankinterSans/bankintersans-bol.woff") format("woff"), url("/res/nueva-marca/fonts/BankinterSans/bankintersans-bol.ttf") format("truetype"), url("/res/nueva-marca/fonts/BankinterSans/bankintersans-bol.svg#bankinter_sansbold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "BK-Sans";
  src: url("/res/nueva-marca/fonts/BankinterSans/bankintersans-lig.eot");
  src: url("/res/nueva-marca/fonts/BankinterSans/bankintersans-lig.eot?#iefix") format("embedded-opentype"), url("/res/nueva-marca/fonts/BankinterSans/bankintersans-lig.woff") format("woff"), url("/res/nueva-marca/fonts/BankinterSans/bankintersans-lig.ttf") format("truetype"), url("/res/nueva-marca/fonts/BankinterSans/bankintersans-lig.svg#bankinter_sans_lightregular") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "BK-Sans";
  src: url("/res/nueva-marca/fonts/BankinterSans/bankintersans-reg.eot");
  src: url("/res/nueva-marca/fonts/BankinterSans/bankintersans-reg.eot?#iefix") format("embedded-opentype"), url("/res/nueva-marca/fonts/BankinterSans/bankintersans-reg.woff") format("woff"), url("/res/nueva-marca/fonts/BankinterSans/bankintersans-reg.ttf") format("truetype"), url("/res/nueva-marca/fonts/BankinterSans/bankintersans-reg.svg#bankinter_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.font-family-bk-text {
  font-family: "BK-Text"; }

.font-family-bk-sans {
  font-family: "BK-Sans"; }

.font-weight-light {
  font-weight: 100; }

@font-face {
  font-family: 'BK-icons';
  src: url("/res/nueva-marca/fonts/iconFontUnificada/bankinter_ico_DSL_complete.eot?owuryb");
  src: url("/res/nueva-marca/fonts/iconFontUnificada/bankinter_ico_DSL_complete.eot?owuryb#iefix") format("embedded-opentype"), url("/res/nueva-marca/fonts/iconFontUnificada/bankinter_ico_DSL_complete.ttf?owuryb") format("truetype"), url("/res/nueva-marca/fonts/iconFontUnificada/bankinter_ico_DSL_complete.woff?owuryb") format("woff"), url("/res/nueva-marca/fonts/iconFontUnificada/bankinter_ico_DSL_complete.svg?owuryb#bankinter_ico_DSL_complete") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon-fallback-text .text {
    clip: rect(0 0 0 0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px
}

[class^="pictoDSL-"],
[class*=" pictoDSL-"],
[class^="icon--"],
[class*=" icon--"] {
    font-family: 'BK-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    text-align: center;
    vertical-align: middle
}

[class^="pictoDSL-"]:before,
[class*=" pictoDSL-"]:before,
[class^="icon--"]:before,
[class*=" icon--"]:before {
    display: block
}

.icon--14,
.pictoDSL-14 {
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 14px
}

.icon--20,
.pictoDSL-20 {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px
}

.icon--24,
.pictoDSL-24 {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 24px
}

.icon--32,
.pictoDSL-32 {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 32px
}

.icon--40,
.pictoDSL-40 {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 40px
}

.icon--48,
.pictoDSL-48 {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 48px
}

.icon--64,
.pictoDSL-64 {
    width: 64px;
    height: 64px;
    line-height: 64px;
    font-size: 64px
}

.icon--168,
.pictoDSL-168 {
    width: 168px;
    height: 168px;
    line-height: 168px;
    font-size: 168px
}

.icon--left-4 {
    margin-left: 4px
}

.icon--right-4 {
    margin-right: 4px
}

.icon--left-8 {
    margin-left: 8px
}

.icon--right-8 {
    margin-right: 8px
}

.icon--rotate-45 {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.icon--rotate-90 {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.icon--rotate-180 {
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.icon--rotate-270 {
    -ms-transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg)
}

.icon--handset-16:before,
.pictoDSL-handset-16:before {
    content: "\e96e"
}

.icon--star_active-16:before,
.pictoDSL-star_active-16:before {
    content: "\e96f"
}

.icon--opinator-16:before,
.pictoDSL-opinator-16:before {
    content: "\e96d"
}

.icon--download-16:before,
.pictoDSL-download-16:before {
    content: "\e96c"
}

.icon--id-16:before,
.pictoDSL-id-16:before {
    content: "\e900"
}

.icon--user-16:before,
.pictoDSL-user-16:before {
    content: "\e901"
}

.icon--users-16:before,
.pictoDSL-users-16:before {
    content: "\e902"
}

.icon--calendar-16:before,
.pictoDSL-calendar-16:before {
    content: "\e903"
}

.icon--clock-16:before,
.pictoDSL-clock-16:before {
    content: "\e904"
}

.icon--location-2-16:before,
.pictoDSL-location-2-16:before {
    content: "\e905"
}

.icon--location-16:before,
.pictoDSL-location-16:before {
    content: "\e906"
}

.icon--map-2-16:before,
.pictoDSL-map-2-16:before {
    content: "\e907"
}

.icon--paperplane-16:before,
.pictoDSL-paperplane-16:before {
    content: "\e908"
}

.icon--archive-16:before,
.pictoDSL-archive-16:before {
    content: "\e909"
}

.icon--book-16:before,
.pictoDSL-book-16:before {
    content: "\e90a"
}

.icon--bookmark-16:before,
.pictoDSL-bookmark-16:before {
    content: "\e90b"
}

.icon--check-16:before,
.pictoDSL-check-16:before {
    content: "\e90c"
}

.icon--check-circle-16:before,
.pictoDSL-check-circle-16:before {
    content: "\e90d"
}

.icon--circle-16:before,
.pictoDSL-circle-16:before {
    content: "\e90e"
}

.icon--circle-solid-16:before,
.pictoDSL-circle-solid-16:before {
    content: "\e90f"
}

.icon--clip-16:before,
.pictoDSL-clip-16:before {
    content: "\e910"
}

.icon--close-16:before,
.pictoDSL-close-16:before {
    content: "\e911"
}

.icon--close-circle-16:before,
.pictoDSL-close-circle-16:before {
    content: "\e912"
}

.icon--comment-2-16:before,
.pictoDSL-comment-2-16:before {
    content: "\e913"
}

.icon--comment-16:before,
.pictoDSL-comment-16:before {
    content: "\e914"
}

.icon--comments-16:before,
.pictoDSL-comments-16:before {
    content: "\e915"
}

.icon--document-16:before,
.pictoDSL-document-16:before {
    content: "\e916"
}

.icon--drag-horizontal-16:before,
.pictoDSL-drag-horizontal-16:before {
    content: "\e917"
}

.icon--drag-vertical-16:before,
.pictoDSL-drag-vertical-16:before {
    content: "\e917";
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.icon--edit-16:before,
.pictoDSL-edit-16:before {
    content: "\e918"
}

.icon--folder-16:before,
.pictoDSL-folder-16:before {
    content: "\e919"
}

.icon--hamburger-16:before,
.pictoDSL-hamburger-16:before {
    content: "\e91a"
}

.icon--hamburger-circle-16:before,
.pictoDSL-hamburger-circle-16:before {
    content: "\e91b"
}

.icon--heart-16:before,
.pictoDSL-heart-16:before {
    content: "\e91c"
}

.icon--help-16:before,
.pictoDSL-help-16:before {
    content: "\e91d"
}

.icon--home-16:before,
.pictoDSL-home-16:before {
    content: "\e91e"
}

.icon--inbox-16:before,
.pictoDSL-inbox-16:before {
    content: "\e91f"
}

.icon--link-16:before,
.pictoDSL-link-16:before {
    content: "\e920"
}

.icon--list-16:before,
.pictoDSL-list-16:before {
    content: "\e921"
}

.icon--list-circle-16:before,
.pictoDSL-list-circle-16:before {
    content: "\e922"
}

.icon--lock-closed-16:before,
.pictoDSL-lock-closed-16:before {
    content: "\e923"
}

.icon--lock-opened-16:before,
.pictoDSL-lock-opened-16:before {
    content: "\e924"
}

.icon--logout-16:before,
.pictoDSL-logout-16:before {
    content: "\e925"
}

.icon--look-16:before,
.pictoDSL-look-16:before {
    content: "\e926"
}

.icon--mail-16:before,
.pictoDSL-mail-16:before {
    content: "\e927"
}

.icon--minus-16:before,
.pictoDSL-minus-16:before {
    content: "\e928"
}

.icon--minus-circle-16:before,
.pictoDSL-minus-circle-16:before {
    content: "\e929"
}

.icon--more-16:before,
.pictoDSL-more-16:before {
    content: "\e92a"
}

.icon--more-circle-16:before,
.pictoDSL-more-circle-16:before {
    content: "\e92b"
}

.icon--notification-16:before,
.pictoDSL-notification-16:before {
    content: "\e92c"
}

.icon--pin-16:before,
.pictoDSL-pin-16:before {
    content: "\e92d"
}

.icon--plus-16:before,
.pictoDSL-plus-16:before {
    content: "\e92e"
}

.icon--plus-circle-16:before,
.pictoDSL-plus-circle-16:before {
    content: "\e92f"
}

.icon--plus-square-16:before,
.pictoDSL-plus-square-16:before {
    content: "\e983"
}

.icon--price-tag-16:before,
.pictoDSL-price-tag-16:before {
    content: "\e930"
}

.icon--refresh-16:before,
.pictoDSL-refresh-16:before {
    content: "\e931"
}

.icon--save-16:before,
.pictoDSL-save-16:before {
    content: "\e932"
}

.icon--search-16:before,
.pictoDSL-search-16:before {
    content: "\e933"
}

.icon--settings-16:before,
.pictoDSL-settings-16:before {
    content: "\e934"
}

.icon--share-16:before,
.pictoDSL-share-16:before {
    content: "\e935"
}

.icon--square-16:before,
.pictoDSL-square-16:before {
    content: "\e936"
}

.icon--star-16:before,
.pictoDSL-star-16:before {
    content: "\e937"
}

.icon--switch-on-16:before,
.pictoDSL-switch-on-16:before {
    content: "\e938"
}

.icon--trash-16:before,
.pictoDSL-trash-16:before {
    content: "\e939"
}

.icon--warning-16:before,
.pictoDSL-warning-16:before {
    content: "\e93a"
}

.icon--warning-2-16:before,
.pictoDSL-warning-2-16:before {
    content: "\e984"
}

.icon--wifi-16:before,
.pictoDSL-wifi-16:before {
    content: "\e93b"
}

.icon--window-16:before,
.pictoDSL-window-16:before {
    content: "\e93c"
}

.icon--atm-16:before,
.pictoDSL-atm-16:before {
    content: "\e93d"
}

.icon--bank-note-16:before,
.pictoDSL-bank-note-16:before {
    content: "\e93e"
}

.icon--bank-notes-16:before,
.pictoDSL-bank-notes-16:before {
    content: "\e93f"
}

.icon--bar-chart-2-16:before,
.pictoDSL-bar-chart-2-16:before {
    content: "\e940"
}

.icon--bar-chart-16:before,
.pictoDSL-bar-chart-16:before {
    content: "\e941"
}

.icon--briefcase-16:before,
.pictoDSL-briefcase-16:before {
    content: "\e942"
}

.icon--calculator-16:before,
.pictoDSL-calculator-16:before {
    content: "\e943"
}

.icon--card-16:before,
.pictoDSL-card-16:before {
    content: "\e944"
}

.icon--card-amex-16:before,
.pictoDSL-card-amex-16:before {
    content: "\e945"
}

.icon--card-locked-16:before,
.pictoDSL-card-locked-16:before {
    content: "\e946"
}

.icon--card-mastercard-16:before,
.pictoDSL-card-mastercard-16:before {
    content: "\e947"
}

.icon--card-unlocked-16:before,
.pictoDSL-card-unlocked-16:before {
    content: "\e948"
}

.icon--card-visa-16:before,
.pictoDSL-card-visa-16:before {
    content: "\e949"
}

.icon--check-2-16:before,
.pictoDSL-check-2-16:before {
    content: "\e94a"
}

.icon--coins-16:before,
.pictoDSL-coins-16:before {
    content: "\e94b"
}

.icon--dolar-16:before,
.pictoDSL-dolar-16:before {
    content: "\e94c"
}

.icon--money-16:before,
.pictoDSL-money-16:before {
    content: "\e94d"
}

.icon--payment-16:before,
.pictoDSL-payment-16:before {
    content: "\e94e"
}

.icon--pie-chart-2-16:before,
.pictoDSL-pie-chart-2-16:before {
    content: "\e94f"
}

.icon--pie-chart-16:before,
.pictoDSL-pie-chart-16:before {
    content: "\e950"
}

.icon--piggy-bank-16:before,
.pictoDSL-piggy-bank-16:before {
    content: "\e951"
}

.icon--register-16:before,
.pictoDSL-register-16:before {
    content: "\e952"
}

.icon--shopping-bag-16:before,
.pictoDSL-shopping-bag-16:before {
    content: "\e953"
}

.icon--vault-2-16:before,
.pictoDSL-vault-2-16:before {
    content: "\e954"
}

.icon--vault-16:before,
.pictoDSL-vault-16:before {
    content: "\e955"
}

.icon--desktop-16:before,
.pictoDSL-desktop-16:before {
    content: "\e956"
}

.icon--mobile-16:before,
.pictoDSL-mobile-16:before {
    content: "\e957"
}

.icon--print-16:before,
.pictoDSL-print-16:before {
    content: "\e958"
}

.icon--tablet-16:before,
.pictoDSL-tablet-16:before {
    content: "\e959"
}

.icon--camera-16:before,
.pictoDSL-camera-16:before {
    content: "\e95a"
}

.icon--microphone-16:before,
.pictoDSL-microphone-16:before {
    content: "\e95b"
}

.icon--movie-16:before,
.pictoDSL-movie-16:before {
    content: "\e95c"
}

.icon--pause-16:before,
.pictoDSL-pause-16:before {
    content: "\e95d"
}

.icon--picture-16:before,
.pictoDSL-picture-16:before {
    content: "\e95e"
}

.icon--play-16:before,
.pictoDSL-play-16:before {
    content: "\e95f"
}

.icon--stop-16:before,
.pictoDSL-stop-16:before {
    content: "\e97e"
}

.icon--video-16:before,
.pictoDSL-video-16:before {
    content: "\e960"
}

.icon--volume-off-16:before,
.pictoDSL-volume-off-16:before {
    content: "\e961"
}

.icon--volume-on-16:before,
.pictoDSL-volume-on-16:before {
    content: "\e962"
}

.icon--arrow-circle-right-16:before,
.pictoDSL-arrow-circle-right-16:before {
    content: "\e963"
}

.icon--arrow-circle-left-16:before,
.pictoDSL-arrow-circle-left-16:before {
    content: "\e963";
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.icon--arrow-circle-up-16:before,
.pictoDSL-arrow-circle-up-16:before {
    content: "\e963";
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg)
}

.icon--arrow-circle-down-16:before,
.pictoDSL-arrow-circle-down-16:before {
    content: "\e963";
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.icon--arrow-right-2-16:before,
.pictoDSL-arrow-right-2-16:before {
    content: "\e964"
}

.icon--arrow-left-2-16:before,
.pictoDSL-arrow-left-2-16:before {
    content: "\e964";
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.icon--arrow-up-2-16:before,
.pictoDSL-arrow-up-2-16:before {
    content: "\e964";
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg)
}

.icon--arrow-down-2-16:before,
.pictoDSL-arrow-down-2-16:before {
    content: "\e964";
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.icon--arrow-right-3-16:before,
.pictoDSL-arrow-right-3-16:before {
    content: "\e965"
}

.icon--arrow-left-3-16:before,
.pictoDSL-arrow-left-3-16:before {
    content: "\e965";
    transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1)
}

.icon--arrow-right-16:before,
.pictoDSL-arrow-right-16:before {
    content: "\e966"
}

.icon--arrow-left-16:before,
.pictoDSL-arrow-left-16:before {
    content: "\e966";
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.icon--arrow-up-16:before,
.pictoDSL-arrow-up-16:before {
    content: "\e966";
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg)
}

.icon--arrow-down-16:before,
.pictoDSL-arrow-down-16:before {
    content: "\e966";
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
}

.icon--youtube_32:before,
.pictoDSL-youtube_32:before {
    content: "\e967"
}

.icon--twitter_32:before,
.pictoDSL-twitter_32:before {
    content: "\e968"
}

.icon--linkedin_32:before,
.pictoDSL-linkedin_32:before {
    content: "\e969"
}

.icon--facebook_32:before,
.pictoDSL-facebook_32:before {
    content: "\e96a"
}

.icon--blog_32:before,
.pictoDSL-blog_32:before {
    content: "\e96b"
}

.icon--sortby-16:before,
.pictoDSL-sortby-16:before {
    content: "\e970"
}

.icon--arrow-right-4-16:before,
.pictoDSL-arrow-right-4-16:before {
    content: "\e971"
}

.icon--arrow-left-4-16:before,
.pictoDSL-arrow-left-4-16:before {
    content: "\e971";
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.icon--arrow-up-4-16:before,
.pictoDSL-arrow-up-4-16:before {
    content: "\e971";
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg)
}

.icon--arrow-down-4-16:before,
.pictoDSL-arrow-down-4-16:before {
    content: "\e971";
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.icon--id_back-16:before,
.pictoDSL-id_back-16:before {
    content: "\e972"
}

.icon--world-16:before,
.pictoDSL-world-16:before {
    content: "\e973"
}

.icon--document-copy-16:before,
.pictoDSL-document-copy-16:before {
    content: "\e974"
}

.icon--duplicate-16:before,
.pictoDSL-duplicate-16:before {
    content: "\e975"
}

.icon--inbox-save-16:before,
.pictoDSL-inbox-save-16:before {
    content: "\e976"
}

.icon--product-16:before,
.pictoDSL-product-16:before {
    content: "\e977"
}

.icon--view-16:before,
.pictoDSL-view-16:before {
    content: "\e978"
}

.icon--datatable-16:before,
.pictoDSL-datatable-16:before {
    content: "\e979"
}

.icon--euro-16:before,
.pictoDSL-euro-16:before {
    content: "\e97a"
}

.icon--percentage-16:before,
.pictoDSL-percentage-16:before {
    content: "\e97b"
}

.icon--wallet-16:before,
.pictoDSL-wallet-16:before {
    content: "\e97c"
}

.icon--contrast-16:before,
.pictoDSL-contrast-16:before {
    content: "\e97d"
}

.icon--fullscreen-16:before,
.pictoDSL-fullscreen-16:before {
    content: "\e97f"
}

.icon--restore-16:before,
.pictoDSL-restore-16:before {
    content: "\e980"
}

.icon--euro-2-16:before,
.pictoDSL-euro-2-16:before {
    content: "\e981"
}

.icon--arrow-right-2-toggle-16:before,
.pictoDSL-arrow-right-2-toggle-16:before {
    content: "\e982"
}

.icon--loan-16:before,
.pictoDSL-loan-16:before {
    content: "\e985"
}

.icon--external-transfer-16:before,
.pictoDSL-external-transfer-16:before {
    content: "\e986"
}

.icon--internal-transfer-16:before,
.pictoDSL-internal-transfer-16:before {
    content: "\e987"
}

.icon--check-deposit-16:before,
.pictoDSL-check-deposit-16:before {
    content: "\e988"
}

.icon--crop-2-16:before,
.pictoDSL-crop-2-16:before {
    content: "\e989"
}

.icon--move-16:before,
.pictoDSL-move-16:before {
    content: "\e98a"
}

.icon--rotate-16:before,
.pictoDSL-rotate-16:before {
    content: "\e98b"
}

.icon--crop-1-16:before,
.pictoDSL-crop-1-16:before {
    content: "\e98c"
}

.icon--face-id-16:before,
.pictoDSL-face-id-16:before {
    content: "\e98d"
}

.icon--touch-id-16:before,
.pictoDSL-touch-id-16:before {
    content: "\e98e"
}

.icon--prohibit-16:before,
.pictoDSL-prohibit-16:before {
    content: "\e98f"
}

.icon--expiration-16:before,
.pictoDSL-expiration-16:before {
    content: "\e990"
}

.icon--new-16:before,
.pictoDSL-new-16:before {
    content: "\e991"
}

.icon--loading-16:before,
.pictoDSL-loading-16:before {
    content: "\e992"
}

.icon--legal-16:before,
.pictoDSL-legal-16:before {
    content: "\e993"
}

.icon--insurance-16:before,
.pictoDSL-insurance-16:before {
    content: "\e994"
}

.icon--halcash-16:before,
.pictoDSL-halcash-16:before {
    content: "\e995"
}

.icon--no-fees-16:before,
.pictoDSL-no-fees-16:before {
    content: "\e996"
}

.icon--fees-16:before,
.pictoDSL-fees-16:before {
    content: "\e997"
}

.icon--free-16:before,
.pictoDSL-free-16:before {
    content: "\e998"
}

.icon--arrow-order-16:before,
.pictoDSL-arrow-order-16:before {
    content: "\e999"
}

.icon--quotes-16:before,
.pictoDSL-quotes-16:before {
    content: "\e99a"
}

.icon--key-16:before,
.pictoDSL-key-16:before {
    content: "\e99b"
}

.icon--security-16:before,
.pictoDSL-security-16:before {
    content: "\e99c"
}

.icon--umbrella-16:before,
.pictoDSL-umbrella-16:before {
    content: "\e99d"
}

.icon--percentage-2-16:before,
.pictoDSL-percentage-2-16:before {
    content: "\e99e"
}

.icon--info-16:before,
.pictoDSL-info-16:before {
    content: "\e99f"
}

.icon--bizum-16:before,
.pictoDSL-bizum-16:before {
    content: "\e9a0"
}

.icon--receipt-add-16:before,
.pictoDSL-receipt-add-16:before {
    content: "\e9a1"
}

.icon--transfer-recurring-16:before,
.pictoDSL-transfer-recurring-16:before {
    content: "\e9a2"
}

.icon--console-16:before,
.pictoDSL-console-16:before {
    content: "\e9a3"
}

.icon--other-device-16:before,
.pictoDSL-other-device-16:before {
    content: "\e9a4"
}

.icon--tv-16:before,
.pictoDSL-tv-16:before {
    content: "\e9a5"
}

.icon--unknown-device-16:before,
.pictoDSL-unknown-device-16:before {
    content: "\e9a6"
}

.icon--contactless-16:before,
.pictoDSL-contactless-16:before {
    content: "\e9a7"
}

.icon--heart-2-16:before,
.pictoDSL-heart-2-16:before {
    content: "\e9a8"
}

.icon--transfer-scheduled-16:before,
.pictoDSL-transfer-scheduled-16:before {
    content: "\e9a9"
}

.icon--receipt-16:before,
.pictoDSL-receipt-16:before {
    content: "\e9aa"
}

.icon--split-16:before,
.pictoDSL-split-16:before {
    content: "\e9ab"
}

.icon--bookmark-active-16:before,
.pictoDSL-bookmark-active-16:before {
    content: "\e9ac"
}

.icon--exchange-16:before,
.pictoDSL-exchange-16:before {
    content: "\e9ad"
}

.icon--arrow-2-down-3-16:before,
.pictoDSL-arrow-2-down-3-16:before {
    content: "\e9ae"
}

.icon--arrow-2-up-2-16:before,
.pictoDSL-arrow-2-up-2-16:before {
    content: "\e9af"
}

.icon--personalmanager-16:before,
.pictoDSL-personalmanager-16:before {
    content: "\e9b0"
}

.icon--asterisco-16:before,
.pictoDSL-asterisco-16:before {
    content: "\e9b1"
}

.icon--noview-16:before,
.pictoDSL-noview-16:before {
    content: "\e9b2"
}

.icon--catalogue-comercial-16:before,
.pictoDSL-catalogue-comercial-16:before {
    content: "\e9b3"
}

.icon--catalogue-product-16:before,
.pictoDSL-catalogue-product-16:before {
    content: "\e9b4"
}

.icon--confirming-16:before,
.pictoDSL-confirming-16:before {
    content: "\e9b5"
}

.icon--factoring-16:before,
.pictoDSL-factoring-16:before {
    content: "\e9b6"
}

.icon--receipt_new-16:before,
.pictoDSL-receipt_new-16:before {
    content: "\e9b7"
}

.icon--external-tpv-16:before,
.pictoDSL-external-tpv-16:before {
    content: "\e9b8"
}

.icon--domiciliation-16:before,
.pictoDSL-domiciliation-16:before {
    content: "\e9b9"
}

.icon--check-payment-16:before,
.pictoDSL-check-payment-16:before {
    content: "\e9ba"
}

.icon--financing-16:before,
.pictoDSL-financing-16:before {
    content: "\e9bb"
}

.icon--investment-16:before,
.pictoDSL-investment-16:before {
    content: "\e9bc"
}

.icon--card_new-16:before,
.pictoDSL-card_new-16:before {
    content: "\e9bd"
}

.icon--taxes-16:before,
.pictoDSL-taxes-16:before {
    content: "\e9be"
}

.icon--less-money-16:before,
.pictoDSL-less-money-16:before {
    content: "\e9bf"
}

.icon--more-money-16:before,
.pictoDSL-more-money-16:before {
    content: "\e9c0"
}

.icon--netting-16:before,
.pictoDSL-netting-16:before {
    content: "\e9c1"
}

.icon--leasing-16:before,
.pictoDSL-leasing-16:before {
    content: "\e9c2"
}

.icon--rounded-square-16:before,
.pictoDSL-rounded-square-16:before {
    content: "\e9c3"
}

.icon--apple-16:before,
.pictoDSL-apple-16:before {
    content: "\e9c4"
}

.icon--car-16:before,
.pictoDSL-car-16:before {
    content: "\e9c5"
}

.icon--taxi-16:before,
.pictoDSL-taxi-16:before {
    content: "\e9c6"
}

.icon--rented-car-16:before,
.pictoDSL-rented-car-16:before {
    content: "\e9c7"
}

.icon--plane-16:before,
.pictoDSL-plane-16:before {
    content: "\e9c8"
}

.icon--train-16:before,
.pictoDSL-train-16:before {
    content: "\e9c9"
}

.icon--allcheck-16:before,
.pictoDSL-allcheck-16:before {
    content: "\e9ca"
}

.icon--bank-check-16:before,
.pictoDSL-bank-check-16:before {
    content: "\e9cb"
}

.icon--attach-16:before,
.pictoDSL-attach-16:before {
    content: "\e9cc"
}

.icon--oficina-distancia-16:before,
.pictoDSL-oficina-distancia-16:before {
    content: "\e9cd"
}

.icon--cloud-16:before,
.pictoDSL-cloud-16:before {
    content: "\e9ce"
}

.icon--aggregator-16:before,
.pictoDSL-aggregator-16:before {
    content: "\e9cf"
}

.icon--id-card-16:before,
.pictoDSL-id-card-16:before {
    content: "\e9d0"
}

.icon--broker-16:before,
.pictoDSL-broker-16:before {
    content: "\e9d1"
}

.icon--cobros-menor-16:before,
.pictoDSL-cobros-menor-16:before {
    content: "\e9d2"
}

.icon--cobros-mayor-16:before,
.pictoDSL-cobros-mayor-16:before {
    content: "\e9d3"
}

.icon--pagos-menor-16:before,
.pictoDSL-pagos-menor-16:before {
    content: "\e9d4"
}

.icon--pagos-mayor-16:before,
.pictoDSL-pagos-mayor-16:before {
    content: "\e9d5"
}

.icon--challenge-16:before,
.pictoDSL-challenge-16:before {
    content: "\e9d6"
}

.icon--max-balance-16:before,
.pictoDSL-max-balance-16:before {
    content: "\e9d7"
}

.icon--send-16:before,
.pictoDSL-send-16:before {
    content: "\e9d8"
}

.icon--ant-16:before,
.pictoDSL-ant-16:before {
    content: "\e9d9"
}

.icon--dolphin-16:before,
.pictoDSL-dolphin-16:before {
    content: "\e9da"
}

.icon--lynx-16:before,
.pictoDSL-lynx-16:before {
    content: "\e9db"
}

.icon--book-2-16:before,
.pictoDSL-book-2-16:before {
    content: "\e9dc"
}

.icon--graph-more-16:before,
.pictoDSL-graph-more-16:before {
    content: "\e9dd"
}

.icon--building-16:before,
.pictoDSL-building-16:before {
    content: "\e9de"
}

.icon--world-reporting-16:before,
.pictoDSL-world-reporting-16:before {
    content: "\e9df"
}

.icon--product-reporting-16:before,
.pictoDSL-product-reporting-16:before {
    content: "\e9e0"
}

.icon--calendar-one-16:before,
.pictoDSL-calendar-one-16:before {
    content: "\e9e1"
}

.icon--arrow-order-descending-16:before,
.pictoDSL-arrow-order-descending-16:before {
    content: "\e9e2"
}

.icon--arrow-order-ascending-16:before,
.pictoDSL-arrow-order-ascending-16:before {
    content: "\e9e3"
}

.icon--star-middle-16:before,
.pictoDSL-star-middle-16:before {
    content: "\e9e4"
}

.icon-arrow-order-descending-16 .path1:before {
    content: "\e9e2";
    color: #191b1c
}

.icon-arrow-order-descending-16 .path2:before {
    content: "\e9e3";
    margin-left: -1em;
    color: #afb5c8
}

.icon-arrow-order-ascending-16 .path1:before {
    content: "\e9e2";
    color: #afb5c8
}

.icon-arrow-order-ascending-16 .path2:before {
    content: "\e9e3";
    margin-left: -1em;
    color: #191b1c
}

.icon--microphone-off-16:before,
.pictoDSL-microphone-off-16:before {
    content: "\e9e5"
}

.icon--video-off-16:before,
.pictoDSL-video-off-16:before {
    content: "\e9e6"
}

.icon--copy-16:before,
.pictoDSL-copy-16:before {
    content: "\e9e7"
}

.icon--draw-16:before,
.pictoDSL-draw-16:before {
    content: "\e9e8"
}

.icon--eraser-16:before,
.pictoDSL-eraser-16:before {
    content: "\e9e9"
}

.icon--new-folder-16:before,
.pictoDSL-new-folder-16:before {
    content: "\e9ea"
}

.icon--new-task-16:before,
.pictoDSL-new-task-16:before {
    content: "\e9eb"
}

.icon--recording-16:before,
.pictoDSL-recording-16:before {
    content: "\e9ec"
}

.icon--recording-stop-16:before,
.pictoDSL-recording-stop-16:before {
    content: "\e9ed"
}

.icon--rectangle-16:before,
.pictoDSL-rectangle-16:before {
    content: "\e9ee"
}

.icon--shapes-16:before,
.pictoDSL-shapes-16:before {
    content: "\e9ef"
}

.icon--sidebar-off-16:before,
.pictoDSL-sidebar-off-16:before {
    content: "\e9f0"
}

.icon--sidebar-on-16:before,
.pictoDSL-sidebar-on-16:before {
    content: "\e9f1"
}

.icon--text-copy-16:before,
.pictoDSL-text-copy-16:before {
    content: "\e9f2"
}

.icon--underline-16:before,
.pictoDSL-underline-16:before {
    content: "\e9f3"
}

.icon--zip-16:before,
.pictoDSL-zip-16:before {
    content: "\e9f4"
}

.icon--whatsapp-16:before,
.pictoDSL-whatsapp-16:before {
    content: "\e9f5"
}

.icon--argo-16:before,
.pictoDSL-argo-16:before {
    content: "\e9f6"
}

.icon--claim-16:before,
.pictoDSL-claim-16:before {
    content: "\e9f7"
}

.icon--qr-16:before,
.pictoDSL-qr-16:before {
    content: "\e9f8"
}

.icon--parcial-16:before,
.pictoDSL-parcial-16:before {
    content: "\e9f9"
}

.icon--total-16:before,
.pictoDSL-total-16:before {
    content: "\e9fa"
}

@font-face {
    font-family: 'BK-flags';
    src: url("../fonts/iconFontUnificada/bankinter_flag_DSL.eot?jgzf2r");
    src: url("../fonts/iconFontUnificada/bankinter_flag_DSL.eot?jgzf2r#iefix") format("embedded-opentype"), url("../fonts/iconFontUnificada/bankinter_flag_DSL.ttf?jgzf2r") format("truetype"), url("../fonts/iconFontUnificada/bankinter_flag_DSL.woff?jgzf2r") format("woff"), url("../fonts/iconFontUnificada/bankinter_flag_DSL.svg?jgzf2r#bankinter_flag_DSL") format("svg");
    font-display: block
}

[class^="flag-"],
[class*=" flag-"] {
    font-family: 'BK-flags' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.flag-fallback-text .text {
    clip: rect(0 0 0 0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px
}

.flag--24 {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 24px
}

.flag--32 {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 32px
}

.flag--48 {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 48px
}

.flag--64 {
    width: 64px;
    height: 64px;
    line-height: 64px;
    font-size: 64px
}

.flag--168 {
    width: 168px;
    height: 168px;
    line-height: 168px;
    font-size: 168px
}

.flag-AD-32 .path1:before {
    content: "\e900";
    color: #fff
}

.flag-AD-32 .path2:before {
    content: "\e901";
    margin-left: -1.3525390625em;
    color: #1537d1
}

.flag-AD-32 .path3:before {
    content: "\e902";
    margin-left: -1.3525390625em;
    color: #ea3058
}

.flag-AD-32 .path4:before {
    content: "\e903";
    margin-left: -1.3525390625em;
    color: #ffcf3c
}

.flag-AD-32 .path5:before {
    content: "\e904";
    margin-left: -1.3525390625em;
    color: #ffedb1
}

.flag-AD-32 .path6:before {
    content: "\e905";
    margin-left: -1.3525390625em;
    color: #d32e28
}

.flag-AE-32 .path1:before {
    content: "\e908";
    color: #00732f
}

.flag-AE-32 .path2:before {
    content: "\e909";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-AE-32 .path3:before {
    content: "\e90a";
    margin-left: -1.3525390625em;
    color: #000
}

.flag-AE-32 .path4:before {
    content: "\e90b";
    margin-left: -1.3525390625em;
    color: red
}

.flag-AF-32 .path1:before {
    content: "\e90d";
    color: #1ab11f
}

.flag-AF-32 .path2:before {
    content: "\e90e";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-AF-32 .path3:before {
    content: "\e90f";
    margin-left: -1.3525390625em;
    color: #dc0d18
}

.flag-AF-32 .path4:before {
    content: "\e910";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-AF-32 .path5:before {
    content: "\e911";
    margin-left: -1.3525390625em;
    color: #ed868b
}

.flag-AG-32 .path1:before {
    content: "\e913";
    color: #e2243b
}

.flag-AG-32 .path2:before {
    content: "\e914";
    margin-left: -1.3525390625em;
    color: #191b1c
}

.flag-AG-32 .path3:before {
    content: "\e915";
    margin-left: -1.3525390625em;
    color: #fed430
}

.flag-AG-32 .path4:before {
    content: "\e916";
    margin-left: -1.3525390625em;
    color: #1984d8
}

.flag-AG-32 .path5:before {
    content: "\e917";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-AL-32 .path1:before {
    content: "\e91c";
    color: #ee343c
}

.flag-AL-32 .path2:before {
    content: "\e91d";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-AM-32 .path1:before {
    content: "\e91f";
    color: #1047b9
}

.flag-AM-32 .path2:before {
    content: "\e920";
    margin-left: -1.3525390625em;
    color: #f01c31
}

.flag-AM-32 .path3:before {
    content: "\e921";
    margin-left: -1.3525390625em;
    color: #fecb2f
}

.flag-AO-32 .path1:before {
    content: "\e924";
    color: #262626
}

.flag-AO-32 .path2:before {
    content: "\e925";
    margin-left: -1.3525390625em;
    color: #dd2137
}

.flag-AO-32 .path3:before {
    content: "\e926";
    margin-left: -1.3525390625em;
    color: #000
}

.flag-AO-32 .path4:before {
    content: "\e927";
    margin-left: -1.3525390625em;
    color: #f8d84b
}

.flag-AR-32 .path1:before {
    content: "\e92d";
    color: #74acdf
}

.flag-AR-32 .path2:before {
    content: "\e92e";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-AR-32 .path3:before {
    content: "\e92f";
    margin-left: -1.3525390625em;
    color: #f6b40e
}

.flag-AT-32 .path1:before {
    content: "\e931";
    color: #f64253
}

.flag-AT-32 .path2:before {
    content: "\e932";
    margin-left: -1.3525390625em;
    color: #f5f6fa
}

.flag-AT-32 .path3:before {
    content: "\e933";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-AU-32 .path1:before {
    content: "\e935";
    color: #0a17a7
}

.flag-AU-32 .path2:before {
    content: "\e936";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-AU-32 .path3:before {
    content: "\e937";
    margin-left: -1.3525390625em;
    color: #fe2734
}

.flag-AU-32 .path4:before {
    content: "\e938";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-AU-32 .path5:before {
    content: "\e939";
    margin-left: -1.3525390625em;
    color: #ff2834
}

.flag-AU-32 .path6:before {
    content: "\e93a";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-BA-32 .path1:before {
    content: "\e940";
    color: #0b36b2
}

.flag-BA-32 .path2:before {
    content: "\e941";
    margin-left: -1.3525390625em;
    color: #ffd045
}

.flag-BA-32 .path3:before {
    content: "\e942";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-BB-32 .path1:before {
    content: "\e94a";
    color: #08379d
}

.flag-BB-32 .path2:before {
    content: "\e94b";
    margin-left: -1.3525390625em;
    color: #ffcc50
}

.flag-BB-32 .path3:before {
    content: "\e94c";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-BD-32 .path1:before {
    content: "\e951";
    color: #128363
}

.flag-BD-32 .path2:before {
    content: "\e952";
    margin-left: -1.3525390625em;
    color: #f23c53
}

.flag-BE-32 .path1:before {
    content: "\e955";
    color: #ff4453
}

.flag-BE-32 .path2:before {
    content: "\e956";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-BE-32 .path3:before {
    content: "\e957";
    margin-left: -1.3525390625em;
    color: #ffcf3c
}

.flag-BF-32 .path1:before {
    content: "\e95a";
    color: #00b051
}

.flag-BF-32 .path2:before {
    content: "\e95b";
    margin-left: -1.3525390625em;
    color: #fa494b
}

.flag-BF-32 .path3:before {
    content: "\e95c";
    margin-left: -1.3525390625em;
    color: #fdd216
}

.flag-BG-32 .path1:before {
    content: "\e95f";
    color: #f5f6fa
}

.flag-BG-32 .path2:before {
    content: "\e960";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-BG-32 .path3:before {
    content: "\e961";
    margin-left: -1.3525390625em;
    color: #06a77c
}

.flag-BG-32 .path4:before {
    content: "\e962";
    margin-left: -1.3525390625em;
    color: #e32e19
}

.flag-BH-32 .path1:before {
    content: "\e963";
    color: #f5f6fa
}

.flag-BH-32 .path2:before {
    content: "\e964";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-BH-32 .path3:before {
    content: "\e965";
    margin-left: -1.3525390625em;
    color: #e7243b
}

.flag-BI-32 .path1:before {
    content: "\e966";
    color: #e4233b
}

.flag-BI-32 .path2:before {
    content: "\e967";
    margin-left: -1.3525390625em;
    color: #34cd4e
}

.flag-BI-32 .path3:before {
    content: "\e968";
    margin-left: -1.3525390625em;
    color: #34cd4e
}

.flag-BI-32 .path4:before {
    content: "\e969";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-BI-32 .path5:before {
    content: "\e96a";
    margin-left: -1.3525390625em;
    color: #df2239
}

.flag-BJ-32 .path1:before {
    content: "\e96d";
    color: #f12641
}

.flag-BJ-32 .path2:before {
    content: "\e96e";
    margin-left: -1.3525390625em;
    color: #ffd648
}

.flag-BJ-32 .path3:before {
    content: "\e96f";
    margin-left: -1.3525390625em;
    color: #17a668
}

.flag-BM-32 .path1:before {
    content: "\e974";
    color: #dc1f37
}

.flag-BM-32 .path2:before {
    content: "\e975";
    margin-left: -1.3525390625em;
    color: #0a17a7
}

.flag-BM-32 .path3:before {
    content: "\e976";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-BM-32 .path4:before {
    content: "\e977";
    margin-left: -1.3525390625em;
    color: #dc1f37
}

.flag-BM-32 .path5:before {
    content: "\e978";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-BM-32 .path6:before {
    content: "\e979";
    margin-left: -1.3525390625em;
    color: #dc1f37
}

.flag-BM-32 .path7:before {
    content: "\e97a";
    margin-left: -1.3525390625em;
    color: #2f8f22
}

.flag-BM-32 .path8:before {
    content: "\e97b";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-BM-32 .path9:before {
    content: "\e97c";
    margin-left: -1.3525390625em;
    color: #65b5d2
}

.flag-BM-32 .path10:before {
    content: "\e97d";
    margin-left: -1.3525390625em;
    color: #df090a
}

.flag-BN-32 .path1:before {
    content: "\e97f";
    color: #f7e250
}

.flag-BN-32 .path2:before {
    content: "\e980";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-BN-32 .path3:before {
    content: "\e981";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-BO-32 .path1:before {
    content: "\e984";
    color: #058c3f
}

.flag-BO-32 .path2:before {
    content: "\e985";
    margin-left: -1.3525390625em;
    color: #e63426
}

.flag-BO-32 .path3:before {
    content: "\e986";
    margin-left: -1.3525390625em;
    color: #ffeb1f
}

.flag-BR-32 .path1:before {
    content: "\e989";
    color: #05ab41
}

.flag-BR-32 .path2:before {
    content: "\e98a";
    margin-left: -1.3525390625em;
    color: #fdd216
}

.flag-BR-32 .path3:before {
    content: "\e98b";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-BR-32 .path4:before {
    content: "\e98c";
    margin-left: -1.3525390625em;
    color: #163084
}

.flag-BS-32 .path1:before {
    content: "\e98e";
    color: #22b7d5
}

.flag-BS-32 .path2:before {
    content: "\e98f";
    margin-left: -1.3525390625em;
    color: #fae261
}

.flag-BS-32 .path3:before {
    content: "\e990";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-BT-32 .path1:before {
    content: "\e994";
    color: #ff5f38
}

.flag-BT-32 .path2:before {
    content: "\e995";
    margin-left: -1.3525390625em;
    color: #ffd951
}

.flag-BW-32 .path1:before {
    content: "\e998";
    color: #8bbdea
}

.flag-BW-32 .path2:before {
    content: "\e999";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-BW-32 .path3:before {
    content: "\e99a";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-BY-32 .path1:before {
    content: "\e99e";
    color: #e54252
}

.flag-BY-32 .path2:before {
    content: "\e99f";
    margin-left: -1.3525390625em;
    color: #5cbe6b
}

.flag-BY-32 .path3:before {
    content: "\e9a0";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-BY-32 .path4:before {
    content: "\e9a1";
    margin-left: -1.3525390625em;
    color: #e54252
}

.flag-BZ-32 .path1:before {
    content: "\e9a5";
    color: #d5182f
}

.flag-BZ-32 .path2:before {
    content: "\e9a6";
    margin-left: -1.3525390625em;
    color: #094995
}

.flag-BZ-32 .path3:before {
    content: "\e9a7";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-BZ-32 .path4:before {
    content: "\e9a8";
    margin-left: -1.3525390625em;
    color: #118014
}

.flag-CA-32 .path1:before {
    content: "\e9ac";
    color: #ff3938
}

.flag-CA-32 .path2:before {
    content: "\e9ad";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-CA-32 .path3:before {
    content: "\e9ae";
    margin-left: -1.3525390625em;
    color: #ff3131
}

.flag-CF-32 .path1:before {
    content: "\e9b1";
    color: #f5f6fa
}

.flag-CF-32 .path2:before {
    content: "\e9b2";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-CF-32 .path3:before {
    content: "\e9b3";
    margin-left: -1.3525390625em;
    color: #083d96
}

.flag-CF-32 .path4:before {
    content: "\e9b4";
    margin-left: -1.3525390625em;
    color: #37ae39
}

.flag-CF-32 .path5:before {
    content: "\e9b5";
    margin-left: -1.3525390625em;
    color: #ffd13f
}

.flag-CF-32 .path6:before {
    content: "\e9b6";
    margin-left: -1.3525390625em;
    color: #e42346
}

.flag-CF-32 .path7:before {
    content: "\e9b7";
    margin-left: -1.3525390625em;
    color: #ffd03b
}

.flag-CD-32 .path1:before {
    content: "\e9b8";
    color: #158aff
}

.flag-CD-32 .path2:before {
    content: "\e9b9";
    margin-left: -1.3525390625em;
    color: #fdd216
}

.flag-CD-32 .path3:before {
    content: "\e9ba";
    margin-left: -1.3525390625em;
    color: #ce1120
}

.flag-CD-32 .path4:before {
    content: "\e9bb";
    margin-left: -1.3525390625em;
    color: #fdd216
}

.flag-CG-32 .path1:before {
    content: "\e9c5";
    color: #f33630
}

.flag-CG-32 .path2:before {
    content: "\e9c6";
    margin-left: -1.3525390625em;
    color: #009643
}

.flag-CG-32 .path3:before {
    content: "\e9c7";
    margin-left: -1.3525390625em;
    color: #fcdf4a
}

.flag-CH-32 .path1:before {
    content: "\e9ca";
    color: red
}

.flag-CH-32 .path2:before {
    content: "\e9cb";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-CI-32 .path1:before {
    content: "\e9cd";
    color: #f5f6fa
}

.flag-CI-32 .path2:before {
    content: "\e9ce";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-CI-32 .path3:before {
    content: "\e9cf";
    margin-left: -1.3525390625em;
    color: #1dc87d
}

.flag-CI-32 .path4:before {
    content: "\e9d0";
    margin-left: -1.3525390625em;
    color: #f89242
}

.flag-CL-32 .path1:before {
    content: "\e9d1";
    color: #f5f6fa
}

.flag-CL-32 .path2:before {
    content: "\e9d2";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-CL-32 .path3:before {
    content: "\e9d3";
    margin-left: -1.3525390625em;
    color: #ea3b2e
}

.flag-CL-32 .path4:before {
    content: "\e9d4";
    margin-left: -1.3525390625em;
    color: #0b48c2
}

.flag-CL-32 .path5:before {
    content: "\e9d5";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-CM-32 .path1:before {
    content: "\e9d6";
    color: #059170
}

.flag-CM-32 .path2:before {
    content: "\e9d7";
    margin-left: -1.3525390625em;
    color: #e21a30
}

.flag-CM-32 .path3:before {
    content: "\e9d8";
    margin-left: -1.3525390625em;
    color: #ffdc44
}

.flag-CM-32 .path4:before {
    content: "\e9d9";
    margin-left: -1.3525390625em;
    color: #ffdc42
}

.flag-CN-32 .path1:before {
    content: "\e9dd";
    color: #f1361d
}

.flag-CN-32 .path2:before {
    content: "\e9de";
    margin-left: -1.3525390625em;
    color: #ffdc42
}

.flag-CO-32 .path1:before {
    content: "\e9e1";
    color: #0748ae
}

.flag-CO-32 .path2:before {
    content: "\e9e2";
    margin-left: -1.3525390625em;
    color: #de2035
}

.flag-CO-32 .path3:before {
    content: "\e9e3";
    margin-left: -1.3525390625em;
    color: #ffd935
}

.flag-CR-32 .path1:before {
    content: "\e9e8";
    color: #06358f
}

.flag-CR-32 .path2:before {
    content: "\e9e9";
    margin-left: -1.3525390625em;
    color: #f5f6fa
}

.flag-CR-32 .path3:before {
    content: "\e9ea";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-CR-32 .path4:before {
    content: "\e9eb";
    margin-left: -1.3525390625em;
    color: #e61f37
}

.flag-CU-32 .path1:before {
    content: "\e9ed";
    color: #f5f6fa
}

.flag-CU-32 .path2:before {
    content: "\e9ee";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-CU-32 .path3:before {
    content: "\e9ef";
    margin-left: -1.3525390625em;
    color: #0b389f
}

.flag-CU-32 .path4:before {
    content: "\e9f0";
    margin-left: -1.3525390625em;
    color: #e12a43
}

.flag-CU-32 .path5:before {
    content: "\e9f1";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-CV-32 .path1:before {
    content: "\e9f4";
    color: #0c49ae
}

.flag-CV-32 .path2:before {
    content: "\e9f5";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-CV-32 .path3:before {
    content: "\e9f6";
    margin-left: -1.3525390625em;
    color: #cd232e
}

.flag-CV-32 .path4:before {
    content: "\e9f7";
    margin-left: -1.3525390625em;
    color: #f7d035
}

.flag-CY-32 .path1:before {
    content: "\e9fb";
    color: #f5f6fa
}

.flag-CY-32 .path2:before {
    content: "\e9fc";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-CY-32 .path3:before {
    content: "\e9fd";
    margin-left: -1.3525390625em;
    color: #e7832c
}

.flag-CY-32 .path4:before {
    content: "\e9fe";
    margin-left: -1.3525390625em;
    color: #445128
}

.flag-CY-32 .path5:before {
    content: "\e9ff";
    margin-left: -1.3525390625em;
    color: #7e8969
}

.flag-CY-32 .path6:before {
    content: "\ea00";
    margin-left: -1.3525390625em;
    color: #7e8969
}

.flag-CZ-32 .path1:before {
    content: "\ea01";
    color: #f5f6fa
}

.flag-CZ-32 .path2:before {
    content: "\ea02";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-CZ-32 .path3:before {
    content: "\ea03";
    margin-left: -1.3525390625em;
    color: #e8252a
}

.flag-CZ-32 .path4:before {
    content: "\e906";
    margin-left: -1.3525390625em;
    color: #17579e
}

.flag-DE-32 .path1:before {
    content: "\ea04";
    color: #262626
}

.flag-DE-32 .path2:before {
    content: "\ea05";
    margin-left: -1.3525390625em;
    color: #f01515
}

.flag-DE-32 .path3:before {
    content: "\ea06";
    margin-left: -1.3525390625em;
    color: #ffd521
}

.flag-DJ-32 .path1:before {
    content: "\ea0b";
    color: #f5f6fa
}

.flag-DJ-32 .path2:before {
    content: "\ea0c";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-DJ-32 .path3:before {
    content: "\ea0d";
    margin-left: -1.3525390625em;
    color: #1dc837
}

.flag-DJ-32 .path4:before {
    content: "\ea0e";
    margin-left: -1.3525390625em;
    color: #82c5f5
}

.flag-DJ-32 .path5:before {
    content: "\ea0f";
    margin-left: -1.3525390625em;
    color: #e21c21
}

.flag-DK-32 .path1:before {
    content: "\ea11";
    color: #f5f6fa
}

.flag-DK-32 .path2:before {
    content: "\ea30";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-DK-32 .path3:before {
    content: "\ea3e";
    margin-left: -1.3525390625em;
    color: #ef264d
}

.flag-DM-32 .path1:before {
    content: "\ea12";
    color: #108753
}

.flag-DM-32 .path2:before {
    content: "\ea13";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-DM-32 .path3:before {
    content: "\ea14";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-DM-32 .path4:before {
    content: "\ea15";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-DM-32 .path5:before {
    content: "\ea16";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-DM-32 .path6:before {
    content: "\ea17";
    margin-left: -1.3525390625em;
    color: #fcd449
}

.flag-DM-32 .path7:before {
    content: "\ea18";
    margin-left: -1.3525390625em;
    color: #fcd449
}

.flag-DM-32 .path8:before {
    content: "\ea19";
    margin-left: -1.3525390625em;
    color: #000
}

.flag-DM-32 .path9:before {
    content: "\ea1a";
    margin-left: -1.3525390625em;
    color: #0e673f
}

.flag-DM-32 .path10:before {
    content: "\ea1b";
    margin-left: -1.3525390625em;
    color: #0e673f
}

.flag-DO-32 .path1:before {
    content: "\ea1c";
    color: #f5f6fa
}

.flag-DO-32 .path2:before {
    content: "\ea1d";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-DO-32 .path3:before {
    content: "\ea1e";
    margin-left: -1.3525390625em;
    color: #083d7a
}

.flag-DO-32 .path4:before {
    content: "\ea1f";
    margin-left: -1.3525390625em;
    color: #083d7a
}

.flag-DO-32 .path5:before {
    content: "\ea20";
    margin-left: -1.3525390625em;
    color: #df1e35
}

.flag-DO-32 .path6:before {
    content: "\ea21";
    margin-left: -1.3525390625em;
    color: #df1e35
}

.flag-DO-32 .path7:before {
    content: "\ea22";
    margin-left: -1.3525390625em;
    color: #0f6d1a
}

.flag-DO-32 .path8:before {
    content: "\ea23";
    margin-left: -1.3525390625em;
    color: #042f60
}

.flag-DZ-32 .path1:before {
    content: "\ea24";
    color: #f5f6fa
}

.flag-DZ-32 .path2:before {
    content: "\ea25";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-DZ-32 .path3:before {
    content: "\ea26";
    margin-left: -1.3525390625em;
    color: #048345
}

.flag-DZ-32 .path4:before {
    content: "\ea27";
    margin-left: -1.3525390625em;
    color: #e81b42
}

.flag-DZ-32 .path5:before {
    content: "\ea28";
    margin-left: -1.3525390625em;
    color: #e81b42
}

.flag-EC-32 .path1:before {
    content: "\ea29";
    color: #fff
}

.flag-EC-32 .path2:before {
    content: "\ea2a";
    margin-left: -1.3525390625em;
    color: #0748ae
}

.flag-EC-32 .path3:before {
    content: "\ea2b";
    margin-left: -1.3525390625em;
    color: #de2035
}

.flag-EC-32 .path4:before {
    content: "\ea2c";
    margin-left: -1.3525390625em;
    color: #ffd935
}

.flag-EC-32 .path5:before {
    content: "\ea2d";
    margin-left: -1.3525390625em;
    color: #ffd935
}

.flag-EC-32 .path6:before {
    content: "\ea2e";
    margin-left: -1.3525390625em;
    color: #5fc0dc
}

.flag-EC-32 .path7:before {
    content: "\ea2f";
    margin-left: -1.3525390625em;
    color: #3f2821
}

.flag-EE-32 .path1:before {
    content: "\ea31";
    color: #f5f6fa
}

.flag-EE-32 .path2:before {
    content: "\ea32";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-EE-32 .path3:before {
    content: "\ea33";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-EE-32 .path4:before {
    content: "\ea34";
    margin-left: -1.3525390625em;
    color: #5da8f1
}

.flag-EG-32 .path1:before {
    content: "\ea35";
    color: #f5f6fa
}

.flag-EG-32 .path2:before {
    content: "\ea36";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-EG-32 .path3:before {
    content: "\ea37";
    margin-left: -1.3525390625em;
    color: #e41d33
}

.flag-EG-32 .path4:before {
    content: "\ea38";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-EG-32 .path5:before {
    content: "\ea39";
    margin-left: -1.3525390625em;
    color: #c6a846
}

.flag-EG-32 .path6:before {
    content: "\e907";
    margin-left: -1.3525390625em;
    color: #f9ebce
}

.flag-ER-32 .path1:before {
    content: "\ea3a";
    color: #29c53f
}

.flag-ER-32 .path2:before {
    content: "\ea3b";
    margin-left: -1.3525390625em;
    color: #579ded
}

.flag-ER-32 .path3:before {
    content: "\ea3c";
    margin-left: -1.3525390625em;
    color: #f42d56
}

.flag-ER-32 .path4:before {
    content: "\ea3d";
    margin-left: -1.3525390625em;
    color: #ffc63c
}

.flag-ES-32 .path1:before {
    content: "\ea47";
    color: #dd172c
}

.flag-ES-32 .path2:before {
    content: "\ea48";
    margin-left: -1.3525390625em;
    color: #dd172c
}

.flag-ES-32 .path3:before {
    content: "\ea49";
    margin-left: -1.3525390625em;
    color: #fed430
}

.flag-ET-32 .path1:before {
    content: "\ea4c";
    color: #20aa46
}

.flag-ET-32 .path2:before {
    content: "\ea4d";
    margin-left: -1.3525390625em;
    color: #e92f3b
}

.flag-ET-32 .path3:before {
    content: "\ea4e";
    margin-left: -1.3525390625em;
    color: #fadf50
}

.flag-ET-32 .path4:before {
    content: "\ea4f";
    margin-left: -1.3525390625em;
    color: #205cca
}

.flag-ET-32 .path5:before {
    content: "\ea50";
    margin-left: -1.3525390625em;
    color: #ffdb3d
}

.flag-FI-32 .path1:before {
    content: "\ea53";
    color: #f5f6fa
}

.flag-FI-32 .path2:before {
    content: "\ea54";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-FI-32 .path3:before {
    content: "\ea55";
    margin-left: -1.3525390625em;
    color: #0848a6
}

.flag-FJ-32 .path1:before {
    content: "\ea56";
    color: #79cff6
}

.flag-FJ-32 .path2:before {
    content: "\ea57";
    margin-left: -1.3525390625em;
    color: #002389
}

.flag-FJ-32 .path3:before {
    content: "\ea58";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-FJ-32 .path4:before {
    content: "\ea59";
    margin-left: -1.3525390625em;
    color: #2a915c
}

.flag-FJ-32 .path5:before {
    content: "\ea5a";
    margin-left: -1.3525390625em;
    color: #eb1d43
}

.flag-FJ-32 .path6:before {
    content: "\ea5b";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-FJ-32 .path7:before {
    content: "\ea5c";
    margin-left: -1.3525390625em;
    color: #db1e36
}

.flag-FJ-32 .path8:before {
    content: "\ea5d";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-FJ-32 .path9:before {
    content: "\ea5e";
    margin-left: -1.3525390625em;
    color: #db1e36
}

.flag-FM-32 .path1:before {
    content: "\ea60";
    color: #95cef5
}

.flag-FM-32 .path2:before {
    content: "\ea61";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-FR-32 .path1:before {
    content: "\ea64";
    color: #f5f6fa
}

.flag-FR-32 .path2:before {
    content: "\ea65";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-FR-32 .path3:before {
    content: "\ea66";
    margin-left: -1.3525390625em;
    color: #f44653
}

.flag-FR-32 .path4:before {
    content: "\ea67";
    margin-left: -1.3525390625em;
    color: #1035bb
}

.flag-GA-32 .path1:before {
    content: "\ea68";
    color: #09b470
}

.flag-GA-32 .path2:before {
    content: "\ea69";
    margin-left: -1.3525390625em;
    color: #508cde
}

.flag-GA-32 .path3:before {
    content: "\ea6a";
    margin-left: -1.3525390625em;
    color: #ffd935
}

.flag-GB-32 .path1:before {
    content: "\ea6d";
    color: #0a17a7
}

.flag-GB-32 .path2:before {
    content: "\ea6e";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-GB-32 .path3:before {
    content: "\ea6f";
    margin-left: -1.3525390625em;
    color: #db1f35
}

.flag-GD-32 .path1:before {
    content: "\ea75";
    color: #e42235
}

.flag-GD-32 .path2:before {
    content: "\ea76";
    margin-left: -1.3525390625em;
    color: #079b77
}

.flag-GD-32 .path3:before {
    content: "\ea77";
    margin-left: -1.3525390625em;
    color: #ffd938
}

.flag-GD-32 .path4:before {
    content: "\ea78";
    margin-left: -1.3525390625em;
    color: #ffd93b
}

.flag-GD-32 .path5:before {
    content: "\ea79";
    margin-left: -1.3525390625em;
    color: #000
}

.flag-GD-32 .path6:before {
    content: "\ea7a";
    margin-left: -1.3525390625em;
    color: #ffd938
}

.flag-GE-32 .path1:before {
    content: "\ea7d";
    color: #f5f6fa
}

.flag-GE-32 .path2:before {
    content: "\ea7e";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-GE-32 .path3:before {
    content: "\ea7f";
    margin-left: -1.3525390625em;
    color: #ff2b37
}

.flag-GH-32 .path1:before {
    content: "\ea84";
    color: #e71f37
}

.flag-GH-32 .path2:before {
    content: "\ea85";
    margin-left: -1.3525390625em;
    color: #118b56
}

.flag-GH-32 .path3:before {
    content: "\ea86";
    margin-left: -1.3525390625em;
    color: #fdd64c
}

.flag-GH-32 .path4:before {
    content: "\ea87";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-GN-32 .path1:before {
    content: "\ea8a";
    color: #1dbe5e
}

.flag-GN-32 .path2:before {
    content: "\ea8b";
    margin-left: -1.3525390625em;
    color: #e72b42
}

.flag-GN-32 .path3:before {
    content: "\ea8c";
    margin-left: -1.3525390625em;
    color: #ffd952
}

.flag-GQ-32 .path1:before {
    content: "\ea8f";
    color: #f5f6fa
}

.flag-GQ-32 .path2:before {
    content: "\ea90";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-GQ-32 .path3:before {
    content: "\ea91";
    margin-left: -1.3525390625em;
    color: #ec3938
}

.flag-GQ-32 .path4:before {
    content: "\ea92";
    margin-left: -1.3525390625em;
    color: #51b422
}

.flag-GQ-32 .path5:before {
    content: "\ea93";
    margin-left: -1.3525390625em;
    color: #159940
}

.flag-GQ-32 .path6:before {
    content: "\ea94";
    margin-left: -1.3525390625em;
    color: #258de7
}

.flag-GR-32 .path1:before {
    content: "\ea95";
    color: #f5f6fa
}

.flag-GR-32 .path2:before {
    content: "\ea96";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-GR-32 .path3:before {
    content: "\ea97";
    margin-left: -1.3525390625em;
    color: #1c6dc1
}

.flag-GR-32 .path4:before {
    content: "\e90c";
    margin-left: -1.3525390625em;
    color: #1c6dc1
}

.flag-GR-32 .path5:before {
    content: "\e912";
    margin-left: -1.3525390625em;
    color: #1c6dc1
}

.flag-GR-32 .path6:before {
    content: "\e918";
    margin-left: -1.3525390625em;
    color: #1c6dc1
}

.flag-GR-32 .path7:before {
    content: "\e919";
    margin-left: -1.3525390625em;
    color: #1c6dc1
}

.flag-GR-32 .path8:before {
    content: "\e91a";
    margin-left: -1.3525390625em;
    color: #1c6dc1
}

.flag-GR-32 .path9:before {
    content: "\e91b";
    margin-left: -1.3525390625em;
    color: #1c6dc1
}

.flag-GR-32 .path10:before {
    content: "\e91e";
    margin-left: -1.3525390625em;
    color: #1c6dc1
}

.flag-GR-32 .path11:before {
    content: "\e922";
    margin-left: -1.3525390625em;
    color: #1c6dc1
}

.flag-GT-32 .path1:before {
    content: "\ea98";
    color: #f5f6fa
}

.flag-GT-32 .path2:before {
    content: "\ea99";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-GT-32 .path3:before {
    content: "\ea9a";
    margin-left: -1.3525390625em;
    color: #63aee3
}

.flag-GT-32 .path4:before {
    content: "\ea9b";
    margin-left: -1.3525390625em;
    color: #63aee3
}

.flag-GT-32 .path5:before {
    content: "\ea9c";
    margin-left: -1.3525390625em;
    color: #628a40
}

.flag-GT-32 .path6:before {
    content: "\e923";
    margin-left: -1.3525390625em;
    color: #dcc26d
}

.flag-GW-32 .path1:before {
    content: "\ea9d";
    color: #1ab558
}

.flag-GW-32 .path2:before {
    content: "\ea9e";
    margin-left: -1.3525390625em;
    color: #ffd952
}

.flag-GW-32 .path3:before {
    content: "\ea9f";
    margin-left: -1.3525390625em;
    color: #e72b42
}

.flag-GW-32 .path4:before {
    content: "\eaa0";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-GY-32 .path1:before {
    content: "\eaa3";
    color: #08c55f
}

.flag-GY-32 .path2:before {
    content: "\eaa4";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-GY-32 .path3:before {
    content: "\eaa5";
    margin-left: -1.3525390625em;
    color: #ffd831
}

.flag-GY-32 .path4:before {
    content: "\eaa6";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-GY-32 .path5:before {
    content: "\eaa7";
    margin-left: -1.3525390625em;
    color: #e92034
}

.flag-HK-32 .path1:before {
    content: "\eaa8";
    color: #f0371d
}

.flag-HK-32 .path2:before {
    content: "\eaa9";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-HN-32 .path1:before {
    content: "\eaab";
    color: #f5f6fa
}

.flag-HN-32 .path2:before {
    content: "\eaac";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-HN-32 .path3:before {
    content: "\eaad";
    margin-left: -1.3525390625em;
    color: #0884e6
}

.flag-HR-32 .path1:before {
    content: "\eab4";
    color: #f5f6fa
}

.flag-HR-32 .path2:before {
    content: "\eab5";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-HR-32 .path3:before {
    content: "\eab6";
    margin-left: -1.3525390625em;
    color: red
}

.flag-HR-32 .path4:before {
    content: "\eab7";
    margin-left: -1.3525390625em;
    color: #0094e3
}

.flag-HR-32 .path5:before {
    content: "\eab8";
    margin-left: -1.3525390625em;
    color: #fbdc00
}

.flag-HR-32 .path6:before {
    content: "\eab9";
    margin-left: -1.3525390625em;
    color: #0094e3
}

.flag-HR-32 .path7:before {
    content: "\eaba";
    margin-left: -1.3525390625em;
    color: #1f099c
}

.flag-HR-32 .path8:before {
    content: "\e928";
    margin-left: -1.3525390625em;
    color: #1f099c
}

.flag-HR-32 .path9:before {
    content: "\e929";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-HR-32 .path10:before {
    content: "\e92a";
    margin-left: -1.3525390625em;
    color: red
}

.flag-HT-32 .path1:before {
    content: "\eabb";
    color: #112ebc
}

.flag-HT-32 .path2:before {
    content: "\eabc";
    margin-left: -1.3525390625em;
    color: #e3264a
}

.flag-HT-32 .path3:before {
    content: "\eabd";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-HT-32 .path4:before {
    content: "\eabe";
    margin-left: -1.3525390625em;
    color: #366c14
}

.flag-HT-32 .path5:before {
    content: "\eabf";
    margin-left: -1.3525390625em;
    color: #aabcae
}

.flag-HT-32 .path6:before {
    content: "\eac0";
    margin-left: -1.3525390625em;
    color: #d4b872
}

.flag-HT-32 .path7:before {
    content: "\eac1";
    margin-left: -1.3525390625em;
    color: #0d3488
}

.flag-HT-32 .path8:before {
    content: "\eac2";
    margin-left: -1.3525390625em;
    color: #c28321
}

.flag-HT-32 .path9:before {
    content: "\eac3";
    margin-left: -1.3525390625em;
    color: #216c30
}

.flag-HU-32 .path1:before {
    content: "\eac4";
    color: #f5f6fa
}

.flag-HU-32 .path2:before {
    content: "\eac5";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-HU-32 .path3:before {
    content: "\eac6";
    margin-left: -1.3525390625em;
    color: #e03d52
}

.flag-HU-32 .path4:before {
    content: "\e92b";
    margin-left: -1.3525390625em;
    color: #5a9165
}

.flag-ID-32 .path1:before {
    content: "\eac7";
    color: #f5f6fa
}

.flag-ID-32 .path2:before {
    content: "\eac8";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-ID-32 .path3:before {
    content: "\eac9";
    margin-left: -1.3525390625em;
    color: #e12237
}

.flag-IE-32 .path1:before {
    content: "\eaca";
    color: #f5f6fa
}

.flag-IE-32 .path2:before {
    content: "\eacb";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-IE-32 .path3:before {
    content: "\eacc";
    margin-left: -1.3525390625em;
    color: #ff8515
}

.flag-IE-32 .path4:before {
    content: "\eacd";
    margin-left: -1.3525390625em;
    color: #07bb59
}

.flag-IL-32 .path1:before {
    content: "\eace";
    color: #f5f6fa
}

.flag-IL-32 .path2:before {
    content: "\eacf";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-IL-32 .path3:before {
    content: "\ead0";
    margin-left: -1.3525390625em;
    color: #0e46d4
}

.flag-IL-32 .path4:before {
    content: "\ead1";
    margin-left: -1.3525390625em;
    color: #0e46d4
}

.flag-IL-32 .path5:before {
    content: "\ead2";
    margin-left: -1.3525390625em;
    color: #093ec5
}

.flag-IN-32 .path1:before {
    content: "\ead4";
    color: #f5f6fa
}

.flag-IN-32 .path2:before {
    content: "\ead5";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-IN-32 .path3:before {
    content: "\ead6";
    margin-left: -1.3525390625em;
    color: #ffa44a
}

.flag-IN-32 .path4:before {
    content: "\ead7";
    margin-left: -1.3525390625em;
    color: #1a9f0b
}

.flag-IN-32 .path5:before {
    content: "\ead8";
    margin-left: -1.3525390625em;
    color: #181a93
}

.flag-IN-32 .path6:before {
    content: "\e92c";
    margin-left: -1.3525390625em;
    color: #d8d8ea
}

.flag-IN-32 .path7:before {
    content: "\e930";
    margin-left: -1.3525390625em;
    color: #181a93
}

.flag-IQ-32 .path1:before {
    content: "\ead9";
    color: #f5f6fa
}

.flag-IQ-32 .path2:before {
    content: "\eada";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-IQ-32 .path3:before {
    content: "\eadb";
    margin-left: -1.3525390625em;
    color: #df1e35
}

.flag-IQ-32 .path4:before {
    content: "\eadc";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-IQ-32 .path5:before {
    content: "\eadd";
    margin-left: -1.3525390625em;
    color: #0f7a40
}

.flag-IR-32 .path1:before {
    content: "\eae2";
    color: #f5f6fa
}

.flag-IR-32 .path2:before {
    content: "\eae3";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-IR-32 .path3:before {
    content: "\eae4";
    margin-left: -1.3525390625em;
    color: #38bb56
}

.flag-IR-32 .path4:before {
    content: "\eae5";
    margin-left: -1.3525390625em;
    color: #de1b27
}

.flag-IR-32 .path5:before {
    content: "\eae6";
    margin-left: -1.3525390625em;
    color: #ee8d93
}

.flag-IR-32 .path6:before {
    content: "\eae7";
    margin-left: -1.3525390625em;
    color: #9bddaa
}

.flag-IR-32 .path7:before {
    content: "\eae8";
    margin-left: -1.3525390625em;
    color: #d80915
}

.flag-IS-32 .path1:before {
    content: "\eae9";
    color: #0e4cb5
}

.flag-IS-32 .path2:before {
    content: "\eaea";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-IS-32 .path3:before {
    content: "\eaeb";
    margin-left: -1.3525390625em;
    color: #eb363a
}

.flag-IT-32 .path1:before {
    content: "\eaee";
    color: #f5f6fa
}

.flag-IT-32 .path2:before {
    content: "\eaef";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-IT-32 .path3:before {
    content: "\eaf0";
    margin-left: -1.3525390625em;
    color: #e43d4c
}

.flag-IT-32 .path4:before {
    content: "\eaf1";
    margin-left: -1.3525390625em;
    color: #1bb65d
}

.flag-JM-32 .path1:before {
    content: "\eaf2";
    color: #1dbe4f
}

.flag-JM-32 .path2:before {
    content: "\eaf3";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-JM-32 .path3:before {
    content: "\eaf4";
    margin-left: -1.3525390625em;
    color: #ffd646
}

.flag-JO-32 .path1:before {
    content: "\eaf8";
    color: #f5f6fa
}

.flag-JO-32 .path2:before {
    content: "\eaf9";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-JO-32 .path3:before {
    content: "\eafa";
    margin-left: -1.3525390625em;
    color: #199e56
}

.flag-JO-32 .path4:before {
    content: "\eafb";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-JO-32 .path5:before {
    content: "\eafc";
    margin-left: -1.3525390625em;
    color: #e6223a
}

.flag-JO-32 .path6:before {
    content: "\eafd";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-JP-32 .path1:before {
    content: "\eafe";
    color: #f5f6fa
}

.flag-JP-32 .path2:before {
    content: "\eb07";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-JP-32 .path3:before {
    content: "\eb08";
    margin-left: -1.3525390625em;
    color: #de0034
}

.flag-KE-32 .path1:before {
    content: "\eaff";
    color: #262626
}

.flag-KE-32 .path2:before {
    content: "\eb00";
    margin-left: -1.3525390625em;
    color: #018301
}

.flag-KE-32 .path3:before {
    content: "\eb01";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-KE-32 .path4:before {
    content: "\eb02";
    margin-left: -1.3525390625em;
    color: #dc0808
}

.flag-KE-32 .path5:before {
    content: "\eb03";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-KE-32 .path6:before {
    content: "\eb04";
    margin-left: -1.3525390625em;
    color: #bc0000
}

.flag-KE-32 .path7:before {
    content: "\eb05";
    margin-left: -1.3525390625em;
    color: #000
}

.flag-KE-32 .path8:before {
    content: "\eb06";
    margin-left: -1.3525390625em;
    color: #000
}

.flag-KH-32 .path1:before {
    content: "\eb0a";
    color: #0f3eb6
}

.flag-KH-32 .path2:before {
    content: "\eb0b";
    margin-left: -1.3525390625em;
    color: #ed1a3c
}

.flag-KH-32 .path3:before {
    content: "\eb0c";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-KM-32 .path1:before {
    content: "\eb10";
    color: #ffcb49
}

.flag-KM-32 .path2:before {
    content: "\eb11";
    margin-left: -1.3525390625em;
    color: #dc1d34
}

.flag-KM-32 .path3:before {
    content: "\eb12";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-KM-32 .path4:before {
    content: "\eb13";
    margin-left: -1.3525390625em;
    color: #4985d4
}

.flag-KM-32 .path5:before {
    content: "\eb14";
    margin-left: -1.3525390625em;
    color: #4ba343
}

.flag-KM-32 .path6:before {
    content: "\eb15";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-KN-32 .path1:before {
    content: "\eb17";
    color: #1ec160
}

.flag-KN-32 .path2:before {
    content: "\eb18";
    margin-left: -1.3525390625em;
    color: #df2a40
}

.flag-KN-32 .path3:before {
    content: "\eb19";
    margin-left: -1.3525390625em;
    color: #ffd956
}

.flag-KN-32 .path4:before {
    content: "\eb1a";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-KN-32 .path5:before {
    content: "\eb1b";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-KN-32 .path6:before {
    content: "\eb1c";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-KP-32 .path1:before {
    content: "\eb1f";
    color: #1461b6
}

.flag-KP-32 .path2:before {
    content: "\eb20";
    margin-left: -1.3525390625em;
    color: #1461b6
}

.flag-KP-32 .path3:before {
    content: "\eb21";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-KP-32 .path4:before {
    content: "\eb22";
    margin-left: -1.3525390625em;
    color: #f53846
}

.flag-KP-32 .path5:before {
    content: "\eb23";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-KR-32 .path1:before {
    content: "\eb26";
    color: #f5f6fa
}

.flag-KR-32 .path2:before {
    content: "\eb27";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-KR-32 .path3:before {
    content: "\eb28";
    margin-left: -1.3525390625em;
    color: #e01b41
}

.flag-KR-32 .path4:before {
    content: "\eb29";
    margin-left: -1.3525390625em;
    color: #0e4b9c
}

.flag-KR-32 .path5:before {
    content: "\eb2a";
    margin-left: -1.3525390625em;
    color: #262626;
    opacity: 0.75
}

.flag-KW-32 .path1:before {
    content: "\eb2b";
    color: #f5f6fa
}

.flag-KW-32 .path2:before {
    content: "\eb2c";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-KW-32 .path3:before {
    content: "\eb2d";
    margin-left: -1.3525390625em;
    color: #d72238
}

.flag-KW-32 .path4:before {
    content: "\eb2e";
    margin-left: -1.3525390625em;
    color: #169a53
}

.flag-KW-32 .path5:before {
    content: "\eb2f";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-KY-32 .path1:before {
    content: "\eb30";
    color: #0b15b0
}

.flag-KY-32 .path2:before {
    content: "\eb31";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-KY-32 .path3:before {
    content: "\eb32";
    margin-left: -1.3525390625em;
    color: #dc1f37
}

.flag-KY-32 .path4:before {
    content: "\eb33";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-KY-32 .path5:before {
    content: "\eb34";
    margin-left: -1.3525390625em;
    color: #dc1f37
}

.flag-KY-32 .path6:before {
    content: "\eb35";
    margin-left: -1.3525390625em;
    color: #fad051
}

.flag-KY-32 .path7:before {
    content: "\eb36";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-KY-32 .path8:before {
    content: "\eb37";
    margin-left: -1.3525390625em;
    color: #cf142c
}

.flag-KY-32 .path9:before {
    content: "\eb38";
    margin-left: -1.3525390625em;
    color: #125fba
}

.flag-KZ-32 .path1:before {
    content: "\eb3a";
    color: #30c6e0
}

.flag-KZ-32 .path2:before {
    content: "\eb3b";
    margin-left: -1.3525390625em;
    color: #ffcd4b
}

.flag-LA-32 .path1:before {
    content: "\eb40";
    color: #e2273e
}

.flag-LA-32 .path2:before {
    content: "\eb41";
    margin-left: -1.3525390625em;
    color: #073a88
}

.flag-LA-32 .path3:before {
    content: "\eb42";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-LB-32 .path1:before {
    content: "\eb46";
    color: #f5f6fa
}

.flag-LB-32 .path2:before {
    content: "\eb47";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-LB-32 .path3:before {
    content: "\eb48";
    margin-left: -1.3525390625em;
    color: #f03340
}

.flag-LB-32 .path4:before {
    content: "\eb49";
    margin-left: -1.3525390625em;
    color: #f03340
}

.flag-LB-32 .path5:before {
    content: "\eb4a";
    margin-left: -1.3525390625em;
    color: #1fc065
}

.flag-LC-32 .path1:before {
    content: "\eb4b";
    color: #86d7ff
}

.flag-LC-32 .path2:before {
    content: "\eb4c";
    margin-left: -1.3525390625em;
    color: #000
}

.flag-LC-32 .path3:before {
    content: "\eb4d";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-LC-32 .path4:before {
    content: "\eb4e";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-LC-32 .path5:before {
    content: "\eb4f";
    margin-left: -1.3525390625em;
    color: #ffda57
}

.flag-LI-32 .path1:before {
    content: "\eb52";
    color: #0a3b97
}

.flag-LI-32 .path2:before {
    content: "\eb53";
    margin-left: -1.3525390625em;
    color: #e6273e
}

.flag-LK-32 .path1:before {
    content: "\eb56";
    color: #ffbf19
}

.flag-LK-32 .path2:before {
    content: "\eb57";
    margin-left: -1.3525390625em;
    color: #a52531
}

.flag-LK-32 .path3:before {
    content: "\eb58";
    margin-left: -1.3525390625em;
    color: #03664f
}

.flag-LK-32 .path4:before {
    content: "\eb59";
    margin-left: -1.3525390625em;
    color: #ff6816
}

.flag-LK-32 .path5:before {
    content: "\eb5a";
    margin-left: -1.3525390625em;
    color: #ffbf18
}

.flag-LK-32 .path6:before {
    content: "\eb5b";
    margin-left: -1.3525390625em;
    color: #ffbf18
}

.flag-LR-32 .path1:before {
    content: "\eb5e";
    color: #f5f6fa
}

.flag-LR-32 .path2:before {
    content: "\eb5f";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-LR-32 .path3:before {
    content: "\eb60";
    margin-left: -1.3525390625em;
    color: #e1244a
}

.flag-LR-32 .path4:before {
    content: "\eb61";
    margin-left: -1.3525390625em;
    color: #e1244a
}

.flag-LR-32 .path5:before {
    content: "\eb62";
    margin-left: -1.3525390625em;
    color: #e1244a
}

.flag-LR-32 .path6:before {
    content: "\e934";
    margin-left: -1.3525390625em;
    color: #e1244a
}

.flag-LR-32 .path7:before {
    content: "\e93b";
    margin-left: -1.3525390625em;
    color: #e1244a
}

.flag-LR-32 .path8:before {
    content: "\e93c";
    margin-left: -1.3525390625em;
    color: #e1244a
}

.flag-LR-32 .path9:before {
    content: "\e93d";
    margin-left: -1.3525390625em;
    color: #0c3f8e
}

.flag-LR-32 .path10:before {
    content: "\e93e";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-LS-32 .path1:before {
    content: "\eb63";
    color: #f5f6fa
}

.flag-LS-32 .path2:before {
    content: "\eb64";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-LS-32 .path3:before {
    content: "\eb65";
    margin-left: -1.3525390625em;
    color: #0c33b8
}

.flag-LS-32 .path4:before {
    content: "\eb66";
    margin-left: -1.3525390625em;
    color: #1db158
}

.flag-LS-32 .path5:before {
    content: "\eb67";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-LT-32 .path1:before {
    content: "\eb69";
    color: #118357
}

.flag-LT-32 .path2:before {
    content: "\eb6a";
    margin-left: -1.3525390625em;
    color: #d8343d
}

.flag-LT-32 .path3:before {
    content: "\eb6b";
    margin-left: -1.3525390625em;
    color: #fec34b
}

.flag-LU-32 .path1:before {
    content: "\eb6e";
    color: #f5f6fa
}

.flag-LU-32 .path2:before {
    content: "\eb6f";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-LU-32 .path3:before {
    content: "\eb70";
    margin-left: -1.3525390625em;
    color: #f14455
}

.flag-LU-32 .path4:before {
    content: "\eb71";
    margin-left: -1.3525390625em;
    color: #29b4ee
}

.flag-LV-32 .path1:before {
    content: "\eb72";
    color: #f5f6fa
}

.flag-LV-32 .path2:before {
    content: "\eb73";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-LV-32 .path3:before {
    content: "\eb74";
    margin-left: -1.3525390625em;
    color: #b9414b
}

.flag-LV-32 .path4:before {
    content: "\eb75";
    margin-left: -1.3525390625em;
    color: #b9414b
}

.flag-LY-32 .path1:before {
    content: "\eb76";
    color: #262626
}

.flag-LY-32 .path2:before {
    content: "\eb77";
    margin-left: -1.3525390625em;
    color: #34b857
}

.flag-LY-32 .path3:before {
    content: "\eb78";
    margin-left: -1.3525390625em;
    color: #f41f34
}

.flag-LY-32 .path4:before {
    content: "\eb79";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-MA-32 .path1:before {
    content: "\eb7e";
    color: #e33b44
}

.flag-MA-32 .path2:before {
    content: "\eb7f";
    margin-left: -1.3525390625em;
    color: #0a6135
}

.flag-MC-32 .path1:before {
    content: "\eb81";
    color: #f5f6fa
}

.flag-MC-32 .path2:before {
    content: "\eb82";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-MC-32 .path3:before {
    content: "\eb83";
    margin-left: -1.3525390625em;
    color: #ea233b
}

.flag-MD-32 .path1:before {
    content: "\eb84";
    color: #eb1c43
}

.flag-MD-32 .path2:before {
    content: "\eb85";
    margin-left: -1.3525390625em;
    color: #115bcb
}

.flag-MD-32 .path3:before {
    content: "\eb86";
    margin-left: -1.3525390625em;
    color: #ffd953
}

.flag-MD-32 .path4:before {
    content: "\eb87";
    margin-left: -1.3525390625em;
    color: #af7f59
}

.flag-ME-32 .path1:before {
    content: "\eb8a";
    color: #e6be53
}

.flag-ME-32 .path2:before {
    content: "\eb8b";
    margin-left: -1.3525390625em;
    color: #e01826
}

.flag-ME-32 .path3:before {
    content: "\eb8c";
    margin-left: -1.3525390625em;
    color: #e6be53
}

.flag-ME-32 .path4:before {
    content: "\eb8d";
    margin-left: -1.3525390625em;
    color: #215f90
}

.flag-MG-32 .path1:before {
    content: "\eb90";
    color: #f5f6fa
}

.flag-MG-32 .path2:before {
    content: "\eb91";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-MG-32 .path3:before {
    content: "\eb92";
    margin-left: -1.3525390625em;
    color: #149047
}

.flag-MG-32 .path4:before {
    content: "\eb93";
    margin-left: -1.3525390625em;
    color: #f84f4b
}

.flag-MK-32 .path1:before {
    content: "\eb94";
    color: #e81b26
}

.flag-MK-32 .path2:before {
    content: "\eb95";
    margin-left: -1.3525390625em;
    color: #ffe94f
}

.flag-ML-32 .path1:before {
    content: "\eb99";
    color: #e2233a
}

.flag-ML-32 .path2:before {
    content: "\eb9a";
    margin-left: -1.3525390625em;
    color: #2ecb4d
}

.flag-ML-32 .path3:before {
    content: "\eb9b";
    margin-left: -1.3525390625em;
    color: #ffd749
}

.flag-MM-32 .path1:before {
    content: "\eb9e";
    color: #f13d4f
}

.flag-MM-32 .path2:before {
    content: "\eb9f";
    margin-left: -1.3525390625em;
    color: #4ac94b
}

.flag-MM-32 .path3:before {
    content: "\eba0";
    margin-left: -1.3525390625em;
    color: #ffd043
}

.flag-MM-32 .path4:before {
    content: "\eba1";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-MN-32 .path1:before {
    content: "\eba4";
    color: #e43642
}

.flag-MN-32 .path2:before {
    content: "\eba5";
    margin-left: -1.3525390625em;
    color: #146bbc
}

.flag-MN-32 .path3:before {
    content: "\eba6";
    margin-left: -1.3525390625em;
    color: #f9d036
}

.flag-MO-32 .path1:before {
    content: "\ebaa";
    color: #079d7b
}

.flag-MO-32 .path2:before {
    content: "\ebab";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-MO-32 .path3:before {
    content: "\ebac";
    margin-left: -1.3525390625em;
    color: #fcd117
}

.flag-MR-32 .path1:before {
    content: "\ebaf";
    color: #108b4d
}

.flag-MR-32 .path2:before {
    content: "\ebb0";
    margin-left: -1.3525390625em;
    color: #ffc941
}

.flag-MS-32 .path1:before {
    content: "\ebb3";
    color: #07319c
}

.flag-MS-32 .path2:before {
    content: "\ebb4";
    margin-left: -1.3525390625em;
    color: #08b9d6
}

.flag-MS-32 .path3:before {
    content: "\ebb5";
    margin-left: -1.3525390625em;
    color: #a63d09
}

.flag-MS-32 .path4:before {
    content: "\ebb6";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-MS-32 .path5:before {
    content: "\ebb7";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-MS-32 .path6:before {
    content: "\ebb8";
    margin-left: -1.3525390625em;
    color: #db1e36
}

.flag-MS-32 .path7:before {
    content: "\ebb9";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-MS-32 .path8:before {
    content: "\ebba";
    margin-left: -1.3525390625em;
    color: #db1e36
}

.flag-MT-32 .path1:before {
    content: "\ebbc";
    color: #f5f6fa
}

.flag-MT-32 .path2:before {
    content: "\ebbd";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-MT-32 .path3:before {
    content: "\ebbe";
    margin-left: -1.3525390625em;
    color: #de233c
}

.flag-MT-32 .path4:before {
    content: "\ebbf";
    margin-left: -1.3525390625em;
    color: #7b716a;
    opacity: 0.66
}

.flag-MT-32 .path5:before {
    content: "\ebc0";
    margin-left: -1.3525390625em;
    color: #7b716a
}

.flag-MU-32 .path1:before {
    content: "\ebc1";
    color: #1dbb63
}

.flag-MU-32 .path2:before {
    content: "\ebc2";
    margin-left: -1.3525390625em;
    color: #222b82
}

.flag-MU-32 .path3:before {
    content: "\ebc3";
    margin-left: -1.3525390625em;
    color: #ffd741
}

.flag-MU-32 .path4:before {
    content: "\ebc4";
    margin-left: -1.3525390625em;
    color: #f4374a
}

.flag-MV-32 .path1:before {
    content: "\ebc7";
    color: #f32249
}

.flag-MV-32 .path2:before {
    content: "\ebc8";
    margin-left: -1.3525390625em;
    color: #15a04f
}

.flag-MV-32 .path3:before {
    content: "\ebc9";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-MW-32 .path1:before {
    content: "\ebcc";
    color: #262626
}

.flag-MW-32 .path2:before {
    content: "\ebcd";
    margin-left: -1.3525390625em;
    color: #e42038
}

.flag-MW-32 .path3:before {
    content: "\ebce";
    margin-left: -1.3525390625em;
    color: #47b849
}

.flag-MX-32 .path1:before {
    content: "\ebd2";
    color: #f5f6fa
}

.flag-MX-32 .path2:before {
    content: "\ebd3";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-MX-32 .path3:before {
    content: "\ebd4";
    margin-left: -1.3525390625em;
    color: #e3283e
}

.flag-MX-32 .path4:before {
    content: "\ebd5";
    margin-left: -1.3525390625em;
    color: #128a60
}

.flag-MX-32 .path5:before {
    content: "\ebd6";
    margin-left: -1.3525390625em;
    color: #8c9157
}

.flag-MX-32 .path6:before {
    content: "\e93f";
    margin-left: -1.3525390625em;
    color: #c59262
}

.flag-MY-32 .path1:before {
    content: "\ebd7";
    color: #f5f6fa
}

.flag-MY-32 .path2:before {
    content: "\ebd8";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-MY-32 .path3:before {
    content: "\ebd9";
    margin-left: -1.3525390625em;
    color: #e1244a
}

.flag-MY-32 .path4:before {
    content: "\ebda";
    margin-left: -1.3525390625em;
    color: #0c3f8e
}

.flag-MY-32 .path5:before {
    content: "\ebdb";
    margin-left: -1.3525390625em;
    color: #ffd34f
}

.flag-MZ-32 .path1:before {
    content: "\ebdc";
    color: #ffe547
}

.flag-MZ-32 .path2:before {
    content: "\ebdd";
    margin-left: -1.3525390625em;
    color: #118c81
}

.flag-MZ-32 .path3:before {
    content: "\ebde";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-MZ-32 .path4:before {
    content: "\ebdf";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-MZ-32 .path5:before {
    content: "\ebe0";
    margin-left: -1.3525390625em;
    color: #ef2147
}

.flag-MZ-32 .path6:before {
    content: "\ebe1";
    margin-left: -1.3525390625em;
    color: #fde444
}

.flag-NA-32 .path1:before {
    content: "\ebe4";
    color: #0c4799
}

.flag-NA-32 .path2:before {
    content: "\ebe5";
    margin-left: -1.3525390625em;
    color: #ffd243
}

.flag-NA-32 .path3:before {
    content: "\ebe6";
    margin-left: -1.3525390625em;
    color: #1bac55
}

.flag-NA-32 .path4:before {
    content: "\ebe7";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-NA-32 .path5:before {
    content: "\ebe8";
    margin-left: -1.3525390625em;
    color: #e52347
}

.flag-NE-32 .path1:before {
    content: "\ebeb";
    color: #f5f6fa
}

.flag-NE-32 .path2:before {
    content: "\ebec";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-NE-32 .path3:before {
    content: "\ebed";
    margin-left: -1.3525390625em;
    color: #f0642f
}

.flag-NE-32 .path4:before {
    content: "\ebee";
    margin-left: -1.3525390625em;
    color: #2dcc45
}

.flag-NE-32 .path5:before {
    content: "\ebef";
    margin-left: -1.3525390625em;
    color: #e85c27
}

.flag-NG-32 .path1:before {
    content: "\ebf0";
    color: #f5f6fa
}

.flag-NG-32 .path2:before {
    content: "\ebf1";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-NG-32 .path3:before {
    content: "\ebf2";
    margin-left: -1.3525390625em;
    color: #189b62
}

.flag-NG-32 .path4:before {
    content: "\ebf3";
    margin-left: -1.3525390625em;
    color: #189b62
}

.flag-NI-32 .path1:before {
    content: "\ebf4";
    color: #f5f6fa
}

.flag-NI-32 .path2:before {
    content: "\ebf5";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-NI-32 .path3:before {
    content: "\ebf6";
    margin-left: -1.3525390625em;
    color: #1a78d6
}

.flag-NI-32 .path4:before {
    content: "\ebf7";
    margin-left: -1.3525390625em;
    color: #1a78d6
}

.flag-NI-32 .path5:before {
    content: "\ebf8";
    margin-left: -1.3525390625em;
    color: #dbcd92
}

.flag-NI-32 .path6:before {
    content: "\ebf9";
    margin-left: -1.3525390625em;
    color: #9cddee
}

.flag-NL-32 .path1:before {
    content: "\ebfa";
    color: #f5f6fa
}

.flag-NL-32 .path2:before {
    content: "\ebfb";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-NL-32 .path3:before {
    content: "\ebfc";
    margin-left: -1.3525390625em;
    color: #ca2b39
}

.flag-NL-32 .path4:before {
    content: "\ebfd";
    margin-left: -1.3525390625em;
    color: #2c56a2
}

.flag-NO-32 .path1:before {
    content: "\ebfe";
    color: #f14247
}

.flag-NO-32 .path2:before {
    content: "\ebff";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-NO-32 .path3:before {
    content: "\ec00";
    margin-left: -1.3525390625em;
    color: #0a3a85
}

.flag-NP-32 .path1:before {
    content: "\ec01";
    color: #f5f6fa
}

.flag-NP-32 .path2:before {
    content: "\ec02";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-NP-32 .path3:before {
    content: "\ec03";
    margin-left: -1.3525390625em;
    color: #0543a8
}

.flag-NP-32 .path4:before {
    content: "\ec04";
    margin-left: -1.3525390625em;
    color: #ee1b44
}

.flag-NP-32 .path5:before {
    content: "\ec05";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-NZ-32 .path1:before {
    content: "\ec06";
    color: #0a17a7
}

.flag-NZ-32 .path2:before {
    content: "\ec07";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-NZ-32 .path3:before {
    content: "\ec08";
    margin-left: -1.3525390625em;
    color: #ff2e3b
}

.flag-NZ-32 .path4:before {
    content: "\ec09";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-NZ-32 .path5:before {
    content: "\ec0a";
    margin-left: -1.3525390625em;
    color: #ff2e3b
}

.flag-NZ-32 .path6:before {
    content: "\ec0b";
    margin-left: -1.3525390625em;
    color: #ca1931
}

.flag-OM-32 .path1:before {
    content: "\ec10";
    color: #f5f6fa
}

.flag-OM-32 .path2:before {
    content: "\ec11";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-OM-32 .path3:before {
    content: "\ec12";
    margin-left: -1.3525390625em;
    color: #138e16
}

.flag-OM-32 .path4:before {
    content: "\ec13";
    margin-left: -1.3525390625em;
    color: #ed2b35
}

.flag-OM-32 .path5:before {
    content: "\ec14";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-PA-32 .path1:before {
    content: "\ec15";
    color: #f5f6fa
}

.flag-PA-32 .path2:before {
    content: "\ec16";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-PA-32 .path3:before {
    content: "\ec17";
    margin-left: -1.3525390625em;
    color: #e52448
}

.flag-PA-32 .path4:before {
    content: "\ec18";
    margin-left: -1.3525390625em;
    color: #1367ae
}

.flag-PA-32 .path5:before {
    content: "\ec19";
    margin-left: -1.3525390625em;
    color: #1367ae
}

.flag-PA-32 .path6:before {
    content: "\ec1a";
    margin-left: -1.3525390625em;
    color: #e52448
}

.flag-PE-32 .path1:before {
    content: "\ec1b";
    color: #fff
}

.flag-PE-32 .path2:before {
    content: "\ec1c";
    margin-left: -1.3525390625em;
    color: #e82438
}

.flag-PE-32 .path3:before {
    content: "\ec1d";
    margin-left: -1.3525390625em;
    color: #e82438
}

.flag-PG-32 .path1:before {
    content: "\ec1f";
    color: #262626
}

.flag-PG-32 .path2:before {
    content: "\ec20";
    margin-left: -1.3525390625em;
    color: #e8283f
}

.flag-PG-32 .path3:before {
    content: "\ec21";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-PG-32 .path4:before {
    content: "\ec22";
    margin-left: -1.3525390625em;
    color: #ffd84e
}

.flag-PH-32 .path1:before {
    content: "\ec28";
    color: #f5f6fa
}

.flag-PH-32 .path2:before {
    content: "\ec29";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-PH-32 .path3:before {
    content: "\ec2a";
    margin-left: -1.3525390625em;
    color: #dd1c34
}

.flag-PH-32 .path4:before {
    content: "\ec2b";
    margin-left: -1.3525390625em;
    color: #0d4bc3
}

.flag-PH-32 .path5:before {
    content: "\ec2c";
    margin-left: -1.3525390625em;
    color: #fdd64d
}

.flag-PK-32 .path1:before {
    content: "\ec2d";
    color: #f5f6fa
}

.flag-PK-32 .path2:before {
    content: "\ec2e";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-PK-32 .path3:before {
    content: "\ec2f";
    margin-left: -1.3525390625em;
    color: #0a632f
}

.flag-PK-32 .path4:before {
    content: "\ec30";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-PL-32 .path1:before {
    content: "\ec31";
    color: #f5f6fa
}

.flag-PL-32 .path2:before {
    content: "\ec37";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-PL-32 .path3:before {
    content: "\ec3f";
    margin-left: -1.3525390625em;
    color: #eb2a50
}

.flag-PR-32 .path1:before {
    content: "\ec32";
    color: #f5f6fa
}

.flag-PR-32 .path2:before {
    content: "\ec33";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-PR-32 .path3:before {
    content: "\ec34";
    margin-left: -1.3525390625em;
    color: #fa2222
}

.flag-PR-32 .path4:before {
    content: "\ec35";
    margin-left: -1.3525390625em;
    color: #1d63f9
}

.flag-PR-32 .path5:before {
    content: "\ec36";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-PT-32 .path1:before {
    content: "\ec38";
    color: #ff2936
}

.flag-PT-32 .path2:before {
    content: "\ec39";
    margin-left: -1.3525390625em;
    color: #128415
}

.flag-PT-32 .path3:before {
    content: "\ec3a";
    margin-left: -1.3525390625em;
    color: #faf94f
}

.flag-PW-32 .path1:before {
    content: "\ec3d";
    color: #65c6ee
}

.flag-PW-32 .path2:before {
    content: "\ec3e";
    margin-left: -1.3525390625em;
    color: #ffe044
}

.flag-PY-32 .path1:before {
    content: "\ec41";
    color: #fff
}

.flag-PY-32 .path2:before {
    content: "\ec42";
    margin-left: -1.3525390625em;
    color: #e33f39
}

.flag-PY-32 .path3:before {
    content: "\ec43";
    margin-left: -1.3525390625em;
    color: #124bba
}

.flag-PY-32 .path4:before {
    content: "\ec44";
    margin-left: -1.3525390625em;
    color: #398153
}

.flag-PY-32 .path5:before {
    content: "\ec45";
    margin-left: -1.3525390625em;
    color: #e5cf58
}

.flag-QA-32 .path1:before {
    content: "\ec47";
    color: #f5f6fa
}

.flag-QA-32 .path2:before {
    content: "\ec4b";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-QA-32 .path3:before {
    content: "\ec4c";
    margin-left: -1.3525390625em;
    color: #a6264c
}

.flag-RO-32 .path1:before {
    content: "\ec48";
    color: #e5253d
}

.flag-RO-32 .path2:before {
    content: "\ec49";
    margin-left: -1.3525390625em;
    color: #0a3d9c
}

.flag-RO-32 .path3:before {
    content: "\ec4a";
    margin-left: -1.3525390625em;
    color: #ffd955
}

.flag-RS-32 .path1:before {
    content: "\ec4d";
    color: #f5f6fa
}

.flag-RS-32 .path2:before {
    content: "\ec4e";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-RS-32 .path3:before {
    content: "\ec4f";
    margin-left: -1.3525390625em;
    color: #17508f
}

.flag-RS-32 .path4:before {
    content: "\ec50";
    margin-left: -1.3525390625em;
    color: #e1444d
}

.flag-RS-32 .path5:before {
    content: "\ec51";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-RS-32 .path6:before {
    content: "\ec52";
    margin-left: -1.3525390625em;
    color: #e1444d
}

.flag-RU-32 .path1:before {
    content: "\ec54";
    color: #f5f6fa
}

.flag-RU-32 .path2:before {
    content: "\ec55";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-RU-32 .path3:before {
    content: "\ec56";
    margin-left: -1.3525390625em;
    color: #0c47b7
}

.flag-RU-32 .path4:before {
    content: "\ec57";
    margin-left: -1.3525390625em;
    color: #e53b35
}

.flag-RW-32 .path1:before {
    content: "\ec58";
    color: #2d754d
}

.flag-RW-32 .path2:before {
    content: "\ec59";
    margin-left: -1.3525390625em;
    color: #25b1eb
}

.flag-RW-32 .path3:before {
    content: "\ec5a";
    margin-left: -1.3525390625em;
    color: #fecb2f
}

.flag-RW-32 .path4:before {
    content: "\ec5b";
    margin-left: -1.3525390625em;
    color: #fecb2f
}

.flag-SA-32 .path1:before {
    content: "\ec5f";
    color: #128c4b
}

.flag-SA-32 .path2:before {
    content: "\ec60";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SA-32 .path3:before {
    content: "\ec61";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SA-32 .path4:before {
    content: "\ec62";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SA-32 .path5:before {
    content: "\ec63";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SB-32 .path1:before {
    content: "\ec66";
    color: #2c7442
}

.flag-SB-32 .path2:before {
    content: "\ec67";
    margin-left: -1.3525390625em;
    color: #000
}

.flag-SB-32 .path3:before {
    content: "\ec68";
    margin-left: -1.3525390625em;
    color: #ffd646
}

.flag-SB-32 .path4:before {
    content: "\ec69";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SC-32 .path1:before {
    content: "\ec6e";
    color: #f5f6fa
}

.flag-SC-32 .path2:before {
    content: "\ec6f";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SC-32 .path3:before {
    content: "\ec70";
    margin-left: -1.3525390625em;
    color: #0858b4
}

.flag-SC-32 .path4:before {
    content: "\ec71";
    margin-left: -1.3525390625em;
    color: #ed3535
}

.flag-SC-32 .path5:before {
    content: "\ec72";
    margin-left: -1.3525390625em;
    color: #08964f
}

.flag-SC-32 .path6:before {
    content: "\ec73";
    margin-left: -1.3525390625em;
    color: #ffdd67
}

.flag-SD-32 .path1:before {
    content: "\ec75";
    color: #f5f6fa
}

.flag-SD-32 .path2:before {
    content: "\ec76";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SD-32 .path3:before {
    content: "\ec77";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-SD-32 .path4:before {
    content: "\ec78";
    margin-left: -1.3525390625em;
    color: #ea1f44
}

.flag-SD-32 .path5:before {
    content: "\ec79";
    margin-left: -1.3525390625em;
    color: #12933b
}

.flag-SE-32 .path1:before {
    content: "\ec7a";
    color: #157cbb
}

.flag-SE-32 .path2:before {
    content: "\ec7b";
    margin-left: -1.3525390625em;
    color: #ffd34d
}

.flag-SG-32 .path1:before {
    content: "\ec7d";
    color: #f5f6fa
}

.flag-SG-32 .path2:before {
    content: "\ec7e";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SG-32 .path3:before {
    content: "\ec7f";
    margin-left: -1.3525390625em;
    color: #e12237
}

.flag-SG-32 .path4:before {
    content: "\ec80";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SI-32 .path1:before {
    content: "\ec81";
    color: #f5f6fa
}

.flag-SI-32 .path2:before {
    content: "\ec82";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SI-32 .path3:before {
    content: "\ec83";
    margin-left: -1.3525390625em;
    color: #0c47b7
}

.flag-SI-32 .path4:before {
    content: "\ec84";
    margin-left: -1.3525390625em;
    color: #e53b35
}

.flag-SK-32 .path1:before {
    content: "\ec86";
    color: #f5f6fa
}

.flag-SK-32 .path2:before {
    content: "\ec87";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SK-32 .path3:before {
    content: "\ec88";
    margin-left: -1.3525390625em;
    color: #0c47b7
}

.flag-SK-32 .path4:before {
    content: "\ec89";
    margin-left: -1.3525390625em;
    color: #e53b35
}

.flag-SK-32 .path5:before {
    content: "\ec8a";
    margin-left: -1.3525390625em;
    color: #f73744
}

.flag-SK-32 .path6:before {
    content: "\ec8b";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SK-32 .path7:before {
    content: "\ec8c";
    margin-left: -1.3525390625em;
    color: #1251a1
}

.flag-SK-32 .path8:before {
    content: "\e943";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SK-32 .path9:before {
    content: "\e944";
    margin-left: -1.3525390625em;
    color: #1251a1
}

.flag-SL-32 .path1:before {
    content: "\ec8d";
    color: #f5f6fa
}

.flag-SL-32 .path2:before {
    content: "\ec8e";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SL-32 .path3:before {
    content: "\ec8f";
    margin-left: -1.3525390625em;
    color: #35ce4f
}

.flag-SL-32 .path4:before {
    content: "\ec90";
    margin-left: -1.3525390625em;
    color: #1c87db
}

.flag-SM-32 .path1:before {
    content: "\ec91";
    color: #f5f6fa
}

.flag-SM-32 .path2:before {
    content: "\ec92";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SM-32 .path3:before {
    content: "\ec93";
    margin-left: -1.3525390625em;
    color: #7cccf5
}

.flag-SM-32 .path4:before {
    content: "\ec94";
    margin-left: -1.3525390625em;
    color: #445f42
}

.flag-SM-32 .path5:before {
    content: "\e945";
    margin-left: -1.3525390625em;
    color: #d89f3d
}

.flag-SN-32 .path1:before {
    content: "\ec95";
    color: #f13642
}

.flag-SN-32 .path2:before {
    content: "\ec96";
    margin-left: -1.3525390625em;
    color: #17a052
}

.flag-SN-32 .path3:before {
    content: "\ec97";
    margin-left: -1.3525390625em;
    color: #fff166
}

.flag-SN-32 .path4:before {
    content: "\ec98";
    margin-left: -1.3525390625em;
    color: #17a052
}

.flag-SO-32 .path1:before {
    content: "\ec9b";
    color: #5d9fe9
}

.flag-SO-32 .path2:before {
    content: "\ec9c";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SR-32 .path1:before {
    content: "\ec9f";
    color: #f5f6fa
}

.flag-SR-32 .path2:before {
    content: "\eca0";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SR-32 .path3:before {
    content: "\eca1";
    margin-left: -1.3525390625em;
    color: #43924c
}

.flag-SR-32 .path4:before {
    content: "\eca2";
    margin-left: -1.3525390625em;
    color: #43924c
}

.flag-SR-32 .path5:before {
    content: "\eca3";
    margin-left: -1.3525390625em;
    color: #cd153a
}

.flag-SR-32 .path6:before {
    content: "\eca4";
    margin-left: -1.3525390625em;
    color: #f5d24b
}

.flag-ST-32 .path1:before {
    content: "\eca5";
    color: #2acb41
}

.flag-ST-32 .path2:before {
    content: "\eca6";
    margin-left: -1.3525390625em;
    color: #fdd043
}

.flag-ST-32 .path3:before {
    content: "\eca7";
    margin-left: -1.3525390625em;
    color: #e71e43
}

.flag-ST-32 .path4:before {
    content: "\eca8";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-ST-32 .path5:before {
    content: "\eca9";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-SV-32 .path1:before {
    content: "\ecad";
    color: #f5f6fa
}

.flag-SV-32 .path2:before {
    content: "\ecae";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SV-32 .path3:before {
    content: "\ecaf";
    margin-left: -1.3525390625em;
    color: #1b57c4
}

.flag-SV-32 .path4:before {
    content: "\ecb0";
    margin-left: -1.3525390625em;
    color: #1b57c4
}

.flag-SV-32 .path5:before {
    content: "\ecb1";
    margin-left: -1.3525390625em;
    color: #000
}

.flag-SV-32 .path6:before {
    content: "\ecb2";
    margin-left: -1.3525390625em;
    color: #f9c92e
}

.flag-SY-32 .path1:before {
    content: "\ecb3";
    color: #f5f6fa
}

.flag-SY-32 .path2:before {
    content: "\ecb4";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SY-32 .path3:before {
    content: "\ecb5";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-SY-32 .path4:before {
    content: "\ecb6";
    margin-left: -1.3525390625em;
    color: #e32139
}

.flag-SY-32 .path5:before {
    content: "\ecb7";
    margin-left: -1.3525390625em;
    color: #128a49
}

.flag-SY-32 .path6:before {
    content: "\ecb8";
    margin-left: -1.3525390625em;
    color: #128a49
}

.flag-SZ-32 .path1:before {
    content: "\ecb9";
    color: #486bca
}

.flag-SZ-32 .path2:before {
    content: "\ecba";
    margin-left: -1.3525390625em;
    color: #ffdf20
}

.flag-SZ-32 .path3:before {
    content: "\ecbb";
    margin-left: -1.3525390625em;
    color: #cf1615
}

.flag-SZ-32 .path4:before {
    content: "\ecbc";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-SZ-32 .path5:before {
    content: "\ecbd";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-SZ-32 .path6:before {
    content: "\ecbe";
    margin-left: -1.3525390625em;
    color: #1a1a1a
}

.flag-SZ-32 .path7:before {
    content: "\ecbf";
    margin-left: -1.3525390625em;
    color: #f6f6f6
}

.flag-TC-32 .path1:before {
    content: "\ecc3";
    color: #07319c
}

.flag-TC-32 .path2:before {
    content: "\ecc4";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-TC-32 .path3:before {
    content: "\ecc5";
    margin-left: -1.3525390625em;
    color: #ffd033
}

.flag-TC-32 .path4:before {
    content: "\ecc6";
    margin-left: -1.3525390625em;
    color: #ba5b1f
}

.flag-TC-32 .path5:before {
    content: "\ecc7";
    margin-left: -1.3525390625em;
    color: #ff9f3e
}

.flag-TC-32 .path6:before {
    content: "\ecc8";
    margin-left: -1.3525390625em;
    color: #ff937f
}

.flag-TC-32 .path7:before {
    content: "\ecc9";
    margin-left: -1.3525390625em;
    color: #01a827
}

.flag-TC-32 .path8:before {
    content: "\ecca";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-TC-32 .path9:before {
    content: "\eccb";
    margin-left: -1.3525390625em;
    color: #db1e36
}

.flag-TC-32 .path10:before {
    content: "\eccc";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-TC-32 .path11:before {
    content: "\eccd";
    margin-left: -1.3525390625em;
    color: #db1e36
}

.flag-TD-32 .path1:before {
    content: "\ecce";
    color: #de1d42
}

.flag-TD-32 .path2:before {
    content: "\eccf";
    margin-left: -1.3525390625em;
    color: #ffd147
}

.flag-TD-32 .path3:before {
    content: "\ecd0";
    margin-left: -1.3525390625em;
    color: #083780
}

.flag-TG-32 .path1:before {
    content: "\ecd3";
    color: #ffd44d
}

.flag-TG-32 .path2:before {
    content: "\ecd4";
    margin-left: -1.3525390625em;
    color: #159a74
}

.flag-TG-32 .path3:before {
    content: "\ecd5";
    margin-left: -1.3525390625em;
    color: #ed1f45
}

.flag-TG-32 .path4:before {
    content: "\ecd6";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-TH-32 .path1:before {
    content: "\ecd9";
    color: #f5f6fa
}

.flag-TH-32 .path2:before {
    content: "\ecda";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-TH-32 .path3:before {
    content: "\ecdb";
    margin-left: -1.3525390625em;
    color: #f12532
}

.flag-TH-32 .path4:before {
    content: "\ecdc";
    margin-left: -1.3525390625em;
    color: #f12532
}

.flag-TH-32 .path5:before {
    content: "\e946";
    margin-left: -1.3525390625em;
    color: #322b6c
}

.flag-TJ-32 .path1:before {
    content: "\ecdd";
    color: #f5f6fa
}

.flag-TJ-32 .path2:before {
    content: "\ecde";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-TJ-32 .path3:before {
    content: "\ecdf";
    margin-left: -1.3525390625em;
    color: #d9101c
}

.flag-TJ-32 .path4:before {
    content: "\ece0";
    margin-left: -1.3525390625em;
    color: #0f7811
}

.flag-TJ-32 .path5:before {
    content: "\ece1";
    margin-left: -1.3525390625em;
    color: #fad14e
}

.flag-TL-32 .path1:before {
    content: "\ece2";
    color: #ff323e
}

.flag-TL-32 .path2:before {
    content: "\ece3";
    margin-left: -1.3525390625em;
    color: #ffcc51
}

.flag-TL-32 .path3:before {
    content: "\ece4";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-TL-32 .path4:before {
    content: "\ece5";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-TM-32 .path1:before {
    content: "\ece8";
    color: #30c375
}

.flag-TM-32 .path2:before {
    content: "\ece9";
    margin-left: -1.3525390625em;
    color: #de414f
}

.flag-TM-32 .path3:before {
    content: "\ecea";
    margin-left: -1.3525390625em;
    color: #fbaf29
}

.flag-TM-32 .path4:before {
    content: "\eceb";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-TM-32 .path5:before {
    content: "\ecec";
    margin-left: -1.3525390625em;
    color: #fbaf29
}

.flag-TM-32 .path6:before {
    content: "\eced";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-TM-32 .path7:before {
    content: "\ecee";
    margin-left: -1.3525390625em;
    color: #dd404f
}

.flag-TM-32 .path8:before {
    content: "\ecef";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-TN-32 .path1:before {
    content: "\ecfd";
    color: #e92434
}

.flag-TN-32 .path2:before {
    content: "\ecfe";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-TO-32 .path1:before {
    content: "\ed01";
    color: #f5f6fa
}

.flag-TO-32 .path2:before {
    content: "\ed02";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-TO-32 .path3:before {
    content: "\ed03";
    margin-left: -1.3525390625em;
    color: #e20f1b
}

.flag-TO-32 .path4:before {
    content: "\ed04";
    margin-left: -1.3525390625em;
    color: #f60000
}

.flag-TR-32 .path1:before {
    content: "\ed05";
    color: #e92434
}

.flag-TR-32 .path2:before {
    content: "\ed06";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-TR-32 .path3:before {
    content: "\ed07";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-TT-32 .path1:before {
    content: "\ed09";
    color: #ed233c
}

.flag-TT-32 .path2:before {
    content: "\ed0a";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-TT-32 .path3:before {
    content: "\ed0b";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-TW-32 .path1:before {
    content: "\ed0e";
    color: #fe3030
}

.flag-TW-32 .path2:before {
    content: "\ed0f";
    margin-left: -1.3525390625em;
    color: #0909b6
}

.flag-TW-32 .path3:before {
    content: "\ed10";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-TZ-32 .path1:before {
    content: "\ed13";
    color: #33cc4d
}

.flag-TZ-32 .path2:before {
    content: "\ed14";
    margin-left: -1.3525390625em;
    color: #2dafe4
}

.flag-TZ-32 .path3:before {
    content: "\ed15";
    margin-left: -1.3525390625em;
    color: #ffd84f
}

.flag-TZ-32 .path4:before {
    content: "\ed16";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-UA-32 .path1:before {
    content: "\ed19";
    color: #235cbe
}

.flag-UA-32 .path2:before {
    content: "\ed1a";
    margin-left: -1.3525390625em;
    color: #fad702
}

.flag-UG-32 .path1:before {
    content: "\ed1c";
    color: #262626
}

.flag-UG-32 .path2:before {
    content: "\ed1d";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-UG-32 .path3:before {
    content: "\ed1e";
    margin-left: -1.3525390625em;
    color: #ed1623
}

.flag-UG-32 .path4:before {
    content: "\ed1f";
    margin-left: -1.3525390625em;
    color: #fee044
}

.flag-UG-32 .path5:before {
    content: "\ed20";
    margin-left: -1.3525390625em;
    color: #ed1623
}

.flag-UG-32 .path6:before {
    content: "\ed21";
    margin-left: -1.3525390625em;
    color: #fee044
}

.flag-UG-32 .path7:before {
    content: "\ed22";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-UG-32 .path8:before {
    content: "\ed23";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-US-32 .path1:before {
    content: "\ed26";
    color: #fff
}

.flag-US-32 .path2:before {
    content: "\ed27";
    margin-left: -1.3525390625em;
    color: #d02f44
}

.flag-US-32 .path3:before {
    content: "\ed28";
    margin-left: -1.3525390625em;
    color: #46467f
}

.flag-UY-32 .path1:before {
    content: "\ed2c";
    color: #f5f6fa
}

.flag-UY-32 .path2:before {
    content: "\ed2d";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-UY-32 .path3:before {
    content: "\ed2e";
    margin-left: -1.3525390625em;
    color: #0e4dc5
}

.flag-UY-32 .path4:before {
    content: "\ed2f";
    margin-left: -1.3525390625em;
    color: #fed443
}

.flag-UZ-32 .path1:before {
    content: "\ed30";
    color: #f5f6fa
}

.flag-UZ-32 .path2:before {
    content: "\ed31";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-UZ-32 .path3:before {
    content: "\ed32";
    margin-left: -1.3525390625em;
    color: #04aac8
}

.flag-UZ-32 .path4:before {
    content: "\ed33";
    margin-left: -1.3525390625em;
    color: #23c840
}

.flag-UZ-32 .path5:before {
    content: "\ed34";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-VC-32 .path1:before {
    content: "\ed35";
    color: #08c47a
}

.flag-VC-32 .path2:before {
    content: "\ed36";
    margin-left: -1.3525390625em;
    color: #0c87e1
}

.flag-VC-32 .path3:before {
    content: "\ed37";
    margin-left: -1.3525390625em;
    color: #fecb2f
}

.flag-VC-32 .path4:before {
    content: "\ed38";
    margin-left: -1.3525390625em;
    color: #08c47a
}

.flag-VE-32 .path1:before {
    content: "\ed3b";
    color: #063191
}

.flag-VE-32 .path2:before {
    content: "\ed3c";
    margin-left: -1.3525390625em;
    color: #e2213b
}

.flag-VE-32 .path3:before {
    content: "\ed3d";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-VE-32 .path4:before {
    content: "\ed3e";
    margin-left: -1.3525390625em;
    color: #ffd044
}

.flag-VG-32 .path1:before {
    content: "\ed41";
    color: #012998
}

.flag-VG-32 .path2:before {
    content: "\ed42";
    margin-left: -1.3525390625em;
    color: #ff0
}

.flag-VG-32 .path3:before {
    content: "\ed43";
    margin-left: -1.3525390625em;
    color: #8fc5ff
}

.flag-VG-32 .path4:before {
    content: "\ed44";
    margin-left: -1.3525390625em;
    color: #366cc9
}

.flag-VG-32 .path5:before {
    content: "\ed45";
    margin-left: -1.3525390625em;
    color: #cf6200
}

.flag-VG-32 .path6:before {
    content: "\ed46";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-VG-32 .path7:before {
    content: "\ed47";
    margin-left: -1.3525390625em;
    color: #db1e36
}

.flag-VG-32 .path8:before {
    content: "\ed48";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-VG-32 .path9:before {
    content: "\ed49";
    margin-left: -1.3525390625em;
    color: #db1e36
}

.flag-VG-32 .path10:before {
    content: "\ed4a";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-VG-32 .path11:before {
    content: "\e947";
    margin-left: -1.3525390625em;
    color: #008339
}

.flag-VG-32 .path12:before {
    content: "\e948";
    margin-left: -1.3525390625em;
    color: #ffd033
}

.flag-VG-32 .path13:before {
    content: "\e949";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-VG-32 .path14:before {
    content: "\e94d";
    margin-left: -1.3525390625em;
    color: #ffd033
}

.flag-VN-32 .path1:before {
    content: "\ed4b";
    color: #ea403f
}

.flag-VN-32 .path2:before {
    content: "\ed4c";
    margin-left: -1.3525390625em;
    color: #fffe4e
}

.flag-WS-32 .path1:before {
    content: "\ed4f";
    color: #e31f37
}

.flag-WS-32 .path2:before {
    content: "\ed50";
    margin-left: -1.3525390625em;
    color: #083b9a
}

.flag-WS-32 .path3:before {
    content: "\ed51";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-YE-32 .path1:before {
    content: "\ed54";
    color: #f5f6fa
}

.flag-YE-32 .path2:before {
    content: "\ed55";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-YE-32 .path3:before {
    content: "\ed56";
    margin-left: -1.3525390625em;
    color: #e32138
}

.flag-YE-32 .path4:before {
    content: "\ed57";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-ZA-32 .path1:before {
    content: "\ed58";
    color: #06a86e
}

.flag-ZA-32 .path2:before {
    content: "\ed59";
    margin-left: -1.3525390625em;
    color: #ffbf2e
}

.flag-ZA-32 .path3:before {
    content: "\ed5a";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-ZA-32 .path4:before {
    content: "\ed5b";
    margin-left: -1.3525390625em;
    color: #f44e46
}

.flag-ZA-32 .path5:before {
    content: "\ed5c";
    margin-left: -1.3525390625em;
    color: #072cb4
}

.flag-ZW-32 .path1:before {
    content: "\ed60";
    color: #f5f6fa
}

.flag-ZW-32 .path2:before {
    content: "\ed61";
    margin-left: -1.3525390625em;
    color: #fff
}

.flag-ZW-32 .path3:before {
    content: "\ed62";
    margin-left: -1.3525390625em;
    color: #369d0c
}

.flag-ZW-32 .path4:before {
    content: "\ed63";
    margin-left: -1.3525390625em;
    color: #ffd40e
}

.flag-ZW-32 .path5:before {
    content: "\ed64";
    margin-left: -1.3525390625em;
    color: #262626
}

.flag-ZW-32 .path6:before {
    content: "\ed65";
    margin-left: -1.3525390625em;
    color: #e72717
}

@font-face {
    font-family: 'BK-banks';
    src: url("../fonts/iconFontUnificada/bankinter_bank_DSL.eot??8oi7gn");
    src: url("../fonts/iconFontUnificada/bankinter_bank_DSL.eot??8oi7gn#iefix") format("embedded-opentype"), url("../fonts/iconFontUnificada/bankinter_bank_DSL.ttf??8oi7gn") format("truetype"), url("../fonts/iconFontUnificada/bankinter_bank_DSL.woff??8oi7gn") format("woff"), url("../fonts/iconFontUnificada/bankinter_bank_DSL.svg??8oi7gn#bankinter_bank_DSL") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="bank-"],
[class*=" bank-"] {
    font-family: 'BK-banks' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bank-fallback-text .text {
    clip: rect(0 0 0 0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px
}

.bank--24 {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 24px
}

.bank--32 {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 32px
}

.bank--48 {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 48px
}

.bank--64 {
    width: 64px;
    height: 64px;
    line-height: 64px;
    font-size: 64px
}

.bank--168 {
    width: 168px;
    height: 168px;
    line-height: 168px;
    font-size: 168px
}

.bank-gether-32 .path1:before {
    content: "\e900";
    color: #000
}

.bank-gether-32 .path2:before {
    content: "\e901";
    margin-left: -1em;
    color: #fff
}

.bank-abanca-32:before {
    content: "\e902";
    color: #587db1
}

.bank-abante-asesores-32:before {
    content: "\e903";
    color: #f3024a
}

.bank-agbanca-32:before {
    content: "\e904";
    color: #bdb999
}

.bank-alantra-32:before {
    content: "\e905";
    color: #264911
}

.bank-andbank-32:before {
    content: "\e906";
    color: #e32413
}

.bank-atlcapital-32:before {
    content: "\e907";
    color: #112b5b
}

.bank-atombank-32 .path1:before {
    content: "\e908";
    color: #fad004
}

.bank-atombank-32 .path2:before {
    content: "\e909";
    margin-left: -1em;
    color: #6d4c75
}

.bank-atombank-32 .path3:before {
    content: "\e90a";
    margin-left: -1em;
    color: #ee336d
}

.bank-azvalor-32:before {
    content: "\e90b";
    color: #2955ff
}

.bank-banca-march-32:before {
    content: "\e90c";
    color: #00584c
}

.bank-banco-alcala-32:before {
    content: "\e90d";
    color: #a5b639
}

.bank-bankia-32:before {
    content: "\e90e";
    color: #b7c718
}

.bank-bkcf-32 .path1:before {
    content: "\e90f";
    color: #4bc115
}

.bank-bkcf-32 .path2:before {
    content: "\e910";
    margin-left: -1em;
    color: #ffec01
}

.bank-bkcf-32 .path3:before {
    content: "\e911";
    margin-left: -1em;
    color: #ff00a4
}

.bank-bankinter-32:before {
    content: "\e912";
    color: #ff7300
}

.bank-bankintercard-32 .path1:before {
    content: "\e913";
    color: #4bc115
}

.bank-bankintercard-32 .path2:before {
    content: "\e914";
    margin-left: -1em;
    color: #ffec01
}

.bank-bankintercard-32 .path3:before {
    content: "\e915";
    margin-left: -1em;
    color: #ff00a4
}

.bank-bbva-32:before {
    content: "\e916";
    color: #284770
}

.bank-bestinver-32 .path1:before {
    content: "\e917";
    color: #1a1919
}

.bank-bestinver-32 .path2:before {
    content: "\e918";
    margin-left: -1em;
    color: #db3f38
}

.bank-bestinver-32 .path3:before {
    content: "\e919";
    margin-left: -1em;
    color: #db3f38
}

.bank-bestinver-32 .path4:before {
    content: "\e91a";
    margin-left: -1em;
    color: #1a1919
}

.bank-bnext-32 .path1:before {
    content: "\e91b";
    color: #f40067
}

.bank-bnext-32 .path2:before {
    content: "\e91c";
    margin-left: -1em;
    color: #fff
}

.bank-bnp-paribas-32 .path1:before {
    content: "\e91d";
    color: #00955b
}

.bank-bnp-paribas-32 .path2:before {
    content: "\e91e";
    margin-left: -1em;
    color: #fefefe
}

.bank-caixa-32 .path1:before {
    content: "\e91f";
    color: #4090ce
}

.bank-caixa-32 .path2:before {
    content: "\e920";
    margin-left: -1em;
    color: #ffc226
}

.bank-caixa-32 .path3:before {
    content: "\e921";
    margin-left: -1em;
    color: #f04924
}

.bank-cajamar-32 .path1:before {
    content: "\e922";
    color: #227d88
}

.bank-cajamar-32 .path2:before {
    content: "\e923";
    margin-left: -1em;
    color: #79babb
}

.bank-cajamar-32 .path3:before {
    content: "\e924";
    margin-left: -1em;
    color: #79babb
}

.bank-cajamar-32 .path4:before {
    content: "\e925";
    margin-left: -1em;
    color: #79babb
}

.bank-cajamar-32 .path5:before {
    content: "\e926";
    margin-left: -1em;
    color: #79babb
}

.bank-cajamar-32 .path6:before {
    content: "\e927";
    margin-left: -1em;
    color: #227d88
}

.bank-cajasur-32 .path1:before {
    content: "\e928";
    color: #e20714
}

.bank-cajasur-32 .path2:before {
    content: "\e929";
    margin-left: -1em;
    color: #fefefe
}

.bank-cobas-32 .path1:before {
    content: "\e92a";
    color: #498b2b
}

.bank-cobas-32 .path2:before {
    content: "\e97d";
    margin-left: -1em;
    color: #fff
}

.bank-degroof-32:before {
    content: "\e92b"
}

.bank-deutchebank-32:before {
    content: "\e92c";
    color: #003383
}

.bank-diaphanum-32 .path1:before {
    content: "\e92d";
    color: #267787
}

.bank-diaphanum-32 .path2:before {
    content: "\e92e";
    margin-left: -1em;
    color: #749f8c
}

.bank-edm-32:before {
    content: "\e92f";
    color: #D9E4FF
}

.bank-evo-32:before {
    content: "\e930"
}

.bank-gvc-gaesco-32:before {
    content: "\e931";
    color: #009ea5
}

.bank-ibercaja-32:before {
    content: "\e932"
}

.bank-imaginbank-32:before {
    content: "\e933";
    color: #009fe3
}

.bank-indosuez-32:before {
    content: "\e934";
    color: #827060
}

.bank-ing-32 .path1:before {
    content: "\e935";
    color: #fffffe
}

.bank-ing-32 .path2:before {
    content: "\e936";
    margin-left: -1em;
    color: #302c58
}

.bank-ing-32 .path3:before {
    content: "\e937";
    margin-left: -1em;
    color: #ff6200
}

.bank-inversis-32 .path1:before {
    content: "\e938";
    color: #2a7fa3
}

.bank-inversis-32 .path2:before {
    content: "\e939";
    margin-left: -1em;
    color: #3eb5d0
}

.bank-kutxabank-32 .path1:before {
    content: "\e93a";
    color: #000
}

.bank-kutxabank-32 .path2:before {
    content: "\e93b";
    margin-left: -1em;
    color: #fff
}

.bank-kutxabank-32 .path3:before {
    content: "\e93c";
    margin-left: -1em;
    color: #da3337
}

.bank-laboralkutxa-32 .path1:before {
    content: "\e93d";
    color: #aa004e
}

.bank-laboralkutxa-32 .path2:before {
    content: "\e93e";
    margin-left: -1em;
    color: #82bb00
}

.bank-laboralkutxa-32 .path3:before {
    content: "\e93f";
    margin-left: -1em;
    color: #54274e
}

.bank-laboralkutxa-32 .path4:before {
    content: "\e940";
    margin-left: -1em;
    color: #fefefe
}

.bank-liberbank-32 .path1:before {
    content: "\e941";
    color: #2a2824
}

.bank-liberbank-32 .path2:before {
    content: "\e942";
    margin-left: -1em;
    color: #2a2824
}

.bank-liberbank-32 .path3:before {
    content: "\e943";
    margin-left: -1em;
    color: #2a2824
}

.bank-liberbank-32 .path4:before {
    content: "\e944";
    margin-left: -1em;
    color: #efcb00
}

.bank-mediulanum-32 .path1:before {
    content: "\e945";
    color: #1b8fc2
}

.bank-mediulanum-32 .path2:before {
    content: "\e946";
    margin-left: -1em;
    color: #212b4e
}

.bank-mediulanum-32 .path3:before {
    content: "\e947";
    margin-left: -1em;
    color: #212b4e
}

.bank-monzo-32 .path1:before {
    content: "\e948";
    color: #ff4a60
}

.bank-monzo-32 .path2:before {
    content: "\e949";
    margin-left: -1em;
    color: #f1cf9b
}

.bank-monzo-32 .path3:before {
    content: "\e94a";
    margin-left: -1em;
    color: #00798b
}

.bank-monzo-32 .path4:before {
    content: "\e94b";
    margin-left: -1em;
    color: #87bba7
}

.bank-n26-32:before {
    content: "\e94c"
}

.bank-novobanco-32 .path1:before {
    content: "\e94d";
    color: #c0d246
}

.bank-novobanco-32 .path2:before {
    content: "\e94e";
    margin-left: -1em;
    color: #9ca1a5
}

.bank-openbank-32:before {
    content: "\e94f";
    color: #ff0049
}

.bank-orientacapital-32 .path1:before {
    content: "\e950";
    color: #0a0e13
}

.bank-orientacapital-32 .path2:before {
    content: "\e97e";
    margin-left: -1em;
    color: #2d4f73
}

.bank-popular-32:before {
    content: "\e951";
    color: #e10e49
}

.bank-renta4-32:before {
    content: "\e952";
    color: #bf1931
}

.bank-revolut-32:before {
    content: "\e953";
    color: #43a5d0
}

.bank-ruralvia-32:before {
    content: "\e954";
    color: #00795d
}

.bank-sabadell-32 .path1:before {
    content: "\e955";
    color: #046cf7
}

.bank-sabadell-32 .path2:before {
    content: "\e956";
    margin-left: -1em;
    color: #fffffe
}

.bank-sabadell-32 .path3:before {
    content: "\e957";
    margin-left: -1em;
    color: #161617
}

.bank-santander-32:before {
    content: "\e958";
    color: #ed0f18
}

.bank-selfbank-32 .path1:before {
    content: "\e959";
    color: #e60074
}

.bank-selfbank-32 .path2:before {
    content: "\e95a";
    margin-left: -1em;
    color: #026fbc
}

.bank-selfbank-32 .path3:before {
    content: "\e95b";
    margin-left: -1em;
    color: #049ee6
}

.bank-selfbank-32 .path4:before {
    content: "\e95c";
    margin-left: -1em;
    color: #03baed
}

.bank-selfbank-32 .path5:before {
    content: "\e95d";
    margin-left: -1em;
    color: #0070bc
}

.bank-selfbank-32 .path6:before {
    content: "\e95e";
    margin-left: -1em;
    color: #003687
}

.bank-starling-32 .path1:before {
    content: "\e95f";
    color: #8530ff
}

.bank-starling-32 .path2:before {
    content: "\e960";
    margin-left: -1em;
    color: #fff
}

.bank-tandembank-32 .path1:before {
    content: "\e961";
    color: #4edffe
}

.bank-tandembank-32 .path2:before {
    content: "\e962";
    margin-left: -1em;
    color: #000
}

.bank-testbank-32:before {
    content: "\e963";
    color: #9a8c57
}

.bank-tressis-32 .path1:before {
    content: "\e964";
    color: #2d3e4a
}

.bank-tressis-32 .path2:before {
    content: "\e965";
    margin-left: -1em;
    color: #bd0025
}

.bank-ubs-32:before {
    content: "\e966"
}

.bank-unicaja-32 .path1:before {
    content: "\e967";
    color: #d63330
}

.bank-unicaja-32 .path2:before {
    content: "\e968";
    margin-left: -1em;
    color: #4b9a44
}

.bank-unicaja-32 .path3:before {
    content: "\e969";
    margin-left: -1em;
    color: #4b9a44
}

.bank-unicaja-32 .path4:before {
    content: "\e96a";
    margin-left: -1em;
    color: #4b9a44
}

.bank-unicaja-32 .path5:before {
    content: "\e96b";
    margin-left: -1em;
    color: #4b9a44
}

.bank-unicaja-32 .path6:before {
    content: "\e96c";
    margin-left: -1em;
    color: #4b9a44
}

.bank-unicaja-32 .path7:before {
    content: "\e96d";
    margin-left: -1em;
    color: #4b9a44
}

.bank-unicaja-32 .path8:before {
    content: "\e96e";
    margin-left: -1em;
    color: #4b9a44
}

.bank-unicaja-32 .path9:before {
    content: "\e96f";
    margin-left: -1em;
    color: #4b9a44
}

.bank-unicaja-32 .path10:before {
    content: "\e970";
    margin-left: -1em;
    color: #4b9a44
}

.bank-unicaja-32 .path11:before {
    content: "\e971";
    margin-left: -1em;
    color: #d63330
}

.bank-unicaja-32 .path12:before {
    content: "\e972";
    margin-left: -1em;
    color: #4b9a44
}

.bank-unicaja-32 .path13:before {
    content: "\e973";
    margin-left: -1em;
    color: #1a1919
}

.bank-unicaja-32 .path14:before {
    content: "\e974";
    margin-left: -1em;
    color: #1a1919
}

.bank-unicaja-32 .path15:before {
    content: "\e975";
    margin-left: -1em;
    color: #1a1919
}

.bank-unicaja-32 .path16:before {
    content: "\e976";
    margin-left: -1em;
    color: #1a1919
}

.bank-unicaja-32 .path17:before {
    content: "\e977";
    margin-left: -1em;
    color: #1a1919
}

.bank-unicaja-32 .path18:before {
    content: "\e978";
    margin-left: -1em;
    color: #1a1919
}

.bank-unicaja-32 .path19:before {
    content: "\e979";
    margin-left: -1em;
    color: #1a1919
}

.bank-unicorp-32:before {
    content: "\e97a"
}

.bank-wizink-32 .path1:before {
    content: "\e97b";
    color: #152a69
}

.bank-wizink-32 .path2:before {
    content: "\e97c";
    margin-left: -1em;
    color: #00c6c5
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.container--process {
    min-height: 500px
}

.container_theme_card {
    padding: 16px 24px 16px 24px
}

.container_theme_bg {
    background-color: #fff
}

.container_theme_pad40 {
    padding: 40px
}

@media (min-width: 576px) {
    .container {
        max-width: 700px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px
    }
}

@media (min-width: 992px) {
    .container.section-end-padding {
        padding-bottom: 40px
    }
}

.container-rp {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.container-fluid--process {
    min-height: 500px
}

.container-fluid_theme_card {
    padding: 16px 24px 16px 24px
}

.container-fluid_theme_bg {
    background-color: #fff
}

.container-fluid_theme_pad40 {
    padding: 40px
}

.container--white {
    background-color: #fff
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333%
    }
    .offset-sm-2 {
        margin-left: 16.66667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333%
    }
    .offset-sm-5 {
        margin-left: 41.66667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333%
    }
    .offset-sm-8 {
        margin-left: 66.66667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333%
    }
    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333%
    }
    .offset-md-2 {
        margin-left: 16.66667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333%
    }
    .offset-md-5 {
        margin-left: 41.66667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333%
    }
    .offset-md-8 {
        margin-left: 66.66667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333%
    }
    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333%
    }
    .offset-lg-2 {
        margin-left: 16.66667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333%
    }
    .offset-lg-5 {
        margin-left: 41.66667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333%
    }
    .offset-lg-8 {
        margin-left: 66.66667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333%
    }
    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333%
    }
    .offset-xl-2 {
        margin-left: 16.66667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333%
    }
    .offset-xl-5 {
        margin-left: 41.66667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333%
    }
    .offset-xl-8 {
        margin-left: 66.66667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333%
    }
    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-wrap {
    white-space: normal !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-truncate-multiline {
    display: block;
    display: -webkit-box;
    height: 3rem;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    color: #5c6780;
    height: 48px
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-normal {
    text-transform: none !important
}

.font-weight-light {
    font-weight: 100 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold,
.menu-lateral--active {
    font-weight: 700 !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-black {
    color: #191B1C !important
}

.text-primary {
    color: #FF821C !important
}

a.text-primary:hover,
a.text-primary:focus {
    color: #e86800 !important
}

.text-secondary {
    color: #FED430 !important
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #fac701 !important
}

.text-success {
    color: #22CB65 !important
}

a.text-success:hover,
a.text-success:focus {
    color: #1b9f4f !important
}

.text-info {
    color: #B5F0EF !important
}

a.text-info:hover,
a.text-info:focus {
    color: #8be7e6 !important
}

.text-danger {
    color: #CB1720 !important
}

a.text-danger:hover,
a.text-danger:focus {
    color: #9d1219 !important
}

.text-light {
    color: #EBEEF5 !important
}

a.text-light:hover,
a.text-light:focus {
    color: #c9d1e4 !important
}

.text-dark {
    color: #5c6780 !important
}

a.text-dark:hover,
a.text-dark:focus {
    color: #474f62 !important
}

.text-orange {
    color: #BD4313 !important
}

a.text-orange:hover,
a.text-orange:focus {
    color: #8f330e !important
}

.text-muted {
    color: #5c6780 !important
}

.text-gris-frio {
    color: #5c6780 !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-size--lg {
    font-size: 1.25rem
}

.text-size--sm {
    font-size: .875rem
}

.text-size--xs {
    font-size: .75rem
}

.text-size--base {
    font-size: 1rem
}

.text-disabled {
    color: #5c6780
}

.text-disabled:hover {
    color: #5c6780;
    text-decoration: none;
    cursor: default
}

.text-disabled:focus {
    outline: none
}

.text-focus {
    outline: 1px dashed #191B1C
}

.small-text {
    font-family: "BK-Sans";
    font-size: 0.875rem;
    line-height: 1.5rem
}

.line-height--1 {
    line-height: 16px
}

.text-break {
    overflow-wrap: break-word;
    word-break: break-word
}

.highlight {
    font-size: 108px;
    color: #F7FAFF;
    font-weight: 900;
    z-index: -1
}

.text-aviso-proceso {
    font-weight: 700;
    font-family: "BK-Sans";
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width: 768px) {
    .text-aviso-proceso {
        font-size: 1.25rem
    }
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-6 {
    order: 6 !important
}

.order-7 {
    order: 7 !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
    .order-sm-0 {
        order: 0 !important
    }
    .order-sm-1 {
        order: 1 !important
    }
    .order-sm-2 {
        order: 2 !important
    }
    .order-sm-3 {
        order: 3 !important
    }
    .order-sm-4 {
        order: 4 !important
    }
    .order-sm-5 {
        order: 5 !important
    }
    .order-sm-6 {
        order: 6 !important
    }
    .order-sm-7 {
        order: 7 !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
    .order-md-0 {
        order: 0 !important
    }
    .order-md-1 {
        order: 1 !important
    }
    .order-md-2 {
        order: 2 !important
    }
    .order-md-3 {
        order: 3 !important
    }
    .order-md-4 {
        order: 4 !important
    }
    .order-md-5 {
        order: 5 !important
    }
    .order-md-6 {
        order: 6 !important
    }
    .order-md-7 {
        order: 7 !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
    .order-lg-0 {
        order: 0 !important
    }
    .order-lg-1 {
        order: 1 !important
    }
    .order-lg-2 {
        order: 2 !important
    }
    .order-lg-3 {
        order: 3 !important
    }
    .order-lg-4 {
        order: 4 !important
    }
    .order-lg-5 {
        order: 5 !important
    }
    .order-lg-6 {
        order: 6 !important
    }
    .order-lg-7 {
        order: 7 !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
    .order-xl-0 {
        order: 0 !important
    }
    .order-xl-1 {
        order: 1 !important
    }
    .order-xl-2 {
        order: 2 !important
    }
    .order-xl-3 {
        order: 3 !important
    }
    .order-xl-4 {
        order: 4 !important
    }
    .order-xl-5 {
        order: 5 !important
    }
    .order-xl-6 {
        order: 6 !important
    }
    .order-xl-7 {
        order: 7 !important
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    clip-path: none
}

.sr-only-xs {
    display: none
}

@media (min-width: 992px) {
    .sr-only-xs {
        display: block
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-90 {
    width: 90% !important
}

.w-100 {
    width: 100% !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-90 {
    height: 90% !important
}

.h-100 {
    height: 100% !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.visible {
    -webkit-visibility: visible;
    -moz-visibility: visible;
    -ms-visibility: visible;
    -o-visibility: visible;
    visibility: visible
}

.invisible {
    -webkit-visibility: hidden;
    -moz-visibility: hidden;
    -ms-visibility: hidden;
    -o-visibility: hidden;
    visibility: hidden
}

.background-color--white {
    background-color: #fff
}

.background-color--cyan {
    background-color: #B5F0EF
}

.background-color--orange {
    background-color: #FF821C
}

.background-color--yellow {
    background-color: #FED430
}

.background-color--yellow-fourth {
    background-color: #FFDC54
}

.background-color--grey {
    background-color: #EBEEF5
}

.background-color--second-grey {
    background-color: #F7FAFF
}

.background-color--third-grey {
    background-color: #F7FAFF
}

.background-color--business-grey {
    background-color: #4B575D
}

.background-color--third-cyan {
    background-color: #A4EAE9
}

.background-color--purple-extra-light {
    background-color: #EBEEF5
}

.background-color--purple-light {
    background-color: #EFF3FF
}

.background-color--fourth-red {
    background-color: #FFB5B1
}

.background-color--red-fifth {
    background-color: #FF7E7E
}

.background-color--green {
    background-color: #A7F3C5
}

.background-color--green-fifth {
    background-color: #92ECB6
}

.background-color--bk-gris-frio-second {
    background-color: #EBEEF5
}

.background-color--bkj-yellow {
    background-color: #FFE700
}

.background-color--bkj-turquoise {
    background-color: #37ECC7
}

.background-color--bkj-blue {
    background-color: #08C3FF
}

.background-color--bkj-red {
    background-color: #FF4169
}

.transform-rotate--90 {
    transform: rotate(90deg)
}

.transform-rotate--135 {
    transform: rotate(135deg)
}

.transform-rotate--180 {
    transform: rotate(180deg)
}

.transform-rotate--270 {
    transform: rotate(270deg)
}

.card {
    width: 100%;
    position: relative
}

@media (max-width: 767.98px) {
    .card {
        margin-bottom: 67.5%
    }
}

.card__link {
    position: relative;
    margin-top: 67.5%
}

@media (max-width: 767.98px) {
    .card__link {
        top: 0;
        margin-top: 0
    }
}

.card__content {
    perspective: 500px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    transition: transform 1s;
    transform-style: preserve-3d
}

.card__front,
.card__back {
    position: absolute;
    height: 100%;
    width: 100%;
    background: white;
    text-align: center;
    font-size: 60px;
    border-radius: 5px;
    backface-visibility: hidden
}

.card__front {
    transition: visibility 0.5s, transform 1s
}

.card__flipped .card__front {
    visibility: hidden;
    transform: rotateY(180deg)
}

.card__back {
    transform: rotateY(-180deg);
    transition: visibility 0.5s, transform 1s
}

.card__flipped .card__back {
    transform: rotateY(0deg)
}

.card__img {
    vertical-align: unset !important
}

.border-radius--0 {
    border-radius: 0
}

.border-top-left-radius--0 {
    border-top-left-radius: 0
}

.border-top-right-radius--0 {
    border-top-right-radius: 0
}

.border-bottom-left-radius--0 {
    border-bottom-left-radius: 0
}

.border-bottom-right-radius--0 {
    border-bottom-right-radius: 0
}

.border-radius--2 {
    border-radius: 2px
}

.border-top-left-radius--2 {
    border-top-left-radius: 2px
}

.border-top-right-radius--2 {
    border-top-right-radius: 2px
}

.border-bottom-left-radius--2 {
    border-bottom-left-radius: 2px
}

.border-bottom-right-radius--2 {
    border-bottom-right-radius: 2px
}

.border-radius--4 {
    border-radius: 4px
}

.border-top-left-radius--4 {
    border-top-left-radius: 4px
}

.border-top-right-radius--4 {
    border-top-right-radius: 4px
}

.border-bottom-left-radius--4 {
    border-bottom-left-radius: 4px
}

.border-bottom-right-radius--4 {
    border-bottom-right-radius: 4px
}

.overflow--hidden {
    overflow: hidden
}

.overflow--visible {
    overflow: visible !important
}

.cursor-default {
    cursor: default
}

.cursor-pointer {
    cursor: pointer
}

.cursor-not-allowed {
    cursor: not-allowed
}

@media screen {
    .printable {
        display: none
    }
}

@page {
    size: A4;
    margin: 0mm
}

@media print {
    html,
    body,
    main {
        width: 210mm;
        height: 297mm;
        background-color: #FFFFFF !important;
        margin: 0
    }
    .container {
        max-width: none
    }
    .tab-table__content {
        margin-top: 0 !important
    }
    header,
    footer,
    nav,
    aside {
        display: none !important;
        display: none !important
    }
    .no-printable {
        display: none !important
    }
}

*,
*::before,
*::after {
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@-ms-viewport {
    width: device-width
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: "BK-Sans";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #191B1C;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0
}

[tabindex]:focus {
    outline: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border-style: solid none none;
    margin: 1rem 0;
    border-color: #EBEEF5
}

hr.hr-border--black {
    border-width: 2px;
    border-color: #191B1C
}

hr.hr-border--black-slim {
    border-width: 1px;
    border-color: #191B1C
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

ol,
ul,
dl {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0
}

b,
strong {
    font-weight: bold
}

small,
.small {
    font-size: 80%
}

sub,
sup,
.sub,
.sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub,
.sub {
    bottom: -0.25em
}

sup,
.sup {
    top: -0.5em
}

a {
    color: #BD4313;
    text-decoration: none;
    outline: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #BD4313
}

a:focus {
    outline: 1px dashed #191B1C
}

a:hover {
    color: #BD4313;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button {
    border-radius: 0;
    border: none;
    background: none;
    white-space: nowrap;
    cursor: pointer
}

button:focus {
    outline: 0;
    color: #191B1C
}

input:focus {
    outline: 0;
    border: none
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
    -webkit-appearance: none;
    margin: 0
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

@media (max-width: 575.98px) {
    .container-fluid .container {
        padding: 0 9px !important
    }
}

@media (max-width: 767.98px) {
    .container {
        padding: 0 24px
    }
    .container_theme_card {
        padding: 8px 24px 8px 24px
    }
    .container.no-padding-xs {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-padding-xs .row {
        margin-left: 0;
        margin-right: 0
    }
    .container.no-padding-xs .row [class*='col-'] {
        padding-left: 0;
        padding-right: 0
    }
}

.container.no-padding {
    padding-left: 0;
    padding-right: 0
}

.hidden {
    display: none
}

.hidden-xs {
    display: none
}

@media (min-width: 576px) {
    .hidden-xs {
        display: inline
    }
}

.hidden-visibility {
    visibility: hidden
}

img {
    display: inline-block
}

html {
    min-height: 100%;
    position: relative
}

body {
    margin-bottom: 0
}

@media (min-width: 768px) {
    body {
        margin-bottom: 358px
    }
}

@media (min-width: 1200px) {
    body {
        margin-bottom: 318px
    }
}

body.no-scroll {
    overflow: hidden
}

body.no--scroll {
    overflow: hidden
}

body.bgf3f5f5 {
    background-color: #EBEEF5
}

body.bgf5f8fa {
    background-color: #EBEEF5
}

body.bggrey {
    background-color: #EBEEF5
}

sup {
    font-size: 65%
}

.egualizer-padding__64 {
    padding-top: 40px
}

@media (min-width: 576px) {
    .egualizer-padding__64 {
        padding-top: 64px
    }
}

.ss-wrapper {
    overflow: hidden;
    height: auto;
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    -ms-overflow-style: none
}

.ss-wrapper ::-webkit-scrollbar {
    display: none
}

.ss-content {
    padding-right: 16px;
    overflow: auto;
    width: inherit;
    scrollbar-width: none
}

.ss-scroll {
    position: absolute;
    width: 24px;
    top: 8px;
    bottom: 8px;
    z-index: 2;
    cursor: pointer;
    opacity: 1;
    right: -4px;
    height: 50%;
    min-height: 40px
}

.ss-scroll:after {
    content: '';
    display: block;
    position: absolute;
    background: rgba(92, 103, 128, 0.35);
    border-radius: 12px;
    top: 8px;
    bottom: 8px;
    left: 10px;
    right: 10px
}

.ss-hidden {
    display: none
}

.margin-bottom_0 {
    margin-bottom: 0
}

.margin-top_0 {
    margin-top: 0
}

.margin-bottom_8 {
    margin-bottom: .5rem
}

.margin-top_8 {
    margin-top: .5rem
}

.margin-bottom_16 {
    margin-bottom: 1rem
}

.margin-top_16 {
    margin-top: 1rem
}

.margin-bottom_24 {
    margin-bottom: 1.5rem
}

.margin-top_24 {
    margin-top: 1.5rem
}

.margin-bottom_32 {
    margin-bottom: 2rem
}

.margin-top_32 {
    margin-top: 2rem
}

.margin-bottom_40 {
    margin-bottom: 2.5rem
}

.margin-top_40 {
    margin-top: 2.5rem
}

.margin-bottom_48 {
    margin-bottom: 3rem
}

.margin-top_48 {
    margin-top: 3rem
}

.margin-bottom_64 {
    margin-bottom: 4rem
}

.margin-top_64 {
    margin-top: 4rem
}

.margin-bottom_104 {
    margin-bottom: 6.5rem
}

.margin-top_104 {
    margin-top: 6.5rem
}

@media (max-width: 767.98px) {
    .margin-bottom_0-xs {
        margin-bottom: 0 !important
    }
    .margin-top_0-xs {
        margin-top: 0 !important
    }
    .margin-bottom_8-xs {
        margin-bottom: .5rem !important
    }
    .margin-top_8-xs {
        margin-top: .5rem !important
    }
    .margin-bottom_16-xs {
        margin-bottom: 1rem !important
    }
    .margin-top_16-xs {
        margin-top: 1rem !important
    }
    .margin-bottom_24-xs {
        margin-bottom: 1.5rem !important
    }
    .margin-top_24-xs {
        margin-top: 1.5rem !important
    }
    .margin-bottom_32-xs {
        margin-bottom: 2rem !important
    }
    .margin-top_32-xs {
        margin-top: 2rem !important
    }
    .margin-bottom_40-xs {
        margin-bottom: 2.5rem !important
    }
    .margin-top_40-xs {
        margin-top: 2.5rem !important
    }
    .margin-bottom_48-xs {
        margin-bottom: 3rem !important
    }
    .margin-top_48-xs {
        margin-top: 3rem !important
    }
    .margin-bottom_64-xs {
        margin-bottom: 4rem !important
    }
    .margin-top_64-xs {
        margin-top: 4rem !important
    }
    .margin-bottom_104-xs {
        margin-bottom: 6.5rem !important
    }
    .margin-top_104-xs {
        margin-top: 6.5rem !important
    }
}

.section-heading {
    color: #191B1C
}

.section-heading .section-heading__title {
    font-weight: 400;
    font-family: "BK-Text";
    font-size: 1.5rem
}

@media (min-width: 768px) {
    .section-heading .section-heading__title {
        font-size: 2rem
    }
}

.section-heading .section-heading__description {
    margin-top: 8px
}

.section-heading .section-heading__line {
    width: 45px;
    height: 3px;
    margin-top: 16px;
    background-color: #FF821C
}

.section-heading.section-heading_second.section-heading_second_cyan .section-heading__line {
    background-color: #B5F0EF
}

.section-heading.section-heading_second.section-heading_second_green .section-heading__line {
    background-color: #007A68
}

.section-heading.section-heading_second.section-heading_second_yellow .section-heading__line {
    background-color: #FED430
}

.section-heading.section-heading_second.section-heading_gray_business .section-heading__line {
    background-color: #4B575D
}

.section-heading.section-heading_second.section-heading_second_bkj-yellow .section-heading__line {
    background-color: #FFE700
}

.section-heading.section-heading_second.section-heading_second_bkj-turquoise .section-heading__line {
    background-color: #37ECC7
}

.section-heading.section-heading_second.section-heading_second_bkj-blue .section-heading__line {
    background-color: #08C3FF
}

.section-heading.section-heading_second.section-heading_second_ad-grey-dark .section-heading__line {
    background-color: #273140
}

.section-heading.section-heading_second.section-heading_second_ad-grey-input .section-heading__line {
    background-color: #C8D7E6
}

.section-heading.section-heading_second.section-heading_gray_mute {
    color: #AFB5C8
}

.section-heading.section-heading_second.section-heading_gray_mute .section-heading__line {
    background-color: #AFB5C8
}

.section-heading_second .section-heading__title {
    font-size: 1.5rem
}

@media (min-width: 992px) {
    .section-heading--calculator {
        position: absolute;
        transform: translateY(-38px);
        max-width: 40%
    }
}

@media (min-width: 1200px) {
    .section-heading--calculator {
        max-width: 455px
    }
}

.section-title {
    background: #EBEEF5
}

.section-title .container {
    max-height: 80px;
    padding-top: 5px
}

@media (min-width: 992px) {
    .section-title .container {
        min-height: 50px;
        padding-top: 0
    }
}

@media (max-width: 767.98px) {
    .section-title .container {
        max-height: 90px;
        padding-top: 10px
    }
}

.section-title .container__steps {
    max-height: 30px
}

.section-title__text {
    font-family: "BK-Text";
    font-size: 1.25rem;
    white-space: nowrap;
    line-height: 1.33;
    padding-top: 16px
}

@media (max-width: 991.98px) {
    .section-title__text {
        white-space: normal
    }
}

.section-title__text__subtitle,
.section-title__text__next {
    font-size: .75rem;
    font-family: "BK-Sans"
}

.section-title__step-tab {
    height: 30px;
    border-bottom: 3px solid #D9E4FF;
    width: 99%;
    margin-right: 1%;
    font-size: .75rem;
    line-height: 1.33;
    padding: 8px 0
}

.section-title__step-tab--active {
    border-color: #FF821C
}

.process-heading {
    color: #191B1C
}

.process-heading .process-heading__title {
    font-weight: 700;
    font-family: "BK-Sans";
    font-size: 1rem
}

@media (min-width: 768px) {
    .process-heading .process-heading__title {
        font-size: 1rem
    }
}

.process-heading .process-heading__title_theme_card {
    font-weight: 100;
    font-family: BK-Sans;
    font-size: .875rem;
    text-transform: uppercase;
    border-bottom: 1px solid #B5F0EF;
    padding-bottom: 8px
}

.process-heading .process-heading__description {
    margin-top: 8px
}

.process-heading .process-heading__line {
    width: 45px;
    height: 3px;
    margin-top: 8px;
    background-color: #FF821C
}

.process-heading.process-heading__second__title {
    font-size: 1.25rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height: 1.5;
    font-weight: 400
}

.h1 {
    font-size: 2rem
}

@media (min-width: 768px) {
    .h1 {
        font-size: 3rem
    }
}

.h2 {
    font-size: 1.5rem
}

@media (min-width: 768px) {
    .h2 {
        font-size: 2.5rem
    }
}

.h3 {
    font-size: 1.5rem
}

@media (min-width: 768px) {
    .h3 {
        font-size: 2rem
    }
}

.h4 {
    font-size: 1.25rem
}

@media (min-width: 768px) {
    .h4 {
        font-size: 1.5rem
    }
}

.h5 {
    font-size: 1.25rem
}

.h6 {
    font-size: 1rem
}

.section-heading__title {
    font-weight: 400;
    font-family: "BK-Text";
    font-size: 1.5rem
}

@media (min-width: 768px) {
    .section-heading__title {
        font-size: 2rem
    }
}

.section-heading__description {
    margin-top: 8px
}

.section-heading__line {
    width: 45px;
    height: 3px;
    margin-top: 16px;
    background-color: #FF821C
}

.section-heading--second .section-heading__title {
    font-size: 1.5rem
}

.section-heading--cyan .section-heading__line {
    background-color: #B5F0EF
}

.section-heading--yellow .section-heading__line {
    background-color: #FED430
}

.section-heading--gray-business .section-heading__line {
    background-color: #4B575D
}

.section-heading--bkj-yellow .section-heading__line {
    background-color: #FFE700
}

.section-heading--bkj-turquoise .section-heading__line {
    background-color: #37ECC7
}

.section-heading--bkj-blue .section-heading__line {
    background-color: #08C3FF
}

.section-heading--bkj-red .section-heading__line {
    background-color: #FF4169
}

.section-heading--bkr-green .section-heading__line {
    background-color: #007A68
}

.section-heading--ad-grey-dark .section-heading__line {
    background-color: #273140
}

.section-heading--ad-grey-input .section-heading__line {
    background-color: #C8D7E6
}

.section-heading--gray-dark .section-heading__line,
.section-heading_gray-dark .section-heading__line,
.section-heading_second_gray-dark .section-heading__line {
    background-color: #191B1C
}

.section-heading--summary {
    color: #191B1C
}

.section-heading--summary .section-heading__title {
    font-weight: 700;
    font-family: "BK-Sans";
    font-size: 1.25rem
}

@media (min-width: 768px) {
    .section-heading--summary .section-heading__title {
        font-size: 1rem
    }
}

.section-heading--summary .section-heading__line {
    margin-top: 8px
}

.category-title {
    font-weight: 100;
    font-family: "BK-Sans";
    font-size: .875rem;
    text-transform: uppercase;
    padding-bottom: 8px
}

.category-title--bold {
    font-weight: 700;
    font-size: .75rem;
    line-height: 24px;
    border-bottom: 1px solid #D9E4FF;
    height: 33px
}

.category-title--cyan {
    border-bottom: 1px solid #B5F0EF
}

.category-title--bkj-yellow {
    border-bottom: 1px solid #FFE700
}

.category-title--bkj-turquoise {
    border-bottom: 1px solid #37ECC7
}

.category-title--bkj-blue {
    border-bottom: 1px solid #08C3FF
}

.category-title--bkj-red {
    border-bottom: 1px solid #FF4169
}

.btn {
    border-radius: 32px;
    padding: 0 18px;
    font-size: 12px;
    font-family: "BK-Sans";
    text-transform: uppercase;
    height: 48px;
    line-height: 48px;
    letter-spacing: 1.5px;
    display: inline-block;
    min-width: 150px;
    text-align: center;
    width: auto;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

@media (min-width: 576px) {
    .btn {
        min-width: 185px
    }
}

.btn:hover {
    text-decoration: none
}

.btn--block {
    width: 100%
}

@media (max-width: 767.98px) {
    .btn--block-xs {
        width: 100%
    }
    .btn--block-xs:last-child {
        margin-left: 0 !important;
        margin-top: 16px
    }
}

.btn--medium {
    height: 32px;
    min-width: 150px;
    line-height: 32px;
    padding: 0 18px
}

.btn--medium-xs {
    height: 32px;
    min-width: 120px;
    line-height: 33px;
    padding: 0 18px
}

@media (min-width: 576px) {
    .btn--medium-xs {
        height: 48px;
        padding: 0 18px;
        line-height: 48px;
        min-width: 185px
    }
}

.btn--small {
    height: 28px;
    min-width: 120px;
    line-height: 28px;
    padding: 0 16px
}

.btn--tiny {
    height: 28px;
    min-width: auto;
    line-height: 28px
}

@media (max-width: 767.98px) {
    .btn--w100-xs {
        width: 100% !important
    }
}

.btn--primary {
    color: #191B1C;
    background-color: #FF821C;
    border: 1px solid #FF821C
}

.btn--primary:hover {
    color: #191B1C;
    background-color: #F76900;
    border: 1px solid #F76900
}

.btn--primary:focus {
    color: #191B1C;
    background-color: #F76900;
    border: 1px dashed #191B1C
}

.btn--primary.btn--primary-disabled,
.btn--primary:disabled {
    background-color: #F7FAFF;
    color: #5c6780;
    border: none;
    cursor: default
}

.btn--secondary {
    color: #191B1C;
    background-color: #fff;
    border: 1px solid #FF821C
}

.btn--secondary:hover,
.btn--secondary:active:focus {
    color: #191B1C;
    background-color: #F76900
}

.btn--secondary:focus {
    color: #191B1C;
    background-color: #F76900;
    border: 1px dashed #191B1C
}

.btn--secondary.btn--secondary-disabled,
.btn--secondary:disabled {
    color: #5c6780;
    background-color: transparent;
    border: 1px solid #AFB5C8;
    cursor: default
}

.btn--light {
    color: #191B1C;
    background-color: #fff;
    border: 1px solid #fff
}

.btn--light:hover,
.btn--light:active:focus {
    color: #191B1C;
    background-color: #F7FAFF;
    border: 1px solid #F7FAFF
}

.btn--light:focus {
    color: #191B1C;
    background-color: #fff;
    border: 1px dashed #191B1C
}

.btn--light.btn--light-disabled,
.btn--light:disabled {
    color: #AFB5C8;
    background-color: #EBEEF5;
    border: none;
    cursor: default
}

.btn--light.btn--light-disabled:hover,
.btn--light.btn--light-disabled:focus,
.btn--light:disabled:hover,
.btn--light:disabled:focus {
    color: #AFB5C8;
    background-color: #EBEEF5;
    border: none;
    cursor: default
}

.btn--purple,
.btn--purple-secondary {
    color: #191B1C;
    background-color: #fff;
    border: 1px solid #fff
}

.btn--purple:hover,
.btn--purple:active:focus,
.btn--purple-secondary:hover,
.btn--purple-secondary:active:focus {
    color: #191B1C;
    background-color: #EFF3FF;
    border: 1px solid #EFF3FF
}

.btn--purple:focus,
.btn--purple-secondary:focus {
    background-color: #fff;
    color: #191B1C;
    border: 1px dashed #191B1C
}

.btn--purple.btn--purple-disabled,
.btn--purple:disabled,
.btn--purple-secondary.btn--purple-disabled,
.btn--purple-secondary:disabled {
    color: #AFB5C8
}

.btn--purple.btn--purple-disabled:hover,
.btn--purple.btn--purple-disabled:focus,
.btn--purple:disabled:hover,
.btn--purple:disabled:focus,
.btn--purple-secondary.btn--purple-disabled:hover,
.btn--purple-secondary.btn--purple-disabled:focus,
.btn--purple-secondary:disabled:hover,
.btn--purple-secondary:disabled:focus {
    cursor: default;
    border: 1px solid #fff;
    box-shadow: none
}

.btn--purple.btn--purple-disabled,
.btn--purple:disabled {
    background-color: #EBEEF5
}

.btn--purple-secondary {
    border: 1px solid #191B1C
}

.btn--purple-secondary:focus {
    border: 1px dashed #191B1C;
    box-shadow: none;
    background-color: #EFF3FF
}

.btn--purple-secondary:hover {
    box-shadow: none;
    background-color: #EFF3FF
}

.btn--purple-secondary.btn--purple-disabled,
.btn--purple-secondary:disabled {
    border: 1px solid #AFB5C8
}

.btn--purple-secondary.btn--purple-disabled:focus,
.btn--purple-secondary:disabled:focus {
    border: 1px dashed #AFB5C8;
    background-color: #fff
}

.btn--purple-secondary.btn--purple-disabled:hover,
.btn--purple-secondary:disabled:hover {
    border: 1px solid #AFB5C8;
    background-color: #fff
}

.btn--dark {
    color: #fff;
    background-color: #191B1C;
    border: 1px solid #191B1C
}

.btn--dark:hover,
.btn--dark:active:focus {
    color: #191B1C;
    background-color: #F76900;
    border: 1px solid #F76900
}

.btn--dark:focus {
    color: #191B1C;
    background-color: #F76900;
    border: 1px dashed #191B1C;
    outline: none
}

.btn--dark.btn--dark-disabled,
.btn--dark:disabled {
    color: #AFB5C8;
    background-color: #EBEEF5;
    border: 1px solid #EBEEF5;
    cursor: default;
    pointer-events: none
}

.btn--dark.btn--dark-disabled:hover,
.btn--dark:disabled:hover {
    background-color: #EBEEF5;
    cursor: default;
    box-shadow: 0 0 0 1px #EBEEF5
}

.btn--dark.btn--dark-disabled:focus,
.btn--dark:disabled:focus {
    background-color: #EBEEF5;
    border: 1px dashed #EBEEF5;
    box-shadow: 0 0 0 1px #EBEEF5;
    cursor: default
}

.btn--dark-secondary {
    color: #fff;
    border: 1px solid #F76900;
    background-color: #191B1C
}

.btn--dark-secondary:hover {
    background-color: #F76900;
    color: #191B1C;
    border: 1px solid #F76900
}

.btn--dark-secondary:focus {
    background-color: #F76900;
    color: #191B1C;
    border: 1px dashed #191B1C;
    box-shadow: 0 0 0 1px #fff
}

.btn--dark-secondary.btn--dark-secondary-disabled,
.btn--dark-secondary:disabled {
    color: #AFB5C8;
    background-color: #191B1C;
    border: 1px solid #AFB5C8;
    cursor: default
}

.btn--toggle-secondary {
    color: #191B1C;
    background-color: #fff;
    border: 1px solid #FF821C
}

.btn--toggle-secondary:hover,
.btn--toggle-secondary:active:focus {
    color: #191B1C;
    background-color: #F76900
}

.btn--toggle-secondary:focus {
    color: #191B1C;
    background-color: #F76900;
    border: 1px dashed #191B1C
}

@media (min-width: 768px) {
    .btn--toggle-secondary {
        color: #191B1C;
        background-color: #FF821C;
        border: 1px solid #FF821C
    }
    .btn--toggle-secondary:hover {
        color: #191B1C;
        background-color: #F76900;
        border: 1px solid #F76900
    }
    .btn--toggle-secondary:focus {
        color: #191B1C;
        background-color: #F76900;
        border: 1px dashed #191B1C
    }
}

.btn--toggle-light {
    color: #191B1C;
    background-color: #fff;
    border: 1px solid #fff;
    height: 32px;
    min-width: 150px;
    line-height: 32px;
    padding: 0 18px
}

.btn--toggle-light:hover,
.btn--toggle-light:active:focus {
    color: #191B1C;
    background-color: #fff;
    border: 1px solid #191B1C
}

.btn--toggle-light:focus {
    border: 1px dashed #191B1C;
    background-color: #fff;
    color: #191B1C
}

@media (min-width: 576px) {
    .btn--toggle-light {
        height: 48px;
        line-height: 48px;
        min-width: 185px
    }
}

@media (min-width: 768px) {
    .btn--toggle-light {
        color: #191B1C;
        background-color: #FF821C;
        border: 1px solid #FF821C
    }
    .btn--toggle-light:hover {
        color: #191B1C;
        background-color: #F76900;
        border: 1px solid #F76900
    }
    .btn--toggle-light:focus {
        color: #191B1C;
        background-color: #FF821C;
        border: 1px dashed #191B1C
    }
}

.btn--rounded {
    min-width: 0;
    width: 48px;
    padding: 0
}

.btn--rounded .icon {
    margin: -1px 0 0 1px
}

.btn--rounded.btn--medium {
    width: 32px
}

.btn--rounded.btn--small {
    width: 28px
}

.btn--rounded.btn--rounded-text {
    width: 48px;
    transition: width 0.2s ease;
    background-color: #FF821C
}

.btn--rounded.btn--rounded-text .btn__text {
    color: transparent;
    transition: color 0.1s ease
}

.btn--rounded.btn--rounded-text .icon {
    transition: all 0.3s;
    transform: translate(-85px, 0)
}

.btn--rounded.btn--rounded-text.btn--medium {
    width: 32px
}

.btn--rounded.btn--rounded-text.btn--medium .icon {
    transform: translate(-93px, 0)
}

.btn--rounded.btn--rounded-text.btn--small {
    width: 28px
}

.btn--rounded.btn--rounded-text.btn--small .icon {
    transform: translate(-95px, 0)
}

.btn--rounded.btn--rounded-text:focus {
    background-color: #F76900
}

.btn--rounded.btn--rounded-text:hover {
    width: 175px;
    background-color: #F76900
}

.btn--rounded.btn--rounded-text:hover .btn__text {
    transition-delay: 0.4s;
    transition: color 1s ease;
    color: #191B1C
}

.btn--rounded.btn--rounded-text:hover .icon {
    transition: transform 0.2s;
    transition-delay: 0s;
    transform: translate(10px, 0)
}

.btn--rounded.btn--rounded-text.btn--primary-disabled,
.btn--rounded.btn--rounded-text:disabled {
    background-color: #F7FAFF;
    color: #5c6780;
    border: none;
    cursor: default
}

.btn--rounded.btn--rounded-text.btn--primary-disabled:hover,
.btn--rounded.btn--rounded-text:disabled:hover {
    width: 48px;
    background-color: #F7FAFF;
    color: #5c6780
}

.btn--rounded.btn--rounded-text.btn--primary-disabled:hover .btn__text,
.btn--rounded.btn--rounded-text:disabled:hover .btn__text {
    transition: none;
    color: transparent
}

.btn--rounded.btn--rounded-text.btn--primary-disabled:hover .icon,
.btn--rounded.btn--rounded-text:disabled:hover .icon {
    transition: none;
    transform: translate(-85px, 0)
}

.btn--rounded-small {
    min-width: 0;
    width: 32px !important;
    height: 32px !important;
    padding: 0
}

.btn--rounded-small:focus {
    border: 1px dashed #191B1C;
    color: #191B1C;
    background-color: #fff
}

.btn--left-icon {
    padding: 0 24px 0 0
}

.btn--left-icon .icon {
    width: 48px;
    height: 46px;
    line-height: 46px
}

.btn--left-icon.btn {
    display: flex;
    align-items: self-start;
    justify-content: flex-start;
    align-items: center;
    min-width: 0
}

.btn--left-icon.btn--medium {
    padding: 0 16px 0 0
}

.btn--left-icon.btn--medium .icon {
    width: 32px;
    height: 30px;
    line-height: 30px
}

.btn--left-icon.btn--tiny {
    padding: 0 8px 0 0
}

.btn--left-icon.btn--tiny .icon {
    width: 28px;
    height: 26px;
    line-height: 26px
}

.btn--left-icon-purple {
    color: #191B1C;
    background-color: #EFF3FF;
    border: 1px solid #EFF3FF
}

.btn--left-icon-purple:hover {
    color: #191B1C;
    background-color: #D9E4FF;
    border: 1px solid #D9E4FF
}

.btn--left-icon-purple:focus {
    color: #191B1C;
    background-color: #EFF3FF;
    border: 1px dashed #191B1C;
    box-shadow: none
}

.btn--negative {
    color: #191B1C;
    background-color: #fff;
    border: 1px solid #fff
}

.btn--negative:hover,
.btn--negative:active:focus {
    color: #5c6780;
    background-color: #fff;
    border: 1px solid #fff
}

.link {
    color: #BD4313;
    font-weight: 900
}

.link:hover {
    text-decoration: underline
}

.link:focus {
    outline: 1px dashed #191B1C;
    outline-offset: 2px
}

.link--black {
    color: #191B1C;
    font-weight: 600
}

.text-link {
    color: #BD4313;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    display: inline-block
}

.text-link:hover,
.text-link:active:focus {
    background-color: transparent
}

.text-link:active:focus {
    text-decoration: none !important
}

.text-link:focus {
    color: #191B1C;
    outline: 1px dashed #191B1C;
    outline-offset: 8px
}

.text-link:hover {
    color: #BD4313;
    text-decoration: underline !important;
    cursor: pointer
}

.text-link:hover span.pictoDSL,
.text-link:hover span.icon {
    text-decoration: none !important
}

.text-link.text-link_disabled,
.text-link[disabled] {
    color: #AFB5C8;
    cursor: default;
    pointer-events: none;
    border: none
}

.text-link.text-link_icon-multiline,
.text-link.text-link--icon-multiline {
    padding-left: 16px;
    display: inline-block
}

.text-link.text-link_icon-multiline [class*="pictoDSL-"],
.text-link.text-link--icon-multiline [class*="pictoDSL-"] {
    margin-left: -20px
}

.text-link.text-link_negro,
.text-link.text-link--black {
    color: #191B1C
}

.text-link.text-link--blueMGM {
    color: #0064d5 !important;
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    width: 240px;
    text-overflow: ellipsis
}

@media (min-width: 768px) {
    .text-link.text-link--blueMGM {
        white-space: normal;
        text-overflow: initial;
        width: auto;
        padding-right: 16px
    }
}

.text-link.text-link--blueMGM a {
    color: #0064d5 !important
}

.text-link.text-link--blueMGM a:hover,
.text-link.text-link--blueMGM a:active:focus {
    color: #191B1C
}

.text-link.text-link_negro~ul,
.text-link.text-link--black~ul {
    margin-top: 1.5rem
}

.text-link.icon_orange .pictoDSL,
.text-link.icon--orange .pictoDSL {
    color: #FF821C
}

.text-link.icon_orange:hover .pictoDSL,
.text-link.icon_orange:active:focus .pictoDSL,
.text-link.icon--orange:hover .pictoDSL,
.text-link.icon--orange:active:focus .pictoDSL {
    color: rgba(255, 130, 28, 0.5)
}

.text-link.text-link_white,
.text-link.text-link--white {
    color: #fff;
    display: flex;
    align-items: center
}

.text-link.text-link_white:hover,
.text-link.text-link--white:hover {
    color: #F7FAFF
}

.text-link.text-link_white:active:focus,
.text-link.text-link--white:active:focus {
    color: #191B1C;
    background-color: #fff
}

.text-link.text-link_white:focus,
.text-link.text-link--white:focus {
    outline: 1px dashed #fff;
    outline-offset: 8px;
    color: #191B1C
}

.text-link .pictoDSL {
    vertical-align: middle
}

.text-link .pictoDSL-document-16 {
    line-height: 14px;
    margin-right: 0.4rem
}

.internal-link {
    font-weight: bold
}

.internal-link:hover {
    text-decoration: underline
}

.internal-link:focus {
    outline: 1px dashed #191B1C;
    outline-offset: 2px;
    color: #191B1C
}

.text-link--disabled {
    color: #AFB5C8;
    cursor: default;
    text-decoration: none
}

.text-link--disabled:hover {
    color: #AFB5C8;
    text-decoration: none !important;
    cursor: default
}

.text-link--disabled.text-link-bg--orange {
    color: #6F7A94
}

.text-link--disabled.text-link-bg--orange:hover {
    color: #6F7A94
}

.btn--disabled {
    background-color: #F7FAFF;
    color: #5c6780;
    border: none;
    cursor: default
}

.btn--primary[disabled] {
    background-color: #F7FAFF;
    color: #5c6780;
    border: none
}

.btn--secondary[disabled] {
    color: #5c6780;
    background-color: transparent;
    border: 1px solid #5c6780;
    cursor: default
}

.role--button:focus {
    box-shadow: 0 0 0 4px rgba(175, 181, 200, 0.16)
}

.btn--disabled.role--button:focus {
    box-shadow: 0 0 0 4px #191B1C !important
}

a.btn:focus {
    outline: none
}

.btn.btn_rounded {
    min-width: 0;
    width: 48px;
    padding: 0
}

.btn.btn_rounded [class*="pictoDSL-"] {
    display: block
}

.btn.btn_rounded-small {
    min-width: 0;
    width: 32px;
    height: 32px;
    padding: 0
}

.btn.btn_rounded-small:focus {
    color: #191B1C;
    background-color: #F76900;
    border: 1px solid #191B1C
}

.btn.btn_rounded-small [class*="pictoDSL-"] {
    display: block
}

.btn.btn_block {
    width: 100%
}

.btn [class*="pictoDSL-"] {
    height: 100%;
    width: 46px;
    line-height: 46px;
    font-size: 24px
}

.btn.btn_medium {
    padding: 0 18px;
    min-width: 120px;
    width: auto;
    font-size: 12px;
    height: 32px;
    line-height: 32px
}

.btn.btn_medium.btn_rounded {
    min-width: 0;
    width: 32px;
    height: 32px;
    padding: 0
}

.btn.btn_small {
    padding: 0 18px;
    min-width: 120px;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    text-align: center
}

.btn.btn_small [class*="pictoDSL-"] {
    width: 28px;
    line-height: 28px
}

.btn.btn_small.btn_rounded {
    min-width: 0;
    width: 28px;
    height: 28px;
    padding: 0
}

.btn.btn_tiny {
    padding: 0 18px;
    min-width: auto;
    font-size: 12px;
    height: 28px;
    line-height: 28px
}

.btn.btn_tiny [class*="pictoDSL-"] {
    width: 26px;
    line-height: 26px;
    font-size: 16px
}

.btn.btn_disabled {
    background-color: #EBEEF5;
    color: #AFB5C8;
    border: none;
    cursor: default;
    pointer-events: none
}

.btn.btn_disabled[class*='secondary'] {
    color: #5c6780;
    background-color: transparent;
    border: 1px solid #AFB5C8
}

.btn.btn_primary {
    color: #191B1C;
    background-color: #FF821C;
    border: 1px solid #FF821C
}

.btn.btn_primary:hover,
.btn.btn_primary:active:focus {
    color: #191B1C;
    background-color: #F76900
}

.btn.btn_primary.btn_disabled {
    background-color: #EBEEF5;
    color: #AFB5C8;
    border: none;
    cursor: none
}

.btn.btn_primary[disabled] {
    background-color: #EBEEF5;
    color: #AFB5C8;
    border: none;
    cursor: none
}

.btn.btn_secondary {
    color: #191B1C;
    background-color: #fff;
    border: 1px solid #FF821C
}

.btn.btn_secondary:hover,
.btn.btn_secondary:active:focus {
    color: #191B1C;
    background-color: #F76900
}

.btn.btn_secondary.btn_disabled {
    color: #5c6780;
    background-color: transparent;
    border: 1px solid #AFB5C8
}

.btn.btn_secondary[disabled] {
    color: #5c6780;
    background-color: transparent;
    border: 1px solid #AFB5C8;
    cursor: none
}

.btn.btn_dark {
    color: #fff;
    background-color: #191B1C;
    border: 1px solid #191B1C
}

.btn.btn_dark:hover,
.btn.btn_dark:active:focus {
    color: #191B1C;
    background-color: #F76900;
    border: 1px solid #F76900
}

.btn.btn_dark:focus {
    color: #191B1C;
    background-color: #F76900;
    border: 1px solid #191B1C
}

.btn.btn_dark[disabled] {
    color: #AFB5C8;
    background-color: #EBEEF5;
    border: 1px solid #EBEEF5;
    cursor: default;
    pointer-events: none
}

.btn.btn_negative {
    color: #191B1C;
    background-color: #fff;
    border: 1px solid #fff
}

.btn.btn_negative:hover,
.btn.btn_negative:active:focus {
    color: #5c6780;
    background-color: #fff;
    border: 1px solid #fff
}

.btn.btn_gray-dark {
    color: #fff;
    background-color: #191B1C;
    border: 1px solid #191B1C
}

.btn.btn_gray-dark:hover,
.btn.btn_gray-dark:active:focus {
    color: #191B1C;
    background-color: #fff;
    border: 2px solid #191B1C
}

.btn.btn_inverse {
    color: #fff;
    background-color: #191B1C;
    border: 2px solid #FF821C
}

.btn.btn_inverse:hover,
.btn.btn_inverse:active:focus {
    color: #5c6780;
    background-color: #fff;
    border: 2px solid #fff
}

.btn.btn_light {
    color: #191B1C;
    background-color: #fff;
    border: 1px solid #fff
}

.btn.btn_light:hover,
.btn.btn_light:active:focus {
    color: #191B1C;
    background-color: #F7FAFF;
    border: 1px solid #F7FAFF
}

.btn.btn_purple {
    color: #191B1C;
    background-color: #fff;
    border: 1px solid #fff
}

.btn.btn_purple:hover,
.btn.btn_purple:active:focus {
    color: #191B1C;
    background-color: #EFF3FF;
    border: 1px solid #EFF3FF
}

.btn.btn_purple:focus {
    background-color: #fff;
    color: #191B1C;
    border: 1px solid #191B1C;
    box-shadow: 0 0 0 1px #FF821C
}

.btn.btn_purple.btn_disabled,
.btn.btn_purple:disabled {
    color: #AFB5C8;
    background-color: #EBEEF5
}

.btn.btn_purple.btn_disabled:hover,
.btn.btn_purple.btn_disabled:focus,
.btn.btn_purple:disabled:hover,
.btn.btn_purple:disabled:focus {
    cursor: default;
    border: 1px solid #fff;
    box-shadow: none
}

.btn.btn_purple-icon {
    text-transform: none;
    background-color: #fff;
    color: #191B1C;
    border: 1px solid #fff;
    padding-left: 16px;
    padding-right: 16px;
    margin-right: 16px;
    height: 28px;
    line-height: 28px
}

.btn.btn_purple-icon .icon {
    margin-right: 4px
}

.btn.btn_purple-icon:hover {
    color: #191B1C;
    background-color: #EFF3FF;
    border: 1px solid #EFF3FF
}

.btn.btn_purple-icon:focus {
    border: 1px solid #EFF3FF
}

.btn.btn_purple-icon.btn_disabled {
    background-color: #EBEEF5;
    color: #AFB5C8;
    border: none
}

.btn.btn_purple--no-border {
    background-color: #fff;
    color: #191B1C
}

.btn.btn_purple--no-border:hover,
.btn.btn_purple--no-border:active:focus {
    color: #191B1C;
    background-color: #EFF3FF;
    border: 1px solid #EFF3FF
}

.btn.btn_purple--no-border:focus {
    background-color: #fff;
    color: #191B1C;
    border: 1px solid #191B1C;
    box-shadow: 0 0 0 1px #FF821C
}

.btn.btn_partner {
    color: #fff;
    border: 1px solid #F76900;
    background-color: #191B1C
}

.btn.btn_partner:hover {
    background-color: #F76900;
    color: #191B1C;
    border: 1px solid #F76900
}

.btn.btn_partner:focus {
    background-color: #F76900;
    color: #191B1C;
    border: 1px solid #191B1C;
    box-shadow: 0 0 0 1px #fff
}

.btn.btn_square {
    border-radius: 0;
    min-width: 0;
    height: 2.5rem;
    text-align: left;
    padding: 0 18px;
    line-height: 2.5rem
}

.btn.btn_square .icon--16 {
    float: left;
    margin-right: 12px;
    line-height: 2.5rem;
    font-size: 22px
}

.btn.no_width,
.btn.no--width {
    min-width: 0
}

.btn.btn_icon {
    text-align: left;
    min-width: auto;
    padding-left: 16px;
    padding-right: 16px
}

.btn.btn_icon [class^="icon--"] {
    line-height: 28px
}

.btn.btn_icon [class*="pictoDSL-"] {
    float: right;
    margin-left: 12px
}

.btn.btn_small.btn_icon,
.btn.btn_medium.btn_icon {
    padding-left: 12px;
    padding-right: 8px
}

.btn.btn_small.btn_icon [class^="icon--"],
.btn.btn_medium.btn_icon [class^="icon--"] {
    line-height: 22px
}

.btn.btn_small.btn_icon [class*="pictoDSL-"],
.btn.btn_medium.btn_icon [class*="pictoDSL-"] {
    margin-left: 6px
}

.btn.btn_tiny.btn_icon {
    padding-left: 10px;
    padding-right: 14px
}

.btn.btn_tiny.btn_icon [class^="icon--"] {
    line-height: 20px
}

.btn.btn_tiny.btn_icon [class*="pictoDSL-"] {
    margin-left: 0
}

.btn.btn_icon-left {
    text-align: center;
    min-width: auto;
    padding-left: 16px;
    padding-right: 16px
}

.btn.btn_icon-left [class^="icon--"] {
    line-height: 22px;
    margin-right: 8px
}

.btn.btn_icon-left [class*="pictoDSL-"] {
    float: right;
    margin-left: 12px
}

.btn.btn_small.btn_icon-left,
.btn.btn_medium.btn_icon-left {
    padding-left: 12px;
    padding-right: 18px
}

.btn.btn_small.btn_icon-left [class^="icon--"],
.btn.btn_medium.btn_icon-left [class^="icon--"] {
    line-height: 12px;
    margin-right: 8px
}

.btn.btn_small.btn_icon-left [class*="pictoDSL-"],
.btn.btn_medium.btn_icon-left [class*="pictoDSL-"] {
    margin-left: 6px
}

.btn.btn_loading,
.btn.btn--loading {
    position: relative
}

.btn.btn_loading.btn_loading_disabled,
.btn.btn_loading.btn--loading-disabled,
.btn.btn--loading.btn_loading_disabled,
.btn.btn--loading.btn--loading-disabled {
    color: transparent !important;
    pointer-events: none;
    cursor: default
}

.btn.btn_loading.btn_loading_disabled:after,
.btn.btn_loading.btn--loading-disabled:after,
.btn.btn--loading.btn_loading_disabled:after,
.btn.btn--loading.btn--loading-disabled:after {
    font-family: 'BK-icons';
    content: '\e992';
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    color: #FF821C;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    animation: btnLoadingRotation 1s infinite linear
}

.btn.btn--toggle {
    color: #191B1C;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    display: inline-block;
    height: auto;
    line-height: 48px;
    min-width: auto;
    text-align: Left;
    width: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none
}

@media (min-width: 768px) {
    .btn.btn--toggle {
        color: #191B1C;
        background-color: #FF821C;
        border: 1px solid #FF821C;
        display: inline-block;
        border-radius: 32px;
        padding: 0 24px;
        font-size: 12px;
        height: 48px;
        min-width: 185px;
        text-align: center;
        width: auto
    }
}

.btn.btn--toggle>span {
    display: inline-block
}

@media (min-width: 768px) {
    .btn.btn--toggle>span {
        display: none
    }
}

.btn.btn--32 {
    height: 32px;
    line-height: 32px
}

@keyframes btnLoadingRotation {
    0% {
        transform: translate(-50%, -50%) rotate(0deg)
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

.list__item {
    margin-bottom: 16px;
    position: relative;
    padding-left: 22px
}

.list__item--left {
    padding-left: 0
}

.list--unordered>.list__item:before {
    font-family: 'BK-icons';
    content: '\e936';
    font-size: 18px;
    display: block;
    position: absolute;
    left: -3px
}

.list__item--col {
    padding-left: 0
}

@media (min-width: 576px) {
    .list__item--col {
        padding-left: 80px
    }
}

.list__item--col p:first-child,
.list__item--col h3:first-child {
    padding-top: 48px
}

@media (min-width: 576px) {
    .list__item--col p:first-child,
    .list__item--col h3:first-child {
        padding-top: 0
    }
}

.list--sublist {
    margin: 16px 0 0 20px
}

.list--bullets .list__item {
    padding-left: 26px
}

.list--bullets .list__item:before {
    content: '\e90d';
    color: #FF821C;
    font-size: 24px;
    top: -5px
}

.list--ordered {
    counter-reset: orderList
}

.list--ordered.list--sublist .list__item {
    padding-left: 40px
}

.list--ordered.list-small .list__item:before {
    font-size: 14px
}

.list--ordered>.list__item:before {
    counter-increment: orderList;
    content: counters(orderList, ".") ".";
    font-weight: 900;
    display: block;
    position: absolute;
    left: 0
}

.list--ordered-box .list__item {
    padding-left: 80px;
    margin-bottom: 64px
}

.list--ordered-box .list__item--slim {
    margin-bottom: 24px
}

.list--ordered-box .list__item:before {
    content: counters(orderList, "");
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    text-align: center;
    background-color: #B5F0EF;
    top: -8px
}

.list--ordered-box .list__item--col {
    padding-left: 0
}

@media (min-width: 576px) {
    .list--ordered-box .list__item--col {
        padding-left: 80px
    }
}

.list--ordered-box.list--ordered-box-minspace .list__item {
    margin-bottom: 35px
}

.list--ordered-box.list--ordered-box-minspace .list__item:last-of-type {
    margin-bottom: 0
}

.list--border li {
    position: relative;
    margin-bottom: 0 !important;
    padding-bottom: 40px;
    border-left: 2px solid #FF821C;
    left: 5px
}

.list--border li:last-child {
    padding-bottom: 0;
    border-left: 0;
    left: 7px;
    top: -8px
}

.list--border li:first-child {
    padding-bottom: 23px
}

.list--border li:first-child span {
    top: -7px;
    position: relative
}

.list--border .list__item:before {
    left: -16px
}

.list--border .list__item:first-child:before {
    top: -8px
}

.list_bullets.list--visible li span {
    overflow: visible
}

.list_bullets.list--colors li.cyan:before {
    color: #B5F0EF
}

.list_bullets.list--colors li.yellow:before {
    color: #FED430
}

.list_bullets.list--colors li.grey:before {
    color: #EBEEF5
}

.list_bullets.list--margin32 li {
    margin-bottom: 32px
}

.list--big35 .list__item:before {
    font-size: 35px
}

.list--big65 .list__item {
    padding-left: 40px
}

.list--big65 .list__item:before {
    font-size: 65px
}

.list--ordered-box-yellow .list__item:before {
    background-color: #FED430
}

.list--small .list__item {
    font-size: 14px;
    margin-bottom: 8px
}

.list--small .list__item:before {
    font-size: 16px
}

.list--big .list__item {
    font-size: 24px;
    font-family: 'Bk-Text'
}

.list--big .list__item:before {
    top: 0
}

.list--bullet-link a {
    color: #191B1C
}

.list--bullet-link a:hover {
    color: #5c6780
}

.list--bullet-link a:focus {
    background-color: #3E4A50;
    color: #fff
}

.list--bullet-link a .icon {
    margin-left: 8px
}

.list--bullet-link .list__item {
    text-transform: uppercase;
    font-size: .75rem;
    line-height: 24px;
    display: flex
}

.list--bullet-link .list__item:before {
    height: 4px;
    width: 4px;
    border-radius: 4px;
    background-color: #191B1C;
    content: "";
    left: 8px;
    top: 10px;
    position: absolute
}

.list--bullet-link .list__item .icon {
    line-height: 22px
}

.list--bullet-link .list__item--disabled {
    color: #AFB5C8
}

.definition-list {
    font-size: .875rem
}

.definition-list--grey {
    color: #6F7A94
}

.definition-list__term {
    float: left;
    clear: left;
    margin-right: 8px;
    line-height: 22px
}

.definition-list__desc {
    margin: 0;
    font-weight: bold;
    min-width: 50%;
    margin-bottom: 16px;
    float: left;
    line-height: 22px
}

.definition-list__desc--auto {
    min-width: auto
}

.definition-list__desc--compact {
    margin-bottom: 4px
}

.definition-list__term--no-float {
    float: none;
    clear: left;
    margin-right: 8px
}

@media (max-width: 767.98px) {
    .definition-list__term--no-float-xs {
        float: none;
        clear: left;
        margin-right: 8px
    }
}

.definition-list__desc--no-float {
    margin: 0;
    font-weight: bold;
    margin-bottom: 16px;
    float: none
}

@media (max-width: 767.98px) {
    .definition-list__desc--no-float-xs {
        margin: 0;
        font-weight: bold;
        margin-bottom: 16px;
        float: none
    }
}

.definition-list--margin0 .definition-list__desc {
    margin-bottom: 0
}

.definition-list-slim {
    padding: 16px
}

@media (min-width: 992px) {
    .definition-list-slim :nth-child(2n) {
        padding-left: 33px
    }
    .definition-list-slim :nth-child(2n+1) {
        padding-right: 33px
    }
}

.definition-list-slim--padding-left16 {
    padding-left: 16px !important
}

.definition-list-slim--padding-left0 {
    padding-left: 0 !important
}

.definition-list-slim--rounded {
    border-radius: 4px
}

@media (min-width: 768px) {
    .definition-list-desktop-container {
        background-color: #fff
    }
}

.definition-list-slim__element {
    background-color: #fff
}

@media (min-width: 768px) {
    .definition-list-slim__element {
        padding-bottom: 8px;
        display: flex;
        justify-content: space-between;
        align-self: center
    }
}

.definition-list-slim__item {
    margin-bottom: 0;
    text-transform: uppercase;
    color: #5c6780;
    font-size: .75rem;
    min-height: 31px;
    padding-top: 16px;
    letter-spacing: 0.5px;
    line-height: 14px;
    flex: auto
}

@media (min-width: 768px) {
    .definition-list-slim__item {
        align-self: center;
        border-bottom: 1px solid #EBEEF5;
        padding-bottom: 8px;
        padding-top: 8px;
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.definition-list-slim__item--bold {
    font-weight: bold;
    color: #191B1C;
    text-transform: none;
    font-size: .875rem;
    border-bottom: 1px solid #EBEEF5;
    padding-top: 8px;
    padding-bottom: 8px;
    letter-spacing: unset
}

@media (min-width: 768px) {
    .definition-list-slim__item--bold {
        padding-bottom: 8px;
        text-align: right;
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.definition-list-slim__element--last {
    padding-bottom: 0
}

.definition-list-slim__element--last .definition-list-slim__item--bold {
    border-bottom: none;
    margin-bottom: 16px;
    padding-bottom: 0
}

@media (min-width: 768px) {
    .definition-list-slim__element--last .definition-list-slim__item--bold {
        margin-bottom: 0;
        padding-top: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid #EBEEF5;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 768px) {
    .definition-list-slim__element--last {
        padding-bottom: 8px
    }
}

.definition-list--no-padding-top {
    padding-top: 0
}

@media (min-width: 768px) {
    .definition-list--no-padding-top {
        padding: 40px 0 32px 0
    }
}

.list_bullets li {
    margin-bottom: 16px
}

.list_bullets li:before {
    font-family: 'BK-icons';
    content: '\e90d';
    color: #FF821C;
    font-size: 1.5rem;
    height: 24px;
    line-height: 24px;
    width: 40px;
    text-align: center;
    margin-left: -5px;
    float: left
}

.list_bullets li span {
    display: block;
    overflow: auto
}

@media (min-width: 992px) {
    .list_bullets[class*="-flex"] li:not(:last-child) {
        margin-right: 30px
    }
}

@media (min-width: 1200px) {
    .list_bullets[class*="-flex"] li:not(:last-child) {
        margin-right: 40px
    }
}

.list_bullets__fix-width li span {
    width: 205px
}

@media (min-width: 992px) {
    .list_bullets__fix-width[class*="-flex"] li:not(:last-child) {
        margin-right: 30px
    }
}

@media (min-width: 1200px) {
    .list_bullets__fix-width[class*="-flex"] li:not(:last-child) {
        margin-right: 40px
    }
}

.list_text {
    padding-left: 1rem;
    list-style-type: square
}

.list_text li {
    margin-bottom: 1rem
}

.list_text li p {
    display: block
}

.process-list dl {
    font-size: .875rem;
    line-height: 1.5
}

.process-list dl dd {
    margin: 0;
    font-weight: bold;
    display: inline-block;
    min-width: 50%
}

.process-list dl dd::after {
    content: '\A';
    white-space: pre-line;
    display: block;
    float: none;
    height: 16px
}

.process-list dl dd:last-of-type::after {
    content: ''
}

.process-list dl dt {
    font-weight: bold;
    float: left;
    clear: left;
    font-weight: normal
}

.process-list dl dt::after {
    content: ':  ';
    padding-right: 8px;
    clear: left
}

.list_parrafo-bullets p {
    padding: 0 0 0 1.5em;
    margin-bottom: .5em
}

.list_parrafo-bullets .parrafo_bullets {
    padding: 0 0
}

.list_parrafo-bullets .parrafo_bullets::before {
    font-family: 'BK-icons';
    content: '\e936';
    width: 40px;
    text-align: center;
    margin-left: -1em;
    float: left
}

ol.list_numerada {
    margin-left: 3.5em
}

ol.list_numerada li {
    list-style-position: outside;
    list-style-type: decimal;
    padding-left: .5em
}

ol.list_numerada li .p {
    margin: .5em 0 0;
    display: block
}

ol.list_numerada li ul {
    margin: 0 0 .5em 1em
}

ol.list_numerada li li {
    list-style-type: none
}

ol.list_numerada li ul li::before {
    font-family: 'BK-icons';
    content: '\e936';
    width: 40px;
    text-align: center;
    margin-left: -2.5em;
    float: left
}

ol.list_numerada li::before {
    padding: 0 0rem
}

.container-diligencias {
    padding: 0;
    max-width: 100%;
    background: #fff
}

@media (min-width: 992px) {
    .container-diligencias {
        padding: 0 15px;
        max-width: 970px;
        background: #f5f6fa
    }
}

@media (min-width: 1200px) {
    .container-diligencias {
        max-width: 1170px
    }
}

.data-list {
    background: #fff;
    border-radius: 4px;
    padding: 15px
}

@media (min-width: 992px) {
    .data-list {
        padding: 40px
    }
}

.data-list__element {
    display: block;
    justify-content: space-between;
    align-self: center;
    margin: 0 15px 15px 15px;
    padding: 0
}

@media (min-width: 576px) {
    .data-list__element {
        display: flex;
        border-bottom: none;
        padding: 0 22px 8px 22px;
        margin: 0
    }
}

.data-list__title {
    justify-content: start;
    align-self: center;
    margin: 0 0 8px 0;
    padding: 8px 0 8px 15px;
    flex: auto;
    color: #191B1C;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
    display: flex;
    border-bottom: 1px solid #D9E4FF
}

@media (min-width: 992px) {
    .data-list__title {
        margin: 0 22px 8px 22px;
        border-bottom: none;
        justify-content: space-between;
        padding: 8px 0
    }
}

.data-list__title .icon {
    display: block;
    margin-right: 8px
}

@media (min-width: 992px) {
    .data-list__title .icon {
        display: none
    }
}

.data-list__element--last {
    padding-bottom: 0
}

.data-list__item {
    align-self: center;
    border-bottom: none;
    padding: 16px 0 8px 0;
    font-size: 12px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #5c6780;
    letter-spacing: 0.5px;
    line-height: 14px;
    flex: auto;
    width: 90%
}

@media (min-width: 576px) {
    .data-list__item {
        width: 60%;
        border-bottom: 1px solid #D9E4FF
    }
}

.data-list__item .tooltip .icon {
    margin-top: -4px
}

.data-list__item .tooltip__text {
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px
}

.data-list__item--bold {
    font-weight: bold;
    color: #191B1C;
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    text-align: left;
    width: 90%;
    padding: 0 0 8px 0
}

@media (min-width: 576px) {
    .data-list__item--bold {
        width: 40%;
        text-align: right;
        padding: 16px 0 8px 8px
    }
}

.data-list__item--alone {
    text-align: left;
    width: 90%;
    padding-left: 0
}

@media (min-width: 576px) {
    .data-list__item--alone {
        width: 100%
    }
}

.data-list__element--alone {
    width: 100%
}

.data-list__btn {
    position: absolute;
    right: 0;
    bottom: 4px;
    padding: 0;
    height: 30px;
    width: 24px;
    border: 1px solid #fff
}

.data-list__btn:hover {
    color: #5c6780
}

.data-list__btn:focus {
    border: 1px dashed #191B1C
}

@media (min-width: 576px) {
    .data-list__btn {
        margin-left: 8px;
        display: flex;
        position: relative;
        padding: 0;
        top: 12px;
        border: 1px dashed transparent;
        height: 24px
    }
}

.data-list__element--dual .data-list__item {
    width: 86%
}

@media (min-width: 576px) {
    .data-list__element--dual .data-list__item {
        width: 50%
    }
}

.data-list__element--dual .data-list__item--bold {
    width: 100%;
    text-align: left
}

@media (min-width: 576px) {
    .data-list__element--dual .data-list__item--bold {
        width: 50%
    }
}

.data-list__element--dual .action-box {
    display: flex;
    border-bottom: none;
    align-content: end;
    right: 0;
    position: absolute;
    top: 0
}

@media (min-width: 576px) {
    .data-list__element--dual .action-box {
        border-bottom: 1px solid #D9E4FF;
        position: relative
    }
}

.data-list__element--dual .action-box .action-box__button {
    align-self: start;
    margin: 12px 0 0 0;
    border-radius: 14px
}

.data-list__element--dual .action-box .action-box__button:hover {
    background: #EFF3FF
}

.data-list__element--dual .action-box .action-box__button:focus {
    border: 1px dashed #191B1C
}

.tabla__coberturas {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%
}

.tabla__coberturas tr {
    border-bottom: 1px solid #ddd;
    padding: .35em
}

.tabla__coberturas th,
.tabla__coberturas td {
    padding: .625em;
    text-align: left
}

.tabla__coberturas .periodo {
    text-align: left
}

@media (min-width: 768px) {
    .tabla__coberturas thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
    .tabla__coberturas tr {
        border: none;
        display: block;
        border-top: 3px solid #000
    }
    .tabla__coberturas td {
        border-bottom: 1px solid #ddd;
        display: block;
        text-align: left
    }
    .tabla__coberturas td.texto_cobertura::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-align: justify;
        min-height: 65px;
        min-width: 90px;
        max-width: 95px;
        padding-right: 5px
    }
    .tabla__coberturas td.periodo {
        font-weight: bold
    }
    .tabla__coberturas tr:last-child {
        border-bottom: 2px solid #000;
        padding-bottom: 0
    }
    .tabla__coberturas td:last-child {
        border-bottom: none
    }
    .tabla__coberturas td.texto_cobertura_tranquilidad::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-align: justify
    }
}

.tabla__coberturas-dos-columnas {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse
}

.tabla__coberturas-dos-columnas td {
    border-bottom: 1px solid #dddddd
}

.tabla__coberturas-dos-columnas .subti-constante {
    font-weight: bold
}

.tabla__coberturas-dos-columnas .text-constante {
    padding-left: 15px
}

.tabla__coberturas-dos-columnas .text-constante-dos {
    padding-left: 30px
}

.tabla__coberturas-dos-columnas thead {
    border-bottom: 2px solid #1e1e1e
}

@media (min-width: 768px) {
    .tabla__coberturas-dos-columnas tr:first-child {
        border-top: 3px solid #000
    }
    .tabla__coberturas-dos-columnas .limites_cobertura {
        text-align: center;
        padding-left: 20px
    }
}

.tabla__coberturas__doble-proteccion {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%
}

.tabla__coberturas__doble-proteccion thead {
    border-bottom: 2px solid #1e1e1e;
    margin-bottom: 10px
}

.tabla__coberturas__doble-proteccion tbody tr {
    border-bottom: 1px solid #dddddd
}

.tabla__coberturas__doble-proteccion tbody td {
    padding: 5px
}

@media (min-width: 768px) {
    .tabla__coberturas__doble-proteccion thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
    .tabla__coberturas__doble-proteccion tr {
        border: none;
        display: block;
        border-top: 3px solid #000;
        margin-top: 30px
    }
    .tabla__coberturas__doble-proteccion td {
        border-bottom: 1px solid #ddd;
        display: block;
        text-align: left
    }
    .tabla__coberturas__doble-proteccion td::before {
        content: attr(data-label) "  ";
        float: left;
        font-weight: bold;
        text-align: justify;
        padding-right: 5px
    }
}

table.traspaso-coinc {
    background-color: #EBEEF5;
    width: 92%;
    max-width: 450px;
    min-width: 290px;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-collapse: collapse;
    border-radius: 1em;
    overflow: hidden;
    position: absolute;
    top: 50px
}

table.traspaso-coinc thead th {
    color: #F76900;
    font-family: "Bankinter Sans";
    font-size: 12px;
    padding-top: 20px
}

table.traspaso-coinc tbody td {
    width: 100px;
    color: #2B3135;
    font-family: "Bankinter Sans";
    font-size: 13px;
    font-weight: bold
}

table.traspaso-coinc tbody td.td-orange {
    color: #F76900;
    font-size: 12px
}

table.traspaso-coinc tr:nth-child(even) {
    background: #fff
}

table.traspaso-coinc thead {
    background: #fff
}

table.traspaso-coinc tfoot td {
    background: #fff;
    padding-bottom: 20px
}

.form__group {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 84px;
    padding-bottom: 4px
}

.form__group__help .form__hint {
    padding-right: 40px
}

@media (max-width: 575.98px) {
    .form__group__help .form__hint {
        padding-right: 32px
    }
}

.form__group__help .form__icon {
    margin-left: 16px
}

.form__label {
    display: block;
    font-size: .75rem;
    font-weight: 900;
    text-transform: uppercase;
    flex: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.form__hint {
    width: 100%;
    text-align: right;
    font-size: .75rem;
    color: #5c6780;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none;
    margin-top: 6px
}

.form__hint--normal {
    font-weight: normal
}

.form__hint--is-visible {
    display: block
}

.form__hint--is-warning {
    color: #FF821C
}

.form__hint--is-error {
    color: #CB1720
}

.form__hint--is-success {
    color: #008931
}

.form__icon {
    margin-left: 8px
}

.form__icon--orange {
    color: #FF821C
}

.input {
    position: relative;
    border: 1px solid #AFB5C8;
    border-radius: 4px;
    width: 100%;
    display: flex;
    flex-direction: row
}

.input--notborder {
    border: none
}

.input--modificar {
    padding-left: 10px
}

@media (max-width: 991.98px) {
    .input--modificar {
        padding-left: 0;
        padding-right: 10px
    }
}

.input__group {
    flex: 1;
    display: flex;
    flex-direction: row;
    position: relative;
    min-width: 0
}

.input__control {
    color: #5c6780;
    padding: 20px 16px 3px;
    height: 58px;
    border: none;
    background: none;
    flex: 1;
    min-width: 0;
    font-size: 14px
}

.input__control.input__control--table {
    padding: 12px 16px 10px;
    height: 47px;
    background-color: #fff;
    border: 1px solid #AFB5C8;
    border-radius: 4px;
    text-align: right
}

.input__control.input__control--tableModificar {
    padding: 6px 16px 3px;
    background-color: #fff;
    border: 1px solid #AFB5C8;
    border-radius: 4px;
    text-align: right;
    min-height: 85px
}

.input__control.input__control--tableModificar:focus {
    box-shadow: 0 0 10px 3px #EBEEF5
}

@media (max-width: 991.98px) {
    .input__control.input__control--tableModificar {
        min-height: auto;
        height: 47px
    }
}

.input__control::-webkit-input-placeholder {
    color: rgba(92, 103, 128, 0.6)
}

.input__control:-moz-placeholder {
    color: rgba(92, 103, 128, 0.6)
}

.input__control::-moz-placeholder {
    color: rgba(92, 103, 128, 0.6)
}

.input__control:-ms-input-placeholder {
    color: rgba(92, 103, 128, 0.6)
}

.input__control:focus {
    border: 1px dashed #191B1C;
    outline: none;
    border-radius: 4px
}

.input__control::-ms-clear {
    display: none
}

.input__group .input__control {
    flex: 1;
    display: flex;
    flex-direction: row;
    position: relative;
    min-width: 0
}

.input__label {
    position: absolute;
    z-index: 1;
    top: 29px;
    margin-left: 16px;
    transform: translate(0, -50%);
    transition: all 0.166s ease-out;
    color: #5c6780;
    -webkit-touch-callout: none;
    user-select: none;
    pointer-events: none;
    font-size: 14px
}

.input__label--icon-left {
    margin-left: 72px
}

.input__icon {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
    margin: 17px;
    padding: 0;
    color: #6F7A94
}

.input__icon--pinpad {
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    margin: 21px;
    padding: 0;
    color: #6F7A94
}

.input__addon {
    padding: 0 16px;
    background-color: #F7FAFF;
    color: #5c6780;
    min-width: 68px;
    line-height: 58px;
    border-radius: .25rem 0 0 .25rem
}

.input--has-content>.input__label,
.input--has-focus>.input__label,
.input--has-placeholder>.input__label,
.input__group--has-content>.input__label,
.input__group--has-focus>.input__label,
.input__group--has-placeholder>.input__label {
    color: #191B1C;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.1;
    transform: translate(0, -107%)
}

.input--no-label .input__control {
    padding: 0 16px
}

.input--is-error .input__control {
    border: 1px solid #CB1720;
    outline: none;
    border-radius: 4px;
    color: #CB1720
}

.input--is-error .input__icon--pinpad {
    color: #CB1720
}

.input--is-error .input__icon--pinpad:focus {
    color: #fff;
    background-color: #191B1C
}

.input--is-error.input--has-focus .input__control {
    border: 1px dashed #CB1720;
    outline: none;
    border-radius: 4px
}

.input--is-warning .input__control {
    border: 1px solid #FF821C;
    outline: none;
    border-radius: 4px;
    color: #CB1720
}

.input--is-warning.input--has-focus .input__control {
    border: 1px dashed #FF821C;
    outline: none;
    border-radius: 4px
}

.input--is-success .input__control {
    border: 1px solid #22CB65;
    outline: none;
    border-radius: 4px;
    color: #CB1720
}

.input--is-success.input--has-focus .input__control {
    border: 1px dashed #008931;
    outline: none;
    border-radius: 4px
}

.input--is-disabled {
    border: 1px solid rgba(175, 181, 200, 0.6)
}

.input--is-disabled .input__label,
.input--is-disabled .input__control {
    opacity: 0.6;
    pointer-events: none
}

.input--is-disabled.input--has-focus {
    box-shadow: none
}

.form__legend {
    text-align: right;
    color: #5c6780;
    font-size: 12px
}

.form__hint--is-visible+.form__legend {
    display: none
}

.input--editable {
    background: transparent;
    border: 1px solid transparent
}

.input--editable .input__value-edit {
    cursor: default;
    height: 100%;
    flex: 1;
    padding: 12px 0;
    text-align: right
}

.input--editable .input__control {
    display: none;
    cursor: default;
    height: 100%;
    padding: 13px 16px 13px 0;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
    text-align: right
}

.input--editable.active {
    background: #fff;
    border: 1px solid #AFB5C8
}

.input--editable.active .input__value-edit {
    display: none
}

.input--editable.active .input__control {
    display: inline-block
}

.input--editable.active .input__control:focus {
    outline: auto
}

@media (min-width: 768px) {
    .input--editable .input__label {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
}

@media (max-width: 991.98px) {
    .input--editable {
        position: relative
    }
    .input--editable .input__value-edit {
        padding: 30px 16px 3px;
        height: 58px;
        border: none;
        background: none;
        flex: 1;
        min-width: 0;
        text-align: left
    }
    .input--editable .input__control {
        text-align: left;
        padding: 30px 16px 10px
    }
    .input--editable .input__icon {
        color: #FF821C;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 17px;
        background-color: #fff;
        height: 30px;
        width: 30px;
        line-height: 30px;
        margin: 0
    }
    .input--editable .input__icon.active {
        color: #191B1C
    }
    .input--editable .input__icon.active:after {
        content: '';
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        width: inherit;
        height: inherit;
        border: 1px solid #AFB5C8;
        border-radius: 50%;
        box-shadow: 0 0 0 4px rgba(175, 181, 200, 0.16)
    }
}

.input__button {
    display: none;
    margin-right: 16px;
    width: 36px;
    height: 36px;
    align-self: center
}

.input__button:focus {
    color: #191B1C;
    background: #fff
}

.input__button .icon {
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 0 0 4px rgba(175, 181, 200, 0)
}

.input__button .icon:before {
    margin-left: -1px
}

.input--password .input__control[type="password"] {
    font-family: 'BK-password';
    font-style: normal;
    font-weight: normal;
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    letter-spacing: -5px;
    margin-left: -2px
}

.input--password .input__control[type="password"]::-ms-reveal {
    display: none
}

.input--password.input--has-content .input__button,
.input--password.input--has-focus .input__button {
    display: block
}

.input--password.input--has-focus {
    box-shadow: none
}

.input--password.input--has-focus .input__control {
    border-color: #191B1C
}

.input--password.input--is-error.input--has-focus .input__control {
    border-color: #CB1720
}

.input--password.input--is-success.input--has-focus .input__control {
    border-color: #008931
}

.input__button:focus .icon {
    border: 1px solid #191B1C;
    border-radius: 4px
}

.form__hint--password {
    margin-top: 28px;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    color: #191B1C
}

.form__hint--password__req {
    margin-bottom: 8px
}

.form__hint--password__title {
    margin-bottom: 24px
}

.input-search {
    width: 100%;
    position: relative
}

.input-search .input-search__results {
    display: none
}

.input-search .input--has-content .input__icon {
    display: none
}

.input-search .input--has-content .input__button {
    display: flex;
    align-items: center
}

.input-search.input-search--has-content .input-search__results {
    display: block;
    z-index: 9999
}

.input-search.input-search--no-results .input-search__text {
    display: block
}

.input-search.input-search--no-results .input-search__options {
    display: none
}

.input-search.input-search--no-scroll .input-search__results {
    padding: 0
}

.input-search.input-search--no-scroll .input-search__content {
    height: auto
}

.input-search__results {
    position: absolute;
    width: 100%;
    top: 100%;
    margin: 0;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 1px solid #AFB5C8;
    border-top: none;
    background-color: #fff;
    z-index: 100;
    padding: 0
}

.input-search__content {
    height: 194px
}

.input-search__text {
    display: none;
    padding: 16px 50px 16px 16px
}

.input-search__option {
    font-size: 14px;
    color: #5c6780;
    min-height: 58px;
    line-height: 26px;
    padding: 16px 50px 16px 16px;
    border-bottom: 1px solid #EBEEF5;
    position: relative;
    cursor: pointer
}

.input-search__option:hover,
.input-search__option:focus {
    background-color: #F7FAFF;
    outline: none
}

.input-search__option:last-of-type {
    border-bottom: none
}

.input-search__option--active {
    color: #191B1C
}

.input-search__option--active:after {
    font-family: 'BK-icons';
    content: '\e90c';
    color: #191B1C;
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translate(0, -50%)
}

.input-search__second {
    font-size: .875rem;
    color: #5c6780
}

.cuenta-confianza {
    position: absolute;
    right: 100px;
    top: 29px
}

@media (max-width: 1199.98px) {
    .cuenta-confianza {
        right: 38px
    }
}

@media (max-width: 991.98px) {
    .cuenta-confianza {
        right: 27px
    }
}

.strength {
    display: flex;
    margin-top: 24px
}

.strength .strength__section {
    flex: 1;
    height: 4px;
    background-color: #AFB5C8;
    margin: 0 2px;
    border-radius: 2px
}

.strength.strength__section--weak .strength__section--active {
    background-color: #CB1720
}

.strength.strength__section--medium .strength__section--active {
    background-color: #BD4313
}

.strength.strength__section--strong .strength__section--active {
    background-color: #22CB65
}

.checkbox {
    position: relative
}

.checkbox label {
    line-height: 20px;
    font-size: 14px;
    color: #5c6780;
    padding-left: 28px;
    cursor: pointer;
    display: block
}

.checkbox label.label--left {
    line-height: 20px;
    font-size: 14px;
    color: #5c6780;
    padding-right: 28px;
    cursor: pointer;
    display: block
}

.checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0
}

.checkbox input[type="checkbox"]+label:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #AFB5C8;
    background-color: #fff;
    position: absolute;
    left: 0
}

.checkbox input[type="checkbox"]+label.label--left:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #AFB5C8;
    background-color: #fff;
    position: absolute;
    right: 0;
    left: auto
}

.checkbox input[type="checkbox"]:focus+label:before {
    border: 1px dashed #191B1C;
    outline: 0
}

.checkbox input[type="checkbox"]:checked+label:after {
    font-family: 'BK-icons';
    content: "\e90c";
    color: #BD4313;
    font-size: 21px;
    position: absolute;
    top: 0;
    left: 0
}

.checkbox input[type="checkbox"]:checked+label.label--left:after {
    font-family: 'BK-icons';
    content: "\e90c";
    color: #BD4313;
    font-size: 21px;
    position: absolute;
    top: 0;
    left: auto;
    right: 0
}

.checkbox.checkbox--is-error input[type="checkbox"]+label:before {
    border: 1px solid #CB1720
}

.checkbox.checkbox--is-error input[type="checkbox"]:checked+label:after {
    color: #CB1720
}

.checkbox.checkbox--is-error input[type="checkbox"]:focus+label:before {
    border: 1px dashed #191B1C;
    outline: 0
}

.checkbox.checkbox--is-warning input[type="checkbox"]+label:before {
    border: 1px solid #BD4313
}

.checkbox.checkbox--is-warning input[type="checkbox"]:focus+label:before {
    border: 1px dashed #191B1C;
    outline: 0
}

.checkbox.checkbox--is-success input[type="checkbox"]+label:before {
    border: 1px solid #008931
}

.checkbox.checkbox--is-success input[type="checkbox"]:checked+label:after {
    color: #008931
}

.checkbox.checkbox--is-success input[type="checkbox"]:focus+label:before {
    border: 1px dashed #191B1C;
    outline: 0
}

.checkbox input[type="checkbox"]:disabled+label {
    cursor: not-allowed;
    opacity: 0.4;
    color: #5c6780
}

.checkbox input[type="checkbox"]:disabled+label:before {
    box-shadow: none;
    border-color: rgba(92, 103, 128, 0.2);
    background-color: transparent
}

.checkbox input[type="checkbox"]:disabled+label:after {
    opacity: 0.4;
    color: #5c6780
}

.checkbox-ellipsis {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.checkbox-ellipsis:focus .icon,
.checkbox-ellipsis:focus .pictoDSL {
    background-color: #3E4A50;
    color: #fff
}

.checkbox-ellipsis .icon {
    will-change: transform;
    transform: translateY(0px) rotate(0deg);
    transition-property: all;
    transition-duration: 0.166s;
    transition-delay: 0;
    transition-timing-function: ease-out
}

.checkbox-ellipsis .checkbox__content {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px
}

.checkbox-ellipsis label {
    display: unset
}

.checkbox-ellipsis input[type="checkbox"]+label:before {
    left: 4px
}

.checkbox-ellipsis input[type="checkbox"]:checked+label:after {
    left: 4px;
    top: 4px
}

.checkbox-ellipsis.checkbox-ellipsis--opened {
    white-space: normal;
    height: auto
}

.checkbox-ellipsis.checkbox-ellipsis--opened label {
    display: block
}

.checkbox-ellipsis.checkbox-ellipsis--opened .icon,
.checkbox-ellipsis.checkbox-ellipsis--opened .pictoDSL {
    transform: translateY(0px) rotate(-180deg)
}

.radio {
    position: relative;
    margin-right: 20px
}

.radio label {
    line-height: 20px;
    font-size: 14px;
    color: #5c6780;
    padding-left: 28px;
    cursor: pointer;
    display: block
}

.radio.label--small label {
    font-size: 12px
}

.radio.label--black label {
    color: #191B1C
}

.radio input[type="radio"] {
    position: absolute;
    opacity: 0
}

.radio input[type="radio"]+label:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid #AFB5C8;
    margin: 0 10px 0 0;
    position: absolute;
    left: 0;
    background-color: #fff
}

.radio input[type="radio"]:focus+label:before {
    border: 1px dashed #191B1C;
    outline: 0
}

.radio input[type="radio"]:checked+label:after {
    content: ' ';
    background-color: #BD4313;
    border-radius: 6px;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 7px;
    left: 7px
}

.radio.radio--is-error input[type="radio"]+label:before {
    border: 1px solid #CB1720
}

.radio.radio--is-error input[type="radio"]:checked+label:after {
    background-color: #CB1720
}

.radio.radio--is-error input[type="radio"]:focus+label:before {
    border: 1px dashed #191B1C;
    outline: 0
}

.radio.radio--is-warning input[type="radio"]+label:before {
    border: 1px solid #BD4313
}

.radio.radio--is-warning input[type="radio"]:focus+label:before {
    border: 1px dashed #191B1C;
    outline: 0
}

.radio.radio--is-success input[type="radio"]+label:before {
    border: 1px solid #008931
}

.radio.radio--is-success input[type="radio"]:checked+label:after {
    background-color: #008931
}

.radio.radio--is-success input[type="radio"]:focus+label:before {
    border: 1px dashed #191B1C;
    outline: 0
}

.radio input[type="radio"]:disabled+label {
    cursor: not-allowed;
    opacity: 0.4;
    color: #5c6780
}

.radio input[type="radio"]:disabled+label:before {
    border-color: rgba(92, 103, 128, 0.2);
    background-color: transparent
}

.radio input[type="radio"]:disabled+label:after {
    opacity: 0.4;
    color: #5c6780;
    background-color: #5c6780
}

.switch {
    position: relative;
    display: block;
    width: 83px;
    height: 36px
}

.switch.switch--big {
    width: 138px
}

.switch__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #D9E4FF;
    border-radius: 34px;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid transparent
}

.switch__slider:before {
    position: absolute;
    content: "";
    height: 28px;
    width: 28px;
    left: 5px;
    bottom: 4px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: .266s;
    transition: .266s
}

.switch__slider span {
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    width: 100%;
    font-weight: normal;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    transition: opacity 0.1s ease-out
}

.switch__slider span::selection {
    background: transparent
}

.switch__slider span:first-child {
    opacity: 0;
    padding-left: 0;
    padding-right: 50px;
    transition-delay: 0s;
    position: relative
}

.switch__slider span:last-child {
    padding-right: 0;
    padding-left: 17px;
    transition-delay: 0.116s
}

.switch input[type="checkbox"] {
    position: absolute;
    opacity: 0
}

.switch input[type="checkbox"]:focus+.switch__slider {
    border-radius: 20px;
    border: 1px dashed #191B1C
}

.switch input[type="checkbox"]:checked+.switch__slider:before {
    transform: translateX(45px)
}

.switch input[type="checkbox"]:checked+.switch__slider span:first-child {
    opacity: 1;
    transition-delay: 0.116s
}

.switch input[type="checkbox"]:checked+.switch__slider span:last-child {
    opacity: 0;
    transition-delay: 0s
}

.switch input[type="checkbox"]:disabled+.switch__slider {
    background-color: #EBEEF5;
    color: #5c6780;
    cursor: not-allowed
}

.switch input[type="checkbox"]:disabled+.switch__slider:before {
    border-radius: 20px
}

.switch--colored input[type="checkbox"]:checked+.switch__slider {
    background-color: #FF821C;
    color: #fff;
    border: 1px solid transparent
}

.switch--colored input[type="checkbox"]:checked:focus+.switch__slider {
    border-radius: 20px;
    border: 1px dashed #191B1C
}

.switch--colored input[type="checkbox"]:disabled+.switch__slider {
    background-color: #EBEEF5;
    color: #5c6780;
    cursor: not-allowed
}

.switch--colored input[type="checkbox"]:disabled+.switch__slider:before {
    border-radius: 20px
}

.switch--small {
    height: 22px;
    width: 38px;
    border: 1px solid transparent
}

.switch--small .switch__slider:before {
    height: 16px;
    width: 16px;
    left: 1px;
    bottom: 1px
}

.switch--small .switch__slider span {
    display: none
}

.switch--small input[type="checkbox"]:checked+.switch__slider:before {
    transform: translate(16px, 0)
}

.switch--middle {
    width: 120px
}

.switch--middle .switch__slider:before {
    left: 41%
}

.switch--middle .switch__slider span:first-child {
    opacity: 1;
    left: 0;
    padding-right: 0;
    width: 60px
}

.switch--middle .switch__slider span:first-child:before {
    content: "";
    position: absolute;
    top: 0;
    left: 8px
}

.switch--middle .switch__slider span:last-child {
    left: auto;
    right: 0;
    width: 60px
}

.switch--middle .switch__slider span:last-child:before {
    content: "";
    position: absolute;
    top: 0;
    left: 8px;
    opacity: 1
}

.switch--middle.switch__slider--activeLeft input[type="checkbox"]:checked+.switch__slider:before {
    transform: translateX(0) !important
}

.switch--middle.switch__slider--activeLeft .switch__slider {
    background-color: #FF821C !important;
    color: #fff !important
}

.switch--middle.switch__slider--activeLeft .switch__slider:before {
    left: 5px !important;
    top: 3px !important
}

.switch--middle.switch__slider--activeLeft .switch__slider span:first-child {
    left: 8px
}

.switch--middle.switch__slider--activeLeft .switch__slider span:first-child:before {
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 8px;
    width: 113px;
    opacity: 1
}

.switch--middle.switch__slider--activeLeft input[type="checkbox"]:checked+.switch__slider {
    background-color: #FF821C !important;
    color: #fff !important
}

.switch--middle.switch__slider--activeRight input[type="checkbox"]:checked+.switch__slider:before {
    transform: translateX(0) !important
}

.switch--middle.switch__slider--activeRight input[type="checkbox"]:checked+.switch__slider {
    background-color: #FF821C !important;
    color: #fff !important
}

.switch--middle.switch__slider--activeRight .switch__slider {
    background-color: #D9E4FF !important
}

.switch--middle.switch__slider--activeRight .switch__slider:before {
    left: 88px !important;
    top: 3px !important
}

.switch--middle.switch__slider--activeRight .switch__slider span:last-child {
    opacity: 1 !important;
    color: #191B1C !important
}

.switch--middle.switch__slider--activeRight .switch__slider span:last-child:before {
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: -48px
}

.switch--middle.switch__slider--activeRight input[type="checkbox"]:checked+.switch__slider {
    background-color: #D9E4FF !important
}

.tabs {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0
}

.tabs.tabs--minw .tabs__header li {
    min-width: 0
}

.tabs .viewport-tabs {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 56px
}

.tabs .viewport-tabs .tabs__header {
    position: absolute;
    left: 0;
    overflow: hidden
}

.tabs .tabs__header {
    list-style: none;
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
    font-size: 16px;
    overflow-x: auto
}

.tabs .tabs__header.tabs--col2 li {
    min-width: 226px
}

@media (min-width: 576px) {
    .tabs .tabs__header.tabs--col2 li {
        min-width: 50%
    }
}

.tabs .tabs__header.tabs--col3 li {
    min-width: 226px
}

@media (min-width: 768px) {
    .tabs .tabs__header.tabs--col3 li {
        min-width: 240px
    }
}

@media (min-width: 992px) {
    .tabs .tabs__header.tabs--col3 li {
        min-width: 313px
    }
}

@media (min-width: 1200px) {
    .tabs .tabs__header.tabs--col3 li {
        min-width: 380px
    }
}

.tabs .tabs__header.tabs--col4 li {
    min-width: 226px
}

@media (min-width: 768px) {
    .tabs .tabs__header.tabs--col4 li {
        min-width: 213px
    }
}

@media (min-width: 992px) {
    .tabs .tabs__header.tabs--col4 li {
        min-width: 235px
    }
}

@media (min-width: 1200px) {
    .tabs .tabs__header.tabs--col4 li {
        min-width: 285px
    }
}

.tabs .tabs__header.tabs--large li {
    min-width: 226px
}

@media (min-width: 768px) {
    .tabs .tabs__header.tabs--large li {
        min-width: 213px
    }
}

@media (min-width: 992px) {
    .tabs .tabs__header.tabs--large li {
        min-width: 235px
    }
}

@media (min-width: 1200px) {
    .tabs .tabs__header.tabs--large li {
        min-width: 275px
    }
}

.tabs .tabs__header.tabs--col5 li {
    min-width: 226px
}

@media (min-width: 768px) {
    .tabs .tabs__header.tabs--col5 li {
        min-width: 214.77px
    }
}

@media (min-width: 1200px) {
    .tabs .tabs__header.tabs--col5 li {
        min-width: 228px
    }
}

.tabs .tabs__header.tabs--col6 li {
    min-width: 226px
}

@media (min-width: 768px) {
    .tabs .tabs__header.tabs--col6 li {
        min-width: 214px
    }
}

@media (min-width: 1200px) {
    .tabs .tabs__header.tabs--col6 li {
        min-width: 190px
    }
}

.tabs .tabs__header.tabs--col7 li {
    min-width: 226px
}

@media (min-width: 768px) {
    .tabs .tabs__header.tabs--col7 li {
        min-width: 214px
    }
}

@media (min-width: 1200px) {
    .tabs .tabs__header.tabs--col7 li {
        min-width: 177px
    }
}

.tabs .tabs__header li {
    display: block;
    flex: 1;
    padding: 0;
    min-width: 180px;
    outline: none
}

.tabs .tabs__header li.short {
    display: flex;
    height: 56px;
    flex: none;
    padding: 0 40px 0 0;
    min-width: inherit
}

.tabs .tabs__header li.short .tabs__header-item {
    background-color: transparent;
    padding: 12px 0 12px 0;
    color: #191B1C;
    width: auto;
    height: auto;
    border-top: none
}

.tabs .tabs__header li.short .tabs__header-item:hover {
    color: #191B1C;
    border-bottom: 3px solid #191B1C;
    background-color: transparent
}

.tabs .tabs__header li.short .tabs__header-item:focus {
    outline: 1px dashed #191B1C;
    outline-offset: -1px
}

.tabs .tabs__header li.short .tabs__header-item.tabs__header-item--active {
    color: #191B1C;
    border-bottom-color: #FF821C;
    background-color: transparent
}

.tabs .tabs__header li.short .tabs__header-item.tabs__header-item--active:hover {
    color: #191B1C;
    border-bottom: 3px solid #191B1C
}

.tabs .tabs__header li.short .tabs__header-item.tabs__header-item--active:focus {
    color: #191B1C;
    background-color: transparent;
    outline: 1px dashed #191B1C;
    outline-offset: -1px;
    position: relative
}

.tabs .tabs__header li.short .tabs__header-item[disabled],
.tabs .tabs__header li.short .tabs__header-item.tabs__header-item--disabled {
    background-color: #fff;
    color: #5c6780;
    cursor: not-allowed
}

.tabs .tabs__header li .tabs__header-item {
    display: flex;
    align-items: center;
    text-decoration: none;
    width: 100%;
    padding: 0 24px;
    color: #191B1C;
    background-color: #EBEEF5;
    cursor: pointer;
    height: 56px;
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent
}

.tabs .tabs__header li .tabs__header-item:hover {
    color: #191B1C;
    background-color: #F7FAFF
}

.tabs .tabs__header li .tabs__header-item:focus {
    outline: 1px dashed #191B1C;
    outline-offset: -1px;
    color: #191B1C
}

.tabs .tabs__header li .tabs__header-item.tabs__header-item--active {
    color: #191B1C;
    border-bottom-color: transparent;
    border-top-color: #FF821C;
    background-color: #fff
}

.tabs .tabs__header li .tabs__header-item[disabled],
.tabs .tabs__header li .tabs__header-item.tabs__header-item--disabled {
    background-color: #EBEEF5;
    color: #5c6780;
    cursor: not-allowed
}

.tabs .tabs__content .tabs__content-item {
    display: none;
    background-color: #fff
}

.tabs .tabs__content .tabs__content-item.tabs__content-item--active {
    display: block
}

.tabs--filter .tabs__header li .tabs__header-item {
    background-color: #fff;
    border-top-color: #fff;
    border-bottom-color: #F7FAFF
}

.tabs--filter .tabs__header li .tabs__header-item:focus {
    background-color: #fff;
    border-bottom-color: #3E4A50
}

.tabs--filter .tabs__header li .tabs__header-item.tabs__header-item--disabled {
    background-color: #fff
}

.tabs .btn-navigation-prev {
    position: absolute;
    top: 10px;
    left: 0;
    height: 56px;
    width: 40px;
    background-color: #F7FAFF;
    color: #BD4313;
    display: none;
    box-shadow: 0 0 10px 0 rgba(93, 107, 114, 0.15);
    padding: 0 4px
}

.tabs .btn-navigation-prev:focus {
    outline: 1px dashed #191B1C;
    outline-offset: -1px
}

.tabs .btn-navigation-prev:hover {
    color: #F76900
}

.tabs .btn-navigation-next {
    position: absolute;
    top: 10px;
    right: 0;
    height: 56px;
    width: 40px;
    background-color: #F7FAFF;
    color: #BD4313;
    box-shadow: 0 0 10px 0 rgba(93, 107, 114, 0.15);
    padding: 0 4px
}

.tabs .btn-navigation-next:focus {
    outline: 1px dashed #191B1C;
    outline-offset: -1px
}

.tabs .btn-navigation-next:hover {
    color: #F76900
}

.tabs.tabs--arrows-black .btn-navigation-next,
.tabs.tabs--arrows-black .btn-navigation-prev {
    color: #191B1C;
    display: block;
    background: #fff
}

.tabs.tabs--arrows-black .btn-navigation-next:hover,
.tabs.tabs--arrows-black .btn-navigation-prev:hover {
    color: #5c6780
}

.tabs.tabs--arrows-black .btn-navigation-next:focus,
.tabs.tabs--arrows-black .btn-navigation-prev:focus {
    outline: 1px dashed #191B1C;
    outline-offset: -1px
}

.tabs.tabs--arrows-black .btn-navigation-prev {
    display: none
}

.tabs--short {
    transition: all 0.5s
}

.accordion--process-xs .accordion__item {
    border-top: 1px solid #EBEEF5;
    border-bottom: 1px solid #EBEEF5;
    padding: 0 24px
}

@media (min-width: 768px) {
    .accordion--process-xs .accordion__item {
        padding: 0;
        border-top: none;
        border-bottom: none
    }
}

.accordion--process-xs .accordion__item.active {
    border-top: 3px solid #3E4A50;
    border-bottom: 3px solid #3E4A50
}

.accordion--process-xs .accordion__item:focus-within {
    box-shadow: inset 0 0 0 3px #3E4A50
}

.accordion--process-xs .accordion__header {
    padding: 24px 0;
    color: #191B1C
}

.accordion--process-xs .accordion__header:hover {
    color: #191B1C
}

.accordion--process-xs .accordion__body {
    padding-bottom: 16px
}

@media (max-width: 575.98px) {
    .accordion--process-xs {
        margin-left: -25px;
        margin-right: -25px
    }
}

[data-accordion-item-body] {
    display: none
}

[data-accordion-item-header] .pictoDSL,
[data-accordion-item-header] .icon {
    will-change: transform;
    transform: rotate(0deg);
    transition-property: transform;
    transition-duration: 0.166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

[data-accordion-item].active [data-accordion-item-body] {
    display: block
}

[data-accordion-item].active [data-accordion-item-header] .pictoDSL,
[data-accordion-item].active [data-accordion-item-header] .icon {
    transform: rotate(180deg)
}

[data-accordion-item].active [data-accordion-item-header] .pictoDSL-plus-16,
[data-accordion-item].active [data-accordion-item-header] .icon--plus-16 {
    transform: rotate(135deg)
}

[data-accordion-item].active [data-accordion-item-header].accordion--light .icon {
    transform: rotate(0deg);
    color: #191B1C;
    background-color: #EFF3FF
}

[data-accordion-item].active [data-accordion-item-header].accordion--light .icon--plus-16 {
    transform: rotate(90deg);
    content: "\e928"
}

[data-accordion-item].active [data-accordion-item-header].accordion--light .icon--plus-16:before {
    transform: rotate(90deg);
    content: "\e928"
}

[data-accordion-item] [data-accordion-item-header].accordion--light .icon {
    color: #191B1C;
    background-color: #EFF3FF;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

[data-accordion-item] .process-heading__title {
    line-height: 27px
}

[data-accordion-item] .process-heading__line {
    width: 32px;
    margin-top: 2px
}

[data-accordion-item] [data-accordion-item-header].accordion--light:hover .icon {
    background-color: #D9E4FF
}

[data-accordion-item] [data-accordion-item-header].accordion--light:hover .icon {
    box-shadow: inset 0 0 0 4px #AFB5C8
}

.select {
    font-family: "BK-Sans";
    font-size: 14px;
    color: #5c6780;
    position: relative
}

.select.select--is-error .select__error {
    display: block
}

.select.select--is-error .select__expand-button {
    border: 1px solid #CB1720
}

.select.select--disabled .select__expand-button {
    border: 1px solid rgba(175, 181, 200, 0.2);
    cursor: not-allowed
}

.select.select--disabled .select__expand-button:focus {
    outline: none !important
}

.select.select--disabled .select__expand-button .select__selected-option {
    color: #5c6780;
    opacity: 0.6
}

.select.select--disabled .select__expand-button .select__label,
.select.select--disabled .select__expand-button .icon {
    opacity: 0.6;
    color: #5c6780
}

.select.select--disabled .select__expand-button.select--has-content .select__label,
.select.select--disabled .select__expand-button.select--has-content .icon {
    opacity: 0.6;
    color: #5c6780
}

.select.select--position-static .select__custom-select-menu {
    position: static;
    transform: translateY(0)
}

.select .select__label {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translate(0, -50%);
    transition: top .123s
}

.select.select--has-content {
    position: relative
}

.select.select--has-content .select__label {
    line-height: normal;
    display: block;
    font-weight: 900;
    text-transform: uppercase;
    color: #191B1C;
    position: absolute;
    top: 10px;
    font-size: 12px;
    transform: translate(0, 0);
    letter-spacing: 1px
}

.select.select--has-content .select__selected-option {
    line-height: normal;
    bottom: 6px;
    transform: translate(0, 0)
}

.select .ss-wrapper {
    height: 100%;
    width: 100%;
    float: left;
    display: block
}

.select .ss-content {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
    overflow: auto;
    padding-right: 0 !important
}

.select label,
.select select {
    position: absolute;
    left: -9999px
}

.select__expand-button {
    width: 100%;
    border: 1px solid #AFB5C8;
    background-color: #fff;
    border-radius: 4px;
    height: 60px;
    line-height: 60px;
    padding: 0 16px;
    position: relative;
    cursor: pointer;
    box-sizing: border-box
}

.select__expand-button:focus {
    border: 1px dashed #191B1C;
    outline: none;
    border-radius: 4px
}

.select__expand-button .icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%)
}

.select__expand-button.select--has-content {
    position: relative;
    line-height: normal
}

.select__expand-button.select--has-content .select__label {
    display: none
}

.select__update .select__custom-select .select__expand-button {
    min-height: 85px
}

.select__update .select__custom-select .select__expand-button:focus {
    border: 1px dashed #191B1C;
    outline: none;
    border-radius: 4px
}

@media (max-width: 991.98px) {
    .select__update .select__custom-select .select__expand-button {
        min-height: auto;
        height: 47px
    }
}

.select__update.select__update--editheight .select__expand-button {
    min-height: auto;
    height: 47px
}

.select__selected-option {
    position: absolute;
    bottom: 50%;
    transform: translate(0, 50%);
    left: 16px;
    right: 40px;
    color: #5c6780;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.select__custom-select--open .select__expand-button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-color: transparent
}

.select__custom-select--open .select__expand-button .icon {
    transform: rotate(-180deg);
    top: 30%
}

.select__custom-select-menu {
    position: absolute;
    width: 100%;
    margin: 0;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 1px solid #AFB5C8;
    background-color: #fff;
    z-index: 100;
    height: 194px;
    padding: 0;
    padding-right: 24px;
    top: 116px
}

.select__custom-select-menu.select__custom-select-menu--no-scroll {
    padding-right: 0;
    max-height: 360px
}

.select__custom-select-menu .select__custom-option {
    min-height: 48px;
    padding: 16px;
    border-bottom: 1px solid #EBEEF5;
    border-top: 1px solid transparent;
    position: relative;
    cursor: pointer
}

.select__custom-select-menu .select__custom-option:hover {
    background-color: #F7FAFF;
    outline: none
}

.select__custom-select-menu .select__custom-option:focus {
    border: 1px dashed #191B1C !important;
    background-color: #fff !important;
    color: #191B1C
}

.select__custom-select-menu .select__custom-option.select__custom-option--active .select__name-info__selected {
    position: absolute;
    background-color: #B5F0EF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #191B1C
}

.select__custom-select-menu .select__custom-option.select__custom-option--active .select__name-info--yellow .select__name-info__selected {
    background: #FEE997
}

.select-thin .select__custom-select-menu .select__custom-option:focus {
    border: 1px dashed #191B1C !important;
    border-radius: 4px;
    background-color: #fff !important;
    box-shadow: none;
    color: #191B1C
}

.select__custom-select.select__custom-select--open .wrapper-select__search {
    padding-top: 8px;
    height: 56px;
    background-color: #fff;
    box-shadow: 0 9px 9px 3px #EBEEF5
}

.wrapper-select__search {
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 111
}

@media (max-width: 991.98px) {
    .select--dropdown {
        max-width: 320px
    }
}

.select--dropdown .wrapper-select__search {
    top: 32px
}

.select--dropdown .wrapper-select__search {
    padding-top: 0 !important;
    padding-bottom: 6px
}

.select--dropdown .select__search {
    box-shadow: none !important;
    border-radius: 4px;
    margin: 4px 8px
}

.select--dropdown .wrapper-select__search+.select__custom-select-menu {
    top: 85px
}

.select--dropdown .wrapper-select__search.d-none+.select__custom-select-menu {
    top: 37px !important
}

.select__account-links {
    top: 60px
}

.select__account-links+.wrapper-select__search {
    top: 196px
}

@media (max-width: 991.98px) {
    .select__account-links+.wrapper-select__search {
        top: 164px
    }
}

.select--groups .select__custom-option {
    height: 48px !important;
    min-height: auto !important
}

@media (min-width: 992px) {
    .select--groups .select__custom-option {
        height: 64px !important
    }
}

.select--group .select__account-links+.wrapper-select__search,
.select--groups .select__account-links+.wrapper-select__search {
    top: 132px
}

@media (max-width: 991.98px) {
    .select--group .select__account-links+.wrapper-select__search,
    .select--groups .select__account-links+.wrapper-select__search {
        top: 116px
    }
}

.select--group .select__account-links+.wrapper-select__search+.select__custom-select-menu,
.select--groups .select__account-links+.wrapper-select__search+.select__custom-select-menu {
    top: 188px;
    height: 238px
}

@media (max-width: 991.98px) {
    .select--group .select__account-links+.wrapper-select__search+.select__custom-select-menu,
    .select--groups .select__account-links+.wrapper-select__search+.select__custom-select-menu {
        top: 172px
    }
}

.select--group.select--groups-empresas .select__name-info,
.select--groups.select--groups-empresas .select__name-info {
    background-color: #FEE997
}

.select--group.select--groups-empresas .select__custom-option--active .select__name-info,
.select--groups.select--groups-empresas .select__custom-option--active .select__name-info {
    background-color: #FED430
}

.select__account-links+.wrapper-select__search+.select__custom-select-menu {
    top: 252px;
    height: 168px
}

@media (max-width: 991.98px) {
    .select__account-links+.wrapper-select__search+.select__custom-select-menu {
        top: 220px
    }
}

.wrapper-select__search+.select__search[hidden="true"]+.select__custom-select-menu {
    position: static
}

.select--search .select__custom-select--open .wrapper-select__search+.select__custom-select-menu {
    height: 156px;
    padding-top: 16px;
    z-index: 999
}

.select__expand-button+.select__custom-select-menu {
    top: 60px
}

.select.select--search .select__custom-select-menu .select__custom-option {
    min-height: 48px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    border: 1px solid transparent
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .select.select--search .select__custom-select-menu .select__custom-option {
        height: 48px
    }
}

.select.select--search .select__custom-select-menu .select__custom-option.select__custom-option--active {
    background: transparent;
    color: #191B1C
}

.select.select--search .select__custom-select-menu .select__custom-option.select__custom-option--active:after {
    font-family: 'BK-icons';
    content: '\e90c';
    color: #191B1C;
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translate(0, -50%)
}

.select[data-select] .select__custom-select-menu.select__custom-select-menu--no-scroll .select__custom-option.select__custom-option--active:after {
    right: 8px
}

.select[data-select] .select__custom-select-menu .select__custom-option.select__custom-option--active {
    background: transparent;
    color: #191B1C
}

.select[data-select] .select__custom-select-menu .select__custom-option.select__custom-option--active:after {
    font-family: 'BK-icons';
    content: '\e90c';
    color: #191B1C;
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.select.select--account .select__custom-select-menu .select__custom-option.select__custom-option--active {
    background-color: transparent
}

.select.select--account .select__custom-select-menu .select__custom-option.select__custom-option--active [class^="img-bank-"],
.select.select--account .select__custom-select-menu .select__custom-option.select__custom-option--active [class*="img-bank-"] {
    background-image: none
}

.select.select--account .select__custom-select-menu .select__custom-option.select__custom-option--active [class^="img-bank-"]:after,
.select.select--account .select__custom-select-menu .select__custom-option.select__custom-option--active [class*="img-bank-"]:after {
    font-family: 'BK-icons';
    content: '\e90c';
    color: #191B1C;
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    top: 50%;
    text-indent: 0
}

.select.select--account .select__custom-select-menu .select__custom-option.select__custom-option--oneline {
    display: flex;
    align-items: center
}

@media (max-width: 991.98px) {
    .select.select--account .select__custom-select-menu .select__custom-option.select__custom-option--oneline .img-bank {
        top: 0
    }
}

.select.select--account .select__custom-select-menu .select__custom-option.select__custom-option--oneline[hidden="true"] {
    display: none
}

.select.select--account.select--no-icon .select__custom-select-menu .select__custom-option.select__custom-option--active {
    background-color: #EBEEF5
}

.select .select__custom-select-menu .select__custom-option.select__custom-option--active {
    background-color: #EBEEF5
}

.select--account:not(.select--account-saldo):not(.select--divisa) .select__custom-option {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.select--account:not(.select--account-saldo):not(.select--divisa) .select__wrapper-info {
    flex: 1 1 auto
}

.img-bank {
    border-radius: 50%;
    height: 48px;
    max-width: 48px;
    min-width: 48px;
    background-color: #EBEEF5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-area: name-info;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    margin-right: 16px;
    width: 100%
}

@media (max-width: 991.98px) {
    .img-bank {
        height: 32px;
        max-width: 32px;
        min-width: 32px;
        margin-right: 8px;
        position: relative;
        top: 8px
    }
}

.select--account.select--no-icon.select--border .select__custom-select--open .select__expand-button {
    z-index: 0
}

.select--account.select--no-icon .select__custom-select-menu .ss-content {
    width: 100%;
    padding-right: 0 !important
}

.select--account.select--no-icon .select__custom-select-menu.select__custom-select-menu--no-scroll {
    padding-right: 0
}

.select--account.select--no-icon .select__custom-select-menu.select__custom-select-menu--no-scroll .ss-content {
    width: 100%;
    padding-right: 0
}

.select--account.select--no-icon .select__custom-select-menu.select__custom-select-menu--no-scroll .select__custom-option:last-of-type {
    padding-bottom: 0
}

@media (max-width: 575.98px) {
    .select--account.select--no-icon .select__custom-select-menu .select__custom-option {
        display: block
    }
}

.select--account.select--no-icon .select__custom-select-menu .select__custom-option.select__custom-option--active {
    background-color: #EBEEF5
}

.select--account.select--no-icon .select__custom-select-menu .select__custom-option.select__custom-option--active .select__account-number {
    color: #191B1C
}

@media (max-width: 991.98px) {
    .select--account.select--no-icon .select__custom-select-menu .select__custom-option.select__custom-option--active .select__account-number {
        display: block;
        letter-spacing: 0
    }
}

.select--account.select--no-icon .select__custom-select-menu .select__custom-option.select__custom-option--active .select__account-saldo {
    color: #191B1C
}

@media (max-width: 991.98px) {
    .select--account.select--no-icon .select__custom-select-menu .select__custom-option.select__custom-option--active .select__account-saldo {
        display: block
    }
}

.select.select--search.select-check .select__custom-select-menu.select__custom-select-menu--no-scroll {
    padding-right: 0;
    height: auto
}

.select.select--search.select-check .select__custom-select-menu .select__custom-option {
    padding-left: 58px
}

.select.select--search.select-check .select__custom-select-menu .select__custom-option:hover,
.select.select--search.select-check .select__custom-select-menu .select__custom-option:focus {
    outline: none
}

.select.select--search.select-check .select__custom-select-menu .select__custom-option:before {
    content: '';
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid rgba(104, 112, 126, 0.6);
    background-color: #fff;
    position: absolute;
    left: 18px;
    color: transparent;
    text-align: center
}

.select.select--search.select-check .select__custom-select-menu .select__custom-option:after {
    font-family: 'BK-icons';
    content: "\e9c3";
    font-size: 0;
    position: absolute;
    height: 14px;
    width: 14px;
    border-radius: 3px;
    top: 16px;
    left: 23px;
    text-align: center;
    line-height: initial;
    right: auto;
    transform: none
}

.select.select--search.select-check .select__custom-select-menu .select__custom-option.select__custom-option--active {
    color: #191B1C;
    background-color: transparent
}

.select.select--search.select-check .select__custom-select-menu .select__custom-option.select__custom-option--active:after {
    background-color: #FF821C
}

.select.select--search.select-check .select__custom-select-menu .select__custom-option.select__custom-option--active.select__custom-option--active-allchecked:after {
    content: "\e9ca";
    background-color: transparent;
    font-size: 20px;
    color: #FF821C;
    left: 20px;
    transform: none;
    top: 13px;
    border: none;
    width: unset;
    height: unset
}

.select__error {
    position: absolute;
    top: 102%;
    color: #CB1720;
    font-weight: bold;
    font-size: 13px;
    text-align: right;
    width: 100%;
    display: none
}

.select__error.select__error--position-rel {
    top: auto;
    position: relative;
    margin-top: -13px
}

.select__link {
    width: 100%;
    margin-top: 7px
}

.select__link a {
    font-weight: bold;
    font-size: 13px;
    text-align: right;
    float: right;
    color: #191B1C
}

.select__icon {
    vertical-align: middle
}

.select--no-border .select__custom-select--open .select__expand-button {
    border: 1px solid #AFB5C8
}

.select--no-border .select__custom-select-menu {
    border: none;
    box-shadow: 0 9px 9px 3px #EBEEF5
}

.select--no-border .select__custom-option {
    border-bottom: none
}

.select--search .select__custom-select-menu {
    border-top: none
}

.select--search .wrapper-select__search {
    border-right: 1px solid #AFB5C8;
    border-left: 1px solid #AFB5C8
}

.select--search.select--no-border .wrapper-select__search {
    border-right: none;
    border-left: none
}

.select--account .select__account-links+.select__search {
    margin-top: 0
}

.select__search {
    position: relative;
    padding: 12px 57px 12px 16px;
    background-color: #EFF3FF;
    margin: 0 8px;
    height: 48px;
    border-radius: 4px
}

.select__search-input {
    width: 100%;
    height: 100%;
    border: none;
    color: #5c6780;
    background: transparent
}

.select__search-input:focus {
    outline: none
}

.select__search-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%)
}

.select__search-no-results {
    height: 180px;
    padding: 24px
}

.data-search-no-results__label {
    color: #191B1C
}

@media (max-width: 991.98px) {
    .select--figures .select__expand-button {
        height: 75px
    }
}

@media (max-width: 991.98px) {
    .select--figures .wrapper-select__search {
        top: 75px
    }
}

@media (max-width: 991.98px) {
    .select--figures .select__custom-select-menu {
        top: 131px
    }
}

.select--figures .select__selected-option {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap
}

@media (max-width: 991.98px) {
    .select--figures .select__selected-option {
        display: block
    }
}

.select--figures .select__custom-option {
    display: flex;
    justify-content: space-between
}

@media (max-width: 991.98px) {
    .select--figures .select__custom-option {
        flex-direction: column
    }
}

.select--figures .select__selected-info {
    font-weight: 700;
    color: black;
    margin-right: 16px
}

@media (max-width: 991.98px) {
    .select--figures .select__selected-info {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: 0;
        display: block
    }
}

.select .select__custom-option:last-of-type {
    margin-bottom: 16px
}

@media (max-width: 991.98px) {
    .select--account.select--account-saldo .select__name-info,
    .select--account.select--account-saldo .img-bank {
        position: relative;
        top: 12px
    }
}

.select--account.select--bizum .select__custom-option {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.select--account.select--bizum .select__wrapper-info {
    flex: 1 1 auto
}

.select--account.select--bizum .select__account-alias {
    margin-top: 4px
}

@media (max-width: 1199.98px) {
    .select--account.select--bizum .select__account-alias {
        margin-top: 2px
    }
}

.select--account.select--bizum .select__custom-select-menu--no-scroll .select__account-icon {
    right: 16px
}

.select--account.select--bizum .select__account-icon {
    position: absolute;
    bottom: 16px;
    right: 8px
}

.select--account.select--bizum .select__account-icon span:last-child {
    margin-left: 8px
}

@media (max-width: 991.98px) {
    .select--account.select--divisa .select__custom-option {
        display: block
    }
}

.select--account.select--divisa .select__name-info {
    top: 12px
}

@media (min-width: 768px) {
    .select--account.select--divisa .select__name-info {
        top: 7px
    }
}

@media (max-width: 767.98px) {
    .select--account.select--favorita-confianza.select--banco .select__custom-option .select__account-icon {
        top: 5px
    }
}

.select--account.select--favorita-confianza .img-bank {
    top: auto
}

.select--account.select--favorita-confianza .select__wrapper-info {
    flex: 1 1 auto
}

.select--account.select--favorita-confianza .select__custom-option {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.select--account.select--favorita-confianza .select__custom-option .select__account-icon span:last-child {
    margin-left: 8px
}

.select--account.select--favorita-confianza .select__custom-option .select__account-icon .icon--starFill-16:before {
    content: "\e96f";
    color: #FED430
}

@media (max-width: 767.98px) {
    .select--account.select--favorita-confianza .select__custom-option .select__account-icon {
        right: 16px;
        position: absolute;
        top: 10px
    }
}

.select--account.select--favorita-confianza .select__custom-option .select__account-alias {
    margin-top: auto
}

@media (max-width: 767.98px) {
    .select--account.select--favorita-confianza.select--dropdown .select__custom-select-menu--no-scroll .select__account-icon {
        right: 16px;
        position: absolute;
        top: 14px
    }
}

.select--account.select--favorita-confianza.select--dropdown .select__account-alias {
    margin-top: 8px
}

@media (max-width: 767.98px) {
    .select--account.select--favorita-confianza.select--dropdown .select__account-icon {
        right: 0;
        position: absolute;
        top: 14px
    }
}

@media (max-width: 575.98px) {
    .select--account.select--favorita-confianza.select--dropdown .select__account-number {
        letter-spacing: -.4px !important
    }
}

@media (max-width: 991.98px) {
    .select--account.select--favorita-confianza.select--dropdown .select__account-number {
        letter-spacing: 0
    }
}

@media (min-width: 992px) {
    .select--account.select--favorita-confianza.select--dropdown .select__account-number {
        letter-spacing: 1px
    }
}

.select--account .select__custom-option {
    padding: 8px 16px;
    border-bottom: none;
    color: #191B1C;
    border: 1px solid transparent;
    min-height: 64px
}

.select--account .select__custom-no-name-info .select__account-alias {
    margin-top: 6px
}

.select--account .select__custom-no-name-info .select__account-saldo {
    bottom: 7px;
    right: 16px
}

.select--account .select__account-number {
    font-size: 12px;
    color: #5c6780;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 575.98px) {
    .select--account .select__account-number {
        letter-spacing: -.03em
    }
}

.select--account .select__account-banco {
    font-size: 12px;
    color: #5c6780
}

.select--account .select__account-selected {
    color: #5c6780;
    line-height: 75px;
    font-size: 14px
}

.select--account.select--combinado .select__name-info {
    background-color: #FEE997
}

.select--account .select__name-info {
    font-size: 14px;
    height: 48px;
    max-width: 48px;
    min-width: 48px;
    background-color: #D3F6F5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #191B1C;
    float: left;
    margin-right: 16px;
    width: 100%
}

@media (max-width: 991.98px) {
    .select--account .select__name-info {
        height: 32px;
        max-width: 32px;
        min-width: 32px;
        margin-right: 8px;
        position: relative
    }
}

.select--account .select__name-info--yellow {
    background-color: #FEE997
}

.select--account .select__name-info--grey {
    background-color: #EFF3FF
}

.select--account .select__name-info--divisa {
    color: #5c6780;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin-left: 40px
}

@media (min-width: 576px) {
    .select--account .select__name-info--divisa {
        position: absolute;
        bottom: 12px;
        right: 16px
    }
}

@media (max-width: 991.98px) {
    .select--account.select--combinado .wrapper-select__search {
        top: 75px
    }
}

@media (max-width: 991.98px) {
    .select--account.select--combinado .wrapper-select__search+.select__custom-select-menu {
        top: 131px
    }
}

@media (max-width: 991.98px) {
    .select--account.select--combinado .select__custom-select-menu {
        top: 75px
    }
}

@media (max-width: 991.98px) {
    .select--account.select--combinado .select__expand-button {
        height: 75px
    }
}

.select--account.select--combinado .select__custom-option--active .select__name-info {
    background-color: #FED430
}

.select--account.select--combinado .select__account-selected {
    display: flex;
    justify-content: space-between
}

@media (max-width: 991.98px) {
    .select--account.select--combinado .select__account-selected {
        display: block
    }
    .select--account.select--combinado .select__account-selected span {
        display: block
    }
}

.select--account.select--combinado .select__account-selected .select__selected-info {
    font-weight: bold;
    color: #191B1C
}

.select--account .select__custom-option--active .select__name-info {
    background-color: #B5F0EF;
    position: relative;
    text-indent: -9999px
}

.select--account .select__custom-option--active .select__name-info.select__name-info--grey {
    background-color: #D9E4FF
}

.select--account .select__custom-option--active .select__name-info:after {
    font-family: 'BK-icons';
    content: '\e90c';
    color: #191B1C;
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    top: 50%;
    text-indent: 0
}

.select--account .select__custom-option--active .select__name-info--yellow {
    background-color: #FED430
}

.select--account .select__name-section {
    font-size: 14px;
    color: #191B1C
}

.select--account .select__account-int {
    font-size: 14px;
    color: #191B1C;
    padding: 0 0 0 16px
}

.select--account .select__custom-option+.select__account-int {
    padding-top: 16px
}

.select--account .select__custom-select-menu {
    height: 280px;
    padding-top: 16px
}

.select--account .select__custom-select.select__custom-select--open .wrapper-select__search {
    padding-top: 8px;
    background-color: #fff;
    height: 56px;
    box-shadow: 0 9px 9px 3px #EBEEF5
}

.select--account .select__search {
    color: #191B1C;
    border: none;
    overflow-y: hidden;
    z-index: 1;
    background-color: #EFF3FF;
    margin: 0 8px;
    height: 48px;
    border-radius: 4px
}

.select--account .select__search-input {
    color: #191B1C;
    font-size: 14px
}

.select--account .select__search-input::-webkit-input-placeholder {
    color: #191B1C
}

.select--account .select__search-input:-moz-placeholder {
    color: #191B1C
}

.select--account .select__search-input::-moz-placeholder {
    color: #191B1C
}

.select--account .select__search-input:-ms-input-placeholder {
    color: #191B1C
}

.select--account .select__custom-select-menu {
    border: none;
    box-shadow: 0 9px 9px 3px #EBEEF5;
    z-index: 999
}

.select--account .select__custom-select-menu .select__custom-option.select__custom-option--active:after {
    display: none
}

.select--account .select__custom-select--open .select__expand-button {
    border-bottom: 1px solid #AFB5C8;
    margin-bottom: 0;
    z-index: 2
}

.select--account .select__custom-select.select__custom-select--open {
    box-shadow: 0 0 10px 3px #EBEEF5;
    position: relative;
    z-index: 2
}

.select--account .select__account-links {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #fff;
    box-shadow: 0 0 10px 3px #EBEEF5;
    position: absolute;
    top: 60px;
    padding-top: 8px
}

.select--account .select__account-links .select__account-link {
    width: 100%;
    font-size: .875rem;
    color: #191B1C;
    padding: 8px 16px;
    line-height: 13px;
    border-bottom: none;
    color: #191B1C;
    height: 64px
}

@media (max-width: 991.98px) {
    .select--account .select__account-links .select__account-link {
        height: 48px
    }
}

@media (max-width: 575.98px) {
    .select--account .select__account-links .select__account-link {
        height: auto
    }
}

.select--account .select__account-links .select__account-link:focus,
.select--account .select__account-links .select__account-link:hover {
    background-color: #F7FAFF
}

.select--account .select__account-links .select__account-link .icon {
    font-size: 24px;
    min-width: 48px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    background-color: #FF821C;
    color: #fff;
    margin-right: 16px
}

@media (max-width: 991.98px) {
    .select--account .select__account-links .select__account-link .icon {
        font-size: 16px;
        min-width: 32px;
        width: 32px;
        height: 32px;
        line-height: 32px
    }
}

@media (max-width: 991.98px) {
    .select--account .select__account-links .select__account-link .icon {
        margin-right: 4px
    }
}

.select--account.select--border .select__custom-select.select__custom-select--open,
.select--account.select--border .select__search,
.select--account.select--border .select__custom-select-menu {
    box-shadow: none
}

.select--account.select--border .select__account-links,
.select--account.select--border .wrapper-select__search,
.select--account.select--border .select__custom-select-menu {
    border-right: 1px solid #AFB5C8;
    border-left: 1px solid #AFB5C8
}

.select--account.select--border .select__custom-select-menu {
    border-bottom: 1px solid #AFB5C8
}

.select__saldo-selected {
    float: right;
    font-weight: bold;
    color: #191B1C;
    font-size: 14px
}

@media (max-width: 991.98px) {
    .select__saldo-selected {
        float: none;
        display: block
    }
}

@media (max-width: 991.98px) {
    .select--account-saldo.select--no-icon .select__custom-option .select__account-saldo {
        margin-left: auto
    }
}

@media (max-width: 991.98px) {
    .select--account-saldo .select__custom-option .select__account-alias {
        height: 18px;
        line-height: 18px;
        position: static;
        margin-top: 0
    }
    .select--account-saldo .select__custom-option .select__account-number {
        height: 18px;
        line-height: 18px
    }
}

.select--account-saldo .select__custom-select-menu--no-scroll .select__account-saldo {
    right: 16px
}

.select--account-saldo .select__account-saldo {
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    color: #5c6780;
    position: absolute;
    right: 8px;
    bottom: 9px
}

@media (max-width: 991.98px) {
    .select--account-saldo .select__account-saldo {
        position: static;
        margin-left: 40px
    }
}

.select--account-saldo .ss-content [style="padding-right:16px"] .select__account-saldo {
    right: 0
}

.select__divisa-import {
    display: flex;
    justify-content: space-between;
    position: relative;
    border: 1px solid #AFB5C8;
    border-radius: 4px;
    width: 100%;
    max-height: 60px
}

.select__divisa-import .select__divisa-import__input-container {
    flex-grow: 1
}

.select__divisa-import .select__divisa-import__input {
    border: 1px solid transparent;
    margin-top: -1px;
    margin-left: -1px
}

.select__divisa-import .select__divisa-import__input label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 16px;
    width: 100%
}

@media (max-width: 991.98px) {
    .select__divisa-import .select__divisa-import__input input {
        width: 100%
    }
}

.select__divisa-import .select__divisa-import__input.input--has-focus .input__control {
    outline: none;
    border: 1px dashed #191B1C;
    border-radius: 4px;
    z-index: 1
}

.select__divisa-import .select__divisa-import__input--is-error .input__control,
.select__divisa-import .select__divisa-import__input--is-error.input--has-focus .input__control {
    border: 1px solid #CB1720;
    border-radius: 4px
}

.select__divisa-import .select__divisa-int {
    font-size: 14px;
    line-height: 24px;
    color: #191B1C;
    padding: 6px 0 6px 17px
}

.select__divisa-import.select__list-tlf .select__icon {
    padding: 0 8px 0 0
}

.select__divisa-import.select__list-tlf .select--no-flag .select__custom-select {
    width: 92px
}

.select__divisa-import.select__list-tlf .select__custom-select {
    position: static;
    width: 122px
}

.select__divisa-import.select__list-tlf .select__selected-option {
    padding-right: 0 !important
}

.select__divisa-import.select__list-tlf .select__expand-button {
    padding: 0 0 0 16px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center
}

.select__divisa-import.select__list-tlf .select__expand-button .icon {
    position: static;
    right: 35px;
    transform: none
}

.select__divisa-import.select__list-tlf .select__expand-button:hover span.icon.icon--arrow-down-16.icon--24 {
    right: 35px
}

.select__divisa-import.select__list-tlf .select__custom-select-menu .select__custom-option {
    padding: 0 0 0 16px;
    display: flex;
    justify-content: start;
    align-items: center
}

.select__divisa-import .select__divisa-import__list-divisas .wrapper-select__search {
    margin: 0 -1px
}

.select__divisa-import .select__divisa-import__list-divisas .select__custom-select-menu .select__custom-option {
    padding: 0 0 0 16px;
    display: flex;
    justify-content: start;
    align-items: center
}

.select__divisa-import .select__custom-option {
    font-size: 14px;
    color: #5c6780;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 50px;
    width: 100%;
    border-bottom: 1px solid #EBEEF5
}

.select__divisa-import .select__expand-button {
    border: 1px solid transparent;
    background: transparent
}

.select__divisa-import .select__expand-button:focus {
    margin-top: -1px;
    border: 1px dashed #191B1C;
    border-radius: 4px;
    outline: none
}

@media (max-width: 991.98px) {
    .select__divisa-import .select__expand-button {
        padding: 0 16px 0 11px
    }
}

.select__divisa-import .select--divisa-import .wrapper-select__search {
    margin: 0 -1px
}

.select__divisa-import .select--divisa-import--is-error .select__error {
    display: block
}

.select__divisa-import .select--divisa-import--is-error .select__expand-button {
    border: 1px solid #CB1720
}

.select__divisa-import .select__custom-select--open .select__expand-button {
    margin-top: -1px;
    border: 1px solid #AFB5C8;
    border-radius: 4px
}

.select__divisa-import .select__list-tlf .select__custom-select--open .select__expand-button {
    position: relative
}

.select__divisa-import .select--divisa-import--is-error .select__custom-select--open .select__expand-button {
    border: 1px solid #CB1720
}

.select__divisa-import .select__search-div {
    position: absolute;
    left: -1px;
    right: -1px;
    top: 96%;
    padding-top: 10px;
    border: 1px solid #AFB5C8;
    border-top: none
}

.select__divisa-import .select__search-div .select__search {
    position: relative;
    border: none
}

.select__divisa-import .select__search-input:focus {
    border: none;
    box-shadow: none
}

.select__divisa-import .select--has-content {
    position: static;
    margin-top: -1px;
    margin-right: -1px
}

.select__divisa-import .select--has-content .select__label {
    display: none
}

.select__divisa-import .select--has-content .select__selected-option {
    position: static;
    padding-right: 24px;
    line-height: inherit
}

.select__divisa-import .select--has-content .select__selected-option .select__icon {
    margin-right: 10px
}

.select__divisa-import .select--has-content .select__custom-select-menu {
    width: calc(100% + 2px);
    top: 198%;
    left: -1px;
    right: -1px
}

.select__divisa-import.select__list-tlf .select__divisa-import__input {
    margin-left: 1px
}

.select__divisa-import .select__list-tlf .select__divisa-import__input {
    margin-left: 1px
}

.select__divisa-import.select__divisa-import--empresas {
    background: #fff
}

.select__divisa-import.select__divisa-import--empresas .select__custom-select-menu {
    border: none;
    box-shadow: 0 10px 20px 0 rgba(107, 112, 126, 0.15)
}

.select__divisa-import.select__divisa-import--empresas .select__custom-option {
    border-bottom: none
}

.select__divisa-import.select__divisa-import--empresas .select__search-div {
    border: none;
    box-shadow: 0 10px 20px 0 rgba(107, 112, 126, 0.15);
    border-bottom: 1px solid #D9E4FF
}

.select__divisa-import.select__divisa-import--empresas .select__search-input {
    height: 28px;
    line-height: 28px
}

.select__divisa-import--is-error {
    border: 1px solid #CB1720
}

.select__divisa-import--is-error .select__divisa-import__input.input--has-focus {
    border: 1px solid #CB1720;
    border-radius: 4px;
    outline: none
}

.select__divisa-import.select__divisa-import--is-error .select__custom-select--open .select__expand-button {
    border: 1px solid #CB1720
}

.select__divisa-import--disabled {
    border: 1px solid #D9E4FF
}

.select__divisa-import--disabled .select--disabled .select__expand-button {
    border: 1px solid transparent
}

.select--links.select--search-acc .select__custom-select-menu {
    margin-top: 0
}

.select--links .select__expand-button {
    margin-bottom: 8px
}

.select--search-acc .select__custom-option[hidden="true"] {
    display: none !important
}

.select--search .select__custom-option[hidden="true"] {
    display: none !important
}

.select--account-without-icons .select__name-info {
    display: none
}

.select__custom-option--secure-icon:before {
    font-family: 'BK-icons';
    content: '\e99c';
    color: #191B1C;
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translate(0, -50%)
}

.select--dropdown .select__dropdown {
    color: #191B1C;
    display: flex;
    border: none;
    background: transparent;
    height: 32px;
    padding: 0
}

.select--dropdown .select__dropdown:hover {
    color: #5c6780
}

.select--dropdown .select__label {
    left: 16px;
    letter-spacing: 1px
}

.select--dropdown .select__label:hover {
    color: #5c6780
}

.select--dropdown .select__expand-button .icon {
    right: 16px
}

.select--dropdown .select__account-selected {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
    color: #191B1C
}

.select--dropdown .select__account-selected:hover {
    color: #5c6780
}

.select--dropdown.select--has-content .select__selected-option {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
    left: 16px
}

.select--dropdown.select--has-content .select__label {
    display: none
}

.select--dropdown .select__custom-select {
    font-size: 12px;
    line-height: 16px
}

.select--dropdown .select__custom-select:hover {
    color: #5c6780
}

.select--dropdown .select__custom-select:focus {
    box-shadow: none
}

.select--dropdown .select__custom-select.select__custom-select--open {
    box-shadow: none
}

.select--dropdown .select__custom-select.select__custom-select--open .select__expand-button {
    border-bottom: none;
    background-color: #fff
}

.select--dropdown .select__custom-select.select__custom-select--open .select__expand-button .icon {
    top: 18%;
    right: 16px
}

.select--dropdown .select__custom-select-menu .select__custom-option {
    font-size: .875rem
}

.select--dropdown .select__custom-select-menu .select__custom-option.select__custom-option--active {
    background-color: #F7FAFF
}

.select--nowrap .select__label {
    line-height: normal;
    margin-right: 45px
}

.select--nowrap .select--has-content .select__label {
    margin-right: 0;
    right: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.select .select__account-alias {
    margin-top: 4px
}

.select .ss-scroll {
    right: 0
}

.select .ss-scroll:after {
    background-color: #D9E4FF
}

.wrapper-select-icon .select__label {
    left: 54px !important
}

.wrapper-select-icon .select__selected-option {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 46px
}

.wrapper-select-icon .select__selected-option .select__icon {
    max-height: inherit;
    padding-right: 10px
}

.wrapper-select-icon .select__selected-option .select__search-item {
    position: absolute;
    top: 23px;
    left: 38px
}

.select__custom-option .select__icon-bandera {
    margin-right: 18px
}

.select-thin--label {
    color: #191B1C;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 24px
}

.select-thin.select--disabled .select-thin--label {
    color: #AFB5C8
}

.select-thin.select--has-content .select__selected-option {
    bottom: 6px !important;
    font-size: 12px;
    color: #191B1C
}

.select-thin .select__label {
    font-size: 12px
}

.select-thin .select__expand-button {
    height: 32px;
    width: 85%
}

.select-thin .select__expand-button .icon--arrow-down-16,
.select-thin .select__expand-button .icon--arrow-up-16,
.select-thin .select__expand-button .icon--search-16 {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    right: 6px
}

.select-thin .select__expand-button:focus {
    border: 1px dashed #191B1C;
    border-radius: 4px;
    box-shadow: none
}

.select-thin .select__custom-select--open .select__expand-button {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.select-thin .select__custom-select--open .select__expand-button .icon--arrow-down-16,
.select-thin .select__custom-select--open .select__expand-button .icon--arrow-up-16 {
    transform: rotate(-180deg);
    top: 24%
}

.select-thin .select__custom-select--open .select__expand-button .icon--search-16 {
    transform: none;
    top: 23%
}

.select-thin .select__expand-button+.select__custom-select-menu {
    top: 40px !important
}

.select-thin .wrapper-select__search {
    top: 40px
}

.select-thin .select__custom-select-menu {
    top: 96px
}

.select-thin.select-thin--withlabel .select__expand-button+.select__custom-select-menu {
    top: 64px !important
}

.select-thin.select-thin--withlabel .wrapper-select__search {
    top: 64px
}

.select-thin.select-thin--withlabel .select__custom-select-menu {
    top: 120px
}

.alert {
    padding: 16px 16px 16px 24px;
    font-size: .875rem
}

@media (max-width: 575.98px) {
    .alert {
        padding: 16px 24px
    }
}

.alert--rounded {
    border-radius: 4px
}

.alert.alert--light {
    background-color: #F7FAFF
}

.alert.alert_cyan,
.alert.alert--cyan {
    background-color: #D3F6F5
}

.alert.alert_yellowFourth,
.alert.alert--yellowFourth {
    background-color: #FFDC54;
    padding: 8px 16px 8px 16px;
    border-radius: 4px
}

.alert.alert_yellow,
.alert.alert--yellow {
    background-color: #FEE997
}

.alert.alert_purpleDark,
.alert.alert--purpleDark {
    background-color: #322F7B;
    padding: 14px 16px 14px 16px;
    color: #fff;
    border-radius: 4px
}

.alert.alert_green,
.alert.alert--green {
    background-color: #A7F3C5
}

.alert.alert_grey,
.alert.alert--dark {
    background-color: #5c6780
}

.alert.alert_red,
.alert.alert--red {
    background-color: #FFB5B1
}

.alert.alert_bkj-yellow,
.alert.alert--bkj-yellow {
    background-color: #FFE700
}

.alert.alert_bkj-turquoise,
.alert.alert--bkj-turquoise {
    background-color: #37ECC7
}

.alert.alert_bkj-blue,
.alert.alert--bkj-blue {
    background-color: #08C3FF
}

.alert.alert_bkj-red,
.alert.alert--bkj-red {
    background-color: #FF4169
}

.alert.alert_ad-grey-dark,
.alert.alert--ad-grey-dark {
    background-color: #273140
}

.alert.alert_ad-grey-input,
.alert.alert--ad-grey-input {
    background-color: #C8D7E6
}

.alert.alert--big {
    font-size: 1.25rem;
    font-family: "BK-Text"
}

.alert .icon {
    margin: 0 8px 0 0
}

@media (max-width: 575.98px) {
    .alert .icon {
        margin: 0 8px 8px 0
    }
}

.alert .spinner {
    margin: 0 8px 8px 0
}

@media (min-width: 768px) {
    .alert .spinner {
        margin-bottom: 0
    }
}

.alert.alert--padding-icon {
    padding: 16px
}

@media (max-width: 575.98px) {
    .alert.alert--padding-icon {
        padding: 16px 24px
    }
}

.alert--rounded {
    border-radius: 4px
}

.alert__content {
    font-family: "BK-Sans";
    font-size: .875rem
}

.alert__content--small {
    font-size: .75rem
}

.alert__content-left {
    font-family: "BK-Text";
    font-size: 1.5rem;
    line-height: 1.33
}

.alert__content-right {
    font-family: "BK-Sans";
    font-size: 1rem;
    padding-top: .4rem
}

.alert__close-button {
    float: right;
    cursor: pointer
}

.alert__close-button:focus {
    box-shadow: 0 0 0 4px #3E4A50
}

.alert--dark .alert__text {
    color: #fff
}

.alert__text--total {
    margin-right: 20.4%
}

@media (max-width: 991.98px) {
    .alert__text--total {
        margin-right: 0
    }
}

.alert--btn {
    display: flex;
    align-items: center
}

.alert--btn .text-link+button {
    margin-left: 16px !important
}

@media (max-width: 991.98px) {
    .alert--btn {
        margin-top: 8px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.alert__main {
    width: 100%;
    margin-right: 8px
}

@media (min-width: 768px) {
    .alert__main+.text-link,
    .alert__text+.btn {
        margin-left: 16px
    }
}

.alert__text+.text-link {
    margin-left: 8px
}

.alert__text {
    margin-bottom: 8px
}

@media (min-width: 768px) {
    .alert__text {
        margin-bottom: 0
    }
}

.alert__close {
    margin-left: 16px
}

.alert__close:hover .icon {
    color: #5c6780
}

.alert--marquee {
    white-space: nowrap;
    margin-bottom: 0;
    position: relative;
    left: 365px
}

.alert--margin-icon {
    margin: 0 16px
}

.alert--top {
    position: absolute;
    top: 50px;
    box-shadow: 0 10px 20px 0 rgba(104, 112, 126, 0.15)
}

@media (min-width: 768px) {
    .alert--top {
        top: 130px
    }
}

.alert--sticky {
    position: fixed;
    z-index: 1000;
    bottom: 0
}

.alert--ticker {
    position: fixed;
    z-index: 1000;
    bottom: 112px;
    box-shadow: 0 10px 20px 0 rgba(104, 112, 126, 0.15)
}

.header_NW_landing+.main-content {
    padding-top: 48px
}

.home .header_data a {
    color: #191B1C
}

.header_NW+.main-content {
    padding-top: 129px
}

.header_NW {
    width: 100%;
    position: fixed;
    z-index: 999;
    height: 48px;
    top: 0;
    will-change: opacity;
    transition-property: height;
    transition-duration: .366s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.14, 0.32, 0.57, 1);
    font-family: "BK-Sans";
    font-weight: bold;
    background-color: #fff
}

@media (min-width: 768px) {
    .header_NW {
        height: 70px
    }
    .header_NW.header_NW_landing {
        height: 70px
    }
    .header_NW.header_NW_landing+.main-content {
        padding-top: 70px
    }
}

@media (min-width: 992px) {
    .header_NW {
        height: 129px
    }
    .header_NW.header_NW_landing {
        height: 100px
    }
    .header_NW.header_NW_landing+.main-content {
        padding-top: 100px
    }
}

.header_NW.header_NW_landing .header_tablet_mobile .title,
.header_NW.header_NW_landing .header_tablet_mobile .hamburger {
    display: none
}

.header_NW .header_logo {
    margin-bottom: 34px;
    padding-top: 20px;
    position: relative;
    backface-visibility: hidden
}

.header_NW .header_logo .logo_NW {
    margin: 0;
    position: relative;
    z-index: 1;
    backface-visibility: hidden;
    transition-property: width;
    transition-duration: .366s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.27, 0.005, 1, 0.545)
}

.header_NW .header_logo .logo_NW a {
    width: 202px;
    height: 30px;
    display: block
}

.header_NW .header_logo .logo_NW a:focus {
    outline: 1px dashed #191B1C;
    outline-offset: 8px
}

.header_NW .header_logo .logo_NW a.tablet,
.header_NW .header_logo .logo_NW a.mobile {
    text-indent: -9999px;
    width: 102px;
    height: 54px;
    background: url(../images/svg/logo_BK_NW_min.svg) center center no-repeat;
    background-size: contain
}

.header_NW .header_logo .logo_NW a svg {
    fill: #F76900
}

.header_NW .header_logo .logo_NW a #logo_rest {
    will-change: opacity;
    opacity: 1;
    transition-property: opacity;
    transition-duration: .166s;
    transition-delay: .266s;
    transition-timing-function: ease-out
}

.header_NW .header_logo .logo_NW a #logo_k {
    will-change: transform;
    transform: translateX(0) translateZ(0);
    transition-property: transform;
    transition-duration: .233s;
    transition-delay: .166s;
    transition-timing-function: cubic-bezier(0.685, 0.005, 0.575, 0.995)
}

.header_NW .header_logo .logo_NW a #logo_punto {
    will-change: transform;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    background: #F76900;
    position: absolute;
    bottom: 0;
    transform: translateX(197px) translateZ(0);
    transition-property: transform;
    transition-duration: .233s;
    transition-delay: .166s;
    transition-timing-function: cubic-bezier(0.685, 0.005, 0.575, 0.995)
}

.header_NW .header_logo .logo_NW a:focus:after {
    outline-offset: 8px;
    content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0
}

.header_NW .header_logo .logo_NW.logo_NW_min {
    width: 50px
}

.header_NW .header_logo .logo_NW.logo_NW_min:focus-within {
    outline: 1px dashed #191B1C;
    outline-offset: 8px
}

.header_NW .header_logo .logo_NW.logo_NW_min a:focus {
    outline: none
}

.header_NW .header_logo .logo_NW.logo_NW_min #logo_rest {
    opacity: 0;
    transition-delay: 0s
}

.header_NW .header_logo .logo_NW.logo_NW_min #logo_k {
    transform: translateX(-58px) translateZ(0);
    transition-delay: 0s
}

.header_NW .header_logo .logo_NW.logo_NW_min #logo_punto {
    transform: translateX(50px) translateZ(0);
    transition-delay: 0s
}

.header_NW .header_logo #logo_IE_min a {
    width: auto
}

.header_NW .header_logo .dropdown {
    position: absolute;
    z-index: 10;
    top: 0;
    right: -20px;
    width: 160px;
    height: auto;
    padding: 20px;
    will-change: transform;
    transition-property: transform;
    transition-duration: .366s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.14, 0.32, 0.57, 1)
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .header_NW .header_logo .dropdown {
        right: 350px
    }
}

.header_NW .header_logo .dropdown.opened,
.header_NW .header_logo .dropdown.dropdown--opened {
    background-color: #fff;
    box-shadow: rgba(43, 49, 53, 0.16) 0 0 20px
}

.header_NW .header_logo .dropdown.opened .pictoDSL,
.header_NW .header_logo .dropdown.dropdown--opened .pictoDSL {
    transform: rotate(-180deg)
}

.header_NW .header_logo .dropdown.opened .dropdown-menu,
.header_NW .header_logo .dropdown.dropdown--opened .dropdown-menu {
    display: block
}

.header_NW .header_logo .dropdown a,
.header_NW .header_logo .dropdown button {
    font-weight: bold;
    padding: 0;
    font-size: .75rem;
    line-height: 30px;
    text-transform: uppercase;
    color: #191B1C;
    letter-spacing: 1px;
    text-align: left
}

.header_NW .header_logo .dropdown a:hover,
.header_NW .header_logo .dropdown a:active:focus,
.header_NW .header_logo .dropdown button:hover,
.header_NW .header_logo .dropdown button:active:focus {
    text-decoration: none;
    color: #BD4313;
    background-color: transparent
}

.header_NW .header_logo .dropdown a:focus,
.header_NW .header_logo .dropdown button:focus {
    outline: 1px dashed #191B1C;
    outline-offset: 4px;
    color: #191B1C
}

.header_NW .header_logo .dropdown .pictoDSL {
    will-change: transform;
    transition-property: transform;
    transition-duration: .116s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.14, 0.32, 0.57, 1)
}

.header_NW .header_logo .dropdown .dropdown-menu {
    position: relative;
    border: none;
    box-shadow: none;
    background: none;
    min-width: 0;
    padding: 0;
    margin: 0
}

.header_NW .header_logo .dropdown .dropdown-menu a {
    display: block
}

.header_NW .header_menu {
    position: relative;
    z-index: 1;
    font-size: 1rem;
    transform: translateY(0) translateZ(0);
    transition-property: all;
    transition-duration: .366s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.14, 0.32, 0.57, 1);
    will-change: transform
}

.header_NW .header_menu>div {
    transform: translate(0, -7px);
    position: absolute;
    right: 0
}

.header_NW .header_menu li {
    float: left;
    margin-left: 40px
}

.header_NW .header_menu li:first-child {
    margin-left: 0
}

.header_NW .header_menu li a {
    font-size: 15px;
    color: #191B1C;
    display: block
}

.header_NW .header_menu li a.active_submenu,
.header_NW .header_menu li a:hover,
.header_NW .header_menu li a:active:focus {
    color: #BD4313;
    text-decoration: none;
    background-color: transparent
}

.header_NW .header_menu li a:focus {
    outline: 1px dashed #191B1C !important;
    outline-offset: 8px;
    color: #191B1C;
    outline: 0
}

.header_NW .acceso_clientes {
    margin-left: 16px
}

.header_NW .hazte_cliente {
    will-change: opacity;
    transition-property: transform;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    transform: translateY(0)
}

.header_NW .secondLevel {
    background-color: rgba(243, 245, 245, 0.85);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: -48px;
    font-size: .875rem;
    overflow: hidden
}

@media (min-width: 768px) {
    .header_NW .secondLevel {
        font-size: 13px;
        margin-bottom: -60px
    }
}

.header_NW .secondLevel .container {
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}

@media (min-width: 768px) {
    .header_NW .secondLevel .container {
        height: 60px;
        line-height: 60px
    }
}

.header_NW .secondLevel li {
    display: inline-block;
    margin-right: 24px
}

@media (min-width: 768px) {
    .header_NW .secondLevel li {
        margin-right: 40px
    }
}

.header_NW .secondLevel li a {
    color: #191B1C;
    display: block;
    line-height: 45px
}

.header_NW .secondLevel li a:hover,
.header_NW .secondLevel li a:active:focus {
    text-decoration: none;
    color: #BD4313;
    background-color: transparent
}

.header_NW .secondLevel li a:focus {
    outline: 1px dashed #191B1C !important;
    outline-offset: 8px;
    color: #191B1C;
    outline: 0
}

.header_NW .secondLevel li a.active_submenu {
    text-decoration: none;
    border-bottom: 3px solid #FF821C
}

@media (min-width: 768px) {
    .header_NW .secondLevel li a {
        display: inline;
        line-height: normal
    }
}

.header_NW .secondLevel li .active_submenu {
    text-decoration: none;
    border-bottom: 3px solid #FF821C
}

.header_NW .secondLevel--breadcrumb li {
    display: inline-block;
    margin-right: 0;
    padding-right: 32px;
    position: relative
}

.header_NW .secondLevel--breadcrumb li:after {
    content: "\e966";
    font-family: 'BK-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    width: 32px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 16px
}

@media (min-width: 768px) {
    .header_NW .secondLevel--breadcrumb li:after {
        top: 22px
    }
}

.header_NW .secondLevel--breadcrumb li:last-child:after {
    content: ""
}

.header_NW .secondLevel--breadcrumb li span {
    display: block;
    line-height: 45px;
    color: #191B1C;
    background-color: transparent;
    text-decoration: none
}

@media (min-width: 768px) {
    .header_NW .secondLevel--breadcrumb li span {
        display: inline;
        line-height: normal
    }
}

.header_NW.min {
    height: 78px !important
}

.header_NW.min .header_menu {
    transform: translateY(-50px) translateZ(0);
    padding-left: 85px
}

.header_NW.min .dropdown {
    transform: translate(0, -70px)
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .header_NW.min .hazte_cliente {
        transform: translateY(-190%)
    }
}

.header_NW.privada_NW .header_logo a {
    color: #5c6780
}

.header_NW.privada_NW .header_logo a:hover,
.header_NW.privada_NW .header_logo a:focus,
.header_NW.privada_NW .header_logo a:active {
    text-decoration: none
}

.header_NW.privada_NW .header_logo .header_data>* {
    margin: 5px 0 0 30px
}

.header_NW.privada_NW .header_logo .header_data {
    letter-spacing: 1px
}

.header_NW.privada_NW .header_logo .header_data .desconectar .text {
    text-transform: uppercase;
    font-size: 13px;
    margin-right: 6px;
    display: inline
}

.header_NW.privada_NW .header_logo .comentarios {
    width: 58px
}

.header_NW.privada_NW .header_logo .comentarios .cantidad {
    font-size: 16px;
    float: left;
    margin-right: 12px
}

.header_NW.privada_NW .header_logo .comentarios .pictoDSL:hover {
    color: #BD4313
}

.header_NW.privada_NW .header_logo .comentarios:hover a {
    color: #BD4313
}

.header_NW.privada_NW .header_logo .dropdown {
    right: 216px;
    width: 210px;
    margin: 0;
    padding-right: 40px;
    padding-top: 16px;
    font-size: 13px
}

.header_NW.privada_NW .header_logo .dropdown a,
.header_NW.privada_NW .header_logo .dropdown button {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    min-width: 0
}

.header_NW.privada_NW .header_logo .dropdown a:hover,
.header_NW.privada_NW .header_logo .dropdown a:active:focus,
.header_NW.privada_NW .header_logo .dropdown button:hover,
.header_NW.privada_NW .header_logo .dropdown button:active:focus {
    text-decoration: none;
    color: #BD4313;
    background-color: transparent
}

.header_NW.privada_NW .header_logo .dropdown a:focus,
.header_NW.privada_NW .header_logo .dropdown button:focus {
    outline: 1px dashed #191B1C;
    outline-offset: 8px;
    color: #191B1C;
    background-color: #fff;
    border-radius: 0;
    width: 105%
}

.header_NW.privada_NW .header_logo .dropdown .pictoDSL,
.header_NW.privada_NW .header_logo .dropdown .icon {
    position: absolute;
    right: 20px;
    top: 24px;
    height: 28px;
    line-height: 28px;
    width: auto;
    will-change: transform;
    transition-property: transform;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.header_NW.privada_NW .header_logo .dropdown.opened .dropdown-menu {
    display: block !important
}

.header_NW.privada_NW .header_logo .opinator {
    position: absolute;
    right: 426px;
    height: 24px;
    line-height: 24px;
    cursor: pointer
}

.header_NW.privada_NW .header_logo .opinator:hover {
    color: #BD4313
}

.header_NW.privada_NW .header_logo .exit:hover {
    color: #BD4313
}

.header_NW.privada_NW .header_menu {
    position: static;
    transform: none;
    will-change: initial
}

.header_NW.privada_NW .header_menu>div {
    position: static
}

.header_NW.privada_NW .menu_desplegable_NW {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 125px;
    background-color: #F7FAFF;
    will-change: opacity;
    z-index: 99;
    transition-property: max-height;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.header_NW.privada_NW .menu_desplegable_NW .bloques_menu {
    padding-top: 32px;
    position: relative;
    height: 270px
}

.header_NW.privada_NW .menu_desplegable_NW h2 {
    margin-bottom: 14px;
    text-transform: uppercase;
    color: #5c6780;
    letter-spacing: 1px;
    font-family: "BK-Sans";
    font-size: 15px
}

.header_NW.privada_NW .menu_desplegable_NW ul+h2 {
    margin-top: 18px
}

.header_NW.privada_NW .menu_desplegable_NW li {
    float: none;
    margin-left: 0
}

.header_NW.privada_NW .menu_desplegable_NW li a {
    line-height: 28px;
    height: 28px;
    font-size: 14px;
    font-family: "BK-Sans";
    font-weight: bold;
    cursor: pointer
}

.header_NW.privada_NW .menu_desplegable_NW li .verMas {
    text-transform: uppercase;
    color: #BD4313;
    font-weight: normal;
    font-size: 13px;
    position: absolute;
    bottom: 28px;
    width: 100%
}

.header_NW.privada_NW .menu_desplegable_NW li .verMas .pictoDSL {
    vertical-align: middle
}

.header_NW.privada_NW .menu_desplegable_NW li .verMas:hover {
    color: #BD4313
}

.header_NW.privada_NW .desplegable:last-of-type .bloques_menu {
    height: 300px
}

.header_NW.privada_NW .desplegable>a .pictoDSL {
    vertical-align: middle;
    will-change: transform;
    transition-property: transform;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.header_NW.privada_NW .desplegable:hover>a .pictoDSL,
.header_NW.privada_NW .desplegable.shown>a .pictoDSL {
    transform: rotate(-180deg)
}

.header_NW.privada_NW .desplegable:hover .menu_desplegable_NW,
.header_NW.privada_NW .desplegable.shown .menu_desplegable_NW {
    max-height: 500px
}

.header_NW .header_data>* {
    margin: 5px 0 0 30px
}

.header_NW .header_data {
    letter-spacing: 1px
}

.header_NW .header_data .desconectar .text {
    text-transform: uppercase;
    font-size: 13px;
    margin-right: 6px;
    display: inline
}

.header_NW .comentarios {
    width: 58px
}

.header_NW .comentarios .cantidad {
    font-size: 16px;
    float: left;
    margin-right: 12px
}

.header_NW .comentarios .pictoDSL:hover {
    color: #BD4313
}

.header_NW .comentarios:hover a {
    color: #BD4313
}

.header_NW .dropdown {
    right: 216px;
    width: 210px;
    margin: 0;
    padding-right: 40px;
    padding-top: 16px;
    font-size: 13px
}

.header_NW .dropdown a,
.header_NW .dropdown button {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    min-width: 0
}

.header_NW .dropdown a:hover,
.header_NW .dropdown a:active:focus,
.header_NW .dropdown button:hover,
.header_NW .dropdown button:active:focus {
    text-decoration: none;
    color: #BD4313;
    background-color: transparent
}

.header_NW .dropdown a:focus,
.header_NW .dropdown button:focus {
    outline: 1px dashed #191B1C;
    outline-offset: 8px;
    color: #191B1C;
    border-radius: 0;
    width: 105%
}

.header_NW .dropdown .pictoDSL,
.header_NW .dropdown .icon {
    position: absolute;
    right: 20px;
    top: 24px;
    width: auto;
    will-change: transform;
    transition-property: transform;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.header_NW .dropdown.opened .dropdown-menu {
    display: block !important
}

.header_NW .opinator {
    position: absolute;
    right: 426px;
    height: 24px;
    line-height: 24px;
    cursor: pointer
}

.header_NW .opinator:hover {
    color: #BD4313
}

.header_NW .exit:hover {
    color: #BD4313
}

.header_menu {
    position: static;
    transform: none;
    will-change: initial
}

.header_menu>div {
    position: static
}

.menu_desplegable_NW {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 125px;
    background-color: #F7FAFF;
    will-change: opacity;
    z-index: 99;
    transition-property: max-height;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.menu_desplegable_NW .bloques_menu {
    padding-top: 32px;
    position: relative;
    height: 220px
}

.menu_desplegable_NW h2 {
    margin-bottom: 14px;
    text-transform: uppercase;
    color: #5c6780;
    letter-spacing: 1px;
    font-family: "BK-Sans";
    font-size: 15px
}

.menu_desplegable_NW ul+h2 {
    margin-top: 18px
}

.menu_desplegable_NW li {
    float: none;
    margin-left: 0
}

.menu_desplegable_NW li a {
    line-height: 28px;
    height: 28px;
    font-size: 14px;
    font-family: "BK-Sans";
    font-weight: bold;
    cursor: pointer
}

.menu_desplegable_NW li .verMas {
    text-transform: uppercase;
    color: #BD4313;
    font-weight: normal;
    font-size: 13px;
    position: absolute;
    bottom: 28px;
    width: 100%
}

.menu_desplegable_NW li .verMas .pictoDSL {
    vertical-align: middle
}

.menu_desplegable_NW li .verMas:hover {
    color: #BD4313
}

.desplegable:last-of-type .bloques_menu {
    height: 300px
}

.desplegable>a .pictoDSL {
    vertical-align: middle;
    will-change: transform;
    transition-property: transform;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.desplegable:hover>a .pictoDSL,
.desplegable.shown>a .pictoDSL {
    transform: rotate(-180deg)
}

.desplegable:hover .menu_desplegable_NW,
.desplegable.shown .menu_desplegable_NW {
    max-height: 500px
}

#logo_punto {
    display: none !important
}

@media (max-width: 991.98px) {
    .header_tablet_mobile .logo_NW {
        width: 202px;
        height: 30px;
        display: block;
        position: absolute;
        left: 25px;
        top: 20px;
        text-indent: -9999px;
        background: url(../images/svg/logo_bk.svg) center no-repeat;
        background-size: contain
    }
    .header_tablet_mobile .hamburger {
        position: absolute;
        right: 8px;
        top: 10px;
        width: 48px;
        height: 48px;
        color: #BD4313
    }
    .header_tablet_mobile .hamburger:focus {
        outline: none
    }
    .header_tablet_mobile .hamburger .pictoDSL {
        display: block;
        color: #BD4313;
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 48px
    }
    .header_tablet_mobile .hamburger .pictoDSL:hover,
    .header_tablet_mobile .hamburger .pictoDSL:active,
    .header_tablet_mobile .hamburger .pictoDSL:focus {
        outline: none
    }
    .header_tablet_mobile .title {
        padding: 32px 48px 0 254px;
        color: #191B1C;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .menu_responsive_NW {
        color: #191B1C;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        width: 370px !important;
        z-index: 10000;
        will-change: transform;
        transform: translate(100%, 0);
        transition-property: transform;
        transition-duration: .166s;
        transition-delay: 0s;
        transition-timing-function: ease-out
    }
    .menu_responsive_NW.opened {
        transform: translate(0, 0)
    }
    .menu_responsive_NW .closeMenu {
        color: #BD4313;
        margin: 16px 24px 0 0;
        position: relative;
        z-index: 10
    }
    .menu_responsive_NW .closeMenu.closeMenu--single-dark {
        color: #191B1C
    }
    .menu_responsive_NW .closeMenu:focus {
        outline: none
    }
    .menu_responsive_NW a {
        display: block;
        line-height: 60px;
        height: 60px;
        padding: 0 44px
    }
    .menu_responsive_NW .menu_responsive_categories {
        background-color: #F7FAFF;
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        overflow: auto
    }
    .menu_responsive_NW .menu_responsive_categories .pictoDSL {
        position: absolute;
        right: 24px;
        top: 0;
        height: 54px;
        line-height: 54px;
        will-change: transform;
        transition-property: transform;
        transition-duration: .166s;
        transition-delay: 0s;
        transition-timing-function: ease-out
    }
    .menu_responsive_NW .menu_responsive_categories .pictoDSL.selected {
        transform: rotate(180deg)
    }
    .menu_responsive_NW .menu_responsive_categories .gradientMenu {
        height: 70px;
        position: absolute;
        width: 100%;
        z-index: 1;
        background-image: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0.1) 100%);
        background-repeat: repeat-x
    }
    .menu_responsive_NW .menu_responsive_categories .scroll {
        padding-top: 70px;
        bottom: 0
    }
    .menu_responsive_NW .menu_responsive_categories .scroll a {
        font-size: 22px;
        color: #191B1C
    }
    .menu_responsive_NW .menu_responsive_categories .scroll.scrollable {
        position: absolute;
        overflow: auto;
        width: 100%;
        top: 0
    }
    .menu_responsive_NW .menu_responsive_categories .scroll .hazte_cliente {
        margin-top: 22px;
        color: #BD4313
    }
    .menu_responsive_NW .menu_responsive_categories .acceso_clientes {
        line-height: 54px;
        height: 54px;
        padding: 0 44px;
        background-color: #FF821C;
        color: #fff;
        font-size: 13px;
        position: absolute;
        bottom: 0;
        width: 100%;
        text-transform: uppercase
    }
    .menu_responsive_NW .menu_responsive_categories .option_selected {
        line-height: 54px;
        max-height: 54px;
        padding: 0 44px;
        color: #191B1C;
        background-color: #fff;
        font-size: 13px;
        position: absolute;
        display: block;
        bottom: 54px;
        width: 100%;
        overflow: hidden;
        text-transform: uppercase;
        will-change: opacity;
        transition-property: all;
        transition-duration: .166s;
        transition-delay: 0s;
        transition-timing-function: ease-out
    }
    .menu_responsive_NW .menu_responsive_categories .option_selected.selected {
        max-height: 200px;
        color: #BD4313
    }
    .menu_responsive_NW .menu_responsive_categories .option_selected.selected.option_selected--basic {
        max-height: 234px
    }
    .menu_responsive_NW .menu_responsive_categories .menu_responsive_options a {
        color: #191B1C;
        padding: 0
    }
    .menu_responsive_overlay_NW {
        background-color: rgba(0, 0, 0, 0.55);
        opacity: 0;
        top: 70px;
        left: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: -1;
        will-change: opacity;
        transition-property: opacity;
        transition-duration: .166s;
        transition-delay: 0s;
        transition-timing-function: linear
    }
    .menu_responsive_overlay_NW.opened {
        z-index: 1100;
        opacity: 1
    }
    .menu_responsive_NW.privada_NW .menu_responsive_categories .scroll .gestor {
        margin-top: 22px;
        color: #BD4313
    }
    .menu_responsive_NW.privada_NW .menu_responsive_categories .scroll .telefono {
        color: #BD4313
    }
    .menu_responsive_NW.privada_NW .menu_responsive_categories .active_submenu {
        color: #BD4313
    }
    .menu_responsive_NW.privada_NW .menu_responsive_categories .desconectar {
        line-height: 54px;
        height: 54px;
        padding: 0 44px;
        background-color: #FF821C;
        color: #fff;
        font-size: 13px;
        position: absolute;
        bottom: 0;
        width: 100%;
        text-transform: uppercase
    }
    .menu_responsive_NW.privada_NW .pictoDSL-comment-16,
    .menu_responsive_NW.privada_NW .pictoDSL-handset-16 {
        position: static;
        height: 24px;
        line-height: 24px;
        vertical-align: middle
    }
}

@media (max-width: 767.98px) {
    .header_tablet_mobile .logo_NW {
        width: 51px;
        height: 24px;
        top: 12px;
        left: 24px;
        background-image: url(../images/svg/logo_BK_NW_min.svg)
    }
    .header_tablet_mobile .hamburger {
        top: 0
    }
    .header_tablet_mobile .title {
        padding: 18px 0 0 88px
    }
    .menu_responsive_NW {
        left: 82px;
        width: auto !important
    }
    .menu_responsive_NW .closeMenu {
        margin: 12px 14px 0 0
    }
    .menu_responsive_NW .closeMenu .pictoDSL {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 32px
    }
    .menu_responsive_NW a {
        line-height: 48px;
        height: 48px;
        padding: 0 10px 0 20px
    }
    .menu_responsive_NW .menu_responsive_categories .pictoDSL {
        right: 16px
    }
    .menu_responsive_NW .menu_responsive_categories .gradientMenu {
        height: 48px
    }
    .menu_responsive_NW .menu_responsive_categories .scroll {
        padding-top: 48px
    }
    .menu_responsive_NW .menu_responsive_categories .scroll a {
        font-size: 1rem
    }
    .menu_responsive_NW .menu_responsive_categories .scroll .hazte_cliente {
        position: relative
    }
    .menu_responsive_NW .menu_responsive_categories .scroll .hazte_cliente:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 1px;
        background-color: #FF821C
    }
    .menu_responsive_NW .menu_responsive_categories>.acceso_clientes {
        padding: 0 20px
    }
    .menu_responsive_NW .menu_responsive_categories>.option_selected {
        padding: 0 20px
    }
    .menu_responsive_NW .menu_responsive_categories>.option_selected .pictoDSL {
        width: 24px;
        font-size: 24px
    }
    .menu_responsive_overlay_NW {
        top: 48px
    }
    .menu_responsive_NW.privada_NW .menu_responsive_categories .scroll .gestor {
        position: relative
    }
    .menu_responsive_NW.privada_NW .menu_responsive_categories .scroll .gestor:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 1px;
        background-color: #FF821C
    }
    .menu_responsive_NW.privada_NW .menu_responsive_categories .userName {
        padding-right: 52px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .menu_responsive_NW.privada_NW .menu_responsive_categories .userName .pictoDSL {
        font-size: 24px;
        width: 24px;
        height: 54px;
        line-height: 54px
    }
    .menu_responsive_NW.privada_NW .menu_responsive_categories .desconectar {
        padding: 0 20px
    }
    .menu_responsive_NW.privada_NW .pictoDSL-comment-16,
    .menu_responsive_NW.privada_NW .pictoDSL-handset-16 {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 24px
    }
}

.landing__logo {
    width: 12.5rem;
    height: auto
}

.landing__logo--absolute {
    position: absolute
}

.landing__logo a svg path {
    fill: #F76900
}

.acceso_clientes--basic {
    top: 124px
}

@media (min-width: 768px) {
    .acceso_clientes--basic {
        top: 160px
    }
}

.option_selected--basic {
    top: 54px;
    z-index: 1
}

.desconectar--basic {
    position: absolute;
    top: 120px
}

.noheader-bk-imprimir__logo {
    display: flex;
    max-height: 70px
}

.footer {
    padding-top: 40px;
    border-top: 1px solid #EBEEF5;
    font-size: .75rem;
    background: #fff
}

@media (min-width: 992px) {
    .footer {
        position: absolute;
        bottom: 0;
        width: 100%
    }
}

@media (min-width: 1200px) {
    .footer {
        padding-top: 56px
    }
}

.footer .logo {
    border-bottom: 1px solid transparent;
    display: block;
    width: 162px;
    margin-bottom: 16px
}

@media (min-width: 992px) {
    .footer .logo {
        margin-bottom: 0
    }
}

.footer .logo:focus {
    outline: 1px dashed #191B1C;
    outline-offset: 8px
}

.footer .logo.logo--luxemburgo {
    width: 172px
}

.footer .icon-bankinter-logo {
    width: 162px;
    height: 24px;
    display: block;
    background: url("../images/svg/logo_bk.svg") no-repeat center;
    margin-bottom: 5px
}

.footer .icon-bankinter-logo.icon-bankinterlux-logo {
    width: 173px;
    height: 52px;
    background: url("../images/svg/logo-luxemburgo.svg") no-repeat center
}

.footer .corp_links {
    margin-top: 32px
}

@media (min-width: 576px) {
    .footer .corp_links {
        margin-top: 8px
    }
}

.footer .corp_links a {
    text-transform: uppercase;
    color: #191B1C;
    margin: 8px 0;
    display: inline-block;
    letter-spacing: 0.1em
}

.footer .corp_links a:last-child {
    margin-top: 0;
    margin-bottom: 16px
}

.footer .footer__bottom-landing a:last-child {
    margin-top: 0;
    margin-bottom: 0
}

.footer .legal_links {
    margin-bottom: 24px
}

@media (min-width: 576px) {
    .footer .legal_links {
        margin-bottom: 14px
    }
}

@media (min-width: 1200px) {
    .footer .legal_links {
        margin-bottom: 24px
    }
}

.footer .legal_links .legal_links--text {
    margin-top: 35px;
    color: #5c6780;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 40px
}

@media (min-width: 576px) {
    .footer .legal_links .legal_links--text {
        margin-top: 27px;
        margin-bottom: 24px
    }
}

@media (min-width: 1200px) {
    .footer .legal_links .legal_links--text {
        margin-top: 8px;
        margin-bottom: 38px
    }
}

.footer .legal_links a {
    margin-right: 40px;
    font-size: .75rem;
    color: #5c6780;
    display: inline-block;
    margin-bottom: 26px
}

@media (min-width: 576px) {
    .footer .legal_links a {
        margin-right: 32px
    }
}

@media (min-width: 992px) {
    .footer .legal_links a {
        margin-right: 40px
    }
}

@media (min-width: 1200px) {
    .footer .legal_links {
        margin-bottom: 40px
    }
}

.footer .group_links {
    margin-top: 24px
}

@media (min-width: 576px) {
    .footer .group_links {
        margin-top: 16px
    }
}

.footer .group_links.group_links--top {
    margin-top: 32px
}

@media (min-width: 1200px) {
    .footer .group_links.group_links--top {
        margin-top: 8px
    }
}

.footer .group_links a {
    margin-right: 40px;
    font-size: .75rem;
    color: #191B1C;
    text-transform: none;
    display: inline-block;
    margin-bottom: 16px;
    letter-spacing: normal
}

.footer .group_links a:focus {
    outline: 1px dashed #191B1C;
    color: #191B1C
}

@media (min-width: 576px) {
    .footer .group_links a {
        margin-right: 40px
    }
}

@media (min-width: 992px) {
    .footer .group_links a {
        margin-right: 32px
    }
}

@media (min-width: 1200px) {
    .footer .group_links a {
        margin-right: 40px
    }
}

.footer .group_links.group_links--state {
    margin-top: 24px
}

@media (min-width: 576px) {
    .footer .group_links.group_links--state {
        float: right;
        margin-top: -24px
    }
}

@media (min-width: 992px) {
    .footer .group_links.group_links--state {
        float: left;
        margin-top: 29px
    }
}

.footer .group_links.group_links--state a {
    margin-right: 8px;
    padding: 0 8px;
    line-height: 16px
}

.footer .group_links.group_links--state a:hover {
    color: #191B1C
}

.footer .group_links.group_links--state a.activate {
    color: #191B1C;
    background-color: #EBEEF5
}

.footer .group_links.group_links--state a.activate:hover {
    color: #191B1C;
    background-color: transparent
}

.footer .group_links.group_links--state a.activate:focus {
    outline: 1px dashed #191B1C;
    color: #191B1C
}

.footer .footer_bottom {
    background-color: #EBEEF5;
    color: #5c6780
}

.footer .footer_bottom .copyright-father {
    flex-direction: column-reverse;
    color: #5c6780;
    padding-top: 25px
}

@media (min-width: 576px) {
    .footer .footer_bottom .copyright-father {
        flex-direction: row;
        padding-top: unset
    }
}

.footer .footer_bottom--black {
    background-color: #000;
    color: #5c6780
}

.footer .footer_bottom--black .social_menu li a {
    color: #5c6780
}

.footer .footer__bottom-landing {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.footer .footer__bottom-landing span,
.footer .footer__bottom-landing a {
    line-height: 32px;
    margin-bottom: 8px;
    margin-top: 0
}

.footer .social_menu {
    margin-bottom: 0;
    color: #5c6780
}

.footer .social_menu li {
    display: inline-block;
    margin-left: 28px;
    margin-top: 24px
}

@media (min-width: 768px) {
    .footer .social_menu li {
        margin-top: 20px
    }
}

.footer .social_menu li:first-child {
    margin-left: 0
}

.footer .social_menu li a {
    color: #5c6780;
    display: block
}

.footer .social_menu li a:hover,
.footer .social_menu li a:active:focus {
    color: #6F7A94
}

.footer .social_menu li a:focus {
    outline: 1px dashed #191B1C;
    outline-offset: 8px
}

@media (min-width: 768px) {
    .footer .social_menu li {
        margin-left: 32px
    }
}

.footer .copyright {
    font-size: 10px;
    padding-top: 24px;
    padding-bottom: 24px
}

@media (min-width: 768px) {
    .footer .copyright {
        height: auto;
        line-height: 64px;
        font-size: 12px;
        padding: 0 15px
    }
}

.footer.footer-landing {
    margin-bottom: 32px;
    border-top: 0;
    box-shadow: 0 -3px 30px 0 rgba(92, 103, 128, 0.1)
}

.footer.footer-landing .corp_logo {
    order: 1
}

.footer.footer-landing .copyright-landing {
    text-transform: uppercase;
    color: #5c6780
}

@media (min-width: 576px) {
    .footer.footer-landing .copyright-landing {
        margin-top: -42px
    }
}

@media (min-width: 992px) {
    .footer.footer-landing .copyright-landing {
        margin-top: -30px
    }
}

.footer.footer-landing .corp_links~.corp_links {
    order: 5
}

@media (min-width: 1200px) {
    .footer.footer-landing .corp_links~.corp_links {
        order: 6
    }
}

.footer.footer-landing .corp_links_info {
    color: #191B1C;
    font-size: 14px;
    line-height: 24px;
    order: 2
}

.footer.footer-landing .corp_links_info p {
    margin-bottom: 8px
}

.footer.footer-landing .corp_links_info~.corp_links_info {
    order: 4
}

@media (min-width: 576px) {
    .footer.footer-landing .corp_links_info~.corp_links_info {
        order: 3
    }
}

.footer--dark .legal_links a {
    color: #191B1C
}

#divCookie {
    position: fixed;
    bottom: 0;
    width: 100%;
    line-height: 1.69;
    background-color: #F7FAFF;
    z-index: 1031;
    font-weight: bold
}

#divCookie .container {
    position: relative;
    padding: 32px 24px 16px
}

@media (min-width: 768px) {
    #divCookie .container {
        padding: 24px 60px 16px 24px
    }
}

@media (min-width: 992px) {
    #divCookie .container {
        padding: 16px 60px 16px 16px
    }
}

#divCookie .container p {
    font-size: .875rem;
    margin: 0
}

#divCookie .container .close {
    position: absolute;
    right: 8px;
    top: -22px;
    z-index: 1
}

.dropdown .dropdown-toggle {
    cursor: pointer
}

.dropdown .dropdown-menu {
    display: none
}

.dropdown.opened .dropdown-menu {
    display: block
}

.dropdown.opened .dropdown-toggle .pictoDSL-arrow-down-16 {
    transform: rotate(180deg)
}

.dropdown.opened .dropdown-toggle .icon--arrow-down-16 {
    transform: rotate(180deg)
}

.dropdown__toggle {
    cursor: pointer
}

.dropdown__menu {
    display: none
}

.dropdown--opened .dropdown__menu {
    display: block
}

.dropdown--opened .dropdown__toggle .icon--arrow-down-16 {
    transform: rotate(180deg)
}

.main-banner,
.quality .quality__main-banner {
    position: relative
}

@media (min-width: 768px) {
    .main-banner,
    .quality .quality__main-banner {
        height: 355px
    }
}

@media (min-width: 992px) {
    .main-banner,
    .quality .quality__main-banner {
        height: 362px
    }
}

@media (min-width: 1200px) {
    .main-banner,
    .quality .quality__main-banner {
        height: 390px
    }
}

.main-banner img,
.quality .quality__main-banner img {
    width: 100%;
    height: auto
}

.main-banner .apple-pay-img,
.quality .quality__main-banner .apple-pay-img {
    max-width: 310px
}

.main-banner.banner-bkj-nomina .main-banner__image,
.quality .banner-bkj-nomina.quality__main-banner .main-banner__image {
    width: 320px;
    height: 339px;
    background-image: url(../images/bkj/bk_nomina_xs.svg);
    background-color: white;
    left: -24px;
    padding-bottom: 0;
    position: relative;
    top: -50px;
    overflow: visible
}

@media (min-width: 768px) {
    .main-banner.banner-bkj-nomina .main-banner__image,
    .quality .banner-bkj-nomina.quality__main-banner .main-banner__image {
        width: 176px;
        height: 280px;
        left: 255px;
        top: 0;
        background-image: url(../images/bkj/bk_nomina_sm.svg)
    }
}

@media (min-width: 992px) {
    .main-banner.banner-bkj-nomina .main-banner__image,
    .quality .banner-bkj-nomina.quality__main-banner .main-banner__image {
        width: 256px;
        height: 360px;
        left: 314px;
        background-image: url(../images/bkj/bk_nomina_md.svg)
    }
}

@media (min-width: 1200px) {
    .main-banner.banner-bkj-nomina .main-banner__image,
    .quality .banner-bkj-nomina.quality__main-banner .main-banner__image {
        width: 390px;
        height: 390px;
        left: 404px;
        background-image: url(../images/bkj/bk_nomina_lg.svg)
    }
}

.main-banner.banner-bkj-nomina .main-banner__image img,
.quality .banner-bkj-nomina.quality__main-banner .main-banner__image img {
    width: 216px;
    height: 216px;
    position: absolute;
    left: 104px;
    transform: translateY(0);
    top: 235px
}

@media (min-width: 768px) {
    .main-banner.banner-bkj-nomina .main-banner__image img,
    .quality .banner-bkj-nomina.quality__main-banner .main-banner__image img {
        width: 248px;
        height: 248px;
        position: absolute;
        left: -248px;
        top: 0
    }
}

@media (min-width: 992px) {
    .main-banner.banner-bkj-nomina .main-banner__image img,
    .quality .banner-bkj-nomina.quality__main-banner .main-banner__image img {
        width: 296px;
        height: 296px;
        left: -296px
    }
}

@media (min-width: 1200px) {
    .main-banner.banner-bkj-nomina .main-banner__image img,
    .quality .banner-bkj-nomina.quality__main-banner .main-banner__image img {
        width: 390px;
        height: 390px;
        left: -390px
    }
}

.main-banner.banner-bkj-nomina .main-banner__features,
.quality .banner-bkj-nomina.quality__main-banner .main-banner__features {
    width: 235px;
    height: 235px;
    background-color: transparent;
    position: absolute;
    left: -9px;
    top: -50px;
    bottom: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 20px;
    color: #191B1C
}

@media (min-width: 768px) {
    .main-banner.banner-bkj-nomina .main-banner__features .featured,
    .quality .banner-bkj-nomina.quality__main-banner .main-banner__features .featured {
        line-height: 38px;
        font-size: 42px
    }
}

@media (min-width: 992px) {
    .main-banner.banner-bkj-nomina .main-banner__features .featured,
    .quality .banner-bkj-nomina.quality__main-banner .main-banner__features .featured {
        line-height: 68px;
        font-size: 72px
    }
}

@media (min-width: 768px) {
    .main-banner.banner-bkj-nomina .main-banner__features,
    .quality .banner-bkj-nomina.quality__main-banner .main-banner__features {
        width: 176px;
        height: 176px;
        left: 270px;
        top: 104px;
        font-size: 14px
    }
}

@media (min-width: 992px) {
    .main-banner.banner-bkj-nomina .main-banner__features,
    .quality .banner-bkj-nomina.quality__main-banner .main-banner__features {
        width: 256px;
        height: 256px;
        left: 329px;
        top: 104px;
        font-size: 24px
    }
}

@media (min-width: 1200px) {
    .main-banner.banner-bkj-nomina .main-banner__features,
    .quality .banner-bkj-nomina.quality__main-banner .main-banner__features {
        width: 286px;
        height: 286px;
        left: 419px
    }
}

.main-banner.banner-bkj-nomina .main-banner__square,
.quality .banner-bkj-nomina.quality__main-banner .main-banner__square {
    display: none
}

.main-banner.banner-bkj-nomina .justify-content-center,
.quality .banner-bkj-nomina.quality__main-banner .justify-content-center {
    justify-content: start !important
}

.main-banner.banner-bkj-nomina .main-banner__text__claim,
.quality .banner-bkj-nomina.quality__main-banner .main-banner__text__claim {
    font-size: 24px;
    line-height: 32px
}

@media (min-width: 768px) {
    .main-banner.banner-bkj-nomina .main-banner__text__claim,
    .quality .banner-bkj-nomina.quality__main-banner .main-banner__text__claim {
        font-size: 32px;
        line-height: 40px
    }
}

@media (min-width: 992px) {
    .main-banner.banner-bkj-nomina .main-banner__text__claim,
    .quality .banner-bkj-nomina.quality__main-banner .main-banner__text__claim {
        font-size: 40px;
        line-height: 48px
    }
}

.main-banner.banner-bkj-nomina .main-banner__text,
.quality .banner-bkj-nomina.quality__main-banner .main-banner__text {
    display: none
}

@media (min-width: 768px) {
    .main-banner.banner-bkj-nomina .main-banner__text,
    .quality .banner-bkj-nomina.quality__main-banner .main-banner__text {
        display: block
    }
}

.main-banner.banner-bkj-nomina .main-banner__text p,
.quality .banner-bkj-nomina.quality__main-banner .main-banner__text p {
    font-size: 16px;
    line-height: 24px
}

@media (min-width: 992px) {
    .main-banner.banner-bkj-nomina .main-banner__text p,
    .quality .banner-bkj-nomina.quality__main-banner .main-banner__text p {
        font-size: 20px;
        line-height: 32px
    }
}

.main-banner.banner-bkj-nomina .main-banner__right-side,
.quality .banner-bkj-nomina.quality__main-banner .main-banner__right-side {
    margin-top: 64px;
    height: auto
}

@media (min-width: 768px) {
    .main-banner.banner-bkj-nomina .main-banner__right-side,
    .quality .banner-bkj-nomina.quality__main-banner .main-banner__right-side {
        margin-top: 0
    }
}

@media (max-width: 767.98px) {
    .main-banner .main-banner__right-side,
    .quality .quality__main-banner .main-banner__right-side {
        height: 175px
    }
}

.main-banner .main-banner__text,
.quality .quality__main-banner .main-banner__text {
    padding: 24px;
    background-color: #FF821C;
    color: #191B1C;
    width: 264px;
    height: 264px
}

@media (min-width: 768px) {
    .main-banner .main-banner__text,
    .quality .quality__main-banner .main-banner__text {
        padding: 0;
        width: auto;
        height: 100%;
        background-color: transparent;
        color: #191B1C
    }
}

@media (min-width: 992px) {
    .main-banner .main-banner__text,
    .quality .quality__main-banner .main-banner__text {
        padding: 24px 0 0
    }
}

.main-banner .main-banner__text__descriptor,
.quality .quality__main-banner .main-banner__text__descriptor {
    font-weight: normal;
    font-size: 1rem
}

@media (min-width: 992px) {
    .main-banner .main-banner__text__descriptor,
    .quality .quality__main-banner .main-banner__text__descriptor {
        margin-bottom: 24px
    }
}

.main-banner .main-banner__text__claim,
.quality .quality__main-banner .main-banner__text__claim {
    margin-bottom: 8px;
    line-height: 1.2;
    font-family: "BK-Text"
}

@media (min-width: 992px) {
    .main-banner .main-banner__text__claim,
    .quality .quality__main-banner .main-banner__text__claim {
        margin-bottom: 24px
    }
}

.main-banner .main-banner__text__sub-claim,
.quality .quality__main-banner .main-banner__text__sub-claim {
    font-size: 1.25rem
}

.main-banner .main-banner__buttons,
.quality .quality__main-banner .main-banner__buttons {
    margin: 16px 0 0 0
}

@media (min-width: 768px) {
    .main-banner .main-banner__buttons,
    .quality .quality__main-banner .main-banner__buttons {
        margin: 0
    }
}

.main-banner .main-banner__buttons a:last-child,
.quality .quality__main-banner .main-banner__buttons a:last-child,
.main-banner .main-banner__buttons button:last-child,
.quality .quality__main-banner .main-banner__buttons button:last-child,
.main-banner .main-banner__buttons input:last-child,
.quality .quality__main-banner .main-banner__buttons input:last-child {
    margin-left: 26px
}

.main-banner .main-banner__buttons a:only-child,
.quality .quality__main-banner .main-banner__buttons a:only-child,
.main-banner .main-banner__buttons button:only-child,
.quality .quality__main-banner .main-banner__buttons button:only-child,
.main-banner .main-banner__buttons input:only-child,
.quality .quality__main-banner .main-banner__buttons input:only-child {
    margin-left: 0
}

.main-banner .main-banner__buttons-withoutmargen a:last-child,
.quality .quality__main-banner .main-banner__buttons-withoutmargen a:last-child,
.main-banner .main-banner__buttons-withoutmargen button:last-child,
.quality .quality__main-banner .main-banner__buttons-withoutmargen button:last-child,
.main-banner .main-banner__buttons-withoutmargen input:last-child,
.quality .quality__main-banner .main-banner__buttons-withoutmargen input:last-child {
    margin-left: 0
}

.main-banner .main-banner__buttons-withoutmargen a:only-child,
.quality .quality__main-banner .main-banner__buttons-withoutmargen a:only-child,
.main-banner .main-banner__buttons-withoutmargen button:only-child,
.quality .quality__main-banner .main-banner__buttons-withoutmargen button:only-child,
.main-banner .main-banner__buttons-withoutmargen input:only-child,
.quality .quality__main-banner .main-banner__buttons-withoutmargen input:only-child {
    margin-left: 0
}

.main-banner .main-banner__image,
.quality .quality__main-banner .main-banner__image {
    will-change: opacity;
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    overflow: hidden;
    background-color: #B5F0EF;
    width: 176px;
    height: 176px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center
}

@media (min-width: 768px) {
    .main-banner .main-banner__image,
    .quality .quality__main-banner .main-banner__image {
        top: 0;
        right: 15px;
        width: 291px;
        height: 291px
    }
}

@media (min-width: 992px) {
    .main-banner .main-banner__image,
    .quality .quality__main-banner .main-banner__image {
        position: relative;
        width: 362px;
        height: 362px
    }
}

@media (min-width: 1200px) {
    .main-banner .main-banner__image,
    .quality .quality__main-banner .main-banner__image {
        width: 390px;
        height: 390px
    }
}

.main-banner .main-banner__features,
.quality .quality__main-banner .main-banner__features {
    will-change: opacity;
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    width: 176px;
    height: 176px;
    background-color: #FED430;
    position: absolute;
    right: 0;
    top: 0;
    bottom: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 14px;
    color: #191B1C
}

.main-banner .main-banner__features .featured__tae,
.quality .quality__main-banner .main-banner__features .featured__tae {
    font-size: 26px;
    font-weight: bold
}

@media (min-width: 768px) {
    .main-banner .main-banner__features,
    .quality .quality__main-banner .main-banner__features {
        width: 291px;
        height: 291px;
        background-color: #FF821C;
        color: #191B1C;
        font-size: 24px;
        padding: 24px;
        top: 0;
        right: 15px
    }
}

@media (min-width: 992px) {
    .main-banner .main-banner__features,
    .quality .quality__main-banner .main-banner__features {
        bottom: 0;
        top: auto
    }
}

@media (min-width: 1200px) {
    .main-banner .main-banner__features,
    .quality .quality__main-banner .main-banner__features {
        bottom: 32px
    }
}

.main-banner .main-banner__features .featured,
.quality .quality__main-banner .main-banner__features .featured {
    font-size: 36px;
    line-height: 36px;
    font-weight: lighter
}

@media (min-width: 768px) {
    .main-banner .main-banner__features .featured,
    .quality .quality__main-banner .main-banner__features .featured {
        font-size: 72px;
        line-height: 72px
    }
}

.main-banner .main-banner__features .featured__small,
.quality .quality__main-banner .main-banner__features .featured__small {
    font-size: 56px;
    line-height: 56px
}

.main-banner .main-banner__square,
.quality .quality__main-banner .main-banner__square {
    will-change: oacity;
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    width: 56px;
    height: 56px;
    overflow: hidden;
    position: absolute;
    left: 264px;
    top: -56px;
    bottom: auto
}

@media (min-width: 768px) {
    .main-banner .main-banner__square,
    .quality .quality__main-banner .main-banner__square {
        top: auto;
        bottom: 0;
        right: 242px;
        left: auto;
        width: 64px;
        height: 64px
    }
}

@media (min-width: 992px) {
    .main-banner .main-banner__square,
    .quality .quality__main-banner .main-banner__square {
        left: 178px;
        bottom: -64px
    }
}

@media (min-width: 1200px) {
    .main-banner .main-banner__square,
    .quality .quality__main-banner .main-banner__square {
        left: 376px;
        bottom: -32px
    }
}

.main-banner .main-banner__square.main-carousel__control,
.quality .quality__main-banner .main-banner__square.main-carousel__control {
    will-change: oacity;
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.main-banner .main-banner__square.main-carousel__control .main-carousel__control__text,
.quality .quality__main-banner .main-banner__square.main-carousel__control .main-carousel__control__text {
    cursor: pointer;
    text-transform: uppercase;
    white-space: nowrap;
    position: absolute;
    right: 0;
    top: 0;
    height: 56px;
    line-height: 56px;
    font-size: .75rem
}

.main-banner .main-banner__square.main-carousel__control .main-carousel__control__text .pictoDSL,
.quality .quality__main-banner .main-banner__square.main-carousel__control .main-carousel__control__text .pictoDSL {
    display: block;
    height: 56px;
    line-height: 56px;
    width: 56px
}

@media (min-width: 768px) {
    .main-banner .main-banner__square.main-carousel__control .main-carousel__control__text,
    .quality .quality__main-banner .main-banner__square.main-carousel__control .main-carousel__control__text {
        height: 64px;
        line-height: 64px
    }
    .main-banner .main-banner__square.main-carousel__control .main-carousel__control__text .pictoDSL,
    .quality .quality__main-banner .main-banner__square.main-carousel__control .main-carousel__control__text .pictoDSL {
        display: inline-block;
        height: 64px;
        line-height: 64px;
        width: 64px
    }
}

@media (min-width: 992px) {
    .main-banner .main-banner__square.main-carousel__control:hover,
    .quality .quality__main-banner .main-banner__square.main-carousel__control:hover {
        width: 166px
    }
}

.main-banner.main-banner_yellow .main-banner__square,
.quality .main-banner_yellow.quality__main-banner .main-banner__square {
    background-color: #FED430
}

@media (max-width: 767.98px) {
    .main-banner.main-banner_yellow.main-banner_toggle-color .main-banner__square,
    .quality .main-banner_yellow.main-banner_toggle-color.quality__main-banner .main-banner__square {
        background-color: #B5F0EF
    }
}

.main-banner.main-banner_yellow.main-banner_no-image .main-banner__features,
.quality .main-banner_yellow.main-banner_no-image.quality__main-banner .main-banner__features {
    background-color: #FED430;
    color: #191B1C
}

.main-banner.main-banner_cyan .main-banner__square,
.quality .main-banner_cyan.quality__main-banner .main-banner__square {
    background-color: #B5F0EF
}

@media (max-width: 767.98px) {
    .main-banner.main-banner_cyan.main-banner_toggle-color .main-banner__square,
    .quality .main-banner_cyan.main-banner_toggle-color.quality__main-banner .main-banner__square {
        background-color: #FED430
    }
}

.main-banner.main-banner_green .main-banner__features,
.quality .main-banner_green.quality__main-banner .main-banner__features {
    background-color: #007A68;
    color: #fff
}

.main-banner.main-banner_green .main-banner__square,
.quality .main-banner_green.quality__main-banner .main-banner__square {
    background-color: #FED430
}

.main-banner.main-banner_black .main-banner__square,
.quality .main-banner_black.quality__main-banner .main-banner__square {
    background-color: #191B1C
}

@media (max-width: 767.98px) {
    .main-banner.main-banner_black.main-banner_toggle-color .main-banner__square,
    .quality .main-banner_black.main-banner_toggle-color.quality__main-banner .main-banner__square {
        background-color: #B5F0EF
    }
}

.main-banner.main-banner--gray-dark .main-banner__square,
.quality .main-banner--gray-dark.quality__main-banner .main-banner__square,
.main-banner.main-banner_gray-dark .main-banner__square,
.quality .main-banner_gray-dark.quality__main-banner .main-banner__square {
    background-color: #191B1C;
    color: #fff
}

.main-banner.main-banner--gray-dark .main-banner__text p,
.quality .main-banner--gray-dark.quality__main-banner .main-banner__text p,
.main-banner.main-banner_gray-dark .main-banner__text p,
.quality .main-banner_gray-dark.quality__main-banner .main-banner__text p {
    line-height: 2rem
}

.main-banner.main-banner_bkj-yellow .main-banner__square,
.quality .main-banner_bkj-yellow.quality__main-banner .main-banner__square {
    background-color: #FFE700
}

.main-banner.main-banner_bkj-turquoise .main-banner__square,
.quality .main-banner_bkj-turquoise.quality__main-banner .main-banner__square {
    background-color: #37ECC7
}

.main-banner.main-banner_bkj-blue .main-banner__square,
.quality .main-banner_bkj-blue.quality__main-banner .main-banner__square {
    background-color: #08C3FF
}

.main-banner.main-banner_bkj-red .main-banner__square,
.quality .main-banner_bkj-red.quality__main-banner .main-banner__square {
    background-color: #FF4169
}

.main-banner.main-banner_ad-grey-dark .main-banner__square,
.quality .main-banner_ad-grey-dark.quality__main-banner .main-banner__square {
    background-color: #273140
}

.main-banner.main-banner_ad-grey-input .main-banner__square,
.quality .main-banner_ad-grey-input.quality__main-banner .main-banner__square {
    background-color: #C8D7E6
}

.main-banner.main-banner_no-image,
.quality .main-banner_no-image.quality__main-banner {
    height: 291px
}

.main-banner.main-banner_no-image .main-banner__text,
.quality .main-banner_no-image.quality__main-banner .main-banner__text {
    background-color: transparent;
    color: #191B1C;
    padding: 0
}

@media (max-width: 767.98px) {
    .main-banner.main-banner_no-image .main-banner__text,
    .quality .main-banner_no-image.quality__main-banner .main-banner__text {
        height: auto;
        margin-bottom: 24px
    }
}

.main-banner.main-banner_no-image .main-banner__left-side .main-banner__features,
.quality .main-banner_no-image.quality__main-banner .main-banner__left-side .main-banner__features {
    left: 15px
}

.main-banner.main-banner_no-image .main-banner__right-side,
.quality .main-banner_no-image.quality__main-banner .main-banner__right-side {
    height: auto;
    width: auto
}

@media (max-width: 991.98px) {
    .main-banner.main-banner_no-image .main-banner__right-side .main-banner__text,
    .quality .main-banner_no-image.quality__main-banner .main-banner__right-side .main-banner__text {
        width: auto
    }
}

.main-banner.main-banner_no-image .main-banner__features,
.quality .main-banner_no-image.quality__main-banner .main-banner__features {
    bottom: auto
}

@media (max-width: 767.98px) {
    .main-banner.main-banner_no-image .main-banner__features,
    .quality .main-banner_no-image.quality__main-banner .main-banner__features {
        background-color: #FF821C;
        position: static;
        width: 272px;
        height: 272px;
        color: #191B1C;
        font-size: 1.5rem
    }
    .main-banner.main-banner_no-image .main-banner__features .featured,
    .quality .main-banner_no-image.quality__main-banner .main-banner__features .featured {
        font-size: 24px;
        line-height: 24px
    }
}

@media (min-width: 576px) {
    .main-banner.main-banner_no-image,
    .quality .main-banner_no-image.quality__main-banner {
        height: inherit;
        min-height: 291px
    }
}

.main-banner.main-banner_no-image .main-banner__features-columns,
.quality .main-banner_no-image.quality__main-banner .main-banner__features-columns {
    will-change: opacity;
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    width: 176px;
    height: 176px;
    background-color: transparent;
    top: -100px;
    bottom: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-size: .75rem;
    color: #191B1C;
    bottom: auto
}

@media (min-width: 768px) {
    .main-banner.main-banner_no-image .main-banner__features-columns ul,
    .quality .main-banner_no-image.quality__main-banner .main-banner__features-columns ul {
        height: 440px
    }
}

@media (min-width: 992px) {
    .main-banner.main-banner_no-image .main-banner__features-columns ul,
    .quality .main-banner_no-image.quality__main-banner .main-banner__features-columns ul {
        height: 290px
    }
}

@media (min-width: 768px) {
    .main-banner.main-banner_no-image .main-banner__features-columns,
    .quality .main-banner_no-image.quality__main-banner .main-banner__features-columns {
        width: 100%;
        height: 100%;
        background-color: transparent;
        color: #191B1C;
        font-size: 1.5rem;
        top: 0
    }
}

@media (max-width: 767.98px) {
    .main-banner.main-banner_no-image .main-banner__features-columns,
    .quality .main-banner_no-image.quality__main-banner .main-banner__features-columns {
        background-color: transparent;
        position: static;
        height: auto;
        width: 100%;
        color: #191B1C;
        font-size: 1.5rem
    }
    .main-banner.main-banner_no-image .main-banner__features-columns .main-banner__features__first,
    .quality .main-banner_no-image.quality__main-banner .main-banner__features-columns .main-banner__features__first {
        font-weight: 100
    }
    .main-banner.main-banner_no-image .main-banner__features-columns .main-banner__features__second .featured,
    .quality .main-banner_no-image.quality__main-banner .main-banner__features-columns .main-banner__features__second .featured {
        font-size: 72px;
        line-height: 72px
    }
}

@media (max-width: 767.98px) {
    .main-banner.main-banner_no-image,
    .quality .main-banner_no-image.quality__main-banner {
        height: auto
    }
}

.main-banner.main-banner_no-image .main-banner__features-columns__item,
.quality .main-banner_no-image.quality__main-banner .main-banner__features-columns__item {
    font-size: 1rem;
    line-height: 1.5;
    padding-bottom: 16px;
    padding-top: 16px;
    border-top: 1px solid #EBEEF5
}

.main-banner.main-banner_no-image .main-banner__features-columns__item:last-child,
.quality .main-banner_no-image.quality__main-banner .main-banner__features-columns__item:last-child {
    border-bottom: 1px solid #EBEEF5
}

.main-banner.main-banner_no-image .title,
.quality .main-banner_no-image.quality__main-banner .title {
    font-family: "BK-Sans";
    font-size: .875rem;
    margin-bottom: 0
}

.main-banner.main-banner_no-image .text-background-orange,
.quality .main-banner_no-image.quality__main-banner .text-background-orange {
    background-color: #FF821C;
    display: inline-block;
    padding: 0 16px;
    border-bottom: 1px solid #FF821C
}

.main-banner.main-banner_no-image .text-background-green,
.quality .main-banner_no-image.quality__main-banner .text-background-green {
    background-color: #007A68;
    display: inline-block;
    padding: 0 16px;
    border-bottom: 1px solid #007A68
}

.main-banner.main-banner_no-image .text-background-yellow,
.quality .main-banner_no-image.quality__main-banner .text-background-yellow {
    background-color: #FED430;
    display: inline-block;
    padding: 0 16px;
    border-bottom: 1px solid #FED430
}

.main-banner.main-banner_no-image .text-background-bkj-yellow,
.quality .main-banner_no-image.quality__main-banner .text-background-bkj-yellow {
    background-color: #FFE700;
    display: inline-block;
    padding: 0 16px;
    border-bottom: 1px solid #FFE700
}

.main-banner.main-banner_no-image .text-background-bkj-turquoise,
.quality .main-banner_no-image.quality__main-banner .text-background-bkj-turquoise {
    background-color: #37ECC7;
    display: inline-block;
    padding: 0 16px;
    border-bottom: 1px solid #37ECC7
}

.main-banner.main-banner_no-image .text-background-bkj-blue,
.quality .main-banner_no-image.quality__main-banner .text-background-bkj-blue {
    background-color: #08C3FF;
    display: inline-block;
    padding: 0 16px;
    border-bottom: 1px solid #08C3FF
}

.main-banner.main-banner_no-image .text-background-bkj-red,
.quality .main-banner_no-image.quality__main-banner .text-background-bkj-red {
    background-color: #FF4169;
    display: inline-block;
    padding: 0 16px;
    border-bottom: 1px solid #FF4169
}

.main-banner.main-banner_no-image .claim,
.quality .main-banner_no-image.quality__main-banner .claim {
    font-size: 16px;
    line-height: 24px;
    display: block
}

.main-banner.main-banner_no-image .sub-claim,
.quality .main-banner_no-image.quality__main-banner .sub-claim {
    font-size: 14px;
    line-height: 24px
}

.main-banner.main-banner_no-image .sub-claim .featured__tae,
.quality .main-banner_no-image.quality__main-banner .sub-claim .featured__tae {
    font-size: 16px
}

.main-banner.main-banner_no-height,
.quality .main-banner_no-height.quality__main-banner {
    height: auto
}

.main-banner.main-banner_orange_secondary .main-banner__features,
.quality .main-banner_orange_secondary.quality__main-banner .main-banner__features {
    background-color: #FF821C;
    color: #191B1C
}

.main-banner.main-banner_green_secondary .main-banner__features,
.quality .main-banner_green_secondary.quality__main-banner .main-banner__features {
    background-color: #007A68;
    color: #191B1C
}

.main-banner.main-banner_cyan_secondary .main-banner__features,
.quality .main-banner_cyan_secondary.quality__main-banner .main-banner__features {
    background-color: #B5F0EF;
    color: #191B1C
}

.main-banner.main-banner_yellow_secondary .main-banner__features,
.quality .main-banner_yellow_secondary.quality__main-banner .main-banner__features {
    background-color: #FED430;
    color: #191B1C
}

.main-banner.main-banner_bkj-yellow_secondary .main-banner__features,
.quality .main-banner_bkj-yellow_secondary.quality__main-banner .main-banner__features {
    background-color: #FFE700;
    color: #191B1C
}

.main-banner.main-banner_bkj-turquoise_secondary .main-banner__features,
.quality .main-banner_bkj-turquoise_secondary.quality__main-banner .main-banner__features {
    background-color: #37ECC7;
    color: #191B1C
}

.main-banner.main-banner_bkj-blue_secondary .main-banner__features,
.quality .main-banner_bkj-blue_secondary.quality__main-banner .main-banner__features {
    background-color: #08C3FF;
    color: #191B1C
}

.main-banner.main-banner_bkj-red_secondary .main-banner__features,
.quality .main-banner_bkj-red_secondary.quality__main-banner .main-banner__features {
    background-color: #FF4169;
    color: #191B1C
}

.main-banner.main-banner__autoheight,
.quality .main-banner__autoheight.quality__main-banner {
    height: auto
}

@media (min-width: 992px) {
    .main-banner.main-banner__fixedheight,
    .quality .main-banner__fixedheight.quality__main-banner {
        height: 362px
    }
}

@media (min-width: 1200px) {
    .main-banner.main-banner__fixedheight,
    .quality .main-banner__fixedheight.quality__main-banner {
        height: 390px
    }
}

@media (max-width: 991.98px) {
    .main-banner--responsive-image .main-banner__image {
        z-index: 1
    }
}

@media (min-width: 768px) {
    .main-banner-error404 {
        position: relative;
        padding-top: 120px
    }
}

.main-banner-error404 .error404__background-text {
    font-size: 180px;
    font-weight: 900;
    color: rgba(247, 250, 255, 0.6);
    position: absolute;
    left: 17px;
    top: 3px
}

.second-banner img,
.quality .quality__second-banner img {
    width: 100%;
    height: auto
}

.second-banner.second-banner_green .second-banner__content,
.quality .second-banner_green.quality__second-banner .second-banner__content {
    background-color: #007A68;
    color: #191B1C
}

.second-banner .second-banner__left-side,
.quality .quality__second-banner .second-banner__left-side {
    overflow: hidden;
    width: 176px;
    height: 176px
}

@media (min-width: 768px) {
    .second-banner .second-banner__left-side,
    .quality .quality__second-banner .second-banner__left-side {
        width: 408px;
        height: 408px
    }
}

@media (min-width: 992px) {
    .second-banner .second-banner__left-side,
    .quality .quality__second-banner .second-banner__left-side {
        width: 455px;
        height: 455px
    }
}

@media (min-width: 1200px) {
    .second-banner .second-banner__left-side,
    .quality .quality__second-banner .second-banner__left-side {
        width: 555px;
        height: 555px
    }
}

.second-banner .second-banner__content,
.quality .quality__second-banner .second-banner__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #FF821C;
    padding: 24px;
    color: #191B1C;
    width: 264px;
    height: 264px;
    position: absolute;
    top: -40px;
    right: 0
}

@media (min-width: 768px) {
    .second-banner .second-banner__content,
    .quality .quality__second-banner .second-banner__content {
        top: 136px;
        padding: 40px;
        position: static;
        width: 345px;
        height: 345px;
        transform: translate(-238px, 32px)
    }
}

@media (min-width: 992px) {
    .second-banner .second-banner__content,
    .quality .quality__second-banner .second-banner__content {
        width: 374px;
        height: 374px;
        transform: translate(-115px, 40px)
    }
}

@media (min-width: 1200px) {
    .second-banner .second-banner__content,
    .quality .quality__second-banner .second-banner__content {
        width: 456px;
        height: 456px;
        transform: translate(-97px, 50px)
    }
}

.second-banner .second-banner__text,
.quality .quality__second-banner .second-banner__text {
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.second-banner .second-banner__text .second-banner__text__descriptor,
.quality .quality__second-banner .second-banner__text .second-banner__text__descriptor {
    margin-bottom: 8px;
    font-weight: normal;
    font-size: 1rem
}

@media (min-width: 992px) {
    .second-banner .second-banner__text .second-banner__text__descriptor,
    .quality .quality__second-banner .second-banner__text .second-banner__text__descriptor {
        margin-bottom: 16px
    }
}

.second-banner .second-banner__text .second-banner__text__claim,
.quality .quality__second-banner .second-banner__text .second-banner__text__claim {
    line-height: 1.33;
    font-family: "BK-Text"
}

.second-banner .second-banner__features,
.quality .quality__second-banner .second-banner__features {
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: #FED430;
    position: absolute;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 1rem;
    color: #191B1C;
    width: 56px;
    height: 56px;
    left: 176px;
    bottom: 41px
}

.second-banner .second-banner__features.second-banner__features--cyan,
.quality .quality__second-banner .second-banner__features.second-banner__features--cyan {
    background-color: #B5F0EF
}

.second-banner .second-banner__features span,
.quality .quality__second-banner .second-banner__features span {
    font-weight: 100
}

@media (min-width: 768px) {
    .second-banner .second-banner__features,
    .quality .quality__second-banner .second-banner__features {
        left: auto;
        right: 15px;
        bottom: 31px;
        width: 176px;
        height: 176px
    }
}

@media (min-width: 992px) {
    .second-banner .second-banner__features,
    .quality .quality__second-banner .second-banner__features {
        width: 196px;
        height: 196px;
        bottom: 41px
    }
}

@media (min-width: 1200px) {
    .second-banner .second-banner__features,
    .quality .quality__second-banner .second-banner__features {
        width: 196px;
        height: 196px;
        bottom: 49px
    }
}

.second-banner .second-banner__features .second-banner__features__second,
.quality .quality__second-banner .second-banner__features .second-banner__features__second {
    font-weight: 100
}

.second-banner .second-banner__features .second-banner__features__second .featured,
.quality .quality__second-banner .second-banner__features .second-banner__features__second .featured {
    font-size: 40px;
    line-height: 40px
}

@media (min-width: 992px) {
    .second-banner .second-banner__features .second-banner__features__second .featured,
    .quality .quality__second-banner .second-banner__features .second-banner__features__second .featured {
        font-size: 72px;
        line-height: 72px
    }
}

@media (max-width: 767.98px) {
    .second-banner,
    .quality .quality__second-banner {
        height: 400px
    }
}

@media (max-width: 767.98px) {
    .second-banner.second-banner_no-image-xs .second-banner__content,
    .quality .second-banner_no-image-xs.quality__second-banner .second-banner__content {
        position: static
    }
    .second-banner.second-banner_no-image-xs .second-banner__content:after,
    .quality .second-banner_no-image-xs.quality__second-banner .second-banner__content:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 208px;
        width: 56px;
        height: 56px;
        background-color: #B5F0EF
    }
    .second-banner.second-banner_no-image-xs .second-banner__features,
    .quality .second-banner_no-image-xs.quality__second-banner .second-banner__features {
        position: static;
        width: 176px;
        height: 176px;
        float: right
    }
}

.second-banner.second-banner_no-image-xs .second-banner__left-side,
.quality .second-banner_no-image-xs.quality__second-banner .second-banner__left-side {
    display: none
}

@media (min-width: 768px) {
    .second-banner.second-banner_no-image-xs .second-banner__left-side,
    .quality .second-banner_no-image-xs.quality__second-banner .second-banner__left-side {
        display: flex
    }
}

@media (min-width: 992px) {
    .second-banner.second-banner_version2 .second-banner__content,
    .quality .second-banner_version2.quality__second-banner .second-banner__content {
        width: 392px;
        height: 392px;
        transform: translate(-198px, 40px)
    }
}

@media (min-width: 768px) {
    .second-banner.second-banner_version2 .second-banner__content,
    .quality .second-banner_version2.quality__second-banner .second-banner__content {
        top: 136px;
        padding: 40px;
        position: static;
        width: 437px;
        height: 437px;
        transform: translate(0, 32px)
    }
}

@media (min-width: 1200px) {
    .second-banner.second-banner_version2 .second-banner__content,
    .quality .second-banner_version2.quality__second-banner .second-banner__content {
        width: 392px;
        height: 392px;
        transform: translate(-128px, 116px)
    }
}

.second-banner.second-banner_version2.second-banner__features,
.quality .second-banner_version2.second-banner__features.quality__second-banner {
    bottom: -32px;
    width: 283px;
    height: 283px
}

@media (min-width: 992px) {
    .second-banner.second-banner_version2.second-banner__features,
    .quality .second-banner_version2.second-banner__features.quality__second-banner {
        width: 263px;
        height: 263px;
        bottom: 25px
    }
}

@media (min-width: 1200px) {
    .second-banner.second-banner_version2.second-banner__features,
    .quality .second-banner_version2.second-banner__features.quality__second-banner {
        width: 293px;
        height: 293px;
        bottom: 49px
    }
}

@media (max-width: 767.98px) {
    .second-banner.second-banner_version2.second-banner_no-image-xs .second-banner__content:after,
    .quality .second-banner_version2.second-banner_no-image-xs.quality__second-banner .second-banner__content:after {
        left: 88px;
        top: 264px
    }
}

.second-banner.second-banner--gray-dark .second-banner__content,
.quality .second-banner--gray-dark.quality__second-banner .second-banner__content,
.second-banner.second-banner_gray-dark .second-banner__content,
.quality .second-banner_gray-dark.quality__second-banner .second-banner__content {
    background-color: #191B1C
}

.second-banner.second-banner--gray-dark .second-banner__features,
.quality .second-banner--gray-dark.quality__second-banner .second-banner__features,
.second-banner.second-banner_gray-dark .second-banner__features,
.quality .second-banner_gray-dark.quality__second-banner .second-banner__features {
    background-color: #FF821C
}

@media (min-width: 1200px) {
    .second-banner .second-banner__buttons a:last-child,
    .quality .quality__second-banner .second-banner__buttons a:last-child {
        margin-left: 26px
    }
    .second-banner .second-banner__buttons a:first-child,
    .quality .quality__second-banner .second-banner__buttons a:first-child {
        margin-left: 0
    }
}

.content-block.content-block_orange .content-block__image-base {
    background-color: #FF821C
}

.content-block.content-block_orange .content-block__image-base-picture {
    background-color: #FF821C
}

.content-block.content-block_gray-business .content-block__image-base {
    background-color: #4B575D
}

.content-block.content-block_gray-business .content-block__image-base-picture {
    background-color: #4B575D
}

.content-block.content-block_yellow .content-block__image-base {
    background-color: #FED430
}

.content-block.content-block_yellow .content-block__image-base-picture {
    background-color: #FED430
}

.content-block.content-block_green .content-block__image-base {
    background-color: #007A68
}

.content-block.content-block_green .content-block__image-base-picture {
    background-color: #007A68
}

.content-block.content-block_cyan .content-block__image-base {
    background-color: #B5F0EF
}

.content-block.content-block_cyan .content-block__image-base-picture {
    background-color: #B5F0EF
}

.content-block.content-block_bkj-yellow .content-block__image-base {
    background-color: #FFE700
}

.content-block.content-block_bkj-yellow .content-block__image-base-picture {
    background-color: #FFE700
}

.content-block.content-block_bkj-turquoise .content-block__image-base {
    background-color: #37ECC7
}

.content-block.content-block_bkj-turquoise .content-block__image-base-picture {
    background-color: #37ECC7
}

.content-block.content-block_bkj-blue .content-block__image-base {
    background-color: #08C3FF
}

.content-block.content-block_bkj-blue .content-block__image-base-picture {
    background-color: #08C3FF
}

.content-block.content-block_bkj-red .content-block__image-base {
    background-color: #FF4169
}

.content-block.content-block_bkj-red .content-block__image-base-picture {
    background-color: #FF4169
}

.content-block.content-block_ad-grey-dark .content-block__image-base {
    background-color: #273140
}

.content-block.content-block_ad-grey-dark .content-block__image-base-picture {
    background-color: #273140
}

.content-block.content-block_ad-grey-input .content-block__image-base {
    background-color: #C8D7E6
}

.content-block.content-block_ad-grey-input .content-block__image-base-picture {
    background-color: #C8D7E6
}

.content-block.content-block_image-out .content-block__image img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.content-block.content-block_image-out .content-block__image .content-block__image-base {
    width: 80%;
    position: static
}

.content-block.content-block_image-in .content-block__image img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.content-block.content-block_image-in .content-block__image .content-block__image-base {
    width: 80%;
    position: relative;
    right: -20%
}

.content-block.content-block_image-top-right .content-block__image img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-60%)
}

.content-block.content-block_image-top-right .content-block__image .content-block__image-base {
    width: 80%;
    position: relative;
    left: 0
}

.content-block .apple-pay-img {
    max-width: 100%
}

.content-block .content-block__line_cyan {
    width: 45px;
    height: 3px;
    margin-bottom: 16px;
    background-color: #B5F0EF
}

.content-block .content-block__line_bkj-turquoise {
    width: 45px;
    height: 3px;
    margin-bottom: 16px;
    background-color: #37ECC7
}

.content-block .content-block__line_bkj-yellow {
    width: 45px;
    height: 3px;
    margin-bottom: 16px;
    background-color: #FFE700
}

.content-block .content-block__line_bkj-blue {
    width: 45px;
    height: 3px;
    margin-bottom: 16px;
    background-color: #08C3FF
}

.content-block .content-block__line_bkj-red {
    width: 45px;
    height: 3px;
    margin-bottom: 16px;
    background-color: #FF4169
}

.content-block .content-block__image.columnas {
    width: 80%;
    max-width: 20rem;
    margin-bottom: 2rem
}

.content-block .content-block_yellow .content-block__image-base {
    background-color: #FED430
}

.content-block .content-block_yellow .content-block__image__small--picture {
    position: relative
}

.content-block .content-block_yellow .content-block__image__small--picture img {
    position: relative;
    width: 70%;
    left: 48px;
    bottom: 0
}

@media (max-width: 991.98px) {
    .content-block .content-block_yellow .content-block__image__small--picture img {
        width: 85%;
        left: 40px
    }
}

@media (max-width: 767.98px) {
    .content-block .content-block_yellow .content-block__image__small--picture img {
        width: 86%;
        left: 0%
    }
}

.content-block .content-block_yellow .content-block__image__small--picture .content-block__image-base-picture {
    position: absolute;
    width: 48px;
    height: 48px;
    bottom: 0
}

@media (max-width: 991.98px) {
    .content-block .content-block_yellow .content-block__image__small--picture .content-block__image-base-picture {
        left: 0%;
        width: 40px;
        height: 40px
    }
}

@media (max-width: 767.98px) {
    .content-block .content-block_yellow .content-block__image__small--picture .content-block__image-base-picture {
        left: 86%;
        width: 56px;
        height: 56px
    }
}

.content-block .content-block_yellow .content-block__image__small--picture.content-block__image-right img {
    position: relative;
    left: 0
}

@media (max-width: 991.98px) {
    .content-block .content-block_yellow .content-block__image__small--picture.content-block__image-right img {
        left: 0
    }
}

@media (max-width: 767.98px) {
    .content-block .content-block_yellow .content-block__image__small--picture.content-block__image-right img {
        left: 0
    }
}

.content-block .content-block_yellow .content-block__image__small--picture.content-block__image-right .content-block__image-base-picture {
    position: absolute;
    left: 70%
}

@media (max-width: 991.98px) {
    .content-block .content-block_yellow .content-block__image__small--picture.content-block__image-right .content-block__image-base-picture {
        left: 85%
    }
}

@media (max-width: 767.98px) {
    .content-block .content-block_yellow .content-block__image__small--picture.content-block__image-right .content-block__image-base-picture {
        left: 86%
    }
}

.content-block.banner-bkj .justify-content-center {
    justify-content: start !important
}

.content-block.banner-bkj .content-block__claim {
    font-size: 24px;
    line-height: 32px
}

@media (min-width: 768px) {
    .content-block.banner-bkj .content-block__claim {
        font-size: 32px;
        line-height: 40px
    }
}

@media (min-width: 992px) {
    .content-block.banner-bkj .content-block__claim {
        font-size: 40px;
        line-height: 48px
    }
}

.content-block.banner-bkj .content-block__text p {
    font-size: 16px;
    line-height: 24px
}

@media (min-width: 992px) {
    .content-block.banner-bkj .content-block__text p {
        font-size: 20px;
        line-height: 32px
    }
}

.content-block.banner-bkj .content-block__image .content-block__image-base {
    width: 320px;
    height: 188px;
    background-image: url(../images/bkj/bk_joven_xs.svg);
    background-color: white;
    left: -24px;
    padding-bottom: 0;
    position: relative;
    top: -50px
}

@media (min-width: 768px) {
    .content-block.banner-bkj .content-block__image .content-block__image-base {
        width: 442px;
        height: 220px;
        left: -10px;
        top: 6px;
        background-image: url(../images/bkj/bk_joven_sm.svg)
    }
}

@media (min-width: 992px) {
    .content-block.banner-bkj .content-block__image .content-block__image-base {
        width: 555px;
        height: 296px;
        left: 14px;
        background-image: url(../images/bkj/bk_joven_md.svg)
    }
}

@media (min-width: 1200px) {
    .content-block.banner-bkj .content-block__image .content-block__image-base {
        width: 717px;
        height: 390px;
        left: 77px;
        background-image: url(../images/bkj/bk_joven_lg.svg)
    }
}

.content-block.banner-bkj .content-block__image img {
    width: 188px;
    height: 188px;
    position: absolute;
    left: 108px;
    transform: translateY(0);
    top: -50px
}

@media (min-width: 768px) {
    .content-block.banner-bkj .content-block__image img {
        width: 220px;
        height: 220px;
        position: absolute;
        left: 161px;
        top: 6px
    }
}

@media (min-width: 992px) {
    .content-block.banner-bkj .content-block__image img {
        width: 296px;
        height: 296px;
        left: 204px
    }
}

@media (min-width: 1200px) {
    .content-block.banner-bkj .content-block__image img {
        width: 390px;
        height: 390px;
        left: 325px
    }
}

.content-block.banner-bkj-mini .justify-content-center {
    justify-content: start !important
}

.content-block.banner-bkj-mini .content-block__claim {
    font-size: 24px;
    line-height: 32px
}

@media (min-width: 768px) {
    .content-block.banner-bkj-mini .content-block__claim {
        font-size: 32px;
        line-height: 40px
    }
}

@media (min-width: 992px) {
    .content-block.banner-bkj-mini .content-block__claim {
        font-size: 40px;
        line-height: 48px
    }
}

.content-block.banner-bkj-mini .content-block__text p {
    font-size: 16px;
    line-height: 24px
}

@media (min-width: 992px) {
    .content-block.banner-bkj-mini .content-block__text p {
        font-size: 20px;
        line-height: 32px
    }
}

.content-block.banner-bkj-mini .content-block__image .content-block__image-base {
    width: 320px;
    height: 200px;
    background-image: url(../images/bkj/bk_mini_xs.svg);
    background-color: white;
    left: -24px;
    padding-bottom: 0;
    position: relative;
    top: -50px
}

@media (min-width: 768px) {
    .content-block.banner-bkj-mini .content-block__image .content-block__image-base {
        width: 380px;
        height: 220px;
        left: 51px;
        top: 6px;
        background-image: url(../images/bkj/bk_mini_sm.svg)
    }
}

@media (min-width: 992px) {
    .content-block.banner-bkj-mini .content-block__image .content-block__image-base {
        width: 574px;
        height: 296px;
        left: -5px;
        background-image: url(../images/bkj/bk_mini_md.svg)
    }
}

@media (min-width: 1200px) {
    .content-block.banner-bkj-mini .content-block__image .content-block__image-base {
        width: 710px;
        height: 390px;
        left: 84px;
        background-image: url(../images/bkj/bk_mini_lg.svg)
    }
}

.content-block.banner-bkj-mini .content-block__image img {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 96px;
    transform: translateY(0);
    top: -50px
}

@media (min-width: 768px) {
    .content-block.banner-bkj-mini .content-block__image img {
        width: 220px;
        height: 220px;
        position: absolute;
        left: 171px;
        top: 6px
    }
}

@media (min-width: 992px) {
    .content-block.banner-bkj-mini .content-block__image img {
        width: 296px;
        height: 296px;
        left: 162px
    }
}

@media (min-width: 1200px) {
    .content-block.banner-bkj-mini .content-block__image img {
        width: 390px;
        height: 390px;
        left: 276px
    }
}

.content-block.banner-bkj-main .justify-content-center {
    justify-content: start !important
}

.content-block.banner-bkj-main .content-block__claim {
    font-size: 24px;
    line-height: 32px
}

@media (min-width: 768px) {
    .content-block.banner-bkj-main .content-block__claim {
        font-size: 32px;
        line-height: 40px
    }
}

@media (min-width: 992px) {
    .content-block.banner-bkj-main .content-block__claim {
        font-size: 40px;
        line-height: 48px
    }
}

.content-block.banner-bkj-main .content-block__text p {
    font-size: 16px;
    line-height: 24px
}

@media (min-width: 992px) {
    .content-block.banner-bkj-main .content-block__text p {
        font-size: 20px;
        line-height: 32px
    }
}

.content-block.banner-bkj-main .content-block__image .content-block__image-base {
    width: 320px;
    height: 180px;
    background-image: url(../images/bkj/bk_main_xs.svg);
    background-color: white;
    left: -24px;
    padding-bottom: 0;
    position: relative;
    top: -50px
}

@media (min-width: 768px) {
    .content-block.banner-bkj-main .content-block__image .content-block__image-base {
        width: 390px;
        height: 240px;
        left: -21px;
        top: 6px;
        background-image: url(../images/bkj/bk_main_sm.svg)
    }
}

@media (min-width: 992px) {
    .content-block.banner-bkj-main .content-block__image .content-block__image-base {
        width: 489px;
        height: 232px;
        left: -1px;
        background-image: url(../images/bkj/bk_main_md.svg)
    }
}

@media (min-width: 1200px) {
    .content-block.banner-bkj-main .content-block__image .content-block__image-base {
        width: 703px;
        height: 323px;
        left: -7px;
        background-image: url(../images/bkj/bk_main_lg.svg)
    }
}

.content-block.banner-bkj-main .content-block__image img {
    display: none
}

.content-block.bkj-double-square-right .content-block__image .content-block__image-base {
    width: 320px;
    height: 200px;
    background-image: url(../images/bkj/bkj_double_square_xs_right.svg);
    background-color: white;
    left: -51px;
    padding-bottom: 0;
    position: relative;
    top: 66px
}

@media (min-width: 768px) {
    .content-block.bkj-double-square-right .content-block__image .content-block__image-base {
        width: 380px;
        height: 220px;
        left: -20px;
        top: 46px;
        background-image: url(../images/bkj/bkj_double_square_sm_right.svg)
    }
}

@media (min-width: 992px) {
    .content-block.bkj-double-square-right .content-block__image .content-block__image-base {
        width: 574px;
        height: 296px;
        left: -33px;
        top: 26px;
        background-image: url(../images/bkj/bkj_double_square_md_right.svg)
    }
}

@media (min-width: 1200px) {
    .content-block.bkj-double-square-right .content-block__image .content-block__image-base {
        width: 710px;
        height: 390px;
        left: -69px;
        background-image: url(../images/bkj/bkj_double_square_lg_right.svg)
    }
}

.content-block.bkj-double-square-right .content-block__image img {
    position: absolute;
    width: 240px;
    height: 240px;
    left: 69px;
    transform: translateY(0);
    top: 26px
}

@media (min-width: 768px) {
    .content-block.bkj-double-square-right .content-block__image img {
        left: 48px
    }
}

@media (min-width: 992px) {
    .content-block.bkj-double-square-right .content-block__image img {
        width: 296px;
        height: 296px;
        left: 75px
    }
}

@media (min-width: 1200px) {
    .content-block.bkj-double-square-right .content-block__image img {
        width: 390px;
        height: 390px;
        left: 66px
    }
}

.content-block.bkj-double-square-left .content-block__image .content-block__image-base {
    width: 320px;
    height: 200px;
    background-image: url(../images/bkj/bkj_double_square_xs_left.svg);
    background-color: white;
    left: -22px;
    padding-bottom: 0;
    position: relative;
    top: 6px
}

@media (min-width: 768px) {
    .content-block.bkj-double-square-left .content-block__image .content-block__image-base {
        width: 380px;
        height: 220px;
        left: -50px;
        top: 38px;
        background-image: url(../images/bkj/bkj_double_square_sm_left.svg)
    }
}

@media (min-width: 992px) {
    .content-block.bkj-double-square-left .content-block__image .content-block__image-base {
        width: 574px;
        height: 296px;
        left: -166px;
        top: 18px;
        background-image: url(../images/bkj/bkj_double_square_md_left.svg)
    }
}

@media (min-width: 1200px) {
    .content-block.bkj-double-square-left .content-block__image .content-block__image-base {
        width: 710px;
        height: 390px;
        left: -193px;
        background-image: url(../images/bkj/bkj_double_square_lg_left.svg)
    }
}

.content-block.bkj-double-square-left .content-block__image img {
    position: absolute;
    width: 240px;
    height: 240px;
    left: 0;
    transform: translateY(0);
    top: -34px
}

@media (min-width: 768px) {
    .content-block.bkj-double-square-left .content-block__image img {
        top: 18px
    }
}

@media (min-width: 992px) {
    .content-block.bkj-double-square-left .content-block__image img {
        width: 296px;
        height: 296px
    }
}

@media (min-width: 1200px) {
    .content-block.bkj-double-square-left .content-block__image img {
        width: 390px;
        height: 390px
    }
}

.content-block__image {
    position: relative
}

.content-block__image img {
    width: 80%;
    height: auto;
    position: relative;
    transform: translateY(-40px)
}

.content-block__text .content-block__text__sub-claim {
    font-size: 1.25rem
}

.content-block__image-base {
    width: 80%;
    padding-bottom: 80%;
    position: absolute;
    right: 0;
    top: 0
}

.content-box__full-content {
    height: 0;
    opacity: 0;
    overflow: hidden;
    will-change: opacity;
    transition-property: opacity;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.content-box__full-content.openedContent {
    height: auto;
    opacity: 1
}

.content-block .content-block__icon-block {
    width: 80%;
    background-color: #FED430;
    display: flex;
    justify-content: center;
    position: absolute;
    transform: translateY(-40px);
    padding: 96px
}

.content-block .content-block__icon-block span {
    align-self: center
}

.content-block.content-block--orange .content-block__image-base {
    background-color: #FF821C
}

.content-block.content-block--gray-business .content-block__image-base {
    background-color: #4B575D
}

.content-block.content-block--yellow .content-block__image-base {
    background-color: #FED430
}

.content-block.content-block--cyan .content-block__image-base {
    background-color: #B5F0EF
}

.content-block.content-block--bkj-yellow .content-block__image-base {
    background-color: #FFE700
}

.content-block.content-block--bkj-turquoise .content-block__image-base {
    background-color: #37ECC7
}

.content-block.content-block--bkj-blue .content-block__image-base {
    background-color: #08C3FF
}

.content-block.content-block--bkj-red .content-block__image-base {
    background-color: #FF4169
}

.content-block.content-block--green .content-block__image-base {
    background-color: #007A68
}

.content-block.content-block--ad-grey-dark .content-block__image-base {
    background-color: #273140
}

.content-block.content-block--ad-grey-dark .content-block__image-base-picture {
    background-color: #273140
}

.content-block.content-block--ad-grey-input .content-block__image-base {
    background-color: #C8D7E6
}

.content-block.content-block--ad-grey-input .content-block__image-base-picture {
    background-color: #C8D7E6
}

.content-block.content-block--image-out .content-block__image img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.content-block.content-block--image-out .content-block__image .content-block__image-base {
    width: 80%;
    position: static
}

.content-block.content-block--image-in .content-block__image img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.content-block.content-block--image-in .content-block__image .content-block__image-base {
    width: 80%;
    position: relative;
    right: -20%
}

.content-block.content-block--image-top-right .content-block__image img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-60%)
}

.content-block.content-block--image-top-right .content-block__image .content-block__image-base {
    width: 80%;
    position: relative;
    left: 0
}

.content-block.content-block--gray-dark .content-block__image-base,
.content-block.content-block_gray-dark .content-block__image-base {
    background-color: #191B1C
}

.content-block .apple-pay-img {
    max-width: 100%
}

.content-block .content-block__line--cyan {
    width: 45px;
    height: 3px;
    margin-bottom: 16px;
    background-color: #B5F0EF
}

.content-block .content-block__line--yellow {
    width: 45px;
    height: 3px;
    margin-bottom: 16px;
    background-color: #FED430
}

.content-block .content-block__line--orange {
    width: 45px;
    height: 3px;
    margin-bottom: 16px;
    background-color: #FF821C
}

.content-block .content-block__line--green {
    width: 45px;
    height: 3px;
    margin-bottom: 16px;
    background-color: #007A68
}

.content-block .content-block__line--ad-grey-dark {
    width: 45px;
    height: 3px;
    margin-bottom: 16px;
    background-color: #273140
}

.content-block .content-block__line--ad-grey-input {
    width: 45px;
    height: 3px;
    margin-bottom: 16px;
    background-color: #C8D7E6
}

.content-block .content-block__image.columnas {
    width: 80%;
    max-width: 20rem;
    margin-bottom: 2rem
}

.content-block .content-block--yellow .content-block__image-base {
    background-color: #FED430
}

.content-block .content-block--bkj-yellow .content-block__image-base {
    background-color: #FFE700
}

.content-block .content-block--bkj-turquoise .content-block__image-base {
    background-color: #37ECC7
}

.content-block .content-block--bkj-blue .content-block__image-base {
    background-color: #08C3FF
}

.content-block .content-block--bkj-red .content-block__image-base {
    background-color: #FF4169
}

.content-block .content-block--cyan .content-block__image-base {
    background-color: #B5F0EF
}

.content-block .content-block--ad-grey-dark .content-block__image-base {
    background-color: #273140
}

.content-block .content-block--ad-grey-input .content-block__image-base {
    background-color: #C8D7E6
}

.content-block__image {
    position: relative
}

.content-block__image img {
    width: 80%;
    height: auto;
    position: relative;
    transform: translateY(-40px)
}

.content-block__image .content-block__image-base-logo {
    width: 96px !important;
    position: absolute !important;
    left: 0;
    transform: translateY(-85px) !important
}

@media (min-width: 768px) {
    .content-block__image .content-block__image-base-logo {
        width: 104px !important;
        position: absolute !important;
        top: 0;
        left: 0;
        transform: translate3d(-44px, -16px, 0) !important
    }
}

@media (min-width: 992px) {
    .content-block__image .content-block__image-base-logo {
        width: 120px !important;
        transform: translate3d(-57px, -16px, 0) !important
    }
}

.content-block__image .content-block__image-base-logo--right {
    width: 34% !important;
    transform: translate3d(0%, -187%, 0) !important
}

@media (min-width: 768px) {
    .content-block__image .content-block__image-base-logo--right {
        width: 104px !important;
        transform: translate3d(51px, -112px, 0) !important
    }
}

@media (min-width: 992px) {
    .content-block__image .content-block__image-base-logo--right {
        width: 120px !important;
        transform: translate3d(56px, -156px, 0) !important
    }
}

@media (min-width: 1200px) {
    .content-block__image .content-block__image-base-logo--right {
        transform: translate3d(60px, -196px, 0) !important
    }
}

.content-block__text .content-block__text__sub-claim {
    font-size: 1.25rem
}

.content-block__image-base {
    width: 80%;
    padding-bottom: 80%;
    position: absolute;
    right: 0;
    top: 0
}

.content-box__full-content {
    height: 0;
    opacity: 0;
    overflow: hidden;
    will-change: opacity;
    transition-property: opacity;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.content-box__full-content.openedContent {
    height: auto;
    opacity: 1
}

.content-block--small.content-block--orange .content-block__image-base-picture {
    background-color: #FF821C
}

.content-block--small.content-block--green .content-block__image-base-picture {
    background-color: #007A68
}

.content-block--small.content-block--gray-business .content-block__image-base-picture {
    background-color: #4B575D
}

.content-block--small.content-block--yellow .content-block__image-base-picture {
    background-color: #FED430
}

.content-block--small.content-block--cyan .content-block__image-base-picture {
    background-color: #B5F0EF
}

.content-block--small.content-block--bkj-yellow .content-block__image-base-picture {
    background-color: #FFE700
}

.content-block--small.content-block--bkj-turquoise .content-block__image-base-picture {
    background-color: #37ECC7
}

.content-block--small.content-block--bkj-blue .content-block__image-base-picture {
    background-color: #08C3FF
}

.content-block--small.content-block--bkj-red .content-block__image-base-picture {
    background-color: #FF4169
}

.content-block--small.content-block--ad-grey-dark .content-block__image-base-picture {
    background-color: #273140
}

.content-block--small.content-block--ad-grey-input .content-block__image-base-picture {
    background-color: #C8D7E6
}

.content-block__image-small-picture {
    position: relative
}

.content-block__image-small-picture img {
    position: relative;
    width: 70%;
    left: 48px;
    bottom: 0
}

@media (max-width: 991.98px) {
    .content-block__image-small-picture img {
        width: 85%;
        left: 40px
    }
}

@media (max-width: 767.98px) {
    .content-block__image-small-picture img {
        width: 86%;
        left: 0%
    }
}

.content-block__image-small-picture .content-block__image-base-picture {
    position: absolute;
    width: 48px;
    height: 48px;
    bottom: 0
}

@media (max-width: 991.98px) {
    .content-block__image-small-picture .content-block__image-base-picture {
        left: 0%;
        width: 40px;
        height: 40px
    }
}

@media (max-width: 767.98px) {
    .content-block__image-small-picture .content-block__image-base-picture {
        left: 86%;
        width: 56px;
        height: 56px
    }
}

.content-block__image-small-picture.content-block--image-right img {
    position: relative;
    left: 0
}

@media (max-width: 991.98px) {
    .content-block__image-small-picture.content-block--image-right img {
        left: 0
    }
}

@media (max-width: 767.98px) {
    .content-block__image-small-picture.content-block--image-right img {
        left: 0
    }
}

.content-block__image-small-picture.content-block--image-right .content-block__image-base-picture {
    position: absolute;
    left: 70%
}

@media (max-width: 991.98px) {
    .content-block__image-small-picture.content-block--image-right .content-block__image-base-picture {
        left: 85%
    }
}

@media (max-width: 767.98px) {
    .content-block__image-small-picture.content-block--image-right .content-block__image-base-picture {
        left: 86%
    }
}

.content-block--small.content-block--orange .content-block__image-base-picture {
    background-color: #FF821C
}

.content-block--small.content-block--green .content-block__image-base-picture {
    background-color: #007A68
}

.content-block--small.content-block--gray-business .content-block__image-base-picture {
    background-color: #4B575D
}

.content-block--small.content-block--yellow .content-block__image-base-picture {
    background-color: #FED430
}

.content-block--small.content-block--cyan .content-block__image-base-picture {
    background-color: #B5F0EF
}

.content-block--small.content-block--black .content-block__image-base-picture {
    background-color: #191B1C
}

.content-block--small.content-block--bkj-yellow .content-block__image-base-picture {
    background-color: #FFE700
}

.content-block--small.content-block--bkj-turquoise .content-block__image-base-picture {
    background-color: #37ECC7
}

.content-block--small.content-block--bkj-blue .content-block__image-base-picture {
    background-color: #08C3FF
}

.content-block--small.content-block--bkj-red .content-block__image-base-picture {
    background-color: #FF4169
}

.content-block__image-small-picture {
    position: relative
}

.content-block__image-small-picture img {
    position: relative;
    width: 70%;
    left: 48px;
    bottom: 0
}

@media (max-width: 991.98px) {
    .content-block__image-small-picture img {
        width: 85%;
        left: 40px
    }
}

@media (max-width: 767.98px) {
    .content-block__image-small-picture img {
        width: 86%;
        left: 0%
    }
}

.content-block__image-small-picture .content-block__image-base-picture {
    position: absolute;
    width: 48px;
    height: 48px;
    bottom: 0
}

@media (max-width: 991.98px) {
    .content-block__image-small-picture .content-block__image-base-picture {
        left: 0%;
        width: 40px;
        height: 40px
    }
}

@media (max-width: 767.98px) {
    .content-block__image-small-picture .content-block__image-base-picture {
        left: 86%;
        width: 56px;
        height: 56px
    }
}

.content-block__image-small-picture.content-block--image-right img {
    position: relative;
    left: 0
}

@media (max-width: 991.98px) {
    .content-block__image-small-picture.content-block--image-right img {
        left: 0
    }
}

@media (max-width: 767.98px) {
    .content-block__image-small-picture.content-block--image-right img {
        left: 0
    }
}

.content-block__image-small-picture.content-block--image-right .content-block__image-base-picture {
    position: absolute;
    left: 70%
}

@media (max-width: 991.98px) {
    .content-block__image-small-picture.content-block--image-right .content-block__image-base-picture {
        left: 85%
    }
}

@media (max-width: 767.98px) {
    .content-block__image-small-picture.content-block--image-right .content-block__image-base-picture {
        left: 86%
    }
}

.content-block--square-left .content-block__image {
    position: relative
}

.content-block--square-left .content-block__image img {
    position: relative;
    width: 70%;
    left: 48px;
    bottom: 0;
    transform: translateY(0px)
}

@media (max-width: 991.98px) {
    .content-block--square-left .content-block__image img {
        width: 85%;
        left: 40px
    }
}

@media (max-width: 767.98px) {
    .content-block--square-left .content-block__image img {
        width: 86%;
        left: 0%
    }
}

.content-block--square-left .content-block__image .content-block__image-base {
    position: absolute;
    width: 48px;
    height: 48px;
    bottom: 0;
    top: auto;
    right: auto;
    padding-bottom: 0
}

@media (max-width: 991.98px) {
    .content-block--square-left .content-block__image .content-block__image-base {
        left: 0%;
        width: 40px;
        height: 40px
    }
}

@media (max-width: 767.98px) {
    .content-block--square-left .content-block__image .content-block__image-base {
        left: 86%;
        width: 56px;
        height: 56px
    }
}

.content-block--square-right .content-block__image {
    position: relative
}

.content-block--square-right .content-block__image img {
    position: relative;
    width: 70%;
    left: 0;
    bottom: 0;
    transform: translateY(0px)
}

@media (max-width: 991.98px) {
    .content-block--square-right .content-block__image img {
        width: 85%;
        left: 0
    }
}

@media (max-width: 767.98px) {
    .content-block--square-right .content-block__image img {
        width: 86%;
        left: 56px
    }
}

.content-block--square-right .content-block__image .content-block__image-base {
    position: absolute;
    width: 48px;
    height: 48px;
    bottom: 0;
    top: auto;
    right: auto;
    left: 70%;
    padding-bottom: 0
}

@media (max-width: 991.98px) {
    .content-block--square-right .content-block__image .content-block__image-base {
        left: 85%;
        width: 40px;
        height: 40px
    }
}

@media (max-width: 767.98px) {
    .content-block--square-right .content-block__image .content-block__image-base {
        left: 0;
        width: 56px;
        height: 56px
    }
}

.content-block--box .content-block__boxed {
    padding: 40px;
    margin-left: 40px;
    box-shadow: 0 10px 20px 0 rgba(92, 103, 128, 0.15);
    background-color: #fff;
    flex: 1 0 auto;
    position: relative;
    z-index: 9
}

@media (min-width: 1200px) {
    .content-block--box .content-block__boxed {
        padding: 40px;
        margin-left: 0
    }
}

.content-block--box .content-block__image {
    position: relative;
    height: 95px
}

@media (min-width: 768px) {
    .content-block--box .content-block__image {
        height: 100%
    }
}

.content-block--box .content-block__image .content-block__image-base {
    width: auto;
    position: inherit
}

@media (max-width: 991.98px) {
    .content-block--box .content-block__image .content-block__image-base {
        background-color: #B5F0EF;
        height: 3.5rem !important;
        width: 3.5rem !important;
        padding-bottom: unset;
        position: absolute;
        left: 11rem;
        top: 2.5rem
    }
}

@media (max-width: 767.98px) {
    .content-block--box .content-block__image .content-block__image-base {
        background-color: #B5F0EF;
        height: 3.5rem !important;
        width: 3.5rem !important;
        padding-bottom: unset;
        position: absolute;
        left: 11rem;
        top: 2.5rem
    }
}

.content-block--box .content-block__image img {
    position: relative;
    top: 0;
    height: 11rem;
    width: auto;
    width: 11rem
}

@media (min-width: 768px) {
    .content-block--box .content-block__image img {
        position: absolute;
        left: 0;
        width: auto;
        height: calc(100% + 80px)
    }
}

@media (min-width: 768px) {
    .content-block--box .order-md-1 .content-block__image img {
        left: auto;
        right: 0
    }
}

.content-block-box .content-block-box__boxed {
    padding: 40px;
    margin-left: 40px;
    box-shadow: 0 10px 20px 0 rgba(92, 103, 128, 0.15);
    background-color: #fff;
    flex: 1 0 auto;
    position: relative;
    z-index: 9
}

@media (min-width: 1200px) {
    .content-block-box .content-block-box__boxed {
        padding: 40px;
        margin-left: 0
    }
}

.content-block-box .content-block-box__image {
    position: relative;
    height: 95px
}

@media (min-width: 768px) {
    .content-block-box .content-block-box__image {
        height: 100%
    }
}

.content-block-box img {
    position: relative;
    top: 0;
    height: 11rem;
    width: auto;
    width: 11rem
}

@media (min-width: 768px) {
    .content-block-box img {
        position: absolute;
        left: 0;
        width: auto;
        height: calc(100% + 80px)
    }
}

.content-block-box .content-block-box__image-base {
    width: auto;
    position: inherit
}

@media (max-width: 991.98px) {
    .content-block-box .content-block-box__image-base {
        background-color: #B5F0EF;
        height: 3.5rem !important;
        width: 3.5rem !important;
        padding-bottom: unset;
        position: absolute;
        left: 11rem;
        top: 2.5rem
    }
}

@media (max-width: 767.98px) {
    .content-block-box .content-block-box__image-base {
        background-color: #B5F0EF;
        height: 3.5rem !important;
        width: 3.5rem !important;
        padding-bottom: unset;
        position: absolute;
        left: 11rem;
        top: 2.5rem
    }
}

@media (min-width: 768px) {
    .content-block-box .order-md-1 .content-block-box__image img {
        left: auto;
        right: 0
    }
}

.content-block--corporate .content-block__text {
    margin-left: 24px;
    margin-right: 24px
}

@media (min-width: 768px) {
    .content-block--corporate .content-block__text {
        margin-left: 0;
        margin-right: 0
    }
}

.content-block--corporate .content-block__text .content-block__claim {
    line-height: 32px
}

@media (min-width: 576px) {
    .content-block--corporate .content-block__text .content-block__claim {
        line-height: 48px
    }
}

.content-block--corporate .content-block__text .content-block__paragraph {
    font-size: 16px;
    line-height: 28px
}

@media (min-width: 576px) {
    .content-block--corporate .content-block__text .content-block__paragraph {
        font-size: 20px;
        line-height: 32px
    }
}

.content-block--corporate .content-block__text .content-block__actions {
    margin-top: 40px
}

.carusel-corporate__container {
    position: relative
}

.carusel-corporate__container .prev,
.carusel-corporate__container .next {
    cursor: pointer;
    position: absolute;
    bottom: -32px;
    left: 32px;
    width: 62px;
    height: 62px;
    transition: 0.6s ease;
    user-select: none;
    background: #FED430;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center
}

.carusel-corporate__container .prev {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid #FED430
}

.carusel-corporate__container .next {
    left: 94px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid #FED430
}

.carusel-corporate__container .prev:hover {
    background: #FFDC54;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid #FFDC54
}

.carusel-corporate__container .next:hover {
    background: #FFDC54;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid #FFDC54
}

.carusel-corporate__container .prev:focus {
    outline: 1px solid #191B1C;
    color: #191B1C;
    border-right: 1px solid #191B1C
}

.carusel-corporate__container .next:focus {
    outline: 1px solid #191B1C;
    color: #191B1C
}

.carusel-corporate__container .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

.carusel-corporate__slide {
    display: none
}

.carusel-corporate__slide img {
    width: 320px;
    height: 320px
}

@media (min-width: 768px) {
    .carusel-corporate__slide img {
        width: 345px;
        height: 345px
    }
}

@media (min-width: 992px) {
    .carusel-corporate__slide img {
        width: 455px;
        height: 455px
    }
}

@media (min-width: 1200px) {
    .carusel-corporate__slide img {
        width: 550px;
        height: 550px
    }
}

.content-box.content-box_no-square .content-box__content {
    padding: 40px
}

@media (max-width: 767.98px) {
    .content-box.content-box_no-square .content-box__content {
        padding: 24px
    }
}

.content-box.content-box_cyan .content-box__square,
.content-box.content-box_cyan .section-heading__line {
    background-color: #B5F0EF
}

.content-box.content-box_cyan .content-box__category {
    background-color: #B5F0EF
}

.content-box.content-box_green .content-box__square,
.content-box.content-box_green .section-heading__line {
    background-color: #007A68
}

.content-box.content-box_orange .content-box__square,
.content-box.content-box_orange .section-heading__line {
    background-color: #FF821C
}

.content-box.content-box_yellow .content-box__square,
.content-box.content-box_yellow .section-heading__line {
    background-color: #FED430
}

.content-box.content-box_yellow .content-box__category {
    background-color: #FED430
}

.content-box.content-box_bkj-yellow .content-box__square,
.content-box.content-box_bkj-yellow .section-heading__line {
    background-color: #FFE700
}

.content-box.content-box_bkj-yellow .content-box__category {
    background-color: #FFE700
}

.content-box.content-box_bkj-turquoise .content-box__square,
.content-box.content-box_bkj-turquoise .section-heading__line {
    background-color: #37ECC7
}

.content-box.content-box_bkj-turquoise .content-box__category {
    background-color: #37ECC7
}

.content-box.content-box_bkj-blue .content-box__square,
.content-box.content-box_bkj-blue .section-heading__line {
    background-color: #08C3FF
}

.content-box.content-box_bkj-blue .content-box__category {
    background-color: #08C3FF
}

.content-box.content-box_bkj-red .content-box__square,
.content-box.content-box_bkj-red .section-heading__line {
    background-color: #FF4169
}

.content-box.content-box_bkj-red .content-box__category {
    background-color: #FF4169
}

.content-box.content-box_gray .content-box__square,
.content-box.content-box_gray .section-heading__line {
    background-color: #5c6780
}

.content-box.content-box_gray_business .content-box__square,
.content-box.content-box_gray_business .section-heading__line {
    background-color: #4B575D
}

.content-box.content-box_gray_business .content-box__category {
    background-color: #4B575D
}

.content-box.content-box_gray_business .pictoDSL_white {
    color: #fff
}

.content-box.content-box_ad-grey-dark .content-box__square,
.content-box.content-box_ad-grey-dark .section-heading__line {
    background-color: #273140
}

.content-box.content-box_ad-grey-dark .content-box__category {
    background-color: #273140
}

.content-box.content-box_ad-grey-dark .icon,
.content-box.content-box_ad-grey-dark .pictoDSL {
    color: #fff
}

.content-box.content-box_ad-grey-input .content-box__square,
.content-box.content-box_ad-grey-input .section-heading__line {
    background-color: #C8D7E6
}

.content-box.content-box_ad-grey-input .content-box__category {
    background-color: #C8D7E6
}

.content-box.content-box_icon .content-box__square {
    width: 72px;
    height: 72px
}

.content-box.content-box_icon .content-box__square .pictoDSL,
.content-box.content-box_icon .content-box__square .icon {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 72px;
    font-size: 56px;
    text-align: center
}

@media (min-width: 768px) {
    .content-box.content-box_icon .content-box__square {
        width: 80px;
        height: 80px
    }
    .content-box.content-box_icon .content-box__square .pictoDSL,
    .content-box.content-box_icon .content-box__square .icon {
        line-height: 80px
    }
}

.content-box.content-box_text .content-box__square {
    position: relative;
    width: 152px;
    height: 152px
}

.content-box.content-box_text .content-box__inner-text {
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
    font-size: 1.25rem;
    font-family: "BK-Text"
}

.content-box.content-box_image .content-box__square {
    width: 164px;
    height: 164px;
    margin: 0 0 -140px
}

.content-box.content-box_image .content-box__content {
    z-index: 3;
    padding: 8px 16px 16px;
    margin-left: 40px;
    min-height: 115px
}

@media (min-width: 768px) {
    .content-box.content-box_image .content-box__square {
        margin: 0 0 -24px 24px
    }
    .content-box.content-box_image .content-box__content {
        z-index: 1;
        padding: 64px 40px 40px;
        margin-left: 0;
        height: auto
    }
}

@media (min-width: 1200px) {
    .content-box.content-box_image .content-box__square {
        margin: 0 0 -40px 40px;
        width: 240px;
        height: 240px
    }
}

.content-box.content-box_separator .content-box__content__title {
    padding-bottom: 16px;
    margin-bottom: 24px;
    border-bottom: 1px solid #EBEEF5
}

.content-box.content-box_check {
    cursor: pointer
}

.content-box.content-box_check .icon[class*="-check-"] {
    display: none
}

.content-box.content-box_check .content-rank .content-rank_bar:before {
    background-color: #5c6780
}

.content-box.content-box_check.content-box_checked {
    position: relative
}

.content-box.content-box_check.content-box_checked .icon[class*="-check-"] {
    display: block;
    position: absolute;
    background: #FF821C;
    color: #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    top: -20px;
    right: 20px
}

.content-box.content-box_check.content-box_checked .icon[class*="-check-"]:before {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.content-box.content-box_check.content-box_checked .content-rank .content-rank_bar:before {
    background-color: #FF821C
}

.content-box.content-box_check:focus .content-box__content {
    box-shadow: inset 0 0 0 4px #3E4A50
}

.content-box .content-box__content--height-auto {
    height: auto
}

.content-box__descriptor-image {
    transform: translateY(24px);
    max-width: 134px;
    height: auto
}

@media (min-width: 576px) {
    .content-box__descriptor-image {
        max-width: 108px
    }
}

@media (min-width: 992px) {
    .content-box__descriptor-image {
        transform: translateY(32px);
        max-width: 144px
    }
}

@media (min-width: 1200px) {
    .content-box__descriptor-image {
        transform: translateY(40px);
        max-width: 176px
    }
}

.content-box__descriptor-background {
    width: 46px;
    height: 46px;
    background-color: #FF821C
}

@media (min-width: 576px) {
    .content-box__descriptor-background {
        width: 36px;
        height: 36px
    }
}

@media (min-width: 992px) {
    .content-box__descriptor-background {
        width: 48px;
        height: 48px
    }
}

@media (min-width: 1200px) {
    .content-box__descriptor-background {
        width: 56px;
        height: 56px
    }
}

.content-box__descriptor {
    display: flex;
    align-items: flex-end
}

.content-box__descriptor-title {
    font-size: 16px;
    line-height: 24px;
    color: #191B1C;
    text-transform: uppercase
}

.content-box--descriptor .content-box__content {
    margin-left: 24px;
    padding: 24px
}

@media (min-width: 992px) {
    .content-box--descriptor .content-box__content {
        margin-left: 32px
    }
}

@media (min-width: 1200px) {
    .content-box--descriptor .content-box__content {
        margin-left: 40px;
        padding: 24px 40px 24px
    }
}

.content-box.content-box--footer-cyan.content-box--no-square .content-box__content {
    padding: 0
}

.content-box.content-box--footer-cyan.content-box--no-square .content-box__content .content-box__body {
    padding: 50px 40px 10px
}

.content-box.content-box--footer-cyan.content-box--no-square .content-box__content .content-box__footer {
    padding: 20px 40px 20px;
    background-color: #D3F6F5
}

.content-box__descriptor-background--yellow {
    background-color: #FED430
}

.content-box__descriptor-background--cyan {
    background-color: #B5F0EF
}

.content-box__descriptor-background--bkj-yellow {
    background-color: #FFE700
}

.content-box__descriptor-background--bkj-turquoise {
    background-color: #37ECC7
}

.content-box__descriptor-background--bkj-blue {
    background-color: #08C3FF
}

.content-box__descriptor-background--bkj-red {
    background-color: #FF4169
}

.content-box__descriptor-background--ad-grey-dark {
    background-color: #273140
}

.content-box__descriptor-background--ad-grey-input {
    background-color: #C8D7E6
}

.content-box__content__title {
    font-family: "BK-Text";
    margin-bottom: 8px;
    font-size: 1.25rem
}

@media (min-width: 1200px) {
    .content-box__content__title {
        font-size: 1.5rem
    }
}

.content-box__content__subtitle {
    font-family: "BK-Sans";
    margin-bottom: 16px;
    font-size: 1rem
}

.content-box__content__data {
    font-size: .875rem;
    border-top: 1px solid #EBEEF5;
    padding: 8px 0
}

.content-box__content__data:last-child {
    border-bottom: 1px solid #EBEEF5
}

.content-image__wide {
    background-color: #B5F0EF;
    width: 100%;
    height: auto;
    margin-bottom: -25px;
    margin-top: -58px
}

.content-image__wide img {
    width: 100%;
    height: auto
}

@media (min-width: 1200px) {
    .content-image__wide {
        width: 1140px;
        height: auto
    }
}

.content-image--wide {
    background-color: #B5F0EF;
    width: 100%;
    height: auto;
    margin-bottom: -25px;
    margin-top: -58px
}

.content-image--wide img {
    width: 100%;
    height: auto
}

@media (min-width: 1200px) {
    .content-image--wide {
        width: 1140px;
        height: auto
    }
}

.product-features.fix .content-box__image-header img {
    top: -32px
}

.product-features .card-opacity {
    opacity: .3
}

.content-box-video.content-box-video--active.active,
.content-box-video.content-box-video--active:active {
    box-shadow: 0 6px 30px 0 rgba(92, 103, 128, 0.15);
    background-color: #fff;
    color: #191B1C;
    font-weight: bold
}

.content-box-video .content-box-video__content {
    padding: 16px;
    cursor: pointer
}

.content-box-video .content-box-video__content .active,
.content-box-video .content-box-video__content:hover {
    box-shadow: 0 6px 30px 0 rgba(92, 103, 128, 0.15);
    background-color: #fff;
    color: #191B1C;
    font-weight: bold
}

.content-box-video .content-box-video__content span {
    margin-right: .5rem
}

.content-box-video .content-box-video__content .content-box-video__value a {
    min-width: 60px
}

.content-box-video .content-box-video__content .content-box-video__value span {
    margin-right: 4px
}

.content-box-video .content-box-video__content .content-box-video__value span:nth-child(3) {
    text-transform: uppercase;
    margin-left: 16px
}

@media (max-width: 1199.98px) {
    .content-box-video .content-box-video__content .content-box-video__value span:nth-child(3) {
        display: block;
        margin-left: 0
    }
}

@media (max-width: 991.98px) {
    .content-box-video .content-box-video__content .content-box-video__value span:nth-child(3) {
        margin-left: 16px;
        display: inline-block
    }
}

@media (max-width: 767.98px) {
    .content-box-video .content-box-video__content .content-box-video__value span:nth-child(3) {
        margin-left: 0;
        display: block
    }
}

.content-box-video .content-box-video__content .content-box-video__price span {
    margin-right: 0
}

.content-box-video__list.flex-wrap li {
    width: 100%
}

@media (min-width: 992px) {
    .content-box-video__list.flex-wrap li {
        width: 50%
    }
}

.content-rank {
    padding-top: 38px
}

.content-rank_bar {
    position: relative;
    width: 100%;
    border-radius: 3px;
    height: 6px;
    background-color: #EBEEF5
}

.content-rank_bar:before {
    content: "";
    position: absolute;
    left: 0;
    width: 40%;
    height: 100%;
    background-color: #FF821C;
    border-radius: 3px
}

.content-rank_bar:after {
    content: "0%";
    position: absolute;
    top: -38px;
    min-width: 28px;
    left: 0;
    padding: 5px 9px;
    box-sizing: border-box;
    background-color: #191B1C;
    color: #fff;
    font-size: 12px;
    transform: translateX(0%);
    white-space: nowrap
}

.content-rank_bar.content-rank_bar_0:before {
    width: 0%
}

.content-rank_bar.content-rank_bar_0:after {
    content: "0%";
    left: calc(0% - 18px - 18px)
}

.content-rank_bar.content-rank_bar_10:before {
    width: 10%
}

.content-rank_bar.content-rank_bar_10:after {
    content: "10%";
    left: calc(10% - 28px - 18px)
}

.content-rank_bar.content-rank_bar_25:before {
    width: 25%
}

.content-rank_bar.content-rank_bar_25:after {
    content: "25%";
    left: calc(25% - 28px - 18px)
}

.content-rank_bar.content-rank_bar_30:before {
    width: 30%
}

.content-rank_bar.content-rank_bar_30:after {
    content: "30%";
    left: calc(30% - 28px - 18px)
}

.content-rank_bar.content-rank_bar_50:before {
    width: 50%
}

.content-rank_bar.content-rank_bar_50:after {
    content: "50%";
    left: calc(50% - 28px - 18px)
}

.content-rank_bar.content-rank_bar_75:before {
    width: 75%
}

.content-rank_bar.content-rank_bar_75:after {
    content: "75%";
    left: calc(75% - 28px - 18px)
}

.content-rank_bar.content-rank_bar_100:before {
    width: 100%
}

.content-rank_bar.content-rank_bar_100:after {
    content: "100%";
    left: calc(100% - 28px - 18px)
}

.content-rank_legend {
    font-size: 13px;
    line-height: 22px;
    color: #5c6780;
    padding-top: 4px
}

.content-box_cyan .content-rank .content-rank_bar:before {
    background-color: #B5F0EF
}

.content-box_cyan .content-box__desc {
    background-color: #B5F0EF
}

.content-box_yellow .content-rank .content-rank_bar:before {
    background-color: #FED430
}

.content-box_yellow .content-box__desc {
    background-color: #FED430
}

.content-box_bkj-yellow .content-rank .content-rank_bar:before {
    background-color: #FFE700
}

.content-box_bkj-yellow .content-box__desc {
    background-color: #FFE700
}

.content-box_bkj-turquoise .content-rank .content-rank_bar:before {
    background-color: #37ECC7
}

.content-box_bkj-turquoise .content-box__desc {
    background-color: #37ECC7
}

.content-box_bkj-blue .content-rank .content-rank_bar:before {
    background-color: #08C3FF
}

.content-box_bkj-blue .content-box__desc {
    background-color: #08C3FF
}

.content-box_bkj-red .content-rank .content-rank_bar:before {
    background-color: #FF4169
}

.content-box_bkj-red .content-box__desc {
    background-color: #FF4169
}

.content-box_ad-grey-dark .content-rank .content-rank_bar:before {
    background-color: #273140
}

.content-box_ad-grey-dark .content-box__desc {
    background-color: #273140
}

.content-box_ad-grey-input .content-rank .content-rank_bar:before {
    background-color: #C8D7E6
}

.content-box_ad-grey-input .content-box__desc {
    background-color: #C8D7E6
}

.content-box__category {
    position: absolute;
    top: -24px;
    background-color: #FF821C;
    padding: 3px 6px;
    font-size: .875rem
}

.content-box__image-header {
    height: 7.2rem
}

.content-box__image-header img {
    transition: all 0.166s ease-out;
    width: 80%;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.content-box__image-header img:hover {
    top: -2rem
}

.content-box__carousel__container.row {
    margin: 0
}

.content-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 2
}

.content-box.content-box--strech {
    height: auto
}

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

.content-box img.flag {
    margin-right: 16px;
    width: 28px
}

.content-box.content-box--no-square .content-box__content {
    padding: 40px
}

@media (max-width: 767.98px) {
    .content-box.content-box--no-square .content-box__content {
        padding: 24px
    }
}

.content-box.content-box--cyan .content-box__line,
.content-box.content-box--cyan .content-box__line-45,
.content-box.content-box--cyan .content-box__square,
.content-box.content-box--cyan .section-heading__line,
.content-box.content-box--cyan .content-box__square div:before,
.content-box.content-box_cyan .content-box__line,
.content-box.content-box_cyan .content-box__line-45,
.content-box.content-box_cyan .content-box__square,
.content-box.content-box_cyan .section-heading__line,
.content-box.content-box_cyan .content-box__square div:before {
    background-color: #B5F0EF
}

.content-box.content-box--cyan .content-box__category,
.content-box.content-box_cyan .content-box__category {
    background-color: #B5F0EF
}

.content-box.content-box--orange .content-box__line,
.content-box.content-box--orange .content-box__line-45,
.content-box.content-box--orange .content-box__square,
.content-box.content-box--orange .section-heading__line,
.content-box.content-box--orange .content-box__square div:before,
.content-box.content-box_orange .content-box__line,
.content-box.content-box_orange .content-box__line-45,
.content-box.content-box_orange .content-box__square,
.content-box.content-box_orange .section-heading__line,
.content-box.content-box_orange .content-box__square div:before {
    background-color: #FF821C
}

.content-box.content-box--green .content-box__line,
.content-box.content-box--green .content-box__line-45,
.content-box.content-box--green .content-box__square,
.content-box.content-box--green .section-heading__line,
.content-box.content-box--green .content-box__square div:before,
.content-box.content-box_green .content-box__line,
.content-box.content-box_green .content-box__line-45,
.content-box.content-box_green .content-box__square,
.content-box.content-box_green .section-heading__line,
.content-box.content-box_green .content-box__square div:before {
    background-color: #007A68
}

.content-box.content-box--yellow .content-box__line,
.content-box.content-box--yellow .content-box__line-45,
.content-box.content-box--yellow .content-box__square,
.content-box.content-box--yellow .section-heading__line,
.content-box.content-box--yellow .content-box__square div:before,
.content-box.content-box_yellow .content-box__line,
.content-box.content-box_yellow .content-box__line-45,
.content-box.content-box_yellow .content-box__square,
.content-box.content-box_yellow .section-heading__line,
.content-box.content-box_yellow .content-box__square div:before {
    background-color: #FED430
}

.content-box.content-box--yellow .content-box__category,
.content-box.content-box_yellow .content-box__category {
    background-color: #FED430
}

.content-box.content-box--bkj-yellow .content-box__line,
.content-box.content-box--bkj-yellow .content-box__line-45,
.content-box.content-box--bkj-yellow .content-box__square,
.content-box.content-box--bkj-yellow .section-heading__line,
.content-box.content-box--bkj-yellow .content-box__square div:before {
    background-color: #FFE700
}

.content-box.content-box--bkj-yellow .content-box__category {
    background-color: #FFE700
}

.content-box.content-box--bkj-turquoise .content-box__line,
.content-box.content-box--bkj-turquoise .content-box__line-45,
.content-box.content-box--bkj-turquoise .content-box__square,
.content-box.content-box--bkj-turquoise .section-heading__line,
.content-box.content-box--bkj-turquoise .content-box__square div:before {
    background-color: #37ECC7
}

.content-box.content-box--bkj-turquoise .content-box__category {
    background-color: #37ECC7
}

.content-box.content-box--bkj-blue .content-box__line,
.content-box.content-box--bkj-blue .content-box__line-45,
.content-box.content-box--bkj-blue .content-box__square,
.content-box.content-box--bkj-blue .section-heading__line,
.content-box.content-box--bkj-blue .content-box__square div:before {
    background-color: #08C3FF
}

.content-box.content-box--bkj-blue .content-box__category {
    background-color: #08C3FF
}

.content-box.content-box--bkj-red .content-box__line,
.content-box.content-box--bkj-red .content-box__line-45,
.content-box.content-box--bkj-red .content-box__square,
.content-box.content-box--bkj-red .section-heading__line,
.content-box.content-box--bkj-red .content-box__square div:before {
    background-color: #FF4169
}

.content-box.content-box--bkj-red .content-box__category {
    background-color: #FF4169
}

.content-box.content-box--gray .content-box__square,
.content-box.content-box--gray .section-heading__line {
    background-color: #5c6780
}

.content-box.content-box--gray-business .content-box__square,
.content-box.content-box--gray-business .section-heading__line,
.content-box.content-box--gray-business .content-box__square div:before,
.content-box.content-box_gray-business .content-box__square,
.content-box.content-box_gray-business .section-heading__line,
.content-box.content-box_gray-business .content-box__square div:before {
    background-color: #4B575D
}

.content-box.content-box--gray-business .content-box__square .icon,
.content-box.content-box--gray-business .content-box__square .pictoDSL,
.content-box.content-box--gray-business .section-heading__line .icon,
.content-box.content-box--gray-business .section-heading__line .pictoDSL,
.content-box.content-box--gray-business .content-box__square div:before .icon,
.content-box.content-box--gray-business .content-box__square div:before .pictoDSL,
.content-box.content-box_gray-business .content-box__square .icon,
.content-box.content-box_gray-business .content-box__square .pictoDSL,
.content-box.content-box_gray-business .section-heading__line .icon,
.content-box.content-box_gray-business .section-heading__line .pictoDSL,
.content-box.content-box_gray-business .content-box__square div:before .icon,
.content-box.content-box_gray-business .content-box__square div:before .pictoDSL {
    color: #fff
}

.content-box.content-box--gray-business .content-box__inner-text,
.content-box.content-box_gray-business .content-box__inner-text {
    color: #fff
}

.content-box.content-box--gray-business .content-box__category,
.content-box.content-box_gray-business .content-box__category {
    background-color: #4B575D;
    color: #fff
}

.content-box.content-box--gray-business .icon,
.content-box.content-box--gray-business .pictoDSL,
.content-box.content-box_gray-business .icon,
.content-box.content-box_gray-business .pictoDSL {
    color: #fff
}

.content-box.content-box--ad-grey-dark .content-box__square,
.content-box.content-box--ad-grey-dark .section-heading__line,
.content-box.content-box--ad-grey-dark .content-box__square div:before {
    background-color: #273140
}

.content-box.content-box--ad-grey-dark .content-box__square .icon,
.content-box.content-box--ad-grey-dark .content-box__square .pictoDSL,
.content-box.content-box--ad-grey-dark .section-heading__line .icon,
.content-box.content-box--ad-grey-dark .section-heading__line .pictoDSL,
.content-box.content-box--ad-grey-dark .content-box__square div:before .icon,
.content-box.content-box--ad-grey-dark .content-box__square div:before .pictoDSL {
    color: #fff
}

.content-box.content-box--ad-grey-dark .content-box__inner-text {
    color: #fff
}

.content-box.content-box--ad-grey-dark .content-box__category {
    background-color: #273140;
    color: #fff
}

.content-box.content-box--ad-grey-dark .icon,
.content-box.content-box--ad-grey-dark .pictoDSL {
    color: #fff
}

.content-box.content-box--ad-grey-input .content-box__line,
.content-box.content-box--ad-grey-input .content-box__line-45,
.content-box.content-box--ad-grey-input .content-box__square,
.content-box.content-box--ad-grey-input .section-heading__line,
.content-box.content-box--ad-grey-input .content-box__square div:before {
    background-color: #C8D7E6
}

.content-box.content-box--ad-grey-input .content-box__category {
    background-color: #C8D7E6
}

.content-box.content-box--gray-dark .content-box__square,
.content-box.content-box--gray-dark .section-heading__line,
.content-box.content-box--gray-dark .content-box__square div:before,
.content-box.content-box_gray-dark .content-box__square,
.content-box.content-box_gray-dark .section-heading__line,
.content-box.content-box_gray-dark .content-box__square div:before {
    background-color: #191B1C
}

.content-box.content-box--gray-dark .content-box__square .icon,
.content-box.content-box--gray-dark .section-heading__line .icon,
.content-box.content-box--gray-dark .content-box__square div:before .icon,
.content-box.content-box_gray-dark .content-box__square .icon,
.content-box.content-box_gray-dark .section-heading__line .icon,
.content-box.content-box_gray-dark .content-box__square div:before .icon {
    color: #fff
}

.content-box.content-box--gray-dark .content-box__square .content-box__category,
.content-box.content-box--gray-dark .section-heading__line .content-box__category,
.content-box.content-box--gray-dark .content-box__square div:before .content-box__category,
.content-box.content-box_gray-dark .content-box__square .content-box__category,
.content-box.content-box_gray-dark .section-heading__line .content-box__category,
.content-box.content-box_gray-dark .content-box__square div:before .content-box__category {
    background-color: #191B1C
}

.content-box.content-box--gray-dark.content-box_icon .content-box__square .pictoDSL,
.content-box.content-box--gray-dark.content-box_icon .content-box__square .icon,
.content-box.content-box_gray-dark.content-box_icon .content-box__square .pictoDSL,
.content-box.content-box_gray-dark.content-box_icon .content-box__square .icon {
    color: #fff
}

.content-box.content-box--icon .content-box__square {
    width: 72px;
    height: 72px
}

.content-box.content-box--icon .content-box__square .pictoDSL,
.content-box.content-box--icon .content-box__square .icon {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 72px;
    font-size: 56px;
    text-align: center
}

@media (min-width: 768px) {
    .content-box.content-box--icon .content-box__square {
        width: 80px;
        height: 80px
    }
    .content-box.content-box--icon .content-box__square .pictoDSL,
    .content-box.content-box--icon .content-box__square .icon {
        line-height: 80px
    }
}

@media (min-width: 992px) {
    .content-box.content-box--icon .content-box__square {
        width: 88px;
        height: 88px;
        font-size: 64px
    }
    .content-box.content-box--icon .content-box__square .pictoDSL,
    .content-box.content-box--icon .content-box__square .icon {
        line-height: 88px
    }
}

@media (min-width: 1200px) {
    .content-box.content-box--icon .content-box__square {
        width: 96px;
        height: 96px
    }
    .content-box.content-box--icon .content-box__square .pictoDSL,
    .content-box.content-box--icon .content-box__square .icon {
        line-height: 96px
    }
}

@media (min-width: 768px) {
    .content-box.content-box--icon .process-number--lg {
        min-width: 96px;
        height: 96px;
        line-height: 96px
    }
}

.content-box.content-box--text .content-box__square {
    position: relative;
    width: 152px;
    height: 152px
}

.content-box.content-box--text .content-box__inner-text {
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
    font-size: 1.25rem;
    font-family: "BK-Text"
}

.content-box.content-box--image .content-box__square {
    width: 164px;
    height: 164px;
    margin: 0 0 -140px
}

.content-box.content-box--image .content-box__content {
    z-index: 3;
    padding: 8px 16px 16px;
    margin-left: 40px;
    min-height: 115px
}

@media (min-width: 768px) {
    .content-box.content-box--image .content-box__square {
        margin: 0 0 -24px 24px
    }
    .content-box.content-box--image .content-box__content {
        z-index: 1;
        padding: 64px 40px 40px;
        margin-left: 0;
        height: auto
    }
}

@media (min-width: 1200px) {
    .content-box.content-box--image .content-box__square {
        margin: 0 0 -40px 40px;
        width: 240px;
        height: 240px
    }
}

.content-box.content-box--separator .content-box__content__title {
    margin-bottom: 24px;
    border-bottom: 1px solid #EBEEF5
}

.content-box.content-box_image_highlights .section-heading__description {
    margin-top: 0
}

.content-box.content-box_image_highlights .content-box__square {
    margin: 0 0 24px 0;
    background: none;
    position: relative;
    width: 100%;
    display: inline-table
}

@media (max-width: 767.98px) {
    .content-box.content-box_image_highlights .content-box__square {
        margin: 0 0 16px 0
    }
}

.content-box.content-box_image_highlights .content-box__square img {
    width: 70%;
    height: 100%
}

@media (max-width: 991.98px) {
    .content-box.content-box_image_highlights .content-box__square img {
        width: 75%
    }
}

@media (max-width: 767.98px) {
    .content-box.content-box_image_highlights .content-box__square img {
        width: 85%
    }
}

.content-box.content-box_image_highlights .content-box__square div {
    position: relative
}

.content-box.content-box_image_highlights .content-box__square div:before {
    content: '';
    width: 56px;
    height: 56px;
    position: absolute;
    bottom: 0;
    left: 70%
}

@media (max-width: 991.98px) {
    .content-box.content-box_image_highlights .content-box__square div:before {
        left: 75%;
        width: 40px;
        height: 40px
    }
}

@media (max-width: 767.98px) {
    .content-box.content-box_image_highlights .content-box__square div:before {
        left: 85%;
        width: 48px;
        height: 48px
    }
}

.content-box.content-box_image_highlights .content-box__content {
    box-shadow: none;
    padding: 0 15px 0 0
}

.content-box.content-box_image_highlights .content-box__content>div:first-child {
    margin-bottom: 14px
}

.content-box.content-box_image_highlights .content-box__content .section-heading {
    padding: 0
}

@media (max-width: 767.98px) {
    .content-box.content-box_image_highlights .content-box__content {
        flex: initial;
        margin-left: 0
    }
}

.content-box.content-box--small-square .section-heading__description {
    margin-top: 0
}

.content-box.content-box--small-square .content-box__square {
    margin: 0 0 24px 0;
    background: none;
    position: relative;
    width: 100%;
    display: inline-table
}

@media (max-width: 767.98px) {
    .content-box.content-box--small-square .content-box__square {
        margin: 0 0 16px 0
    }
}

.content-box.content-box--small-square .content-box__square img {
    width: 70%;
    height: 100%
}

@media (max-width: 991.98px) {
    .content-box.content-box--small-square .content-box__square img {
        width: 75%
    }
}

@media (max-width: 767.98px) {
    .content-box.content-box--small-square .content-box__square img {
        width: 85%
    }
}

.content-box.content-box--small-square .content-box__square div {
    position: relative
}

.content-box.content-box--small-square .content-box__square div:before {
    content: '';
    width: 56px;
    height: 56px;
    position: absolute;
    bottom: 0;
    left: 70%
}

@media (max-width: 991.98px) {
    .content-box.content-box--small-square .content-box__square div:before {
        left: 75%;
        width: 40px;
        height: 40px
    }
}

@media (max-width: 767.98px) {
    .content-box.content-box--small-square .content-box__square div:before {
        left: 85%;
        width: 48px;
        height: 48px
    }
}

.content-box.content-box--small-square .content-box__content {
    box-shadow: none;
    padding: 0 15px 0 0
}

.content-box.content-box--small-square .content-box__content>div:first-child {
    margin-bottom: 14px
}

.content-box.content-box--small-square .content-box__content .section-heading {
    padding: 0
}

@media (max-width: 767.98px) {
    .content-box.content-box--small-square .content-box__content {
        flex: initial;
        margin-left: 0
    }
}

.content-box__content--tel {
    display: flex;
    flex-wrap: wrap;
    border-top: none;
    margin: 0
}

.content-box__square {
    z-index: 2;
    margin: 0 0 -24px 24px
}

@media (min-width: 1200px) {
    .content-box__square {
        margin: 0 0 -40px 40px
    }
}

.content-box__content {
    padding: 64px 24px 24px;
    box-shadow: 0 10px 20px 0 rgba(92, 103, 128, 0.15);
    background-color: #fff;
    flex: 1 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width: 1200px) {
    .content-box__content {
        padding: 64px 40px 40px
    }
}

.content-box__content .section-heading {
    position: relative;
    padding-bottom: 16px
}

.content-box__content .section-heading .features {
    font-size: 56px
}

.content-box__content .section-heading__title {
    font-size: 1rem;
    position: relative
}

.content-box__content .section-heading__description {
    margin-top: 0
}

.content-box__content .section-heading__line {
    position: absolute;
    bottom: 0
}

@media (min-width: 768px) {
    .content-box__content .section-heading__title {
        font-size: 1.25rem
    }
    .content-box__content .section-heading__description {
        margin-top: 8px
    }
}

@media (min-width: 992px) {
    .content-box__content .section-heading__title {
        font-size: 1.5rem
    }
}

.content-box__content .data--featured {
    font-size: 2rem;
    font-weight: 100
}

.content-box__content .data_featured {
    font-size: 2rem;
    font-weight: 100
}

.content-box-simple {
    padding: 16px;
    height: 93px;
    color: #191B1C;
    flex-direction: row
}

@media (min-width: 576px) {
    .content-box-simple {
        padding: 24px;
        height: 120px
    }
}

.content-box-simple__link {
    text-decoration: none !important
}

.content-box-simple__link:hover .content-box-simple__texto {
    text-decoration: underline !important;
    color: #191B1C !important
}

.content-box-simple__link:focus {
    box-shadow: 0 0 0 4px #EBEEF5;
    outline: 1px dashed #191B1C
}

.content-box-simple--line {
    border: 1px solid #AFB5C8;
    box-shadow: none
}

.content-box-simple__texto {
    font-size: 14px;
    line-height: 20px;
    padding: 0
}

.content-box-simple__texto:hover {
    color: #4B575D
}

@media (min-width: 576px) {
    .content-box-simple__texto {
        font-size: 20px;
        line-height: 24px;
        padding: 0 40px 0 24px
    }
}

.content-box-simple__texto span {
    font-weight: 900;
    display: block
}

.content-box-simple__cuadradro {
    min-width: 72px;
    height: 72px;
    background-color: #EBEEF5;
    display: none
}

@media (min-width: 576px) {
    .content-box-simple__cuadradro {
        display: flex
    }
    .content-box-simple__cuadradro img {
        max-width: 100%;
        width: auto
    }
}

.content-box-simple__cuadradro.content-box-simple__cuadradro--yellow {
    background-color: #F7C70B
}

.content-box-simple__cuadradro.content-box-simple__cuadradro--bluefourth {
    background-color: #C3F3F2
}

.content-box-simple--without .content-box-simple__cuadradro {
    display: none
}

.content-box-simple--without .content-box-simple__texto {
    padding: 0 8px 0 0
}

.content-box-simple--flag .content-box-simple__cuadradro {
    background-color: transparent
}

.content-box-simple__detail {
    color: #191B1C
}

.content-box__content-title {
    font-family: "BK-Text";
    margin-bottom: 16px;
    font-size: 1.25rem
}

@media (min-width: 1200px) {
    .content-box__content-title {
        font-size: 1.5rem
    }
}

.content-box__content-subtitle {
    font-family: "BK-Sans";
    margin-bottom: 16px;
    font-size: 1rem
}

.content-box__mini-text {
    display: inline-block;
    font-size: 14px;
    line-height: 24px
}

.content-box__mini-text .bold {
    font-weight: 900
}

.content-box__footer .btn--rounded {
    position: absolute;
    bottom: 0;
    right: 32px;
    will-change: opacity;
    transform: translate(0, 50%);
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.content-box__footer .btn--rounded span {
    will-change: transform;
    transition-property: transform;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.content-box__footer .btn--rounded.opened {
    background-color: #191B1C;
    border-color: #191B1C;
    color: white
}

.content-box__footer .btn--rounded.opened span {
    transform: rotate(135deg)
}

.content-box__footer .btn_rounded {
    position: absolute;
    bottom: 0;
    right: 32px;
    will-change: opacity;
    transform: translate(0, 50%);
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.content-box__footer .btn_rounded span {
    will-change: transform;
    transition-property: transform;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.content-box__footer .btn_rounded.opened {
    background-color: #191B1C;
    border-color: #191B1C;
    color: white
}

.content-box__footer .btn_rounded.opened span {
    transform: rotate(135deg)
}

.content-box__footer .text-link {
    line-height: 24px
}

.content-box__content-data {
    font-size: .875rem;
    border-top: 1px solid #EBEEF5;
    padding: 8px 0
}

.content-box__content-data:last-child {
    border-bottom: 1px solid #EBEEF5
}

.content-image {
    background-color: #B5F0EF;
    width: 100%;
    height: auto;
    margin-bottom: -25px;
    margin-top: -58px
}

.content-image img {
    width: 100%;
    height: auto
}

@media (min-width: 768px) {
    .content-image {
        width: 408px;
        height: 408px
    }
}

@media (min-width: 992px) {
    .content-image {
        width: 374px;
        height: 374px
    }
}

@media (min-width: 1200px) {
    .content-image {
        width: 457px;
        height: 457px
    }
}

.content-box-video {
    color: #191B1C
}

.content-box-video.active {
    box-shadow: 0 6px 30px 0 rgba(92, 103, 128, 0.15);
    background-color: #fff;
    color: #191B1C;
    font-weight: bold
}

.content-box-video:focus {
    box-shadow: inset 0 0 0 4px #3E4A50 !important
}

.content-box-video.content-box-video__content {
    padding: 16px
}

.content-box-video.content-box-video__content.active,
.content-box-video.content-box-video__content:hover {
    box-shadow: 0 6px 30px 0 rgba(92, 103, 128, 0.15);
    background-color: #fff;
    color: #191B1C;
    font-weight: bold
}

.content-rank {
    margin-top: 38px
}

.content-rank.content-rank-no-boxes {
    margin-top: 0
}

.content-rank.content-rank-no-boxes .content-rank_bar:after {
    content: "";
    display: none
}

.content-rank--bar {
    position: relative;
    width: 100%;
    border-radius: 3px;
    height: 6px;
    background-color: #EBEEF5
}

.content-rank--bar:before {
    content: "";
    position: absolute;
    left: 0;
    width: 40%;
    height: 100%;
    background-color: #FF821C;
    border-radius: 3px
}

.content-rank--bar:after {
    content: "10%";
    position: absolute;
    top: -38px;
    min-width: 28px;
    left: calc(40% - 28px - 18px);
    padding: 5px 9px;
    box-sizing: border-box;
    background-color: #191B1C;
    color: #fff;
    font-size: 12px
}

.content-rank--bar.content-rank--bar--10:before {
    width: 10%
}

.content-rank--bar.content-rank--bar--10:after {
    content: "10%";
    left: 0
}

.content-rank--bar.content-rank--bar--25:before {
    width: 25%
}

.content-rank--bar.content-rank--bar--25:after {
    content: "25%";
    left: calc(25% - 28px - 18px)
}

.content-rank--bar.content-rank--bar--30:before {
    width: 30%
}

.content-rank--bar.content-rank--bar--30:after {
    content: "30%";
    left: calc(30% - 28px - 18px)
}

.content-rank--bar.content-rank--bar--50:before {
    width: 50%
}

.content-rank--bar.content-rank--bar--50:after {
    content: "50%";
    left: calc(50% - 28px - 18px)
}

.content-rank--bar.content-rank--bar--75:before {
    width: 75%
}

.content-rank--bar.content-rank--bar--75:after {
    content: "75%";
    left: calc(75% - 28px - 18px)
}

.content-rank--bar.content-rank--bar--100:before {
    width: 100%
}

.content-rank--bar.content-rank--bar--100:after {
    content: "100%";
    left: calc(100% - 28px - 18px)
}

.content-rank--legend {
    font-size: 13px;
    line-height: 22px;
    color: #5c6780;
    padding-top: 4px
}

.content-box--cyan .content-rank .content-rank--bar:before {
    background-color: #B5F0EF
}

.content-box--cyan .content-box__category {
    background-color: #B5F0EF
}

.content-box--cyan .content-box__desc {
    background-color: #B5F0EF
}

.content-box--yellow .content-rank .content-rank--bar:before {
    background-color: #FED430
}

.content-box--yellow .content-box__category {
    background-color: #FED430
}

.content-box--yellow .content-box__desc {
    background-color: #FED430
}

.content-box--gray .content-rank .content-rank--bar:before {
    background-color: #5c6780
}

.content-box--gray .content-box__category {
    background-color: #5c6780
}

.content-box--gray .content-box__desc {
    background-color: #5c6780
}

.content-box--bkj-yellow .content-rank .content-rank--bar:before {
    background-color: #FFE700
}

.content-box--bkj-yellow .content-box__category {
    background-color: #FFE700
}

.content-box--bkj-turquoise .content-rank .content-rank--bar:before {
    background-color: #37ECC7
}

.content-box--bkj-turquoise .content-box__category {
    background-color: #37ECC7
}

.content-box--bkj-blue .content-rank .content-rank--bar:before {
    background-color: #08C3FF
}

.content-box--bkj-blue .content-box__category {
    background-color: #08C3FF
}

.content-box--bkj-red .content-rank .content-rank--bar:before {
    background-color: #FF4169
}

.content-box--bkj-red .content-box__category {
    background-color: #FF4169
}

.content-box__category {
    position: absolute;
    top: -24px;
    background-color: #FF821C;
    padding: 3px 6px;
    font-size: .875rem
}

.content-box__image-header {
    height: 7.2rem
}

.content-box__image-header img {
    transition: all 0.166s ease-out;
    width: 80%;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.content-box__image-header img:hover {
    top: -2rem
}

.content-box__carousel-container.row {
    margin: 0
}

.process__body .content-box__content .section-heading .section-heading__title {
    font-size: 16px;
    color: #191B1C;
    font-weight: 900
}

.content-box--category {
    align-items: flex-start
}

.content-box--category .content-box__content {
    margin-top: 24px;
    width: 100%
}

.content-box__category-tag {
    background-color: #FF821C;
    font-size: .875rem;
    margin-bottom: 0;
    padding: 0 8px;
    height: 24px;
    position: absolute;
    top: 0;
    z-index: 999;
    line-height: 24px
}

.content-box--cyan .content-box__category-tag {
    background-color: #B5F0EF
}

.content-box--cyan .content-box__desc {
    margin-bottom: 1rem;
    display: inline-block;
    padding: 0 .5rem;
    background-color: #B5F0EF
}

.content-box--yellow .content-box__category-tag {
    background-color: #FED430
}

.content-box--yellow .content-box__desc {
    margin-bottom: 1rem;
    display: inline-block;
    padding: 0 .5rem;
    background-color: #FED430
}

.content-box--gray .content-box__category-tag {
    background-color: #5c6780
}

.content-box--gray .content-box__desc {
    margin-bottom: 1rem;
    display: inline-block;
    padding: 0 .5rem;
    background-color: #5c6780
}

.content-box--bkj-yellow .content-box__category-tag {
    background-color: #FFE700
}

.content-box--bkj-yellow .content-box__desc {
    margin-bottom: 1rem;
    display: inline-block;
    padding: 0 .5rem;
    background-color: #FFE700
}

.content-box--bkj-turquoise .content-box__category-tag {
    background-color: #37ECC7
}

.content-box--bkj-turquoise .content-box__desc {
    margin-bottom: 1rem;
    display: inline-block;
    padding: 0 .5rem;
    background-color: #37ECC7
}

.content-box--bkj-blue .content-box__category-tag {
    background-color: #08C3FF
}

.content-box--bkj-blue .content-box__desc {
    margin-bottom: 1rem;
    display: inline-block;
    padding: 0 .5rem;
    background-color: #08C3FF
}

.content-box--bkj-red .content-box__category-tag {
    background-color: #FF4169
}

.content-box--bkj-red .content-box__desc {
    margin-bottom: 1rem;
    display: inline-block;
    padding: 0 .5rem;
    background-color: #FF4169
}

.content-box--clean {
    padding: 16px;
    background-color: #fff;
    min-width: 360px;
    position: absolute;
    height: auto;
    top: 38px;
    left: 0;
    right: 0;
    box-shadow: 0 10px 20px 0 rgba(97, 112, 119, 0.15)
}

.content-box--no-shadow .content-box__content {
    box-shadow: none
}

.content-box--nopadding .content-box__square {
    margin: 0 0 25px 0
}

.content-box--nopadding .content-box__content {
    padding: 0
}

.content-box--paddingbottom40 {
    padding-bottom: 40px
}

.content-box.content-box--img75 img {
    width: 75px;
    height: 75px
}

.content-box.content-box--img68 img {
    width: 68px;
    height: 68px;
    margin-right: 8px
}

.content-box__content--padding-242440 {
    padding: 24px
}

@media (min-width: 576px) {
    .content-box__content--padding-242440 {
        padding: 24px 24px 40px
    }
}

.content-box__content--padding-24 {
    padding: 24px
}

@media (min-width: 576px) {
    .content-box--border-right {
        border-right: 1px solid #EBEEF5
    }
}

.content-box--padding-right-16 {
    padding-right: 16px
}

.content-box.content-box--iconfont {
    height: 121px;
    text-align: center
}

@media (min-width: 576px) {
    .content-box.content-box--iconfont {
        height: 165px
    }
}

.content-box.content-box--iconfont .content-box__content {
    padding: 31px 16px 16px
}

@media (min-width: 576px) {
    .content-box.content-box--iconfont .content-box__content {
        padding: 64px 16px 16px
    }
}

.content-box.content-box--image .content-box--marginLeft40 .content-box__content {
    margin-left: 0
}

.content-box.content-box--image .content-box__block-image {
    position: relative;
    width: 232px
}

.content-box.content-box--image .content-box__block-image .content-box__block-image--img {
    width: 176px;
    height: 176px;
    z-index: 0;
    margin: 0 0 -40px
}

.content-box.content-box--image .content-box__block-image .content-box__square {
    width: 56px;
    position: absolute;
    right: 0;
    height: 56px;
    bottom: 0;
    z-index: -1;
    margin: auto
}

.content-box--marginLeft40 {
    margin-left: 32px
}

@media (min-width: 576px) {
    .content-box--marginLeft40 {
        margin-left: 40px
    }
}

.content-box__line {
    height: 3px;
    width: 100%
}

.content-box__line-45 {
    width: 45px
}

.content-box--noheight {
    height: auto
}

.content-box.content-box--aside .content-box__square {
    width: 50px;
    height: 50px;
    margin: 0 16px 0 0;
    text-align: center
}

.content-box.content-box--aside .content-box__square .icon {
    line-height: 50px
}

.content-box.content-box--aside .content-box--marginLeft66 {
    margin-left: 66px
}

.content-box.content-box--aside .content-box-simple {
    height: auto
}

.content-box__desc {
    margin-bottom: 1rem;
    display: inline-block;
    padding: 0 .5rem;
    background-color: #FF821C
}

.content-box--news .content-box__content {
    padding: 24px 40px 40px 40px
}

.content-box--news .section-heading__title {
    line-height: 32px;
    margin-top: 24px
}

.destacado-privada {
    padding: 24px
}

@media (min-width: 576px) {
    .destacado-privada {
        padding: 24px 40px 24px 24px
    }
}

@media (min-width: 576px) {
    .destacado-privada__title {
        margin-left: 16px
    }
}

.content-box--privada {
    display: flex;
    flex-direction: column;
    height: 100%
}

.content-box--privada .section-heading {
    padding-bottom: 8px
}

.content-box--privada .section-heading .icon {
    margin-bottom: 16px
}

.content-box--privada .section-heading__title {
    font-size: 16px;
    line-height: 24px;
    font-family: Bk-Sans;
    font-weight: bold
}

.content-box--privada p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0
}

.content-box--privada p.small {
    font-size: 12px;
    line-height: 18px;
    padding: 16px 0
}

.content-box--privada__content {
    padding: 24px;
    box-shadow: 0 10px 20px 0 rgba(104, 112, 126, 0.15);
    background-color: #fff;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 4px
}

@media (min-width: 576px) {
    .content-box--privada__content {
        padding: 24px 40px 32px 40px
    }
}

.content-box--privada__bank {
    float: left;
    margin-right: 9px
}

.content-box--privada__bank--mr-7 {
    margin-right: 7px
}

.content-box--privada__bank .box-bank {
    margin-bottom: 2px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #EBEEF5
}

.content-box--privada__bank .box-bank-text {
    width: 48px;
    height: 18px;
    line-height: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #4B575D;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #EBEEF5
}

.content-box--privada__footer {
    padding-top: 32px
}

.content-box--privada__footer .text-link {
    line-height: 14px
}

.content-box--privada--proceso {
    padding: 24px 24px 8px 24px
}

.video {
    position: relative
}

@media (min-width: 768px) {
    .video .video__background-text {
        font-weight: 900;
        font-size: 160px;
        line-height: 200px;
        color: #F7FAFF;
        position: absolute;
        z-index: 0;
        right: 0;
        text-align: right;
        top: -110px
    }
}

@media (min-width: 1200px) {
    .video .video__background-text {
        font-size: 180px
    }
}

@media (min-width: 768px) {
    .video.video__background--greyblack {
        padding-top: 100px;
        background: #f1f1f1;
        background: -moz-linear-gradient(left, #f1f1f1 40%, #333 40%);
        background: -webkit-linear-gradient(left, #f1f1f1 40%, #333 40%);
        background: linear-gradient(to right, #f1f1f1 40%, #333 40%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#333333', GradientType=1);
        color: #fff
    }
}

.video .video__container {
    position: relative;
    height: 153px
}

.video .video__container:before {
    content: '';
    display: block;
    position: absolute;
    width: 144px;
    height: 144px;
    left: -24px;
    bottom: -24px
}

@media (min-width: 576px) {
    .video .video__container {
        height: 220px
    }
    .video .video__container:before {
        bottom: -20px;
        left: 0;
        width: 144px;
        height: 144px
    }
}

@media (min-width: 768px) {
    .video .video__container {
        height: 172px
    }
    .video .video__container:before {
        bottom: -20px;
        left: 0;
        width: 144px;
        height: 144px
    }
}

@media (min-width: 992px) {
    .video .video__container {
        height: 235px
    }
    .video .video__container:before {
        bottom: -40px;
        width: 215px;
        height: 215px
    }
}

@media (min-width: 1200px) {
    .video .video__container {
        height: 290px
    }
    .video .video__container:before {
        width: 263px;
        height: 263px
    }
}

.video .video__container .video__container__player__image-wrapper {
    overflow: hidden
}

.video .video__container .video__container__player {
    background-color: #B5F0EF;
    z-index: 1;
    position: absolute;
    width: 272px;
    height: 100%
}

.video .video__container .video__container__player.video__container__player_full-size {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
    width: auto
}

.video .video__container .video__container__player.video__container__player_full-size .video__container__controls .video__container__controls__play,
.video .video__container .video__container__player.video__container__player_full-size .video__container__controls .video__container__controls__pause {
    bottom: 24px
}

.video .video__container .video__container__player.video__container__player_full-size .video__container__controls .video__container__controls__bottom-bar {
    height: 96px;
    line-height: 96px
}

.video .video__container .video__container__player.video__container__player_full-size .video__container__controls .video__container__controls__timeline {
    bottom: 0
}

.video .video__container .video__container__player.video__container__player_full-size .video__container__controls .video__container__controls__timeline:hover {
    height: 8px;
    bottom: 0
}

.video .video__container .video__container__player iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.video .video__container .video__container__player img {
    width: auto;
    height: 100%
}

.video .video__container .video__container__player img.oculto {
    opacity: 0
}

.video .video__container .video__container__player img.visible {
    opacity: 1;
    position: relative
}

.video .video__container .video__container__player img.visible-movil {
    opacity: 1
}

@media (min-width: 576px) {
    .video .video__container .video__container__player {
        width: 305px;
        right: auto;
        left: 20px
    }
}

@media (min-width: 768px) {
    .video .video__container .video__container__player {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .video .video__container .video__container__player {
        width: 415px
    }
}

@media (min-width: 1200px) {
    .video .video__container .video__container__player {
        width: 515px
    }
}

.video .video__container .video__container__player .video__container__controls .video__container__controls__play,
.video .video__container .video__container__player .video__container__controls .video__container__controls__pause {
    position: absolute;
    right: 24px;
    bottom: -24px;
    z-index: 3
}

.video .video__container .video__container__player .video__container__controls .video__container__controls__bottom-bar {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    color: #fff
}

.video .video__container .video__container__player .video__container__controls .video__container__controls__bottom-bar .video__container__controls__bottom-bar__mask {
    will-change: transform;
    transition-property: transform;
    transition-duration: .116s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: rgba(25, 27, 28, 0.4);
    transform: translate(0, 100%);
    padding-left: 16px
}

.video .video__container .video__container__player .video__container__controls .video__container__controls__bottom-bar button {
    color: #fff;
    width: 32px
}

.video .video__container .video__container__player .video__container__controls .video__container__controls__bottom-bar .video__container__controls__timer {
    font-size: 12px;
    color: #fff;
    margin-left: 8px
}

.video .video__container .video__container__player .video__container__controls .video__container__controls__timeline {
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 4px;
    width: 100%;
    cursor: pointer;
    z-index: 2;
    will-change: opacity;
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: linear
}

.video .video__container .video__container__player .video__container__controls .video__container__controls__timeline:hover {
    height: 8px;
    bottom: -8px
}

.video .video__container .video__container__player .video__container__controls .video__container__controls__timeline .video__container__controls__current {
    height: 100%;
    width: 0%;
    background-color: #FF821C
}

.video .video__container .video__container__player:hover .video__container__controls__bottom-bar .video__container__controls__bottom-bar__mask {
    transform: translate(0, 0)
}

.video.video_yellow .video__container:before {
    background-color: #FED430
}

.video.video_green .video__container:before {
    background-color: #007A68
}

.video.video_cyan .video__container:before {
    background-color: #B5F0EF
}

.video.video--gray-business .video__container:before {
    background-color: #4B575D
}

.video.video--gray-dark .video__container:before,
.video.video_gray-dark .video__container:before {
    background-color: #191B1C
}

.video.video_negro .video__container:before {
    background-color: #191B1C
}

.video.video_bkj-yellow .video__container:before {
    background-color: #FFE700
}

.video.video_bkj-turquoise .video__container:before {
    background-color: #37ECC7
}

.video.video_bkj-blue .video__container:before {
    background-color: #08C3FF
}

.video.video_bkj-red .video__container:before {
    background-color: #FF4169
}

.video.video_negro-second .video__container:before {
    background-color: #191B1C
}

.video .video__right-side {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.video .video__title {
    font-family: "BK-Text";
    line-height: 1.25
}

.video.video--background-small .video__background-text {
    font-size: 120px;
    text-align: left;
    left: 0;
    top: -90px
}

.video.video--background-small .video__title {
    margin-top: 40px
}

.legal-text li {
    font-size: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 24px;
    margin-bottom: 1rem;
    cursor: pointer;
    position: relative;
    padding: 0 0 0 10px
}

.legal-text li.no-number {
    padding: 0
}

.legal-text li .icon,
.legal-text li .pictoDSL {
    will-change: transform;
    transform: translateY(0) rotate(0deg);
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0;
    transition-timing-function: ease-out
}

.legal-text li.opened {
    white-space: normal;
    height: auto
}

.legal-text li.opened .icon,
.legal-text li.opened .pictoDSL {
    transform: translateY(0) rotate(-180deg)
}

.legal-text li:focus {
    outline: 0;
    box-shadow: 1px 1px 1px transparent
}

.legal-text li:focus .icon,
.legal-text li:focus .pictoDSL {
    color: #191B1C;
    outline: 1px dashed #191B1C;
    outline-offset: -1px
}

.legal-text li.ever-open {
    white-space: normal;
    height: auto;
    cursor: default
}

.legal-text {
    margin-bottom: 64px
}

.legal-text--underline {
    text-decoration: underline
}

.legal-text--underline:focus {
    background-color: #3E4A50;
    color: #fff
}

.legal-text--no-margin {
    margin-bottom: 0 !important
}

.legal-text__title {
    font-weight: 900;
    font-size: .75rem;
    margin-bottom: 24px;
    text-transform: uppercase
}

.legal-text__contain {
    font-size: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
    margin-bottom: 1rem;
    cursor: pointer;
    position: relative;
    padding: 0 0 0 10px
}

.legal-text__contain .icon,
.legal-text__contain .pictoDSL {
    will-change: transform;
    transform: translateY(-2px) rotate(0deg);
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0;
    transition-timing-function: ease-out
}

.legal-text__contain:focus {
    outline: 0
}

.legal-text__contain:focus .icon,
.legal-text__contain:focus .pictoDSL {
    background-color: #3E4A50;
    color: #fff
}

.legal-text__contain--opened {
    white-space: normal;
    height: auto
}

.legal-text__contain--opened .icon,
.legal-text__contain--opened .pictoDSL {
    transform: translateY(-2px) rotate(-180deg)
}

.legal-text__contain--no-number {
    padding: 0
}

.legal-text__contain--is-open {
    white-space: normal;
    height: auto;
    cursor: default
}

.legal-text__number {
    position: absolute;
    left: 0;
    top: 10px
}

.risk-indicator {
    position: relative;
    border: 1px solid #000;
    color: #000
}

@media (max-width: 767.98px) {
    .risk-indicator {
        overflow: hidden
    }
}

.risk-indicator .risk-indicator__container.row {
    will-change: transform;
    transition-property: transform;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    font-size: 11px;
    padding: 0
}

@media (max-width: 767.98px) {
    .risk-indicator .risk-indicator__container.row {
        flex-wrap: nowrap;
        width: 200%
    }
}

.risk-indicator .risk-indicator__container.row>[class*="col-"] {
    padding: 12px 20px 34px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: none
}

.risk-indicator .risk-indicator__container.row>[class*="col-"]:first-child {
    border: none
}

@media (min-width: 576px) {
    .risk-indicator .risk-indicator__container.row>[class*="col-"] {
        padding: 8px 15px;
        border-left: 1px solid #000
    }
}

.risk-indicator .risk-indicator__container.row .risk-indicator__container__number {
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: bold;
    margin-bottom: 8px
}

.risk-indicator .risk-indicator__container.row .risk-indicator__container__number :first-child {
    color: #AFB5C8
}

@media (max-width: 767.98px) {
    .risk-indicator.slide1 .risk-indicator__container {
        transform: translateX(0)
    }
}

@media (max-width: 767.98px) {
    .risk-indicator.slide2 .risk-indicator__container {
        transform: translateX(-50%)
    }
}

@media (max-width: 767.98px) {
    .risk-indicator.risk-indicator_triple .risk-indicator__container {
        width: 300%
    }
}

@media (max-width: 767.98px) {
    .risk-indicator.risk-indicator_triple.slide2 .risk-indicator__container {
        transform: translateX(-33.3333%)
    }
}

@media (max-width: 767.98px) {
    .risk-indicator.risk-indicator_triple.slide3 .risk-indicator__container {
        transform: translateX(-66.6666%)
    }
}

@media (max-width: 767.98px) {
    .risk-indicator.risk-indicator_special .risk-indicator__container {
        width: 400%
    }
}

@media (max-width: 767.98px) {
    .risk-indicator.risk-indicator_special.slide2 .risk-indicator__container {
        transform: translateX(-25%)
    }
}

@media (max-width: 767.98px) {
    .risk-indicator.risk-indicator_special.slide3 .risk-indicator__container {
        transform: translateX(-50%)
    }
}

@media (max-width: 767.98px) {
    .risk-indicator.risk-indicator_special.slide4 .risk-indicator__container {
        transform: translateX(-75%)
    }
}

.risk-indicator .risk-indicator__container__numbers li {
    float: left;
    width: calc(100%/7);
    background-color: #EBEEF5;
    height: 32px;
    line-height: 32px;
    border: 1px solid #EBEEF5;
    border-color: #EBEEF5 #fff;
    text-align: center;
    font-family: "BK-Text";
    font-size: 1rem
}

.risk-indicator .risk-indicator__container__numbers li:last-child,
.risk-indicator .risk-indicator__container__numbers li:nth-last-child(2) {
    border: 1px solid #EBEEF5;
    background-color: #fff;
    color: #AFB5C8
}

@media (max-width: 767.98px) {
    .risk-indicator .risk-indicator__container__numbers {
        padding: 8px 16px 0 16px;
        margin-bottom: -16px
    }
}

.risk-indicator .risk-indicator__container_arrows {
    color: #5c6780;
    margin-top: 4px;
    font-size: 11px
}

.risk-indicator.risk-indicator--table {
    position: relative;
    border: none
}

@media (max-width: 767.98px) {
    .risk-indicator.risk-indicator--table {
        overflow: hidden
    }
}

.risk-indicator.risk-indicator--table .risk-indicator__container__numbers {
    padding: 8px 16px 0 0
}

.risk-indicator.risk-indicator--table .risk-indicator__container__numbers li {
    float: left;
    width: calc(100%/7);
    height: 26px;
    line-height: 26px;
    border: 1px solid #EBEEF5;
    font-size: 12px
}

.risk-indicator-legend {
    font-size: 11px
}

@media (max-width: 767.98px) {
    .risk-indicator-legend {
        margin-left: 16px;
        margin-right: 16px
    }
}

#risk-indicator02b .risk-indicator-legend,
.risk-indicator02b .risk-indicator-legend {
    position: absolute;
    top: -24px;
    left: 0
}

.risk-indicator--one .risk-indicator__container__numbers li:nth-child(n+2) {
    background-color: #fff;
    color: #AFB5C8
}

.risk-indicator--two .risk-indicator__container__numbers li:nth-child(-n+1),
.risk-indicator--two .risk-indicator__container__numbers li:nth-child(n+3) {
    background-color: #fff;
    color: #AFB5C8
}

.risk-indicator--three .risk-indicator__container__numbers li:nth-child(-n+2),
.risk-indicator--three .risk-indicator__container__numbers li:nth-child(n+4) {
    background-color: #fff;
    color: #AFB5C8
}

.risk-indicator--four .risk-indicator__container__numbers li:nth-child(-n+3),
.risk-indicator--four .risk-indicator__container__numbers li:nth-child(n+5) {
    background-color: #fff;
    color: #AFB5C8
}

.risk-indicator--five .risk-indicator__container__numbers li:nth-child(-n+4),
.risk-indicator--five .risk-indicator__container__numbers li:nth-child(n+6) {
    background-color: #fff;
    color: #AFB5C8
}

.risk-indicator--six .risk-indicator__container__numbers li:nth-child(-n+5) {
    background-color: #fff;
    color: #AFB5C8
}

.risk-indicator--six .risk-indicator__container__numbers li:nth-child(n+6) {
    background-color: #EBEEF5
}

.risk-indicator--six .risk-indicator__container__numbers li:last-child {
    color: #AFB5C8;
    background-color: #fff
}

.risk-indicator--seven .risk-indicator__container__numbers li:nth-child(-n+5) {
    background-color: #fff;
    color: #AFB5C8
}

.risk-indicator--seven .risk-indicator__container__numbers li:nth-child(n+7) {
    background-color: #EBEEF5
}

.call-me {
    box-shadow: 0 -3px 30px 0 rgba(92, 103, 128, 0.1);
    background-color: #fff;
    padding: 32px 0 40px
}

.call-me [class*="col-"] {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.call-me [class*="col-"]:nth-child(2) {
    justify-content: flex-end;
    align-items: center
}

.call-me [class*="col-"]:nth-child(2):after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: -32px;
    bottom: -40px;
    border-right: 1px solid #EBEEF5
}

@media (max-width: 767.98px) {
    .call-me [class*="col-"]:nth-child(2):after {
        display: none
    }
}

@media (min-width: 992px) {
    .call-me [class*="col-"]:nth-child(2):after {
        right: 15px
    }
}

.call-me .call-me__title {
    font-family: "BK-Text";
    font-size: 20px
}

@media (min-width: 992px) {
    .call-me .call-me__title {
        font-size: 40px;
        line-height: 48px
    }
}

.call-me .call-me__button {
    min-width: 100%
}

@media (min-width: 576px) {
    .call-me .call-me__button {
        min-width: 220px
    }
}

@media (min-width: 992px) {
    .call-me .call-me__button {
        min-width: 280px
    }
}

.call-me .call-me__contact-info {
    font-size: .875rem
}

.call-me .call-me__contact-info strong {
    font-family: "BK-Text";
    font-size: 1.5rem
}

.call-me__form button {
    width: 100%
}

.landing .call-me__form__message {
    width: 100%;
    left: 0rem;
    top: 2rem;
    text-align: center;
    height: 100%;
    padding: 30px
}

#iconCallMe {
    color: #008931;
    border-radius: 100%;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border: 2px solid #008931
}

.call-me__form__message {
    display: none;
    position: absolute;
    background: white;
    left: 34px;
    right: 34px;
    top: 40px;
    bottom: 40px;
    z-index: 5;
    font-size: .875rem
}

.call-me__form__message .call-me__form__message__title {
    font-family: "BK-Text"
}

.call-me__form__message .call-me__form__message__icon {
    color: #22CB65;
    border-radius: 100%;
    width: 48px;
    height: 48px;
    border: 2px solid #22CB65;
    padding-top: 6px;
    text-align: center;
    margin-top: 40px
}

.call-me__space-img {
    margin-right: 16px
}

.modal {
    position: fixed;
    z-index: 1050;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none
}

.modal.opened {
    display: block
}

@media (max-width: 767.98px) {
    .modal.modal--private .modal__content {
        height: 92%;
        padding: 32px 24px 48px 24px
    }
}

@media (max-width: 575.98px) {
    .modal.modal--private .modal__content .modal__content__header {
        height: 32px;
        margin-top: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center
    }
    .modal.modal--private .modal__content .modal__content__header .icon-fallback-text {
        color: #5c6780;
        height: 24px;
        align-items: center;
        display: flex;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px
    }
}

.modal.modal--private .modal__content .modal__content__header__title {
    font-family: "BK-Sans";
    border-bottom: 1px solid #EBEEF5;
    padding-bottom: 8px;
    margin-bottom: 24px;
    color: #191B1C;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px
}

.modal.modal--private .modal__content .modal__close-button {
    position: absolute;
    right: 24px;
    top: -24px;
    z-index: 1
}

.modal.modal--private .modal__content .modal__close-button .icon {
    margin: 0 0
}

.modal.modal--private .modal__content .modal__content__body {
    margin-bottom: 32px
}

.modal.modal--private .modal__content .modal__content__footer {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    padding: 0 48px 0 0
}

@media (max-width: 767.98px) {
    .modal.modal--private .modal__content .modal__content__footer {
        position: fixed;
        bottom: 32px
    }
}

.modal.modal--private .modal__content .modal__content__footer button {
    min-width: 150px
}

@media (max-width: 575.98px) {
    .modal.modal--private .modal__content .modal__content__footer button {
        min-width: 104px
    }
}

.modal.modal--private .modal__content .modal__content__footer button:last-child {
    margin-left: 16px
}

.modal.modal--private .modal__content .modal__content__footer button:first-child {
    margin-left: 0
}

.modal .container {
    height: 100%
}

.modal .container .row:not(.flex-table__rows) {
    height: 100%
}

.modal--opened {
    display: block
}

.message_opened .modal__content__message,
.message_opened .modal__message,
.modal--message-opened .modal__content__message,
.modal--message-opened .modal__message {
    display: flex
}

.confirmation_opened .call-me__form__message,
.confirmation_opened .call-me__message,
.modal--confirmation-opened .call-me__form__message,
.modal--confirmation-opened .call-me__message {
    display: block
}

.modal__container,
.modal__row {
    height: 100%
}

.modal__backdrop {
    background-color: rgba(43, 49, 51, 0.6);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.modal__content {
    background-color: #fff;
    position: absolute;
    padding: 40px 40px;
    max-height: 90%;
    min-height: 240px;
    width: 100%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column
}

@media (max-width: 767.98px) {
    .modal__content {
        left: 0;
        position: fixed;
        bottom: 0;
        transform: translate(0);
        top: auto;
        max-height: 92%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .modal__content {
        height: 560px
    }
    .modal__content.modal__content--small {
        height: auto;
        max-height: 350px
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .modal__content.modal__content--auto-height-IE {
        height: auto
    }
}

.modal__content.modal__content--small-limited {
    height: 430px
}

.modal__content.modal__content--small-limited .modal__footer {
    height: 50px
}

.modal__content.modal__content--small-limited .modal__body {
    height: calc(100% - 50px)
}

.modal__content.modal__content-cookies {
    padding: 40px
}

.modal__content.modal__content-cookies .btn--primary {
    margin-right: 24px
}

.modal__content.modal__content-cookies .btn--primary:focus {
    margin-left: 5px
}

@media (max-width: 767.98px) {
    .modal__content.modal__content-cookies {
        padding: 16px
    }
    .modal__content.modal__content-cookies .modal__content__body__switch-btn {
        justify-content: flex-start !important
    }
}

.modal__content--firma {
    padding: 40px 24px
}

@media (max-width: 767.98px) {
    .modal__content--firma {
        height: 504px
    }
}

.modal__content--carousel {
    padding: 40px 0
}

@media (max-width: 991.98px) {
    .modal__content--carousel {
        padding: 24px
    }
}

.modal__content--carousel .carousel__pagination {
    position: relative;
    z-index: 100;
    transform: none;
    left: 0
}

.modal__close-button {
    position: absolute;
    right: 24px;
    top: -24px;
    z-index: 1
}

.modal__content__header__title,
.modal__title {
    font-family: "BK-Text"
}

.modal__content__body,
.modal__body {
    flex-direction: column;
    display: flex;
    background: white;
    font-size: .875rem;
    z-index: 4;
    overflow: hidden;
    height: auto
}

.modal__content__body.ss-container,
.modal__body.ss-container {
    display: flex;
    position: relative;
    height: 80%
}

.modal__content__body.ss-container .ss-content,
.modal__body.ss-container .ss-content {
    display: block
}

.modal__content__footer {
    margin-top: 5px
}

.modal__content__footer--button {
    display: flex;
    justify-content: flex-start;
    height: 32px
}

.modal__content__footer--button button {
    min-width: 200px
}

@media (max-width: 575.98px) {
    .modal__content__footer--button button {
        min-width: 104px
    }
}

.modal__content__footer--button button:last-child {
    margin-left: 16px
}

.modal__content__footer--button button:first-child {
    margin-left: 0
}

.modal__content__footer--left {
    justify-content: flex-start
}

@media (max-width: 575.98px) {
    .modal__content__footer--left {
        justify-content: center
    }
}

.modal__content__message,
.modal__message {
    flex-direction: column;
    display: none;
    background: white;
    font-size: .875rem;
    position: absolute;
    left: 34px;
    top: 40px;
    bottom: 40px;
    right: 34px;
    height: 90%;
    overflow: hidden;
    z-index: 5
}

.modal__content__message .btn,
.modal__message .btn {
    width: 100%
}

.modal__content__message .ss-container,
.modal__message .ss-container {
    margin-bottom: 16px;
    display: flex;
    position: relative;
    height: 67%
}

.message__title,
.modal__message-title {
    font-family: "BK-Text"
}

.modal__image {
    position: relative;
    padding: 40px;
    height: auto;
    min-height: 240px;
    width: 100%;
    transform: translate(-45%, -50%);
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column-reverse;
    background: white
}

.modal__image img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.modal__body--image {
    min-height: 268px
}

.modal__body--image .select__custom-select-menu {
    height: 128px
}

@media (min-width: 992px) {
    .modal__body--image .select__custom-select-menu {
        height: 144px
    }
}

.modal__image__claim {
    color: white
}

.modal-filtro {
    position: fixed;
    z-index: 1050;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none
}

.modal-filtro.opened {
    display: block
}

.modal-filtro .action-bar--filter {
    position: fixed;
    bottom: 42px;
    width: 104px;
    left: 50%;
    margin-left: -52px
}

@media (max-width: 991.98px) {
    .modal-filtro .action-bar--filter {
        bottom: 24px
    }
}

.modal-filtro__backdrop {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.modal-filtro--opened {
    display: block
}

.modal-filtro__content {
    background-color: #fff;
    position: relative;
    padding: 42px;
    height: 100%;
    width: 100%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column
}

@media (max-width: 991.98px) {
    .modal-filtro__content {
        padding: 24px
    }
}

.modal-filtro__content__body {
    background: white;
    font-size: .875rem
}

.modal-filtro__content__body.ss-container {
    display: flex;
    position: relative;
    height: 80%
}

.modal-filtro__content__body.ss-container .ss-content {
    display: block;
    padding: 0 4px
}

@media (max-width: 991.98px) {
    .modal-filtro__content__body.ss-container .ss-content {
        padding-right: 0 !important
    }
}

.modal-filtro__content__body.ss-container .ss-scroll {
    right: -16px
}

@media (max-width: 991.98px) {
    .modal-filtro__content__body.ss-container .ss-scroll {
        right: -9999px
    }
}

.modal-filtro__content__body .filter {
    width: 97%;
    justify-content: center;
    display: flex
}

.modal-filtro__content__body .filter .filter--selector {
    margin: 0;
    width: 100% !important
}

.modal-filtro__content__body .filter .filter--selector .filter__selector--with-searcher {
    margin: 0
}

.modal-filtro__content__body .filter .filter--selector .filter__selector--with-searcher .filter__selector-searcher {
    padding-left: 0
}

.modal-filtro__content__body .filter .filter--selector .filter__selector--with-searcher .filter__selector-searcher .filter__selector-searcher-icon {
    left: 16px
}

.modal-filtro__content__body .filter .filter--selector .filter__selector-content .ss-content {
    padding-right: 0 !important
}

.modal-filtro__content__body .filter .filter--selector .filter__selector-option {
    margin-left: 0
}

.modal-filtro__content__body .filter .filter__content {
    width: 100% !important;
    margin-right: 0
}

.modal-filtro__content__body .filter .input-rounded {
    margin: 0
}

.modal-filtro__content__body .filter .input-rounded--search {
    margin: 8px 0 8px 0;
    width: 100%
}

.modal-filtro__content__body .filter .input-rounded--search .input-rounded__icon {
    left: 8px
}

.modal-filtro__content__body .filter .input-rounded--search .input-rounded__input {
    padding-left: 30px
}

.modal__content--col {
    padding: 0px
}

.modal__content--col .modal__close-button {
    z-index: 99999
}

.modal--padding {
    padding: 40px
}

.modal--background-grey {
    background-color: #6F7A94;
    color: #fff
}

.modal--background-white {
    background-color: #fff
}

.modal__content--without-background {
    background-color: transparent
}

.modal__content--without-background .modal__content__body {
    background-color: transparent
}

.modal.modalNW {
    top: auto !important;
    bottom: auto !important;
    overflow: visible !important
}

.modal.modalNW .modal-container {
    float: none;
    margin: auto
}

.modal.modalNW .container {
    margin: auto;
    padding: 0
}

.modal.modalNW .modal__content {
    background-color: #fff;
    padding: 40px 40px;
    border-radius: 4px;
    display: inline-table
}

@media (max-width: 700px) {
    .modal.modalNW .modal__content {
        padding: 40px 24px 32px 24px;
        transform: translate(0, 50%);
        top: 0
    }
}

.modal.modalNW .modal__close-button {
    position: absolute;
    right: 24px;
    top: -24px;
    z-index: 1
}

@media (max-width: 700px) {
    .modal.modalNW .modal__content__header {
        margin-top: 7px
    }
}

.modal.modalNW .modal__content__header .modal__close-button {
    border-radius: 32px;
    height: 48px;
    width: 48px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    color: #fff;
    background-color: #f76900;
    border: 1px solid #f76900
}

.modal.modalNW .modal__content__header .modal__close-button:hover {
    color: #fff;
    background-color: #191b1c;
    border: 1px solid #191b1c
}

.modal.modalNW .modal__content__header .modal__close-button:focus {
    color: #fff;
    background-color: #f76900;
    border: 1px dashed #191b1c;
    outline: none
}

.modal.modalNW .modal__content__header__title {
    font-family: "source_sans_pro_regular", Arial, sans-serif;
    border-bottom: 1px solid #ebeef5;
    padding-bottom: 8px;
    margin-bottom: 24px;
    color: #191b1c;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px
}

.modal.modalNW .modal__content__body {
    background: white;
    font-size: 14px;
    z-index: 4;
    font-weight: 400;
    line-height: 1.5;
    color: #191b1c
}

.modal.modalNW .modal__content__footer {
    margin-top: 16px
}

.modal.modalNW .modal__content__footer a {
    color: #191b1c;
    text-decoration: none;
    font-size: 16px;
    display: block;
    line-height: 24px;
    margin-bottom: 16px
}

.modal.modalNW .modal__content__footer a:hover {
    color: #bd4313;
    text-decoration: underline
}

.modal.modalNW .modal__content__footer a:focus {
    outline: 1px dashed #191b1c
}

.modal.modalNW .modal__backdrop {
    position: fixed
}

@media (max-width: 991.98px) {
    .modal--large .modal__content {
        padding: 40px 24px
    }
}

.modal--large .modal__content__header__title {
    font-size: 24px;
    line-height: 32px;
    color: #32383D
}

.modal--large .modal__content__body__title22 {
    font-size: 22px;
    line-height: 24px;
    color: #191B1C;
    font-weight: 300
}

.modal--large .modal__content__body__title18 {
    font-size: 18px;
    line-height: 24px;
    color: #282B30;
    font-weight: 700
}

.modal--large .definition-list__modal .definition-list__modal__title {
    font-size: 12px;
    line-height: 16px;
    color: #6B707E;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

.modal--large .definition-list__modal .definition-list__modal__text {
    font-size: 14px;
    line-height: 24px;
    color: #191B1C;
    margin-left: 0
}

.modal--large .modal__content__body--outside {
    margin-left: 24px
}

.modal--large .flex-table__accordeon {
    border-top: 1px solid #EBEEF5;
    padding: 8px 0;
    border-bottom: 1px solid #EBEEF5
}

.modal--large .flex-table__accordeon .flex-table__rows {
    padding-left: 0;
    padding-right: 0;
    align-items: center;
    cursor: pointer
}

.modal--large .flex-table__accordeon .flex-table__rows:focus {
    border: none !important
}

.modal--large .flex-table__template p {
    font-size: 16px;
    font-weight: 300
}

.modal--large .modal__content__footer .modal__close-button {
    position: static
}

.filters ul {
    display: flex
}

.filters li {
    flex: 1 0 auto
}

.filters .filters__element {
    width: 100%;
    height: 56px;
    line-height: 56px;
    color: #191B1C;
    background-color: #EBEEF5;
    padding-left: 24px;
    text-align: left;
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent
}

.filters .filters__element:hover {
    color: #191B1C;
    background-color: #F7FAFF
}

.filters .filters__element:focus {
    border-bottom: 3px solid #191B1C;
    color: #191B1C;
    background-color: #EBEEF5
}

.filters .filters__element.filters__element_active {
    color: #191B1C;
    border-bottom-color: transparent;
    border-top-color: #FF821C;
    background-color: #fff
}

.filters .filters__element.filters__element_active:focus {
    border-top: 3px solid #3E4A50;
    background-color: #EBEEF5;
    border-bottom-color: transparent;
    border-top-color: #191B1C
}

.filters.tabs .filters__element {
    color: #191B1C;
    background-color: #EBEEF5;
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent
}

.filters.tabs .filters__element.filters__element--regular-font {
    font-size: 1rem
}

.filters.tabs .filters__element:hover {
    color: #191B1C;
    background-color: #F7FAFF
}

.filters.tabs .filters__element:focus {
    border-bottom: 3px solid #191B1C;
    color: #191B1C;
    background-color: #EBEEF5
}

.filters.tabs .filters__element.filters__element_active {
    color: #191B1C;
    border-bottom-color: transparent;
    border-top-color: #FF821C;
    background-color: #fff
}

.filters.tabs .filters__element.filters__element_active:focus {
    border-top: 3px solid #3E4A50;
    background-color: #EBEEF5;
    border-bottom-color: transparent;
    border-top-color: #191B1C
}

@media (max-width: 767.98px) {
    .filters {
        overflow: hidden;
        overflow-x: auto
    }
    .filters li {
        flex: 1 0 226px
    }
}

@media (max-width: 991.98px) {
    .filters.filters--large {
        overflow: hidden;
        overflow-x: auto
    }
    .filters.filters--large li {
        flex: 1 0 226px
    }
}

.filter__boxes {
    position: relative;
    padding-top: 60px;
    align-items: stretch
}

.filter__boxes.filter__boxes_truncated {
    overflow: hidden;
    height: 1140px
}

@media (min-width: 768px) {
    .filter__boxes.filter__boxes_truncated {
        height: 770px
    }
}

@media (min-width: 992px) {
    .filter__boxes.filter__boxes_truncated {
        height: 870px
    }
}

@media (min-width: 1200px) {
    .filter__boxes.filter__boxes_truncated {
        height: 800px
    }
}

.filter__boxes--no-image {
    padding-top: 0
}

.filter__boxes__show-all {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 60%);
    background-repeat: repeat-x;
    padding-top: 160px;
    height: 248px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.tabs~.filter__boxes {
    align-items: normal;
    padding-top: 40px
}

.filter__additional-info {
    padding: 8px 16px;
    min-height: 32px;
    font-size: .75rem;
    line-height: 16px;
    background: #F7FAFF;
    border-radius: 4px
}

.filter__additional-info p {
    margin-bottom: 0
}

.featured-box {
    padding: 32px 40px 32px
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .featured-box .row {
        width: 100%
    }
}

.featured-box.featured-box--slim {
    padding: 12px 12px 12px 9px
}

.featured-box .featured-box__title {
    flex-grow: 1
}

.featured-box .featured-box__link {
    flex: 0 0 auto;
    margin-left: 24px
}

.featured-box .justify-content-around .featured-box__link {
    margin-left: auto
}

@media (max-width: 767.98px) {
    .featured-box {
        padding: 24px;
        height: auto
    }
    .featured-box .featured-box__title {
        font-size: 1.25rem;
        line-height: 1.5
    }
    .featured-box .featured-box__link {
        flex: none;
        width: 100%;
        margin-left: 0
    }
    .featured-box .featured-box__image {
        max-width: 72px;
        max-width: 72px;
        margin-bottom: 16px
    }
}

.featured-box.featured-box--hide-lg {
    padding: 16px 40px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(97, 112, 119, 0.15)
}

.featured-box.featured-box--yellow {
    background-color: #FED430
}

.featured-box.featured-box--green {
    background-color: #007A68
}

.featured-box.featured-box--cyan {
    background-color: #B5F0EF
}

.featured-box.featured-box--orange {
    background-color: #FF821C
}

.featured-box.featured-box--grey {
    background-color: #EBEEF5
}

.featured-box.featured-box--white {
    background-color: #fff;
    border-top: 1px solid #EBEEF5;
    border-bottom: 1px solid #EBEEF5;
    padding: 16px 0 24px 0
}

@media (min-width: 768px) {
    .featured-box.featured-box--white {
        padding: 32px 0 24px 0
    }
}

.featured-box.featured-box--black {
    background-color: #000
}

.featured-box.featured-box--black .featured-box__title--white {
    color: #fff
}

.featured-box.featured-box--black-soft {
    background-color: #191B1C
}

.featured-box.featured-box--black-soft .featured-box__title--white {
    color: #fff
}

.featured-box.featured-box--bkj-yellow {
    background-color: #FFE700
}

.featured-box.featured-box--bkj-turquoise {
    background-color: #37ECC7
}

.featured-box.featured-box--bkj-blue {
    background-color: #08C3FF
}

.featured-box.featured-box--bkj-red {
    background-color: #FF4169
}

.featured-box.featured-box--gray-business {
    background-color: #4B575D
}

.featured-box.featured-box--gray-business .featured-box__title {
    color: #fff
}

.featured-box.featured-box--ad-grey-dark {
    background-color: #273140
}

.featured-box.featured-box--ad-grey-dark .featured-box__title {
    color: #fff
}

.featured-box.featured-box--ad-grey-input {
    background-color: #C8D7E6
}

@media (min-width: 768px) {
    .featured-box.featured-box--sticky {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1020;
        padding: 24px 0
    }
}

.featured-box.featured-box--sticky.featured-box_sticky--bloqued {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1020;
    padding: 16px
}

@media (max-width: 767.98px) {
    .featured-box.featured-box--sticky.featured-box_sticky--bloqued .featured-box__title {
        display: none
    }
}

.featured-box.featured-box--sticky.featured-box--sticky-bloqued {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1020;
    padding: 16px
}

@media (max-width: 767.98px) {
    .featured-box.featured-box--sticky.featured-box--sticky-bloqued .featured-box__title {
        display: none
    }
}

.featured-box .featured-box__container {
    padding-left: 32px;
    padding-right: 32px
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .featured-box .featured-box__container {
        width: 100%
    }
}

@media (max-width: 767.98px) {
    .featured-box .featured-box__container {
        padding-left: 24px;
        padding-right: 24px
    }
}

.featured-box.featured-box_yellow {
    background-color: #FED430
}

.featured-box.featured-box_cyan {
    background-color: #B5F0EF
}

.featured-box.featured-box_gray-dark {
    background-color: #191B1C
}

.featured-box.featured-box_green {
    background-color: #007A68;
    color: #fff
}

.featured-box.featured-box_orange {
    background-color: #FF821C
}

.featured-box.featured-box_bkj-yellow {
    background-color: #FFE700
}

.featured-box.featured-box_bkj-turquoise {
    background-color: #37ECC7
}

.featured-box.featured-box_bkj-blue {
    background-color: #08C3FF
}

.featured-box.featured-box_bkj-red {
    background-color: #FF4169
}

.featured-box.featured-box_white {
    background-color: #fff;
    border-top: 1px solid #EBEEF5;
    border-bottom: 1px solid #EBEEF5;
    padding: 16px 0 24px 0
}

.featured-box.featured-box_gray-business {
    background-color: #4B575D
}

.featured-box.featured-box_gray-business .featured-box__title {
    color: #fff
}

.featured-box.featured-box_ad-grey-dark {
    background-color: #273140
}

.featured-box.featured-box_ad-grey-dark .featured-box__title {
    color: #fff
}

.featured-box.featured-box_ad-grey-input {
    background-color: #C8D7E6
}

@media (min-width: 768px) {
    .featured-box.featured-box_sticky {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1020;
        padding: 24px 0
    }
}

.featured-box.featured-box_sticky.featured-box_sticky--bloqued {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1020;
    padding: 16px
}

@media (max-width: 767.98px) {
    .featured-box.featured-box_sticky.featured-box_sticky--bloqued .featured-box__title {
        display: none
    }
}

.featured-box.featured-box_sticky.featured-box--sticky-bloqued {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1020;
    padding: 16px
}

@media (max-width: 767.98px) {
    .featured-box.featured-box_sticky.featured-box--sticky-bloqued .featured-box__title {
        display: none
    }
}

.featured-box.featured-box_sticky.featured-box--sticky-mobile {
    box-shadow: 0 -7px 10px 0 rgba(143, 143, 143, 0.46)
}

.conditions-faqs__item {
    will-change: opacity;
    transition: height 0.332s ease-out;
    height: 104px;
    overflow: hidden;
    border-top: 1px solid #EBEEF5
}

.conditions-faqs__item:last-child {
    border-bottom: 1px solid #EBEEF5
}

.conditions-faqs__item[data-collapsed="false"] .conditions-faqs__item__toggle {
    transform: rotate(135deg)
}

.conditions-faqs__item:focus {
    border-top: 3px solid #3E4A50;
    border-bottom: 3px solid #3E4A50;
    color: #3E4A50
}

.conditions-faqs__item:focus .conditions-faqs__item__title.conditions-faqs__item__title--slim {
    margin-top: 12px;
    padding-top: 6px;
    padding-bottom: 7px
}

.conditions-faqs__item.auto-height {
    height: auto !important
}

.conditions-faqs__item--small {
    height: 64px
}

.conditions-faqs__item--small h2 {
    margin: 20px 0;
    font-size: 14px;
    font-weight: bold
}

.conditions-faqs__item__title {
    margin: 34px 0;
    cursor: pointer
}

.conditions-faqs__item__title.conditions-faqs__item__title--slim {
    margin-top: 20px;
    margin-bottom: 16px;
    font-size: .875rem;
    font-weight: 700
}

.conditions-faqs__item__toggle {
    will-change: transform;
    transform: rotate(0deg);
    transition-property: transform;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.conditions-faqs__item__toggle .icon:hover {
    color: #5c6780
}

.conditions-faqs__item__content {
    overflow: hidden
}

.conditions-faqs__item__content [class*="col-"]:last-child {
    border-bottom: 1px solid #EBEEF5;
    padding-bottom: 40px
}

.conditions-faqs__item__content:last-child [class*="col-"]:last-child {
    border: none
}

.conditions-faqs__item__content .public-table [class*="col-"]:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.conditions-faqs__item__subtitle * {
    font-weight: 900
}

.conditions-faqs__item {
    will-change: opacity;
    transition: height 0.332s ease-out;
    height: 104px;
    overflow: hidden;
    border-top: 1px solid #EBEEF5
}

.conditions-faqs__item.conditions-faqs__item--small {
    height: 64px
}

.conditions-faqs__item:last-child {
    border-bottom: 1px solid #EBEEF5
}

.conditions-faqs__item[data-collapsed="false"] .conditions-faqs__toggle {
    transform: rotate(135deg)
}

.conditions-faqs__item:focus {
    border-top: 3px solid #3E4A50;
    border-bottom: 3px solid #3E4A50;
    color: #3E4A50
}

.conditions-faqs__item:focus .conditions-faqs__title {
    margin-top: 32px;
    margin-bottom: 32px
}

.conditions-faqs__item--small {
    height: 64px
}

.conditions-faqs__item--small h2 {
    margin: 21px 0 22px;
    font-size: 14px;
    font-weight: bold
}

.conditions-faqs__title {
    cursor: pointer
}

.conditions-faqs__toggle {
    will-change: transform;
    transform: rotate(0deg);
    transition-property: transform;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.conditions-faqs__content {
    overflow: hidden
}

.conditions-faqs__content [class*="col-"]:last-child {
    border-bottom: 1px solid #EBEEF5;
    padding-bottom: 40px
}

.conditions-faqs__content:last-child [class*="col-"]:last-child {
    border: none
}

.conditions-faqs__subtitle * {
    font-weight: 900
}

.conditions-faqs__link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #191B1C
}

.conditions-faqs__item--list {
    height: auto
}

:lang(es).highlight--left:after,
:lang(es).highlight--left:after {
    content: 'Anterior'
}

:lang(es).highlight--right:after,
:lang(es).highlight--right:after {
    content: 'Siguiente'
}

:lang(en).highlight--left:after,
:lang(en).highlight--left:after {
    content: 'Previous'
}

:lang(en).highlight--right:after,
:lang(en).highlight--right:after {
    content: 'Next'
}

:lang(ca).highlight--left:after,
:lang(ca).highlight--left:after {
    content: 'Anterior'
}

:lang(ca).highlight--right:after,
:lang(ca).highlight--right:after {
    content: 'Següent'
}

.related-products [class*="col-"]:first-child {
    border-right: 1px solid #EBEEF5
}

.related-products hr {
    margin: 0
}

.related-products__title {
    font-family: "BK-Text";
    font-size: 20px;
    margin-bottom: 32px
}

@media (min-width: 576px) {
    .related-products__title {
        font-size: 24px;
        margin-bottom: 64px
    }
}

.related-products__item {
    padding: 24px 0 16px;
    color: #191B1C;
    display: block;
    width: 100%
}

.related-products__item:after {
    display: none;
    position: absolute;
    bottom: -28px;
    font-size: 68px;
    color: #EBEEF5;
    font-weight: 900;
    z-index: -1
}

@media (min-width: 576px) {
    .related-products__item:after {
        display: block
    }
}

@media (min-width: 992px) {
    .related-products__item:after {
        font-size: 108px;
        bottom: -40px
    }
}

@media (min-width: 1200px) {
    .related-products__item:after {
        font-size: 108px;
        bottom: -58px
    }
}

.related-products__item:hover {
    text-decoration: none
}

.related-products__item--title {
    font-family: "BK-Text";
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1.4
}

@media (min-width: 576px) {
    .related-products__item--title {
        margin-bottom: 24px
    }
}

@media (min-width: 768px) {
    .related-products__item--title {
        font-size: 20px
    }
}

.related-products__item--featured {
    font-size: 20px;
    display: inline-block
}

@media (min-width: 576px) {
    .related-products__item--featured {
        font-size: 40px;
        line-height: 1.2;
        margin-top: 8px
    }
}

.related-products__item--left {
    padding: 20px 16px 25px 0;
    text-align: right
}

@media (min-width: 768px) {
    .related-products__item--left {
        padding: 24px 78px 24px 0
    }
}

@media (min-width: 992px) {
    .related-products__item--left {
        padding: 40px 94px 40px 0
    }
}

@media (min-width: 1200px) {
    .related-products__item--left {
        padding: 40px 111px 40px 0
    }
}

.related-products__item--right {
    padding: 20px 0 25px 16px;
    text-align: left
}

@media (min-width: 768px) {
    .related-products__item--right {
        padding: 24px 0 24px 78px
    }
}

@media (min-width: 992px) {
    .related-products__item--right {
        padding: 40px 0 40px 94px
    }
}

@media (min-width: 1200px) {
    .related-products__item--right {
        padding: 40px 0 40px 111px
    }
}

.highlight--left:after {
    position: absolute;
    z-index: -1;
    display: none
}

@media (min-width: 576px) {
    .highlight--left:after {
        display: block;
        font-size: 70px;
        right: 10px;
        bottom: -28px
    }
}

@media (min-width: 768px) {
    .highlight--left:after {
        font-size: 90px;
        right: 55px;
        bottom: -51px
    }
}

@media (min-width: 992px) {
    .highlight--left:after {
        font-size: 108px;
        right: 83px;
        bottom: -57px
    }
}

.highlight--right:after {
    position: absolute;
    left: 90px;
    bottom: -57px;
    z-index: -1;
    display: none
}

@media (min-width: 576px) {
    .highlight--right:after {
        display: block;
        font-size: 70px;
        left: 10px;
        bottom: -28px
    }
}

@media (min-width: 768px) {
    .highlight--right:after {
        font-size: 90px;
        left: 55px;
        bottom: -51px
    }
}

@media (min-width: 992px) {
    .highlight--right:after {
        font-size: 108px;
        left: 83px;
        bottom: -57px
    }
}

.related-products .related-products__item .related-products__item_featured {
    font-size: 40px
}

@media (min-width: 768px) {
    .related-products .related-products__item .related-products__item_featured {
        font-size: 48px
    }
}

@media (min-width: 992px) {
    .related-products .related-products__item .related-products__item_featured {
        font-size: 64px
    }
}

.related-products .related-products__item .related-products__item_link {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    padding: 0
}

.related-products .related-products__item.related-products__item_left:after {
    display: block;
    position: absolute;
    bottom: -28px;
    right: -24px;
    font-size: 72px;
    color: #F7FAFF;
    font-weight: 900;
    z-index: -1
}

.related-products .related-products__item.related-products__item_right:after {
    display: block;
    position: absolute;
    bottom: -28px;
    left: -24px;
    font-size: 72px;
    color: #F7FAFF;
    font-weight: 900;
    z-index: -1
}

@media (min-width: 768px) {
    .related-products .related-products__item.related-products__item_left {
        padding: 40px 78px 28px 0
    }
    .related-products .related-products__item.related-products__item_right {
        padding: 40px 0 28px 78px
    }
}

@media (min-width: 992px) {
    .related-products .related-products__item.related-products__item_left {
        padding: 40px 94px 40px 0
    }
    .related-products .related-products__item.related-products__item_right {
        padding: 40px 0 40px 94px
    }
}

@media (min-width: 1200px) {
    .related-products .related-products__item.related-products__item_left {
        padding: 40px 104px 40px 0
    }
    .related-products .related-products__item.related-products__item_right {
        padding: 40px 0 40px 104px
    }
}

.carousel__controls {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0)
}

.carousel__controls button {
    height: 24px;
    width: 24px
}

.carousel__controls button:after {
    display: inline-block;
    content: '';
    height: 6px;
    width: 6px;
    border: 1px solid #000;
    border-radius: 6px;
    margin-bottom: 4px
}

.carousel__controls button.active:after {
    background-color: #000;
    border-radius: 0
}

.carousel__controls button:focus {
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    border: 1px solid #AFB5C8;
    background-color: #fff;
    outline: 3px solid #EBEEF5
}

.process {
    counter-reset: section
}

.process.process--on-editing .process__action {
    display: none !important
}

.process--left-column .process__body {
    padding: 40px 16px
}

@media (max-width: 575.98px) {
    .process--left-column .process__body {
        padding: 16px
    }
}

.process__item,
.process-nosequence__item {
    cursor: default;
    background-color: #F7FAFF;
    height: 72px;
    margin-bottom: 4px
}

.process__item .process__body,
.process__item .process-nosequence__body,
.process-nosequence__item .process__body,
.process-nosequence__item .process-nosequence__body {
    display: none
}

.process__item.process__item--open,
.process__item.process-nosequence__item--open,
.process-nosequence__item.process__item--open,
.process-nosequence__item.process-nosequence__item--open {
    height: auto
}

.process__item.process__item--open .process__body,
.process__item.process__item--open .process-nosequence__body,
.process__item.process-nosequence__item--open .process__body,
.process__item.process-nosequence__item--open .process-nosequence__body,
.process-nosequence__item.process__item--open .process__body,
.process-nosequence__item.process__item--open .process-nosequence__body,
.process-nosequence__item.process-nosequence__item--open .process__body,
.process-nosequence__item.process-nosequence__item--open .process-nosequence__body {
    display: block
}

.process__item.process__item--open .process__body .process-nosequence__action,
.process__item.process__item--open .process-nosequence__body .process-nosequence__action,
.process__item.process-nosequence__item--open .process__body .process-nosequence__action,
.process__item.process-nosequence__item--open .process-nosequence__body .process-nosequence__action,
.process-nosequence__item.process__item--open .process__body .process-nosequence__action,
.process-nosequence__item.process__item--open .process-nosequence__body .process-nosequence__action,
.process-nosequence__item.process-nosequence__item--open .process__body .process-nosequence__action,
.process-nosequence__item.process-nosequence__item--open .process-nosequence__body .process-nosequence__action {
    display: block
}

.process__item.process__item--open.process-nosequence__item--active .process-nosequence__action.process-nosequence__action--second,
.process__item.process-nosequence__item--open.process-nosequence__item--active .process-nosequence__action.process-nosequence__action--second,
.process-nosequence__item.process__item--open.process-nosequence__item--active .process-nosequence__action.process-nosequence__action--second,
.process-nosequence__item.process-nosequence__item--open.process-nosequence__item--active .process-nosequence__action.process-nosequence__action--second {
    display: none
}

.process__item.process__item--open.process-nosequence__item--active.process-nosequence__item--add,
.process__item.process__item--open.process-nosequence__item--active.process-nosequence__item--to-edit,
.process__item.process-nosequence__item--open.process-nosequence__item--active.process-nosequence__item--add,
.process__item.process-nosequence__item--open.process-nosequence__item--active.process-nosequence__item--to-edit,
.process-nosequence__item.process__item--open.process-nosequence__item--active.process-nosequence__item--add,
.process-nosequence__item.process__item--open.process-nosequence__item--active.process-nosequence__item--to-edit,
.process-nosequence__item.process-nosequence__item--open.process-nosequence__item--active.process-nosequence__item--add,
.process-nosequence__item.process-nosequence__item--open.process-nosequence__item--active.process-nosequence__item--to-edit {
    background-color: #fff
}

.process__item.process-nosequence__item--open .action-box,
.process-nosequence__item.process-nosequence__item--open .action-box {
    display: none
}

.process__item.process__item__status--yellow .process__status,
.process__item.process__item__status--yellow .process-nosequence__status,
.process__item.process-nosequence__item-status--yellow .process__status,
.process__item.process-nosequence__item-status--yellow .process-nosequence__status,
.process__item.process__item--status-yellow .process__status,
.process__item.process__item--status-yellow .process-nosequence__status,
.process__item.process-nosequence__item--status-yellow .process__status,
.process__item.process-nosequence__item--status-yellow .process-nosequence__status,
.process-nosequence__item.process__item__status--yellow .process__status,
.process-nosequence__item.process__item__status--yellow .process-nosequence__status,
.process-nosequence__item.process-nosequence__item-status--yellow .process__status,
.process-nosequence__item.process-nosequence__item-status--yellow .process-nosequence__status,
.process-nosequence__item.process__item--status-yellow .process__status,
.process-nosequence__item.process__item--status-yellow .process-nosequence__status,
.process-nosequence__item.process-nosequence__item--status-yellow .process__status,
.process-nosequence__item.process-nosequence__item--status-yellow .process-nosequence__status {
    background-color: #FED430
}

.process__item.process__item__status--cyan .process__status,
.process__item.process__item__status--cyan .process-nosequence__status,
.process__item.process-nosequence__item-status--cyan .process__status,
.process__item.process-nosequence__item-status--cyan .process-nosequence__status,
.process__item.process__item--status-cyan .process__status,
.process__item.process__item--status-cyan .process-nosequence__status,
.process__item.process-nosequence__item--status-cyan .process__status,
.process__item.process-nosequence__item--status-cyan .process-nosequence__status,
.process-nosequence__item.process__item__status--cyan .process__status,
.process-nosequence__item.process__item__status--cyan .process-nosequence__status,
.process-nosequence__item.process-nosequence__item-status--cyan .process__status,
.process-nosequence__item.process-nosequence__item-status--cyan .process-nosequence__status,
.process-nosequence__item.process__item--status-cyan .process__status,
.process-nosequence__item.process__item--status-cyan .process-nosequence__status,
.process-nosequence__item.process-nosequence__item--status-cyan .process__status,
.process-nosequence__item.process-nosequence__item--status-cyan .process-nosequence__status {
    background-color: #B5F0EF
}

.process__item.process__item__status--gris .process__status,
.process__item.process__item__status--gris .process-nosequence__status,
.process__item.process-nosequence__item-status--gris .process__status,
.process__item.process-nosequence__item-status--gris .process-nosequence__status,
.process__item.process__item--status-gris .process__status,
.process__item.process__item--status-gris .process-nosequence__status,
.process__item.process-nosequence__item--status-gris .process__status,
.process__item.process-nosequence__item--status-gris .process-nosequence__status,
.process-nosequence__item.process__item__status--gris .process__status,
.process-nosequence__item.process__item__status--gris .process-nosequence__status,
.process-nosequence__item.process-nosequence__item-status--gris .process__status,
.process-nosequence__item.process-nosequence__item-status--gris .process-nosequence__status,
.process-nosequence__item.process__item--status-gris .process__status,
.process-nosequence__item.process__item--status-gris .process-nosequence__status,
.process-nosequence__item.process-nosequence__item--status-gris .process__status,
.process-nosequence__item.process-nosequence__item--status-gris .process-nosequence__status {
    background-color: #EBEEF5
}

.process__item.process__item__status--orange .process__status,
.process__item.process__item__status--orange .process-nosequence__status,
.process__item.process-nosequence__item-status--orange .process__status,
.process__item.process-nosequence__item-status--orange .process-nosequence__status,
.process__item.process__item--status-orange .process__status,
.process__item.process__item--status-orange .process-nosequence__status,
.process__item.process-nosequence__item--status-orange .process__status,
.process__item.process-nosequence__item--status-orange .process-nosequence__status,
.process-nosequence__item.process__item__status--orange .process__status,
.process-nosequence__item.process__item__status--orange .process-nosequence__status,
.process-nosequence__item.process-nosequence__item-status--orange .process__status,
.process-nosequence__item.process-nosequence__item-status--orange .process-nosequence__status,
.process-nosequence__item.process__item--status-orange .process__status,
.process-nosequence__item.process__item--status-orange .process-nosequence__status,
.process-nosequence__item.process-nosequence__item--status-orange .process__status,
.process-nosequence__item.process-nosequence__item--status-orange .process-nosequence__status {
    background-color: #FF821C
}

.process__item.process__item__status--salmon .process__status,
.process__item.process__item__status--salmon .process-nosequence__status,
.process__item.process-nosequence__item-status--salmon .process__status,
.process__item.process-nosequence__item-status--salmon .process-nosequence__status,
.process__item.process__item--status-salmon .process__status,
.process__item.process__item--status-salmon .process-nosequence__status,
.process__item.process-nosequence__item--status-salmon .process__status,
.process__item.process-nosequence__item--status-salmon .process-nosequence__status,
.process-nosequence__item.process__item__status--salmon .process__status,
.process-nosequence__item.process__item__status--salmon .process-nosequence__status,
.process-nosequence__item.process-nosequence__item-status--salmon .process__status,
.process-nosequence__item.process-nosequence__item-status--salmon .process-nosequence__status,
.process-nosequence__item.process__item--status-salmon .process__status,
.process-nosequence__item.process__item--status-salmon .process-nosequence__status,
.process-nosequence__item.process-nosequence__item--status-salmon .process__status,
.process-nosequence__item.process-nosequence__item--status-salmon .process-nosequence__status {
    background-color: #FFB5B1
}

.process__item.process__item__status--bkj-yellow .process__status,
.process__item.process__item__status--bkj-yellow .process-nosequence__status,
.process__item.process-nosequence__item-status--bkj-yellow .process__status,
.process__item.process-nosequence__item-status--bkj-yellow .process-nosequence__status,
.process__item.process__item--status-bkj-yellow .process__status,
.process__item.process__item--status-bkj-yellow .process-nosequence__status,
.process__item.process-nosequence__item--status-bkj-yellow .process__status,
.process__item.process-nosequence__item--status-bkj-yellow .process-nosequence__status,
.process-nosequence__item.process__item__status--bkj-yellow .process__status,
.process-nosequence__item.process__item__status--bkj-yellow .process-nosequence__status,
.process-nosequence__item.process-nosequence__item-status--bkj-yellow .process__status,
.process-nosequence__item.process-nosequence__item-status--bkj-yellow .process-nosequence__status,
.process-nosequence__item.process__item--status-bkj-yellow .process__status,
.process-nosequence__item.process__item--status-bkj-yellow .process-nosequence__status,
.process-nosequence__item.process-nosequence__item--status-bkj-yellow .process__status,
.process-nosequence__item.process-nosequence__item--status-bkj-yellow .process-nosequence__status {
    background-color: #FFE700
}

.process__item.process__item__status--bkj-turquoise .process__status,
.process__item.process__item__status--bkj-turquoise .process-nosequence__status,
.process__item.process-nosequence__item-status--bkj-turquoise .process__status,
.process__item.process-nosequence__item-status--bkj-turquoise .process-nosequence__status,
.process__item.process__item--status-bkj-turquoise .process__status,
.process__item.process__item--status-bkj-turquoise .process-nosequence__status,
.process__item.process-nosequence__item--status-bkj-turquoise .process__status,
.process__item.process-nosequence__item--status-bkj-turquoise .process-nosequence__status,
.process-nosequence__item.process__item__status--bkj-turquoise .process__status,
.process-nosequence__item.process__item__status--bkj-turquoise .process-nosequence__status,
.process-nosequence__item.process-nosequence__item-status--bkj-turquoise .process__status,
.process-nosequence__item.process-nosequence__item-status--bkj-turquoise .process-nosequence__status,
.process-nosequence__item.process__item--status-bkj-turquoise .process__status,
.process-nosequence__item.process__item--status-bkj-turquoise .process-nosequence__status,
.process-nosequence__item.process-nosequence__item--status-bkj-turquoise .process__status,
.process-nosequence__item.process-nosequence__item--status-bkj-turquoise .process-nosequence__status {
    background-color: #37ECC7
}

.process__item.process__item__status--bkj-blue .process__status,
.process__item.process__item__status--bkj-blue .process-nosequence__status,
.process__item.process-nosequence__item-status--bkj-blue .process__status,
.process__item.process-nosequence__item-status--bkj-blue .process-nosequence__status,
.process__item.process__item--status-bkj-blue .process__status,
.process__item.process__item--status-bkj-blue .process-nosequence__status,
.process__item.process-nosequence__item--status-bkj-blue .process__status,
.process__item.process-nosequence__item--status-bkj-blue .process-nosequence__status,
.process-nosequence__item.process__item__status--bkj-blue .process__status,
.process-nosequence__item.process__item__status--bkj-blue .process-nosequence__status,
.process-nosequence__item.process-nosequence__item-status--bkj-blue .process__status,
.process-nosequence__item.process-nosequence__item-status--bkj-blue .process-nosequence__status,
.process-nosequence__item.process__item--status-bkj-blue .process__status,
.process-nosequence__item.process__item--status-bkj-blue .process-nosequence__status,
.process-nosequence__item.process-nosequence__item--status-bkj-blue .process__status,
.process-nosequence__item.process-nosequence__item--status-bkj-blue .process-nosequence__status {
    background-color: #08C3FF
}

.process__item.process__item__status--bkj-red .process__status,
.process__item.process__item__status--bkj-red .process-nosequence__status,
.process__item.process-nosequence__item-status--bkj-red .process__status,
.process__item.process-nosequence__item-status--bkj-red .process-nosequence__status,
.process__item.process__item--status-bkj-red .process__status,
.process__item.process__item--status-bkj-red .process-nosequence__status,
.process__item.process-nosequence__item--status-bkj-red .process__status,
.process__item.process-nosequence__item--status-bkj-red .process-nosequence__status,
.process-nosequence__item.process__item__status--bkj-red .process__status,
.process-nosequence__item.process__item__status--bkj-red .process-nosequence__status,
.process-nosequence__item.process-nosequence__item-status--bkj-red .process__status,
.process-nosequence__item.process-nosequence__item-status--bkj-red .process-nosequence__status,
.process-nosequence__item.process__item--status-bkj-red .process__status,
.process-nosequence__item.process__item--status-bkj-red .process-nosequence__status,
.process-nosequence__item.process-nosequence__item--status-bkj-red .process__status,
.process-nosequence__item.process-nosequence__item--status-bkj-red .process-nosequence__status {
    background-color: #FF4169
}

.process__item.process-nosequence__item--init .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--init .process-nosequence__status-ico {
    display: block
}

.process__item.process-nosequence__item--init .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--init .process-nosequence__status-ico--checked {
    display: none
}

.process__item.process-nosequence__item--init .process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--init .process-nosequence__text--completed {
    display: none
}

.process__item.process-nosequence__item--init .process-nosequence__action--init,
.process-nosequence__item.process-nosequence__item--init .process-nosequence__action--init {
    display: block
}

.process__item.process__item--active,
.process__item.process-nosequence__item--active,
.process-nosequence__item.process__item--active,
.process-nosequence__item.process-nosequence__item--active {
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(97, 112, 119, 0.15);
    position: relative;
    margin-bottom: 0
}

.process__item.process__item--active .process__status .process__status__number,
.process__item.process__item--active .process__status .process__status-number,
.process__item.process__item--active .process-nosequence__status .process__status__number,
.process__item.process__item--active .process-nosequence__status .process__status-number,
.process__item.process-nosequence__item--active .process__status .process__status__number,
.process__item.process-nosequence__item--active .process__status .process__status-number,
.process__item.process-nosequence__item--active .process-nosequence__status .process__status__number,
.process__item.process-nosequence__item--active .process-nosequence__status .process__status-number,
.process-nosequence__item.process__item--active .process__status .process__status__number,
.process-nosequence__item.process__item--active .process__status .process__status-number,
.process-nosequence__item.process__item--active .process-nosequence__status .process__status__number,
.process-nosequence__item.process__item--active .process-nosequence__status .process__status-number,
.process-nosequence__item.process-nosequence__item--active .process__status .process__status__number,
.process-nosequence__item.process-nosequence__item--active .process__status .process__status-number,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__status .process__status__number,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__status .process__status-number {
    display: block
}

.process__item.process__item--active .process__status .process__status__ico,
.process__item.process__item--active .process__status .process__status-ico,
.process__item.process__item--active .process-nosequence__status .process__status__ico,
.process__item.process__item--active .process-nosequence__status .process__status-ico,
.process__item.process-nosequence__item--active .process__status .process__status__ico,
.process__item.process-nosequence__item--active .process__status .process__status-ico,
.process__item.process-nosequence__item--active .process-nosequence__status .process__status__ico,
.process__item.process-nosequence__item--active .process-nosequence__status .process__status-ico,
.process-nosequence__item.process__item--active .process__status .process__status__ico,
.process-nosequence__item.process__item--active .process__status .process__status-ico,
.process-nosequence__item.process__item--active .process-nosequence__status .process__status__ico,
.process-nosequence__item.process__item--active .process-nosequence__status .process__status-ico,
.process-nosequence__item.process-nosequence__item--active .process__status .process__status__ico,
.process-nosequence__item.process-nosequence__item--active .process__status .process__status-ico,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__status .process__status__ico,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__status .process__status-ico {
    display: none
}

.process__item.process__item--active .process__status .process-nosequence__status-ico,
.process__item.process__item--active .process-nosequence__status .process-nosequence__status-ico,
.process__item.process-nosequence__item--active .process__status .process-nosequence__status-ico,
.process__item.process-nosequence__item--active .process-nosequence__status .process-nosequence__status-ico,
.process-nosequence__item.process__item--active .process__status .process-nosequence__status-ico,
.process-nosequence__item.process__item--active .process-nosequence__status .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--active .process__status .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__status .process-nosequence__status-ico {
    display: block
}

.process__item.process__item--active .process__status .process__status__ico--checked,
.process__item.process__item--active .process__status .process__status-ico--checked,
.process__item.process__item--active .process__status .process-nosequence__status-ico--checked,
.process__item.process__item--active .process-nosequence__status .process__status__ico--checked,
.process__item.process__item--active .process-nosequence__status .process__status-ico--checked,
.process__item.process__item--active .process-nosequence__status .process-nosequence__status-ico--checked,
.process__item.process-nosequence__item--active .process__status .process__status__ico--checked,
.process__item.process-nosequence__item--active .process__status .process__status-ico--checked,
.process__item.process-nosequence__item--active .process__status .process-nosequence__status-ico--checked,
.process__item.process-nosequence__item--active .process-nosequence__status .process__status__ico--checked,
.process__item.process-nosequence__item--active .process-nosequence__status .process__status-ico--checked,
.process__item.process-nosequence__item--active .process-nosequence__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process__item--active .process__status .process__status__ico--checked,
.process-nosequence__item.process__item--active .process__status .process__status-ico--checked,
.process-nosequence__item.process__item--active .process__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process__item--active .process-nosequence__status .process__status__ico--checked,
.process-nosequence__item.process__item--active .process-nosequence__status .process__status-ico--checked,
.process-nosequence__item.process__item--active .process-nosequence__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--active .process__status .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--active .process__status .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--active .process__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__status .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__status .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__status .process-nosequence__status-ico--checked {
    display: none
}

.process__item.process__item--active .process__status--no-secuential .process__status__ico,
.process__item.process__item--active .process__status--no-secuential .process__status-ico,
.process__item.process__item--active .process__status--no-secuential .process-nosequence__status-ico,
.process__item.process__item--active .process-nosequence__status--no-secuential .process__status__ico,
.process__item.process__item--active .process-nosequence__status--no-secuential .process__status-ico,
.process__item.process__item--active .process-nosequence__status--no-secuential .process-nosequence__status-ico,
.process__item.process-nosequence__item--active .process__status--no-secuential .process__status__ico,
.process__item.process-nosequence__item--active .process__status--no-secuential .process__status-ico,
.process__item.process-nosequence__item--active .process__status--no-secuential .process-nosequence__status-ico,
.process__item.process-nosequence__item--active .process-nosequence__status--no-secuential .process__status__ico,
.process__item.process-nosequence__item--active .process-nosequence__status--no-secuential .process__status-ico,
.process__item.process-nosequence__item--active .process-nosequence__status--no-secuential .process-nosequence__status-ico,
.process-nosequence__item.process__item--active .process__status--no-secuential .process__status__ico,
.process-nosequence__item.process__item--active .process__status--no-secuential .process__status-ico,
.process-nosequence__item.process__item--active .process__status--no-secuential .process-nosequence__status-ico,
.process-nosequence__item.process__item--active .process-nosequence__status--no-secuential .process__status__ico,
.process-nosequence__item.process__item--active .process-nosequence__status--no-secuential .process__status-ico,
.process-nosequence__item.process__item--active .process-nosequence__status--no-secuential .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--active .process__status--no-secuential .process__status__ico,
.process-nosequence__item.process-nosequence__item--active .process__status--no-secuential .process__status-ico,
.process-nosequence__item.process-nosequence__item--active .process__status--no-secuential .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__status--no-secuential .process__status__ico,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__status--no-secuential .process__status-ico,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__status--no-secuential .process-nosequence__status-ico {
    display: block
}

.process__item.process__item--active .process__status--no-secuential .process__status__number,
.process__item.process__item--active .process__status--no-secuential .process__status-number,
.process__item.process__item--active .process__status--no-secuential .process__status__ico--checked,
.process__item.process__item--active .process__status--no-secuential .process__status-ico--checked,
.process__item.process__item--active .process__status--no-secuential .process-nosequence__status-ico--checked,
.process__item.process__item--active .process-nosequence__status--no-secuential .process__status__number,
.process__item.process__item--active .process-nosequence__status--no-secuential .process__status-number,
.process__item.process__item--active .process-nosequence__status--no-secuential .process__status__ico--checked,
.process__item.process__item--active .process-nosequence__status--no-secuential .process__status-ico--checked,
.process__item.process__item--active .process-nosequence__status--no-secuential .process-nosequence__status-ico--checked,
.process__item.process-nosequence__item--active .process__status--no-secuential .process__status__number,
.process__item.process-nosequence__item--active .process__status--no-secuential .process__status-number,
.process__item.process-nosequence__item--active .process__status--no-secuential .process__status__ico--checked,
.process__item.process-nosequence__item--active .process__status--no-secuential .process__status-ico--checked,
.process__item.process-nosequence__item--active .process__status--no-secuential .process-nosequence__status-ico--checked,
.process__item.process-nosequence__item--active .process-nosequence__status--no-secuential .process__status__number,
.process__item.process-nosequence__item--active .process-nosequence__status--no-secuential .process__status-number,
.process__item.process-nosequence__item--active .process-nosequence__status--no-secuential .process__status__ico--checked,
.process__item.process-nosequence__item--active .process-nosequence__status--no-secuential .process__status-ico--checked,
.process__item.process-nosequence__item--active .process-nosequence__status--no-secuential .process-nosequence__status-ico--checked,
.process-nosequence__item.process__item--active .process__status--no-secuential .process__status__number,
.process-nosequence__item.process__item--active .process__status--no-secuential .process__status-number,
.process-nosequence__item.process__item--active .process__status--no-secuential .process__status__ico--checked,
.process-nosequence__item.process__item--active .process__status--no-secuential .process__status-ico--checked,
.process-nosequence__item.process__item--active .process__status--no-secuential .process-nosequence__status-ico--checked,
.process-nosequence__item.process__item--active .process-nosequence__status--no-secuential .process__status__number,
.process-nosequence__item.process__item--active .process-nosequence__status--no-secuential .process__status-number,
.process-nosequence__item.process__item--active .process-nosequence__status--no-secuential .process__status__ico--checked,
.process-nosequence__item.process__item--active .process-nosequence__status--no-secuential .process__status-ico--checked,
.process-nosequence__item.process__item--active .process-nosequence__status--no-secuential .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--active .process__status--no-secuential .process__status__number,
.process-nosequence__item.process-nosequence__item--active .process__status--no-secuential .process__status-number,
.process-nosequence__item.process-nosequence__item--active .process__status--no-secuential .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--active .process__status--no-secuential .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--active .process__status--no-secuential .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__status--no-secuential .process__status__number,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__status--no-secuential .process__status-number,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__status--no-secuential .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__status--no-secuential .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__status--no-secuential .process-nosequence__status-ico--checked {
    display: none
}

.process__item.process__item--active .process__text .process__text--completed,
.process__item.process__item--active .process__text .process-nosequence__text--completed,
.process__item.process__item--active .process-nosequence__text .process__text--completed,
.process__item.process__item--active .process-nosequence__text .process-nosequence__text--completed,
.process__item.process-nosequence__item--active .process__text .process__text--completed,
.process__item.process-nosequence__item--active .process__text .process-nosequence__text--completed,
.process__item.process-nosequence__item--active .process-nosequence__text .process__text--completed,
.process__item.process-nosequence__item--active .process-nosequence__text .process-nosequence__text--completed,
.process-nosequence__item.process__item--active .process__text .process__text--completed,
.process-nosequence__item.process__item--active .process__text .process-nosequence__text--completed,
.process-nosequence__item.process__item--active .process-nosequence__text .process__text--completed,
.process-nosequence__item.process__item--active .process-nosequence__text .process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--active .process__text .process__text--completed,
.process-nosequence__item.process-nosequence__item--active .process__text .process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__text .process__text--completed,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__text .process-nosequence__text--completed {
    display: none
}

.process__item.process__item--active.process-nosequence__item--add,
.process__item.process__item--active.process-nosequence__item--to-edit,
.process__item.process-nosequence__item--active.process-nosequence__item--add,
.process__item.process-nosequence__item--active.process-nosequence__item--to-edit,
.process-nosequence__item.process__item--active.process-nosequence__item--add,
.process-nosequence__item.process__item--active.process-nosequence__item--to-edit,
.process-nosequence__item.process-nosequence__item--active.process-nosequence__item--add,
.process-nosequence__item.process-nosequence__item--active.process-nosequence__item--to-edit {
    background-color: #F7FAFF
}

.process__item.process-nosequence__item--active .process-nosequence__action,
.process__item.process-nosequence__item--active .process-nosequence__action--error,
.process__item.process-nosequence__item--active .process-nosequence__other,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__action,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__action--error,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__other {
    margin-right: 16px;
    display: none;
    cursor: pointer
}

.process__item.process-nosequence__item--active .process-nosequence__action.process-nosequence__action--second,
.process__item.process-nosequence__item--active .process-nosequence__action--error.process-nosequence__action--second,
.process__item.process-nosequence__item--active .process-nosequence__other.process-nosequence__action--second,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__action.process-nosequence__action--second,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__action--error.process-nosequence__action--second,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__other.process-nosequence__action--second {
    display: block
}

.process__item.process-nosequence__item--active .process-nosequence__action.process-nosequence__action-init,
.process__item.process-nosequence__item--active .process-nosequence__action--error.process-nosequence__action-init,
.process__item.process-nosequence__item--active .process-nosequence__other.process-nosequence__action-init,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__action.process-nosequence__action-init,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__action--error.process-nosequence__action-init,
.process-nosequence__item.process-nosequence__item--active .process-nosequence__other.process-nosequence__action-init {
    display: none
}

.process__item.process__item--in-progress,
.process__item.process-nosequence__item--in-progress,
.process-nosequence__item.process__item--in-progress,
.process-nosequence__item.process-nosequence__item--in-progress {
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(97, 112, 119, 0.15);
    position: relative;
    margin-bottom: 0
}

.process__item.process__item--in-progress .process__status .process__status__number,
.process__item.process__item--in-progress .process__status .process__status-number,
.process__item.process__item--in-progress .process-nosequence__status .process__status__number,
.process__item.process__item--in-progress .process-nosequence__status .process__status-number,
.process__item.process-nosequence__item--in-progress .process__status .process__status__number,
.process__item.process-nosequence__item--in-progress .process__status .process__status-number,
.process__item.process-nosequence__item--in-progress .process-nosequence__status .process__status__number,
.process__item.process-nosequence__item--in-progress .process-nosequence__status .process__status-number,
.process-nosequence__item.process__item--in-progress .process__status .process__status__number,
.process-nosequence__item.process__item--in-progress .process__status .process__status-number,
.process-nosequence__item.process__item--in-progress .process-nosequence__status .process__status__number,
.process-nosequence__item.process__item--in-progress .process-nosequence__status .process__status-number,
.process-nosequence__item.process-nosequence__item--in-progress .process__status .process__status__number,
.process-nosequence__item.process-nosequence__item--in-progress .process__status .process__status-number,
.process-nosequence__item.process-nosequence__item--in-progress .process-nosequence__status .process__status__number,
.process-nosequence__item.process-nosequence__item--in-progress .process-nosequence__status .process__status-number {
    display: block
}

.process__item.process__item--in-progress .process__status .process__status__ico,
.process__item.process__item--in-progress .process__status .process__status-ico,
.process__item.process__item--in-progress .process__status .process-nosequence__status-ico,
.process__item.process__item--in-progress .process-nosequence__status .process__status__ico,
.process__item.process__item--in-progress .process-nosequence__status .process__status-ico,
.process__item.process__item--in-progress .process-nosequence__status .process-nosequence__status-ico,
.process__item.process-nosequence__item--in-progress .process__status .process__status__ico,
.process__item.process-nosequence__item--in-progress .process__status .process__status-ico,
.process__item.process-nosequence__item--in-progress .process__status .process-nosequence__status-ico,
.process__item.process-nosequence__item--in-progress .process-nosequence__status .process__status__ico,
.process__item.process-nosequence__item--in-progress .process-nosequence__status .process__status-ico,
.process__item.process-nosequence__item--in-progress .process-nosequence__status .process-nosequence__status-ico,
.process-nosequence__item.process__item--in-progress .process__status .process__status__ico,
.process-nosequence__item.process__item--in-progress .process__status .process__status-ico,
.process-nosequence__item.process__item--in-progress .process__status .process-nosequence__status-ico,
.process-nosequence__item.process__item--in-progress .process-nosequence__status .process__status__ico,
.process-nosequence__item.process__item--in-progress .process-nosequence__status .process__status-ico,
.process-nosequence__item.process__item--in-progress .process-nosequence__status .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--in-progress .process__status .process__status__ico,
.process-nosequence__item.process-nosequence__item--in-progress .process__status .process__status-ico,
.process-nosequence__item.process-nosequence__item--in-progress .process__status .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--in-progress .process-nosequence__status .process__status__ico,
.process-nosequence__item.process-nosequence__item--in-progress .process-nosequence__status .process__status-ico,
.process-nosequence__item.process-nosequence__item--in-progress .process-nosequence__status .process-nosequence__status-ico {
    display: none
}

.process__item.process__item--in-progress .process__status .process__status__ico--checked,
.process__item.process__item--in-progress .process__status .process__status-ico--checked,
.process__item.process__item--in-progress .process__status .process-nosequence__status-ico--checked,
.process__item.process__item--in-progress .process-nosequence__status .process__status__ico--checked,
.process__item.process__item--in-progress .process-nosequence__status .process__status-ico--checked,
.process__item.process__item--in-progress .process-nosequence__status .process-nosequence__status-ico--checked,
.process__item.process-nosequence__item--in-progress .process__status .process__status__ico--checked,
.process__item.process-nosequence__item--in-progress .process__status .process__status-ico--checked,
.process__item.process-nosequence__item--in-progress .process__status .process-nosequence__status-ico--checked,
.process__item.process-nosequence__item--in-progress .process-nosequence__status .process__status__ico--checked,
.process__item.process-nosequence__item--in-progress .process-nosequence__status .process__status-ico--checked,
.process__item.process-nosequence__item--in-progress .process-nosequence__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process__item--in-progress .process__status .process__status__ico--checked,
.process-nosequence__item.process__item--in-progress .process__status .process__status-ico--checked,
.process-nosequence__item.process__item--in-progress .process__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process__item--in-progress .process-nosequence__status .process__status__ico--checked,
.process-nosequence__item.process__item--in-progress .process-nosequence__status .process__status-ico--checked,
.process-nosequence__item.process__item--in-progress .process-nosequence__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--in-progress .process__status .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--in-progress .process__status .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--in-progress .process__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--in-progress .process-nosequence__status .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--in-progress .process-nosequence__status .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--in-progress .process-nosequence__status .process-nosequence__status-ico--checked {
    display: none
}

.process__item.process__item--in-progress .process__text .process__text--completed,
.process__item.process__item--in-progress .process__text .process-nosequence__text--completed,
.process__item.process__item--in-progress .process-nosequence__text .process__text--completed,
.process__item.process__item--in-progress .process-nosequence__text .process-nosequence__text--completed,
.process__item.process-nosequence__item--in-progress .process__text .process__text--completed,
.process__item.process-nosequence__item--in-progress .process__text .process-nosequence__text--completed,
.process__item.process-nosequence__item--in-progress .process-nosequence__text .process__text--completed,
.process__item.process-nosequence__item--in-progress .process-nosequence__text .process-nosequence__text--completed,
.process-nosequence__item.process__item--in-progress .process__text .process__text--completed,
.process-nosequence__item.process__item--in-progress .process__text .process-nosequence__text--completed,
.process-nosequence__item.process__item--in-progress .process-nosequence__text .process__text--completed,
.process-nosequence__item.process__item--in-progress .process-nosequence__text .process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--in-progress .process__text .process__text--completed,
.process-nosequence__item.process-nosequence__item--in-progress .process__text .process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--in-progress .process-nosequence__text .process__text--completed,
.process-nosequence__item.process-nosequence__item--in-progress .process-nosequence__text .process-nosequence__text--completed {
    display: none
}

.process__item.process__item--completed .process__status .process__status__number,
.process__item.process__item--completed .process__status .process__status-number,
.process__item.process__item--completed .process-nosequence__status .process__status__number,
.process__item.process__item--completed .process-nosequence__status .process__status-number,
.process__item.process__item--completed.process__item--result .process__status .process__status__number,
.process__item.process__item--completed.process__item--result .process__status .process__status-number,
.process__item.process__item--completed.process__item--result .process-nosequence__status .process__status__number,
.process__item.process__item--completed.process__item--result .process-nosequence__status .process__status-number,
.process__item.process-nosequence__item--completed .process__status .process__status__number,
.process__item.process-nosequence__item--completed .process__status .process__status-number,
.process__item.process-nosequence__item--completed .process-nosequence__status .process__status__number,
.process__item.process-nosequence__item--completed .process-nosequence__status .process__status-number,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__status .process__status__number,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__status .process__status-number,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__status .process__status__number,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__status .process__status-number,
.process-nosequence__item.process__item--completed .process__status .process__status__number,
.process-nosequence__item.process__item--completed .process__status .process__status-number,
.process-nosequence__item.process__item--completed .process-nosequence__status .process__status__number,
.process-nosequence__item.process__item--completed .process-nosequence__status .process__status-number,
.process-nosequence__item.process__item--completed.process__item--result .process__status .process__status__number,
.process-nosequence__item.process__item--completed.process__item--result .process__status .process__status-number,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__status .process__status__number,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__status .process__status-number,
.process-nosequence__item.process-nosequence__item--completed .process__status .process__status__number,
.process-nosequence__item.process-nosequence__item--completed .process__status .process__status-number,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__status .process__status__number,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__status .process__status-number,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__status .process__status__number,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__status .process__status-number,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__status .process__status__number,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__status .process__status-number {
    position: absolute;
    z-index: -1
}

.process__item.process__item--completed .process__status .process__status__ico,
.process__item.process__item--completed .process__status .process__status-ico,
.process__item.process__item--completed .process__status .process-nosequence__status-ico,
.process__item.process__item--completed .process-nosequence__status .process__status__ico,
.process__item.process__item--completed .process-nosequence__status .process__status-ico,
.process__item.process__item--completed .process-nosequence__status .process-nosequence__status-ico,
.process__item.process__item--completed.process__item--result .process__status .process__status__ico,
.process__item.process__item--completed.process__item--result .process__status .process__status-ico,
.process__item.process__item--completed.process__item--result .process__status .process-nosequence__status-ico,
.process__item.process__item--completed.process__item--result .process-nosequence__status .process__status__ico,
.process__item.process__item--completed.process__item--result .process-nosequence__status .process__status-ico,
.process__item.process__item--completed.process__item--result .process-nosequence__status .process-nosequence__status-ico,
.process__item.process-nosequence__item--completed .process__status .process__status__ico,
.process__item.process-nosequence__item--completed .process__status .process__status-ico,
.process__item.process-nosequence__item--completed .process__status .process-nosequence__status-ico,
.process__item.process-nosequence__item--completed .process-nosequence__status .process__status__ico,
.process__item.process-nosequence__item--completed .process-nosequence__status .process__status-ico,
.process__item.process-nosequence__item--completed .process-nosequence__status .process-nosequence__status-ico,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__status .process__status__ico,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__status .process__status-ico,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__status .process-nosequence__status-ico,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__status .process__status__ico,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__status .process__status-ico,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__status .process-nosequence__status-ico,
.process-nosequence__item.process__item--completed .process__status .process__status__ico,
.process-nosequence__item.process__item--completed .process__status .process__status-ico,
.process-nosequence__item.process__item--completed .process__status .process-nosequence__status-ico,
.process-nosequence__item.process__item--completed .process-nosequence__status .process__status__ico,
.process-nosequence__item.process__item--completed .process-nosequence__status .process__status-ico,
.process-nosequence__item.process__item--completed .process-nosequence__status .process-nosequence__status-ico,
.process-nosequence__item.process__item--completed.process__item--result .process__status .process__status__ico,
.process-nosequence__item.process__item--completed.process__item--result .process__status .process__status-ico,
.process-nosequence__item.process__item--completed.process__item--result .process__status .process-nosequence__status-ico,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__status .process__status__ico,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__status .process__status-ico,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__status .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--completed .process__status .process__status__ico,
.process-nosequence__item.process-nosequence__item--completed .process__status .process__status-ico,
.process-nosequence__item.process-nosequence__item--completed .process__status .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__status .process__status__ico,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__status .process__status-ico,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__status .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__status .process__status__ico,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__status .process__status-ico,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__status .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__status .process__status__ico,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__status .process__status-ico,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__status .process-nosequence__status-ico {
    display: none
}

.process__item.process__item--completed .process__status .process__status__ico--checked,
.process__item.process__item--completed .process__status .process__status-ico--checked,
.process__item.process__item--completed .process__status .process-nosequence__status-ico--checked,
.process__item.process__item--completed .process-nosequence__status .process__status__ico--checked,
.process__item.process__item--completed .process-nosequence__status .process__status-ico--checked,
.process__item.process__item--completed .process-nosequence__status .process-nosequence__status-ico--checked,
.process__item.process__item--completed.process__item--result .process__status .process__status__ico--checked,
.process__item.process__item--completed.process__item--result .process__status .process__status-ico--checked,
.process__item.process__item--completed.process__item--result .process__status .process-nosequence__status-ico--checked,
.process__item.process__item--completed.process__item--result .process-nosequence__status .process__status__ico--checked,
.process__item.process__item--completed.process__item--result .process-nosequence__status .process__status-ico--checked,
.process__item.process__item--completed.process__item--result .process-nosequence__status .process-nosequence__status-ico--checked,
.process__item.process-nosequence__item--completed .process__status .process__status__ico--checked,
.process__item.process-nosequence__item--completed .process__status .process__status-ico--checked,
.process__item.process-nosequence__item--completed .process__status .process-nosequence__status-ico--checked,
.process__item.process-nosequence__item--completed .process-nosequence__status .process__status__ico--checked,
.process__item.process-nosequence__item--completed .process-nosequence__status .process__status-ico--checked,
.process__item.process-nosequence__item--completed .process-nosequence__status .process-nosequence__status-ico--checked,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__status .process__status__ico--checked,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__status .process__status-ico--checked,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__status .process-nosequence__status-ico--checked,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__status .process__status__ico--checked,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__status .process__status-ico--checked,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process__item--completed .process__status .process__status__ico--checked,
.process-nosequence__item.process__item--completed .process__status .process__status-ico--checked,
.process-nosequence__item.process__item--completed .process__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process__item--completed .process-nosequence__status .process__status__ico--checked,
.process-nosequence__item.process__item--completed .process-nosequence__status .process__status-ico--checked,
.process-nosequence__item.process__item--completed .process-nosequence__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process__item--completed.process__item--result .process__status .process__status__ico--checked,
.process-nosequence__item.process__item--completed.process__item--result .process__status .process__status-ico--checked,
.process-nosequence__item.process__item--completed.process__item--result .process__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__status .process__status__ico--checked,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__status .process__status-ico--checked,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--completed .process__status .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--completed .process__status .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--completed .process__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__status .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__status .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__status .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__status .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__status .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__status .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__status .process-nosequence__status-ico--checked {
    display: block
}

.process__item.process__item--completed .process__action,
.process__item.process__item--completed .process-nosequence__action,
.process__item.process__item--completed.process__item--result .process__action,
.process__item.process__item--completed.process__item--result .process-nosequence__action,
.process__item.process-nosequence__item--completed .process__action,
.process__item.process-nosequence__item--completed .process-nosequence__action,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__action,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__action,
.process-nosequence__item.process__item--completed .process__action,
.process-nosequence__item.process__item--completed .process-nosequence__action,
.process-nosequence__item.process__item--completed.process__item--result .process__action,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__action,
.process-nosequence__item.process-nosequence__item--completed .process__action,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__action,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__action,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__action {
    display: block
}

.process__item.process__item--completed .process__action.process-nosequence__action--second,
.process__item.process__item--completed .process-nosequence__action.process-nosequence__action--second,
.process__item.process__item--completed.process__item--result .process__action.process-nosequence__action--second,
.process__item.process__item--completed.process__item--result .process-nosequence__action.process-nosequence__action--second,
.process__item.process-nosequence__item--completed .process__action.process-nosequence__action--second,
.process__item.process-nosequence__item--completed .process-nosequence__action.process-nosequence__action--second,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__action.process-nosequence__action--second,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__action.process-nosequence__action--second,
.process-nosequence__item.process__item--completed .process__action.process-nosequence__action--second,
.process-nosequence__item.process__item--completed .process-nosequence__action.process-nosequence__action--second,
.process-nosequence__item.process__item--completed.process__item--result .process__action.process-nosequence__action--second,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__action.process-nosequence__action--second,
.process-nosequence__item.process-nosequence__item--completed .process__action.process-nosequence__action--second,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__action.process-nosequence__action--second,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__action.process-nosequence__action--second,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__action.process-nosequence__action--second {
    display: none
}

.process__item.process__item--completed .process__action.process-nosequence__action--init,
.process__item.process__item--completed .process-nosequence__action.process-nosequence__action--init,
.process__item.process__item--completed.process__item--result .process__action.process-nosequence__action--init,
.process__item.process__item--completed.process__item--result .process-nosequence__action.process-nosequence__action--init,
.process__item.process-nosequence__item--completed .process__action.process-nosequence__action--init,
.process__item.process-nosequence__item--completed .process-nosequence__action.process-nosequence__action--init,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__action.process-nosequence__action--init,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__action.process-nosequence__action--init,
.process-nosequence__item.process__item--completed .process__action.process-nosequence__action--init,
.process-nosequence__item.process__item--completed .process-nosequence__action.process-nosequence__action--init,
.process-nosequence__item.process__item--completed.process__item--result .process__action.process-nosequence__action--init,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__action.process-nosequence__action--init,
.process-nosequence__item.process-nosequence__item--completed .process__action.process-nosequence__action--init,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__action.process-nosequence__action--init,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__action.process-nosequence__action--init,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__action.process-nosequence__action--init {
    display: none
}

.process__item.process__item--completed .process__other,
.process__item.process__item--completed .process-nosequence__other,
.process__item.process__item--completed.process__item--result .process__other,
.process__item.process__item--completed.process__item--result .process-nosequence__other,
.process__item.process-nosequence__item--completed .process__other,
.process__item.process-nosequence__item--completed .process-nosequence__other,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__other,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__other,
.process-nosequence__item.process__item--completed .process__other,
.process-nosequence__item.process__item--completed .process-nosequence__other,
.process-nosequence__item.process__item--completed.process__item--result .process__other,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__other,
.process-nosequence__item.process-nosequence__item--completed .process__other,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__other,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__other,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__other {
    display: block
}

.process__item.process__item--completed .process__action--error,
.process__item.process__item--completed .process-nosequence__action--error,
.process__item.process__item--completed.process__item--result .process__action--error,
.process__item.process__item--completed.process__item--result .process-nosequence__action--error,
.process__item.process-nosequence__item--completed .process__action--error,
.process__item.process-nosequence__item--completed .process-nosequence__action--error,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__action--error,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__action--error,
.process-nosequence__item.process__item--completed .process__action--error,
.process-nosequence__item.process__item--completed .process-nosequence__action--error,
.process-nosequence__item.process__item--completed.process__item--result .process__action--error,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__action--error,
.process-nosequence__item.process-nosequence__item--completed .process__action--error,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__action--error,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__action--error,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__action--error {
    display: none
}

.process__item.process__item--completed .process__text span,
.process__item.process__item--completed .process__text div,
.process__item.process__item--completed .process-nosequence__text span,
.process__item.process__item--completed .process-nosequence__text div,
.process__item.process__item--completed.process__item--result .process__text span,
.process__item.process__item--completed.process__item--result .process__text div,
.process__item.process__item--completed.process__item--result .process-nosequence__text span,
.process__item.process__item--completed.process__item--result .process-nosequence__text div,
.process__item.process-nosequence__item--completed .process__text span,
.process__item.process-nosequence__item--completed .process__text div,
.process__item.process-nosequence__item--completed .process-nosequence__text span,
.process__item.process-nosequence__item--completed .process-nosequence__text div,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__text span,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__text div,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__text span,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__text div,
.process-nosequence__item.process__item--completed .process__text span,
.process-nosequence__item.process__item--completed .process__text div,
.process-nosequence__item.process__item--completed .process-nosequence__text span,
.process-nosequence__item.process__item--completed .process-nosequence__text div,
.process-nosequence__item.process__item--completed.process__item--result .process__text span,
.process-nosequence__item.process__item--completed.process__item--result .process__text div,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__text span,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__text div,
.process-nosequence__item.process-nosequence__item--completed .process__text span,
.process-nosequence__item.process-nosequence__item--completed .process__text div,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__text span,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__text div,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__text span,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__text div,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__text span,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__text div {
    display: none
}

.process__item.process__item--completed .process__text span.process__text--completed,
.process__item.process__item--completed .process__text span.process-nosequence__text--completed,
.process__item.process__item--completed .process__text div.process__text--completed,
.process__item.process__item--completed .process__text div.process-nosequence__text--completed,
.process__item.process__item--completed .process-nosequence__text span.process__text--completed,
.process__item.process__item--completed .process-nosequence__text span.process-nosequence__text--completed,
.process__item.process__item--completed .process-nosequence__text div.process__text--completed,
.process__item.process__item--completed .process-nosequence__text div.process-nosequence__text--completed,
.process__item.process__item--completed.process__item--result .process__text span.process__text--completed,
.process__item.process__item--completed.process__item--result .process__text span.process-nosequence__text--completed,
.process__item.process__item--completed.process__item--result .process__text div.process__text--completed,
.process__item.process__item--completed.process__item--result .process__text div.process-nosequence__text--completed,
.process__item.process__item--completed.process__item--result .process-nosequence__text span.process__text--completed,
.process__item.process__item--completed.process__item--result .process-nosequence__text span.process-nosequence__text--completed,
.process__item.process__item--completed.process__item--result .process-nosequence__text div.process__text--completed,
.process__item.process__item--completed.process__item--result .process-nosequence__text div.process-nosequence__text--completed,
.process__item.process-nosequence__item--completed .process__text span.process__text--completed,
.process__item.process-nosequence__item--completed .process__text span.process-nosequence__text--completed,
.process__item.process-nosequence__item--completed .process__text div.process__text--completed,
.process__item.process-nosequence__item--completed .process__text div.process-nosequence__text--completed,
.process__item.process-nosequence__item--completed .process-nosequence__text span.process__text--completed,
.process__item.process-nosequence__item--completed .process-nosequence__text span.process-nosequence__text--completed,
.process__item.process-nosequence__item--completed .process-nosequence__text div.process__text--completed,
.process__item.process-nosequence__item--completed .process-nosequence__text div.process-nosequence__text--completed,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__text span.process__text--completed,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__text span.process-nosequence__text--completed,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__text div.process__text--completed,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process__text div.process-nosequence__text--completed,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__text span.process__text--completed,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__text span.process-nosequence__text--completed,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__text div.process__text--completed,
.process__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__text div.process-nosequence__text--completed,
.process-nosequence__item.process__item--completed .process__text span.process__text--completed,
.process-nosequence__item.process__item--completed .process__text span.process-nosequence__text--completed,
.process-nosequence__item.process__item--completed .process__text div.process__text--completed,
.process-nosequence__item.process__item--completed .process__text div.process-nosequence__text--completed,
.process-nosequence__item.process__item--completed .process-nosequence__text span.process__text--completed,
.process-nosequence__item.process__item--completed .process-nosequence__text span.process-nosequence__text--completed,
.process-nosequence__item.process__item--completed .process-nosequence__text div.process__text--completed,
.process-nosequence__item.process__item--completed .process-nosequence__text div.process-nosequence__text--completed,
.process-nosequence__item.process__item--completed.process__item--result .process__text span.process__text--completed,
.process-nosequence__item.process__item--completed.process__item--result .process__text span.process-nosequence__text--completed,
.process-nosequence__item.process__item--completed.process__item--result .process__text div.process__text--completed,
.process-nosequence__item.process__item--completed.process__item--result .process__text div.process-nosequence__text--completed,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__text span.process__text--completed,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__text span.process-nosequence__text--completed,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__text div.process__text--completed,
.process-nosequence__item.process__item--completed.process__item--result .process-nosequence__text div.process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--completed .process__text span.process__text--completed,
.process-nosequence__item.process-nosequence__item--completed .process__text span.process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--completed .process__text div.process__text--completed,
.process-nosequence__item.process-nosequence__item--completed .process__text div.process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__text span.process__text--completed,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__text span.process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__text div.process__text--completed,
.process-nosequence__item.process-nosequence__item--completed .process-nosequence__text div.process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__text span.process__text--completed,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__text span.process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__text div.process__text--completed,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process__text div.process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__text span.process__text--completed,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__text span.process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__text div.process__text--completed,
.process-nosequence__item.process-nosequence__item--completed.process-nosequence__item--result .process-nosequence__text div.process-nosequence__text--completed {
    display: block
}

.process__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__status-ico {
    display: block
}

.process__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__status-ico--checked {
    display: none
}

.process__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__action.process-nosequence__action--second,
.process-nosequence__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__action.process-nosequence__action--second {
    display: block
}

.process__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__other,
.process-nosequence__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__other {
    display: none
}

.process__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__text span,
.process__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__text div,
.process-nosequence__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__text span,
.process-nosequence__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__text div {
    display: none
}

.process__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__text span.process__text--completed,
.process__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__text div.process__text--completed,
.process-nosequence__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__text span.process__text--completed,
.process-nosequence__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__text div.process__text--completed {
    display: block
}

.process__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__text span.process-nosequence__text--completed,
.process__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__text div.process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__text span.process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--add.process-nosequence__item--completed .process-nosequence__text div.process-nosequence__text--completed {
    display: none
}

.process__item.process__item--pending .process__status .process__status__number,
.process__item.process__item--pending .process__status .process__status-number,
.process__item.process__item--pending .process-nosequence__status .process__status__number,
.process__item.process__item--pending .process-nosequence__status .process__status-number,
.process__item.process-nosequence__item--pending .process__status .process__status__number,
.process__item.process-nosequence__item--pending .process__status .process__status-number,
.process__item.process-nosequence__item--pending .process-nosequence__status .process__status__number,
.process__item.process-nosequence__item--pending .process-nosequence__status .process__status-number,
.process__item.process-nosequence__item--to-edit .process__status .process__status__number,
.process__item.process-nosequence__item--to-edit .process__status .process__status-number,
.process__item.process-nosequence__item--to-edit .process-nosequence__status .process__status__number,
.process__item.process-nosequence__item--to-edit .process-nosequence__status .process__status-number,
.process-nosequence__item.process__item--pending .process__status .process__status__number,
.process-nosequence__item.process__item--pending .process__status .process__status-number,
.process-nosequence__item.process__item--pending .process-nosequence__status .process__status__number,
.process-nosequence__item.process__item--pending .process-nosequence__status .process__status-number,
.process-nosequence__item.process-nosequence__item--pending .process__status .process__status__number,
.process-nosequence__item.process-nosequence__item--pending .process__status .process__status-number,
.process-nosequence__item.process-nosequence__item--pending .process-nosequence__status .process__status__number,
.process-nosequence__item.process-nosequence__item--pending .process-nosequence__status .process__status-number,
.process-nosequence__item.process-nosequence__item--to-edit .process__status .process__status__number,
.process-nosequence__item.process-nosequence__item--to-edit .process__status .process__status-number,
.process-nosequence__item.process-nosequence__item--to-edit .process-nosequence__status .process__status__number,
.process-nosequence__item.process-nosequence__item--to-edit .process-nosequence__status .process__status-number {
    position: absolute;
    z-index: -1
}

.process__item.process__item--pending .process__status .process__status__ico,
.process__item.process__item--pending .process__status .process__status-ico,
.process__item.process__item--pending .process__status .process-nosequence__status-ico,
.process__item.process__item--pending .process-nosequence__status .process__status__ico,
.process__item.process__item--pending .process-nosequence__status .process__status-ico,
.process__item.process__item--pending .process-nosequence__status .process-nosequence__status-ico,
.process__item.process-nosequence__item--pending .process__status .process__status__ico,
.process__item.process-nosequence__item--pending .process__status .process__status-ico,
.process__item.process-nosequence__item--pending .process__status .process-nosequence__status-ico,
.process__item.process-nosequence__item--pending .process-nosequence__status .process__status__ico,
.process__item.process-nosequence__item--pending .process-nosequence__status .process__status-ico,
.process__item.process-nosequence__item--pending .process-nosequence__status .process-nosequence__status-ico,
.process__item.process-nosequence__item--to-edit .process__status .process__status__ico,
.process__item.process-nosequence__item--to-edit .process__status .process__status-ico,
.process__item.process-nosequence__item--to-edit .process__status .process-nosequence__status-ico,
.process__item.process-nosequence__item--to-edit .process-nosequence__status .process__status__ico,
.process__item.process-nosequence__item--to-edit .process-nosequence__status .process__status-ico,
.process__item.process-nosequence__item--to-edit .process-nosequence__status .process-nosequence__status-ico,
.process-nosequence__item.process__item--pending .process__status .process__status__ico,
.process-nosequence__item.process__item--pending .process__status .process__status-ico,
.process-nosequence__item.process__item--pending .process__status .process-nosequence__status-ico,
.process-nosequence__item.process__item--pending .process-nosequence__status .process__status__ico,
.process-nosequence__item.process__item--pending .process-nosequence__status .process__status-ico,
.process-nosequence__item.process__item--pending .process-nosequence__status .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--pending .process__status .process__status__ico,
.process-nosequence__item.process-nosequence__item--pending .process__status .process__status-ico,
.process-nosequence__item.process-nosequence__item--pending .process__status .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--pending .process-nosequence__status .process__status__ico,
.process-nosequence__item.process-nosequence__item--pending .process-nosequence__status .process__status-ico,
.process-nosequence__item.process-nosequence__item--pending .process-nosequence__status .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--to-edit .process__status .process__status__ico,
.process-nosequence__item.process-nosequence__item--to-edit .process__status .process__status-ico,
.process-nosequence__item.process-nosequence__item--to-edit .process__status .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--to-edit .process-nosequence__status .process__status__ico,
.process-nosequence__item.process-nosequence__item--to-edit .process-nosequence__status .process__status-ico,
.process-nosequence__item.process-nosequence__item--to-edit .process-nosequence__status .process-nosequence__status-ico {
    display: block
}

.process__item.process__item--pending .process__status .process__status__ico--checked,
.process__item.process__item--pending .process__status .process__status-ico--checked,
.process__item.process__item--pending .process__status .process-nosequence__status-ico--checked,
.process__item.process__item--pending .process-nosequence__status .process__status__ico--checked,
.process__item.process__item--pending .process-nosequence__status .process__status-ico--checked,
.process__item.process__item--pending .process-nosequence__status .process-nosequence__status-ico--checked,
.process__item.process-nosequence__item--pending .process__status .process__status__ico--checked,
.process__item.process-nosequence__item--pending .process__status .process__status-ico--checked,
.process__item.process-nosequence__item--pending .process__status .process-nosequence__status-ico--checked,
.process__item.process-nosequence__item--pending .process-nosequence__status .process__status__ico--checked,
.process__item.process-nosequence__item--pending .process-nosequence__status .process__status-ico--checked,
.process__item.process-nosequence__item--pending .process-nosequence__status .process-nosequence__status-ico--checked,
.process__item.process-nosequence__item--to-edit .process__status .process__status__ico--checked,
.process__item.process-nosequence__item--to-edit .process__status .process__status-ico--checked,
.process__item.process-nosequence__item--to-edit .process__status .process-nosequence__status-ico--checked,
.process__item.process-nosequence__item--to-edit .process-nosequence__status .process__status__ico--checked,
.process__item.process-nosequence__item--to-edit .process-nosequence__status .process__status-ico--checked,
.process__item.process-nosequence__item--to-edit .process-nosequence__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process__item--pending .process__status .process__status__ico--checked,
.process-nosequence__item.process__item--pending .process__status .process__status-ico--checked,
.process-nosequence__item.process__item--pending .process__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process__item--pending .process-nosequence__status .process__status__ico--checked,
.process-nosequence__item.process__item--pending .process-nosequence__status .process__status-ico--checked,
.process-nosequence__item.process__item--pending .process-nosequence__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--pending .process__status .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--pending .process__status .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--pending .process__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--pending .process-nosequence__status .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--pending .process-nosequence__status .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--pending .process-nosequence__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--to-edit .process__status .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--to-edit .process__status .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--to-edit .process__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--to-edit .process-nosequence__status .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--to-edit .process-nosequence__status .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--to-edit .process-nosequence__status .process-nosequence__status-ico--checked {
    display: none
}

.process__item.process__item--pending .process__text .process__text--completed,
.process__item.process__item--pending .process__text .process-nosequence__text--completed,
.process__item.process__item--pending .process-nosequence__text .process__text--completed,
.process__item.process__item--pending .process-nosequence__text .process-nosequence__text--completed,
.process__item.process-nosequence__item--pending .process__text .process__text--completed,
.process__item.process-nosequence__item--pending .process__text .process-nosequence__text--completed,
.process__item.process-nosequence__item--pending .process-nosequence__text .process__text--completed,
.process__item.process-nosequence__item--pending .process-nosequence__text .process-nosequence__text--completed,
.process__item.process-nosequence__item--to-edit .process__text .process__text--completed,
.process__item.process-nosequence__item--to-edit .process__text .process-nosequence__text--completed,
.process__item.process-nosequence__item--to-edit .process-nosequence__text .process__text--completed,
.process__item.process-nosequence__item--to-edit .process-nosequence__text .process-nosequence__text--completed,
.process-nosequence__item.process__item--pending .process__text .process__text--completed,
.process-nosequence__item.process__item--pending .process__text .process-nosequence__text--completed,
.process-nosequence__item.process__item--pending .process-nosequence__text .process__text--completed,
.process-nosequence__item.process__item--pending .process-nosequence__text .process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--pending .process__text .process__text--completed,
.process-nosequence__item.process-nosequence__item--pending .process__text .process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--pending .process-nosequence__text .process__text--completed,
.process-nosequence__item.process-nosequence__item--pending .process-nosequence__text .process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--to-edit .process__text .process__text--completed,
.process-nosequence__item.process-nosequence__item--to-edit .process__text .process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--to-edit .process-nosequence__text .process__text--completed,
.process-nosequence__item.process-nosequence__item--to-edit .process-nosequence__text .process-nosequence__text--completed {
    display: none
}

.process__item.process-nosequence__item--to-edit .process-nosequence__action,
.process-nosequence__item.process-nosequence__item--to-edit .process-nosequence__action {
    display: none
}

.process__item.process-nosequence__item--to-edit .process-nosequence__action.process-nosequence__action--second,
.process-nosequence__item.process-nosequence__item--to-edit .process-nosequence__action.process-nosequence__action--second {
    display: block
}

.process__item.process-nosequence__item--to-edit.process-nosequence__item--open .process-nosequence__action.process-nosequence__action--second,
.process-nosequence__item.process-nosequence__item--to-edit.process-nosequence__item--open .process-nosequence__action.process-nosequence__action--second {
    display: none
}

.process__item.process-nosequence__item--to-edit.process-nosequence__item--completed .process-nosequence__status .process__status__ico,
.process__item.process-nosequence__item--to-edit.process-nosequence__item--completed .process-nosequence__status .process__status-ico,
.process__item.process-nosequence__item--to-edit.process-nosequence__item--completed .process-nosequence__status .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--to-edit.process-nosequence__item--completed .process-nosequence__status .process__status__ico,
.process-nosequence__item.process-nosequence__item--to-edit.process-nosequence__item--completed .process-nosequence__status .process__status-ico,
.process-nosequence__item.process-nosequence__item--to-edit.process-nosequence__item--completed .process-nosequence__status .process-nosequence__status-ico {
    display: none
}

.process__item.process-nosequence__item--to-edit.process-nosequence__item--completed .process-nosequence__status .process__status__ico--checked,
.process__item.process-nosequence__item--to-edit.process-nosequence__item--completed .process-nosequence__status .process__status-ico--checked,
.process__item.process-nosequence__item--to-edit.process-nosequence__item--completed .process-nosequence__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--to-edit.process-nosequence__item--completed .process-nosequence__status .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--to-edit.process-nosequence__item--completed .process-nosequence__status .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--to-edit.process-nosequence__item--completed .process-nosequence__status .process-nosequence__status-ico--checked {
    display: block
}

.process__item.process-nosequence__item--to-edit.process-nosequence__item--completed .process-nosequence__action,
.process-nosequence__item.process-nosequence__item--to-edit.process-nosequence__item--completed .process-nosequence__action {
    display: block
}

.process__item.process-nosequence__item--to-edit.process-nosequence__item--completed .process-nosequence__action.process-nosequence__action--second,
.process-nosequence__item.process-nosequence__item--to-edit.process-nosequence__item--completed .process-nosequence__action.process-nosequence__action--second {
    display: none
}

.process__item.process__item--error .process__status .process__status__number,
.process__item.process__item--error .process__status .process__status-number,
.process-nosequence__item.process__item--error .process__status .process__status__number,
.process-nosequence__item.process__item--error .process__status .process__status-number {
    position: absolute;
    z-index: -1
}

.process__item.process__item--error .process__status .process__status__ico,
.process__item.process__item--error .process__status .process__status-ico,
.process-nosequence__item.process__item--error .process__status .process__status__ico,
.process-nosequence__item.process__item--error .process__status .process__status-ico {
    display: block
}

.process__item.process__item--error .process__status .process__status__ico--checked,
.process__item.process__item--error .process__status .process__status-ico--checked,
.process-nosequence__item.process__item--error .process__status .process__status__ico--checked,
.process-nosequence__item.process__item--error .process__status .process__status-ico--checked {
    display: none
}

.process__item.process__item--error .process__text span,
.process-nosequence__item.process__item--error .process__text span {
    color: #CB1720
}

.process__item.process__item--error .process__action--error,
.process-nosequence__item.process__item--error .process__action--error {
    display: block
}

.process__item.process__item--error .process__text .process__text--completed,
.process-nosequence__item.process__item--error .process__text .process__text--completed {
    display: none
}

.process__item.process__item--validating .process__status .process__status__number,
.process__item.process__item--validating .process__status .process__status-number,
.process-nosequence__item.process__item--validating .process__status .process__status__number,
.process-nosequence__item.process__item--validating .process__status .process__status-number {
    position: absolute;
    z-index: -1
}

.process__item.process__item--validating .process__status .process__status__ico,
.process__item.process__item--validating .process__status .process__status-ico,
.process-nosequence__item.process__item--validating .process__status .process__status__ico,
.process-nosequence__item.process__item--validating .process__status .process__status-ico {
    display: block
}

.process__item.process__item--validating .process__status .process__status__ico--checked,
.process__item.process__item--validating .process__status .process__status-ico--checked,
.process-nosequence__item.process__item--validating .process__status .process__status__ico--checked,
.process-nosequence__item.process__item--validating .process__status .process__status-ico--checked {
    display: none
}

.process__item.process__item--validating .process__text .process__text--completed,
.process-nosequence__item.process__item--validating .process__text .process__text--completed {
    display: none
}

.process__item.process__item--disabled .process__status .process__status__number,
.process__item.process__item--disabled .process__status .process__status-number,
.process__item.process__item--disabled .process-nosequence__status .process__status__number,
.process__item.process__item--disabled .process-nosequence__status .process__status-number,
.process__item.process-nosequence__item--disabled .process__status .process__status__number,
.process__item.process-nosequence__item--disabled .process__status .process__status-number,
.process__item.process-nosequence__item--disabled .process-nosequence__status .process__status__number,
.process__item.process-nosequence__item--disabled .process-nosequence__status .process__status-number,
.process-nosequence__item.process__item--disabled .process__status .process__status__number,
.process-nosequence__item.process__item--disabled .process__status .process__status-number,
.process-nosequence__item.process__item--disabled .process-nosequence__status .process__status__number,
.process-nosequence__item.process__item--disabled .process-nosequence__status .process__status-number,
.process-nosequence__item.process-nosequence__item--disabled .process__status .process__status__number,
.process-nosequence__item.process-nosequence__item--disabled .process__status .process__status-number,
.process-nosequence__item.process-nosequence__item--disabled .process-nosequence__status .process__status__number,
.process-nosequence__item.process-nosequence__item--disabled .process-nosequence__status .process__status-number {
    display: block
}

.process__item.process__item--disabled .process__status .process__status__ico,
.process__item.process__item--disabled .process__status .process__status-ico,
.process__item.process__item--disabled .process-nosequence__status .process__status__ico,
.process__item.process__item--disabled .process-nosequence__status .process__status-ico,
.process__item.process-nosequence__item--disabled .process__status .process__status__ico,
.process__item.process-nosequence__item--disabled .process__status .process__status-ico,
.process__item.process-nosequence__item--disabled .process-nosequence__status .process__status__ico,
.process__item.process-nosequence__item--disabled .process-nosequence__status .process__status-ico,
.process-nosequence__item.process__item--disabled .process__status .process__status__ico,
.process-nosequence__item.process__item--disabled .process__status .process__status-ico,
.process-nosequence__item.process__item--disabled .process-nosequence__status .process__status__ico,
.process-nosequence__item.process__item--disabled .process-nosequence__status .process__status-ico,
.process-nosequence__item.process-nosequence__item--disabled .process__status .process__status__ico,
.process-nosequence__item.process-nosequence__item--disabled .process__status .process__status-ico,
.process-nosequence__item.process-nosequence__item--disabled .process-nosequence__status .process__status__ico,
.process-nosequence__item.process-nosequence__item--disabled .process-nosequence__status .process__status-ico {
    display: none
}

.process__item.process__item--disabled .process__status .process-nosequence__status-ico,
.process__item.process__item--disabled .process-nosequence__status .process-nosequence__status-ico,
.process__item.process-nosequence__item--disabled .process__status .process-nosequence__status-ico,
.process__item.process-nosequence__item--disabled .process-nosequence__status .process-nosequence__status-ico,
.process-nosequence__item.process__item--disabled .process__status .process-nosequence__status-ico,
.process-nosequence__item.process__item--disabled .process-nosequence__status .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--disabled .process__status .process-nosequence__status-ico,
.process-nosequence__item.process-nosequence__item--disabled .process-nosequence__status .process-nosequence__status-ico {
    display: block
}

.process__item.process__item--disabled .process__status .process__status__ico--checked,
.process__item.process__item--disabled .process__status .process__status-ico--checked,
.process__item.process__item--disabled .process__status .process-nosequence__status-ico--checked,
.process__item.process__item--disabled .process-nosequence__status .process__status__ico--checked,
.process__item.process__item--disabled .process-nosequence__status .process__status-ico--checked,
.process__item.process__item--disabled .process-nosequence__status .process-nosequence__status-ico--checked,
.process__item.process-nosequence__item--disabled .process__status .process__status__ico--checked,
.process__item.process-nosequence__item--disabled .process__status .process__status-ico--checked,
.process__item.process-nosequence__item--disabled .process__status .process-nosequence__status-ico--checked,
.process__item.process-nosequence__item--disabled .process-nosequence__status .process__status__ico--checked,
.process__item.process-nosequence__item--disabled .process-nosequence__status .process__status-ico--checked,
.process__item.process-nosequence__item--disabled .process-nosequence__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process__item--disabled .process__status .process__status__ico--checked,
.process-nosequence__item.process__item--disabled .process__status .process__status-ico--checked,
.process-nosequence__item.process__item--disabled .process__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process__item--disabled .process-nosequence__status .process__status__ico--checked,
.process-nosequence__item.process__item--disabled .process-nosequence__status .process__status-ico--checked,
.process-nosequence__item.process__item--disabled .process-nosequence__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--disabled .process__status .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--disabled .process__status .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--disabled .process__status .process-nosequence__status-ico--checked,
.process-nosequence__item.process-nosequence__item--disabled .process-nosequence__status .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--disabled .process-nosequence__status .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--disabled .process-nosequence__status .process-nosequence__status-ico--checked {
    display: none
}

.process__item.process__item--disabled .process__action,
.process__item.process__item--disabled .process-nosequence__action,
.process__item.process-nosequence__item--disabled .process__action,
.process__item.process-nosequence__item--disabled .process-nosequence__action,
.process-nosequence__item.process__item--disabled .process__action,
.process-nosequence__item.process__item--disabled .process-nosequence__action,
.process-nosequence__item.process-nosequence__item--disabled .process__action,
.process-nosequence__item.process-nosequence__item--disabled .process-nosequence__action {
    display: none
}

.process__item.process__item--disabled .process__action.process-nosequence__action--second,
.process__item.process__item--disabled .process-nosequence__action.process-nosequence__action--second,
.process__item.process-nosequence__item--disabled .process__action.process-nosequence__action--second,
.process__item.process-nosequence__item--disabled .process-nosequence__action.process-nosequence__action--second,
.process-nosequence__item.process__item--disabled .process__action.process-nosequence__action--second,
.process-nosequence__item.process__item--disabled .process-nosequence__action.process-nosequence__action--second,
.process-nosequence__item.process-nosequence__item--disabled .process__action.process-nosequence__action--second,
.process-nosequence__item.process-nosequence__item--disabled .process-nosequence__action.process-nosequence__action--second {
    display: block
}

.process__item.process__item--disabled .process__other,
.process__item.process__item--disabled .process-nosequence__other,
.process__item.process-nosequence__item--disabled .process__other,
.process__item.process-nosequence__item--disabled .process-nosequence__other,
.process-nosequence__item.process__item--disabled .process__other,
.process-nosequence__item.process__item--disabled .process-nosequence__other,
.process-nosequence__item.process-nosequence__item--disabled .process__other,
.process-nosequence__item.process-nosequence__item--disabled .process-nosequence__other {
    display: none
}

.process__item.process__item--disabled .process__action--error,
.process__item.process__item--disabled .process-nosequence__action--error,
.process__item.process-nosequence__item--disabled .process__action--error,
.process__item.process-nosequence__item--disabled .process-nosequence__action--error,
.process-nosequence__item.process__item--disabled .process__action--error,
.process-nosequence__item.process__item--disabled .process-nosequence__action--error,
.process-nosequence__item.process-nosequence__item--disabled .process__action--error,
.process-nosequence__item.process-nosequence__item--disabled .process-nosequence__action--error {
    display: none
}

.process__item.process__item--disabled .process__header,
.process__item.process__item--disabled .process-nosequence__header,
.process__item.process-nosequence__item--disabled .process__header,
.process__item.process-nosequence__item--disabled .process-nosequence__header,
.process-nosequence__item.process__item--disabled .process__header,
.process-nosequence__item.process__item--disabled .process-nosequence__header,
.process-nosequence__item.process-nosequence__item--disabled .process__header,
.process-nosequence__item.process-nosequence__item--disabled .process-nosequence__header {
    color: #5c6780
}

.process__item.process__item--disabled .process__text,
.process__item.process__item--disabled .process-nosequence__text,
.process__item.process-nosequence__item--disabled .process__text,
.process__item.process-nosequence__item--disabled .process-nosequence__text,
.process-nosequence__item.process__item--disabled .process__text,
.process-nosequence__item.process__item--disabled .process-nosequence__text,
.process-nosequence__item.process-nosequence__item--disabled .process__text,
.process-nosequence__item.process-nosequence__item--disabled .process-nosequence__text {
    color: #5c6780;
    font-weight: normal
}

.process__item.process__item--disabled .process__text .process__text--completed,
.process__item.process__item--disabled .process__text .process-nosequence__text--completed,
.process__item.process__item--disabled .process-nosequence__text .process__text--completed,
.process__item.process__item--disabled .process-nosequence__text .process-nosequence__text--completed,
.process__item.process-nosequence__item--disabled .process__text .process__text--completed,
.process__item.process-nosequence__item--disabled .process__text .process-nosequence__text--completed,
.process__item.process-nosequence__item--disabled .process-nosequence__text .process__text--completed,
.process__item.process-nosequence__item--disabled .process-nosequence__text .process-nosequence__text--completed,
.process-nosequence__item.process__item--disabled .process__text .process__text--completed,
.process-nosequence__item.process__item--disabled .process__text .process-nosequence__text--completed,
.process-nosequence__item.process__item--disabled .process-nosequence__text .process__text--completed,
.process-nosequence__item.process__item--disabled .process-nosequence__text .process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--disabled .process__text .process__text--completed,
.process-nosequence__item.process-nosequence__item--disabled .process__text .process-nosequence__text--completed,
.process-nosequence__item.process-nosequence__item--disabled .process-nosequence__text .process__text--completed,
.process-nosequence__item.process-nosequence__item--disabled .process-nosequence__text .process-nosequence__text--completed {
    display: none
}

.process__item.process__item--disabled.process__item--result .process__status .process__status__number,
.process__item.process__item--disabled.process__item--result .process__status .process__status-number,
.process__item.process-nosequence__item--disabled.process__item--result .process__status .process__status__number,
.process__item.process-nosequence__item--disabled.process__item--result .process__status .process__status-number,
.process-nosequence__item.process__item--disabled.process__item--result .process__status .process__status__number,
.process-nosequence__item.process__item--disabled.process__item--result .process__status .process__status-number,
.process-nosequence__item.process-nosequence__item--disabled.process__item--result .process__status .process__status__number,
.process-nosequence__item.process-nosequence__item--disabled.process__item--result .process__status .process__status-number {
    position: absolute;
    z-index: -1
}

.process__item.process__item--disabled.process__item--result .process__status .process__status__ico,
.process__item.process__item--disabled.process__item--result .process__status .process__status-ico,
.process__item.process-nosequence__item--disabled.process__item--result .process__status .process__status__ico,
.process__item.process-nosequence__item--disabled.process__item--result .process__status .process__status-ico,
.process-nosequence__item.process__item--disabled.process__item--result .process__status .process__status__ico,
.process-nosequence__item.process__item--disabled.process__item--result .process__status .process__status-ico,
.process-nosequence__item.process-nosequence__item--disabled.process__item--result .process__status .process__status__ico,
.process-nosequence__item.process-nosequence__item--disabled.process__item--result .process__status .process__status-ico {
    display: block
}

.process__item.process__item--disabled.process__item--result .process__status .process__status__ico--checked,
.process__item.process__item--disabled.process__item--result .process__status .process__status-ico--checked,
.process__item.process-nosequence__item--disabled.process__item--result .process__status .process__status__ico--checked,
.process__item.process-nosequence__item--disabled.process__item--result .process__status .process__status-ico--checked,
.process-nosequence__item.process__item--disabled.process__item--result .process__status .process__status__ico--checked,
.process-nosequence__item.process__item--disabled.process__item--result .process__status .process__status-ico--checked,
.process-nosequence__item.process-nosequence__item--disabled.process__item--result .process__status .process__status__ico--checked,
.process-nosequence__item.process-nosequence__item--disabled.process__item--result .process__status .process__status-ico--checked {
    display: none
}

.process__item.process__item--padding16 .process__body,
.process-nosequence__item.process__item--padding16 .process__body {
    padding: 16px
}

.process__item.process-nosequence--on-editing .process-nosequence__action,
.process__item.process-nosequence--on-editing .process-nosequence__other,
.process-nosequence__item.process-nosequence--on-editing .process-nosequence__action,
.process-nosequence__item.process-nosequence--on-editing .process-nosequence__other {
    display: none !important
}

.process-nosequence__item {
    height: auto;
    min-height: 72px
}

.process-nosequence__item .action-box {
    padding-top: 12px
}

.process-nosequence__item .action-box .action-box__item.process-nosequence__action,
.process-nosequence__item .action-box .action-box__item.process-nosequence__other {
    display: block
}

.process__header,
.process-nosequence__header {
    color: #191B1C
}

.process__header:focus,
.process-nosequence__header:focus {
    box-shadow: inset 0 0 0 4px #3E4A50
}

.process__header.align-items-start .process__text,
.process__header.align-items-start .process-nosequence__text,
.process-nosequence__header.align-items-start .process__text,
.process-nosequence__header.align-items-start .process-nosequence__text {
    padding: 16px 0
}

@media (min-width: 768px) {
    .process__header.align-items-start .process__text,
    .process__header.align-items-start .process-nosequence__text,
    .process-nosequence__header.align-items-start .process__text,
    .process-nosequence__header.align-items-start .process-nosequence__text {
        padding: 0
    }
}

.process__header .process-nosequence__text .process-nosequence__text--completed div,
.process__header .process-nosequence__text .process-nosequence__text--completed span,
.process-nosequence__header .process-nosequence__text .process-nosequence__text--completed div,
.process-nosequence__header .process-nosequence__text .process-nosequence__text--completed span {
    display: inline-block
}

.process__status,
.process-nosequence__status {
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 16px;
    text-align: center
}

.process__status .process__status__number::before,
.process__status .process__status-number::before,
.process-nosequence__status .process__status__number::before,
.process-nosequence__status .process__status-number::before {
    counter-increment: section;
    content: counter(section)
}

.process__status .process__status__ico,
.process__status .process__status-ico,
.process__status .process-nosequence__status-ico,
.process-nosequence__status .process__status__ico,
.process-nosequence__status .process__status-ico,
.process-nosequence__status .process-nosequence__status-ico {
    line-height: 40px;
    margin: 0 0 0 9px
}

.process__status .process__status__ico--checked,
.process__status .process__status-ico--checked,
.process__status .process-nosequence__status-ico--checked,
.process-nosequence__status .process__status__ico--checked,
.process-nosequence__status .process__status-ico--checked,
.process-nosequence__status .process-nosequence__status-ico--checked {
    line-height: 40px;
    margin: 0 0 0 9px
}

.process__text,
.process-nosequence__text {
    flex: 1;
    color: #191B1C
}

.process__text span,
.process__text div,
.process-nosequence__text span,
.process-nosequence__text div {
    font-size: .875rem;
    color: #5c6780;
    font-weight: normal;
    line-height: 21px;
    display: block
}

.process-nosequence__text {
    padding: 16px 16px 16px 0
}

.process__action,
.process__action--error,
.process__other,
.process-nosequence__action,
.process-nosequence__action--error,
.process-nosequence__other {
    margin-right: 16px;
    display: none;
    cursor: pointer
}

.process__body,
.process-nosequence__body {
    margin: 0;
    clear: both;
    border-top: 1px solid #EBEEF5;
    padding: 40px 64px;
    background-color: #fff;
    cursor: default;
    display: none
}

@media (max-width: 991.98px) {
    .process__body,
    .process-nosequence__body {
        padding: 40px 16px
    }
}

@media (max-width: 575.98px) {
    .process__body,
    .process-nosequence__body {
        padding: 16px
    }
}

.accordionProcess__item {
    height: 72px;
    border-top: 1px solid #EBEEF5;
    cursor: default
}

.accordionProcess__item:last-child {
    border-bottom: 1px solid #EBEEF5
}

.accordionProcess__item .accordionProcess__header {
    color: #191B1C
}

.accordionProcess__item .accordionProcess__header:focus {
    box-shadow: inset 0 0 0 4px #3E4A50
}

.accordionProcess__item .accordionProcess__header.align-items-start .accordionProcess__text {
    padding: 16px 0
}

@media (min-width: 768px) {
    .accordionProcess__item .accordionProcess__header.align-items-start .accordionProcess__text {
        padding: 0
    }
}

.accordionProcess__item .accordionProcess__status {
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 16px;
    text-align: center
}

.accordionProcess__item .accordionProcess__status .accordionProcess__status__ico,
.accordionProcess__item .accordionProcess__status .accordionProcess__status-ico {
    line-height: 40px;
    margin: 0 0 0 9px
}

.accordionProcess__item .accordionProcess__status .accordionProcess__status__ico--checked,
.accordionProcess__item .accordionProcess__status .accordionProcess__status-ico--checked,
.accordionProcess__item .accordionProcess__status .accordionProcess__status-ico--checked {
    line-height: 40px;
    margin: 0 0 0 9px
}

.accordionProcess__item .accordionProcess__body {
    display: none;
    margin: 0;
    clear: both;
    border-top: 1px solid #EBEEF5;
    padding: 40px 16px 8px 16px;
    cursor: default
}

@media (max-width: 991.98px) {
    .accordionProcess__item .accordionProcess__body {
        padding: 40px 16px
    }
}

@media (max-width: 575.98px) {
    .accordionProcess__item .accordionProcess__body {
        padding: 16px
    }
}

.accordionProcess__item .accordionProcess__text {
    flex: 1;
    color: #191B1C
}

.accordionProcess__item .accordionProcess__text,
.accordionProcess__item .accordionProcess__text .h5,
.accordionProcess__item .accordionProcess__text .h6 {
    font-size: 14px;
    line-height: 24px
}

.accordionProcess__item .accordionProcess__text span {
    font-size: .875rem;
    color: #5c6780;
    font-weight: normal;
    line-height: 21px;
    display: block
}

.accordionProcess__item .accordionProcess__action {
    margin-right: 16px;
    cursor: pointer
}

.accordionProcess__item.accordionProcess__item--completed .accordionProcess__status {
    color: #008931
}

.accordionProcess__item.accordionProcess__item--completed .accordionProcess__status .accordionProcess__status__ico,
.accordionProcess__item.accordionProcess__item--completed .accordionProcess__status .accordionProcess__status-ico {
    display: none
}

.accordionProcess__item.accordionProcess__item--completed .accordionProcess__status .accordionProcess__status__ico--checked,
.accordionProcess__item.accordionProcess__item--completed .accordionProcess__status .accordionProcess__status-ico--checked {
    display: block
}

.accordionProcess__item.accordionProcess__item--completed .accordionProcess__text .accordionProcess__text--completed {
    display: block
}

.accordionProcess__item.accordionProcess__item--completed .accordionProcess__text .accordionProcess__text--error,
.accordionProcess__item.accordionProcess__item--completed .accordionProcess__text .accordionProcess__text--pending {
    display: none
}

.accordionProcess__item.accordionProcess__item--error .accordionProcess__status,
.accordionProcess__item.accordionProcess__item--pending .accordionProcess__status {
    color: #CB1720
}

.accordionProcess__item.accordionProcess__item--error .accordionProcess__status .accordionProcess__status__ico,
.accordionProcess__item.accordionProcess__item--error .accordionProcess__status .accordionProcess__status-ico,
.accordionProcess__item.accordionProcess__item--pending .accordionProcess__status .accordionProcess__status__ico,
.accordionProcess__item.accordionProcess__item--pending .accordionProcess__status .accordionProcess__status-ico {
    display: block
}

.accordionProcess__item.accordionProcess__item--error .accordionProcess__status .accordionProcess__status__ico--checked,
.accordionProcess__item.accordionProcess__item--error .accordionProcess__status .accordionProcess__status-ico--checked,
.accordionProcess__item.accordionProcess__item--pending .accordionProcess__status .accordionProcess__status__ico--checked,
.accordionProcess__item.accordionProcess__item--pending .accordionProcess__status .accordionProcess__status-ico--checked {
    display: none
}

.accordionProcess__item.accordionProcess__item--error .accordionProcess__text span,
.accordionProcess__item.accordionProcess__item--pending .accordionProcess__text span {
    color: #CB1720
}

.accordionProcess__item.accordionProcess__item--error .accordionProcess__text .accordionProcess__text--completed,
.accordionProcess__item.accordionProcess__item--pending .accordionProcess__text .accordionProcess__text--completed {
    display: none
}

.accordionProcess__item.accordionProcess__item--error .accordionProcess__text .accordionProcess__text--pending {
    display: none
}

.accordionProcess__item.accordionProcess__item--error .accordionProcess__text .accordionProcess__text--error {
    display: block
}

.accordionProcess__item.accordionProcess__item--pending .accordionProcess__text .accordionProcess__text--pending {
    display: block
}

.accordionProcess__item.accordionProcess__item--pending .accordionProcess__text .accordionProcess__text--error {
    display: none
}

@media (max-width: 575.98px) {
    .process__item--with-button {
        min-height: 120px
    }
    .process__header--with-button {
        flex-wrap: wrap
    }
    .process__text--with-button {
        min-width: 200px;
        width: 100%
    }
    .process__action--with-button {
        flex-basis: auto;
        margin-left: 72px;
        flex-shrink: 0
    }
    .accordionProcess__item--with-button {
        min-height: 120px
    }
    .accordionProcess__header--with-button {
        flex-wrap: wrap
    }
    .accordionProcess__text--with-button {
        min-width: 200px;
        width: 100%
    }
    .accordionProcess__action--with-button {
        flex-basis: 40%;
        margin-left: 72px;
        flex-shrink: 0
    }
}

.process--border .process__item,
.process--border .process-nosequence__item {
    border: 1px solid #AFB5C8;
    box-shadow: none
}

@media (max-width: 575.98px) {
    .process__item.process__item--auto-xs,
    .process-nosequence__item.process__item--auto-xs {
        height: auto;
        min-height: 72px
    }
    .process__item.process__item--auto-xs .process__action,
    .process__item.process__item--auto-xs .process__status,
    .process-nosequence__item.process__item--auto-xs .process__action,
    .process-nosequence__item.process__item--auto-xs .process__status {
        align-self: flex-start
    }
    .process__item.process__item--auto-xs .process__text,
    .process-nosequence__item.process__item--auto-xs .process__text {
        padding: 14px 14px 14px 0
    }
    .process__item.process__item--auto-xs .process__action,
    .process-nosequence__item.process__item--auto-xs .process__action {
        padding-top: 28px
    }
}

.process__item.process__item--auto,
.process-nosequence__item.process__item--auto {
    height: auto;
    min-height: 72px
}

.process__item.process__item--auto .process__action,
.process__item.process__item--auto .process__status,
.process-nosequence__item.process__item--auto .process__action,
.process-nosequence__item.process__item--auto .process__status {
    align-self: flex-start
}

.process__item.process__item--auto .process__text,
.process-nosequence__item.process__item--auto .process__text {
    padding: 14px 14px 14px 0
}

.process__item.process__item--auto .process__action,
.process-nosequence__item.process__item--auto .process__action {
    padding-top: 28px
}

.simple__info-carousel {
    position: relative;
    color: #000
}

@media (max-width: 767.98px) {
    .simple__info-carousel {
        overflow: hidden;
        margin-right: 0;
        margin-left: 0
    }
}

.simple__info-carousel>.col,
.simple__info-carousel>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.simple__info-carousel .simple__info-carousel__container.row {
    will-change: transform;
    transition-property: transform;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    padding: 0
}

@media (max-width: 767.98px) {
    .simple__info-carousel .simple__info-carousel__container.row {
        flex-wrap: nowrap;
        width: 200%
    }
}

@media (max-width: 767.98px) {
    .simple__info-carousel.slide1 .simple__info-carousel__container {
        transform: translateX(0)
    }
}

@media (max-width: 767.98px) {
    .simple__info-carousel.slide2 .simple__info-carousel__container {
        transform: translateX(-50%)
    }
}

@media (max-width: 767.98px) {
    .simple__info-carousel.simple__info-carousel_triple .simple__info-carousel__container,
    .simple__info-carousel.simple__info-carousel--triple .simple__info-carousel__container {
        width: 300%
    }
}

@media (max-width: 767.98px) {
    .simple__info-carousel.simple__info-carousel_triple.slide2 .simple__info-carousel__container,
    .simple__info-carousel.simple__info-carousel--triple.slide2 .simple__info-carousel__container {
        transform: translateX(-33.3333%)
    }
}

@media (max-width: 767.98px) {
    .simple__info-carousel.simple__info-carousel_triple.slide3 .simple__info-carousel__container,
    .simple__info-carousel.simple__info-carousel--triple.slide3 .simple__info-carousel__container {
        transform: translateX(-66.6666%)
    }
}

@media (max-width: 767.98px) {
    .simple__info-carousel.simple__info-carousel_special .simple__info-carousel__container,
    .simple__info-carousel.simple__info-carousel--four .simple__info-carousel__container {
        width: 400%
    }
}

@media (max-width: 767.98px) {
    .simple__info-carousel.simple__info-carousel_special.slide2 .simple__info-carousel__container,
    .simple__info-carousel.simple__info-carousel--four.slide2 .simple__info-carousel__container {
        transform: translateX(-25%)
    }
}

@media (max-width: 767.98px) {
    .simple__info-carousel.simple__info-carousel_special.slide3 .simple__info-carousel__container,
    .simple__info-carousel.simple__info-carousel--four.slide3 .simple__info-carousel__container {
        transform: translateX(-50%)
    }
}

@media (max-width: 767.98px) {
    .simple__info-carousel.simple__info-carousel_special.slide4 .simple__info-carousel__container,
    .simple__info-carousel.simple__info-carousel--four.slide4 .simple__info-carousel__container {
        transform: translateX(-75%)
    }
}

@media (max-width: 767.98px) {
    .simple__info-carousel.simple__info-carousel_cinco .simple__info-carousel__container,
    .simple__info-carousel.simple__info-carousel--five .simple__info-carousel__container {
        width: 500%
    }
}

@media (max-width: 767.98px) {
    .simple__info-carousel.simple__info-carousel_cinco.slide2 .simple__info-carousel__container,
    .simple__info-carousel.simple__info-carousel--five.slide2 .simple__info-carousel__container {
        transform: translateX(-20%)
    }
}

@media (max-width: 767.98px) {
    .simple__info-carousel.simple__info-carousel_cinco.slide3 .simple__info-carousel__container,
    .simple__info-carousel.simple__info-carousel--five.slide3 .simple__info-carousel__container {
        transform: translateX(-40%)
    }
}

@media (max-width: 767.98px) {
    .simple__info-carousel.simple__info-carousel_cinco.slide4 .simple__info-carousel__container,
    .simple__info-carousel.simple__info-carousel--five.slide4 .simple__info-carousel__container {
        transform: translateX(-60%)
    }
}

@media (max-width: 767.98px) {
    .simple__info-carousel.simple__info-carousel_cinco.slide5 .simple__info-carousel__container,
    .simple__info-carousel.simple__info-carousel--five.slide5 .simple__info-carousel__container {
        transform: translateX(-80%)
    }
}

.simple__info-carousel .carousel__controls__advantages {
    position: absolute;
    bottom: 0;
    display: none
}

.simple__info-carousel .carousel__controls__advantages button {
    height: 24px;
    width: 24px
}

.simple__info-carousel .carousel__controls__advantages button:after {
    display: inline-block;
    content: '';
    height: 6px;
    width: 6px;
    border: 1px solid #000;
    border-radius: 6px;
    margin-bottom: 4px
}

.simple__info-carousel .carousel__controls__advantages button.active:after {
    background-color: #000;
    border-radius: 0
}

.simple__info-carousel .carousel__controls__advantages button:focus {
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    border: 1px solid #AFB5C8;
    background-color: #fff;
    outline: 3px solid #EBEEF5
}

@media (max-width: 767.98px) {
    .simple__info-carousel .carousel__controls__advantages {
        display: block
    }
}

.content-box__carousel {
    position: relative;
    color: #000
}

@media (max-width: 767.98px) {
    .content-box__carousel {
        overflow: hidden;
        margin-right: 0;
        margin-left: 0
    }
}

.content-box__carousel>.col,
.content-box__carousel>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.content-box__carousel .content-box__carousel__container.row {
    will-change: transform;
    transition-property: transform;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    padding: 0
}

@media (max-width: 767.98px) {
    .content-box__carousel .content-box__carousel__container.row {
        flex-wrap: nowrap;
        width: 200%
    }
}

@media (max-width: 767.98px) {
    .content-box__carousel.slide1 .content-box__carousel__container {
        transform: translateX(0)
    }
}

@media (max-width: 767.98px) {
    .content-box__carousel.slide2 .content-box__carousel__container {
        transform: translateX(-50%)
    }
}

@media (max-width: 767.98px) {
    .content-box__carousel.content-box__carousel_triple .content-box__carousel__container,
    .content-box__carousel.content-box__carousel--triple .content-box__carousel__container {
        width: 300%
    }
}

@media (max-width: 767.98px) {
    .content-box__carousel.content-box__carousel_triple.slide2 .content-box__carousel__container,
    .content-box__carousel.content-box__carousel--triple.slide2 .content-box__carousel__container {
        transform: translateX(-33.3333%)
    }
}

@media (max-width: 767.98px) {
    .content-box__carousel.content-box__carousel_triple.slide3 .content-box__carousel__container,
    .content-box__carousel.content-box__carousel--triple.slide3 .content-box__carousel__container {
        transform: translateX(-66.6666%)
    }
}

@media (max-width: 767.98px) {
    .content-box__carousel.content-box__carousel_special .content-box__carousel__container,
    .content-box__carousel.simple__info-carousel--four .content-box__carousel__container {
        width: 400%
    }
}

@media (max-width: 767.98px) {
    .content-box__carousel.content-box__carousel_special.slide2 .content-box__carousel__container,
    .content-box__carousel.simple__info-carousel--four.slide2 .content-box__carousel__container {
        transform: translateX(-25%)
    }
}

@media (max-width: 767.98px) {
    .content-box__carousel.content-box__carousel_special.slide3 .content-box__carousel__container,
    .content-box__carousel.simple__info-carousel--four.slide3 .content-box__carousel__container {
        transform: translateX(-50%)
    }
}

@media (max-width: 767.98px) {
    .content-box__carousel.content-box__carousel_special.slide4 .content-box__carousel__container,
    .content-box__carousel.simple__info-carousel--four.slide4 .content-box__carousel__container {
        transform: translateX(-75%)
    }
}

@media (max-width: 767.98px) {
    .content-box__carousel.content-box__carousel_cinco .content-box__carousel__container,
    .content-box__carousel.simple__info-carousel--five .content-box__carousel__container {
        width: 500%
    }
}

@media (max-width: 767.98px) {
    .content-box__carousel.content-box__carousel_cinco.slide2 .content-box__carousel__container,
    .content-box__carousel.simple__info-carousel--five.slide2 .content-box__carousel__container {
        transform: translateX(-20%)
    }
}

@media (max-width: 767.98px) {
    .content-box__carousel.content-box__carousel_cinco.slide3 .content-box__carousel__container,
    .content-box__carousel.simple__info-carousel--five.slide3 .content-box__carousel__container {
        transform: translateX(-40%)
    }
}

@media (max-width: 767.98px) {
    .content-box__carousel.content-box__carousel_cinco.slide4 .content-box__carousel__container,
    .content-box__carousel.simple__info-carousel--five.slide4 .content-box__carousel__container {
        transform: translateX(-60%)
    }
}

@media (max-width: 767.98px) {
    .content-box__carousel.content-box__carousel_cinco.slide5 .content-box__carousel__container,
    .content-box__carousel.simple__info-carousel--five.slide5 .content-box__carousel__container {
        transform: translateX(-80%)
    }
}

.content-box__carousel .carousel__controls__advantages {
    position: absolute;
    bottom: 0;
    display: none
}

.content-box__carousel .carousel__controls__advantages button {
    height: 34px;
    width: 34px
}

.content-box__carousel .carousel__controls__advantages button:after {
    display: inline-block;
    content: '';
    height: 6px;
    width: 6px;
    border: 1px solid #000;
    border-radius: 6px
}

.content-box__carousel .carousel__controls__advantages button.active:after {
    background-color: #000;
    border-radius: 0
}

@media (max-width: 767.98px) {
    .content-box__carousel .carousel__controls__advantages {
        display: block
    }
}

.simple-info .simple-info__listado,
.simple-info .simple-info__listado-tres-col {
    margin-bottom: .5rem
}

.simple-info .simple-info__listado li,
.simple-info .simple-info__listado-tres-col li {
    margin-bottom: 1rem
}

.simple-info .simple-info__listado li img,
.simple-info .simple-info__listado-tres-col li img {
    margin-right: 1rem
}

@media (min-width: 768px) {
    .simple-info .simple-info__listado,
    .simple-info .simple-info__listado-tres-col {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2
    }
}

@media (min-width: 992px) {
    .simple-info .simple-info__listado,
    .simple-info .simple-info__listado-tres-col {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3
    }
}

.simple-info .simple-info__button {
    cursor: pointer
}

.simple-info .simple-info__button a span {
    will-change: transform;
    transform: translateY(-2px) rotate(0deg);
    transition-property: all;
    transition-duration: 0.166s;
    transition-delay: 0;
    transition-timing-function: ease-out
}

.simple-info .simple-info__button a.opened span {
    white-space: normal;
    height: auto;
    transform: translateY(-2px) rotate(-180deg)
}

.simple-info .simple-info__list li {
    margin-left: 2rem;
    list-style: disc;
    margin-bottom: 1.5rem
}

.simple-info .simple-info__image {
    position: relative;
    width: 80%;
    max-width: 20rem;
    margin-bottom: 2rem
}

@media (max-width: 767.98px) {
    .simple-info .simple-info__image {
        width: 100%
    }
}

.simple-info .simple-info__image img {
    width: 80%;
    height: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-60%)
}

.simple-info .simple-info__image .simple-info__image-base {
    width: 80%;
    padding-bottom: 80%
}

.simple-info .simple-info__square {
    background-color: #FF821C;
    width: 72px;
    height: 72px
}

.simple-info .simple-info__square .pictoDSL,
.simple-info .simple-info__square .icon {
    width: 100%;
    height: 100%;
    line-height: 72px;
    font-size: 56px;
    text-align: center
}

@media (min-width: 768px) {
    .simple-info .simple-info__square {
        width: 80px;
        height: 80px
    }
    .simple-info .simple-info__square .pictoDSL,
    .simple-info .simple-info__square .icon {
        line-height: 80px
    }
}

@media (min-width: 992px) {
    .simple-info .simple-info__square {
        width: 88px;
        height: 88px;
        font-size: 64px
    }
    .simple-info .simple-info__square .pictoDSL,
    .simple-info .simple-info__square .icon {
        line-height: 88px
    }
}

@media (min-width: 1200px) {
    .simple-info .simple-info__square {
        width: 96px;
        height: 96px
    }
    .simple-info .simple-info__square .pictoDSL,
    .simple-info .simple-info__square .icon {
        line-height: 96px
    }
}

.simple-info .section-heading .pictoDSL,
.simple-info .section-heading .icon {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 48px
}

.simple-info .simple-info_orange .simple-info__image-base {
    background-color: #FF821C
}

.simple-info .simple-info_orange .simple-info__square {
    background-color: #FF821C
}

.simple-info .simple-info_orange .section-heading__line {
    background-color: #FF821C
}

.simple-info .simple-info_yellow .simple-info__image-base {
    background-color: #FED430
}

.simple-info .simple-info_yellow .simple-info__square {
    background-color: #FED430
}

.simple-info .simple-info_yellow .section-heading__line {
    background-color: #FED430
}

.simple-info .simple-info_cyan .simple-info__image-base {
    background-color: #B5F0EF
}

.simple-info .simple-info_cyan .simple-info__square {
    background-color: #B5F0EF
}

.simple-info .simple-info_cyan .section-heading__line {
    background-color: #B5F0EF
}

.simple-info .simple-info_bkj-yellow .simple-info__image-base {
    background-color: #FFE700
}

.simple-info .simple-info_bkj-yellow .simple-info__square {
    background-color: #FFE700
}

.simple-info .simple-info_bkj-yellow .section-heading__line {
    background-color: #FFE700
}

.simple-info .simple-info_gray-dark .simple-info__image-base {
    background-color: #191B1C
}

.simple-info .simple-info_gray-dark .simple-info__square {
    background-color: #191B1C
}

.simple-info .simple-info_gray-dark .section-heading__line {
    background-color: #191B1C
}

.simple-info .simple-info_bkj-turquoise .simple-info__image-base {
    background-color: #37ECC7
}

.simple-info .simple-info_bkj-turquoise .simple-info__square {
    background-color: #37ECC7
}

.simple-info .simple-info_bkj-turquoise .section-heading__line {
    background-color: #37ECC7
}

.simple-info .simple-info_bkj-blue .simple-info__image-base {
    background-color: #08C3FF
}

.simple-info .simple-info_bkj-blue .simple-info__square {
    background-color: #08C3FF
}

.simple-info .simple-info_bkj-blue .section-heading__line {
    background-color: #08C3FF
}

.simple-info .simple-info_bkj-red .simple-info__image-base {
    background-color: #FF4169
}

.simple-info .simple-info_bkj-red .simple-info__square {
    background-color: #FF4169
}

.simple-info .simple-info_bkj-red .section-heading__line {
    background-color: #FF4169
}

.simple-info .simple-info--gray-business .simple-info__image-base {
    background-color: #4B575D
}

.simple-info .simple-info--gray-business .simple-info__square {
    background-color: #4B575D
}

.simple-info .simple-info--gray-business .simple-info__square .icon,
.simple-info .simple-info--gray-business .simple-info__square .pictoDSL {
    color: #fff
}

.simple-info .simple-info--gray-business .section-heading__line {
    background-color: #4B575D
}

.simple-info .simple-info_gray-business .simple-info__image-base {
    background-color: #4B575D
}

.simple-info .simple-info_gray-business .simple-info__square {
    background-color: #4B575D
}

.simple-info .simple-info_gray-business .simple-info__square .icon,
.simple-info .simple-info_gray-business .simple-info__square .pictoDSL {
    color: #fff
}

.simple-info .simple-info_gray-business .section-heading__line {
    background-color: #4B575D
}

.simple-info .simple-info--ad-grey-dark .simple-info__image-base {
    background-color: #273140
}

.simple-info .simple-info--ad-grey-dark .simple-info__square {
    background-color: #273140
}

.simple-info .simple-info--ad-grey-dark .simple-info__square .icon,
.simple-info .simple-info--ad-grey-dark .simple-info__square .pictoDSL {
    color: #fff
}

.simple-info .simple-info--ad-grey-dark .section-heading__line {
    background-color: #273140
}

.simple-info .simple-info--ad-grey-input .simple-info__image-base {
    background-color: #C8D7E6
}

.simple-info .simple-info--ad-grey-input .simple-info__square {
    background-color: #C8D7E6
}

.simple-info .simple-info--ad-grey-input .section-heading__line {
    background-color: #C8D7E6
}

.simple-info.simple-info_image-right .simple-info__image {
    margin-left: auto
}

.simple-info.simple-info--square-sm-one .simple-info__title {
    margin-bottom: 16px;
    line-height: 32px
}

.simple-info.simple-info--square-sm-one .simple-info__text p {
    margin-bottom: 16px
}

.simple-info.simple-info--square-sm-one .simple-info__square .icon {
    line-height: 76px
}

@media (min-width: 768px) {
    .simple-info.simple-info--square-sm-one .simple-info__square .icon {
        line-height: 84px
    }
}

@media (min-width: 992px) {
    .simple-info.simple-info--square-sm-one .simple-info__square .icon {
        line-height: 72px
    }
}

@media (min-width: 1200px) {
    .simple-info.simple-info--square-sm-one .simple-info__square .icon {
        line-height: 88px
    }
}

.simple-info.simple-info--square-sm-one .simple-info__image {
    margin-bottom: 24px;
    width: auto;
    max-width: unset
}

.simple-info.simple-info--square-sm-one .simple-info__image .simple-info__image-base {
    padding-bottom: 0;
    width: 48px;
    height: 48px;
    position: absolute;
    left: 224px;
    bottom: 0
}

@media (min-width: 768px) {
    .simple-info.simple-info--square-sm-one .simple-info__image .simple-info__image-base {
        left: 226px;
        width: 56px;
        height: 56px
    }
}

@media (min-width: 992px) {
    .simple-info.simple-info--square-sm-one .simple-info__image .simple-info__image-base {
        left: 262px
    }
}

.simple-info.simple-info--square-sm-one .simple-info__image img {
    transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    top: 0;
    right: 0;
    position: relative;
    width: 224px;
    height: 224px
}

@media (min-width: 768px) {
    .simple-info.simple-info--square-sm-one .simple-info__image img {
        width: 226px;
        height: 226px
    }
}

@media (min-width: 992px) {
    .simple-info.simple-info--square-sm-one .simple-info__image img {
        width: 262px;
        height: 262px
    }
}

.simple-info.simple-info--square-sm-two .simple-info__title {
    margin-bottom: 16px;
    line-height: 32px
}

.simple-info.simple-info--square-sm-two .simple-info__text p {
    margin-bottom: 16px
}

.simple-info.simple-info--square-sm-two .simple-info__image {
    margin-bottom: 24px;
    width: auto;
    max-width: unset
}

.simple-info.simple-info--square-sm-two .simple-info__image .simple-info__image-base {
    padding-bottom: 0;
    width: 48px;
    height: 48px;
    position: absolute;
    left: 224px;
    bottom: 0
}

@media (min-width: 768px) {
    .simple-info.simple-info--square-sm-two .simple-info__image .simple-info__image-base {
        left: 226px;
        width: 56px;
        height: 56px
    }
}

@media (min-width: 992px) {
    .simple-info.simple-info--square-sm-two .simple-info__image .simple-info__image-base {
        left: 262px
    }
}

.simple-info.simple-info--square-sm-two .simple-info__image img {
    transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    top: 0;
    right: 0;
    position: relative;
    width: 224px;
    height: 224px
}

@media (min-width: 768px) {
    .simple-info.simple-info--square-sm-two .simple-info__image img {
        width: 226px;
        height: 226px
    }
}

@media (min-width: 992px) {
    .simple-info.simple-info--square-sm-two .simple-info__image img {
        width: 262px;
        height: 262px
    }
}

.simple-info.simple-info--square-sm-three .simple-info__title {
    margin-bottom: 16px;
    line-height: 32px
}

.simple-info.simple-info--square-sm-three .simple-info__text p {
    margin-bottom: 16px
}

.simple-info.simple-info--square-sm-three .simple-info__image {
    margin-bottom: 24px;
    width: auto;
    max-width: unset
}

.simple-info.simple-info--square-sm-three .simple-info__image .simple-info__image-base {
    padding-bottom: 0;
    width: 48px;
    height: 48px;
    position: absolute;
    left: 224px;
    bottom: 0
}

@media (min-width: 768px) {
    .simple-info.simple-info--square-sm-three .simple-info__image .simple-info__image-base {
        left: 180px;
        width: 40px;
        height: 40px
    }
}

@media (min-width: 992px) {
    .simple-info.simple-info--square-sm-three .simple-info__image .simple-info__image-base {
        left: 237px;
        width: 56px;
        height: 56px
    }
}

.simple-info.simple-info--square-sm-three .simple-info__image img {
    transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    top: 0;
    right: 0;
    position: relative;
    width: 224px;
    height: 224px
}

@media (min-width: 768px) {
    .simple-info.simple-info--square-sm-three .simple-info__image img {
        width: 180px;
        height: 180px
    }
}

@media (min-width: 992px) {
    .simple-info.simple-info--square-sm-three .simple-info__image img {
        width: 237px;
        height: 237px
    }
}

.launch-tooltip {
    position: relative;
    z-index: 1;
    cursor: pointer
}

@media (min-width: 576px) {
    .simple-info--checkbox-group {
        display: flex;
        justify-content: space-between
    }
}

.sticky-regular {
    background: #fff;
    border-top: 1px solid #EBEEF5;
    padding: 24px 0
}

@media (min-width: 992px) {
    .sticky-regular.fixed,
    .sticky-regular.sticky-regular--fixed {
        box-shadow: 0 -6px 20px 0 rgba(92, 103, 128, 0.15);
        z-index: 1030;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0
    }
    .sticky-regular.fixed .btn:not(.btn--rounded).disabled:not(.btn--loading-disabled),
    .sticky-regular.fixed .btn:not(.btn--rounded)[disabled]:not(.btn--loading-disabled),
    .sticky-regular.fixed .btn:not(.btn--rounded).disabled:not(.loading),
    .sticky-regular.fixed .btn:not(.btn--rounded)[disabled]:not(.loading),
    .sticky-regular.sticky-regular--fixed .btn:not(.btn--rounded).disabled:not(.btn--loading-disabled),
    .sticky-regular.sticky-regular--fixed .btn:not(.btn--rounded)[disabled]:not(.btn--loading-disabled),
    .sticky-regular.sticky-regular--fixed .btn:not(.btn--rounded).disabled:not(.loading),
    .sticky-regular.sticky-regular--fixed .btn:not(.btn--rounded)[disabled]:not(.loading) {
        color: #5c6780 !important;
        background-color: #EBEEF5 !important;
        border: 1px solid #EBEEF5 !important
    }
    .sticky-regular.fixed .btn--loading-disabled,
    .sticky-regular.sticky-regular--fixed .btn--loading-disabled {
        color: transparent !important
    }
}

.sticky-regular--large {
    padding: 24px 0
}

@media (min-width: 576px) {
    .sticky-regular--large {
        padding: 8px 0
    }
}

.wrapper-sticky,
.sticky-regular__wrapper {
    display: block;
    min-height: 48px
}

@media (min-width: 576px) {
    .wrapper-sticky,
    .sticky-regular__wrapper {
        display: flex
    }
}

.wrapper-sticky a.sticky-regular__link--hidden,
.sticky-regular__wrapper a.sticky-regular__link--hidden {
    display: none
}

.wrapper-sticky a.hidden,
.sticky-regular__wrapper a.hidden {
    display: none
}

.wrapper-sticky .modal a,
.sticky-regular__wrapper .modal a {
    display: inline-block
}

.wrapper-sticky .sticky-regular__wrapper--first,
.sticky-regular__wrapper .sticky-regular__wrapper--first {
    display: block
}

@media (min-width: 576px) {
    .wrapper-sticky .sticky-regular__wrapper--first,
    .sticky-regular__wrapper .sticky-regular__wrapper--first {
        display: flex;
        justify-content: center
    }
}

.wrapper-sticky .btn:last-child,
.sticky-regular__wrapper .btn:last-child {
    margin-right: 0
}

.wrapper-sticky .btn--block-xs,
.sticky-regular__wrapper .btn--block-xs {
    margin-top: 0
}

.wrapper-sticky .btn--secondary,
.sticky-regular__wrapper .btn--secondary {
    margin-right: 0
}

@media (min-width: 576px) {
    .wrapper-sticky .btn--secondary,
    .sticky-regular__wrapper .btn--secondary {
        margin-right: 16px
    }
}

.wrapper-sticky .sign__mask,
.sticky-regular__wrapper .sign__mask {
    bottom: -8px
}

.wrapper-sticky .sign__mask.sign__mask--spinner,
.sticky-regular__wrapper .sign__mask.sign__mask--spinner {
    height: 64px;
    padding: 0 16px;
    bottom: 0;
    right: 0;
    position: absolute
}

@media (min-width: 576px) {
    .wrapper-sticky .sign__mask.sign__mask--spinner,
    .sticky-regular__wrapper .sign__mask.sign__mask--spinner {
        border-bottom-left-radius: 0
    }
}

.wrapper-sticky .sign__mask.sign__mask--spinner .sign,
.sticky-regular__wrapper .sign__mask.sign__mask--spinner .sign {
    padding: 0;
    box-shadow: none;
    display: block;
    position: relative;
    background-color: white;
    z-index: 1;
    top: -4px
}

@media (min-width: 576px) {
    .wrapper-sticky .sign__mask.sign__mask--spinner .sign,
    .sticky-regular__wrapper .sign__mask.sign__mask--spinner .sign {
        top: 6px
    }
}

.sticky-regular--transparent,
.sticky-regular__transparent {
    background: none
}

.sticky-regular--transparent .sticky-regular__wrapper,
.sticky-regular__transparent .sticky-regular__wrapper {
    border-top: 1px solid #F7FAFF
}

@media (max-width: 991.98px) {
    .sticky-regular--transparent,
    .sticky-regular__transparent {
        box-shadow: none !important
    }
    .sticky-regular--transparent .sticky-regular__wrapper,
    .sticky-regular__transparent .sticky-regular__wrapper {
        border-top: none
    }
}

.sticky-regular__wrapper--apport {
    display: block
}

@media (min-width: 576px) {
    .sticky-regular__wrapper--apport {
        display: flex;
        justify-content: center
    }
}

.sticky-regular__wrapper--apport .input-rounded {
    margin: 0 0 24px 0;
    width: 100%
}

@media (min-width: 576px) {
    .sticky-regular__wrapper--apport .input-rounded {
        margin: 0 16px 0 0;
        width: 260px
    }
}

@media (min-width: 992px) {
    .sticky-regular__wrapper--apport .input-rounded {
        margin: 0 40px 0 0
    }
}

.sticky-regular__wrapper--apport-datos {
    font-size: 14px;
    color: #6F7A94;
    line-height: 32px;
    margin-right: 0;
    display: block
}

@media (min-width: 576px) {
    .sticky-regular__wrapper--apport-datos {
        display: flex;
        justify-content: center;
        margin-right: 16px
    }
}

@media (min-width: 992px) {
    .sticky-regular__wrapper--apport-datos {
        margin-right: 40px
    }
}

.seudo-table {
    display: table;
    width: 100%;
    max-width: 100%
}

.seudo-table.table-2-cols th,
.seudo-table.table-2-cols td {
    width: 50%;
    max-width: 33.3%
}

.seudo-table.table-3-cols th,
.seudo-table.table-3-cols td {
    width: 33.3%;
    max-width: 33.3%
}

.seudo-table.table-4-cols th,
.seudo-table.table-4-cols td {
    width: 25%;
    max-width: 25%
}

.seudo-table.table-5-cols th,
.seudo-table.table-5-cols td {
    width: 20%;
    max-width: 20%
}

.seudo-table.table-6-cols th,
.seudo-table.table-6-cols td {
    width: 18%;
    max-width: 18%
}

.seudo-table.table-7-cols th,
.seudo-table.table-7-cols td {
    width: 14.28%;
    max-width: 14.28%
}

.seudo-table.table-8-cols th,
.seudo-table.table-8-cols td {
    width: 12.5%;
    max-width: 12.5%
}

.seudo-table.table-8-cols th,
.seudo-table.table-8-cols td {
    width: 12.5%;
    max-width: 12.5%
}

@media only screen and (max-width: 767px) {
    .seudo-table {
        display: inline-block
    }
}

.seudo-table__caja-busqueda {
    border: 1px solid rgba(97, 112, 119, 0.3);
    text-align: center;
    color: #D9E4FF;
    font-size: 1rem;
    height: 152px;
    padding-top: 20px
}

.seudo-table__caja-busqueda::before {
    font-family: 'BK-icons';
    content: '\e933';
    width: 40px;
    text-align: center;
    font-size: 3rem;
    width: 80px;
    height: 80px
}

.seudo-table__caja-busqueda_error::before {
    font-family: 'BK-icons';
    content: '\e93a';
    width: 40px;
    text-align: center;
    font-size: 3rem;
    width: 80px;
    height: 80px;
    color: #CB1720
}

.seudo-table-tr {
    display: table-row
}

@media only screen and (max-width: 767px) {
    .seudo-table-tr {
        display: inline-block;
        padding: 16px 4px 16px 0;
        margin-bottom: 1em
    }
    .seudo-table-tr:last-child {
        margin-bottom: 0
    }
}

.seudo-table-tr:hover {
    background-color: rgba(243, 245, 245, 0.4)
}

.seudo-table-tr.table-header:hover {
    background-color: transparent;
    cursor: default
}

@media only screen and (max-width: 767px) {
    .seudo-table-tr.table-header {
        display: none
    }
}

.seudo-table-tr.table-header .seudo-table-th {
    display: table-cell;
    padding: 16px 4px 8px 0;
    vertical-align: bottom;
    border-bottom: 1px solid #EBEEF5;
    color: #5c6780;
    letter-spacing: 0.1em;
    font-size: .75rem;
    line-height: 1.5;
    text-transform: uppercase;
    font-family: "BK-Sans";
    white-space: nowrap
}

@media only screen and (max-width: 989px) {
    .seudo-table-tr.table-header .seudo-table-th {
        padding: .825em .25em .5em .25em
    }
}

@media only screen and (max-width: 767px) {
    .seudo-table-tr.table-header .seudo-table-th {
        display: none
    }
}

.seudo-table-tr.table-header .seudo-table-th.margin-radio {
    text-align: left;
    padding-left: 35px
}

.seudo-table-tr.table-header .seudo-table-th.withIcon [class*=" pictoDSL-"],
.seudo-table-tr.table-header .seudo-table-th.withIcon [class^=pictoDSL-] {
    vertical-align: middle;
    width: 1em;
    height: 1em;
    font-size: 1rem;
    line-height: 1.5;
    margin-top: -.25em
}

.seudo-table-tr .seudo-table-td {
    display: table-cell;
    padding: 16px 4px 16px 0;
    vertical-align: top;
    border-bottom: 1px solid #EBEEF5;
    font-size: .875rem;
    line-height: 1.5;
    color: #191B1C;
    font-family: "BK-Sans";
    vertical-align: top
}

.seudo-table-tr .seudo-table-td.line-wrap {
    white-space: normal
}

@media only screen and (max-width: 989px) {
    .seudo-table-tr .seudo-table-td {
        padding: 16px 4px
    }
    .seudo-table-tr .seudo-table-td:last-child {
        line-height: 16px
    }
}

@media only screen and (max-width: 767px) {
    .seudo-table-tr .seudo-table-td {
        white-space: normal;
        padding: 16px 4px;
        display: inline-block;
        float: right;
        width: 100%;
        text-align: right
    }
    .seudo-table-tr .seudo-table-td[data-title]::before {
        content: attr(data-title);
        display: block;
        float: left;
        color: #5c6780;
        letter-spacing: 0.5/1em;
        font-size: .875rem;
        line-height: 1.33;
        padding-top: 4px;
        text-transform: uppercase;
        font-family: "BK-Sans"
    }
    .seudo-table-tr .seudo-table-td:last-child,
    .seudo-table-tr .seudo-table-td:first-child {
        float: none;
        width: 100%
    }
}

.seudo-table-tr.tr-disable>* {
    color: #D9E4FF
}

.seudo-table-tr.tr-disable>* label {
    color: #D9E4FF !important
}

.seudo-table-tr.tr-disable>* .triangle-mini[class*=" pictoDSL-play-16"]:before {
    color: #D9E4FF
}

.seudo-table-tr.tr-disable>*[data-title]::before {
    color: #D9E4FF
}

.seudo-table-tr.tr-disable:hover {
    background-color: #fff;
    cursor: not-allowed
}

.seudo-table.seudo-table-scroll {
    display: table
}

.seudo-table.seudo-table-scroll .seudo-table-tr {
    display: table-row;
    padding: 0;
    margin: 0
}

.seudo-table.seudo-table-scroll .seudo-table-tr.table-header .seudo-table-th {
    display: table-cell;
    padding: 16px 4px 8px 0
}

.seudo-table.seudo-table-scroll .seudo-table-tr.table-header .seudo-table-th.margin-radio {
    text-align: left;
    padding-left: 35px
}

.seudo-table.seudo-table-scroll .seudo-table-tr .seudo-table-td,
.seudo-table.seudo-table-scroll .seudo-table-tr .seudo-table-td:first-child {
    float: none;
    display: table-cell;
    padding: 16px 4px;
    width: auto;
    white-space: normal
}

.seudo-table.seudo-table-scroll .seudo-table-tr .seudo-table-td:before,
.seudo-table.seudo-table-scroll .seudo-table-tr .seudo-table-td:first-child:before {
    display: none
}

.seudo-table .checkbox input[type="checkbox"]+label {
    line-height: 21px
}

.seudo-table .checkbox input[type="checkbox"]+label:before {
    width: 21px;
    height: 21px
}

.seudo-table .checkbox input[type="checkbox"]+label:after {
    font-size: 29px
}

.seudo-table-scroll-cnt {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px
}

@media (max-width: 991.98px) {
    .seudo-table-scroll-cnt .seudo-table-scroll {
        min-width: 1012px
    }
}

.pagination {
    margin: 15px 0;
    text-align: center;
    position: relative
}

.pagination ul {
    display: flex;
    justify-content: center
}

.pagination ul li {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px
}

.pagination ul li+li:not(.next),
.pagination ul li li:not(.prev) {
    margin: 0 7px
}

.pagination ul li a {
    vertical-align: middle;
    display: table-cell;
    width: 40px;
    height: 40px;
    text-decoration: none;
    color: #FF821C;
    line-height: 26px;
    border: 1px solid transparent
}

.pagination ul li a:hover {
    border-radius: 3px;
    color: #FF821C;
    border: 1px solid #FF821C
}

.pagination ul li a span {
    position: static;
    top: 0;
    vertical-align: middle
}

.pagination ul li a span[class*=" pictoDSL-"],
.pagination ul li a span[class^=pictoDSL-] {
    top: -1px;
    position: relative
}

.pagination ul li.active a {
    border-radius: 3px;
    background-color: #FF821C;
    color: #fff
}

.pagination ul li.prev {
    position: absolute;
    left: 0;
    color: #5c6780
}

.pagination ul li.prev a {
    margin-right: 0;
    border: none;
    padding: 0;
    width: auto;
    letter-spacing: 1px
}

.pagination ul li.next {
    position: absolute;
    right: 0
}

.pagination ul li.next a {
    margin-right: 0;
    border: none;
    padding: 0;
    width: auto;
    margin-right: 0;
    letter-spacing: 1px
}

.triangle-mini {
    font-size: .875rem;
    line-height: .8em;
    padding: 0 8px 0 -5px
}

.triangle-mini[class*="pictoDSL-play-16"].triangle-up {
    transform: translate(0, 6%)
}

.triangle-mini[class*="pictoDSL-play-16"].triangle-up::before {
    transform: rotate(-90deg);
    color: #008931
}

.triangle-mini[class*=" pictoDSL-play-16"].triangle-down {
    transform: translate(0, 8%)
}

.triangle-mini[class*=" pictoDSL-play-16"].triangle-down::before {
    transform: rotate(90deg);
    color: #ED4138
}

.product-box {
    width: 100%;
    height: 13.875rem;
    box-shadow: 0 0 0.625rem 0 rgba(97, 112, 119, 0.15);
    background-color: #fff;
    margin-top: 1rem
}

.product-box.product-box__focus {
    box-shadow: 0 0 0 4px #3E4A50 !important
}

.product-box:focus {
    box-shadow: 0 0.375rem 1.875rem 0 rgba(97, 112, 119, 0.15)
}

.product-box .product-box__cabecera {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    width: 100%;
    height: 5.125rem
}

.product-box .product-box__cabecera .product-box__cabecera__no-click {
    pointer-events: none
}

.product-box .product-box__cabecera .product-box__cabecera__texto {
    font-family: "BK-Text";
    font-size: 1.25rem;
    color: #191B1C;
    text-align: left;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem
}

.product-box .product-box__cabecera .product-box__cabecera__subtexto {
    font-family: "BK-Sans";
    font-size: 0.8125rem;
    text-align: left;
    color: #5c6780;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem
}

.product-box .product-box__cabecera .product-box__cabecera__label {
    display: none
}

.product-box .product-box__cabecera .product-box__cabecera__check {
    display: none
}

.product-box .product-box__cabecera .product-box__cabecera__label-configurada {
    background-color: #B5F0EF;
    width: 6rem;
    height: 1.5rem;
    font-family: "BK-Sans";
    font-size: .875rem;
    line-height: 1.71;
    color: #191B1C;
    text-align: center;
    float: right;
    margin-right: 1rem
}

.product-box .product-box__cuerpo {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    width: 100%;
    text-align: right;
    height: 7.8125rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem
}

.product-box .product-box__cuerpo .product-box__cuerpo__texto {
    width: 15.1875rem;
    height: 3rem;
    font-family: "BK-Sans";
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: 0.0625rem;
    color: #191B1C;
    text-align: right
}

.product-box .product-box__cuerpo .product-box__cuerpo__texto__secundario {
    width: 4.5625rem;
    height: 3rem;
    font-family: "BK-Sans";
    font-size: 2rem;
    font-weight: 300;
    letter-spacing: 0.0625rem;
    color: #191B1C
}

.product-box .product-box__cuerpo .product-box__cuerpo__subtexto-limite {
    width: 12.0625rem;
    height: 1.1875rem;
    font-family: "BK-Sans";
    font-size: 1rem;
    color: #5c6780;
    text-align: right
}

.product-box .product-box__cuerpo .product-box__cuerpo__subtexto-importe {
    width: 12.0625rem;
    height: 1.1875rem;
    font-family: "BK-Sans";
    font-size: 1rem;
    color: #5c6780;
    text-align: right;
    margin-left: 1.3rem
}

.product-box .product-box__pie .product-box__pie__expand-link {
    width: 100%;
    height: 3.4375rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem
}

.product-box .product-box__pie .product-box__pie__link__no-conf {
    display: none
}

.product-box .product-box__pie .product-box__pie__button__no-conf {
    width: 100%;
    height: 5.4375rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem
}

.product-box .product-box__pie .product-box__pie__datos {
    display: none
}

.product-box.product-box__expanded {
    height: 33.75rem
}

.product-box.product-box__expanded.product-box__expanded-small {
    height: 17.875rem
}

.product-box.product-box__expanded .product-box__expanded__pie__hide {
    display: none
}

.product-box.product-box__expanded .product-box__expanded__pie__show {
    display: block
}

.product-box.product-box__expanded .product-box__expanded__pie .product-box__expanded__pie__expand-link {
    width: 100%;
    height: 3.4375rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem
}

.product-box.product-box__expanded .product-box__expanded__pie .product-box__expanded__pie__expand-link-gc {
    width: 100%;
    height: 3.4375rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    padding-bottom: 3rem
}

.product-box.product-box__expanded .product-box__expanded__pie .product-box__expanded__pie__expand-button {
    width: 100%;
    height: 5.4375rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem
}

.product-box.product-box__expanded .product-box__expanded__pie .product-box__expanded__pie__expand-button__hide {
    display: none
}

.product-box.product-box__expanded .product-box__expanded__pie__div {
    padding-bottom: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem
}

.product-box.product-box__expanded .product-box__expanded__pie__label {
    font-weight: 400;
    display: inline;
    width: 20%;
    font-size: .875rem
}

.product-box.product-box__expanded .product-box__expanded__pie__texto {
    width: 75%;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline;
    font-size: .875rem
}

.product-box.product-box__seleccionado {
    box-shadow: 0 0.375rem 1.875rem 0 rgba(97, 112, 119, 0.15)
}

.product-box.product-box__seleccionado .product-box__seleccionado__cabecera .product-box__cabecera__check {
    display: block
}

.product-box.product-box__deshabilitado {
    color: rgba(25, 27, 28, 0.4);
    background-color: #EBEEF5 !important;
    border: 1px solid #EBEEF5 !important;
    cursor: default;
    box-shadow: none;
    pointer-events: none
}

.product-box>hr {
    border-bottom: 1px solid #EBEEF5;
    padding: 0rem !important
}

.button-noclick {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 2rem
}

.button-hidden {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 2rem;
    display: none
}

.product-box {
    width: 100%;
    height: 13.875rem;
    box-shadow: 0 0 0.625rem 0 rgba(97, 112, 119, 0.15);
    background-color: #fff;
    margin-top: 1rem
}

.product-box.product-box--focus {
    box-shadow: 0 0 0 4px #3E4A50 !important
}

.product-box:focus {
    box-shadow: 0 0.375rem 1.875rem 0 rgba(97, 112, 119, 0.15)
}

.product-box.product-box__expanded {
    height: 33.75rem
}

.product-box.product-box__expanded.product-box__expanded--small {
    height: 17.875rem
}

.product-box.product-box--seleccionado {
    box-shadow: 0 0.375rem 1.875rem 0 rgba(97, 112, 119, 0.15)
}

.product-box.product-box--seleccionado .product-box__cabecera-check {
    display: block
}

.product-box.product-box--deshabilitado {
    color: rgba(25, 27, 28, 0.4);
    background-color: #EBEEF5 !important;
    border: 1px solid #EBEEF5 !important;
    cursor: default;
    box-shadow: none;
    pointer-events: none
}

.product-box__cabecera {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    width: 100%;
    height: 5.125rem
}

.product-box__cabecera--no-click {
    pointer-events: none
}

.product-box__title {
    font-family: "BK-Text";
    font-size: 1.25rem;
    color: #191B1C;
    text-align: left;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem
}

.product-box__subtitle {
    font-family: "BK-Sans";
    font-size: 0.8125rem;
    text-align: left;
    color: #5c6780;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem
}

.product-box__label {
    display: none
}

.product-box__check {
    display: none
}

.product-box__label--configurada {
    background-color: #B5F0EF;
    width: 6rem;
    height: 1.5rem;
    font-family: "BK-Sans";
    font-size: .875rem;
    line-height: 1.71;
    color: #191B1C;
    text-align: center;
    float: right;
    margin-right: 1rem
}

.product-box__cuerpo {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    width: 100%;
    text-align: right;
    height: 7.8125rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem
}

.product-box__main--big {
    width: 15.1875rem;
    height: 3rem;
    font-family: "BK-Sans";
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: 0.0625rem;
    color: #191B1C;
    text-align: right
}

.product-box__main--small {
    width: 4.5625rem;
    height: 3rem;
    font-family: "BK-Sans";
    font-size: 2rem;
    font-weight: 300;
    letter-spacing: 0.0625rem;
    color: #191B1C
}

.product-box__secondary {
    width: 12.0625rem;
    height: 1.1875rem;
    font-family: "BK-Sans";
    font-size: 1rem;
    color: #5c6780;
    text-align: right
}

.product-box__secondary--margin-left {
    margin-left: 1.3rem
}

.product-box__expand-link {
    width: 100%;
    height: 3.4375rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem
}

.product-box__link--no-conf {
    display: none
}

.product-box__button--no-conf {
    width: 100%;
    height: 5.4375rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem
}

.product-box__data {
    display: none
}

.product-box__expanded--hide {
    display: none
}

.product-box__expanded--show {
    display: block
}

.product-box__expanded-link {
    width: 100%;
    height: 3.4375rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem
}

.product-box__expanded-link--padding-bottom {
    padding-bottom: 3rem
}

.product-box__expanded-button {
    width: 100%;
    height: 5.4375rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem
}

.product-box__expanded-button--hide {
    display: none
}

.product-box__expanded-div {
    padding-bottom: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem
}

.product-box__expanded-label {
    font-weight: 400;
    display: inline;
    width: 20%;
    font-size: .875rem
}

.product-box__expanded-text {
    width: 75%;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline;
    font-size: .875rem
}

.product-box__separador {
    border-bottom: 1px solid #EBEEF5;
    padding: 0rem !important
}

.button--noclick {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 2rem
}

.button--hidden {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 2rem;
    display: none
}

.info-card {
    box-shadow: 0 0 10px 0 rgba(92, 103, 128, 0.15);
    background-color: #fff;
    cursor: default
}

.info-card:focus {
    box-shadow: 0 0 0 4px #3E4A50
}

.info-card__header {
    padding: 24px
}

.info-card__header-subtext {
    color: #AFB5C8;
    font-size: .75rem
}

.info-card__header-label {
    font-size: .75rem;
    padding: 0 8px;
    display: none;
    margin-right: 12px
}

.info-card__header-marks {
    transform: translate(10px, -40px)
}

.info-card__header-check {
    opacity: 0
}

.info-card__body {
    padding: 24px
}

.info-card__body-subtext {
    color: #AFB5C8;
    font-size: .875rem
}

.info-card__body-subtext span {
    margin-left: 16px
}

.info-card__footer {
    border-top: 1px solid #EBEEF5;
    padding: 16px 24px;
    height: 70px;
    overflow: hidden
}

.info-card__footer-data {
    display: none
}

.info-card--is-expanded .info-card__footer {
    height: auto
}

.info-card--is-expanded .icon--arrow-down-16 {
    transform: rotate(180deg);
    transition: transform .166s ease-out
}

.info-card--is-expanded .info-card__footer-data {
    display: block
}

.info-card--is-checked .info-card__header-check {
    opacity: 1
}

.info-card--is-configured .info-card__header-label {
    display: block;
    background-color: #D3F6F5
}

.info-card--is-pending .info-card__header-label {
    display: block;
    background-color: #FEE997
}

.info-card--is-disabled {
    color: #5c6780;
    background-color: #F7FAFF
}

.info-card--is-disabled .info-card__header-label {
    background-color: #D9E4FF
}

.folding-box {
    background-color: #fff;
    box-shadow: 0 6px 30px 0 rgba(92, 103, 128, 0.15)
}

.folding-box.folding-box__expanded .folding-box__head .folding-box__head__square:before {
    background-color: #B5F0EF;
    content: "\e90c"
}

.folding-box.folding-box__expanded .folding-box__body {
    display: block
}

.folding-box__head {
    border-bottom: 1px solid rgba(92, 103, 128, 0.15);
    padding-bottom: 16px;
    padding-left: 16px;
    height: 72px;
    display: flex;
    align-items: center;
    box-shadow: 0 6px 30px 0 rgba(92, 103, 128, 0.15)
}

.folding-box__head .folding-box__head__square:before {
    width: 40px;
    height: 40px;
    padding: 8px;
    background-color: #FED430
}

.folding-box__head .folding-box__head__label {
    margin-left: 30px;
    margin-top: 5%;
    height: 24px;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #191B1C
}

.folding-box__body {
    display: none;
    align-content: center;
    height: 343px;
    background-color: #fff;
    border: 4px;
    box-shadow: 0 6px 30px 0 rgba(92, 103, 128, 0.15)
}

.folding-box__body .form__group {
    align-self: center;
    padding: 0
}

.folding-box__body>div {
    display: flex;
    flex-direction: column
}

.folding-box__body__select-wrapper {
    align-self: center;
    padding: 0
}

.folding-box__body .folding-box__body__labelInfo {
    text-align: right;
    margin-top: 8px;
    margin-right: 10%;
    color: #5c6780;
    font-size: 12px
}

.folding-box__body .folding-box__body__label {
    text-align: left;
    margin-left: 9%;
    color: #191B1C;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal
}

.folding-box__body .folding-box__body__select {
    -webkit-scrollbar-button: 10px;
    margin-top: 16px;
    height: 60px;
    border-radius: 4px;
    color: #5c6780
}

.folding-box__body .folding-box__body__selectError {
    padding-left: 15px;
    padding-top: 4%;
    font-size: 14px;
    width: 84%;
    height: 50px;
    font-weight: bold;
    line-height: 1;
    margin-top: 16px;
    margin-right: 48px;
    margin-left: 8%;
    background-color: rgba(203, 23, 32, 0.1)
}

.abrirFolding {
    display: block
}

.cerrarFolding {
    display: none
}

.carousel {
    position: relative
}

.carousel__wrapper {
    position: relative
}

@media (max-width: 991.98px) {
    .carousel__wrapper {
        margin: initial
    }
}

.carousel__wrapper--with-overflow {
    padding: 0 150px
}

@media (max-width: 991.98px) {
    .carousel__wrapper--with-overflow {
        padding: 0
    }
}

.carousel__container {
    overflow: hidden
}

@media (min-width: 768px) {
    .carousel.carousel--only-mobile {
        overflow: visible;
        width: 100%
    }
}

.carousel__wrapper--with-overflow .carousel__container {
    overflow: visible
}

.carousel__inner {
    display: flex;
    left: -200%;
    position: relative;
    transform: translateX(100%);
    transition-duration: 5s;
    align-items: center;
    padding-bottom: 24px
}

@media (min-width: 768px) {
    .carousel__inner {
        left: -33.33333%;
        transform: translateX(33.33333%);
        transition-duration: 5s
    }
}

@media (min-width: 768px) {
    .carousel__inner.carousel__inner--four-cols {
        left: -25%;
        transform: translateX(25%);
        transition-duration: 5s
    }
}

@media (min-width: 768px) {
    .carousel.carousel--only-mobile .carousel__inner {
        flex-wrap: wrap;
        left: 0
    }
}

.carousel__inner--is-reversing {
    transform: translateX(-100%);
    transition-duration: 5s
}

@media (min-width: 768px) {
    .carousel__inner--is-reversing {
        transform: translateX(-33.33333%);
        transition-duration: 5s
    }
}

@media (min-width: 768px) {
    .carousel__inner--is-reversing.carousel__inner--four-cols {
        transform: translateX(-25%);
        transition-duration: 5s
    }
}

.carousel__inner--is-set,
.carousel__inner--is-set.carousel__inner--four-cols {
    transform: none
}

.carousel__slide {
    flex: 1 0 100%;
    order: 2
}

@media (min-width: 768px) {
    .carousel__slide {
        flex: 0 0 auto;
        flex-basis: 33.33333%
    }
}

@media all and (min-width: 768px) and (-ms-high-contrast: none),
(min-width: 768px) and (-ms-high-contrast: active) {
    .carousel__slide {
        flex-basis: 31%;
        padding: 0 14px
    }
}

.carousel__slide .modal__close-button {
    position: inherit
}

.carousel__slide .modal__close-button .icon {
    line-height: 24px
}

.carousel.carousel--only-mobile .carousel__slide {
    flex-grow: 0
}

.carousel__inner--four-cols .carousel__slide {
    flex: 1 0 100%
}

@media (min-width: 768px) {
    .carousel__inner--four-cols .carousel__slide {
        flex-basis: 25%
    }
}

.carousel__slide-inner {
    margin: 0 15px 15px;
    height: auto
}

@media all and (min-width: 768px) and (-ms-high-contrast: none),
(min-width: 768px) and (-ms-high-contrast: active) {
    .carousel__slide-inner {
        padding: 0;
        margin: 0
    }
}

.carousel__slide--is-ref {
    order: 1
}

@media (min-width: 768px) {
    .carousel.carousel--only-mobile .carousel__slide--is-ref {
        order: 2
    }
}

.carousel__navigation {
    background-color: #FF821C;
    color: #191B1C;
    min-height: 48px;
    width: 48px;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 2;
    cursor: pointer;
    display: none;
    line-height: 48px;
    border: 1px solid #FF821C
}

.carousel__navigation:hover {
    background-color: #F76900;
    border: 1px solid #F76900
}

.carousel__navigation:focus {
    border: 1px dashed #191B1C;
    background-color: #F76900;
    color: #191B1C
}

@media (min-width: 768px) {
    .carousel__navigation {
        display: flex
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .carousel__navigation .icon,
    .carousel__navigation .pictoDSL {
        line-height: 48px
    }
}

.carousel__navigation--left {
    left: -8px
}

@media (max-width: 991.98px) {
    .carousel__navigation--left {
        display: none
    }
}

.carousel__navigation--right {
    right: -8px
}

@media (max-width: 991.98px) {
    .carousel__navigation--right {
        display: none
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .carousel__navigation--right {
        right: -16px
    }
}

@media (min-width: 992px) {
    .carousel__wrapper--with-overflow .carousel__navigation--left {
        left: 165px
    }
}

@media (min-width: 992px) {
    .carousel__wrapper--with-overflow .carousel__navigation--right {
        right: 165px
    }
}

.carousel.carousel--only-mobile .carousel__navigation {
    display: none !important
}

.carousel__pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition-duration: 5s;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

@media (min-width: 768px) {
    .carousel[data-pagination="true"] .carousel__pagination {
        display: none
    }
}

.carousel__bullet {
    width: 6px;
    height: 6px;
    margin-right: 20px;
    display: flex
}

.carousel__bullet:last-of-type {
    margin-right: 0
}

.carousel__bullet button {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #000;
    padding: 0
}

.carousel__bullet--active {
    width: 9px;
    height: 9px
}

.carousel__bullet--active button {
    width: 9px;
    height: 9px;
    border-radius: 0;
    border: none;
    background-color: #000
}

.carousel--content-boxes .carousel__container {
    display: flex;
    padding-bottom: 24px
}

.carousel--content-boxes .carousel__content-box {
    height: 100%
}

.carousel--content-boxes .content-box {
    width: 100%;
    height: auto
}

.carousel--content-boxes .content-box:not(.content-box--category) {
    margin-top: 24px
}

.carousel--content-boxes .content-box__content {
    width: 100%;
    padding-bottom: 40px
}

[data-norepeat] .carousel__slide {
    order: 2
}

[data-norepeat] .carousel__slide--is-ref {
    order: 1
}

.carousel__cont {
    width: 100%
}

.carousel--modal .carousel__inner {
    padding-bottom: 0;
    left: 0;
    align-items: flex-start
}

.carousel--modal .carousel__navigation {
    min-height: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border-radius: unset;
    margin-left: 32px;
    margin-right: 32px
}

@media (min-width: 768px) {
    .carousel--modal .carousel__navigation {
        display: flex
    }
}

.carousel--modal .carousel__navigation .icon,
.carousel--modal .carousel__navigation .pictoDSL {
    line-height: 40px;
    width: 40px;
    height: 40px;
    font-size: 40px
}

.carousel--modal .carousel__navigation--left {
    background-color: transparent;
    color: #FF821C
}

@media (max-width: 575.98px) {
    .carousel--modal .carousel__navigation--left {
        display: none
    }
}

.carousel--modal .carousel__navigation--left:hover {
    color: #F76900
}

.carousel--modal .carousel__navigation--left:focus {
    border: 1px dashed #191B1C
}

.carousel--modal .carousel__navigation--right {
    background-color: transparent;
    color: #FF821C
}

@media (max-width: 575.98px) {
    .carousel--modal .carousel__navigation--right {
        display: none
    }
}

.carousel--modal .carousel__navigation--right:hover {
    color: #F76900
}

.carousel--modal .carousel__navigation--right:focus {
    border: 1px dashed #191B1C
}

.carousel--modal .content-box {
    max-height: 420px
}

@media (max-width: 991.98px) {
    .carousel--modal .content-box {
        height: 400px
    }
}

.carousel--modal .content-box__content {
    box-shadow: none;
    padding: 0 104px
}

@media (max-width: 1199.98px) {
    .carousel--modal .content-box__content {
        padding: 0 72px
    }
}

@media (max-width: 991.98px) {
    .carousel--modal .content-box__content {
        padding: 0
    }
}

.carousel--modal .carousel__slide-inner {
    margin: 0;
    padding: 0
}

.carousel--modal .carousel__slide,
.carousel--modal .carousel__slide-text {
    padding: 0;
    flex: 1 0 100%
}

@media (max-width: 991.98px) {
    .carousel--modal .carousel__slide,
    .carousel--modal .carousel__slide-text {
        padding: 0
    }
}

.carousel--modal .carousel__slide .modal__close-button,
.carousel--modal .carousel__slide-text .modal__close-button {
    position: relative;
    right: 0;
    top: 0
}

.carousel--modal h3,
.carousel--modal .h3 {
    font-family: "BK-Sans";
    font-size: 1.5rem
}

.carousel--modal p,
.carousel--modal .p {
    font-size: 1rem;
    margin-bottom: 32px
}

.carousel--modal .content-box__square {
    margin: 0 0 0 104px !important;
    width: 96px !important;
    height: 96px !important
}

.carousel--modal .content-box__square .pictoDSL,
.carousel--modal .content-box__square .icon {
    line-height: 96px !important
}

@media (max-width: 1199.98px) {
    .carousel--modal .content-box__square {
        margin: 0 0 0 72px !important
    }
}

@media (max-width: 991.98px) {
    .carousel--modal .content-box__square {
        margin: 0 !important
    }
}

.carousel--modal .text-link:hover {
    color: #F76900
}

@media (min-width: 992px) {
    .carousel--modal .ss-scroll {
        right: 14px
    }
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    .carousel {
        height: 100%
    }
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    .carousel__modal .carousel__wrapper,
    .carousel__modal .carousel__container,
    .carousel__modal .carousel__inner,
    .carousel__modal .carousel__slide,
    .carousel__modal .carousel__slide-inner {
        height: 100% !important
    }
}

.carousel__modal--wrapper-tutoriales {
    max-height: 480px;
    padding: 0 40px 0
}

@media (max-width: 575.98px) {
    .carousel__modal--wrapper-tutoriales {
        padding: 32px 24px 0
    }
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    .carousel__modal--wrapper-tutoriales {
        display: none
    }
}

@media (max-width: 575.98px) {
    .carousel__modal--wrapper-tutoriales h3 {
        font-size: 20px
    }
}

.carousel__modal--wrapper-navigation {
    position: relative;
    z-index: 0;
    height: 32px
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    .carousel__modal--wrapper-navigation {
        display: none
    }
}

@media (max-width: 575.98px) {
    .carousel__modal--wrapper-navigation {
        position: fixed;
        bottom: 82px;
        left: 24px
    }
}

.carousel__modal--wrapper-navigation .carousel__pagination {
    bottom: 3px
}

@media (max-width: 575.98px) {
    .carousel__modal--wrapper-navigation .carousel__pagination {
        position: static;
        transform: none;
        justify-content: start
    }
}

.carousel__modal--wrapper-navigation .carousel__pagination .carousel__bullet {
    margin-right: 16px;
    width: auto;
    height: auto
}

.carousel__modal--wrapper-navigation .carousel__pagination .carousel__bullet:last-of-type {
    margin-right: 0
}

.carousel__modal--wrapper-navigation .carousel__pagination .carousel__bullet button {
    width: 24px;
    height: 24px;
    border: none;
    padding: initial;
    border-radius: 0
}

.carousel__modal--wrapper-navigation .carousel__pagination .carousel__bullet button:focus {
    border: 1px dashed #191B1C
}

.carousel__modal--wrapper-navigation .carousel__pagination .carousel__bullet button:hover:after {
    border-color: #5c6780
}

.carousel__modal--wrapper-navigation .carousel__pagination .carousel__bullet button:after {
    display: inline-block;
    content: '';
    height: 6px;
    width: 6px;
    border: 1px solid #191B1C;
    border-radius: 6px;
    margin-bottom: 2px
}

.carousel__modal--wrapper-navigation .carousel__pagination .carousel__bullet--active {
    width: auto;
    height: auto
}

.carousel__modal--wrapper-navigation .carousel__pagination .carousel__bullet--active button {
    background-color: transparent;
    height: 24px;
    width: 24px
}

.carousel__modal--wrapper-navigation .carousel__pagination .carousel__bullet--active button:focus:after {
    top: 2px
}

.carousel__modal--wrapper-navigation .carousel__pagination .carousel__bullet--active button:after {
    display: inline-block;
    content: '';
    height: 9px;
    width: 9px;
    background-color: #FF821C;
    border-radius: 0;
    margin-top: 0;
    border: none;
    top: 2px;
    position: relative
}

.carousel__modal--wrapper-navigation .carousel__navigation--left {
    color: #191B1C
}

.carousel__modal--wrapper-navigation .carousel__navigation--left[disabled] {
    color: #AFB5C8;
    border: none
}

.carousel__modal--wrapper-navigation .carousel__navigation--left:hover {
    color: #5c6780
}

.carousel__modal--wrapper-navigation .carousel__navigation--right {
    color: #191B1C
}

.carousel__modal--wrapper-navigation .carousel__navigation--right[disabled] {
    color: #AFB5C8;
    border: none
}

.carousel__modal--wrapper-navigation .carousel__navigation--right:hover {
    color: #5c6780
}

.carousel__modal--wrapper-navigation .carousel__navigation {
    margin-top: 0;
    font-size: 32px;
    min-height: 32px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-left: 40px;
    margin-right: 40px;
    top: auto;
    transform: inherit;
    transition-duration: inherit;
    border: none
}

@media (max-width: 575.98px) {
    .carousel__modal--wrapper-navigation .carousel__navigation {
        margin-left: 24px;
        margin-right: 24px
    }
}

.carousel__modal--wrapper-navigation .carousel__navigation .icon {
    font-size: 32px;
    min-height: 32px;
    width: 32px;
    height: 32px;
    line-height: 32px
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    .carousel__modal .carousel__slide {
        padding: 0
    }
}

@media (max-width: 575.98px) {
    .carousel__modal .carousel__slide {
        padding: 0
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .carousel__modal .carousel__slide {
        padding: 0
    }
}

.carousel__modal .carousel__navigation--right [disabled="true"] {
    color: #AFB5C8;
    border: none
}

.carousel__modal .doubleCarousel .carousel--modal p {
    margin-bottom: auto
}

.carousel__modal .doubleCarousel .carousel__modal--wrapper-navigation {
    position: static;
    transform: none;
    justify-content: center;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 32px 0
}

@media (max-width: 575.98px) {
    .carousel__modal .doubleCarousel .carousel__modal--wrapper-navigation {
        position: static;
        margin: 24px;
        height: auto;
        justify-content: start;
        width: auto
    }
}

.carousel__modal .doubleCarousel .carousel__modal--wrapper-navigation .carousel__pagination {
    justify-content: start;
    position: static;
    transform: none
}

@media (max-width: 575.98px) {
    .carousel__modal .doubleCarousel .carousel__modal--wrapper-tutoriales {
        padding: 0;
        margin: 0 24px
    }
}

.badge {
    height: 16px;
    line-height: 16px;
    padding: 2px 8px;
    margin: 0 0 0 8px;
    border-radius: .5rem;
    background-color: #FF821C;
    font-size: .75rem;
    color: #191B1C;
    font-weight: normal
}

.badge--rounded {
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
    font-weight: bold
}

.badge--yellow {
    color: #191B1C;
    background-color: #FED430
}

.badge--disabled {
    background-color: #AFB5C8;
    color: #5c6780
}

.badge--rounded-little {
    height: 16px;
    width: max-content;
    background-color: #FF821C;
    color: #fff;
    border-radius: 4px;
    margin: 0 0 0 8px;
    padding: 0 4px;
    align-self: center
}

.attach--drag {
    padding: 8px;
    background-color: #fff;
    border-radius: 4px
}

@media (max-width: 767.98px) {
    .attach--drag {
        padding: 0
    }
}

.attach--drag.attach--has-content {
    border: 1px dashed #D9E4FF
}

.attach--drag.attach--has-content .attach__file--drag {
    border: none
}

.attach--drag.attach--has-content.attach--is-success {
    border-style: solid
}

.attach--drag.attach--has-content.attach--is-message {
    border-style: solid
}

.attach--drag.attach--has-content.attach--is-error {
    border-style: solid
}

.attach__body,
.attach__file {
    min-height: 72px;
    border-bottom: 1px solid #EBEEF5;
    padding: 24px 0
}

@media (min-width: 576px) {
    .attach__body,
    .attach__file {
        padding: 8px 0
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .attach__body,
    .attach__file {
        padding-top: 12px !important
    }
}

.attach__body {
    border-top: 1px solid #EBEEF5;
    padding: 20px 8px 20px 8px
}

@media (min-width: 992px) {
    .attach__body {
        padding: 0 24px 0 16px
    }
}

.attach__body--drag {
    border: 1px dashed #D9E4FF;
    border-radius: 4px
}

.attach__file {
    display: none
}

.attach__file-content {
    display: flex;
    align-items: flex-start;
    padding-left: 40px;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width: 768px) {
    .attach__file-content {
        padding-left: 8px;
        flex-wrap: nowrap;
        align-items: center
    }
}

.attach__body-icon,
.attach__file-icon {
    width: 40px;
    height: 40px;
    background: transparent;
    margin: 0 16px 0 0;
    line-height: 24px
}

@media (min-width: 768px) {
    .attach__body-icon,
    .attach__file-icon {
        line-height: 40px
    }
}

.attach__body-icon.icon--warning-16,
.attach__body-icon.icon--error-16 {
    display: none
}

.attach__text {
    margin-right: 16px
}

@media (max-width: 991.98px) {
    .attach__text span {
        display: none
    }
    .attach__text:before {
        content: attr(data-text)
    }
}

.attach__text,
.attach__info {
    flex-basis: 60%
}

.attach__text-note {
    font-size: .875rem;
    color: #5c6780
}

.attach__text-validation {
    display: none;
    font-size: 14px;
    color: #CB1720
}

.attach__text-context {
    cursor: pointer
}

.attach__button,
.attach__button-error,
.attach__button-message {
    margin: 16px 0 0 48px
}

@media (min-width: 768px) {
    .attach__button,
    .attach__button-error,
    .attach__button-message {
        margin: 0
    }
}

@media (max-width: 767.98px) {
    .attach__delete {
        margin-top: 13px
    }
}

.attach__file-icon {
    margin-right: 8px
}

@media (max-width: 767.98px) {
    .attach__file-icon {
        margin-top: 6px
    }
}

.attach__file-icon span {
    line-height: 40px;
    margin-left: 8px
}

.attach__file-icon .icon--check-16,
.attach__file-icon .icon--close-16,
.attach__file-icon .icon--warning-16 {
    display: none
}

.attach__file-icon .icon--check-16 {
    color: #22CB65
}

.attach__file-icon .icon--close-16 {
    color: #CB1720
}

.attach__file-icon .icon--warning-16 {
    color: #FF821C
}

@media (min-width: 768px) {
    .attach__file-icon {
        margin-left: 40px
    }
}

.attach__thumbnail {
    min-width: 86px;
    max-width: 86px;
    height: 48px;
    background-color: #F7FAFF;
    margin-right: 16px;
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .attach__thumbnail {
        margin-bottom: 0
    }
}

.attach__thumbnail .icon--document-16 {
    width: 100%;
    line-height: 48px
}

.attach__thumbnail.clickable {
    cursor: pointer
}

.attach__thumbnail img {
    width: 100%;
    height: 100%;
    display: none
}

.attach__data {
    font-size: .875rem
}

.attach__filename,
.attach__filedata {
    display: none
}

.attach__data-loading,
.attach__data-error,
.attach__data-message {
    display: none;
    height: 100%
}

.attach__data-error {
    color: #CB1720;
    font-size: 14px
}

.attach__data-warning {
    font-size: 14px
}

.attach__filename {
    word-break: break-all
}

.attach__filedata {
    color: #5c6780
}

.attach__delete {
    cursor: pointer
}

.attach__delete:focus {
    box-shadow: 0 0 0 4px #3E4A50;
    background-color: #3E4A50;
    color: #fff
}

.attach__delete .icon--trash-16 {
    display: none
}

.attach__button-error,
.attach__button-message {
    display: none
}

@media (min-width: 768px) {
    .attach__button-error,
    .attach__button-message {
        flex-basis: 28%
    }
}

@media (min-width: 992px) {
    .attach__button-error,
    .attach__button-message {
        flex-basis: inherit
    }
}

@media (max-width: 575.98px) {
    .attach__button-error span,
    .attach__button-message span {
        display: none
    }
}

.attach--no-icon .attach__body-icon {
    display: none
}

.attach--no-icon .attach__button,
.attach--no-icon .attach__button-error,
.attach--no-icon .attach__button-message {
    margin: 20px 0 0 0
}

@media (min-width: 768px) {
    .attach--replace .attach__body-icon {
        margin-left: 44px
    }
}

.attach--replace .attach__body-icon.icon--warning-16 {
    color: #FF821C;
    display: block
}

.attach--replace .attach__text {
    flex-basis: 62%
}

.attach--replace.attach--is-validating .attach__body-icon.icon--warning-16 {
    color: #CB1720
}

.attach--no-border .attach__file,
.attach--no-border .attach__body {
    border: none
}

.attach--border-bottom .attach__body {
    border-top: none
}

.attach--is-loading .attach__file-icon .spinner {
    display: block
}

.attach--is-loading .attach__data-loading {
    display: flex
}

.attach--has-content .attach__button,
.attach--has-content .attach__button-error,
.attach--has-content .attach__button-message {
    display: none
}

.attach--has-content .attach__file {
    display: flex
}

.attach--has-content.attach--replace .attach__body {
    display: none
}

.attach--is-error .attach__file-icon .icon--close-16 {
    display: block
}

.attach--is-error .attach__file-icon .spinner {
    display: none
}

.attach--is-error .icon--attach-16 {
    display: none
}

.attach--is-error .attach__data-error {
    display: flex
}

.attach--is-error .attach__button-error {
    display: block
}

.attach--is-error .attach__delete {
    display: none
}

.attach--is-error .attach__file--drag {
    border: none
}

.attach--is-message .attach__file-icon .icon--warning-16 {
    display: block
}

.attach--is-message .attach__file-icon .spinner {
    display: none
}

.attach--is-message .icon--attach-16 {
    display: none
}

.attach--is-message .attach__data-message {
    display: flex
}

.attach--is-message .attach__button-message {
    display: block
}

.attach--is-message .attach__delete {
    display: none
}

.attach--is-message .attach__file--drag {
    border: none
}

.attach--is-success .attach__file-icon .icon--check-16 {
    display: block
}

.attach--is-success .attach__file-icon .spinner {
    display: none
}

.attach--is-success .icon--attach-16 {
    display: none
}

.attach--is-success .attach__filename,
.attach--is-success .attach__filedata {
    display: block;
    line-height: 1.72
}

.attach--is-success .attach__delete .icon--trash-16 {
    display: block
}

.attach--is-success .attach__delete .icon--close-16 {
    display: none
}

.attach--is-validating .attach__body {
    display: none
}

.attach--is-validating .attach__body-icon.icon--clip-16 {
    display: none
}

.attach--is-validating .attach__body-icon.icon--warning-16 {
    display: block;
    color: #CB1720
}

.attach--is-validating .attach__text-validation {
    display: block
}

.attach--is-cropper .attach__thumbnail .icon--document-16 {
    display: none
}

.attach--is-cropper .attach__thumbnail img {
    display: block
}

.attach--icon-space .attach__body {
    padding-left: 60px
}

@media (min-width: 768px) {
    .attach--icon-space .attach__body {
        padding-left: 60px
    }
}

.attach--drag.attach--has-content .attach__body--drag {
    display: none !important
}

.attach--drag.attach--has-content .attach__body-icon {
    display: none
}

.attach--drag.attach--has-content .attach__file--drag .icon--attach-16 {
    display: none
}

.attach--drag.attach--highlight .attach__file--drag {
    border: none
}

.attach--drag.attach--highlight .attach__file--drag .icon--attach-16 {
    display: flex
}

.attach--is-success .attach__file--drag {
    border: none
}

.attach__file--drag {
    min-height: 72px;
    border: 1px dashed #D9E4FF;
    border-radius: 4px
}

.attach__file--drag .attach__file-content {
    padding: 0 16px 0 16px
}

@media (min-width: 768px) {
    .attach__file--drag .attach__file-icon {
        margin-left: 0
    }
}

.attach--drag.attach--highlight .attach__body,
.attach--drag.attach--highlight .attach__file {
    background-color: #FFF3EB;
    border: 1px dashed #FF821C
}

.attach--drag.attach--highlight .icon--attach-16 {
    display: flex;
    color: #FF821C
}

.attach--drag.attach--highlight .attach__file-content,
.attach--drag.attach--highlight .attach__text,
.attach--drag.attach--highlight .attach__button,
.attach--drag.attach--highlight .attach__button-error,
.attach--drag.attach--highlight .attach__button-message,
.attach--drag.attach--highlight .icon--close-16,
.attach--drag.attach--highlight .icon--error-16,
.attach--drag.attach--highlight .icon--warning-16 {
    display: none !important
}

.attach--drag.attach--highlight .attach__body--drag,
.attach--drag.attach--highlight .attach__file--drag,
.attach--drag.attach--highlight .attach__file-content {
    justify-content: center !important;
    align-items: center !important
}

.attach--drag.attach--highlight .attach__body-icon {
    color: #FF821C
}

.attach--text {
    padding: 12px 16px
}

.attach--text-error {
    padding: 4px 0;
    font-size: 14px;
    color: #CB1720;
    display: flex;
    align-items: top
}

.attach--text-error .icon {
    margin-right: 8px
}

.attach--text-warning {
    padding: 4px 0;
    font-size: 14px;
    display: flex;
    align-items: top
}

.attach--text-warning .icon {
    margin-right: 8px
}

.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cropper-container img {
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cropper-wrap-box,
.cropper-canvas {
    overflow: hidden
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0
}

.cropper-modal {
    background-color: #000;
    opacity: .5
}

.cropper-view-box {
    display: block;
    height: 100%;
    outline-color: rgba(51, 153, 255, 0.75);
    outline: 1px solid #39f;
    overflow: hidden;
    width: 100%
}

.cropper-dashed {
    border: 0 dashed #EBEEF5;
    display: block;
    opacity: .5;
    position: absolute
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.33333%;
    left: 0;
    top: 33.33333%;
    width: 100%
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.33333%;
    top: 0;
    width: 33.33333%
}

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    width: 0
}

.cropper-center:before,
.cropper-center:after {
    background-color: #EBEEF5;
    content: ' ';
    display: block;
    position: absolute
}

.cropper-center:before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px
}

.cropper-center:after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px
}

.cropper-face,
.cropper-line,
.cropper-point {
    display: block;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}

.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0
}

.cropper-line {
    background-color: #39f
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px
}

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0
}

.cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: .75;
    width: 5px
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%
}

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px
}

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%
}

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px
}

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px
}

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px
}

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px
}

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: .75;
        width: 5px
    }
}

.cropper-point.point-se:before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%
}

.cropper-invisible {
    opacity: 0
}

.cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
}

.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.cropper-hidden {
    display: none !important
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed
}

.cropper {
    width: 100%;
    height: 196px;
    max-height: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

@media (min-width: 576px) {
    .cropper {
        width: 100%;
        height: auto !important
    }
}

.cropper-container img {
    display: inline-block !important
}

.cropper__canvas {
    width: 100%;
    height: 196px;
    background-color: #fff;
    cursor: default
}

@media (min-width: 576px) {
    .cropper__canvas {
        height: 290px
    }
}

.cropper__canvas img {
    max-width: 100%;
    width: 70%;
    height: auto;
    margin: 0 auto
}

.cropper-crop-box {
    max-width: 100%;
    max-height: 60%
}

.cropper__functions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    flex-wrap: wrap
}

@media (min-width: 992px) {
    .cropper__functions {
        flex-wrap: nowrap
    }
}

.cropper__functions .opacity {
    opacity: 1
}

.cropper__rotate-right {
    transform: scale(-1, 1)
}

.cropper__function {
    display: block;
    width: 30%
}

@media (min-width: 768px) {
    .cropper__function {
        display: flex;
        justify-content: flex-start
    }
}

.cropper__text {
    background: none;
    font-family: "BK-Sans";
    font-size: 14px;
    line-height: 1.71;
    color: #191B1C;
    margin-right: 5px;
    margin-bottom: 0
}

.cropper__crop {
    margin-top: 25px
}

@media (min-width: 768px) {
    .cropper__crop {
        margin-top: 0
    }
}

.cropper__label {
    display: inline-block;
    cursor: pointer
}

.cropper__result {
    color: transparent;
    position: absolute;
    top: 50%;
    margin-top: -185px;
    max-width: 312px;
    width: 100%;
    height: auto;
    overflow: hidden
}

.cropper__result img {
    width: 100%;
    height: 100%
}

.cropper--movable .cropper__canvas .cropper-crop-box {
    max-height: 100%
}

.cropper--movable .cropper__result img {
    max-height: 240px
}

@media (min-width: 768px) {
    .cropper--movable .cropper__result img {
        margin-left: -27px
    }
}

.additional-info {
    padding: 16px 24px;
    min-height: 42px
}

.additional-info__text,
.additional-info__text p {
    font-size: .875rem
}

.additional-info__text--no-padding-right {
    padding-right: 0
}

.additional-info__desplegable .additional-info__text {
    height: 46px;
    overflow: hidden
}

.additional-info__desplegable .additional-info__title {
    display: inline-flex;
    line-height: 20px
}

.additional-info__desplegable .additional-info__icon {
    padding-left: 24px
}

.additional-info__desplegable .icon {
    cursor: pointer
}

.additional-info__desplegable .icon:focus {
    outline: 1px dashed #191B1C
}

.additional-info__item__desplegable {
    display: none
}

.additional-info__text p {
    margin: 0;
    padding-bottom: 8px
}

.additional-info__text p:last-child {
    padding-bottom: 0
}

.additional-info__title {
    font-size: .75rem;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 16px
}

.additional-info__item {
    line-height: 24px;
    font-size: .875rem
}

.additional-info__item p {
    margin: 0
}

.additional-info__item.additional-info__item--withoutmargin {
    margin-left: 0
}

.additional-info__qty {
    font-weight: bold;
    font-size: .875rem;
    line-height: 24px
}

.additional-info__qty p {
    margin: 0
}

.additional-info__qty--p-bottom {
    position: absolute;
    bottom: 0;
    right: 15px
}

@media (min-width: 768px) {
    .additional-info__qty {
        text-align: right
    }
}

.additional-info-total .additional-info__title .additional-info__item,
.additional-info-total .additional-info__title .additional-info__qty {
    line-height: inherit;
    font-weight: inherit
}

.additional-info-total .additional-info__title .additional-info__qty {
    font-size: 1rem
}

.additional-info-total .additional-info__qty {
    text-align: right
}

.additional-info__desplegable--opened .additional-info__text {
    height: auto
}

.additional-info__desplegable--opened .additional-info__item__desplegable {
    display: flex
}

.additional-info__desplegable--opened .icon {
    transform: translateX(0px) translateY(0px)
}

.additional-info__desplegable--opened .icon--plus-16:before {
    content: "\e928"
}

.additional-info--standard {
    background-color: #EBEEF5
}

.additional-info--dynamic {
    background-color: #B5F0EF
}

.additional-info--warning {
    background-color: #FED430
}

.additional-info--status {
    background-color: #EBEEF5;
    padding: 16px;
    font-size: .875rem
}

@media (min-width: 576px) {
    .additional-info--status {
        padding: 16px 24px
    }
}

.additional-info--status .additional-info__text {
    display: flex;
    justify-content: space-between
}

.additional-info--base .additional-info__item,
.additional-info--base .additional-info__qty,
.additional-info--base .additional-info__text,
.additional-info--base .additional-info__text p {
    font-size: 1rem
}

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: none;
    *zoom: 1
}

.pika-single.is-hidden {
    display: none
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 3px 9px 1px rgba(43, 49, 53, 0.16)
}

.pika-single:before {
    content: " ";
    display: table
}

.pika-single:after {
    content: " ";
    display: table;
    clear: both
}

@media (max-width: 575.98px) {
    .pika-single.thin-theme {
        width: 100%
    }
}

.pika-single.thin-theme.is-bound {
    position: absolute;
    box-shadow: 0 3px 9px 1px rgba(43, 49, 53, 0.16)
}

.pika-single.thin-theme .pika-label {
    color: #191B1C
}

.pika-single.thin-theme .pika-button {
    font-size: 12px
}

.pika-single.thin-theme .pika-title {
    margin-bottom: 0
}

.pika-single.thin-theme .pika-lendar {
    padding: 24px
}

@media (min-width: 768px) {
    .pika-single.thin-theme .pika-lendar {
        width: 360px
    }
}

@media (min-width: 992px) {
    .pika-single.thin-theme .pika-lendar {
        width: 305px
    }
}

@media (min-width: 1200px) {
    .pika-single.thin-theme .pika-lendar {
        width: 365px
    }
}

@media (max-width: 575.98px) {
    .pika-single.thin-theme .pika-lendar {
        max-width: 320px;
        box-shadow: none;
        padding: 24px
    }
}

.pika-lendar {
    float: none;
    width: 100%;
    box-shadow: none;
    padding: 24px
}

.pika-title {
    position: relative;
    text-align: center;
    margin-bottom: 16px
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: .75rem;
    line-height: 1.33;
    font-weight: 700;
    background-color: #fff;
    color: #FF821C;
    text-transform: uppercase;
    z-index: 0
}

@media (max-width: 575.98px) {
    .empresas-theme .pika-single {
        width: 100%
    }
}

.empresas-theme .pika-label {
    color: #191B1C
}

.empresas-theme .pika-button {
    font-size: 12px
}

.empresas-theme .pika-title {
    margin-bottom: 0
}

.empresas-theme .pika-lendar {
    padding: 24px
}

@media (min-width: 768px) {
    .empresas-theme .pika-lendar {
        width: 360px
    }
}

@media (min-width: 992px) {
    .empresas-theme .pika-lendar {
        width: 305px
    }
}

@media (min-width: 1200px) {
    .empresas-theme .pika-lendar {
        width: 365px
    }
}

@media (max-width: 575.98px) {
    .empresas-theme .pika-lendar {
        max-width: 320px;
        box-shadow: none;
        padding: 24px
    }
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    *position: absolute;
    *top: 0
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    *left: 0
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    *right: 0
}

.empresas-theme .pika-prev::before,
.empresas-theme .pika-next::before {
    color: #191B1C
}

.pika-prev::before,
.pika-next::before {
    color: #FF821C;
    text-indent: 0;
    font-family: "BK-icons";
    content: "\e966";
    position: absolute;
    rotate: translate(0, -50%);
    width: 24px;
    height: 24px;
    font-size: 1.25rem
}

.pika-prev::before {
    transform: translateY(-50%) rotate(180deg);
    top: 50%;
    left: 0
}

.pika-next::before {
    transform: translateY(-78%);
    top: 50%;
    right: 0
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: 0.2
}

.pika-select {
    display: inline-block;
    *display: inline
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

.pika-table-intranet td {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    border-radius: 0;
    text-align: center;
    vertical-align: middle;
    color: #191B1C
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
    position: relative;
    height: 40px
}

.pika-table th {
    padding-bottom: 0;
    color: #5D6B72;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.33;
    font-weight: bold;
    text-align: center
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    border-radius: 50%;
    text-align: center;
    color: inherit
}

.pika-week {
    font-size: .75rem
}

.empresas-theme .is-today .pika-button {
    color: #191B1C;
    background: #EBEEF5
}

.is-today .pika-button {
    color: #191B1C;
    font-weight: bold;
    background: #EBEEF5
}

.empresas-theme .is-selected {
    background-color: transparent
}

.empresas-theme .is-selected .is-startrang .pika-button,
.empresas-theme .has-event .pika-button,
.empresas-theme .is-selected .pika-button {
    background: #FED430;
    font-weight: bold;
    color: #191B1C
}

.is-selected.is-endrange button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.is-selected.is-endrange .pika-button:hover:hover {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.is-selected .is-startrang .pika-button,
.has-event .pika-button,
.is-selected .pika-button {
    color: #191B1C;
    background: #A4EAE9;
    border-radius: 50%;
    font-weight: bold
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9
}

.empresas-theme .is-inrange .pika-button {
    background-color: #FEE997
}

.empresas-theme .is-inrange .pika-button:hover {
    background-color: #FEE997;
    font-weight: bold;
    border-radius: none;
    width: 100%
}

.is-inrange .pika-button {
    background: #D3F6F5;
    color: #191B1C;
    border-radius: 0;
    width: 100%
}

.is-inrange .pika-button:hover {
    background: #D3F6F5;
    color: #191B1C;
    border-radius: 0;
    width: 100%;
    font-weight: bold
}

.is-disabled .pika-button {
    background: #fff
}

.empresas-theme .is-startrange {
    background: #fff;
    background: -moz-linear-gradient(left, #fff 50%, #FED430 50%, #FEE997 50%);
    background: -webkit-linear-gradient(left, #fff 50%, #FED430 50%, #FEE997 50%);
    background: linear-gradient(to right, #fff 50%, #FEE997 50%, #FEE997 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$white', endColorstr='$bk-amarillo-25', GradientType=1)
}

.empresas-theme .is-startrange .pika-button {
    background-color: #FED430;
    font-weight: bold
}

.is-startrange {
    background: #fff;
    background: -moz-linear-gradient(left, #fff 50%, #2989d8 50%, #D3F6F5 50%);
    background: -webkit-linear-gradient(left, #fff 50%, #2989d8 50%, #D3F6F5 50%);
    background: linear-gradient(to right, #fff 50%, #2989d8 50%, #D3F6F5 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$white', endColorstr='$bk-azul-25', GradientType=1)
}

.is-startrange .pika-button {
    color: #191B1C;
    background: #A4EAE9;
    box-shadow: none;
    font-weight: bold;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.empresas-theme .is-endrange {
    background: #fff;
    background: -moz-linear-gradient(right, #fff 50%, #FED430 50%, #FEE997 50%);
    background: -webkit-linear-gradient(right, #fff 50%, #FED430 50%, #FEE997 50%);
    background: linear-gradient(to left, #fff 50%, #FEE997 50%, #FEE997 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$white', endColorstr='$bk-amarillo-25', GradientType=1)
}

.empresas-theme .is-endrange .pika-button {
    background-color: #FED430
}

.is-endrange .pika-button {
    color: #191B1C;
    background: #A4EAE9;
    box-shadow: none
}

.is-endrange .pika-button:hover {
    background: #A4EAE9;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: 0.3
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: 0.3
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button:hover {
    background: #A4EAE9
}

.empresas-theme .pika-button:hover,
.empresas-theme .pika-row.pick-whole-week:hover .pika-button:hover {
    background: #FED430
}

.pika-table abbr {
    border-bottom: none;
    text-decoration: none
}

.pikaday--from-to .is-inrange {
    background-color: #EBEEF5
}

.pikaday--from-to .is-inrange .pika-button {
    background-color: #EBEEF5
}

.pikaday--from-to .is-startrange {
    box-shadow: inset 20px 0 0 0 #fff
}

.pikaday--from-to .is-endrange {
    box-shadow: inset -20px 0 0 0 #fff
}

.datepicker--from-to {
    border: 1px solid #AFB5C8;
    border-radius: 4px
}

.datepicker--from-to.form__group {
    min-height: auto;
    padding: 0
}

.datepicker--from-to .input {
    border: none;
    width: 50%;
    padding-right: 0
}

.datepicker--from-to .input .input__control {
    padding: 15px 0 0 15px
}

.datepicker--from-to .input--is-error {
    border-radius: 4px
}

.datepicker--from-to .icon {
    color: #5c6780;
    margin: 18px 5px 0 5px
}

@media (min-width: 1200px) {
    .datepicker--from-to .icon {
        margin: 15px 8px 15px 8px
    }
}

.input[data-input] .format_date[type=date] {
    color: #fff
}

.input[data-input].input--has-content .format_date[type=date],
.input[data-input].input--has-focus .format_date[type=date] {
    color: #5c6780
}

.format_date[type=date] {
    -webkit-appearance: none
}

.format_date[type=date]::-webkit-clear-button {
    -webkit-appearance: none;
    display: none
}

@media (max-width: 575.98px) {
    .calendar-container {
        position: absolute;
        left: -24px;
        right: -24px
    }
}

.calendar-container .pika-lendar {
    float: none;
    width: 100%;
    box-shadow: none;
    padding: 24px
}

@media (max-width: 575.98px) {
    .calendar-container .pika-single.is-bound {
        position: relative !important
    }
}

.calendar-container .pika-title {
    padding: 0 12px;
    margin-bottom: 0
}

.calendar-container .pika-label {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 16px;
    text-align: center
}

.calendar-container .pika-button {
    font-size: 12px
}

.calendar-container .is-startrange button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.calendar-container .is-endrange button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.calendar-container .pika-select {
    display: none
}

.box-card-check {
    display: flex;
    height: 100%
}

.box-card-check--hidden .box-card-check__element .icon {
    display: none
}

.box-card-check--disabled .box-card-check__element {
    background: #EBEEF5
}

.box-card-check--disabled .box-card-check__element .icon {
    display: none
}

.box-card-check--light .box-card-check__element {
    background: transparent;
    box-shadow: none;
    border: 1px solid #191B1C
}

.box-card-check--light-disabled .box-card-check__element {
    background: transparent;
    box-shadow: none;
    border: 1px solid #EBEEF5
}

.box-card-check--light-disabled .box-card-check__element p {
    color: #5c6780
}

.box-card-check--light-disabled .box-card-check__element .icon.icon--check-16.icon--24 {
    display: none
}

.box-card-check__element {
    display: flex;
    width: 100%;
    padding: 30px 10px 10px 20px;
    box-shadow: 0 6px 30px 5px rgba(97, 112, 119, 0.15)
}

.box-card-check__element span {
    margin-right: 1rem
}

.box-card-check__element span.icon.icon--check-16.icon--24 {
    position: absolute;
    background: #FF821C;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    top: -15%;
    left: 80%;
    padding-top: 8px
}

.box-card-check__element span.icon.icon--check-16.icon--24:before {
    color: #fff
}

.box-card-check__element span.icon:before {
    color: #191B1C
}

.box-card {
    display: flex;
    height: auto
}

.box-card .icon__left {
    padding: 36px;
    background-color: #EBEEF5
}

.box-card .icon__right {
    margin-left: 16px
}

.box-card__element {
    display: flex;
    width: 100%;
    padding: 24px;
    box-shadow: 0 6px 30px 5px rgba(97, 112, 119, 0.15)
}

.box-card__element p {
    font-size: 20px;
    margin: 0 auto 0 16px
}

@keyframes spinner-rotation {
    0% {
        transform: rotate(0deg)
    }
    50% {
        transform: rotate(180deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes waiting-scale {
    0%,
    80%,
    100% {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
}

.spinner {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 10px auto;
    border: 2px solid transparent;
    animation: spinner-rotation 1s infinite linear;
    border-color: #008931 #008931 #008931 transparent
}

.spinner.spinner_small {
    width: 20px;
    height: 20px
}

.spinner.spinner_orange {
    border-color: #F76900 #F76900 #F76900 transparent
}

.spinner.spinner_white {
    border-color: #fff #fff #fff transparent
}

.spinner.spinner_blue {
    border-color: #B5F0EF #B5F0EF #B5F0EF transparent
}

.spinner.spinner_bkj-yellow {
    border-color: #FFE700 #FFE700 #FFE700 transparent
}

.spinner.spinner_bkj-turquoise {
    border-color: #37ECC7 #37ECC7 #37ECC7 transparent
}

.spinner.spinner_bkj-blue {
    border-color: #08C3FF #08C3FF #08C3FF transparent
}

.spinner.spinner_bkj-red {
    border-color: #FF4169 #FF4169 #FF4169 transparent
}

.spinner.spinner_bkj-black {
    border-color: #191B1C #191B1C #191B1C transparent
}

.waiting {
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 40px
}

.waiting div {
    background-color: #FF821C;
    height: 12px;
    width: 12px;
    display: inline-block;
    animation: waiting-scale 1.6s infinite ease-in-out both
}

.waiting .waiting__rect2 {
    animation-delay: -1.4s
}

.waiting .waiting__rect3 {
    animation-delay: -1.2s
}

.spinner {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 10px auto;
    border: 2px solid transparent;
    animation: spinner-rotation 1s infinite linear;
    border-color: #008931 #008931 #008931 transparent
}

.spinner.spinner--large {
    height: 48px;
    width: 48px
}

.spinner.spinner--medium {
    height: 33px;
    width: 33px
}

.spinner.spinner--small {
    width: 20px;
    height: 20px
}

.spinner.spinner--orange {
    border-color: #BD4313 #BD4313 #BD4313 transparent
}

.spinner.spinner--white {
    border-color: #fff #fff #fff transparent
}

.spinner.spinner--blue {
    border-color: #B5F0EF #B5F0EF #B5F0EF transparent
}

.spinner.spinner--black {
    border-color: #191B1C #191B1C #191B1C transparent
}

.read-text {
    cursor: pointer
}

.read-text--active .read-text__head {
    background-color: #F7FAFF
}

.read-text--active .pictoDSL-check-16:before,
.read-text--active .icon--check-16:before {
    content: "\e90c"
}

.read-text__head {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.read-text__head:focus {
    border: 1px solid #F7FAFF
}

.read-text__content[data-expanded=true]~.read-text__button .pictoDSL,
.read-text__content[data-expanded=true]~.read-text__button .icon {
    transform: rotate(180deg)
}

.tag {
    font-size: 14px;
    font-family: "BK-Sans";
    line-height: 24px;
    color: #191B1C;
    padding: 5px 10px
}

.tag--cyan {
    background-color: #B5F0EF
}

.tag--yellow {
    background-color: #FED430
}

.tag--orange {
    background-color: #FF821C
}

.tag--gray {
    background-color: #3E4A50;
    color: #fff
}

.tag--bkj-yellow {
    background-color: #FFE700
}

.tag--bkj-turquoise {
    background-color: #37ECC7
}

.tag--bkj-blue {
    background-color: #08C3FF
}

.tag--bkj-red {
    background-color: #FF4169
}

.tag--rounded {
    border-radius: 15px
}

.tag--small {
    padding: 0 8px
}

.tag--absolute {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%)
}

.tag-input {
    width: 283px;
    margin: 0 0 0 0;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

@media (max-width: 767.98px) {
    .tag-input {
        margin: 0;
        width: 100%
    }
}

.tag-input__content {
    background-color: #D9E4FF;
    display: flex;
    justify-content: space-between;
    font-family: "BK-Sans";
    border-radius: 20px;
    font-size: 12px;
    padding: 4px 16px 4px 16px;
    height: 32px;
    width: 283px
}

.tag-input__content--error {
    background-color: #FFB5B1
}

@media (max-width: 991.98px) {
    .tag-input__content {
        width: 100%;
        margin: 8px 0 8px 0
    }
}

.tag-input__text {
    font-size: .875rem;
    line-height: 24px;
    font-weight: 900;
    color: #191B1C
}

.tag-input__text--small {
    font-size: .75rem
}

.sign__mask {
    height: auto;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: -33px;
    max-width: 360px;
    padding: 32px 24px 0;
    flex: 0;
    z-index: 1001
}

.sign__mask.sing__mask--zindex {
    z-index: 9999
}

@media (max-width: 767.98px) {
    .sign__mask {
        max-width: none
    }
}

.sign__mask .sign {
    max-width: 312px;
    padding: 16px 24px 8px 24px;
    box-shadow: 0 10px 20px 0 rgba(92, 103, 128, 0.15);
    background-color: #fff;
    transition: all 0.166s ease-out;
    transform: translateY(0);
    will-change: opacity
}

@media (max-width: 1199.98px) {
    .sign__mask .sign {
        max-width: none
    }
}

.sign__mask.sign__mask--hidden {
    padding: 0 10px;
    height: 0
}

.sign__mask.sign__mask--hidden .sign {
    transform: translateY(100%)
}

.sign__mask.sign__mask--hidden .sign__close-mask-btn {
    opacity: 0
}

.sign__close-mask-btn {
    transform: translate(-24px, -24px);
    position: relative;
    z-index: 1;
    opacity: 1;
    transition: opacity .08s ease-out;
    transition-delay: .166s;
    display: flex;
    align-items: center;
    justify-content: center
}

.sign {
    max-width: 262px;
    color: #191B1C
}

@media (max-width: 767.98px) {
    .sign {
        max-width: none
    }
}

.sign .form__hint+.form__hint {
    margin-top: 16px
}

.sign .form__hint a {
    justify-content: flex-end
}

.sign__text-code {
    height: 0;
    overflow: hidden;
    text-align: center;
    will-change: opacity;
    transition: height 0.166s ease-out;
    transform: translate(0, 0)
}

.sign__text-code.sign__text-code--opened {
    box-shadow: 0 0 10px 0 rgba(25, 27, 28, 0.1);
    height: 100px
}

.sign__pinpad {
    margin-top: 0;
    background-color: #191B1C
}

.sign__pinpad-accesibilidad {
    height: 100%
}

.sign__pinpad-accesibilidad ul {
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.sign__pinpad-accesibilidad ul:focus {
    box-shadow: 0 0 10px 3px #EBEEF5
}

.sign__pinpad-accesibilidad ul li {
    flex: 1 1 52.4px;
    height: 53px;
    display: flex;
    justify-content: center;
    border: 0.3px solid rgba(218, 221, 222, 0.2)
}

.sign__pinpad-accesibilidad ul li button {
    font-size: 20px;
    line-height: 27px;
    height: 100%;
    width: 100%;
    color: #191B1C;
    font-family: "BK-Text"
}

.sign__pinpad-accesibilidad ul li button:hover {
    background: transparent;
    color: #FF821C
}

.sign__pinpad-accesibilidad ul li button:focus {
    background: transparent;
    color: #FF821C;
    box-shadow: 0 0 10px 3px #EBEEF5
}

.input__pinpad .input__control:focus {
    box-shadow: 0 0 10px 3px #EBEEF5
}

.sign__confirm-otp {
    font-size: .875rem;
    color: #FF821C
}

.sign__confirm-otp .icon {
    vertical-align: text-top
}

.sign__title-accesibilidad {
    color: #191B1C;
    font-family: "BK-Sans";
    font-size: 20px;
    font-weight: bold;
    line-height: 24px
}

.sign__title-accesibilidad a {
    color: #191B1C;
    text-decoration: none;
    display: inline-block;
    font-weight: 100;
    border-color: #191B1C
}

.sign__title-accesibilidad a:focus {
    background: #3E4A50;
    color: #fff
}

.sign__title-accesibilidad a.hidden,
.sign__title-accesibilidad a[hidden] {
    display: none
}

.sign__title a {
    color: #191B1C;
    display: inline-flex;
    text-decoration: none;
    background-color: #fff
}

.sign__title a.hidden,
.sign__title a[hidden] {
    display: none
}

.sign__generic-error {
    color: #CB1720;
    font-size: .875rem;
    font-weight: bold
}

.sign__wrapper {
    position: relative
}

.sign__wrapper.sign__wrapper--blocked:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5)
}

.sign__label,
.sign__label-error {
    font-size: .875rem
}

@media (max-width: 767.98px) {
    .sign__mask {
        padding: 28px 0 0;
        width: 100%;
        left: 0;
        position: fixed;
        bottom: 0
    }
    .sign {
        width: 100%
    }
}

.pinpad {
    background-color: #191B1C;
    margin-top: 10px
}

.content-coordenadas {
    margin-top: 20px;
    margin-bottom: 30px
}

#panel_firma .errorPanel {
    border: none;
    background: transparent;
    position: static;
    transform: none;
    box-shadow: none;
    margin-bottom: 10px
}

#panel_firma .errorPanel .panel-body {
    background: transparent;
    white-space: nowrap;
    color: #CB1720;
    padding: 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.2
}

#panel_firma .errorPanel .arrowText {
    display: none
}

#panel_firma .genericError {
    font-weight: bold;
    color: #CB1720;
    font-size: 13px;
    padding-right: 20px;
    margin: 10px 0 -10px;
    line-height: 1.2
}

@media (max-width: 767.98px) {
    #panel_firma fieldset:not(.formInputCode) div.col-lg-3 {
        width: 90%;
        margin-bottom: 20px
    }
}

#panel_firma fieldset:not(.formInputCode) div.col-lg-3 input[type="password"] {
    padding-left: 10px;
    padding-right: 10px
}

#panel_firma .showTransferLopd {
    height: 60px;
    line-height: 60px;
    white-space: nowrap
}

#panel_firma .showTransferLopd:before {
    content: '\e90c';
    display: inline-block;
    font-family: 'BK-icons';
    font-size: 24px;
    color: #008931;
    vertical-align: middle
}

#panel_firma .showTransferLopd img {
    display: none
}

#panel_firma .input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

#panel_firma .input-group .form-control {
    display: table-cell
}

#panel_firma .input-group .form-control:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

#panel_firma .input-group .form-control:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

#panel_firma .input-group-addon {
    padding: 6px 12px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell
}

#panel_firma .input-group-addon:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0
}

#panel_firma .input-group-addon:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

#panel_firma .input-group-btn {
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell
}

#panel_firma .input-group-btn:first-child>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

#panel_firma .input-group-btn:first-child>.btn:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

#panel_firma .input-group-btn:first-child>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

#panel_firma .input-group-btn:last-child>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

#panel_firma .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

#panel_firma .input-group-btn:last-child>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

#panel_firma .formInputCode .input-group .form-control[type="password"] {
    border-radius: 0;
    height: 60px;
    border-right: 0;
    border-left: 0;
    box-shadow: none;
    width: 120px;
    text-align: center
}

#panel_firma .formInputCode .input-group-addon.icon_delete {
    background-color: #fff;
    border-left: 0;
    padding: 0 1.375rem;
    border-color: #AFB5C8;
    cursor: pointer
}

#panel_firma .hidden-xs {
    display: block
}

#panel_firma .visible-xs {
    display: block
}

#panel_firma .btn_new_secondary {
    color: #FF821C;
    background-color: #fff;
    border: 1px solid #FF821C
}

#panel_firma .btn_new_secondary:hover,
#panel_firma .btn_new_secondary:focus {
    color: #fff;
    background-color: #FF821C;
    border: 1px solid #FF821C
}

@media (max-width: 480px) {
    #panel_firma .hidden-xs {
        display: none !important
    }
    #panel_firma .visible-xs {
        display: block !important
    }
}

@media (min-width: 481px) {
    #panel_firma .hidden-xs {
        display: block !important
    }
    #panel_firma .visible-xs {
        display: none !important
    }
}

.formInputCode {
    margin-top: 0
}

.formInputCode .input-group {
    width: 235px;
    background-color: #F7FAFF
}

.formInputCode label.input-group-addon {
    width: 60px;
    border-color: #AFB5C8
}

.formInputCode .input-group-addon.icon_delete {
    background-color: #fff;
    border-left: 0;
    padding: 0 22px;
    border-color: #AFB5C8;
    cursor: pointer
}

.formInputCode .input-group-addon.icon_delete:before {
    font-family: 'BK-icons';
    content: "\e911";
    font-size: 16px
}

.formInputCode .input-group .form-control[type="password"] {
    border-radius: 0;
    height: 60px;
    border-right: 0;
    border-left: 0;
    box-shadow: none;
    border-color: #AFB5C8
}

.formInputCode .input-group .form-control[type="password"][disabled] {
    background-color: #fff
}

.formInputCode.hasError label.input-group-addon {
    border-color: #CB1720
}

.formInputCode.hasError .input-group .form-control[type="password"] {
    border-color: #CB1720;
    color: #CB1720
}

.formInputCode.hasError .input-group-addon.icon_delete {
    border-color: #CB1720;
    color: #CB1720
}

.formInputCode .pinpad {
    width: auto
}

.sign__btn {
    margin-left: auto
}

.sign--empresas .sign__title {
    font-size: 1.25rem;
    font-weight: bold;
    padding-bottom: 16px;
    margin-bottom: 24px;
    border-bottom: 1px solid #EBEEF5
}

.sign--empresas .sign__generic-error {
    font-weight: normal
}

.sign--empresas .sign__label {
    color: #5c6780
}

.sign__backdrop {
    background-color: rgba(43, 49, 51, 0.6);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

@media (min-width: 768px) {
    .sign__backdrop {
        display: none
    }
}

.sign__help {
    height: 24px;
    width: 24px;
    margin-top: 7px;
    margin-left: 8px;
    color: #000
}

@media (min-width: 768px) {
    .sign__help {
        margin-top: 14px
    }
}

.sign__help:focus {
    color: #FF821C;
    box-shadow: none
}

.slider {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.slider.slider--is-error .slider__input,
.slider.slider--is-error .slider__units-input,
.slider.slider--is-error .slider__units-label {
    color: #CB1720;
    border-bottom-color: #CB1720
}

.slider.slider--is-error .slider__bar-error {
    display: block
}

.slider.slider--is-disabled .slider__input,
.slider.slider--is-disabled .slider__units-input,
.slider.slider--is-disabled .slider__units-label {
    pointer-events: none;
    opacity: .4;
    cursor: default;
    background-color: transparent
}

.slider.slider--is-disabled .slider__bar-progress {
    background-color: #AFB5C8
}

.slider.slider--is-disabled .slider__bar-handler {
    pointer-events: none;
    cursor: default;
    background-color: #D9E4FF
}

.slider__label {
    width: 50%;
    font-size: .875rem;
    font-weight: 700
}

.slider__label .icon {
    padding-left: 4px;
    font-weight: 400
}

.slider__input {
    width: 50%;
    border: none;
    outline: none;
    border-bottom: 1px solid #D9E4FF;
    font-family: "BK-Text";
    font-size: 1rem;
    padding: 4px
}

.slider__input:focus {
    border: 1px solid #D9E4FF;
    box-shadow: 0 0 0 4px #3E4A50;
    border-radius: 4px;
    outline: none
}

.slider__input::-ms-clear {
    display: none
}

.slider__input--number {
    font-size: 1.25rem
}

.slider__units {
    border: none;
    outline: none;
    border-bottom: 1px solid #EBEEF5;
    font-family: "BK-Text";
    width: 50%;
    padding: 4px
}

.slider__units-input {
    height: 100%;
    font-size: 1rem;
    border: none;
    overflow: hidden;
    text-align: right;
    padding-bottom: 0;
    margin-bottom: -1px
}

.slider__units-input:focus {
    border: 1px solid #D9E4FF;
    box-shadow: 0 0 0 4px #3E4A50;
    border-radius: 4px;
    outline: none
}

.slider__units-label {
    align-self: flex-end;
    margin-top: 1px;
    margin-left: 4px;
    font-size: .875rem
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .slider__units-label {
        margin-top: 3px
    }
}

@media all and (min--moz-device-pixel-ratio: 0) and (min-resolution: 30dpcm) {
    .slider__units-label {
        margin-bottom: -1px
    }
}

.slider__bar {
    height: 4px;
    background-color: #D9E4FF;
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
    cursor: pointer
}

.slider__bar.slider__bar--is-pressed .slider__bar-handler {
    transform: translate(-50%, -50%) scale(1.2)
}

.slider__bar-progress {
    background-color: #FF821C;
    height: 100%;
    transform: scaleX(0);
    transform-origin: left center
}

.slider__bar-handler {
    cursor: pointer;
    background-color: #FF821C;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: transform .166s ease-out;
    -webkit-user-drag: none;
    -ms-user-select: none;
    -moz-user-drag: none
}

.slider__bar-handler:focus {
    outline: 4px solid #191B1C !important
}

.slider__bar-error {
    background-color: #191B1C;
    color: #fff;
    font-size: .75rem;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 50%;
    padding: 6px 16px;
    transform: translateY(-50%);
    cursor: default;
    display: none
}

[class^="slider__value"] {
    font-size: .75rem;
    color: #5c6780
}

@media (max-width: 767.98px) {
    .slider__label--movil {
        width: 100%
    }
    .slider__units--movil {
        width: 100%
    }
    .slider__units--movil .slider__units-input {
        font-size: 1.25rem
    }
}

.process-header {
    min-height: 50px;
    padding-top: 4px;
    background: #EBEEF5;
    padding-left: 0
}

@media (min-width: 576px) {
    .process-header {
        padding-left: 15px
    }
}

.process-header.process-header--interactive:hover {
    border-bottom-color: #AFB5C8
}

.process-header.process-header--bgpurple {
    background: #EBEEF5
}

.process-header.process-header--transparent {
    background: none
}

.process-header__pretitle {
    font-size: .75rem;
    line-height: 24px
}

.process-header__title {
    padding-bottom: 4px;
    min-height: 32px;
    line-height: 30px
}

.process-header__title-note {
    line-height: 20px;
    font-size: .75rem
}

@media (max-width: 991.98px) {
    .header-process__steps {
        overflow-x: auto
    }
}

.process-header__steps-item {
    border-bottom: 3px solid #D9E4FF;
    margin-left: 3px;
    font-size: .75rem;
    line-height: 21px
}

.process-header__steps-item:first-child {
    margin-left: 0
}

.process-header__steps-item a {
    color: #191B1C
}

.process-header__steps-item.process-header__steps-item--visited {
    border-bottom-color: #191B1C
}

.process-header__steps-item.process-header__steps-item--visited:hover {
    border-bottom-color: #5c6780
}

.process-header__steps-item.process-header__steps-item--active {
    border-bottom-color: #FF821C
}

.process-header__steps-item.process-header__steps-item--no-border {
    border: none
}

@media (max-width: 991.98px) {
    .process-header__steps-item {
        min-width: 167px
    }
}

@media (max-width: 767.98px) {
    .process-header__steps-item {
        min-width: 210px
    }
}

.process-header__progress {
    display: flex
}

.process-header__progress progress[value] {
    width: 100%;
    height: 3px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    color: #FF821C;
    background-color: #D9E4FF
}

.process-header__progress progress[value]::-webkit-progress-bar {
    background-color: #D9E4FF
}

.process-header__progress progress[value]::-webkit-progress-value {
    background-color: #FF821C
}

.process-header__progress progress[value]::-moz-progress-bar {
    background-color: #FF821C
}

.process-header__steps-item--visited .process-header__progress progress[value="100"] {
    color: #191B1C
}

.process-header__steps-item--visited .process-header__progress progress[value="100"]::-webkit-progress-bar {
    background-color: #191B1C
}

.process-header__steps-item--visited .process-header__progress progress[value="100"]::-webkit-progress-value {
    background-color: #191B1C
}

.process-header__steps-item--visited .process-header__progress progress[value="100"]::-moz-progress-bar {
    background-color: #191B1C
}

.process-header--white {
    min-height: 72px;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 16px
}

.process-header--white-second-nav {
    min-height: 72px;
    padding-top: 24px;
    margin-bottom: 16px
}

.process-final__wrapper {
    padding: 40px;
    border: 1px solid #EBEEF5;
    height: 100%
}

.process-final__wrapper--rounded {
    border-radius: 4px
}

.process-final__wrapper--rounded .process-final__icon {
    border-radius: 4px
}

.process-final__icon {
    min-width: 72px;
    max-width: 72px;
    height: 72px;
    margin-right: 40px
}

.process-final__icon .icon {
    font-size: 48px;
    height: 72px;
    line-height: 72px;
    width: 72px
}

.process-final__title {
    font-weight: 900
}

.process-final--pending .process-final__icon {
    background-color: #FF821C
}

.process-final--success .process-final__icon {
    background-color: #B5F0EF
}

.process-final--warning .process-final__icon {
    background-color: #FFB5B1
}

.process-final--waiting .process-final__icon {
    background-color: #F7C70B
}

textarea.input__control {
    min-height: 104px;
    resize: none;
    overflow: hidden;
    padding-top: 24px
}

.input--expandible textarea.input__control {
    min-height: 0
}

.input--expandible.input--has-focus,
.input--expandible.input--has-content {
    min-height: 104px
}

.textArea {
    border: 1px solid transparent;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column
}

.textArea__wrapper {
    border-radius: 4px;
    width: auto;
    max-height: 108px;
    min-height: 62px;
    background-color: white;
    border: 1px solid #AFB5C8;
    position: relative;
    padding: 26px 8px 8px 16px
}

.textArea__container {
    min-height: 24px;
    max-height: 72px;
    -webkit-user-select: none;
    display: flex;
    position: relative;
    flex-direction: column
}

.textArea__container .ss-scroll {
    right: -8px
}

.textArea__label {
    position: absolute;
    z-index: 1;
    top: 30px;
    transform: translate(0, -50%);
    transition: all 0.166s ease-out;
    color: #5c6780;
    -webkit-touch-callout: none;
    user-select: none;
    pointer-events: none;
    font-size: 14px
}

.textArea--has-content .textArea__label {
    color: #191B1C;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.1;
    transform: translate(0, -107%)
}

.textArea__content {
    font-size: 14px;
    line-height: 24px;
    white-space: pre-wrap;
    color: #5c6780;
    margin-bottom: 0
}

.textArea__content:focus {
    outline: none;
    border: 0 solid transparent
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .textArea__content br {
        line-height: 25px;
        display: block
    }
}

.textArea__content:empty:before {
    content: attr(placeholder)
}

.textArea__charNum {
    color: #191B1C;
    font-size: 14px;
    line-height: 24px;
    text-align: right
}

.textArea--error {
    border-color: #CB1720
}

.textArea--error .text-overload {
    background-color: #FFB5B1;
    color: #191B1C;
    padding: 4px 0 3px;
    line-height: 24px
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .textArea--error .text-overload {
        line-height: 25px
    }
}

.textArea--focus {
    border: 1px dashed #191B1C;
    outline: none;
    border-radius: 4px
}

.textArea--focus.textArea--error {
    border: 1px dashed #CB1720;
    outline: none;
    border-radius: 4px
}

.textArea--disabled .textArea__label,
.textArea--disabled .textArea__container,
.textArea--disabled .textArea__charNum {
    opacity: 0.6;
    pointer-events: none;
    color: #AFB5C8 !important
}

.textArea--disabled .textArea__wrapper {
    border: 1px solid rgba(175, 181, 200, 0.6)
}

.textArea--disabled .textArea--focus {
    box-shadow: none
}

.textArea__placeholder.textArea__disabled .textArea__label {
    opacity: 0.6;
    pointer-events: none;
    color: #AFB5C8
}

.textArea__placeholder.textArea__disabled .textArea__container span {
    opacity: 0.6;
    pointer-events: none
}

.textArea__placeholder .textArea__label {
    color: #191B1C;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.1;
    transform: translate(0, -107%)
}

.textArea__placeholder .textArea__content {
    height: 0;
    min-height: 0;
    margin: 0
}

.textArea__placeholder .textArea__container {
    overflow: hidden
}

.textArea__placeholder .textArea__container span {
    font-size: 14px;
    line-height: 24px
}

.textArea__placeholder .ss-scroll {
    display: none
}

.tooltip {
    position: relative;
    cursor: pointer;
    color: #191B1C
}

.tooltip:hover {
    color: #5c6780
}

.tooltip .tooltip__text {
    font-size: .875rem;
    line-height: 1.5;
    text-align: left;
    background-color: #EBEEF5;
    color: #191B1C;
    padding: 4px 8px 4px;
    -ms-width: max-content;
    -webkit-width: max-content;
    -moz-width: max-content;
    width: max-content;
    max-width: 272px;
    position: absolute;
    display: none;
    z-index: 1000
}

@media all and (-ms-high-contrast: none) {
    .tooltip .tooltip__text {
        width: 272px !important
    }
}

@supports (-ms-ime-align: auto) {
    .tooltip .tooltip__text {
        width: 272px !important
    }
}

.tooltip .tooltip__text--small {
    font-size: 12px;
    line-height: 15px
}

.tooltip .tooltip--with-border {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #5c6780;
    width: 20px;
    height: 20px;
    font-size: .75rem;
    color: #5c6780
}

.tooltip--dark .tooltip__text {
    background-color: #191B1C;
    color: #fff
}

.tooltip-intranet {
    font-size: .875rem;
    line-height: 1.5;
    text-align: left;
    background-color: #EBEEF5;
    color: #191B1C;
    padding: 4px 8px 4px;
    width: 100px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100px;
    position: absolute;
    text-transform: none;
    pointer-events: none;
    z-index: 99999
}

@media (min-width: 576px) {
    .tooltip-intranet {
        width: 200px;
        max-width: 200px
    }
}

.tooltip--rounded .tooltip__text {
    background-color: #191B1C;
    color: #fff;
    border-radius: 4px;
    padding: 4px 8px 4px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: none;
    max-width: 272px;
    transform: translateX(100px)
}

.action-box {
    position: relative
}

.action-box__content {
    position: absolute;
    right: 0;
    margin-left: 0;
    min-width: 136px;
    max-width: fit-content;
    top: 56px;
    padding: 16px 8px;
    background-color: #EBEEF5;
    box-shadow: 0 10px 20px 0 rgba(92, 103, 128, 0.15);
    z-index: 10;
    border-radius: 4px
}

@media (min-width: 425px) {
    .action-box__content {
        min-width: 200px
    }
}

.action-box__content:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #EBEEF5 transparent;
    position: absolute;
    bottom: 100%;
    right: 14px
}

.action-box__content.action-box__content--second {
    position: relative;
    right: unset !important;
    top: unset !important;
    background-color: transparent;
    box-shadow: none;
    padding: 0 0 0 8px;
    min-width: auto;
    left: unset !important;
    margin-left: unset !important
}

.action-box__button {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F7FAFF;
    align-self: center
}

@media (min-width: 992px) {
    .action-box__button {
        background: #fff
    }
}

.action-box--arrow-top .action-box__content:before {
    position: absolute;
    bottom: 100%;
    right: calc(50% - (20px / 2))
}

.action-box--arrow-right .action-box__content:before {
    position: absolute;
    bottom: 100%;
    left: 14px
}

.action-box--position-top .action-box__content {
    bottom: 45px;
    top: initial
}

.action-box--process .action-box__content {
    top: 80px
}

.action-box--dropdown-links .action-box__content {
    background-color: #F7FAFF;
    padding: 24px 40px 0;
    min-width: 220px
}

@media (min-width: 576px) {
    .action-box--dropdown-links .action-box__content {
        min-width: 550px
    }
}

.action-box--dropdown-links .action-box__content:before {
    border-color: transparent transparent #F7FAFF transparent
}

.action-box--dropdown-links .action-box--no-padding-left {
    padding-left: 0
}

.action-box--dropdown-links .action-box__item {
    margin-bottom: 20px;
    font-size: 12px;
    letter-spacing: 1px;
    display: table;
    padding: 2px
}

.action-box--slim .action-box__content {
    background-color: #fff;
    padding: 16px 8px;
    min-width: 136px;
    border-radius: 4px;
    box-shadow: 0 10px 20px 0 rgba(25, 27, 28, 0.15)
}

.action-box--slim .action-box__content:before {
    content: none
}

.action-box--slim .action-box__content.action-box__content-opened {
    right: 0;
    left: initial;
    bottom: initial;
    transform: translateX(0px)
}

.action-box--slim-header {
    display: flex;
    align-items: center;
    font-size: .75rem;
    margin-left: 12px;
    margin-right: 24px
}

.action-box--slim-header .action-box__content {
    background-color: #fff;
    color: #5c6780;
    padding: 16px 8px;
    min-width: auto;
    border-radius: 4px;
    box-shadow: 0 10px 20px 0 rgba(25, 27, 28, 0.15)
}

.action-box--slim-header .action-box__content:before {
    content: none
}

@media (max-width: 991.98px) {
    .action-box--slim-header .action-box__content {
        margin-top: -210px
    }
}

.action-box--slim-header .action-box__item {
    color: #5c6780
}

.action-box--slim-header .action-box__item:focus {
    color: #fff;
    background-color: #3E4A50;
    border: 3px solid #3E4A50
}

@media (min-width: 992px) {
    .action-box--slim-header {
        margin-right: 0
    }
}

.action-box--slim-header .action-box__item--selected {
    color: #191B1C
}

.action-box__item {
    display: block;
    font-size: 12px;
    color: #5c6780;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 6px;
    letter-spacing: 1px;
    white-space: normal;
    line-height: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    min-height: 16px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px
}

@media (min-width: 992px) {
    .action-box__item {
        font-size: .75rem
    }
}

@media (min-width: 425px) {
    .action-box__item {
        white-space: nowrap;
        line-height: 38px;
        padding-top: 0;
        padding-bottom: 0;
        min-height: 38px
    }
}

.action-box__item:hover {
    background-color: #EFF3FF;
    border: 1px solid #EFF3FF;
    color: #191B1C;
    text-decoration: none
}

.action-box__item:focus {
    border: 1px dashed #191B1C;
    background-color: #EFF3FF;
    color: #191B1C;
    outline: none
}

.action-box__item:last-of-type {
    margin-bottom: 0
}

.number-pagination {
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    justify-content: center
}

@media (min-width: 992px) {
    .number-pagination {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.number-pagination__contain {
    display: flex
}

.number-pagination__button,
.number-pagination__icon {
    width: 40px;
    height: 40px;
    color: #191B1C;
    display: flex;
    justify-content: center;
    align-items: center
}

.number-pagination__button:hover,
.number-pagination__icon:hover {
    background-color: #EBEEF5;
    color: #191B1C;
    cursor: pointer
}

.number-pagination__button:focus,
.number-pagination__icon:focus {
    cursor: pointer
}

.number-pagination__button.disabled,
.number-pagination__icon.disabled {
    color: #AFB5C8;
    cursor: default
}

.number-pagination__button.disabled:hover,
.number-pagination__button.disabled:focus,
.number-pagination__icon.disabled:hover,
.number-pagination__icon.disabled:focus {
    background-color: white;
    color: #AFB5C8
}

.number-pagination__puntos--disabled {
    width: 40px;
    color: #191B1C;
    cursor: default
}

.number-pagination__button--active {
    background-color: #FED430;
    cursor: default
}

.number-pagination__button--active:hover {
    cursor: default;
    background-color: #FED430
}

.pagination .page {
    display: none
}

.pagination .page--active {
    display: block
}

.badge-icon {
    width: 24px;
    height: 24px;
    position: relative;
    background-color: inherit
}

.badge-icon__number {
    font-family: "BK-Sans";
    font-size: 10px;
    letter-spacing: 0.83px;
    line-height: 10px;
    position: absolute;
    right: -2px;
    padding: 0;
    background-color: #fff;
    color: #191B1C
}

.badge-icon--blue .badge-icon__number {
    background-color: #B5F0EF;
    border-left: 1px solid #B5F0EF;
    border-bottom: 1px solid #B5F0EF
}

.badge-icon--yellow .badge-icon__number {
    background-color: #FED430;
    border-left: 1px solid #FED430;
    border-bottom: 1px solid #FED430
}

.badge-icon--orange .badge-icon__number {
    background-color: #FF821C;
    border-left: 1px solid #FF821C;
    border-bottom: 1px solid #FF821C;
    color: #fff
}

.badge-icon--grey .badge-icon__number {
    background-color: #EBEEF5;
    border-left: 1px solid #EBEEF5;
    border-bottom: 1px solid #EBEEF5
}

.badge-icon--grey-second .badge-icon__number {
    background-color: #F7FAFF;
    border-left: 1px solid #F7FAFF;
    border-bottom: 1px solid #F7FAFF
}

.badge-icon--bkj-yellow .badge-icon__number {
    background-color: #FFE700;
    border-left: 1px solid #FFE700;
    border-bottom: 1px solid #FFE700
}

.badge-icon--bkj-turquoise .badge-icon__number {
    background-color: #37ECC7;
    border-left: 1px solid #37ECC7;
    border-bottom: 1px solid #37ECC7
}

.badge-icon--bkj-blue .badge-icon__number {
    background-color: #08C3FF;
    border-left: 1px solid #08C3FF;
    border-bottom: 1px solid #08C3FF;
    color: #fff
}

.badge-icon--bkj-red .badge-icon__number {
    background-color: #FF4169;
    border-left: 1px solid #FF4169;
    border-bottom: 1px solid #FF4169;
    color: #fff
}

.crm-messages {
    background-color: #B5F0EF;
    width: 100%;
    display: flex;
    flex-direction: row
}

.crm-messages__text {
    margin-top: 8px;
    margin-bottom: 8px
}

.crm-messages__picture {
    display: none
}

.crm-messages__container {
    flex-grow: 1;
    padding: 24px;
    display: flex;
    flex-direction: row;
    font-size: .875rem
}

.crm-messages__container strong {
    font-size: 16px
}

.crm-messages__button {
    margin: 0 auto;
    font-size: .75rem;
    align-self: center
}

.crm-messages--icon .crm-messages__picture {
    display: flex;
    padding-left: 1rem;
    padding-top: 2rem
}

.crm-messages--image {
    display: block
}

@media (min-width: 768px) {
    .crm-messages__picture {
        display: none
    }
    .crm-messages--icon .crm-messages__container {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }
    .crm-messages--icon .crm-messages__picture {
        display: flex;
        align-self: center;
        padding-left: 1.5rem;
        padding-top: 0rem
    }
    .crm-messages--icon .crm-messages__container {
        display: flex;
        justify-content: space-between;
        flex-direction: row
    }
    .crm-messages--image {
        display: flex
    }
}

@media (min-width: 992px) {
    .crm-messages__picture {
        display: flex;
        justify-content: center;
        align-items: center
    }
    .crm-messages--icon .crm-messages__picture {
        display: flex;
        padding-left: 1.5rem
    }
    .crm-messages--icon .crm-messages__container {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }
}

@media (min-width: 1200px) {
    .crm-messages__picture {
        display: block;
        max-width: 100%
    }
}

.crm-messages--rounded.crm-messages {
    border-radius: 4px
}

.crm-messages--rounded .crm-messages__container {
    padding: 16px
}

@media (min-width: 992px) {
    .crm-messages--rounded .crm-messages__container {
        padding: 24px 40px 24px 16px
    }
}

.crm-messages--rounded .crm-messages__text {
    margin-top: 8px;
    margin-bottom: 16px
}

@media (min-width: 992px) {
    .crm-messages--rounded .crm-messages__text {
        margin-bottom: 8px
    }
}

.crm-messages--rounded .crm-messages__picture {
    padding-left: 16px;
    padding-top: 24px
}

@media (min-width: 768px) {
    .crm-messages--rounded .crm-messages__picture {
        display: flex;
        padding-left: 0;
        padding-top: 0
    }
}

.crm-messages--rounded .crm-messages__picture img {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

@media (min-width: 768px) {
    .crm-messages--rounded.crm-messages--icon .crm-messages__picture {
        padding-left: 16px;
        padding-top: 0
    }
}

@media (min-width: 768px) {
    .crm-messages--rounded.crm-messages--icon.crm-messages--4-columns .crm-messages__picture {
        padding-left: 0;
        padding-top: 0
    }
}

.crm-messages--4-columns {
    padding: 16px
}

@media (min-width: 992px) {
    .crm-messages--4-columns {
        padding: 24px
    }
}

.crm-messages--4-columns .crm-messages__container {
    padding: 0 0 0 16px
}

.crm-messages--4-columns .crm-messages__text {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 32px
}

@media (min-width: 992px) {
    .crm-messages--4-columns .crm-messages__text {
        line-height: 24px
    }
}

.crm-messages--4-columns .crm-messages__status {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    font-size: .875rem
}

.crm-messages--4-columns .crm-messages__coins {
    font-weight: bold;
    margin-top: 4px
}

.crm-messages--4-columns .crm-messages__picture {
    padding: 0;
    align-self: baseline
}

.brandsite {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex
}

@media (min-width: 576px) {
    .brandsite {
        margin-top: 64px;
        margin-bottom: 64px
    }
}

.brandsite__content {
    padding: 0
}

.brandsite__content:focus {
    background-color: transparent;
    color: #191B1C
}

@media (min-width: 576px) {
    .brandsite__content {
        display: flex;
        align-items: center
    }
}

.brandsite__button {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FED430;
    margin-bottom: 12px
}

.brandsite__button:focus {
    box-shadow: 0 0 0 4px #3E4A50;
    outline: none
}

@media (min-width: 576px) {
    .brandsite__button {
        width: 64px;
        height: 64px
    }
}

.brandsite__direction {
    color: #5c6780;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0
}

@media (min-width: 576px) {
    .brandsite__direction {
        font-size: 18px;
        margin-bottom: 8px
    }
}

.brandsite__description {
    font-size: 16px;
    color: #191B1C;
    font-weight: 700
}

@media (min-width: 576px) {
    .brandsite__description {
        font-size: 20px;
        margin-bottom: 0;
        line-height: 20px;
        overflow: visible;
        text-overflow: initial;
        white-space: normal
    }
}

@media (min-width: 576px) {
    .brandsite__description--elipsis {
        text-overflow: ellipsis;
        width: 240px;
        white-space: nowrap;
        overflow: hidden
    }
}

@media (min-width: 992px) {
    .brandsite__description--elipsis {
        width: 320px
    }
}

.brandsite__content--left .brandsite__direction,
.brandsite__content--left .brandsite__description {
    text-align: left
}

@media (min-width: 576px) {
    .brandsite__content--left .brandsite__button {
        margin-right: 32px;
        margin-bottom: 0
    }
}

@media (min-width: 576px) {
    .brandsite__content--right {
        flex-direction: row-reverse
    }
}

.brandsite__content--right .brandsite__direction,
.brandsite__content--right .brandsite__description {
    text-align: right
}

.brandsite__content--right .brandsite__button {
    margin: auto 0 12px auto
}

@media (min-width: 576px) {
    .brandsite__content--right .brandsite__button {
        margin: auto 0 0 32px
    }
}

.brandsite--black .brandsite__content {
    color: #000
}

.header-bk__icon-nav--grey {
    background-color: #EBEEF5
}

.header-bk__icon-nav--grey .header-bk__link-nav {
    color: #191B1C
}

.header-bk--private .header-bk__nav-general,
.header-bk--private .header-bk__nav-sections {
    max-width: 270px
}

.header-bk--private .header-bk__nav-general {
    padding: 38px 28px
}

.header-bk--private .header-bk-primary__subnav [class^="col-"],
.header-bk--private .header-bk-primary__subnav [class*=" col-"] {
    position: static
}

.header-bk--private .header-bk__nav-access {
    width: 100%
}

.header-bk__navlist-item {
    padding-bottom: 16px;
    display: flex;
    align-items: center
}

.header-bk__navlist-item:first-of-type {
    padding-top: 16px
}

.header-bk__navlist-icon {
    margin-right: 18px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #B5F0EF
}

.header-bk__navlist-first-level--yellow .header-bk__navlist-icon {
    background-color: #FED430
}

.header-bk__navlist-first-level--yellow .header-bk__navlist-icon+.header-bk__navlist-link {
    color: #191B1C;
    background-color: #F7FAFF
}

.header-bk__navlist-link {
    color: #191B1C;
    text-transform: uppercase;
    font-family: "BK-Sans";
    font-size: 12px;
    letter-spacing: 1px;
    text-align: left;
    padding: 8px 6px;
    display: block;
    flex-grow: 1
}

.header-bk__navlist-link:focus {
    color: #191B1C;
    background-color: #F7FAFF
}

.header-bk__nav-user {
    display: flex;
    justify-content: flex-end
}

.header-bk__nav-user-list {
    width: 270px;
    padding: 37px 24px;
    background-color: #F7FAFF
}

.header-bk__nav-user-item {
    font-size: 12px;
    letter-spacing: 1px;
    font-family: "BK-Sans";
    text-transform: uppercase;
    color: #191B1C;
    margin-bottom: 26px
}

.header-bk__nav-user-item:last-child {
    margin-bottom: 0
}

.header-bk__nav-user-link {
    color: #191B1C
}

.header-bk__nav-user-link:focus {
    color: #FF821C
}

.header-bk-navlist__subnav {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    left: 0;
    right: 0;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #F7FAFF
}

@media (min-width: 768px) {
    .header-bk--private .header-bk__nav-general,
    .header-bk--private .header-bk__nav-sections {
        max-width: 100%;
        width: 300px
    }
    .header-bk--private .header-bk__nav-user-list {
        width: 320px;
        z-index: 130;
        padding: 27px 24px;
        top: -38px;
        right: 0;
        position: absolute
    }
    .header-bk--private .header-bk__nav-user-list:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 9px 12px 9px;
        border-color: transparent transparent #F7FAFF transparent;
        position: absolute;
        right: 30%;
        top: -12px
    }
    .header-bk--private .header-bk__nav-user {
        position: relative
    }
}

@media (min-width: 992px) {
    .header-bk--private .header-bk__nav-general,
    .header-bk--private .header-bk__nav-sections {
        max-width: 100%;
        width: 100%
    }
    .header-bk--private .header-bk__nav-general {
        padding: 0
    }
    .header-bk--private .header-bk__subnav-operate {
        position: relative
    }
    .header-bk--private .header-bk-navlist__subnav {
        position: absolute;
        width: calc(100% - 33.333%);
        top: 0;
        left: 33.333%
    }
    .header-bk--private .header-bk__subnav-last-level {
        position: absolute;
        width: calc(100% - 50%);
        top: 0;
        left: 50%
    }
}

.procesos_private .table {
    background-color: #fff;
    border-spacing: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: #D9E4FF
}

.procesos_private .table.table--no-border-top {
    border-top: none
}

.procesos_private .table.table--no-border-top tbody tr:first-of-type td {
    border-top: none
}

.procesos_private .table.table--border-top-black {
    border-top: 1px solid #191B1C
}

.procesos_private .table.table--border-black {
    border-bottom: 1px solid #191B1C
}

.procesos_private .table .tr--no-border-bottom,
.procesos_private .table .th--no-border-bottom {
    border-bottom: none
}

.procesos_private .table .th--border-black {
    border-bottom: solid 1px #191B1C
}

.procesos_private .table caption {
    padding: 0;
    text-align: left
}

.procesos_private .table caption.caption--bordered {
    border-bottom: 2px solid #000;
    padding-bottom: 16px !important
}

.procesos_private .table th {
    text-align: left
}

.procesos_private .table>thead>tr>th,
.procesos_private .table>thead>tr>td,
.procesos_private .table>tbody>tr>th,
.procesos_private .table>tbody>tr>td,
.procesos_private .table>tfoot>tr>th,
.procesos_private .table>tfoot>tr>td {
    padding: 13px 13px 13px 0;
    vertical-align: top;
    border-bottom: 1px solid #EBEEF5;
    font-size: .75rem;
    line-height: 1.5;
    color: #000;
    font-family: 'BK-Sans';
    vertical-align: top
}

.procesos_private .table>thead>tr>th .icon--arrow-right-16,
.procesos_private .table>thead>tr>th .pictoDSL-arrow-right-16,
.procesos_private .table>thead>tr>td .icon--arrow-right-16,
.procesos_private .table>thead>tr>td .pictoDSL-arrow-right-16,
.procesos_private .table>tbody>tr>th .icon--arrow-right-16,
.procesos_private .table>tbody>tr>th .pictoDSL-arrow-right-16,
.procesos_private .table>tbody>tr>td .icon--arrow-right-16,
.procesos_private .table>tbody>tr>td .pictoDSL-arrow-right-16,
.procesos_private .table>tfoot>tr>th .icon--arrow-right-16,
.procesos_private .table>tfoot>tr>th .pictoDSL-arrow-right-16,
.procesos_private .table>tfoot>tr>td .icon--arrow-right-16,
.procesos_private .table>tfoot>tr>td .pictoDSL-arrow-right-16 {
    vertical-align: bottom;
    color: #f6a200;
    transform: translateY(0%) rotate(0deg);
    transition: transform .166s
}

.procesos_private .table>thead>tr>th.td--text-tab,
.procesos_private .table>thead>tr>td.td--text-tab,
.procesos_private .table>tbody>tr>th.td--text-tab,
.procesos_private .table>tbody>tr>td.td--text-tab,
.procesos_private .table>tfoot>tr>th.td--text-tab,
.procesos_private .table>tfoot>tr>td.td--text-tab {
    color: #5c6780 !important;
    font-size: 12px;
    vertical-align: middle
}

.procesos_private .table>thead>tr>th.td--noborder,
.procesos_private .table>thead>tr>td.td--noborder,
.procesos_private .table>tbody>tr>th.td--noborder,
.procesos_private .table>tbody>tr>td.td--noborder,
.procesos_private .table>tfoot>tr>th.td--noborder,
.procesos_private .table>tfoot>tr>td.td--noborder {
    border-bottom: none
}

.procesos_private .table>thead>tr>th.td--nopadding-left,
.procesos_private .table>thead>tr>td.td--nopadding-left,
.procesos_private .table>tbody>tr>th.td--nopadding-left,
.procesos_private .table>tbody>tr>td.td--nopadding-left,
.procesos_private .table>tfoot>tr>th.td--nopadding-left,
.procesos_private .table>tfoot>tr>td.td--nopadding-left {
    padding-left: 0
}

.procesos_private .table>thead>tr>th.td--nopadding-topBottom,
.procesos_private .table>thead>tr>td.td--nopadding-topBottom,
.procesos_private .table>tbody>tr>th.td--nopadding-topBottom,
.procesos_private .table>tbody>tr>td.td--nopadding-topBottom,
.procesos_private .table>tfoot>tr>th.td--nopadding-topBottom,
.procesos_private .table>tfoot>tr>td.td--nopadding-topBottom {
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width: 767.98px) {
    .procesos_private .table>thead>tr>th.td--nopadding-topBottom,
    .procesos_private .table>thead>tr>td.td--nopadding-topBottom,
    .procesos_private .table>tbody>tr>th.td--nopadding-topBottom,
    .procesos_private .table>tbody>tr>td.td--nopadding-topBottom,
    .procesos_private .table>tfoot>tr>th.td--nopadding-topBottom,
    .procesos_private .table>tfoot>tr>td.td--nopadding-topBottom {
        padding: 5px 14px
    }
}

.procesos_private .table>thead>tr>th.td--text-black,
.procesos_private .table>thead>tr>td.td--text-black,
.procesos_private .table>tbody>tr>th.td--text-black,
.procesos_private .table>tbody>tr>td.td--text-black,
.procesos_private .table>tfoot>tr>th.td--text-black,
.procesos_private .table>tfoot>tr>td.td--text-black {
    color: #191B1C !important;
    font-size: 12px
}

.procesos_private .table>thead>tr>th {
    padding: 13px 13px 7px 0;
    vertical-align: bottom;
    border-bottom: 2px solid #F7FAFF;
    font-size: .75rem;
    color: #5c6780;
    letter-spacing: 0.83px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: normal
}

.procesos_private .table>thead>tr>th.th--border-black {
    border-bottom: 1px solid #191B1C
}

.procesos_private .table>thead>tr>th.th--with-caption {
    padding-top: 24px;
    padding-bottom: 16px;
    font-size: 10px;
    color: #5c6780
}

.procesos_private .table>thead>tr>th.th--with-caption.th--with-radio {
    padding-left: 36px
}

.procesos_private .table>tbody>tr>th {
    text-transform: uppercase;
    font-weight: normal;
    white-space: nowrap
}

@media only screen and (max-width: 767px) {
    .procesos_private .table>tbody>tr>th {
        white-space: normal
    }
}

.procesos_private .table>tbody>tr.tr--group>th {
    border-top: 1px solid #191B1C;
    border-bottom: 1px solid #191B1C
}

.procesos_private .table>tbody>tr.tr--group>th.no-border {
    border-bottom: none
}

.procesos_private .table>caption+thead>tr:first-child>th,
.procesos_private .table>caption+thead>tr:first-child>td,
.procesos_private .table>colgroup+thead>tr:first-child>th,
.procesos_private .table>colgroup+thead>tr:first-child>td,
.procesos_private .table>thead:first-child>tr:first-child>th,
.procesos_private .table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.procesos_private .table>tbody+tbody {
    border-top: 2px solid #EBEEF5
}

.procesos_private .table.table--responsive {
    margin-bottom: 0;
    display: table;
    overflow-x: hidden;
    position: relative;
    table-layout: fixed
}

.procesos_private .table.table--responsive .table-row {
    cursor: pointer
}

.procesos_private .table.table--responsive thead tr th {
    color: #5c6780;
    font-family: 'BK-Sans';
    font-size: .75rem;
    letter-spacing: 1px;
    line-height: 16px;
    text-transform: uppercase;
    text-align: left;
    padding: 0 15px;
    height: 40px;
    vertical-align: middle
}

@media (min-width: 768px) and (max-width: 1023px) {
    .procesos_private .table.table--responsive thead tr th {
        padding: 0 15px
    }
}

@media only screen and (max-width: 767px) {
    .procesos_private .table.table--responsive thead tr th {
        padding: 0 5px
    }
}

.procesos_private .table.table--responsive thead tr th:nth-child(1) {
    padding-left: 20px
}

.procesos_private .table.table--responsive thead tr th:nth-child(1) span {
    position: relative;
    right: 6px
}

@media only screen and (max-width: 1023px) {
    .procesos_private .table.table--responsive thead tr th:nth-child(1) span {
        right: 0
    }
}

.procesos_private .table.table--responsive tbody.tbody--16px tr td {
    font-size: 16px;
    line-height: 1.2em
}

.procesos_private .table.table--responsive tbody tr {
    background-color: #fff;
    border-top: 1px solid #EBEEF5
}

.procesos_private .table.table--responsive tbody tr.tr--total {
    background-color: #F7FAFF;
    border-top: 1px solid #191B1C
}

.procesos_private .table.table--responsive tbody tr.tr--total>td {
    border-top: 1px solid #191B1C
}

@media (max-width: 767.98px) {
    .procesos_private .table.table--responsive tbody tr.tr--total>td {
        border-top: none
    }
}

.procesos_private .table.table--responsive tbody tr.tr--group {
    border: none;
    padding: 0
}

.procesos_private .table.table--responsive tbody tr.tr--active {
    background-color: #F7FAFF
}

.procesos_private .table.table--responsive tbody tr.tr--active button {
    color: #191B1C !important;
    position: relative
}

.procesos_private .table.table--responsive tbody tr.tr--active button:after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 30px;
    height: 30px;
    border: 1px solid #A0ADB8;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(160, 173, 184, 0.16)
}

.procesos_private .table.table--responsive tbody tr .icon--action {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center
}

.procesos_private .table.table--responsive tbody td {
    font-size: 13px;
    color: #191B1C;
    font-family: 'BK-Sans';
    vertical-align: middle;
    padding: 13px 14px
}

@media (max-width: 767.98px) {
    .procesos_private .table.table--responsive tr.order-in-xs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .procesos_private .table.table--responsive tr.order-in-xs td.table__cell {
        display: block !important;
        padding: 13px 13px 13px 0;
        line-height: 26px
    }
    .procesos_private .table.table--responsive tr.order-in-xs td.table__cell.table-xs--w10 {
        width: 10%;
        max-width: 30px
    }
    .procesos_private .table.table--responsive tr.order-in-xs td.table__cell.table-xs--w50 {
        width: 50%
    }
    .procesos_private .table.table--responsive tr.order-in-xs td.table__cell.table-xs--w40 {
        width: 40%
    }
    .procesos_private .table.table--responsive tr.order-in-xs td.table__cell.table-xs--w100 {
        width: 100%
    }
    .procesos_private .table.table--responsive tr.order-in-xs td.table__cell.td-xs--nopadding-right {
        padding-right: 0
    }
    .procesos_private .table.table--responsive tr.order-in-xs td.table__cell.table__cell_active {
        border-bottom: 1px solid #EBEEF5;
        background-color: #F7FAFF
    }
    .procesos_private .table.table--responsive tr.order-in-xs td.table__row.table-xs--w100 {
        width: 100%
    }
}

.procesos_private .table.table--responsive.table_activetr {
    overflow: visible
}

.procesos_private .table.table--responsive.table_activetr tbody td {
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width: 767.98px) {
    .procesos_private .table.table--responsive.table_activetr tbody td {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.procesos_private .table.table--responsive.table_activetr .btn-activetr {
    overflow: hidden
}

.procesos_private .table.table--responsive.table_activetr .btn-activetr:before {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.procesos_private .table.table--responsive.table--mix thead th {
    font-size: 10px;
    color: #5c6780;
    border-bottom: 1px solid #191B1C
}

.procesos_private .table.table--responsive.table--mix thead th:nth-child(1) {
    padding: 0;
    width: 60%
}

.procesos_private .table.table--responsive.table--mix thead th.td__ico {
    width: 10%
}

.procesos_private .table.table--responsive.table--mix tbody .table-row .icon--container {
    display: none
}

.procesos_private .table.table--responsive.table--mix tbody .table-row.table-row-no-border td {
    border: none
}

.procesos_private .table.table--responsive.table--mix tbody .table-row.table-row--edit {
    background-color: #F7FAFF
}

.procesos_private .table.table--responsive.table--mix tbody .table-row.table-row--edit .td__ico {
    color: #FF821C;
    width: 10%
}

.procesos_private .table.table--responsive.table--mix tbody .table-row.table-row--edit td {
    background-color: transparent
}

.procesos_private .table.table--responsive.table--mix tbody .table-row.active {
    background-color: #F7FAFF
}

.procesos_private .table.table--responsive.table--mix tbody .table-row.active td {
    padding: 8px 14px
}

@media (max-width: 991.98px) {
    .procesos_private .table.table--responsive.table--mix tbody .table-row.active td {
        padding: 0 0 0 14px
    }
}

.procesos_private .table.table--responsive.table--mix tbody .table-row.active .td__ico.active [class*="icon--edit"] {
    position: relative;
    color: #191B1C
}

.procesos_private .table.table--responsive.table--mix tbody .table-row.active .td__ico.active [class*="icon--edit"]:after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: inherit;
    height: inherit;
    border: 1px solid #AFB5C8;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(175, 181, 200, 0.16)
}

.procesos_private .table.table--responsive.table--mix tbody td {
    vertical-align: middle;
    color: #5c6780;
    font-size: 12px;
    padding: 8px 14px
}

.procesos_private .table.table--responsive.table--mix tbody td:focus {
    border: 1px solid #EBEEF5 !important
}

.procesos_private .table.table--responsive.table--mix tbody td:nth-child(1) {
    font-family: 'BK-Sans';
    color: #191B1C;
    width: 60%
}

.procesos_private .table.table--responsive.table--mix tbody td.td__ico {
    color: #FF821C;
    width: 10%
}

.procesos_private .table.table--responsive.table--mix tbody td.td__ico [class*="icon--edit"]:focus {
    border: 1px solid #FF821C
}

.procesos_private .table.table--responsive.table--mix tbody td:focus span {
    background-color: #3E4A50;
    color: #fff
}

.procesos_private .table.table--responsive.table--mix .table-inside-table {
    width: 100%
}

.procesos_private .table.table--responsive.table--mix .table-inside-table thead th {
    font-weight: normal;
    border-bottom: none
}

.procesos_private .table.table--responsive.table--mix .table-inside-table thead th:nth-child(1) {
    width: auto
}

.procesos_private .table.table--responsive.table--mix .table-inside-table tbody tr {
    border: none
}

.procesos_private .table.table--responsive.table--mix .table-inside-table tbody td {
    color: #191B1C;
    border-bottom: none
}

.procesos_private .table.table--responsive.table--mix .table-inside-table tbody td:nth-child(1) {
    padding-left: 0;
    width: auto
}

.procesos_private .table.table--responsive.table--mix .table-inside-table tbody td .text-link-icon--orange {
    color: #FF821C
}

@media (max-width: 767.98px) {
    .procesos_private .table.table--responsive.table--mix .table-inside-table {
        width: 100%;
        display: block
    }
    .procesos_private .table.table--responsive.table--mix .table-inside-table thead th {
        display: none
    }
    .procesos_private .table.table--responsive.table--mix .table-inside-table tbody tr {
        display: block;
        border-bottom: 1px solid #EBEEF5
    }
    .procesos_private .table.table--responsive.table--mix .table-inside-table tbody tr:last-child {
        border-bottom: none
    }
    .procesos_private .table.table--responsive.table--mix .table-inside-table tbody td {
        display: block;
        text-align: left !important
    }
    .procesos_private .table.table--responsive.table--mix .table-inside-table tbody td:nth-child(1) {
        padding-left: 14px
    }
    .procesos_private .table.table--responsive.table--mix .table-inside-table tbody td:before {
        content: attr(data-title);
        display: block;
        font-weight: bold;
        content: attr(data-title) "\a";
        white-space: pre;
        color: #AFB5C8;
        font-family: 'BK-Sans';
        font-weight: bold;
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 24px;
        text-transform: uppercase;
        height: 34px
    }
}

.procesos_private .table.table--responsive.table--mix .link-edit {
    background-color: #fff;
    color: #FF821C;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    line-height: 30px
}

@media (max-width: 991.98px) {
    .procesos_private .table.table--responsive.table--mix .table-row .table-cell--edit .input--has-edit .input__control {
        padding: 13px 16px 13px 0
    }
}

@media (max-width: 767.98px) {
    .procesos_private .table.table--responsive.table--mix .table-row {
        display: block
    }
    .procesos_private .table.table--responsive.table--mix .table-row td {
        display: flex !important;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0
    }
    .procesos_private .table.table--responsive.table--mix .table-row td:nth-child(1) {
        width: 100%
    }
    .procesos_private .table.table--responsive.table--mix .table-row td.table__cell-xsdnone {
        display: none !important
    }
    .procesos_private .table.table--responsive.table--mix .table-row td .icon--container {
        display: block;
        align-self: center
    }
    .procesos_private .table.table--responsive.table--mix .table-row td .icon--container.active {
        display: none
    }
    .procesos_private .table.table--responsive.table--mix .table-row td .input--container {
        width: calc(100% - 8px);
        margin-left: 8px
    }
    .procesos_private .table.table--responsive.table--mix .table-row td .input--container.active {
        width: calc(100% + 8px);
        margin-left: -8px
    }
    .procesos_private .table.table--responsive.table--mix .table-row .table-inside-table td {
        display: block !important;
        padding: 8px 16px
    }
    .procesos_private .table.table--responsive.table--mix .table-row .table-inside-table td:nth-child(1) {
        padding-left: 16px;
        padding-right: 16px
    }
    .procesos_private .table.table--responsive.table--mix .table-row .table-inside-table td.no-padding-right {
        padding-right: 0
    }
    .procesos_private .table.table--responsive.table--mix .table-row.table-row-no-border td {
        padding-left: 0;
        padding-right: 0
    }
    .procesos_private .table.table--responsive.table--mix .table-row.table-row-no-border .table-inside-table td {
        display: block !important;
        padding: 8px 16px
    }
    .procesos_private .table.table--responsive.table--mix .table-row.table-row-no-border .table-inside-table td:nth-child(1) {
        padding-left: 16px;
        padding-right: 16px
    }
    .procesos_private .table.table--responsive.table--mix .table-row.table-row-no-border .table-inside-table td.no-padding-right {
        padding-right: 0
    }
    .procesos_private .table.table--responsive.table--mix .table-row .table-inside-table td {
        display: block !important;
        padding: 8px 16px
    }
    .procesos_private .table.table--responsive.table--mix .table-row .table-inside-table td:nth-child(1) {
        padding-left: 16px;
        padding-right: 16px
    }
    .procesos_private .table.table--responsive.table--mix .table-row .table-inside-table td.no-padding-right {
        padding-right: 0
    }
    .procesos_private .table.table--responsive.table--mix .table-row .table-cell--edit .input--has-edit .input__control {
        padding: 20px 16px 3px
    }
    .procesos_private .table.table--responsive.table--mix .table-row .table-cell--edit .input--has-edit.input--is-readonly .input__control {
        padding: 20px 16px 3px 0
    }
    .procesos_private .table.table--responsive.table--mix .table-cell--edit .input--has-edit .input__label {
        color: #191B1C;
        font-weight: normal;
        letter-spacing: normal
    }
}

.procesos_private .table.table--responsive .tr-responsive th:nth-child(1) {
    padding-left: 16px
}

.procesos_private .table.table--responsive .tr-responsive th:nth-child(1) span {
    position: absolute
}

.procesos_private .table.table--responsive .cell-responsive {
    display: table-cell;
    padding: 10px 16px 10px;
    vertical-align: top
}

@media (max-width: 991.98px) {
    .procesos_private .table.table--responsive .cell-responsive {
        padding: 18px 16px 15px
    }
}

@media (max-width: 767.98px) {
    .procesos_private .table.table--responsive .cell-responsive {
        padding-top: 12px
    }
}

.procesos_private .table.table--responsive .cell-responsive--w35 {
    width: 35%
}

.procesos_private .table.table--responsive .cell-responsive--w30 {
    width: 30%
}

.procesos_private .table.table--responsive .cell-responsive--w25 {
    width: 25%
}

.procesos_private .table.table--responsive .cell-responsive--w20 {
    width: 20%
}

.procesos_private .table.table--responsive .cell-responsive--w15 {
    width: 15%
}

.procesos_private .table.table--responsive .cell-responsive--w10 {
    width: 10%
}

.procesos_private .table.table--responsive .cell-responsive--w05 {
    width: 5%
}

@media only screen and (max-width: 767px) {
    .procesos_private .table {
        border: 0;
        padding-bottom: 0;
        display: block;
        width: 100%
    }
    .procesos_private .table caption {
        display: none
    }
    .procesos_private .table thead {
        display: none;
        visibility: hidden
    }
    .procesos_private .table tbody {
        display: block;
        padding: 0 0;
        text-align: left;
        white-space: normal
    }
    .procesos_private .table tr {
        display: block;
        padding: 4px 0;
        text-align: left;
        white-space: normal;
        border-bottom: 1px solid #EBEEF5
    }
    .procesos_private .table th,
    .procesos_private .table td {
        display: block;
        padding: 8px 14px;
        text-align: left;
        white-space: normal
    }
    .procesos_private .table tbody>tr>td {
        padding: 0 0;
        border-top: none;
        border-bottom: none
    }
    .procesos_private .table td.table__ico table__ico--open .icon,
    .procesos_private .table td.table__ico table__ico--open .pictoDSL {
        -webkit-transform: translateY(-2px) rotate(-180deg);
        transform: translateY(-2px) rotate(-180deg)
    }
    .procesos_private .table td.table__ico:focus .icon,
    .procesos_private .table td.table__ico:focus .pictoDSL {
        background-color: #3E4A50;
        color: #fff
    }
    .procesos_private .table td.table__cell {
        display: table-cell !important;
        padding: 8px 16px 4px;
        cursor: pointer
    }
    .procesos_private .table td.table__cell.table--w95 {
        width: 95%
    }
    .procesos_private .table td.table__cell.table--w90 {
        width: 90%
    }
    .procesos_private .table td.table__cell.table--w50 {
        width: 50%
    }
    .procesos_private .table td.table__cell.table--w33 {
        width: 33%
    }
    .procesos_private .table td.table__cell.table--w20 {
        width: 20%
    }
    .procesos_private .table td.table__cell.table--w10 {
        width: 10%
    }
    .procesos_private .table td.table__cell.table--w05 {
        width: 5%
    }
    .procesos_private .table td.table__row {
        padding: 5px 15px;
        border-bottom: none
    }
    .procesos_private .table td.table__cell[data-title]:before {
        white-space: pre;
        display: block;
        color: #AFB5C8;
        font-family: 'BK-Sans';
        font-weight: bold;
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 16px;
        text-transform: uppercase;
        text-align: left;
        padding: 5px 0;
        height: 30px
    }
    .procesos_private .table th.table__row[data-title]:before,
    .procesos_private .table td.table__row[data-title]:before {
        content: attr(data-title) "\a";
        white-space: pre;
        color: #AFB5C8;
        font-family: 'BK-Sans';
        font-weight: bold;
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 24px;
        text-transform: uppercase;
        text-align: left;
        height: 34px;
        vertical-align: middle
    }
    .procesos_private .table th:not([data-title]) {
        font-weight: bold
    }
    .procesos_private .table td:empty {
        display: none
    }
}

@media (max-width: 767.98px) {
    .procesos_private .table.table--no-responsive caption {
        display: block
    }
    .procesos_private .table.table--no-responsive thead,
    .procesos_private .table.table--no-responsive tbody {
        display: table;
        width: 100%;
        visibility: visible
    }
    .procesos_private .table.table--no-responsive thead tr,
    .procesos_private .table.table--no-responsive tbody tr {
        display: table-row
    }
    .procesos_private .table.table--no-responsive thead td,
    .procesos_private .table.table--no-responsive thead th,
    .procesos_private .table.table--no-responsive tbody td,
    .procesos_private .table.table--no-responsive tbody th {
        display: table-cell
    }
    .procesos_private .table.table--no-responsive thead td,
    .procesos_private .table.table--no-responsive tbody td {
        padding: 13px 13px 7px 0;
        border-bottom: 1px solid #EBEEF5
    }
}

.procesos_private .table.table--ordered thead th.th--with-caption {
    padding-top: 24px;
    padding-bottom: 16px;
    font-size: 10px;
    color: #5c6780
}

.procesos_private .table.table--ordered thead th.th--with-caption:nth-child(1) {
    padding-left: 15px
}

@media (max-width: 767.98px) {
    .procesos_private .table.table--ordered caption {
        display: block
    }
    .procesos_private .table.table--ordered thead {
        display: table;
        width: 100%;
        visibility: visible
    }
    .procesos_private .table.table--ordered thead tr {
        display: table-row
    }
    .procesos_private .table.table--ordered thead th {
        display: table-cell
    }
    .procesos_private .table.table--ordered thead th.th--with-caption {
        padding-top: 24px;
        padding-bottom: 16px;
        font-size: 10px;
        color: #5c6780
    }
    .procesos_private .table.table--ordered thead th.th--with-caption:nth-child(1) {
        padding-left: 30px
    }
    .procesos_private .table.table--ordered thead th.d-none-xs {
        display: none
    }
}

.procesos_private .thead-sm {
    padding: 10px 20px;
    color: #5c6780;
    border-bottom: 2px solid #191B1C;
    font-size: .875rem;
    text-transform: uppercase
}

.procesos_private .thead-sm__text {
    color: #5c6780;
    letter-spacing: 0.83px;
    font-size: .75rem;
    font-weight: 700
}

.procesos_private .thead-sm__centered {
    padding-left: 30px
}

.procesos_private.table--mix .thead-sm {
    padding-left: 0
}

.procesos_private .collapse {
    display: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1)
}

.procesos_private .collapse.show {
    display: table-row;
    max-height: 99em;
    transition: max-height .5s ease-in-out
}

.tablaSR__heading,
.tablaSR__row,
.tablaSR__final-row {
    height: 46px
}

.tablaSR__heading {
    border-bottom: 2px solid #191B1C
}

.tablaSR__row {
    border-top: 1px solid #EBEEF5
}

.tablaSR__row:first-child {
    border-top: none
}

.tablaSR__final-row {
    border-top: 1px solid #5c6780
}

.tablaSR__text {
    font-size: .75rem;
    text-transform: uppercase
}

.tablaSR__icon {
    cursor: pointer
}

.tablaSR--high .tablaSR__row {
    min-height: 60px
}

.tablaSR--long .tablaSR__row .tablaSR__cell:first-child {
    flex-basis: 60%
}

.flex-table-intranet {
    border: 1px solid transparent
}

.flex-table-intranet__wrapper {
    display: flex;
    flex-flow: row wrap;
    font-size: 12px
}

.flex-table-intranet__caption {
    font-size: 16px;
    line-height: 21px
}

.flex-table-intranet__row {
    width: calc(100% / 3);
    text-align: left;
    padding: 16px 0;
    border-bottom: solid 1px #D9E4FF
}

.flex-table-intranet__row:focus {
    box-shadow: 0 0 0 4px #3E4A50
}

.flex-table-intranet__row--2col {
    width: calc(100% / 2)
}

.flex-table-intranet__row--4col {
    width: calc(100% / 4)
}

.flex-table-intranet__row--5col {
    width: calc(100% / 5)
}

.flex-table-intranet__row--6col {
    width: calc(100% / 6)
}

.flex-table-intranet__header {
    display: flex;
    flex-flow: row wrap;
    font-size: 12px
}

.flex-table-intranet__row--borderblack {
    border-color: #191B1C
}

.flex-table-intranet__rowspan {
    display: flex;
    flex-flow: row wrap;
    border-bottom: 1px solid #D9E4FF;
    width: 100%;
    padding: 16px 0
}

.flex-table-intranet__column {
    display: flex;
    flex-flow: column wrap;
    width: 100%
}

.flex-table-intranet__column--row {
    display: flex;
    flex-flow: row wrap;
    border-bottom: 1px solid #D9E4FF
}

.flex-table-intranet__column--borderblack {
    border-bottom-color: #191B1C
}

.flex-table-intranet__cell {
    width: 100%;
    text-align: left;
    padding: 8px 0;
    border-bottom: solid 1px #D9E4FF
}

@media (min-width: 576px) {
    .flex-table-intranet__cell {
        width: calc(100% / 3);
        padding: 16px 4px
    }
}

.flex-table-intranet__cell[data-title]:before {
    content: attr(data-title) ": "
}

@media (min-width: 576px) {
    .flex-table-intranet__cell[data-title]:before {
        content: " "
    }
}

@media (min-width: 576px) {
    .flex-table-intranet__cell--2col {
        width: calc(100% / 2)
    }
}

@media (min-width: 576px) {
    .flex-table-intranet__cell--4col {
        width: calc(100% / 4)
    }
}

@media (min-width: 576px) {
    .flex-table-intranet__cell--5col {
        width: calc(100% / 5)
    }
}

@media (min-width: 576px) {
    .flex-table-intranet__cell--6col {
        width: calc(100% / 6)
    }
}

.flex-table-intranet__cell--nopadding {
    border-bottom: 0;
    padding-bottom: 0;
    height: 50px
}

@media (min-width: 576px) {
    .flex-table-intranet__cell--first {
        padding-left: 16px
    }
}

.quality {
    position: relative
}

.quality .quality__on-top {
    height: 50px;
    display: none
}

@media (min-width: 1200px) {
    .quality .quality__on-top {
        display: block
    }
}

@media (min-width: 1200px) {
    .quality .quality__background-text {
        font-size: 180px;
        font-weight: 900;
        line-height: 200px;
        color: rgba(247, 250, 255, 0.6);
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0
    }
}

.quality .content-block__line {
    width: 45px;
    height: 3px;
    margin-bottom: 16px
}

.quality .content-block__line--yellow {
    width: 45px;
    height: 3px;
    margin-bottom: 16px;
    background-color: #FED430
}

.quality .content-block__line--bkj-yellow {
    width: 45px;
    height: 3px;
    margin-bottom: 16px;
    background-color: #FFE700
}

.quality .content-block__line--bkj-turquoise {
    width: 45px;
    height: 3px;
    margin-bottom: 16px;
    background-color: #37ECC7
}

.quality .content-block__line--bkj-blue {
    width: 45px;
    height: 3px;
    margin-bottom: 16px;
    background-color: #08C3FF
}

.quality .content-block__line--bkj-red {
    width: 45px;
    height: 3px;
    margin-bottom: 16px;
    background-color: #FF4169
}

.quality .quality__main-banner {
    margin-top: 0
}

@media (min-width: 1200px) {
    .quality .quality__main-banner {
        margin-top: 4rem
    }
}

@media (min-width: 768px) {
    .quality .quality__main-banner.main-banner_no-image .main-banner__right-side .main-banner__features {
        right: 15px
    }
}

@media (min-width: 992px) {
    .quality .quality__main-banner.main-banner_no-image .main-banner__right-side .main-banner__features {
        right: 177px
    }
}

@media (min-width: 1200px) {
    .quality .quality__main-banner.main-banner_no-image .main-banner__right-side .main-banner__features {
        right: 211px
    }
}

.quality .quality__main-banner.main-banner_no-image .main-banner__right-side .main-banner__features .featured {
    font-size: 68px;
    line-height: 60px
}

@media (min-width: 768px) {
    .quality .quality__main-banner.main-banner_no-image .main-banner__right-side .main-banner__features .featured {
        font-size: 72px;
        line-height: 72px
    }
}

.quality .quality__main-banner.main-banner_no-image .main-banner__right-side .main-banner__square {
    right: 15px;
    left: auto;
    top: 291px;
    display: none
}

@media (min-width: 768px) {
    .quality .quality__main-banner.main-banner_no-image .main-banner__right-side .main-banner__square {
        display: block
    }
}

@media (min-width: 992px) {
    .quality .quality__main-banner.main-banner_no-image .main-banner__right-side .main-banner__square {
        display: none
    }
}

@media (min-width: 768px) {
    .quality .quality__second-banner .second-banner__features {
        display: none
    }
}

@media (min-width: 992px) {
    .quality .quality__second-banner .second-banner__features {
        height: 162px;
        width: 162px;
        display: block;
        bottom: 8px
    }
}

@media (min-width: 1200px) {
    .quality .quality__second-banner .second-banner__features {
        bottom: 0;
        height: 196px;
        width: 196px;
        display: block
    }
}

.quality.quality--yellow .content-block__line {
    background-color: #FED430
}

.quality.quality--yellow .second-banner__features {
    background-color: #FED430
}

.quality.quality--yellow .main-banner__square {
    background-color: #FED430;
    height: 96px;
    width: 96px
}

.quality.quality--cyan .content-block__line {
    background-color: #B5F0EF
}

.quality.quality--cyan .second-banner__features {
    background-color: #B5F0EF
}

.quality.quality--cyan .main-banner__square {
    background-color: #B5F0EF;
    height: 96px;
    width: 96px
}

.cb-carousel {
    position: relative
}

.cb-carousel__wrapper {
    position: relative
}

.cb-carousel__container {
    overflow: hidden
}

.cb-carousel__content {
    display: flex;
    align-items: center;
    position: relative;
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1)
}

.cb-carousel__slide {
    flex: 1 0 100%
}

.cb-carousel__slide-content {
    margin: 0 15px 15px;
    height: auto
}

.cb-carousel__pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    justify-content: center;
    align-items: center
}

.cb-carousel__pagination button {
    height: 24px;
    width: 24px
}

.cb-carousel__pagination button:after {
    display: inline-block;
    content: '';
    height: 6px;
    width: 6px;
    border: 1px solid #000;
    border-radius: 6px;
    margin-bottom: 4px
}

.cb-carousel__pagination button.active:after {
    background-color: #000;
    border-radius: 0
}

.cb-carousel__pagination button:focus {
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    border: 1px solid #AFB5C8;
    background-color: #fff;
    outline: 3px solid #EBEEF5
}

.cb-carousel__pagination .cb-carousel__bullet--active button:after {
    display: inline-block;
    content: '';
    height: 9px;
    width: 9px;
    border: 1px solid #000;
    border-radius: 0;
    margin-top: 0;
    background-color: #000;
    top: 2px;
    position: relative
}

.cb-carousel__pagination .cb-carousel__bullet--focus {
    border: 1px solid #AFB5C8;
    background-color: #fff;
    outline: 3px solid #EBEEF5
}

.cb-carousel__pagination--left {
    bottom: 30px !important;
    left: 48px !important
}

.cb_carousel__slide-content .banner-type-3.banner-type-3--has-wide-img .banner-type-3__box-image.banner-type-3__box-image--right img,
.cb_carousel__slide-content .banner-type-3.banner-type-3--has-wide-img .banner-type-3__box-image.banner-type-3__box-image--left img {
    max-height: initial;
    max-width: 100%
}

@media (min-width: 576px) {
    .cb_carousel__slide-content .banner-type-3.banner-type-3--has-wide-img .banner-type-3__box-image.banner-type-3__box-image--right img,
    .cb_carousel__slide-content .banner-type-3.banner-type-3--has-wide-img .banner-type-3__box-image.banner-type-3__box-image--left img {
        max-height: 100%;
        height: 275px
    }
}

@media (min-width: 768px) {
    .cb_carousel__slide-content .banner-type-3.banner-type-3--has-wide-img .banner-type-3__box-image.banner-type-3__box-image--right img,
    .cb_carousel__slide-content .banner-type-3.banner-type-3--has-wide-img .banner-type-3__box-image.banner-type-3__box-image--left img {
        transform: translate(0, 20%);
        max-width: initial
    }
}

@media (min-width: 992px) {
    .cb_carousel__slide-content .banner-type-3.banner-type-3--has-wide-img .banner-type-3__box-image.banner-type-3__box-image--right img,
    .cb_carousel__slide-content .banner-type-3.banner-type-3--has-wide-img .banner-type-3__box-image.banner-type-3__box-image--left img {
        transform: translate(0);
        object-fit: cover;
        max-height: 340px;
        height: 340px;
        width: auto
    }
}

@media (min-width: 1200px) {
    .cb_carousel__slide-content .banner-type-3.banner-type-3--has-wide-img .banner-type-3__box-image.banner-type-3__box-image--right img,
    .cb_carousel__slide-content .banner-type-3.banner-type-3--has-wide-img .banner-type-3__box-image.banner-type-3__box-image--left img {
        max-width: none;
        max-height: 371px;
        height: 387px;
        width: auto
    }
}

.cb_carousel__slide-content .banner-type-3 .banner-type-3__content-box {
    margin: 0 24px
}

@media (min-width: 576px) {
    .cb_carousel__slide-content .banner-type-3 .banner-type-3__content-box {
        margin: 0 40px
    }
}

@media (min-width: 768px) {
    .cb_carousel__slide-content .banner-type-3 .banner-type-3__content-box {
        min-height: initial;
        padding: 24px 40px 32px
    }
}

@media (min-width: 992px) {
    .cb_carousel__slide-content .banner-type-3 .banner-type-3__content-box {
        margin: 40px 0;
        padding: 40px 24px 24px
    }
    .cb_carousel__slide-content .banner-type-3 .banner-type-3__content-box .banner-type-3__box-text {
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .cb_carousel__slide-content .banner-type-3 .banner-type-3__content-box {
        padding: 24px 40px 32px
    }
}

@media (min-width: 768px) {
    .banner-dist {
        flex-flow: row-reverse;
        height: 291px
    }
}

@media (min-width: 992px) {
    .banner-dist {
        height: 291px
    }
}

@media (min-width: 1200px) {
    .banner-dist {
        height: 355px
    }
}

.banner-dist.banner-dist--bk {
    overflow: hidden
}

@media (min-width: 576px) {
    .banner-dist.banner-dist--bk {
        overflow: visible
    }
}

.banner-dist img {
    width: 100%;
    height: auto
}

.banner-dist .banner-dist__text__descriptor {
    font-size: 1rem;
    margin-bottom: 16px
}

@media (min-width: 576px) {
    .banner-dist .banner-dist__text__descriptor {
        margin-bottom: 24px
    }
}

.banner-dist .banner-dist__text__claim {
    margin-bottom: 24px;
    line-height: 1.2;
    font-family: "BK-Text"
}

.banner-dist .banner-dist__text__sub-claim {
    font-size: 1.25rem;
    display: none
}

@media (min-width: 992px) {
    .banner-dist .banner-dist__text__sub-claim {
        margin-bottom: 0
    }
}

@media (min-width: 576px) {
    .banner-dist .banner-dist__text__sub-claim {
        display: block;
        margin-bottom: 24px
    }
}

.banner-dist .banner-dist__buttons {
    margin: 0 0 24px 0
}

@media (min-width: 576px) {
    .banner-dist .banner-dist__buttons {
        margin-bottom: 40px
    }
}

.banner-dist .banner-dist__buttons a:last-child,
.banner-dist .banner-dist__buttons button:last-child,
.banner-dist .banner-dist__buttons input:last-child {
    margin-left: 20px
}

.banner-dist .banner-dist__buttons a:only-child,
.banner-dist .banner-dist__buttons button:only-child,
.banner-dist .banner-dist__buttons input:only-child {
    margin-left: 0
}

.banner-dist .banner-dist__buttons.banner-dist__buttons-doble button,
.banner-dist .banner-dist__buttons.banner-dist__buttons-doble a {
    width: 100%;
    height: 48px;
    line-height: 48px
}

@media (min-width: 576px) {
    .banner-dist .banner-dist__buttons.banner-dist__buttons-doble button,
    .banner-dist .banner-dist__buttons.banner-dist__buttons-doble a {
        width: 155px;
        min-width: 155px
    }
}

@media (min-width: 992px) {
    .banner-dist .banner-dist__buttons.banner-dist__buttons-doble button,
    .banner-dist .banner-dist__buttons.banner-dist__buttons-doble a {
        width: 185px
    }
}

.banner-dist .banner-dist__buttons-withoutmargen a:last-child,
.banner-dist .banner-dist__buttons-withoutmargen button:last-child,
.banner-dist .banner-dist__buttons-withoutmargen input:last-child {
    margin-left: 0
}

.banner-dist .banner-dist__buttons-withoutmargen a:only-child,
.banner-dist .banner-dist__buttons-withoutmargen button:only-child,
.banner-dist .banner-dist__buttons-withoutmargen input:only-child {
    margin-left: 0
}

.banner-dist .banner-dist__image {
    will-change: opacity;
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: #B5F0EF
}

@media (min-width: 768px) {
    .banner-dist .banner-dist__image {
        position: absolute;
        width: 291px;
        height: 291px
    }
}

@media (min-width: 992px) {
    .banner-dist .banner-dist__image {
        position: relative;
        float: right;
        width: 291px;
        height: 291px
    }
}

@media (min-width: 1200px) {
    .banner-dist .banner-dist__image {
        width: 355px;
        height: 355px
    }
}

.banner-dist .banner-dist__features {
    will-change: opacity;
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    position: relative;
    background-color: #FF821C;
    color: #191B1C;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 24px;
    height: 272px;
    margin-top: -272px
}

@media (min-width: 576px) {
    .banner-dist .banner-dist__features {
        padding: 20px;
        margin-top: 0
    }
}

@media (min-width: 768px) {
    .banner-dist .banner-dist__features {
        position: absolute;
        width: 291px;
        height: 291px
    }
}

@media (min-width: 992px) {
    .banner-dist .banner-dist__features {
        top: 64px
    }
}

.banner-dist .banner-dist__features .featured {
    font-size: 64px;
    line-height: 64px
}

@media (min-width: 576px) {
    .banner-dist .banner-dist__features .featured {
        font-size: 72px
    }
}

.banner-dist .banner-dist__features.banner-dist__features--orange {
    background-color: #FF821C;
    color: #191B1C
}

.banner-dist .banner-dist__features.banner-dist__features--cyan {
    background-color: #B5F0EF;
    color: #191B1C
}

.banner-dist .banner-dist__features.banner-dist__features--yellow {
    background-color: #FED430;
    color: #191B1C
}

.banner-dist .banner-dist__features.banner-dist__features--bkj-yellow {
    background-color: #FFE700;
    color: #191B1C
}

.banner-dist .banner-dist__features.banner-dist__features--bkj-turquoise {
    background-color: #37ECC7;
    color: #191B1C
}

.banner-dist .banner-dist__features.banner-dist__features--bkj-blue {
    background-color: #08C3FF;
    color: #191B1C
}

.banner-dist .banner-dist__features.banner-dist__features--bkj-red {
    background-color: #FF4169;
    color: #191B1C
}

.banner-dist .banner-dist__features.banner-dist__features--ad-grey-dark {
    background-color: #273140;
    color: #fff
}

.banner-dist .banner-dist__features.banner-dist__features--ad-grey-input {
    background-color: #C8D7E6;
    color: #191B1C
}

.banner-dist .banner-dist__features.banner-dist__features--empty {
    visibility: hidden
}

@media (min-width: 992px) {
    .banner-dist .banner-dist__features.banner-dist__features--empty {
        visibility: visible
    }
}

.banner-dist .banner-dist__features--bk {
    margin: 0;
    position: relative;
    z-index: 1;
    backface-visibility: hidden;
    display: block;
    width: 480px;
    left: 50px;
    bottom: -5px
}

@media (min-width: 576px) {
    .banner-dist .banner-dist__features--bk {
        width: 580px;
        left: 50px;
        bottom: 70px
    }
}

.banner-dist .banner-dist__features--bk svg {
    fill: #fff
}

.banner-dist .banner-dist__features--bk #logo_k {
    will-change: transform;
    transform: translateX(-58px) translateZ(0)
}

.banner-dist .banner-dist__features--bk #logo_punto {
    will-change: transform;
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    background: #fff;
    position: absolute;
    bottom: 0;
    transform: translateX(126px) translateY(-11px) translateZ(0)
}

@media (min-width: 576px) {
    .banner-dist .banner-dist__features--bk #logo_punto {
        transform: translateX(150px) translateY(-12px) translateZ(0)
    }
}

.banner-dist .banner-dist__square {
    will-change: opacity;
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    width: 56px;
    height: 56px;
    position: absolute;
    background-color: #FED430;
    right: 15px;
    top: -56px
}

@media (min-width: 768px) {
    .banner-dist .banner-dist__square {
        top: 291px;
        left: 15px;
        width: 64px;
        height: 64px
    }
}

@media (min-width: 992px) {
    .banner-dist .banner-dist__square {
        left: 306px;
        top: 291px
    }
}

@media (min-width: 1200px) {
    .banner-dist .banner-dist__square {
        left: 242px;
        top: 355px
    }
}

@media (max-width: 767.98px) {
    .banner-dist .banner-dist__square.banner-dist__toggle--color {
        background-color: #B5F0EF
    }
}

.banner-dist .banner-dist__square--cyan {
    background-color: #B5F0EF
}

@media (max-width: 767.98px) {
    .banner-dist .banner-dist__square--cyan.banner-dist__toggle--color {
        background-color: #FED430
    }
}

.banner-dist .banner-dist__square--bkj-yellow {
    background-color: #FFE700
}

.banner-dist .banner-dist__square--bkj-turquoise {
    background-color: #37ECC7
}

.banner-dist .banner-dist__square--bkj-blue {
    background-color: #08C3FF
}

.banner-dist .banner-dist__square--bkj-red {
    background-color: #FF4169
}

.banner-dist .banner-dist__square--ad-grey-dark {
    background-color: #273140
}

.banner-dist .banner-dist__square--ad-grey-input {
    background-color: #C8D7E6
}

.banner-dist.video-dist {
    position: relative
}

.banner-dist.video-dist .video__container {
    position: relative;
    height: 153px
}

.banner-dist.video-dist .video__container:before {
    content: "";
    display: block;
    position: absolute;
    width: 144px;
    height: 144px;
    left: -24px;
    bottom: -24px
}

@media (min-width: 576px) {
    .banner-dist.video-dist .video__container {
        height: 220px
    }
    .banner-dist.video-dist .video__container:before {
        bottom: -20px;
        left: 0;
        width: 144px;
        height: 144px
    }
}

@media (min-width: 768px) {
    .banner-dist.video-dist .video__container {
        height: 172px
    }
    .banner-dist.video-dist .video__container:before {
        bottom: -20px;
        left: 0;
        width: 144px;
        height: 144px
    }
}

@media (min-width: 992px) {
    .banner-dist.video-dist .video__container {
        height: 235px
    }
    .banner-dist.video-dist .video__container:before {
        bottom: -40px;
        width: 215px;
        height: 215px
    }
}

@media (min-width: 1200px) {
    .banner-dist.video-dist .video__container {
        height: 290px
    }
    .banner-dist.video-dist .video__container:before {
        width: 263px;
        height: 263px
    }
}

.banner-dist.video-dist .video__container .video__container__player__image-wrapper {
    overflow: hidden
}

.banner-dist.video-dist .video__container .video__container__player {
    background-color: #B5F0EF;
    z-index: 1;
    position: absolute;
    height: 100%
}

@media (min-width: 576px) {
    .banner-dist.video-dist .video__container .video__container__player {
        right: auto;
        left: 20px
    }
}

@media (min-width: 768px) {
    .banner-dist.video-dist .video__container .video__container__player {
        right: 0;
        left: auto
    }
}

.banner-dist.video-dist .video__container .video__container__player.video__container__player_full-size {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
    width: auto
}

.banner-dist.video-dist .video__container .video__container__player.video__container__player_full-size .video__container__controls .video__container__controls__play,
.banner-dist.video-dist .video__container .video__container__player.video__container__player_full-size .video__container__controls .video__container__controls__pause {
    bottom: 24px
}

.banner-dist.video-dist .video__container .video__container__player.video__container__player_full-size .video__container__controls .video__container__controls__bottom-bar {
    height: 96px;
    line-height: 96px
}

.banner-dist.video-dist .video__container .video__container__player.video__container__player_full-size .video__container__controls .video__container__controls__timeline {
    bottom: 0
}

.banner-dist.video-dist .video__container .video__container__player.video__container__player_full-size .video__container__controls .video__container__controls__timeline:hover {
    height: 8px;
    bottom: 0
}

.banner-dist.video-dist .video__container .video__container__player iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.banner-dist.video-dist .video__container .video__container__player img {
    width: auto;
    height: 100%
}

.banner-dist.video-dist .video__container .video__container__player img.oculto {
    opacity: 0
}

.banner-dist.video-dist .video__container .video__container__player img.visible {
    opacity: 1;
    position: relative
}

.banner-dist.video-dist .video__container .video__container__player img.visible-movil {
    opacity: 1
}

@media (min-width: 576px) {
    .banner-dist.video-dist .video__container .video__container__player {
        width: 305px
    }
}

@media (min-width: 992px) {
    .banner-dist.video-dist .video__container .video__container__player {
        width: 415px
    }
}

@media (min-width: 1200px) {
    .banner-dist.video-dist .video__container .video__container__player {
        width: 515px
    }
}

.banner-dist.video-dist .video__container .video__container__player .video__container__controls .video__container__controls__play,
.banner-dist.video-dist .video__container .video__container__player .video__container__controls .video__container__controls__pause {
    position: absolute;
    right: 24px;
    bottom: -24px;
    z-index: 3
}

.banner-dist.video-dist .video__container .video__container__player .video__container__controls .video__container__controls__bottom-bar {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    color: #fff
}

.banner-dist.video-dist .video__container .video__container__player .video__container__controls .video__container__controls__bottom-bar .video__container__controls__bottom-bar__mask {
    will-change: transform;
    transition-property: transform;
    transition-duration: .116s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: rgba(25, 27, 28, 0.4);
    transform: translate(0, 100%);
    padding-left: 16px
}

.banner-dist.video-dist .video__container .video__container__player .video__container__controls .video__container__controls__bottom-bar button {
    color: #fff;
    width: 32px
}

.banner-dist.video-dist .video__container .video__container__player .video__container__controls .video__container__controls__bottom-bar .video__container__controls__timer {
    font-size: 12px;
    color: #fff;
    margin-left: 8px
}

.banner-dist.video-dist .video__container .video__container__player .video__container__controls .video__container__controls__timeline {
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 4px;
    width: 100%;
    cursor: pointer;
    z-index: 2;
    will-change: opacity;
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: linear
}

.banner-dist.video-dist .video__container .video__container__player .video__container__controls .video__container__controls__timeline:hover {
    height: 8px;
    bottom: -8px
}

.banner-dist.video-dist .video__container .video__container__player .video__container__controls .video__container__controls__timeline .video__container__controls__current {
    height: 100%;
    width: 0%;
    background-color: #FF821C
}

.banner-dist.video-dist .video__container .video__container__player:hover .video__container__controls__bottom-bar .video__container__controls__bottom-bar__mask {
    transform: translate(0, 0)
}

.banner-dist.video-dist.video--yellow .video__container:before {
    background-color: #FED430
}

.banner-dist.video-dist.video--cyan .video__container:before {
    background-color: #B5F0EF
}

.banner-dist.video-dist.video--gray-business .video__container:before {
    background-color: #4B575D
}

.banner-dist.video-dist.video--bkj-yellow .video__container:before {
    background-color: #FFE700
}

.banner-dist.video-dist.video--bkj-turquoise .video__container:before {
    background-color: #37ECC7
}

.banner-dist.video-dist.video--bkj-blue .video__container:before {
    background-color: #08C3FF
}

.banner-dist.video-dist.video--bkj-red .video__container:before {
    background-color: #FF4169
}

.banner-dist.video-dist.video--ad-grey-dark .video__container:before {
    background-color: #273140
}

.banner-dist.video-dist.video--ad-grey-input .video__container:before {
    background-color: #C8D7E6
}

.banner-dist.banner-dist--features .banner-dist__image {
    display: none
}

.banner-dist.banner-dist--features .banner-dist__features {
    margin-top: 0;
    height: 272px
}

@media (min-width: 576px) {
    .banner-dist.banner-dist--features .banner-dist__image {
        display: block
    }
    .banner-dist.banner-dist--features .banner-dist__features {
        margin-top: 0;
        height: 291px
    }
}

.banner-dist.banner-dist--green .banner-dist__features {
    background-color: #007A68
}

.banner-dist.banner-dist--between .main-banner__features {
    height: 315px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width: 576px) {
    .banner-dist.banner-dist--between .main-banner__features {
        height: 291px
    }
}

.banner-quote .banner-quote__text__descriptor {
    font-size: 1rem;
    margin-bottom: 24px
}

.banner-quote .banner-quote__text__claim {
    line-height: 1.2;
    font-family: "BK-Text";
    padding-right: 0;
    font-size: 32px
}

@media (min-width: 576px) {
    .banner-quote .banner-quote__text__claim {
        font-size: 40px
    }
}

.banner-quote .banner-quote__features {
    will-change: opacity;
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: #B5F0EF;
    position: relative;
    width: 284px;
    height: 284px;
    color: #191B1C;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-size: 16px
}

@media (min-width: 768px) {
    .banner-quote .banner-quote__features {
        top: -24px
    }
}

@media (min-width: 576px) {
    .banner-quote .banner-quote__features {
        width: 294px;
        height: 294px
    }
}

.banner-quote .banner-quote__features .featured {
    font-size: 14px;
    margin-top: auto
}

.banner-quote .banner-quote__features .featured hr {
    width: 48px;
    border-width: 3px;
    margin: 0 0 8px 0;
    text-align: left;
    border-color: #191B1C
}

.banner-quote .banner-quote__features.banner-quote__features--orange {
    background-color: #FF821C;
    color: #191B1C
}

.banner-quote .banner-quote__features.banner-quote__features--cyan {
    background-color: #B5F0EF;
    color: #191B1C
}

.banner-quote .banner-quote__features.banner-quote__features--yellow {
    background-color: #FED430;
    color: #191B1C
}

.banner-quote .banner-quote__features.banner-quote__features--bkj-yellow {
    background-color: #FFE700;
    color: #191B1C
}

.banner-quote .banner-quote__features.banner-quote__features--bkj-turquoise {
    background-color: #37ECC7;
    color: #191B1C
}

.banner-quote .banner-quote__features.banner-quote__features--bkj-blue {
    background-color: #08C3FF;
    color: #191B1C
}

.banner-quote .banner-quote__features.banner-quote__features--bkj-red {
    background-color: #FF4169;
    color: #191B1C
}

.banner-quote .banner-quote__features.banner-quote__features--ad-grey-dark {
    background-color: #273140;
    color: #fff
}

.banner-quote .banner-quote__features.banner-quote__features--ad-grey-input {
    background-color: #C8D7E6;
    color: #fff
}

.banner-quote .banner-quote__square {
    will-change: opacity;
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    width: 64px;
    height: 64px;
    position: absolute;
    background-color: #FED430;
    right: 15px;
    top: -64px
}

.banner-quote .banner-quote__square .icon {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 60px;
    text-align: center
}

@media (min-width: 768px) {
    .banner-quote .banner-quote__square {
        right: 309px;
        top: -24px
    }
}

@media (max-width: 767.98px) {
    .banner-quote .banner-quote__square.banner-quote__toggle--color {
        background-color: #B5F0EF
    }
}

.banner-quote .banner-quote__square--cyan {
    background-color: #B5F0EF
}

@media (max-width: 767.98px) {
    .banner-quote .banner-quote__square--cyan.banner-quote__toggle--color {
        background-color: #FED430
    }
}

.banner-quote .banner-quote__square--bkj-yellow {
    background-color: #FFE700
}

.banner-quote .banner-quote__square--bkj-turquoise {
    background-color: #37ECC7
}

.banner-quote .banner-quote__square--bkj-blue {
    background-color: #08C3FF
}

.banner-quote .banner-quote__square--bkj-red {
    background-color: #FF4169
}

.banner-quote .banner-quote__square--ad-grey-dark {
    background-color: #273140
}

.banner-quote .banner-quote__square--ad-grey-dark .icon {
    color: #fff
}

.banner-quote .banner-quote__square--ad-grey-input {
    background-color: #C8D7E6
}

.banner-carousel {
    position: relative;
    width: 100%;
    height: 764px
}

@media (max-width: 991.98px) {
    .banner-carousel {
        height: 599px
    }
    .banner-carousel:after {
        content: '';
        clear: both;
        display: table;
        height: 15px;
        width: 100%
    }
}

@media (max-width: 767.98px) {
    .banner-carousel {
        height: auto
    }
}

.banner-carousel__slider_wrapper-slides {
    overflow: hidden;
    position: relative
}

@media (max-width: 991.98px) {
    .banner-carousel__slider_wrapper-slides {
        margin: 0 !important
    }
}

.banner-carousel__slider {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 50%;
    overflow: hidden;
    max-width: 555px
}

@media (max-width: 991.98px) {
    .banner-carousel__slider {
        width: 414px
    }
}

@media (max-width: 767.98px) {
    .banner-carousel__slider {
        display: none
    }
}

.banner-carousel__slider .btn--rounded.no-click {
    pointer-events: none
}

.banner-carousel__slider .content-slide {
    cursor: pointer;
    position: relative;
    z-index: 2;
    max-width: 195px
}

@media (max-width: 1199.98px) {
    .banner-carousel__slider .content-slide {
        padding: 0 10px
    }
}

@media (max-width: 991.98px) {
    .banner-carousel__slider .content-slide {
        padding: 0;
        margin-left: 8px;
        max-width: 130px
    }
}

.banner-carousel__slider .content-slide .content-slide__header h3 {
    float: left;
    font-size: 14px;
    margin: 0;
    background: #4B575D;
    width: auto;
    color: #fff;
    padding: 2px 8px
}

@media (max-width: 991.98px) {
    .banner-carousel__slider .content-slide .content-slide__header h3 {
        font-size: 12px
    }
}

.banner-carousel__slider .content-slide .banner-carousel__header-block {
    display: none
}

.banner-carousel__slider .content-slide .content-slide__header {
    overflow: hidden
}

.banner-carousel__slider .content-slide.redux {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 0%;
    height: 100%;
    transform: translate(0%, -50%);
    animation-name: reduxSlide;
    animation-duration: 0.8s;
    animation-fill-mode: forwards
}

@keyframes reduxSlide {
    0% {
        width: 90%;
        height: 100%;
        opacity: 1
    }
    100% {
        width: 50%;
        height: 50%;
        opacity: 0
    }
}

.banner-carousel__slider .content-slide.redux .banner-carousel__header-block h3 {
    animation-name: reduxP;
    animation-duration: 0.8s;
    animation-fill-mode: forwards
}

@keyframes reduxP {
    0% {
        font-size: 22px;
        opacity: 1
    }
    100% {
        font-size: 8px;
        opacity: 0
    }
}

.banner-carousel__slider .content-slide.left,
.banner-carousel__slider .content-slide.left.show {
    pointer-events: none;
    animation-name: sliderPassLeft;
    animation-duration: 0.8s;
    animation-fill-mode: forwards
}

@keyframes sliderPassLeft {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translateX(0%)
    }
}

.banner-carousel__slider .content-slide.right,
.banner-carousel__slider .content-slide.right.show {
    pointer-events: none;
    animation-name: sliderPassRight;
    animation-duration: 0.8s;
    animation-fill-mode: forwards
}

@keyframes sliderPassRight {
    0% {
        transform: translateX(0%)
    }
    100% {
        transform: translateX(100%)
    }
}

.banner-carousel__slider .content-slide.active {
    z-index: 1;
    display: inline-block;
    pointer-events: none
}

.banner-carousel__slider .content-slide.active.animation {
    animation-name: slideActiveShowBgOrange;
    animation-duration: 0.8s;
    animation-fill-mode: forwards
}

@keyframes slideActiveShowBgOrange {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.banner-carousel__slider .content-slide.active .banner-carousel__header-block {
    position: absolute;
    top: 22px;
    right: 15px;
    left: 15px;
    bottom: 0;
    display: block;
    background: #FF821C
}

@media (max-width: 1199.98px) {
    .banner-carousel__slider .content-slide.active .banner-carousel__header-block {
        right: 10px;
        left: 10px
    }
}

@media (max-width: 991.98px) {
    .banner-carousel__slider .content-slide.active .banner-carousel__header-block {
        right: 0;
        left: 0
    }
}

.banner-carousel__slider .content-slide.active img {
    opacity: 0
}

.banner-carousel__slider .content-slide.active h3 {
    font-size: 22px;
    line-height: 22px;
    font-family: "BK-Text";
    color: #fff;
    bottom: 15px;
    left: 15px;
    position: absolute;
    margin: 0
}

@media (max-width: 991.98px) {
    .banner-carousel__slider .content-slide.active h3 {
        font-size: 15px
    }
}

.banner-carousel__slider .content-slide.active .content-slide__header {
    display: none
}

@media (max-width: 1199.98px) {
    .banner-carousel__slider .content-slide img {
        width: 100%
    }
}

.banner-carousel__slider .content-slide .wrapper-img {
    position: relative;
    overflow: hidden
}

.banner-carousel__slider .content-slide.slide-2 .wrapper-img:hover:before,
.banner-carousel__slider .content-slide.slide-3 .wrapper-img:hover:before {
    background-color: #333;
    position: absolute;
    z-index: 2;
    opacity: 0.2;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: ''
}

.banner-carousel__slider .content-slide.slide-2.left img,
.banner-carousel__slider .content-slide.slide-2.left .content-slide__header {
    animation-name: slideHide;
    animation-duration: 0.8s;
    animation-fill-mode: forwards
}

@keyframes slideHide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.banner-carousel__slider_controls {
    position: absolute;
    transform: translateY(-50%);
    top: 13%;
    z-index: 9;
    right: 0;
    height: 50px
}

@media (max-width: 1199.98px) {
    .banner-carousel__slider_controls {
        top: 12%
    }
}

@media (max-width: 991.98px) {
    .banner-carousel__slider_controls {
        top: 14%;
        right: 6px
    }
}

.banner-carousel__slider_controls .btn-right {
    position: absolute;
    right: -24px
}

@media (max-width: 991.98px) {
    .banner-carousel__slider_controls .btn-right {
        right: -30px
    }
}

.banner-carousel__main-img {
    position: relative;
    overflow: hidden;
    width: 682px;
    height: 100%;
    z-index: 1
}

@media (max-width: 1199.98px) {
    .banner-carousel__main-img {
        width: 580px;
        position: relative
    }
}

@media (max-width: 991.98px) {
    .banner-carousel__main-img {
        width: 390px;
        position: relative
    }
}

@media (max-width: 767.98px) {
    .banner-carousel__main-img {
        width: 60%;
        position: relative
    }
}

.wrapper__img-header {
    position: absolute;
    width: 2100px;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width: 767.98px) {
    .wrapper__img-header {
        position: relative;
        transform: translateY(0%)
    }
}

.wrapper__img-header_item {
    float: left;
    width: 682px
}

@media (max-width: 1199.98px) {
    .wrapper__img-header_item {
        width: 580px
    }
}

@media (max-width: 991.98px) {
    .wrapper__img-header_item {
        width: 390px
    }
}

.wrapper__img-header_item.left {
    animation-name: blockImgPassLeft;
    animation-duration: 0.8s;
    animation-fill-mode: forwards
}

@keyframes blockImgPassLeft {
    0% {
        transform: translateX(0%)
    }
    100% {
        transform: translateX(-100%)
    }
}

.wrapper__img-header_item.right {
    animation-name: blockImgPassRight;
    animation-duration: 0.8s;
    animation-fill-mode: forwards
}

@keyframes blockImgPassRight {
    0% {
        transform: translateX(0%)
    }
    100% {
        transform: translateX(100%)
    }
}

.wrapper__img-header_item.right.animation img {
    animation-name: imgPassRight;
    animation-duration: 0.8s;
    animation-fill-mode: forwards
}

@keyframes imgPassRight {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@media (max-width: 1199.98px) {
    .banner-carousel__slide--img {
        width: 100%
    }
}

.banner-carousel__block-mobile {
    position: relative
}

.slides-paragraph__wrapper {
    position: absolute;
    left: 60%;
    bottom: 0;
    width: 40%;
    background: #FF821C;
    min-height: 117px;
    height: auto;
    z-index: 3
}

.slides-paragraph__wrapper p.slides-paragraph__item {
    font-size: 14px;
    font-family: "BK-Text";
    position: absolute;
    left: 16px;
    bottom: 16px;
    color: #fff;
    margin-bottom: 0;
    background-color: transparent;
    display: none
}

.slides-paragraph__wrapper p.slides-paragraph__item.active {
    display: block
}

.banner-carousel__highlights {
    overflow: hidden;
    bottom: 0;
    right: 0;
    width: 43%;
    height: auto;
    position: absolute;
    z-index: 2
}

@media (max-width: 1199.98px) {
    .banner-carousel__highlights {
        width: 446px
    }
}

@media (max-width: 991.98px) {
    .banner-carousel__highlights {
        width: 408px
    }
}

@media (max-width: 767.98px) {
    .banner-carousel__highlights {
        position: relative;
        width: 100%
    }
}

.highlight__wrapper {
    position: relative;
    width: 1473px;
    z-index: 1
}

@media (max-width: 1199.98px) {
    .highlight__wrapper {
        width: 1341px
    }
}

@media (max-width: 991.98px) {
    .highlight__wrapper {
        height: auto
    }
}

@media (max-width: 767.98px) {
    .highlight__wrapper {
        position: relative;
        width: 100%
    }
}

.highlight__wrapper .highlight__item {
    width: 487px;
    padding: 32px 40px;
    float: left;
    background: #4B575D
}

.highlight__wrapper .highlight__item.left {
    animation-name: highlightPassLeft;
    animation-duration: 0.8s;
    animation-fill-mode: forwards
}

@keyframes highlightPassLeft {
    0% {
        transform: translateX(0%)
    }
    100% {
        transform: translateX(-100%)
    }
}

.highlight__wrapper .highlight__item.left.active {
    animation-name: highlightActiveLeft;
    animation-duration: 0.8s;
    animation-fill-mode: forwards
}

@keyframes highlightActiveLeft {
    0% {
        opacity: 0;
        transform: translateX(0%)
    }
    100% {
        opacity: 1;
        transform: translateX(-100%)
    }
}

.highlight__wrapper .highlight__item.right {
    animation-name: highlightPassright;
    animation-duration: 0.8s;
    animation-fill-mode: forwards
}

@keyframes highlightPassRight {
    0% {
        transform: translateX(0%)
    }
    100% {
        transform: translateX(100%)
    }
}

.highlight__wrapper .highlight__item.right.active {
    animation-name: highlightActiveRight;
    animation-duration: 0.8s;
    animation-fill-mode: forwards
}

@keyframes highlightActiveRight {
    0% {
        opacity: 0;
        transform: translateX(0%)
    }
    100% {
        opacity: 1;
        transform: translateX(100%)
    }
}

@media (max-width: 1199.98px) {
    .highlight__wrapper .highlight__item {
        width: 447px
    }
}

@media (max-width: 991.98px) {
    .highlight__wrapper .highlight__item {
        width: 408px
    }
    .highlight__wrapper .highlight__item h2,
    .highlight__wrapper .highlight__item p {
        margin-bottom: 16px
    }
    .highlight__wrapper .highlight__item p {
        height: 48px
    }
    .highlight__wrapper .highlight__item h2 {
        font-size: 32px
    }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
    .highlight__wrapper .highlight__item h2 {
        font-size: 24px;
        margin-bottom: 8px
    }
}

@media (max-width: 991.98px) {
    .highlight__wrapper .highlight__item p,
    .highlight__wrapper .highlight__item li {
        font-size: 16px
    }
}

@media (max-width: 767.98px) {
    .highlight__wrapper .highlight__item {
        position: relative;
        height: auto;
        padding: 32px 24px
    }
}

.highlight__wrapper .highlight__item p,
.highlight__wrapper .highlight__item li,
.highlight__wrapper .highlight__item .list__item::before,
.highlight__wrapper .highlight__item h2 {
    color: #fff
}

.highlight__wrapper .highlight__item .list--bullets {
    margin-bottom: 92px
}

@media (max-width: 1199.98px) {
    .highlight__wrapper .highlight__item .list--bullets {
        margin-bottom: 42px
    }
}

@media (max-width: 767.98px) {
    .highlight__wrapper .highlight__item .list--bullets {
        margin-bottom: 27px
    }
}

.highlight__wrapper .highlight__item li {
    font-size: 16px;
    margin-bottom: 8px
}

.veil {
    position: absolute;
    width: 487px;
    height: 487px;
    top: 0;
    z-index: 10;
    background: #FF821C
}

@media (max-width: 1199.98px) {
    .veil {
        width: 447px;
        height: 447px
    }
}

@media (max-width: 991.98px) {
    .veil {
        width: 408px;
        height: 405px
    }
}

@media (max-width: 767.98px) {
    .veil {
        display: none
    }
}

.veil.veil--right {
    left: -487px
}

.veil.veil--right.right {
    animation-name: orangeVeilRight;
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
    animation-delay: 0.1s
}

@keyframes orangeVeilRight {
    0% {
        transform: translateX(0px)
    }
    100% {
        transform: translateX(980px)
    }
}

.veil.veil--left {
    right: -487px
}

.veil.veil--left.left {
    animation-name: orangeVeilLeft;
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
    animation-delay: 0.1s
}

@keyframes orangeVeilLeft {
    0% {
        transform: translateX(0px)
    }
    100% {
        transform: translateX(-980px)
    }
}

.banner-carousel__indicators {
    display: table;
    margin: 0 auto
}

.banner-carousel__indicators li {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid #191B1C;
    border-radius: 4px;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: linear
}

.banner-carousel__indicators li.active {
    background: #191B1C;
    border-radius: 0;
    width: 10px;
    height: 10px;
    box-shadow: 0 0 2px 0 #191B1C
}

.banner-carousel__indicators li:nth-child(2) {
    margin: 0 40px
}

@-webkit-keyframes scale-down-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0
    }
}

@keyframes scale-down-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0
    }
}

.bk-banner-carousel {
    position: relative;
    z-index: 0;
    min-height: 600px
}

@media (min-width: 768px) {
    .bk-banner-carousel {
        min-height: 540px
    }
}

@media (min-width: 992px) {
    .bk-banner-carousel {
        min-height: 630px
    }
}

@media (min-width: 1200px) {
    .bk-banner-carousel {
        min-height: 720px
    }
}

.bk-banner-carousel__small-vw {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 412px;
    height: 173px;
    overflow: hidden;
    padding-right: 4px
}

@media (min-width: 768px) {
    .bk-banner-carousel__small-vw {
        top: -84px
    }
}

@media (min-width: 992px) {
    .bk-banner-carousel__small-vw {
        width: 563px;
        height: 222px
    }
}

@media (min-width: 1200px) {
    .bk-banner-carousel__small-vw {
        top: -64px
    }
}

.bk-banner-carousel__small-wrapper {
    position: relative;
    top: 0;
    width: 10000px;
    display: flex;
    left: -125px
}

@media (min-width: 992px) {
    .bk-banner-carousel__small-wrapper {
        left: -141px
    }
}

@media (min-width: 992px) {
    .bk-banner-carousel__small-wrapper {
        left: -197px
    }
}

.bk-banner-carousel__small-wrapper.animateLeft {
    transition: left 0.3s ease-out 0.1s
}

.bk-banner-carousel__small-wrapper.animateRight {
    transition: left 0.3s ease-out 0.1s
}

.bk-banner-carousel__small-wrapper.animateLeft li.active {
    -webkit-animation: scale-down-center 0.5s ease-out both;
    animation: scale-down-center 0.5s ease-out both
}

.bk-banner-carousel__small-item {
    position: relative;
    float: left;
    width: 125px;
    height: 125px;
    margin-right: 16px;
    cursor: pointer;
    transition: opacity 2s linear
}

@media (min-width: 992px) {
    .bk-banner-carousel__small-item {
        width: 165px;
        height: 165px;
        margin-right: 32px
    }
}

.bk-banner-carousel__small-item img {
    width: 100%;
    width: 125px;
    opacity: 1
}

@media (min-width: 992px) {
    .bk-banner-carousel__small-item img {
        width: 165px
    }
}

.bk-banner-carousel__small-item:hover:before {
    background-color: #191B1C;
    position: absolute;
    z-index: 2;
    opacity: 0.2;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: ""
}

.bk-banner-carousel__small-item:focus {
    outline: 0
}

.bk-banner-carousel__small-item-title {
    font-size: 12px;
    background: #4B575D;
    height: 24px;
    color: #fff;
    padding: 2px 8px;
    position: absolute;
    top: -24px;
    z-index: -1
}

@media (min-width: 768px) {
    .bk-banner-carousel__small-item-title {
        font-size: 14px
    }
}

.bk-banner-carousel__small-item-cyan {
    color: #191B1C;
    background-color: #B5F0EF
}

.bk-banner-carousel__small-item-yellow {
    color: #191B1C;
    background-color: #FED430
}

.bk-banner-carousel__content-vw {
    width: 100%;
    position: relative;
    z-index: 0;
    overflow: hidden
}

@media (min-width: 768px) {
    .bk-banner-carousel__content-vw {
        padding: initial
    }
}

@media (min-width: 768px) {
    .bk-banner-carousel__content-vw {
        top: 103px;
        right: 0;
        position: absolute;
        max-width: 408px
    }
}

@media (min-width: 992px) {
    .bk-banner-carousel__content-vw {
        max-width: 453px;
        top: 144px
    }
}

@media (min-width: 1200px) {
    .bk-banner-carousel__content-vw {
        top: 245px;
        min-height: 476px;
        min-width: 486px
    }
}

.bk-banner-carousel__content-vw .list__item:before {
    color: #fff
}

.bk-banner-carousel__content-vw .h3 {
    line-height: 32px
}

@media (min-width: 768px) {
    .bk-banner-carousel__content-vw .h3 {
        line-height: 40px;
        height: 80px;
        overflow: hidden
    }
}

.bk-banner-carousel__content-wrapper {
    position: relative;
    z-index: 1;
    width: 4000px;
    float: left
}

@media (min-width: 768px) {
    .bk-banner-carousel__content-wrapper {
        display: unset;
        width: auto
    }
}

.bk-banner-carousel__content-wrapper.animateLeft {
    transition: left 0.3s ease-out 0.1s
}

.bk-banner-carousel__content-wrapper.animateRight {
    transition: left 0.3s ease-out 0.1s
}

.bk-banner-carousel__content-item {
    width: 100%;
    float: left;
    background: #4B575D;
    color: #fff;
    padding: 24px 24px 48px;
    position: relative
}

@media (min-width: 768px) {
    .bk-banner-carousel__content-item {
        display: none;
        padding: 24px 40px 40px
    }
}

@media (min-width: 992px) {
    .bk-banner-carousel__content-item {
        max-height: 476px
    }
}

.bk-banner-carousel__content-text-second {
    height: 48px;
    overflow: hidden
}

@media (min-width: 768px) {
    .bk-banner-carousel__content-text-flex {
        min-height: 72px;
        max-height: 140px;
        overflow: hidden
    }
}

@media (min-width: 992px) {
    .bk-banner-carousel__content-text-flex {
        min-height: 117px
    }
}

@media (min-width: 1200px) {
    .bk-banner-carousel__content-text-flex {
        min-height: 140px
    }
}

.bk-banner-carousel__content-footer {
    position: absolute;
    bottom: 24px
}

@media (min-width: 768px) {
    .bk-banner-carousel__content-footer {
        padding-top: 40px;
        position: static
    }
}

.bk-banner-carousel__big-vw {
    position: relative;
    z-index: 0;
    overflow: hidden
}

@media (min-width: 768px) {
    .bk-banner-carousel__big-vw {
        width: 410px;
        height: 410px
    }
}

@media (min-width: 992px) {
    .bk-banner-carousel__big-vw {
        width: 536px;
        height: 536px
    }
}

@media (min-width: 1200px) {
    .bk-banner-carousel__big-vw {
        width: 682px;
        height: 682px
    }
}

.bk-banner-carousel__big-wrapper {
    position: relative;
    width: 4000px
}

@media (min-width: 768px) {
    .bk-banner-carousel__big-wrapper {
        left: -410px
    }
}

@media (min-width: 992px) {
    .bk-banner-carousel__big-wrapper {
        left: -536px
    }
}

@media (min-width: 1200px) {
    .bk-banner-carousel__big-wrapper {
        left: -682px
    }
}

.bk-banner-carousel__big-wrapper.animateLeft {
    transition: left 0.3s ease-out 0.1s
}

.bk-banner-carousel__big-wrapper.animateRight {
    transition: left 0.3s ease-out 0.1s
}

.bk-banner-carousel__big-title {
    background: #FF821C;
    font-size: 14px;
    font-family: "BK-Text";
    color: #fff;
    bottom: 0;
    position: absolute;
    height: 116px;
    width: 116px;
    right: 0
}

.bk-banner-carousel__big-title span {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px
}

.bk-banner-carousel__big-item {
    display: flex;
    float: left;
    position: relative
}

@media (min-width: 576px) {
    .bk-banner-carousel__big-item {
        display: inline-block;
        float: left;
        min-width: auto
    }
}

.bk-banner-carousel__big-item img {
    width: 100%;
    min-width: 204px
}

@media (min-width: 768px) {
    .bk-banner-carousel__big-item img {
        width: 410px
    }
}

@media (min-width: 992px) {
    .bk-banner-carousel__big-item img {
        width: 536px
    }
}

@media (min-width: 1200px) {
    .bk-banner-carousel__big-item img {
        width: 682px
    }
}

.bk-banner-carousel .active {
    background-color: #FF821C;
    pointer-events: none
}

@media (min-width: 992px) {
    .bk-banner-carousel .active {
        position: relative;
        width: 165px;
        height: 165px;
        top: 0;
        margin-right: 32px
    }
}

.bk-banner-carousel .active .active--title {
    position: absolute;
    z-index: 2;
    bottom: 16px;
    background-color: transparent;
    line-height: 21px;
    color: #191B1C;
    font-size: 15px;
    left: 16px
}

@media (min-width: 992px) {
    .bk-banner-carousel .active .active--title {
        font-size: 20px;
        line-height: 30px
    }
}

.bk-banner-carousel .active:hover:before {
    opacity: 1;
    background-color: #FF821C
}

.bk-banner-carousel .active:focus {
    box-shadow: none
}

.bk-banner-carousel .content--animation {
    background: #FF821C;
    position: absolute;
    left: 486px;
    width: 486px;
    height: 476px;
    top: 0;
    transition: all 1.2s ease
}

.bk-banner-carousel .content--animation-left {
    left: -486px
}

.bk-banner-carousel .btn-right {
    position: absolute;
    right: -24px;
    top: -24px;
    z-index: 3
}

@media (min-width: 992px) {
    .bk-banner-carousel .btn-right {
        top: 0
    }
}

@media (min-width: 1200px) {
    .bk-banner-carousel .btn-right {
        top: 20px
    }
}

.bk-banner-carousel .btn-right:focus {
    border: 1px solid #191B1C
}

.bk-banner-carousel .activeRight {
    display: none
}

.bk-banner-carousel .animateRight .active .bk-banner-carousel__small-item-active h3 {
    opacity: 0
}

.bk-banner-carousel .activeRight {
    border: 1px solid red
}

.bk-banner-carousel .animateRight .bk-banner-carousel__small-item-active {
    transition: opacity 0.3s ease;
    opacity: 0
}

.bk-banner-carousel .bk-banner-carousel__small-item-active {
    opacity: 0;
    transition: opacity 0.3s ease;
    text-indent: -9999px
}

.bk-banner-carousel .active .bk-banner-carousel__small-item-content {
    display: none
}

.bk-banner-carousel .active .bk-banner-carousel__small-item-active {
    background: #FF821C;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    text-indent: 0
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .bk-banner-carousel__small-wrapper {
        display: table
    }
}

.bk-banner-carousel__indicators {
    display: table;
    margin: 0 auto
}

.bk-banner-carousel__indicators li {
    float: left;
    width: 8px;
    height: 8px;
    border: 1px solid #191B1C;
    border-radius: 4px;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: linear;
    margin-right: 40px
}

.bk-banner-carousel__indicators li.active {
    background: #191B1C;
    border-radius: 0;
    width: 10px;
    height: 10px;
    box-shadow: 0 0 2px 0 #191B1C
}

.bk-banner-carousel__indicators li:last-child {
    margin-right: 0
}

@media (max-width: 991.98px) {
    .btn--toggle-negative {
        display: block !important;
        padding: 0;
        background-color: transparent;
        color: #fff;
        border: 0;
        text-align: left;
        line-height: inherit;
        border: 0;
        height: 24px
    }
    .btn--toggle-negative:hover {
        color: #FF821C;
        background-color: transparent
    }
}

@media (min-width: 992px) {
    .btn--toggle-negative {
        color: #191B1C;
        background-color: #fff;
        border: 1px solid #fff
    }
    .btn--toggle-negative:hover,
    .btn--toggle-negative:active {
        color: #5c6780
    }
    .btn--toggle-negative:focus {
        border: 1px solid #191B1C
    }
}

.banner-wide {
    overflow-y: visible;
    overflow-x: hidden;
    height: auto;
    position: relative;
    width: 100%;
    padding-bottom: 20px
}

@media (min-width: 576px) {
    .banner-wide {
        overflow: hidden;
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.banner-wide__content {
    padding: 24px;
    box-shadow: 0 10px 20px 0 rgba(92, 103, 128, 0.15);
    background-color: #fff;
    flex: 1 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width: 576px) {
    .banner-wide__content {
        padding: 40px
    }
}

.banner-wide__img {
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    object-fit: cover;
    object-position: center center;
    height: 200px
}

@media (min-width: 576px) {
    .banner-wide__img {
        height: auto;
        top: 50%
    }
}

.banner-wide__titulo {
    font-size: 24px;
    line-height: 24px
}

.banner-wide__texto {
    font-size: 20px;
    line-height: 32px
}

.banner-type-3 {
    position: relative;
    padding-top: 40px
}

.banner-type-3 .banner-type-3__content-box {
    display: flex;
    flex-direction: column;
    padding: 24px;
    position: relative;
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(93, 107, 114, 0.15);
    top: -42px;
    margin-left: 24px;
    z-index: 2
}

.banner-type-3 .banner-type-3__content-box .banner-type-3__head {
    text-transform: uppercase;
    margin-bottom: 16px
}

.banner-type-3 .banner-type-3__content-box .banner-type-3__box-text {
    font-size: 1.5rem;
    font-family: "BK-Text";
    margin-bottom: 24px
}

.banner-type-3 .banner-type-3__box-image img {
    height: 176px;
    width: 176px
}

.banner-type-3 .banner-type-3__square {
    background-color: #B5F0EF;
    position: absolute;
    height: 56px;
    width: 56px;
    top: 118px;
    left: 176px
}

@media (min-width: 768px) {
    .banner-type-3 .banner-type-3__square {
        display: none
    }
    .banner-type-3 .banner-type-3__content-box {
        line-height: 1.33;
        min-height: 322px;
        margin-left: 0;
        padding: 40px;
        top: 0
    }
    .banner-type-3 .banner-type-3__content-box .banner-type-3__box-text {
        margin-bottom: 40px
    }
    .banner-type-3 .banner-type-3__box-image-intranet img {
        position: relative !important;
        z-index: 1
    }
    .banner-type-3 .banner-type-3__box-image img {
        height: 400px;
        width: 400px;
        right: 0;
        position: absolute;
        top: 0
    }
}

@media (min-width: 992px) {
    .banner-type-3 .banner-type-3__content-box .banner-type-3__box-text {
        font-size: 2rem
    }
}

.bizum__selection {
    width: 80%;
    max-width: 629px;
    margin: 24px
}

.bizum__selection.bizum__selection--multiple {
    width: 80%
}

.bizum__selection--multiple-item {
    width: 100%
}

.bizum__subject {
    max-width: 160px
}

.bizum__account {
    min-height: 90px
}

.bizum__phones {
    padding-top: 16px;
    padding-bottom: 16px;
    color: #AFB5C8
}

.bizum__phones--selected {
    color: #191B1C
}

.bizum__phones-wrapper {
    position: absolute;
    top: 72px;
    width: 100%;
    z-index: 3;
    background-color: #fff;
    box-shadow: 0 5px 15px 0 rgba(93, 107, 114, 0.15);
    -webkit-box-shadow: 0 5px 15px 0 rgba(93, 107, 114, 0.15);
    padding-bottom: 8px
}

.bizum__phones-wrapper--lg {
    position: absolute;
    top: 100%;
    width: 380px;
    z-index: 3;
    background-color: #fff;
    box-shadow: 0 5px 15px 0 rgba(93, 107, 114, 0.15);
    -webkit-box-shadow: 0 5px 15px 0 rgba(93, 107, 114, 0.15);
    padding-bottom: 8px;
    left: 15px
}

.bizum__pending {
    background-color: #EBEEF5
}

.bizum__preferences {
    border-left: 1px solid #EBEEF5;
    padding-left: 16px;
    margin-left: 8px
}

.bizum__arrow {
    cursor: pointer
}

.bizum__menu {
    background-color: #fff
}

@media (min-width: 768px) {
    .bizum__menu {
        background-color: #EBEEF5
    }
}

.bizum__menu--lg {
    margin-right: 16px
}

.bizum__breadcrumb {
    padding-top: 16px;
    padding-bottom: 16px
}

.bizum__breadcrumb--lower {
    background-color: #fff;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: 2px
}

.bizum__button {
    margin-right: 16px
}

.process-steps {
    display: flex;
    align-items: center;
    word-wrap: normal;
    white-space: normal;
    text-align: left;
    padding-left: 0;
    padding-right: 0
}

.process-steps:focus {
    background-color: transparent;
    color: inherit
}

@media (min-width: 576px) {
    .process-steps:focus {
        outline: 1px solid #AFB5C8;
        box-shadow: 0 0 0 4px #EBEEF5
    }
}

@media (min-width: 992px) {
    .process-steps:focus {
        outline: none;
        box-shadow: none
    }
}

.process-steps.process-stepsMGM {
    align-items: baseline;
    display: block
}

@media (min-width: 768px) {
    .process-steps.process-stepsMGM {
        display: flex
    }
}

.process-steps--block {
    width: 100%
}

@media (min-width: 992px) {
    .process-steps--block {
        width: auto
    }
}

.process-steps--block .process-steps__info {
    display: block;
    width: auto !important
}

.process-steps--block .process-number {
    margin: 16px !important
}

.process-steps__paragraph {
    font-family: "BK-Sans";
    line-height: 24px;
    font-size: 14px;
    font-weight: 600
}

.process-steps__paragraph--disabled {
    font-weight: normal
}

.process-steps__status {
    font-size: 12px;
    line-height: 16px;
    color: #5c6780
}

.process-steps__drop-icon {
    margin-left: 8px;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    display: none
}

.process-steps__info {
    display: none
}

@media (min-width: 576px) {
    .process-steps__info {
        display: block;
        width: auto;
        overflow: hidden;
        white-space: nowrap;
        transition: all .5s ease
    }
    .process-steps__drop-icon {
        display: flex;
        margin-left: 0
    }
    .process-steps:last-of-type .process-steps__drop-icon {
        display: none
    }
}

@media (min-width: 992px) {
    .process-steps__info {
        display: block;
        width: auto;
        overflow: visible;
        transition: none;
        white-space: normal
    }
    .process-steps__drop-icon {
        margin-left: 8px
    }
}

.process-steps__infoMGM {
    padding: 0 0 0 12px;
    white-space: normal;
    display: block
}

@media (min-width: 768px) {
    .process-steps__infoMGM {
        padding: 0 0 0 24px
    }
}

.process-number--grey~.process-steps__drop-icon {
    color: #5c6780
}

.process-download {
    padding: 12px 24px 12px 16px;
    justify-content: start;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 4px
}

.process-download__icon {
    margin-top: 4px;
    margin-right: 16px;
    min-width: 40px;
    height: 40px;
    background-color: #EAEFEF;
    display: flex;
    align-items: center;
    border-radius: 4px
}

.process-download__icon .icon {
    margin: 0 auto
}

.process-download__content {
    margin-right: 24px
}

.process-download__content-full {
    margin-right: 0
}

.process-download__content-full .process-download--txt {
    padding-right: 0
}

.process-download--title {
    font-size: 16px;
    line-height: 24px;
    color: #191B1C
}

.process-download--txt {
    font-size: 14px;
    line-height: 24px;
    color: #5C6780;
    margin-bottom: 0;
    font-family: BK-Sans;
    padding-right: 8%
}

.process-download__link {
    margin-top: 24px;
    margin-left: 54px;
    min-width: 103px
}

@media (min-width: 768px) {
    .process-download__link {
        margin-left: auto;
        margin-top: 11px
    }
}

.process-download__link .text-link {
    display: block
}

.process-download__link .text-link:focus {
    background-color: #3E4A50;
    color: #fff !important
}

.process-download__link .text-link:hover {
    color: #5C6780 !important
}

.process-number {
    width: auto;
    width: max-content;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 16px 16px 16px 0;
    text-align: center
}

.process-number:first-of-type {
    margin-left: 8px
}

.process-number__item:before {
    counter-increment: counter-section;
    content: counter(counter-section)
}

.process-number__icon-reference {
    display: none
}

[process-number--count] {
    counter-reset: counter-section
}

[process-number--no-count] {
    counter-reset: none
}

[process-number--no-count] .process-number__item:before {
    counter-increment: none;
    content: " "
}

.process-number--active-icons .process-number__icon-reference {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.process-number--active-icons .process-number__item {
    position: absolute;
    visibility: hidden;
    left: -90000px
}

.process-number--inline-list {
    margin: 0
}

.process-number--inline-list:first-of-type {
    margin-right: 0;
    margin-left: 0
}

.process-number--inline-list:last-of-type {
    margin-right: 0;
    margin-left: 0
}

.process-number--inline {
    margin-right: 8px;
    margin-left: 0
}

.process-number--inline:last-of-type {
    margin-right: 8px
}

.process-number--inline:first-of-type {
    margin-left: 8px
}

.process-number--no-margin {
    margin: 0
}

.process-number--no-margin:last-of-type,
.process-number--no-margin:first-of-type {
    margin: 0
}

.process-number--rounded {
    border-radius: 4px
}

.process-number--cyan {
    background-color: #B5F0EF
}

.process-number--yellow {
    background-color: #FED430
}

.process-number--orange {
    background-color: #FF821C
}

.process-number--grey {
    background-color: #EBEEF5;
    color: #5c6780
}

.process-number--purple {
    background-color: #EBEEF5;
    color: #5c6780
}

.process-number--red {
    background-color: #FFB5B1
}

.process-number--bkj-yellow {
    background-color: #FFE700
}

.process-number--bkj-turquoise {
    background-color: #37ECC7
}

.process-number--bkj-blue {
    background-color: #08C3FF
}

.process-number--bkj-red {
    background-color: #FF4169
}

.process-number--md {
    min-width: 48px;
    height: 48px;
    line-height: 48px
}

.process-number--lg {
    min-width: 72px;
    height: 72px;
    line-height: 72px
}

.process-number--rounded {
    border-radius: 4px
}

.form-box {
    box-shadow: 0 10px 20px 0 rgba(97, 112, 119, 0.15)
}

.form-box:focus {
    outline: 4px solid #3E4A50 !important
}

.form-signing {
    background-color: #fff
}

.form-signing--border {
    border: 1px solid #D9E4FF;
    border-radius: 4px
}

.form-signing__body {
    padding: 40px 64px 40px 72px;
    border-top: 1px solid #D9E4FF
}

@media (max-width: 991.98px) {
    .form-signing__body {
        padding: 24px 16px
    }
}

.form-signing__header {
    display: flex;
    align-items: center;
    padding: 16px
}

.form-signing__paragraph {
    flex-grow: 1;
    margin-left: 16px;
    color: #191B1C;
    font-size: 16px;
    margin-bottom: 0
}

.form-signing__paragraph--disabled {
    color: #5c6780
}

.form-box__header {
    display: flex;
    align-items: center;
    padding: 16px 24px 16px 16px
}

.form-box__paragraph {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 24px
}

.form-box__status {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 16px;
    color: #5c6780
}

.form-box__info {
    flex-grow: 1;
    margin-left: 16px;
    overflow: hidden
}

.form-box__icon {
    margin-left: 16px
}

.form-box--grey {
    background-color: #F7FAFF;
    box-shadow: none;
    border-bottom: 1px solid #fff
}

.form-box--grey:hover {
    background-color: #EBEEF5
}

.form-box--grey[disabled]:hover {
    background-color: #F7FAFF
}

.form-box__body {
    padding: 16px 16px 32px 16px;
    border-top: 1px solid #EBEEF5
}

.form-box__footer {
    padding-top: 40px
}

.form-box--border {
    border: 1px solid #5c6780;
    box-shadow: none
}

.form-box--equal-height {
    height: 100%
}

.link-box {
    display: flex;
    align-items: center;
    padding: 16px 16px 16px 24px;
    border: 1px solid #EBEEF5
}

.link-box:focus {
    box-shadow: 0 0 0 4px #EBEEF5;
    outline: 1px solid #AFB5C8
}

.link-box__info {
    flex-grow: 1;
    overflow: hidden
}

.link-box__paragraph {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #191B1C;
    margin-bottom: 0
}

.link-box__status {
    font-size: 14px;
    line-height: 16px;
    color: #5c6780;
    margin-bottom: 0
}

.contentbox-link {
    display: flex;
    align-items: center;
    padding: 24px 16px 24px 16px;
    background: #EBEEF5;
    cursor: pointer;
    border-radius: 4px;
    height: 96px
}

.contentbox-link:focus {
    box-shadow: 0 0 0 4px #EBEEF5;
    outline: 1px solid #AFB5C8;
    -moz-outline-radius: 4px
}

.contentbox-link:hover {
    background: #F7FAFF
}

.contentbox-link:hover .contentbox-link__icon .icon {
    color: #fff;
    background-color: #FF821C
}

.contentbox-link--disabled {
    cursor: not-allowed
}

.contentbox-link--disabled .contentbox-link__icon .icon {
    color: #AFB5C8
}

.contentbox-link--disabled .contentbox-link__icon .icon--arrow-16 {
    color: #AFB5C8
}

.contentbox-link--disabled .contentbox-link__paragraph {
    color: #5c6780
}

.contentbox-link--disabled:hover {
    background: #EBEEF5
}

.contentbox-link--disabled:hover .contentbox-link__icon .icon {
    color: #AFB5C8;
    background-color: #fff
}

.contentbox-link--disabled:focus {
    box-shadow: none;
    outline: none
}

.contentbox-link__icon {
    display: flex;
    position: relative;
    line-height: 32px;
    border-radius: 50%;
    background: #fff;
    border: none;
    margin-right: 16px
}

.contentbox-link__icon:hover {
    background: #F7FAFF
}

a .contentbox-link__icon-2 {
    color: #5c6780;
    margin-left: 16px
}

.contentbox-link__info {
    flex-grow: 1;
    overflow: hidden
}

.contentbox-link__paragraph {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #191B1C;
    margin-bottom: 0
}

.contentbox-link__status {
    font-size: 12px;
    line-height: 16px;
    color: #5c6780;
    margin-bottom: 0
}

.contentbox-link__truncate {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    position: relative;
    visibility: visible
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .contentbox-link__truncate {
        display: block;
        max-height: 32px;
        line-height: 16px
    }
    .contentbox-link__truncate:before {
        content: '...';
        position: absolute;
        right: 0;
        bottom: 0
    }
    .contentbox-link__truncate:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: 0.2em
    }
}

.process-document {
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.process-document__item {
    display: flex
}

.process-document__icon {
    margin-right: 16px
}

.process-document__link {
    margin-left: 16px;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 8px;
    align-items: center;
    width: 24px;
    height: 24px
}

@media (min-width: 768px) {
    .process-document__link {
        width: auto;
        height: auto
    }
}

.process-document__paragraph {
    margin-bottom: 0;
    line-height: 24px
}

.process-notification {
    border-bottom: 1px solid #EBEEF5;
    padding: 16px 16px 16px 24px
}

.process-notification__head {
    display: flex;
    display: grid;
    grid-template-areas: 'notificationButton notificationButton' 'notificationIcon notificationTitle';
    line-height: 24px
}

@media (min-width: 576px) {
    .process-notification__head {
        grid-template-areas: 'notificationIcon notificationTitle notificationButton';
        grid-template-columns: 40px 1fr auto
    }
}

.process-notification__button {
    display: flex;
    justify-content: flex-end;
    grid-area: notificationButton;
    order: 1
}

.process-notification__icon {
    grid-area: notificationIcon;
    margin-right: 16px
}

.process-notification__titles {
    grid-area: notificationTitle;
    overflow: hidden
}

.process-notification__body {
    padding-top: 24px;
    padding-bottom: 32px;
    padding-right: 8px
}

@media (min-width: 576px) {
    .process-notification__body {
        margin-left: 40px;
        display: grid;
        grid-template-columns: 1fr 77px;
        padding-top: 32px
    }
}

.process-notification__title-date {
    color: #5c6780
}

.process-notification--active .process-notification__head {
    color: #5c6780
}

@media (min-width: 576px) {
    .process-notification__link {
        align-self: flex-start
    }
}

.process-notification--first {
    border-top: 1px solid #EBEEF5
}

.operation-menu {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.operation-menu ul.operation-menu__sublist {
    line-height: 40px;
    margin-bottom: 0;
    min-height: 40px;
    letter-spacing: 1px;
    white-space: nowrap;
    border: 3px dotted transparent;
    cursor: pointer
}

.operation-menu ul.operation-menu__sublist a {
    color: #5c6780 !important;
    text-transform: none;
    padding-left: 13px;
    padding-right: 13px;
    border-radius: 4px;
    line-height: 40px
}

.operation-menu ul.operation-menu__sublist a:hover {
    background-color: #EFF3FF
}

.operation-menu ul.operation-menu__sublist a:focus {
    background-color: #EFF3FF;
    border: 4px solid #AFB5C8;
    padding-left: 9px;
    padding-right: 9px;
    line-height: 32px
}

.operation-menu__submenu {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.operation-menu__item {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
}

.operation-menu__content {
    position: relative;
    display: flex
}

.operation-menu__button {
    min-width: 48px;
    min-height: 48px;
    padding-left: 0;
    padding-right: 0;
    background-color: #fff;
    margin-left: 1px;
    color: #191B1C;
    border: 1px solid #fff;
    border-radius: 4px
}

@media (min-width: 576px) {
    .operation-menu__button {
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
        align-items: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 12px
    }
}

.operation-menu__button .operation-menu__icon:hover,
.operation-menu__button .operation-menu__icon-closed:hover {
    color: #5c6780
}

.operation-menu__button:hover {
    background-color: #EFF3FF;
    border: 1px solid #EFF3FF
}

.operation-menu__button:hover .operation-menu__button-text {
    text-decoration: none
}

.operation-menu__button:focus {
    border: 1px dashed #191B1C
}

.operation-menu__button-submenu {
    min-width: 48px;
    min-height: 48px;
    border-left: 1px solid #D9E4FF;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 576px) {
    .operation-menu__button-submenu {
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
        align-items: center;
        letter-spacing: 1px;
        font-size: 12px
    }
}

.operation-menu__border-top {
    border-top: 1px solid #D9E4FF
}

.operation-menu__nav {
    position: absolute;
    box-shadow: 0 10px 20px 0 rgba(104, 112, 126, 0.15);
    border-radius: 4px;
    padding: 16px 8px;
    top: 56px;
    background-color: #fff;
    min-width: 136px;
    max-width: fit-content;
    right: 0;
    z-index: 100
}

.operation-menu__list-icon {
    display: none
}

.operation-menu__list-drop-icon.icon {
    padding-left: 4px
}

@media (max-width: 575.98px) {
    .operation-menu__list-drop-icon.icon {
        display: none
    }
    .operation-menu__list-drop-icon.icon.icon--arrow-down-16 {
        display: inline-block;
        line-height: 18px
    }
}

.operation-menu__list-drop {
    line-height: 40px;
    margin-bottom: 0;
    min-height: 40px;
    letter-spacing: 1px;
    white-space: nowrap;
    border: 3px dotted transparent;
    cursor: pointer
}

.operation-menu__list-drop a {
    color: #5c6780 !important;
    text-transform: none;
    border-radius: 4px;
    line-height: 40px;
    min-height: 40px;
    padding-left: 9px;
    padding-right: 9px;
    border: 1px solid #fff
}

.operation-menu__list-drop a:hover {
    background-color: #EFF3FF;
    border: 1px solid #EFF3FF;
    text-decoration: none
}

.operation-menu__list-drop a:focus {
    border: 1px dashed #191B1C;
    outline: none
}

.operation-menu__list-link {
    width: 100%;
    text-align: left
}

@media (max-width: 575.98px) {
    .operation-menu__list-link {
        font-size: 12px;
        color: #191B1C
    }
}

.operation-menu__list-item--padding {
    padding-right: 15px
}

.operation-menu__button-text {
    min-height: 24px;
    display: flex;
    align-items: center
}

.operation-menu__list-item--active .operation-menu__list-drop {
    border-bottom: none;
    font-weight: 700
}

.operation-menu__list-item--active .operation-menu__list-drop .operation-menu__list-drop-icon.icon {
    padding-right: 4px;
    padding-left: 0
}

.operation-menu--search {
    position: initial
}

.operation-menu--search .operation-menu__nav {
    min-width: calc(100% - 30px);
    left: 15px;
    right: 15px
}

.operation-menu--search .operation-menu__list,
.operation-menu--search .operation-menu__button--active {
    background-color: #B5F0EF
}

.operation-menu--search .operation-menu__button,
.operation-menu--search .operation-menu__content {
    position: initial
}

.input-no-border {
    border: none;
    margin-left: 16px
}

.text-link--no-uppercase {
    color: #FF821C;
    letter-spacing: 1px;
    font-size: 12px
}

.text-link--no-uppercase:hover,
.text-link--no-uppercase:active:focus {
    text-decoration: none;
    color: #F76900;
    background-color: transparent
}

.text-link--no-uppercase.text-link--no-uppercase_negro,
.text-link--no-uppercase.text-link--no-uppercase--black {
    color: #191B1C
}

.text-link--no-uppercase.text-link--no-uppercase_negro:hover,
.text-link--no-uppercase.text-link--no-uppercase_negro:active:focus,
.text-link--no-uppercase.text-link--no-uppercase--black:hover,
.text-link--no-uppercase.text-link--no-uppercase--black:active:focus {
    color: #5c6780
}

@media (min-width: 992px) {
    .operation-menu--search {
        position: initial
    }
    .operation-menu--search .operation-menu__list-drop button {
        width: 100%
    }
}

.operation-menu--pdf .operation-menu__button {
    border: none;
    padding-right: 16px;
    padding-left: 0;
    min-width: 24px
}

.operation-menu--pdf .operation-menu__list-link {
    width: auto
}

.operation-menu--pdf .operation-menu__button--active {
    padding-right: 16px;
    background-color: #F7FAFF
}

.operation-menu--pdf .operation-menu__nav {
    transform: translateY(8px);
    text-transform: none;
    font-size: .875rem;
    min-width: 144px;
    box-shadow: 0 10px 20px 0 rgba(104, 112, 126, 0.15)
}

.operation-menu--pdf .operation-menu__list-item {
    background-color: #fff
}

.operation-menu--pdf .operation-menu__list-link {
    color: #5c6780;
    text-transform: none
}

@media (min-width: 768px) {
    .operation-menu--pdf .operation-menu__list-link {
        color: #191B1C
    }
}

.operation-menu--pdf .text-drop-mobile {
    display: inline-flex
}

@media (min-width: 768px) {
    .operation-menu--pdf .text-drop-mobile {
        display: none
    }
}

.operation-menu--pdf .icon-drop-desktop {
    display: none
}

@media (min-width: 768px) {
    .operation-menu--pdf .icon-drop-desktop {
        display: flex
    }
}

.operation-menu__list .operation-menu__list-item:last-of-type .operation-menu__list-drop {
    border: none
}

@media (min-width: 576px) {
    .operation-menu__list {
        padding: 0
    }
    .operation-menu__list-item .operation-menu__list-icon {
        display: none
    }
    .operation-menu__list-icon {
        display: inline-block;
        padding-left: 5px
    }
}

@media all and (min-width: 576px) and (-ms-high-contrast: none),
(min-width: 576px) and (-ms-high-contrast: active) {
    .operation-menu__list-icon {
        display: block
    }
}

@media (min-width: 576px) {
    .operation-menu__button-more {
        display: none
    }
}

@media (min-width: 576px) {
    .operation-menu__list-item--with-icon {
        margin-bottom: 24px
    }
}

.process-header-ent__header {
    max-height: 48px;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 1px
}

.process-header-ent__header--no-border {
    border-bottom: none
}

.process-header-ent__icon {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.process-header-ent__icon--yellow {
    background-color: #F7C70B
}

.process-header-ent__text {
    display: flex;
    align-items: center;
    flex: 1;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    background-color: #fff
}

.process-header-ent__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    font-family: "BK-Sans"
}

.process-header-ent__title--small {
    font-size: 14px
}

.process-header-ent__title-edit {
    align-self: center;
    font-size: 0.75rem;
    letter-spacing: 1px;
    line-height: 16px;
    margin-left: 8px;
    padding: 4px 0 0 0;
    text-transform: uppercase
}

.process-header-ent__title-edit span {
    margin-right: 4px
}

.process-header-ent__title-edit:hover {
    color: #5c6780
}

.process-header-ent__title-edit:hover .icon {
    color: #5c6780
}

.process-header-ent__link {
    border-left: 1px solid #D9E4FF;
    display: flex;
    max-height: 48px;
    padding: 12px 16px 10px
}

.process-header-ent__link a {
    align-items: center;
    display: flex;
    line-height: 16px
}

.process-header-ent__link .icon {
    margin-left: 4px
}

.process-header-ent__container {
    padding-left: 24px;
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    order: 2
}

.process-header-ent__container :first-of-type {
    margin-right: 0
}

@media (max-width: 575.98px) {
    .process-header-ent__container {
        order: 1;
        padding-left: 16px
    }
}

@media (min-width: 576px) {
    .process-header-ent__container {
        flex-direction: row;
        justify-content: flex-end;
        padding-right: 16px;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .process-header-ent__container {
        padding-right: 24px
    }
}

.header-process__steps--full {
    margin-left: 0;
    margin-right: 0
}

@media (max-width: 1199.98px) {
    .process-header-ent__container--down {
        flex-direction: column-reverse;
        margin-bottom: 16px
    }
    .process-header-ent__container--down .process-header-ent__resume-small-title {
        margin-left: auto !important
    }
}

@media (max-width: 575.98px) {
    .process-header-ent__container--down {
        margin-bottom: 0;
        padding-left: 16px
    }
    .process-header-ent__container--down .process-header-ent__resume-small-title {
        margin-left: 0 !important
    }
}

@media (max-width: 1199.98px) {
    .process-header-ent__container--up {
        margin-left: auto !important
    }
}

@media (max-width: 575.98px) {
    .process-header-ent__container--up :first-child {
        margin-bottom: 16px
    }
    .process-header-ent__container--up .process-header-ent__value {
        padding-left: 16px
    }
    .process-header-ent__container--up .process-header-ent__value-big {
        padding-left: 16px
    }
}

.process-header-ent__container-account {
    font-size: .75rem;
    color: #191B1C;
    font-weight: 700
}

.process-header-ent__resume {
    display: flex;
    flex-direction: column
}

.process-header-ent__resume-title {
    color: #5c6780;
    font-size: .75rem
}

@media (min-width: 768px) {
    .process-header-ent__resume-title {
        font-size: .75rem;
        align-self: center;
        padding-top: 5px;
        padding-right: 8px
    }
}

.process-header-ent__resume-small-title {
    color: #5c6780;
    font-size: 10px;
    letter-spacing: 1px;
    margin-left: 24px
}

.process-header-ent__resume-small-title .icon {
    margin-bottom: 1px
}

@media (max-width: 575.98px) {
    .process-header-ent__resume-small-title {
        margin-left: 0
    }
}

.process-header-ent__container {
    align-items: baseline
}

.process-header-ent__container :first-of-type {
    margin-left: 0
}

.process-header-ent__value {
    color: #191B1C;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-left: 8px !important
}

@media (max-width: 575.98px) {
    .process-header-ent__value {
        font-size: 22px;
        font-weight: 300;
        display: block;
        margin-left: 0 !important
    }
}

@media (max-width: 575.98px) {
    .process-header-ent__value--decimal {
        font-size: 14px
    }
}

.process-header-ent__value-big {
    color: #191B1C;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-left: 8px !important
}

@media (max-width: 575.98px) {
    .process-header-ent__value-big {
        font-size: 22px;
        display: block;
        margin-left: 0 !important
    }
}

.process-header-ent__value-big--decimal {
    font-size: 20px
}

@media (max-width: 575.98px) {
    .process-header-ent__value-big--decimal {
        font-size: 14px
    }
}

.process-header-ent__value--small {
    font-size: 12px;
    font-weight: 600
}

@media (max-width: 575.98px) {
    .process-header-ent__value--small {
        margin-bottom: 8px
    }
}

.process-header-ent__resume-total {
    font-weight: 300;
    font-size: 22px
}

.process-header-ent__resume-total small {
    font-size: 14px
}

@media (min-width: 768px) {
    .process-header-ent__resume-total {
        font-size: 28px
    }
    .process-header-ent__resume-total small {
        font-size: 20px
    }
}

.process-header-ent__account {
    font-size: .75rem;
    color: #191B1C;
    letter-spacing: 1px;
    font-weight: 600
}

.process__iban-div {
    padding-left: 16px;
    padding-top: 24px;
    font-size: .75rem;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 24px;
    order: 1
}

.process__iban-div .tooltip {
    padding: 0;
    width: 24px;
    height: 24px;
    top: -2px;
    margin-left: 0
}

@media (min-width: 576px) {
    .process__iban-div .tooltip {
        margin-left: 8px
    }
}

.process__iban-div .tooltip :hover {
    color: #5c6780
}

@media (max-width: 575.98px) {
    .process__iban-div {
        order: 2;
        padding-top: 16px
    }
}

@media (min-width: 992px) {
    .process__iban-div {
        align-self: flex-end;
        font-size: .875rem;
        font-weight: 600
    }
}

.process__iban-div:focus span {
    color: #fff;
    background-color: #3E4A50
}

.process__iban-div--down {
    display: block
}

@media (min-width: 1200px) {
    .process__iban-div--down {
        display: none
    }
}

.process__iban-div--down .process__iban-div {
    padding-top: 0
}

.process__select-dropdown {
    padding-bottom: 12px;
    padding-top: 12px;
    padding-left: 0;
    padding-right: 0;
    order: 2
}

@media (min-width: 992px) {
    .process__select-dropdown {
        order: 2
    }
}

.process__icon--active {
    border-radius: 4px 0 0 4px
}

.process-header-ent__header--no-content .process__icon--active {
    border-radius: 4px 0 0 4px
}

@media (min-width: 576px) {
    .process__container {
        margin-left: 0;
        margin-right: 0
    }
}

.process__container--rounded {
    border-radius: 4px
}

.process__container--rounded--top {
    border-radius: 4px 4px 0 0
}

.process__container--rounded--bottom {
    border-radius: 0 0 4px 4px
}

@media (min-width: 576px) {
    .process__container--rounded {
        margin-left: 0;
        margin-right: 0
    }
}

.process__container--rounded .definition-list {
    padding: 16px 16px 0 16px
}

.process__container--rounded .definition-list .definition-list__term {
    line-height: 16px;
    font-size: 10px;
    color: #5c6780;
    letter-spacing: 1px;
    text-transform: uppercase
}

.process__container--rounded .definition-list .definition-list__desc {
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    letter-spacing: 1px;
    margin-bottom: 8px;
    color: #191B1C
}

@media (min-width: 768px) {
    .process__container--rounded .definition-list {
        padding: 16px 0 8px 16px
    }
}

.process__container--rounded .process__container--conexion {
    padding: 0 16px 16px 16px;
    line-height: 19px;
    font-size: 10px;
    color: #5c6780;
    letter-spacing: 1px
}

.process__container--rounded .process__container--conexion span {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    letter-spacing: 1px;
    padding-left: 8px;
    color: #191B1C
}

@media (min-width: 768px) {
    .process__container--rounded .process__container--conexion {
        padding: 16px 16px 8px 0
    }
}

.process__container--separated {
    border-radius: 4px;
    margin-top: 2px
}

.process-header-ent__header--modal-pdf.process-header-ent__header {
    background-color: #F7FAFF;
    border-radius: 4px;
    color: #191B1C;
    border: none
}

.process-header-ent__header--modal-pdf .process-header-ent__title {
    font-size: .875rem;
    font-weight: normal
}

.process-alias {
    background-color: #fff;
    height: 48px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.process-alias--nonav {
    height: 21px
}

.process-alias .operation-menu__button {
    border-left: 1px solid #EBEEF5;
    height: 48px
}

.process-alias .action-bar__container {
    border-left: 1px solid #EBEEF5;
    border-radius: 4px
}

.process-alias__edit {
    display: flex;
    justify-content: start;
    align-items: center
}

.process-alias__edit-text {
    font-size: 12px;
    letter-spacing: 1px;
    color: #191B1C;
    text-transform: uppercase
}

.process-alias__edit-btn {
    display: flex;
    align-items: center;
    padding: 0
}

.process-alias__edit-btn:focus {
    outline: 1px dashed #191B1C;
    outline-offset: 6px
}

.process-alias__edit-btn:hover .process-alias__edit-text {
    text-decoration: underline
}

.process-alias__edit-input {
    margin: 0 16px
}

@media (max-width: 991.98px) {
    .process-alias__edit-input {
        margin: 0 8px 0 16px
    }
}

.process-alias__edit-input-control {
    width: 152px;
    font-size: 12px;
    padding: 0 16px;
    height: 32px;
    border: 0;
    border-radius: 4px
}

@media (min-width: 992px) {
    .process-alias__edit-input-control {
        width: 221px
    }
}

.process-alias__edit-input-control--nonav {
    width: 100px;
    height: auto;
    padding: 0
}

.process-alias__edit-input .input-text {
    background-color: transparent;
    border: 0;
    font-size: 16px;
    font-weight: bold;
    color: #191B1C;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 450px
}

@media (max-width: 1199.98px) {
    .process-alias__edit-input .input-text {
        max-width: 290px
    }
}

@media (max-width: 991.98px) {
    .process-alias__edit-input .input-text {
        max-width: 160px;
        font-size: 14px
    }
}

.process-alias__edit-input .input--has-focus {
    outline: 0
}

.process-alias__btn-action {
    display: flex
}

@media (max-width: 575.98px) {
    .process-alias__btn-action {
        display: none
    }
}

@media (max-width: 575.98px) {
    .process-alias--xs {
        width: 100%
    }
}

.process-header-gpi {
    display: flex;
    justify-content: space-between
}

.process-header-gpi .process-steps {
    align-items: flex-start;
    margin-top: 2px
}

.process-header-gpi .process-number--inline-list:first-of-type {
    margin-top: 4px
}

.process-header-gpi .process-steps__info {
    margin-left: 16px
}

.process-header-gpi .process-steps__paragraph {
    line-height: 16px;
    font-size: 16px;
    font-weight: 900
}

.process-header-gpi li:first-of-type {
    width: 26%
}

.process-header-gpi__item--border {
    position: relative
}

.process-header-gpi__item--border:before {
    border-left: 2px solid #EFF3FF;
    position: absolute;
    left: -21px;
    content: '';
    height: 78%;
    top: 4px
}

.process-header-gpi__item-last-child {
    width: 15%;
    flex-direction: column
}

.process-header-gpi__item-double div:first-child {
    margin-right: 50px
}

.process-header-gpi__item--icon .icon,
.process-footer-gpi__item--icon .icon {
    position: absolute;
    top: 17px;
    left: 45%
}

.process-footer-gpi ul {
    display: flex;
    justify-content: space-between
}

.process-footer-gpi__item--icon .icon {
    left: 36%
}

.process-footer-gpi__item-double div:first-child {
    margin-right: 68px
}

.process-grafic-gpi .section-heading--summary {
    margin-bottom: 20px;
    height: 50px
}

.process-grafic-gpi .process-grafic-gpi__step {
    position: relative;
    margin-bottom: 10px;
    height: 53px
}

.process-grafic-gpi .process-grafic-gpi__step:after {
    height: 2px;
    width: 121%;
    background-color: #EFF3FF;
    content: '';
    position: absolute;
    top: 32%;
    left: 7%
}

.process-grafic-gpi .process-grafic-gpi__step--orange:after {
    background-color: #FF821C
}

.process-grafic-gpi .process-grafic-gpi__step--red:after {
    background-color: #CB1720
}

.process-grafic-gpi .process-grafic-gpi__step--no-border .icon {
    color: #AFB5C8;
    position: absolute;
    z-index: 11;
    left: 15px;
    top: 5px
}

.process-grafic-gpi .process-grafic-gpi__step--no-border:after {
    background-color: #fff
}

.process-grafic-gpi .process-grafic-gpi__step--grey-dashed:after {
    border-top: 2px dashed #EFF3FF;
    background-color: #fff
}

.process-grafic-gpi .process-grafic-gpi__button {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    margin: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EFF3FF;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.process-grafic-gpi .process-grafic-gpi__step--no-border .process-grafic-gpi__button .icon {
    top: 9px;
    left: 10px;
    color: #fff
}

.process-grafic-gpi .process-grafic-gpi__link {
    position: absolute;
    bottom: 0;
    left: 0
}

.process-grafic-gpi .process-grafic-gpi__button--orange {
    background-color: #FF821C
}

.process-grafic-gpi .process-grafic-gpi__button--black {
    background-color: #191B1C
}

.process-grafic-gpi .process-grafic-gpi__button--red {
    background-color: #CB1720
}

.process-grafic-gpi .process-grafic-gpi__button--grey {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    top: 18%;
    left: 6%
}

.bubble {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}

.bubble__tag {
    font-size: 14px;
    line-height: 24px;
    color: #191B1C;
    background-color: #EBEEF5;
    display: inline-block;
    padding: 0 8px;
    align-self: flex-start
}

.bubble__shadow {
    box-shadow: 0 0 20px 0 rgba(92, 103, 128, 0.15);
    position: relative
}

.bubble__head {
    padding: 16px;
    background-color: #fff;
    display: flex;
    align-items: center
}

.bubble__head-body {
    display: grid;
    align-items: center;
    grid-template-columns: 1.4fr 1fr;
    margin-left: 0;
    flex-grow: 1
}

@media (min-width: 576px) {
    .bubble__head-body {
        margin-left: 16px
    }
}

.bubble__head-number {
    display: none
}

@media (min-width: 576px) {
    .bubble__head-number {
        display: block
    }
}

.bubble__head-content {
    overflow: hidden
}

.bubble__head-concept {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    color: #191B1C
}

.bubble__head-status {
    color: #5c6780;
    font-size: 14px
}

.bubble__head-data {
    text-align: right
}

.bubble__head-cash {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    color: #191B1C;
    font-weight: 700
}

.bubble__head-date {
    color: #5c6780;
    font-size: 14px
}

.bubble__body {
    padding: 16px 16px 0 16px;
    background-color: #fff;
    border-top: 1px solid #EBEEF5
}

.bubble__list {
    margin-bottom: 16px;
    display: flex;
    flex-wrap: nowrap
}

.bubble__list-icon {
    margin-right: 16px
}

.bubble__list-content {
    display: grid;
    align-items: baseline;
    grid-template-columns: 1fr auto;
    flex-grow: 1
}

.bubble__list-concept {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px;
    color: #191B1C
}

.bubble__list-status {
    color: #5c6780;
    font-size: 14px;
    margin-bottom: 0
}

.bubble__list-data {
    text-align: right
}

.bubble__list-cash {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px;
    color: #191B1C;
    text-align: right
}

.bubble__list-info {
    text-align: right
}

.bubble__list-action {
    line-height: 24px
}

.bubble__footer {
    display: flex;
    justify-content: flex-end;
    padding: 0 16px 0;
    height: 24px
}

.bubble--reverse .bubble__tag {
    align-self: flex-end
}

.bubble__list--pending .bubble__list-icon .icon:before {
    color: #AFB5C8
}

@media (min-width: 576px) {
    .bubble__list-content {
        grid-template-areas: "bubbleConcept . bubbleCash" "bubbleStatus bubbleInfo bubbleAction";
        grid-template-columns: auto auto 1fr
    }
    .bubble__list-concept {
        grid-area: bubbleConcept
    }
    .bubble__list-cash {
        grid-area: bubbleCash
    }
    .bubble__list-status {
        grid-area: bubbleStatus
    }
    .bubble__list-info {
        grid-area: bubbleInfo;
        margin-left: 8px
    }
    .bubble__list-action {
        grid-area: bubbleAction;
        text-align: right;
        width: max-content;
        justify-self: flex-end
    }
}

.content-box-logos {
    margin: 32px auto 32px
}

.content-box-logos__item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 24px;
    padding-top: 24px;
    margin-bottom: 24px;
    display: none
}

.content-box-logos__item:nth-child(-n+4) {
    display: flex
}

@media (min-width: 576px) {
    .content-box-logos__item {
        padding: 24px;
        margin-bottom: 32px;
        display: flex
    }
}

@media (min-width: 992px) {
    .content-box-logos__item {
        padding: 32px;
        margin-bottom: 40px
    }
}

.content-box-logos__link {
    margin-top: 0;
    width: 100%;
    text-align: center
}

@media (min-width: 576px) {
    .content-box-logos__link {
        display: none
    }
}

.content-box-logos__image {
    max-width: 100%;
    height: auto
}

.new-post .margin-top-bottom_5 {
    margin: 5px 0
}

.new-post__category {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
    color: #191B1C;
    margin: 30px 0
}

.new-post__title {
    color: #191B1C;
    font-family: "BK-Text";
    font-size: 24px;
    line-height: 32px
}

@media (min-width: 768px) {
    .new-post__title {
        font-size: 40px;
        line-height: 48px
    }
}

.new-post__publish-date {
    color: #5c6780;
    font-size: 14px;
    line-height: 24px
}

.new-post__author {
    color: #5c6780;
    font-size: 12px;
    line-height: 24px;
    text-align: right
}

.new-post__subtitle {
    color: #191B1C;
    font-family: "BK-Text";
    font-size: 20px;
    line-height: 32px
}

@media (min-width: 768px) {
    .new-post__subtitle {
        font-size: 24px;
        line-height: 32px
    }
}

.new-post__text {
    color: #5c6780;
    font-size: 16px;
    line-height: 24px
}

.nav-second__list {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    width: 100%;
    overflow-x: auto;
    height: 56px;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.nav-second__list::-webkit-scrollbar {
    width: 0 !important
}

.nav-second__item {
    display: block;
    margin-right: 32px;
    padding: 16px 0 16px;
    color: #5c6780;
    white-space: nowrap
}

.nav-second__item:last-of-type {
    margin-right: 0
}

@media (min-width: 992px) {
    .nav-second__item {
        margin-right: 40px
    }
}

.nav-second__link {
    font-size: 15px;
    line-height: 24px;
    color: #191B1C;
    min-width: max-content;
    width: auto;
    padding: 16px 0
}

.nav-second__link:focus {
    outline: 1px dashed #191B1C;
    outline-offset: -1px
}

.nav-second__link:hover {
    color: #191B1C;
    border-bottom: 3px solid #191B1C;
    text-decoration: none
}

.nav-second__link:hover:focus {
    outline: 1px dashed #191B1C;
    outline-offset: -1px
}

.nav-second__item--active {
    min-width: max-content;
    color: #191B1C;
    width: auto
}

.nav-second__item--active .nav-second__link {
    color: #191B1C;
    border-bottom: 3px solid #FF821C
}

.nav-second__item--active .nav-second__link:hover {
    color: #191B1C;
    border-bottom: 3px solid #191B1C
}

.nav-second__item--active .nav-second__link:focus {
    outline: 1px dashed #191B1C;
    outline-offset: -1px
}

.nav-second__item--active .nav-second__link:hover:focus {
    outline: 1px dashed #191B1C;
    outline-offset: -1px;
    color: #191B1C
}

.tab-table {
    order: 1;
    width: 100%
}

.tab-table.tab-table__buttons {
    position: relative
}

.tab-table.tab-table__buttons .tab-table__content-item--active {
    border-radius: 4px 4px 4px 4px;
    display: block
}

@media (min-width: 992px) {
    .tab-table.tab-table__buttons .tab-table__content-item--active {
        border-radius: 0 4px 4px 4px;
        margin-top: -8px
    }
}

.tab-table__content {
    margin-top: 49px
}

.tab-table__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    width: 100%;
    border-radius: 4px;
    z-index: 1
}

@media (max-width: 1199.98px) {
    .tab-table__list.tab-tab__list--shadow {
        box-shadow: 0 10px 20px 0 rgba(92, 103, 128, 0.15)
    }
}

.tab-table--open .tab-table__list {
    box-shadow: none
}

.tab-table__list-item {
    position: relative;
    display: none;
    width: 100%;
    border-radius: 0 0 0 0;
    margin-bottom: 0;
    background-color: #fff;
    margin-right: 8px;
    margin-left: 16px;
    height: 48px
}

.tab-table__list-item:focus {
    color: #fff;
    outline: 1px dashed #191B1C;
    outline-offset: -1px
}

.tab-table__list-item .tab-table__link .icon {
    display: none;
    float: right
}

.tab-table__list-item:first-of-type {
    border-radius: 4px 4px 0 0;
    margin-left: 0
}

.tab-table__list-item:first-of-type .tab-table__link {
    text-align: left
}

@media (min-width: 992px) {
    .tab-table__list-item:first-of-type .tab-table__link {
        margin-left: 8px
    }
}

.tab-table__list-item:first-of-type.tab-table__list-item--active .tab-table__link {
    text-align: left;
    text-decoration: none
}

@media (min-width: 992px) {
    .tab-table__list-item:first-of-type.tab-table__list-item--active .tab-table__link {
        margin-left: 8px
    }
}

.tab-table__list-item:first-of-type.tab-table__list-item--active .tab-table__link:hover span:not(.icon):first-of-type {
    text-decoration: underline
}

.tab-table__list-item:last-of-type {
    border-radius: 0 0 0 0;
    margin-right: 0
}

@media (min-width: 992px) {
    .tab-table__list-item {
        width: auto;
        height: 41px;
        position: relative;
        background-color: transparent
    }
}

.tab-table__list-item a:focus {
    color: #191B1C;
    outline: 1px dashed #191B1C;
    outline-offset: -1px
}

.tab-table__list-item a:focus>span {
    color: #191B1C
}

.tab-table__list-item a:hover {
    color: #191B1C;
    text-decoration: none
}

.tab-table__list-item a:hover span:first-of-type:not(.icon) {
    text-decoration: underline
}

@media (max-width: 991.98px) {
    .tab-table__list-item[style="order:1"] .tab-table__link .icon {
        display: block !important
    }
    .tab-table__list-item[style="order:1"] .tooltip .icon {
        transform: rotate(180deg)
    }
}

@media (max-width: 991.98px) and (max-width: 575.98px) {
    .tab-table__list-item[style="order:2"] .tab-table__link .tab-table__list-item--txt-max-width {
        max-width: 180px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (max-width: 991.98px) {
    .tab-table__list-item[style="order:2"] .tab-table__link .icon {
        display: block !important
    }
    .tab-table__list-item[style="order:2"] .tab-table__link .icon.icon--arrow-up-4-16 {
        display: none !important
    }
}

@media (max-width: 991.98px) and (max-width: 575.98px) {
    .tab-table__list-item[style="order:1"] .tab-table__link .tab-table__list-item--txt-max-width {
        max-width: 200px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
}

.tab-table__link {
    color: #5c6780;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    height: 48px
}

@media (min-width: 992px) {
    .tab-table__link {
        border: none;
        font-size: 12px;
        position: relative;
        text-align: center;
        justify-content: center;
        padding: 0 8px 0 8px;
        height: 41px;
        line-height: 41px;
        display: flex;
        line-height: inherit !important
    }
    .tab-table__link span:first-of-type {
        max-width: 200px
    }
    .tab-table__link .icon {
        display: none
    }
    .tab-table__link div.d-flex span:first-of-type {
        max-width: 200px
    }
}

.tab-table__link .tooltip {
    margin-left: 8px
}

.tab-table__link .tooltip .icon {
    display: block;
    transform: rotate(180deg)
}

.tab-table__link .notification {
    top: 1px;
    position: relative
}

.tab-table__link .notification .icon {
    color: #BD4313;
    display: block !important
}

.tab-table__link .badge+.tooltip {
    margin-left: 4px
}

.tab-table__link .tooltip+.badge {
    margin-left: 4px
}

.tab-table__link .badge {
    display: flex;
    align-items: center
}

@media (max-width: 575.98px) {
    .tab-table__list-item--icon .tab-table__link {
        display: flex;
        align-items: center
    }
}

.tab-table__list-item--icon .badge {
    align-items: center;
    display: flex
}

@media (min-width: 992px) {
    .tab-table__mobile-info {
        display: none
    }
}

.tab-table__content-item {
    padding: 8px 16px;
    background-color: #fff;
    display: none
}

.tab-table__content-item--no-padding {
    padding: 0
}

.tab-table__content-item--nocolor {
    background-color: transparent
}

@media (max-width: 991.98px) {
    .tab-table__list-item .action-bar--filters {
        display: none
    }
}

.tab-table--padding-top_24 {
    padding: 24px 0
}

.tab-table__list-item--active {
    display: block;
    width: 100%
}

.tab-table__list-item--active .tab-table__link {
    color: #191B1C
}

.tab-table__list-item--active .tab-table__link .icon {
    transform: rotate(180deg);
    display: block
}

.tab-table__list-item--active .tab-table__link .icon.icon--info-16 {
    display: none
}

.tab-table__list-item--active .tab-table__link .tooltip .icon {
    display: block
}

.tab-table__list-item--active .tab-table__link .notification {
    position: static
}

.tab-table__list-item--active .tab-table__link .notification .icon {
    color: #BD4313;
    display: block !important
}

@media (min-width: 992px) {
    .tab-table__list-item--active {
        width: auto
    }
    .tab-table__list-item--active .tab-table__link .icon {
        display: none
    }
}

.tab-table__list-item--active.tab-table__list-item--filters {
    width: auto
}

@media (max-width: 991.98px) {
    .tab-table__list-item--active.tab-table__list-item--filters {
        background-color: transparent;
        width: 100%
    }
    .tab-table__list-item--active.tab-table__list-item--filters .action-bar--filters {
        display: block
    }
}

@media (max-width: 991.98px) {
    .tab-table__list-item--active.tab-table__list-item--filters a {
        width: calc(100% - 49px);
        background-color: white;
        position: relative;
        border-radius: 4px
    }
}

@media (min-width: 992px) {
    .tab-table__list-item--info {
        border-radius: 0 4px 0 0
    }
    .tab-table__list-item--info.tab-table__list-item:last-of-type {
        position: absolute;
        right: 0;
        border-radius: 0 4px 0 0;
        height: 41px;
        top: 0
    }
    .tab-table__list-item--info .tab-table__link {
        text-align: right
    }
    .tab-table__list-item--info .tab-table__link .icon {
        display: none
    }
    .tab-table__list-item--info .tab-table__link .icon.icon--info-16 {
        display: block
    }
    .tab-table__list-item--info .tab-table__link .icon.icon--info-16:hover {
        color: #5c6780
    }
    .tab-table__list-item--info.tab-table__list-item--active:before {
        height: 41px
    }
    .tab-table__list-item--info.tab-table__list-item--active:after {
        content: none
    }
}

@media (max-width: 991.98px) {
    .tab-table__list-item--info .tooltip {
        display: none
    }
}

@media (min-width: 992px) {
    .tab-table__list-item--active {
        position: relative;
        left: initial;
        background-color: white;
        display: flex
    }
    .tab-table__list-item--active:before {
        content: "";
        background: url("../images/svg/tab-before.svg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: left;
        position: absolute;
        left: -28px;
        height: 41px;
        width: 28px
    }
    .tab-table__list-item--active:after {
        content: "";
        background: url("../images/svg/tab-after.svg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: right;
        position: absolute;
        right: -28px;
        height: 41px;
        width: 28px
    }
    .tab-table .tab-table__list-item {
        display: flex
    }
    .tab-table .tab-table__list-item:first-of-type {
        border-radius: 0 0 0 0;
        border-top-left-radius: 8px;
        text-align: left
    }
    .tab-table .tab-table__list-item:first-of-type.tab-table__list-item--active:before {
        content: none
    }
    .tab-table .tab-table__list-item:first-of-type.tab-table__list-item--active:after {
        content: "";
        background: url("../images/svg/tab-after.svg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: right;
        position: absolute;
        right: -28px;
        height: 41px;
        width: 28px
    }
}

@media (max-width: 991.98px) {
    .tab-table__list-item {
        border-radius: 0 0 0 0;
        margin-right: 0;
        margin-left: 0
    }
    .tab-table__list-item:last-of-type {
        border-radius: 4px 4px 4px 4px
    }
    .tab-table__list-item:first-of-type {
        border-radius: 4px 4px 4px 4px
    }
}

.tab-table--transparent .tab-table__content-item {
    background: transparent
}

.tab-table--theme-white .tabs__header-item {
    background-color: #EFF3FF
}

.tab-table--theme-white .tabs__header-item.tabs__header-item--active {
    background-color: #EFF3FF
}

.tab-table--theme-white .tab-table__content-item {
    background-color: #EFF3FF
}

.tab-table--theme-white .tab-table__list-item {
    background-color: #EFF3FF
}

.tab-table--theme-white .tab-table__list-item:first-of-type.tab-table__list-item--active:after {
    content: "";
    background: url("../images/svg/tab-after--theme-white.svg")
}

@media (min-width: 992px) {
    .tab-table--theme-white .tab-table__list-item {
        background-color: #fff
    }
}

.tab-table--theme-white .tab-table__list-item--active {
    background-color: #EFF3FF
}

@media (min-width: 992px) {
    .tab-table--theme-white .tab-table__list-item--active:before {
        content: "";
        background: url("../images/svg/tab-before--theme-white.svg")
    }
    .tab-table--theme-white .tab-table__list-item--active:after {
        content: "";
        background: url("../images/svg/tab-after--theme-white.svg")
    }
}

@media (max-width: 991.98px) {
    .tab-table--theme-white .tab-table__list-item--active {
        background-color: transparent
    }
    .tab-table--theme-white .tab-table__list-item--active .tab-table__link,
    .tab-table--theme-white .tab-table__list-item--active .action-bar__btn-small {
        background-color: #EFF3FF
    }
}

.tab-table--theme-white.tab-table--transparent .tab-table__content-item {
    background-color: transparent
}

@media (max-width: 991.98px) {
    .tab-table__content-item .tab-table__content-filters {
        display: none
    }
}

.account-status {
    font-size: 12px;
    color: #191B1C;
    padding-right: 8px;
    font-weight: bold;
    height: 58px;
    padding-top: 8px
}

@media (min-width: 576px) {
    .account-status {
        height: 32px;
        padding-top: 0
    }
}

.account-status .account-status--grey {
    font-size: 10px;
    color: #5c6780;
    font-weight: normal;
    text-transform: uppercase;
    margin-right: 8px
}

.selection-box {
    color: #191B1C;
    display: flex;
    background-color: #EBEEF5;
    font-family: "BK-Sans";
    font-size: 1rem;
    padding: 16px;
    cursor: pointer;
    height: 100%;
    min-height: 72px
}

@media (min-width: 992px) {
    .selection-box {
        padding: 24px
    }
}

@media (max-width: 575.98px) {
    .selection-box {
        min-height: 56px
    }
}

.selection-box.selection-box--dropdown:hover .selection-box__checks-group .wrapper-checkbox {
    border-bottom-color: #EBEEF5
}

.selection-box:hover {
    background-color: #F7FAFF
}

.selection-box:focus {
    border: 1px dashed #191B1C;
    box-shadow: 0 0 0 4px rgba(175, 181, 200, 0.16)
}

.selection-box .radio label,
.selection-box .checkbox label {
    font-size: 1rem;
    font-weight: bold;
    color: #191B1C;
    padding-left: 32px
}

.selection-box .radio label.input__label,
.selection-box .checkbox label.input__label {
    padding-left: 0;
    font-size: 14px
}

.selection-box .select__expand-button {
    background-color: transparent
}

.selection-box .selection-box__text-selection {
    display: block;
    color: #5c6780;
    margin: 8px 0 0 36px;
    font-size: .875rem
}

.selection-box .selection-box__text-selection span {
    margin-right: 16px;
    color: #191B1C
}

.selection-box .tag {
    margin-left: 16px;
    white-space: nowrap
}

.selection-box.selection-box--height {
    height: inherit
}

@media (min-width: 992px) {
    .selection-box.selection-box--height {
        min-height: 72px
    }
}

@media (max-width: 575.98px) {
    .selection-box.selection-box--height {
        min-height: 56px
    }
}

.selection-box.selection-box--dropdown.selection-box--height {
    height: auto
}

.selection-box--double-content {
    padding: 0;
    padding-top: 16px
}

@media (min-width: 992px) {
    .selection-box--double-content {
        padding-top: 24px
    }
}

.selection-box--double-content .radio {
    margin-left: 16px
}

.selection-box--double-content .radio label {
    position: relative
}

@media (min-width: 992px) {
    .selection-box--double-content .radio {
        margin-left: 24px
    }
}

.selection-box--double-content .selection-box__text-selection {
    width: 100%
}

.selection-box--double-content .selection-box__aditional-text {
    margin: 16px 0 0;
    padding: 16px;
    border-top: 1px solid #EBEEF5
}

@media (min-width: 992px) {
    .selection-box--double-content .selection-box__aditional-text {
        padding-left: 24px;
        padding-right: 24px
    }
}

.selection-box__visibility {
    font-size: 12px;
    line-height: 20px;
    color: #5c6780;
    min-width: 44%;
    text-align: right
}

.selection-box__wrapper {
    width: 100%
}

.selection-box--dropdown {
    padding: 0
}

@media (max-width: 1199.98px) {
    .selection-box--dropdown {
        padding: 0
    }
}

@media (max-width: 575.98px) {
    .selection-box--dropdown {
        min-height: 56px
    }
}

@media (max-width: 1199.98px) {
    .selection-box--dropdown .checkbox.checkeds label {
        font-size: 14px
    }
}

.selection-box--dropdown .checkbox.allchecked {
    right: 0
}

.selection-box--dropdown .checkbox.allchecked input[type="checkbox"]:checked+label:after {
    content: "\e928"
}

.selection-box--dropdown .selection-box__visibility {
    font-size: 12px;
    line-height: 20px;
    color: #5c6780;
    min-width: 32%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.selection-box--dropdown .selection-box__wrapper {
    width: 100%
}

.selection-box--dropdown .selection-box__wrapper [data-dropdown-button] {
    padding: 24px
}

@media (max-width: 991.98px) {
    .selection-box--dropdown .selection-box__wrapper [data-dropdown-button] {
        padding: 16px
    }
}

.selection-box--dropdown .selection-box__checks-group .wrapper-checkbox:first-of-type {
    border-top: 1px solid #F5F6FA
}

.selection-box--dropdown .selection-box__checks-group .wrapper-checkbox {
    height: 56px;
    border-bottom: 1px solid #F5F6FA;
    display: flex;
    align-items: center;
    padding: 0 24px
}

@media (max-width: 991.98px) {
    .selection-box--dropdown .selection-box__checks-group .wrapper-checkbox {
        padding: 0 16px
    }
}

.selection-box--dropdown .selection-box__checks-group .wrapper-checkbox .checkbox label {
    color: #191B1C;
    font-size: 14px;
    font-weight: normal
}

.selection-box--dropdown .selection-box__checks-group .wrapper-checkbox:last-of-type {
    border: none
}

.selection-box--dropdown.selection-box--selected .selection-box__checks-group .wrapper-checkbox:first-of-type {
    border-top: 1px solid #EBEEF5
}

.selection-box--dropdown.selection-box--selected .selection-box__checks-group .wrapper-checkbox {
    border-bottom: 1px solid #EBEEF5
}

@media (max-width: 991.98px) {
    .selection-box--dropdown .checkbox.checkeds input[type="checkbox"]:checked+label:after {
        top: 10px
    }
    .selection-box--dropdown .checkbox.checkeds input[type="checkbox"]+label:before {
        top: 10px
    }
}

@media (max-width: 575.98px) {
    .selection-box--dropdown .checkbox.checkeds input[type="checkbox"]:checked+label:after {
        top: 0
    }
    .selection-box--dropdown .checkbox.checkeds input[type="checkbox"]+label:before {
        top: 0
    }
}

.selection-box--dropdown:active {
    border: 1px solid #AFB5C8;
    box-shadow: 0 0 0 4px rgba(175, 181, 200, 0.16)
}

.selection-box--disabled {
    background-color: #EBEEF5
}

.selection-box--disabled input[type="checkbox"]:disabled+label {
    color: #5c6780
}

.selection-box--disabled:hover {
    background-color: #EBEEF5
}

.selection-box--disabled:focus {
    border: none;
    box-shadow: none
}

.selection-box--disabled .selection-box__text-selection {
    color: #5c6780;
    opacity: 0.4
}

.selection-box--selected {
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(97, 112, 119, 0.15)
}

.selection-box--selected:focus+.selection-box--selected:hover {
    background-color: #fff
}

.selection-box--errors {
    background-color: #fff;
    border: 1px solid #CB1720;
    box-shadow: none
}

.selection-box--errors:focus {
    border: 1px dashed #CB1720;
    box-shadow: 0 10px 20px 0 rgba(25, 27, 28, 0.15)
}

.selection-box--icon {
    padding: 24px
}

.selection-box--icon .radio {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0;
    align-items: center
}

.selection-box--icon .radio label {
    position: relative
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .selection-box--icon .radio .icon {
        margin-left: auto
    }
}

.selection-box__category {
    position: absolute;
    transform: translateY(-27px);
    top: 0;
    background-color: #FF821C;
    padding: 3px 6px;
    font-size: .875rem
}

.selection-box__category--cyan {
    background-color: #B5F0EF
}

.selection-box__category--yellow {
    background-color: #FED430
}

.selection-box__category--bkj-blue {
    background-color: #08C3FF
}

.selection-box__category--bkj-yellow {
    background-color: #FFE700
}

.selection-box__category--bkj-red {
    background-color: #FF4169
}

.selection-box__category--bkj-turquoise {
    background-color: #37ECC7
}

.filter {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}

@media (max-width: 575.98px) {
    .filter.filter--user {
        width: auto;
        margin: 0 -30px
    }
}

.filter fieldset {
    width: 100%
}

.filter--white {
    background-color: #fff
}

.filter--padding {
    padding: 5px 16px
}

@media (max-width: 1199.98px) {
    .filter--margin {
        margin-top: 8px
    }
}

.filter--toprounded {
    border-radius: 4px 4px 0 0
}

.filter--bottomrounded {
    border-radius: 0 0 4px 4px
}

.filter--no-margin {
    margin-bottom: 1px
}

.filters__block {
    display: none
}

@media (min-width: 992px) {
    .filters__block {
        display: block
    }
}

.filter__content {
    background-color: #EFF3FF;
    display: flex;
    justify-content: space-between;
    font-family: "BK-Sans";
    border-radius: 20px;
    font-size: 12px;
    padding: 0 16px 0 16px;
    height: 32px;
    width: 260px;
    cursor: pointer
}

@media (max-width: 991.98px) {
    .filter__content {
        width: 100%;
        margin: 8px 0 8px 0;
        height: 40px
    }
}

.filter__init-button:focus {
    border: 1px dashed #191B1C;
    padding: 0 15px 0 15px
}

.filter__content--mas {
    width: 104px;
    margin: 0 8px 8px 0
}

@media (max-width: 575.98px) {
    .filter__content--mas {
        width: 100%;
        margin: 0 0 8px 0
    }
}

.filter__content--input {
    background: transparent;
    padding: 0
}

.filter__content--input:focus {
    box-shadow: none
}

.filter--padding .filter__content {
    margin-bottom: 0;
    align-self: center
}

.filter__text {
    align-self: center;
    padding-right: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.filter__icon {
    align-self: center
}

.filter__icon .icon {
    height: 24px;
    font-size: 24px;
    width: 24px;
    line-height: 24px
}

@media (min-width: 768px) {
    .filter__icon .icon {
        height: 16px;
        font-size: 16px;
        width: 16px;
        line-height: 16px
    }
}

.filter__result {
    font-size: .75rem;
    font-weight: bold;
    margin-bottom: 0
}

.filter--range {
    margin-right: 8px;
    padding: 0 !important;
    position: relative;
    outline: 0;
    border: none !important
}

.filter--range .filter__active-button {
    width: 100%
}

.filter--range .filter__content--empty,
.filter--range .filter__content--fill {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px 0 16px
}

.filter--range .filter__content--fill {
    display: none
}

.filter--range .filter__active-button:focus {
    border-radius: 20px;
    border: 1px dashed #191B1C
}

.filter--range .filter__active-button:focus .filter__content--empty,
.filter--range .filter__active-button:focus .filter__content--fill {
    padding: 0 15px 0 15px
}

.filter--range .filter__bloq-range {
    display: none;
    position: absolute;
    left: 0;
    top: 36px;
    width: 100%;
    border-radius: 4px;
    background-color: #fff;
    z-index: 1
}

@media (max-width: 991.98px) {
    .filter--range .filter__bloq-range {
        top: 44px
    }
}

@media (min-width: 1200px) {
    .filter--range .filter__bloq-range {
        width: 360px
    }
}

.filter--range .filter__bloq-range .input-rounded {
    margin: 0 0 8px 0 !important
}

.filter--range .filter__input-container {
    display: flex;
    justify-content: space-between;
    flex-flow: column
}

@media (min-width: 576px) {
    .filter--range .filter__input-container {
        padding: 16px
    }
}

@media (min-width: 992px) {
    .filter--range .filter__input-container {
        flex-flow: row
    }
}

.filter--range .filter--range__column {
    display: flex;
    flex-flow: column
}

.filter--range .filter--range__title {
    font-size: 12px;
    line-height: 16px;
    color: #191B1C;
    margin-bottom: 8px;
    margin-top: 16px
}

@media (min-width: 576px) {
    .filter--range .filter--range__title {
        margin-top: 0
    }
}

.filter--range .filter__button-container {
    border-top: 1px solid #EBEEF5;
    display: flex;
    justify-content: flex-end;
    padding: 16px 0
}

@media (min-width: 992px) {
    .filter--range .filter__button-container {
        padding: 16px
    }
}

.filter--range .filter__button-container .filter--range__accept-button {
    width: auto
}

@media (max-width: 991.98px) {
    .filter--range .filter__button-container .filter--range__accept-button {
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 120px
    }
}

.filter--range .filter__additional-info {
    margin: 16px 0
}

@media (min-width: 576px) {
    .filter--range .filter__additional-info {
        margin: 16px;
        margin-top: 0
    }
}

.filter--range .filter__clear-button {
    display: none
}

.filter--range.filter__content--active .filter__bloq-range {
    display: block
}

.filter--range.filter__content--selected .filter__content--fill {
    display: flex;
    padding-right: 30px
}

.filter--range.filter__content--selected .filter__content--empty {
    display: none
}

.filter--range.filter__content--selected .filter__clear-button {
    position: absolute;
    right: 16px;
    cursor: pointer;
    top: 8px;
    display: block
}

@media (max-width: 991.98px) {
    .filter--range.filter__content--selected .filter__clear-button {
        top: 12px
    }
}

.filter--range.filter__content--selected .filter__active-button {
    align-items: center
}

.filter--range.filter__content--selected .filter__text {
    width: 184px;
    display: inline-block;
    padding: 0 8px
}

.filter--range.filter__content--selected .filter__icon {
    padding: 0
}

.filter--range.filter__content--selected .filter__value {
    width: auto;
    display: inline-block
}

.filter--range.filter__content--selected .filter__value:first-child {
    padding-right: 28px;
    position: relative
}

.filter--range.filter__content--selected .filter__value:first-child::before {
    color: #191B1C;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'BK-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    content: "\e928"
}

.filter--range.filter__content--selected .filter__text__separator {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.filter--user {
    justify-content: flex-end
}

.filter--user .filter--selector {
    margin: 0;
    justify-content: flex-end
}

@media (max-width: 575.98px) {
    .filter--user .filter--selector .filter__selector {
        box-shadow: 0 10px 20px 0 rgba(97, 112, 119, 0.15);
        top: 55px;
        padding: 12px
    }
}

.filter--user .filter--selector .filter__selector.filter__selector--with-searcher {
    max-height: 327px
}

.filter--user .filter__text {
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    padding: 0
}

@media (min-width: 576px) {
    .filter--user .filter__text {
        text-align: right
    }
}

.filter--user .filter__content {
    background-color: transparent
}

@media (max-width: 575.98px) {
    .filter--user .filter__content {
        margin: 8px 0 6px 0
    }
}

@media (min-width: 576px) {
    .filter--user .filter__content {
        padding-right: 0;
        height: 24px;
        width: 160px
    }
}

.filter--user .filter__content:focus {
    outline: none;
    border: 1px dashed #191B1C
}

.filter--user .filter__content:hover {
    color: #5c6780
}

.filter--user .filter__content--selected {
    background-color: transparent
}

.filter--user .filter__content--selected .filter__text {
    padding-right: 0 !important
}

.filter__content--selected {
    background: #FEE997
}

.filter__content--selected:focus {
    border: 1px dashed #191B1C;
    padding: 0 15px 0 15px
}

.filter__content--active {
    background: #FED430;
    border: 1px dashed #191B1C;
    padding: 0 15px 0 15px
}

.filter__content--disabled {
    background: #F7FAFF;
    color: #5c6780
}

.filter__icon--left {
    justify-content: start
}

.filter__icon--left .filter__icon {
    padding-right: 8px
}

.filter--theme-white {
    background-color: #EFF3FF
}

.filter--theme-white .filter__content {
    background-color: #fff
}

.filter--theme-white .filter__content--selected {
    background: #FEE997
}

.filter--theme-white .filter__content--active {
    background: #FED430
}

.filter--theme-white .filter__content--disabled {
    background: #F7FAFF
}

.filter--theme-white .input-rounded {
    background-color: #fff
}

.filter--theme-white .input-rounded.input-rounded--has-content {
    background-color: #FEE997
}

.filter .input-rounded {
    margin: 0 8px 0 0
}

@media (max-width: 991.98px) {
    .filter .input-rounded {
        height: 40px;
        align-items: center
    }
}

@media (max-width: 991.98px) {
    .filter .input-rounded--search .input-rounded__label {
        top: 5px !important;
        left: 8px !important
    }
}

.filter--padding {
    margin: 0;
    padding: 8px 16px 0 16px
}

.filter--padding .filter__content,
.filter--padding .input-rounded {
    margin-bottom: 8px
}

.filter--last-padding {
    padding: 0 16px 8px 16px
}

.filter--radius {
    margin: 1px 0;
    border-radius: 4px
}

.filter--selector {
    width: 260px;
    margin: 0 8px 0 0;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

@media (max-width: 991.98px) {
    .filter--selector {
        margin: 0;
        width: 100%
    }
}

.filter--selector .filter__icon--clean {
    position: absolute;
    right: 16px;
    cursor: pointer;
    top: 16px
}

@media (min-width: 992px) {
    .filter--selector .filter__icon--clean {
        top: 8px
    }
}

@media (max-width: 991.98px) {
    .filter--selector .filter__icon--clean {
        top: 20px
    }
}

.filter--selector .filter__icon--clean:focus {
    outline: 1px dashed #191B1C;
    outline-offset: -1px
}

.filter--selector .filter__content--selected .filter__text {
    padding-right: 24px
}

.filter--selector .filter__content--selected.filter__content--active .filter__text {
    padding-right: 8px
}

.filter--selector .filter__selector {
    position: absolute;
    z-index: 2;
    top: 48px;
    left: 0;
    width: 292px;
    border-radius: 4px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    max-height: 277px;
    margin-left: -16px
}

@media (max-width: 991.98px) {
    .filter--selector .filter__selector {
        top: 60px;
        max-height: none;
        margin-left: auto;
        width: 100%
    }
}

@media (min-width: 992px) {
    .filter--selector .filter__selector {
        top: 40px;
        box-shadow: 0 10px 20px 0 rgba(97, 112, 119, 0.15);
        width: calc(100% + 32px)
    }
}

.filter--selector .filter__selector.filter__selector--with-searcher {
    max-height: 293px
}

@media (max-width: 991.98px) {
    .filter--selector .filter__selector.filter__selector--with-searcher {
        max-height: 325px
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .filter--selector .filter__selector.filter__selector--with-searcher {
        max-height: 325px
    }
}

.filter--selector .filter__selector-searcher {
    padding: 16px;
    position: relative;
    display: flex;
    align-items: center
}

@media (max-width: 991.98px) {
    .filter--selector .filter__selector-searcher {
        width: 100%;
        padding: 0;
        margin-bottom: 16px
    }
}

@media (max-width: 991.98px) {
    .filter--selector .filter__selector-searcher+.filter__selector-content .filter__selector-option {
        padding: 12px 0 12px 16px
    }
}

.filter--selector .filter__selector-searcher-input {
    color: #191B1C;
    background-color: #EFF3FF;
    border: none;
    font-size: 12px;
    border-radius: 20px;
    height: 32px;
    width: 100%;
    outline: 0;
    padding-left: 40px;
    padding-right: 16px
}

@media (max-width: 991.98px) {
    .filter--selector .filter__selector-searcher-input {
        height: 40px
    }
}

.filter--selector .filter__selector-searcher-input::-webkit-input-placeholder {
    color: #191B1C
}

.filter--selector .filter__selector-searcher-input::-moz-placeholder {
    color: #191B1C
}

.filter--selector .filter__selector-searcher-input:-ms-input-placeholder {
    color: #191B1C
}

.filter--selector .filter__selector-searcher-input:placeholder {
    color: #191B1C
}

.filter--selector .filter__selector-searcher-input:focus {
    border: 1px dashed #191B1C
}

.filter--selector .filter__selector-searcher-icon {
    position: absolute;
    left: 33px;
    top: 25px
}

@media (max-width: 991.98px) {
    .filter--selector .filter__selector-searcher-icon {
        top: 12px;
        left: 16px
    }
}

.filter--selector .filter__selector-no-results {
    padding: 12px 0 12px 16px;
    color: #5c6780
}

.filter--selector .filter__selector-no-results-characters {
    word-break: break-word
}

.filter--selector .filter__selector-content {
    flex-direction: column;
    display: flex;
    background-color: #fff;
    font-size: 0.875rem;
    z-index: 4;
    overflow: hidden;
    height: auto
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .filter--selector .filter__selector-content {
        height: 200px
    }
}

.filter--selector .filter__selector-content.ss-container {
    position: relative
}

.filter--selector .filter__selector-simple-option {
    display: flex;
    width: calc(100% - 16px);
    justify-content: space-between;
    align-items: center;
    padding: 12px 0 12px 16px !important
}

@media (max-width: 991.98px) {
    .filter--selector .filter__selector-simple-option {
        width: 100%
    }
}

.filter--selector .filter__selector-option {
    padding: 12px 16px;
    text-align: left;
    white-space: normal;
    min-height: 48px;
    max-height: 64px;
    color: #5c6780;
    margin-left: 16px
}

@media (max-width: 991.98px) {
    .filter--selector .filter__selector-option {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .filter--selector .filter__selector-option {
        width: 100%;
        margin-left: 0;
        padding: 12px 0 12px 16px
    }
}

.filter--selector .filter__selector-option:hover {
    background-color: #EBEEF5
}

.filter--selector .filter__selector-option input[type="checkbox"]+label:before,
.filter--selector .filter__selector-option input[type="radio"]+label:before {
    width: 20px;
    height: 20px
}

.filter--selector .filter__selector-option input[type="radio"]+label:before,
.filter--selector .filter__selector-option input[type="radio"]:checked+label:after,
.filter--selector .filter__selector-option input[type="checkbox"]+label:before,
.filter--selector .filter__selector-option input[type="checkbox"]:checked+label:after {
    top: 50%;
    transform: translateY(-50%)
}

.filter--selector .filter__selector-option label {
    line-height: 24px;
    font-size: 14px
}

.filter--selector .filter__selector-option .filter__selector-label-extra-info {
    display: block;
    color: #5c6780;
    line-height: 16px;
    font-size: 12px;
    align-self: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.filter--selector .filter__selector-radio {
    margin-right: 0
}

.filter--selector .filter__selector-radio input[type="radio"]:checked+label:after {
    height: 6px;
    width: 6px;
    left: 7px
}

.filter--selector .filter__selector-checkbox {
    display: flex;
    width: 98%;
    align-items: center
}

.filter--selector .filter__selector-checkbox input[type="checkbox"]:checked+label:after {
    content: "";
    height: 12px;
    width: 12px;
    border-radius: 2px;
    background-color: #FF821C;
    left: 4px
}

.filter--selector .filter__selector-footer {
    border-top: solid 1px #EBEEF5;
    padding: 16px
}

@media (max-width: 991.98px) {
    .filter--selector .filter__selector-footer {
        padding: 16px 0 16px 16px
    }
}

.filter--selector .filter__selector-footer button {
    float: right
}

.filter__selector-option--multi-line .filter__selector-label {
    overflow: hidden;
    width: 100%
}

.modal .filter__selector {
    position: relative;
    box-shadow: none
}

@media (min-width: 768px) {
    .filter--even .filter__icon--clean {
        right: 16px
    }
}

@media (min-width: 992px) {
    .filter--even .filter__icon--clean {
        right: 24px
    }
}

@media (min-width: 1200px) {
    .filter--last .filter__content {
        flex-grow: 1
    }
}

.filter--selector.filter--last {
    flex-grow: 1;
    margin: 0
}

.filter--selector.filter--last .filter__content {
    width: 100%
}

.filter--calendar {
    margin-right: 8px;
    position: relative;
    padding: 0;
    border: none
}

.filter--calendar:focus {
    border-radius: 20px;
    border: 1px dashed #191B1C
}

.filter--calendar .filter__active-button {
    width: 100%
}

.filter--calendar .filter__content--empty,
.filter--calendar .filter__content--fill {
    width: 100%;
    height: 100%;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px 0 16px
}

.filter--calendar .filter__content--fill {
    justify-content: flex-start
}

.filter--calendar .filter__content--fill,
.filter--calendar .filter__clear-button {
    display: none
}

.filter--calendar .filter__active-button:focus {
    border-radius: 20px;
    border: 1px dashed #191B1C
}

.filter--calendar .filter__active-button:focus .filter__content--empty {
    padding: 0 15px 0 15px
}

.filter--calendar .filter__active-button:focus .filter__content--fill {
    padding: 0 15px 0 15px
}

.filter--calendar .filter__additional-info {
    margin: 16px 0 16px
}

@media (min-width: 768px) {
    .filter--calendar .filter__additional-info {
        margin: 0 8px 16px
    }
}

@media (min-width: 992px) {
    .filter--calendar .filter__additional-info {
        margin: 0 16px 16px
    }
}

.filter--calendar .filter--calendar__content {
    display: none;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 9999;
    background: #fff;
    left: 0
}

@media (max-width: 991.98px) {
    .filter--calendar .filter--calendar__content {
        top: 48px
    }
}

@media (min-width: 768px) {
    .filter--calendar .filter--calendar__content {
        width: 345px;
        border-radius: 4px
    }
}

@media (min-width: 992px) {
    .filter--calendar .filter--calendar__content {
        width: 360px;
        box-shadow: 0 10px 20px 0 rgba(97, 112, 119, 0.15)
    }
}

.filter--calendar .filter__input-container {
    display: flex;
    justify-content: space-between;
    flex-flow: row
}

.filter--calendar .filter__input-container div {
    width: 49%
}

@media (min-width: 768px) {
    .filter--calendar .filter__input-container {
        padding: 16px 9px
    }
}

@media (min-width: 992px) {
    .filter--calendar .filter__input-container {
        padding: 16px
    }
}

.filter--calendar .filter__button-container {
    border-top: 1px solid #EBEEF5;
    display: flex;
    justify-content: flex-end;
    padding: 16px 0
}

@media (min-width: 576px) {
    .filter--calendar .filter__button-container {
        padding: 16px
    }
}

.filter--calendar .filter__button-container .filter--range__accept-button {
    width: 100%
}

@media (max-width: 991.98px) {
    .filter--calendar .filter__button-container .filter--range__accept-button {
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.filter--calendar.filter__content--active .filter--calendar__content {
    display: block
}

.filter--calendar.filter__content--active .filter--calendar__content .input-rounded--has-focus label,
.filter--calendar.filter__content--active .filter--calendar__content .input-rounded--has-content label {
    display: none
}

.filter__calendar-container {
    padding: 8px 0 16px 0
}

@media (min-width: 768px) {
    .filter__calendar-container {
        padding: 0 8px 16px
    }
}

@media (min-width: 992px) {
    .filter__calendar-container {
        padding: 0 16px 16px
    }
}

.filter__calendar-container .pika-lendar {
    float: none;
    width: 100%;
    box-shadow: none;
    padding: 0
}

.filter__calendar-container .pika-title {
    padding: 0 12px;
    margin-bottom: 0
}

.filter__calendar-container .pika-label {
    color: #191B1C;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 16px;
    text-align: center
}

.filter__calendar-container .pika-prev::before,
.filter__calendar-container .pika-next::before {
    color: #191B1C
}

.filter__calendar-container .pika-table th {
    padding-bottom: 0;
    color: #5D6B72;
    font-size: 11px;
    font-weight: bold
}

.filter__calendar-container .pika-button {
    font-size: 12px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.filter__calendar-container .pika-button:hover {
    background-color: #FED430
}

.filter__calendar-container .pika-button:focus {
    color: #fff;
    background-color: #3E4A50;
    border-radius: 0
}

.filter__calendar-container .is-today .pika-button {
    background-color: #EBEEF5;
    color: #191B1C
}

.filter__calendar-container .is-startrange .pika-button,
.filter__calendar-container .is-endrange .pika-button,
.filter__calendar-container .is-selected .pika-button,
.filter__calendar-container .has-event .pika-button {
    background-color: #FED430;
    font-weight: bold
}

.filter__calendar-container .is-inrange,
.filter__calendar-container .is-inrange .pika-button {
    background-color: #FEE997
}

.filter__calendar-container .is-today.is-inrange {
    background-color: #FEE997
}

.filter__calendar-container .is-startrange {
    background: #fff;
    background: -moz-linear-gradient(left, #fff 50%, #FED430 50%, #FEE997 50%);
    background: -webkit-linear-gradient(left, #fff 50%, #FED430 50%, #FEE997 50%);
    background: linear-gradient(to right, #fff 50%, #FED430 50%, #FEE997 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$whitef', endColorstr=$bk-amarillo-25, GradientType=1)
}

.filter__calendar-container .is-startrange button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.filter__calendar-container .is-endrange {
    background: #fff;
    background: -moz-linear-gradient(right, #fff 50%, #FEE997 50%, #FEE997 50%);
    background: -webkit-linear-gradient(right, #fff 50%, #FEE997 50%, #FEE997 50%);
    background: linear-gradient(to left, #fff 50%, #FEE997 50%, #FEE997 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$whitef', endColorstr=$bk-amarillo-25, GradientType=1)
}

.filter__calendar-container .is-endrange button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.filter__calendar-container .pika-table th,
.filter__calendar-container .pika-table td {
    position: relative;
    height: 40px
}

.filter__calendar-container .pika-table th abbr,
.filter__calendar-container .pika-table th button,
.filter__calendar-container .pika-table td abbr,
.filter__calendar-container .pika-table td button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .filter__calendar-container .pika-table th abbr,
    .filter__calendar-container .pika-table th button,
    .filter__calendar-container .pika-table td abbr,
    .filter__calendar-container .pika-table td button {
        position: static;
        top: auto;
        left: auto;
        transform: none
    }
}

.filter__calendar-container .pika-select {
    display: none
}

.filter--calendar.filter__content--selected .filter__content--fill,
.filter--calendar.filter__content--active .filter__content--fill {
    display: flex;
    padding-right: 30px
}

.filter--calendar.filter__content--selected .filter__content--empty,
.filter--calendar.filter__content--active .filter__content--empty {
    display: none
}

.filter--calendar.filter__content--selected .filter__clear-button,
.filter--calendar.filter__content--active .filter__clear-button {
    position: absolute;
    right: 16px;
    cursor: pointer;
    top: 8px;
    display: block
}

@media (max-width: 991.98px) {
    .filter--calendar.filter__content--selected .filter__clear-button,
    .filter--calendar.filter__content--active .filter__clear-button {
        top: 12px
    }
}

.filter--calendar.filter__content--selected .filter__active-button,
.filter--calendar.filter__content--active .filter__active-button {
    align-items: center
}

.filter--calendar.filter__content--selected .filter__text,
.filter--calendar.filter__content--active .filter__text {
    width: 184px;
    display: inline-block;
    padding: 0 8px
}

.filter--calendar.filter__content--selected .filter__icon,
.filter--calendar.filter__content--active .filter__icon {
    padding: 0
}

.filter--calendar.filter__content--selected .filter__value,
.filter--calendar.filter__content--active .filter__value {
    width: auto;
    display: inline-block
}

.filter--calendar.filter__content--selected .filter__value:first-child,
.filter--calendar.filter__content--active .filter__value:first-child {
    padding-right: 28px;
    position: relative
}

.filter--calendar.filter__content--selected .filter__value:first-child::before,
.filter--calendar.filter__content--active .filter__value:first-child::before {
    color: #191B1C;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'BK-icons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    content: "\e928"
}

.filter__selector-simple-option {
    position: relative
}

.filter__selector-simple-option--selected:after {
    font-family: 'BK-icons';
    content: '\e90c';
    color: #191B1C;
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 0 8px
}

.filter__selector-simple-option--selected .filter__selector-label-info {
    color: #191B1C
}

.filter__selector-simple-option--selected .icon--starFill-16 {
    margin-right: 0 !important
}

.filter__selector-content button:focus,
.filter__selector-content .filter__selector-option:focus {
    outline: none;
    border: 1px dashed #191B1C;
    background-color: #fff
}

.filter__selector-option input:checked+label {
    color: #191B1C
}

.filter__selector-option .icon--starFill-16 {
    margin-right: 8px
}

.filter__selector-option .icon--starFill-16:before {
    content: "\e96f";
    color: #FED430
}

.btn--disabled.btn--primary:hover {
    background-color: #EBEEF5;
    border: none;
    color: #AFB5C8
}

.btn--disabled.btn--primary:focus {
    box-shadow: none;
    background-color: #EBEEF5;
    color: #AFB5C8
}

@media (max-width: 991.98px) {
    .filter--calendar__accept-button,
    .filter__selector-go-button {
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.input-rounded {
    display: flex;
    position: relative;
    width: 260px;
    height: 32px;
    line-height: 32px;
    border-radius: 20px;
    background-color: #EFF3FF;
    border: none;
    margin: 8px 8px 8px 0
}

@media (max-width: 575.98px) {
    .input-rounded {
        margin: 8px 0 8px 0
    }
}

.input-rounded.input-rounded--last {
    flex-grow: 1;
    margin: 8px 0 8px 0
}

.input-rounded__icon-close {
    display: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width: 576px) {
    .input-rounded__icon-close {
        right: 16px
    }
}

.input-rounded__label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 32px;
    line-height: 32px;
    padding: 0 24px;
    font-size: 12px;
    color: #191B1C
}

.input-rounded__input {
    width: 100%;
    border: none;
    background: transparent;
    height: 32px;
    line-height: 32px;
    padding: 0 24px;
    font-size: 12px
}

.input-rounded__input:hover {
    outline: none
}

.input-rounded__input:focus {
    outline: 0
}

.input-rounded__input::-ms-clear {
    display: none
}

.input-rounded__input::placeholder {
    color: #191B1C
}

.input-rounded__input-right {
    text-align: right
}

.input-rounded--icon .input-rounded__label {
    right: 32px;
    padding-right: 16px
}

.input-rounded--icon .input-rounded__input {
    padding-right: 40px
}

.input-rounded--icon .input-rounded__icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.input-rounded--min {
    width: 100%;
    min-width: 100%
}

@media (min-width: 768px) {
    .input-rounded--min {
        width: 117px
    }
}

@media (min-width: 992px) {
    .input-rounded--min {
        width: 122px
    }
}

@media (min-width: 1200px) {
    .input-rounded--min {
        width: 156px
    }
}

.input-rounded--has-focus {
    outline: 0;
    border-radius: 20px;
    border: 1px dashed #191B1C
}

.input-rounded--has-focus .input-rounded__icon {
    right: 15px !important
}

.input-rounded--disabled {
    background-color: #F7FAFF
}

.input-rounded--disabled .input-rounded__label,
.input-rounded--disabled .input-rounded__input {
    color: #5c6780
}

.input-rounded--is-error {
    box-shadow: 0 0 0 1px #CB1720;
    background-color: #fff
}

.input-rounded--is-error.input-rounded--has-focus {
    border-radius: 20px;
    border: 1px dashed #CB1720
}

.input-rounded--is-error.input-rounded--has-content,
.input-rounded--is-error.input-rounded--has-content.input-rounded--has-focus {
    background-color: #fff
}

.input-rounded--has-content {
    padding-right: 24px;
    background-color: #FEE997;
    outline: 0
}

.input-rounded--has-content .input-rounded__icon {
    display: none
}

.input-rounded--has-content .input-rounded__icon-close {
    display: block;
    cursor: pointer
}

.input-rounded--has-content .input-rounded__icon-close:focus {
    box-shadow: 0 0 0 2px #3E4A50
}

.input-rounded--has-content.input-rounded--has-focus {
    background-color: #EFF3FF;
    border-radius: 20px;
    border: 1px dashed #191B1C;
    outline: 0
}

.input-rounded--has-content.input-rounded--has-focus .input-rounded__icon {
    display: block
}

.input-rounded--has-content.input-rounded--has-focus .input-rounded__icon-close {
    display: none
}

.input-rounded--has-placeholder .input-rounded__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0
}

.input-rounded--applied {
    background-color: #FED430
}

.input-rounded--applied .input-rounded__icon {
    display: block
}

.input-rounded--applied .input-rounded__icon-close {
    display: none
}

.input-rounded--applied.input-rounded--has-focus {
    background-color: #FED430
}

.input-rounded--applied.input-rounded--has-focus .input-rounded__icon {
    display: block
}

.input-rounded--applied.input-rounded--has-focus .input-rounded__icon-close {
    display: none
}

.input-rounded--has-focus .input-rounded__label,
.input-rounded--has-content .input-rounded__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0
}

.input-rounded--search .input-rounded__icon {
    left: 16px;
    display: block
}

.input-rounded--search .input-rounded__label {
    left: 16px
}

.input-rounded--search .input-rounded__input {
    padding-left: 40px;
    padding-right: 0
}

.timer-wrapper {
    position: relative
}

.timer-wrapper .input__icon:focus {
    color: #191B1C;
    background: #fff
}

.timer-wrapper .input__control:focus {
    border: 1px dashed #191B1C;
    border-radius: 4px;
    outline: none
}

.timer-wrapper .input--is-error .input__control {
    border: 1px solid #CB1720;
    border-radius: 4px;
    outline: none
}

.timer-wrapper .input--is-error.input--has-focus .input__control {
    border: 1px dashed #CB1720;
    border-radius: 4px;
    outline: none
}

.timer-wrapper .input--is-disabled .icon {
    color: #AFB5C8;
    opacity: .6
}

.timer-wrapper .wrapper-hour {
    box-shadow: 0 10px 20px 0 rgba(97, 112, 119, 0.15);
    border: 1px solid transparent;
    position: relative
}

.timer-wrapper .wrapper-hour:before {
    content: ":";
    position: absolute;
    top: 45%;
    left: 49%;
    font-size: 14px;
    color: #5c6780
}

.timer-wrapper .wrapper-hour label {
    color: #BD4313
}

.timer-wrapper .wrapper-hour .hour,
.timer-wrapper .wrapper-hour .minute {
    color: #AFB5C8;
    font-size: 13px;
    text-align: center
}

.timer-wrapper .wrapper-hour .active {
    color: #191B1C
}

.timer-wrapper .wrapper-hour .icon--arrow-down-16:before {
    position: relative;
    top: -6px;
    left: 0
}

.timer-wrapper .wrapper-hour .icon--arrow-up-16:before {
    position: relative;
    top: 6px;
    left: 0
}

.row__chart {
    display: flex;
    border-top: 1.5px solid #FF821C;
    width: 95%
}

.row__chart .col-chart {
    position: relative
}

.row__chart .col__chart--primary {
    width: 10%;
    height: 150px
}

.row__chart .col__chart--primary .subcol__chart {
    display: flex;
    align-items: center;
    margin-top: 5px;
    border-top: 2px dashed #5c6780;
    border-right: 2px dashed #5c6780;
    height: 100%
}

.row__chart .col__chart--primary .subcol__chart .text__chart {
    position: absolute;
    left: -55px;
    white-space: nowrap
}

.row__chart .col__chart--primary .subcol__chart .bullet__chart {
    left: -10px;
    top: -16px
}

.row__chart .col__chart--normal {
    width: 20%;
    height: 155px
}

.row__chart .col__chart--normal .subcol__chart {
    display: flex;
    justify-content: center;
    border-bottom: 2px dashed #5c6780;
    height: 100%
}

.row__chart .col__chart--normal .subcol__chart .text__chart {
    position: absolute;
    bottom: -40px
}

.row__chart .col__chart--normal .subcol__chart .bullet__chart--green {
    bottom: -7px
}

.row__chart .col__chart--secundary {
    height: 150px
}

.row__chart .col__chart--secundary .subcol__chart {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    border-top: 2px dashed #5c6780;
    border-left: 2px dashed #5c6780;
    border-right: 2px dashed #5c6780;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.row__chart .col__chart--secundary .subcol__chart .bullet__chart--orange {
    top: -14px
}

.row__chart .col__chart--final {
    width: 10%;
    height: 150px
}

.row__chart .col__chart--final .subcol__chart {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    border-top: 2px dashed #5c6780;
    border-left: 2px dashed #5c6780;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.row__chart .col__chart--final .subcol__chart .text__chart {
    position: absolute;
    right: -55px;
    white-space: nowrap
}

.row__chart .col__chart--final .subcol__chart .bullet__chart--final {
    top: -14px;
    right: -10px
}

.row__chart .bullet__chart {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 5px solid #FF821C;
    position: absolute;
    background-color: #fff
}

.row__chart .bullet__chart:hover {
    zoom: 1
}

.row__chart .bullet__chart--green {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    position: absolute;
    background-color: #008931
}

.row__chart .bullet__chart--orange {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    position: absolute;
    background-color: #FF821C
}

.row__chart .bullet__chart--final {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    position: absolute;
    background-color: #FF821C;
    color: #fff
}

.icon--rounded {
    border-radius: 100%;
    font-size: 16px;
    min-width: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px
}

.icon--rounded.icon--24 {
    font-size: 24px;
    min-width: 48px;
    width: 48px;
    height: 48px;
    line-height: 48px
}

.icon--rounded.icon--32 {
    font-size: 32px;
    min-width: 64px;
    width: 64px;
    height: 64px;
    line-height: 64px
}

.icon--rounded.icon--40 {
    font-size: 40px;
    min-width: 168px;
    width: 168px;
    height: 168px;
    line-height: 168px
}

@media (min-width: 992px) {
    .icon--rounded.icon--40-lg {
        font-size: 40px;
        min-width: 168px;
        width: 168px;
        height: 168px;
        line-height: 168px
    }
}

.icon--rounded.icon--48 {
    font-size: 48px;
    min-width: 168px;
    width: 168px;
    height: 168px;
    line-height: 168px
}

.icon--rounded.icon--64 {
    font-size: 64px;
    min-width: 168px;
    width: 168px;
    height: 168px;
    line-height: 168px
}

.icon--rounded.icon--168 {
    font-size: 168px;
    min-width: 168px;
    width: 168px;
    height: 168px;
    line-height: 168px
}

.icon--rounded.icon-bg--white {
    background-color: #fff
}

.icon--rounded.icon-bg--orange {
    background-color: #FF821C
}

.icon--rounded.icon-bg--orange-third {
    background-color: #FFF3EB
}

.icon--rounded.icon-bg--yellow {
    background-color: #FED430
}

.icon--rounded.icon-bg--yellow-second {
    background-color: #FEE997
}

.icon--rounded.icon-bg--cyan {
    background-color: #B5F0EF
}

.icon--rounded.icon-bg--cyan-second {
    background-color: #D3F6F5
}

.icon--rounded.icon-bg--purple {
    background-color: #322F7B
}

.icon--rounded.icon-bg--purple-second {
    background-color: #F7FAFF
}

.icon--rounded.icon-bg--purple-light {
    background-color: #EFF3FF
}

.icon--rounded.icon-bg--morado {
    background-color: #322F7B
}

.icon--rounded.icon-bg--morado-second {
    background-color: #D9E4FF
}

.icon--rounded.icon-bg--bkj-yellow {
    background-color: #FFE700
}

.icon--rounded.icon-bg--bkj-turquoise {
    background-color: #37ECC7
}

.icon--rounded.icon-bg--bkj-blue {
    background-color: #08C3FF
}

.icon--rounded.icon-bg--bkj-red {
    background-color: #FF4169
}

.icon-bg--16.icon--16 {
    font-size: 16px;
    min-width: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.icon-bg--16.icon--24 {
    font-size: 24px;
    min-width: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.icon-bg--16.icon--32 {
    font-size: 32px;
    min-width: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.icon-bg--16.icon--40 {
    font-size: 40px;
    min-width: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px
}

@media (min-width: 992px) {
    .icon-bg--16.icon--40-lg {
        font-size: 40px;
        min-width: 16px;
        width: 16px;
        height: 16px;
        line-height: 16px
    }
}

.icon-bg--16.icon--48 {
    font-size: 48px;
    min-width: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.icon-bg--24.icon--16 {
    font-size: 16px;
    min-width: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px
}

.icon-bg--24.icon--24 {
    font-size: 24px;
    min-width: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px
}

.icon-bg--24.icon--32 {
    font-size: 32px;
    min-width: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px
}

.icon-bg--24.icon--40 {
    font-size: 40px;
    min-width: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px
}

@media (min-width: 992px) {
    .icon-bg--24.icon--40-lg {
        font-size: 40px;
        min-width: 24px;
        width: 24px;
        height: 24px;
        line-height: 24px
    }
}

.icon-bg--24.icon--48 {
    font-size: 48px;
    min-width: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px
}

.icon-bg--32.icon--16 {
    font-size: 16px;
    min-width: 32px;
    width: 32px;
    height: 32px;
    line-height: 32px
}

.icon-bg--32.icon--24 {
    font-size: 24px;
    min-width: 32px;
    width: 32px;
    height: 32px;
    line-height: 32px
}

.icon-bg--32.icon--32 {
    font-size: 32px;
    min-width: 32px;
    width: 32px;
    height: 32px;
    line-height: 32px
}

.icon-bg--32.icon--40 {
    font-size: 40px;
    min-width: 32px;
    width: 32px;
    height: 32px;
    line-height: 32px
}

@media (min-width: 992px) {
    .icon-bg--32.icon--40-lg {
        font-size: 40px;
        min-width: 32px;
        width: 32px;
        height: 32px;
        line-height: 32px
    }
}

.icon-bg--32.icon--48 {
    font-size: 48px;
    min-width: 32px;
    width: 32px;
    height: 32px;
    line-height: 32px
}

.icon-bg--40.icon--16 {
    font-size: 16px;
    min-width: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px
}

.icon-bg--40.icon--24 {
    font-size: 24px;
    min-width: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px
}

.icon-bg--40.icon--32 {
    font-size: 32px;
    min-width: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px
}

.icon-bg--40.icon--40 {
    font-size: 40px;
    min-width: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px
}

@media (min-width: 992px) {
    .icon-bg--40.icon--40-lg {
        font-size: 40px;
        min-width: 40px;
        width: 40px;
        height: 40px;
        line-height: 40px
    }
}

.icon-bg--40.icon--48 {
    font-size: 48px;
    min-width: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px
}

.icon-bg--48.icon--16 {
    font-size: 16px;
    min-width: 48px;
    width: 48px;
    height: 48px;
    line-height: 48px
}

.icon-bg--48.icon--24 {
    font-size: 24px;
    min-width: 48px;
    width: 48px;
    height: 48px;
    line-height: 48px
}

.icon-bg--48.icon--32 {
    font-size: 32px;
    min-width: 48px;
    width: 48px;
    height: 48px;
    line-height: 48px
}

.icon-bg--48.icon--40 {
    font-size: 40px;
    min-width: 48px;
    width: 48px;
    height: 48px;
    line-height: 48px
}

@media (min-width: 992px) {
    .icon-bg--48.icon--40-lg {
        font-size: 40px;
        min-width: 48px;
        width: 48px;
        height: 48px;
        line-height: 48px
    }
}

.icon-bg--48.icon--48 {
    font-size: 48px;
    min-width: 48px;
    width: 48px;
    height: 48px;
    line-height: 48px
}

.icon-bg--64.icon--16 {
    font-size: 16px;
    min-width: 64px;
    width: 64px;
    height: 64px;
    line-height: 64px
}

.icon-bg--64.icon--24 {
    font-size: 24px;
    min-width: 64px;
    width: 64px;
    height: 64px;
    line-height: 64px
}

.icon-bg--64.icon--32 {
    font-size: 32px;
    min-width: 64px;
    width: 64px;
    height: 64px;
    line-height: 64px
}

.icon-bg--64.icon--40 {
    font-size: 40px;
    min-width: 64px;
    width: 64px;
    height: 64px;
    line-height: 64px
}

@media (min-width: 992px) {
    .icon-bg--64.icon--40-lg {
        font-size: 40px;
        min-width: 64px;
        width: 64px;
        height: 64px;
        line-height: 64px
    }
}

.icon-bg--64.icon--48 {
    font-size: 48px;
    min-width: 64px;
    width: 64px;
    height: 64px;
    line-height: 64px
}

.icon-bg--168.icon--16 {
    font-size: 16px;
    min-width: 168px;
    width: 168px;
    height: 168px;
    line-height: 168px
}

.icon-bg--168.icon--24 {
    font-size: 24px;
    min-width: 168px;
    width: 168px;
    height: 168px;
    line-height: 168px
}

.icon-bg--168.icon--32 {
    font-size: 32px;
    min-width: 168px;
    width: 168px;
    height: 168px;
    line-height: 168px
}

.icon-bg--168.icon--40 {
    font-size: 40px;
    min-width: 168px;
    width: 168px;
    height: 168px;
    line-height: 168px
}

@media (min-width: 992px) {
    .icon-bg--168.icon--40-lg {
        font-size: 40px;
        min-width: 168px;
        width: 168px;
        height: 168px;
        line-height: 168px
    }
}

.icon-bg--168.icon--48 {
    font-size: 48px;
    min-width: 168px;
    width: 168px;
    height: 168px;
    line-height: 168px
}

.transfer-card {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .transfer-card {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.transfer-card__item {
    width: 100%;
    height: 96px;
    background-color: #fff;
    padding: 24px 16px;
    display: flex;
    align-items: center;
    font-size: .75rem;
    border-radius: 4px;
    margin-bottom: 1px
}

@media (min-width: 768px) {
    .transfer-card__item {
        width: calc(50% - 1px);
        margin-right: 1px
    }
}

@media (min-width: 992px) {
    .transfer-card__item {
        width: calc(25% - 1px);
        margin-bottom: none
    }
}

@media (min-width: 768px) {
    .transfer-card__item:nth-child(2) {
        margin-right: none
    }
}

@media (min-width: 992px) {
    .transfer-card__item:nth-child(2) {
        margin-right: 1px
    }
}

@media (min-width: 768px) {
    .transfer-card__item:nth-child(3) {
        margin-bottom: none
    }
}

.transfer-card__item:last-child {
    margin-bottom: none
}

@media (min-width: 768px) {
    .transfer-card__item:last-child {
        margin-bottom: none;
        margin-right: none
    }
}

.transfer-card__item:focus {
    border: 1px solid #AFB5C8;
    box-shadow: 0 0 0 4px rgba(175, 181, 200, 0.16)
}

.transfer-card--table .transfer-card__item {
    border-radius: 0;
    margin: 0;
    border-bottom: 1px solid #EBEEF5
}

@media (min-width: 768px) {
    .transfer-card--table .transfer-card__item {
        border-right: 1px solid #EBEEF5
    }
}

@media (min-width: 768px) {
    .transfer-card--table .transfer-card__item:nth-child(even) {
        border-right: 0
    }
}

@media (min-width: 992px) {
    .transfer-card--table .transfer-card__item:nth-child(even) {
        border-right: 1px solid #EBEEF5
    }
}

@media (min-width: 992px) {
    .transfer-card--table .transfer-card__item:nth-child(4n+4) {
        border-right: none
    }
}

@media (min-width: 768px) {
    .transfer-card--table .transfer-card__item:nth-last-child(-n+2) {
        border-bottom: 0
    }
}

@media (min-width: 992px) {
    .transfer-card--table .transfer-card__item:nth-last-child(-n+4) {
        border-bottom: 0
    }
}

@media (min-width: 992px) {
    .transfer-card--table .transfer-card__item:last-child {
        border-right: 0
    }
}

.transfer-card__item--empty {
    display: none
}

@media (min-width: 768px) {
    .transfer-card__item--empty {
        display: flex;
        background-color: #F7FAFF
    }
}

.transfer-card__text {
    width: calc(100% - 64px);
    padding-left: 16px;
    flex-grow: 1
}

.transfer-card__text p:not(.transfer-card__amount) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0
}

.transfer-card__light-text {
    color: #5c6780
}

.transfer-card__half-text {
    width: 50%;
    margin-right: 8px
}

.cards {
    position: relative;
    padding-top: 24px;
    margin-bottom: 24px
}

.cards--active:hover:after {
    background-color: #F76900;
    border: 1px solid #F76900
}

.cards--active:after {
    font-size: 24px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    position: absolute;
    right: 16px;
    top: 0;
    background-color: #FF821C;
    border: 1px solid #FF821C;
    font-family: 'BK-icons';
    content: '\e90c';
    color: #191B1C;
    border-radius: 48px;
    text-align: center
}

.cards--active .box-card {
    box-shadow: 0 0 30px 0 rgba(92, 103, 128, 0.15)
}

.box-card {
    padding: 24px 16px;
    background-color: #FFF;
    box-shadow: 0 0 10px 0 rgba(92, 103, 128, 0.15);
    outline: none;
    border-radius: 8px;
    min-height: 181px;
    display: flex;
    justify-content: space-between;
    border: 1px solid transparent;
    text-align: left;
    width: 100%;
    flex-direction: column
}

.box-card:hover {
    border: 1px solid #D9E4FF
}

.box-card:focus {
    border: 1px dashed #191B1C
}

.data-card--name {
    font-size: 16px;
    line-height: 24px;
    color: #191B1C
}

.data-card--number {
    font-size: 14px;
    line-height: 24px;
    color: #6B707E
}

.money-card {
    align-self: flex-end
}

.money-card--balance {
    font-size: 32px;
    line-height: 24px;
    color: #191B1C;
    text-align: right
}

.money-card--decimal {
    font-size: 24px
}

.money-card--limit {
    font-size: 14px;
    line-height: 24px;
    color: #6B707E
}

.money-card--badge {
    font-size: 16px
}

.flex-table__rows {
    display: flex;
    flex-direction: row;
    padding: 0 24px 0 16px;
    cursor: pointer;
    background-color: #fff;
    font-size: 13px;
    font-family: "BK-Sans";
    max-height: 100%;
    border-radius: 4px;
    min-height: 48px;
    margin-bottom: 1px;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative
}

@media (max-width: 991.98px) {
    .flex-table__rows {
        padding: 16px 16px 0
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .flex-table__rows {
        height: 48px
    }
    .flex-table__rows.flex-table__rows--height-56 {
        height: 56px
    }
    .flex-table__rows.flex-table__rows--height-64 {
        height: 64px
    }
    .flex-table__rows.flex-table__rows--height-72 {
        height: 72px
    }
    .flex-table__rows.flex-table__rows--height-80 {
        height: 80px
    }
    .flex-table__rows.flex-table__rows--height-big {
        height: auto;
        padding: 8px 24px 8px 16px
    }
}

@media all and (-ms-high-contrast: none) and (max-width: 991.98px),
(-ms-high-contrast: active) and (max-width: 991.98px) {
    .flex-table__rows.flex-table__rows--height-big {
        padding: 16px
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .flex-table__rows.flex-table--head {
        min-height: 40px
    }
}

.flex-table__rows.flex-table__rows--active {
    background-color: #D9E4FF
}

.flex-table__rows.flex-table__rows--active .action-box__button {
    background-color: #fff
}

.flex-table__rows .flex-table__hover-container {
    display: none !important
}

.flex-table__rows .flex-table__button {
    justify-content: center;
    align-items: center
}

@media (min-width: 992px) {
    .flex-table__rows .flex-table__button:hover .flex-table__hover-container {
        display: flex !important
    }
}

@media (max-width: 991.98px) {
    .flex-table__rows .flex-table__button--mobile {
        position: static;
        justify-content: start
    }
}

.flex-table__rows .flex-table__data-2-lines span {
    display: block;
    line-height: initial
}

.flex-table__rows .flex-table__hover-container {
    position: absolute;
    padding: 8px 24px 8px 16px;
    right: 0;
    border-radius: 0 4px 4px 0;
    min-height: 48px;
    top: 0;
    background-color: #fff;
    bottom: 0;
    z-index: 1
}

.flex-table__rows .flex-table__hover-container .action-box__button {
    margin-left: 13px
}

.flex-table__rows .flex-table__hover-container:hover .action-box__button {
    background-color: #EFF3FF
}

.flex-table__rows .flex-table__hover-action {
    display: flex;
    background-color: #fff;
    border-radius: 0 4px 4px 0;
    align-self: center
}

.flex-table__rows .action-box__button :hover {
    border-radius: 50%
}

.flex-table__rows.flex-table__rows--padding-16 {
    padding-top: 16px;
    padding-bottom: 16px
}

@media (max-width: 991.98px) {
    .flex-table__rows.flex-table__rows--padding-16 {
        padding-bottom: 0
    }
}

.flex-table__rows.flex-table__rows--height-64 {
    min-height: 64px;
    align-content: center
}

.flex-table__rows.flex-table__rows--height-64 .flex-table__hover-container {
    min-height: 64px
}

.flex-table__rows.flex-table__rows--height-80 {
    min-height: 83px;
    align-content: center
}

.flex-table__rows.flex-table__rows--height-80 .flex-table__hover-container {
    min-height: 80px
}

.flex-table__rows.flex-table__rows--height-72 {
    min-height: 72px;
    align-content: center
}

.flex-table__rows.flex-table__rows--height-72 .flex-table__hover-container {
    min-height: 72px
}

.flex-table__rows.flex-table__rows--height-56 {
    min-height: 56px;
    align-content: center
}

.flex-table__rows.flex-table__rows--height-56 .flex-table__hover-container {
    min-height: 56px
}

.flex-table__rows.flex-table__rows--height-big {
    padding: 8px 24px 8px 16px
}

@media (max-width: 991.98px) {
    .flex-table__rows.flex-table__rows--height-big {
        padding: 16px
    }
}

.flex-table__rows.flex-table-graph .flex-table__hover-container {
    min-height: 48px;
    right: 0;
    padding: 8px 16px 8px 16px;
    top: 0;
    bottom: 0
}

.flex-table__rows.flex-table-graph.flex-table__rows--height-56 .flex-table__hover-container {
    min-height: 56px;
    padding-top: 9px
}

.flex-table__rows.flex-table-graph.flex-table__rows--height-72 {
    min-height: 77px
}

.flex-table__rows.flex-table-graph.flex-table__rows--height-72 .flex-table__hover-container {
    padding-top: 9px
}

@media (min-width: 992px) {
    .flex-table__rows:focus {
        outline: none;
        border: 1px dashed #191B1C !important;
        background-color: #D9E4FF
    }
    .flex-table__rows:focus.flex-table__rows--height-64 .flex-table__hover-container {
        min-height: 62px
    }
    .flex-table__rows:focus.flex-table__rows--height-80 .flex-table__hover-container {
        min-height: 78px
    }
    .flex-table__rows:focus.flex-table__rows--height-56 .flex-table__hover-container {
        min-height: 52px
    }
    .flex-table__rows:focus.flex-table__rows--height-72 .flex-table__hover-container {
        min-height: 70px
    }
    .flex-table__rows:focus .flex-table__hover-container {
        min-height: 38px
    }
    .flex-table__rows:hover {
        background-color: #D9E4FF
    }
    .flex-table__rows:hover .flex-table__button .flex-table__hover-container {
        display: none
    }
    .flex-table__rows:hover .btn--light .icon--orange {
        color: #F76900 !important
    }
    .flex-table__rows:hover .flex-table__data-tag .data-tag__positive {
        background-color: #fff
    }
    .flex-table__rows:hover .flex-table__data-tag .data-tag__negative {
        background-color: #fff
    }
    .flex-table__rows:hover .flex-table__data-tag .data-tag__positive-icon {
        color: #191B1C
    }
    .flex-table__rows:hover .flex-table__data-tag .data-tag__negative-icon {
        color: #191B1C
    }
}

.business-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    min-height: 24px;
    padding-left: 16px;
    position: relative
}

@media (max-width: 1199.98px) {
    .business-title {
        font-size: 16px;
        line-height: 21px
    }
}

.business-title:before {
    background: #FF821C;
    height: 24px;
    width: 4px;
    content: "";
    position: absolute;
    left: 0;
    border-radius: 4px;
    top: -1px
}

.box-configuration {
    margin: auto;
    border-radius: 4px;
    background-color: transparent
}

@media (max-width: 575.98px) {
    .box-configuration {
        padding-bottom: 24px
    }
}

@media (min-width: 768px) {
    .box-configuration {
        padding: 32px 24px 40px 24px;
        background-color: #fff
    }
}

@media (min-width: 1200px) {
    .box-configuration {
        padding: 32px 40px 40px 24px
    }
}

@media (min-width: 1200px) {
    .box-configuration__content {
        padding-left: 16px
    }
}

.flex-table__rows--notpadding {
    padding: 0
}

.flex-table__rows--notpadding .flex-table__row--padding {
    padding: 16px 16px 0 16px
}

.flex-table__rows--notpadding .flex-table__row--paddingmedium {
    padding: 16px
}

.flex-table__rows--notpadding .flex-table__row--bgpurple {
    background-color: #EFF3FF
}

.flex-table__title-principal {
    justify-content: space-between;
    background-color: transparent;
    color: #191B1C;
    font-family: "BK-Sans";
    font-weight: bold;
    flex-direction: row;
    font-size: 18px;
    padding: 8px 0 8px 0;
    align-items: center;
    align-content: center;
    flex-grow: 1;
    flex-wrap: nowrap;
    display: block;
    width: 100%;
    cursor: pointer;
    border: 1px solid transparent
}

@media (min-width: 576px) {
    .flex-table__title-principal {
        flex-grow: 1;
        flex-wrap: nowrap;
        display: flex
    }
}

.flex-table__title-principal:before {
    content: "";
    background-color: #FF821C;
    border-radius: 1px;
    width: 4px;
    height: 4px;
    margin-right: 12px;
    margin-top: 11px;
    float: left
}

@media (min-width: 576px) {
    .flex-table__title-principal:before {
        margin-top: 0
    }
}

.flex-table__title-principal.flex-table__title-principal--open:before {
    height: 24px;
    margin-top: 0
}

.flex-table__title-principal:focus {
    background-color: transparent;
    box-shadow: none;
    border: 1px dashed #191B1C
}

.flex-table__title-principal:focus .icon {
    color: #5c6780
}

.flex-table__title-principal:hover {
    background-color: transparent;
    box-shadow: none
}

.flex-table__title-principal:hover .icon {
    color: #5c6780
}

.flex-table__title-principal .flex-table__title-principal--valor {
    text-align: left;
    font-size: 14px;
    padding-right: 0;
    margin-right: 0;
    flex: auto;
    padding-left: 16px
}

@media (min-width: 576px) {
    .flex-table__title-principal .flex-table__title-principal--valor {
        text-align: right;
        padding-right: 24px;
        padding-left: 0
    }
}

.flex-table__title-principal--icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 8px;
    cursor: pointer
}

@media (min-width: 576px) {
    .flex-table__title-principal--icon {
        position: relative;
        top: 0
    }
}

.flex-table__title-primary {
    justify-content: space-between;
    background-color: #fff;
    color: #191B1C;
    font-family: "BK-Sans";
    font-weight: bold;
    flex-direction: row;
    font-size: 13px;
    padding: 12px 16px 12px 16px;
    border-radius: 4px;
    align-items: center;
    align-content: center;
    flex-grow: 1;
    flex-wrap: nowrap
}

.flex-table__title-primary:focus {
    background-color: #fff
}

.flex-table__title-primary:hover {
    color: #5c6780;
    background-color: #fff
}

@media (min-width: 992px) {
    .flex-table__title-primary {
        padding-right: 24px
    }
}

.flex-table__template {
    font-size: 12px
}

.flex-table__template--font12 .flex-table__rows {
    font-size: 12px
}

@media (min-width: 992px) {
    .flex-table__title-secondary {
        width: 100%
    }
}

@media (min-width: 992px) {
    .flex-table__total {
        text-align: right;
        padding-right: 50px
    }
}

.flex-table__options {
    align-self: center;
    margin-bottom: 0;
    width: 100%
}

.flex-table__options:before {
    content: ""
}

@media (min-width: 992px) {
    .flex-table__options--logo {
        padding-left: 35px !important
    }
}

@media (min-width: 992px) {
    .flex-table__options--icon {
        padding-left: 26px !important
    }
}

@media (min-width: 992px) {
    .flex-table__options--icon-24 {
        padding-left: 34px !important
    }
}

.flex-table__fav-button .icon:hover {
    color: #EFF3FF
}

.flex-table__data {
    color: #191B1C;
    display: block;
    margin-bottom: 16px
}

.flex-table__data:last-of-type.flex-table__data--last-left:last-child {
    text-align: left
}

@media (min-width: 992px) {
    .flex-table__data:last-of-type.flex-table__data--last-left:last-child {
        padding-left: 7px
    }
}

.flex-table__data:before {
    content: attr(data-title) "\a";
    white-space: pre;
    color: #5C6780;
    font-family: "BK-Sans";
    font-weight: normal;
    font-size: 10px;
    letter-spacing: 1.5px;
    line-height: 10px;
    text-transform: uppercase;
    text-align: left;
    height: 20px;
    vertical-align: middle
}

@media (min-width: 992px) {
    .flex-table__data {
        align-self: center;
        margin-bottom: 0;
        align-items: center;
        width: 100%
    }
    .flex-table__data:before {
        content: ""
    }
}

.flex-table__data.flex-table__data--ordenado {
    padding-right: 16px
}

@media (min-width: 768px) {
    .flex-table__data--md-column {
        margin-bottom: 0
    }
}

.flex-table__data--btn {
    position: relative
}

@media (max-width: 575.98px) {
    .flex-table__data--btn {
        position: static !important
    }
}

.flex-table__data--btn .btn {
    position: absolute;
    right: 24px;
    top: 8px
}

@media (max-width: 991.98px) {
    .flex-table__data--btn .btn {
        right: 0
    }
}

@media (max-width: 575.98px) {
    .flex-table__data--btn .btn {
        position: static
    }
}

.flex-table__data--bar {
    top: 14px
}

.flex-table__data-underline {
    border-bottom: 1px solid #191B1C;
    line-height: 14px
}

@media (max-width: 991.98px) {
    .flex-table__data--bookmark {
        position: absolute;
        right: 16px;
        width: 32px;
        top: 16px
    }
}

@media all and (max-width: 991.98px) and (-ms-high-contrast: none),
(max-width: 991.98px) and (-ms-high-contrast: active) {
    .flex-table__data--bookmark {
        top: 16px;
        transform: none
    }
}

.flex-table__rows--nohover {
    cursor: default
}

.flex-table__rows--nohover:hover {
    background-color: #fff
}

.flex-table__rows--nohover:focus {
    background-color: #fff
}

.flex-table .flex-table__hover-button {
    align-self: center;
    margin-left: 16px
}

.flex-table__fav-button:nth-child(2) {
    margin-left: 8px
}

.flex-table__button {
    position: static;
    display: flex;
    justify-content: center
}

@media (max-width: 991.98px) {
    .flex-table__button {
        top: 16px;
        right: 16px;
        position: absolute
    }
}

@media (min-width: 992px) {
    .flex-table__button {
        min-width: 32px;
        padding: 0
    }
}

@media (min-width: 1200px) {
    .flex-table__button .icon-bg--32 {
        background-color: #fff
    }
}

.flex-table__status {
    display: flex;
    min-height: 4px;
    margin-bottom: 2px;
    background-color: #cfd6db;
    border-radius: 0 0 4px 4px
}

@media (min-width: 992px) {
    .flex-table__status {
        min-height: 4px;
        max-width: 100%;
        text-align: right;
        background: white;
        justify-content: flex-end
    }
}

.flex-table__rows--movimientos.flex-table__rows--movimientos-consulta {
    font-weight: bold
}

.flex-table__rows--movimientos.flex-table__rows--movimientos-consulta .icon--bookmark-16,
.flex-table__rows--movimientos.flex-table__rows--movimientos-consulta .icon--bookmark-active-16 {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 24px;
    background: #fff;
    border-radius: 24px
}

@media (max-width: 991.98px) {
    .flex-table__rows--movimientos.flex-table__rows--movimientos-consulta .icon--bookmark-16,
    .flex-table__rows--movimientos.flex-table__rows--movimientos-consulta .icon--bookmark-active-16 {
        background: #eff3ff
    }
}

.flex-table__rows--movimientos.flex-table__rows--movimientos-consulta .icon--bookmark-16:focus,
.flex-table__rows--movimientos.flex-table__rows--movimientos-consulta .icon--bookmark-active-16:focus {
    box-shadow: 0 0 0 4px #AFB5C8
}

.flex-table__rows--movimientos-consulta-read {
    color: #5c6780
}

.flex-table__rows--movimientos-consulta-read .flex-table__data {
    color: #5c6780
}

.flex-table__rows--bg-grey {
    background-color: #F7FAFF
}

.flex-table__rows--bg-grey:hover {
    background-color: #F7FAFF
}

.flex-table__rows--disabled {
    background-color: #fff
}

.flex-table__rows--disabled:hover {
    background-color: #fff !important
}

.flex-table__data-icon .flex__data--spinner__no-cancel .spinner {
    left: 0
}

@media (max-width: 991.98px) {
    .flex-table__data-icon .flex__data--spinner__no-cancel .spinner {
        left: -30px
    }
}

@media (max-width: 575.98px) {
    .flex-table__data-icon .flex__data--spinner__no-cancel .spinner {
        left: 0
    }
}

.flex-table__data-icon .flex__data--spinner__no-cancel .spinner+.flex-table__data-spinner-text {
    margin-left: 0
}

@media (max-width: 575.98px) {
    .flex-table__data-icon .flex__data--spinner__no-cancel .spinner+.flex-table__data-spinner-text {
        margin-left: 30px
    }
}

.flex-table__data-icon .flex__data--spinner__no-cancel .flex-table__data-spinner-text {
    margin-left: 0
}

.flex__data--spinner__no-cancel .spinner {
    position: absolute;
    top: -11px
}

@media (max-width: 991.98px) {
    .flex__data--spinner__no-cancel .spinner {
        top: 9px
    }
}

.flex__data--spinner__no-cancel .spinner+.flex-table__data-spinner-text {
    margin-left: 26px
}

.flex-table__rows--purple-second {
    background-color: #F7FAFF
}

.flex-table__rows--wrap {
    flex-wrap: wrap
}

.flex-table--user {
    padding: 0 9px 0 16px;
    display: flex;
    flex-direction: row;
    border-radius: 4px;
    justify-content: space-between;
    margin-bottom: 1px;
    margin-top: 1px;
    align-items: center
}

@media (max-width: 767.98px) {
    .flex-table--user {
        padding: 12px 16px 0
    }
}

.flex-table--user:hover {
    background-color: #fff
}

.flex-table--user .select {
    font-size: 12px;
    color: #191B1C;
    text-transform: uppercase;
    margin: 0 -31px 0 0
}

@media (max-width: 767.98px) {
    .flex-table--user .select {
        margin: 8px -31px 0
    }
}

.flex-table--user .select.select--account .select__account-number {
    letter-spacing: 0;
    text-transform: none
}

.flex-table--user .select.select--account .select__account-alias {
    font-size: 14px
}

.flex-table--user .select.select--account .select__custom-select.select__custom-select--open {
    box-shadow: none
}

.flex-table--user .select--no-label .select__custom-select--open .select__expand-button .icon {
    top: 20%
}

.flex-table--user .select--no-label .select__expand-button {
    border: none;
    height: 32px;
    line-height: 32px
}

.flex-table--user .select--no-label .wrapper-select__search {
    top: 31px
}

.flex-table--user .select--no-label .select__custom-select-menu {
    top: 88px
}

.flex-table--user .select--no-label.select--has-content .select__label {
    display: none
}

.flex-table--reference {
    display: flex;
    flex-direction: row;
    border-radius: 4px;
    justify-content: space-between;
    font-weight: bold;
    font-size: .813rem;
    margin-bottom: 1px;
    margin-top: 1px;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px
}

@media (min-width: 992px) {
    .flex-table--reference {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        padding: 15px 24px 15px 16px
    }
    .flex-table--reference:hover {
        background-color: #fff
    }
}

.flex-table--reference-last {
    text-align: right
}

.flex-table--pendiente {
    display: flex;
    flex-direction: row;
    border-radius: 4px;
    justify-content: space-between;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 1px;
    margin-top: 1px;
    align-items: center;
    background-color: #fff
}

@media (max-width: 991.98px) {
    .flex-table--pendiente {
        padding-bottom: 16px
    }
}

.flex-table--pendiente:hover {
    background-color: #D9E4FF
}

@media (max-width: 767.98px) {
    .flex-table--pendiente {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }
    .flex-table--pendiente .icon {
        position: absolute;
        right: 16px
    }
}

@media all and (max-width: 767.98px) and (-ms-high-contrast: none),
(max-width: 767.98px) and (-ms-high-contrast: active) {
    .flex-table--pendiente .icon {
        margin-top: -34px
    }
}

.flex-table--pendiente .flex-table__total {
    flex: auto;
    text-align: left;
    padding-right: 0;
    font-weight: normal;
    margin-right: 24px
}

@media (min-width: 768px) {
    .flex-table--pendiente .flex-table__total {
        text-align: right;
        margin-right: 0
    }
}

.flex-table__rows--pendiente {
    cursor: default
}

.flex-table__rows--pendiente .flex-table__data {
    color: #191B1C
}

.flex-table__rows--pendiente:hover {
    background-color: #fff !important
}

.flex-table__link-max-width {
    max-width: 94px
}

.flex-table__link-max-width60 {
    max-width: 60px
}

.flex-table__link-max-width30 {
    max-width: 30px
}

.flex-table__max-width112 {
    max-width: 112px
}

.fila-ver-mas {
    padding: 0
}

.flex-table__link-file {
    display: flex;
    font-size: 12px;
    flex-direction: column
}

@media (min-width: 576px) {
    .flex-table__link-file {
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0 24px 0 16px
    }
}

.flex-table__link-file--black {
    color: #191B1C
}

.flex-table__link-file--black .icon {
    margin-right: 16px
}

@media (max-width: 575.98px) {
    .flex-table__link-file--black .icon {
        display: block
    }
}

.flex-table__link-file--orange {
    color: #FF821C;
    text-transform: uppercase;
    letter-spacing: 1px
}

.flex-table__alert {
    display: flex;
    flex-direction: row;
    border-radius: 4px;
    justify-content: space-between;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 12px 24px 12px 16px;
    align-items: center;
    line-height: initial;
    min-height: 48px;
    background-color: #EFF3FF;
    cursor: default
}

@media (max-width: 991.98px) {
    .flex-table__alert--check {
        justify-content: left
    }
}

@media (max-width: 575.98px) {
    .flex-table__alert--check .checkbox {
        top: 0 !important
    }
    .flex-table__alert--check span {
        padding-left: 32px
    }
}

.flex-table__alert:hover {
    background-color: #EFF3FF
}

.flex-table__alert:focus {
    box-shadow: none
}

.flex-table__alert--amarillo {
    background-color: #FEE997
}

.flex-table__alert--amarillo:hover {
    background-color: #FEE997
}

.flex-table__alert--amarillo:focus {
    background-color: #FEE997
}

.flex-table__alert--blanco {
    background-color: white
}

.flex-table__alert--blanco:hover {
    background-color: white
}

.flex-table__alert--blanco:focus {
    background-color: white
}

.flex-table__alert .flex-table__alert--link {
    text-transform: uppercase;
    color: #191B1C;
    margin-left: 0;
    font-weight: normal;
    letter-spacing: 1px;
    cursor: pointer;
    font-size: 12px
}

.flex-table__alert .flex-table__alert--link:focus {
    outline: 1px dashed #191B1C;
    outline-offset: 6px
}

.flex-table__alert .flex-table__alert--link:hover {
    color: #5c6780
}

@media (max-width: 575.98px) {
    .flex-table__alert .flex-table__alert--link {
        margin-top: 8px
    }
}

.flex-table__alert .checkbox {
    position: relative;
    top: -9px
}

.flex-table--grey-row {
    background-color: #F7FAFF;
    border-radius: 4px
}

@media (min-width: 992px) {
    .flex-table--grey-row {
        background-color: #fff
    }
}

.flex-table__form .flex-table__rows.flex-table--head {
    display: flex;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 14px;
    background-color: #F7FAFF;
    min-height: 40px;
    padding: 16px
}

.flex-table__form .flex-table__rows.flex-table--head:hover {
    background-color: #F7FAFF
}

.flex-table__form .flex-table__data {
    display: flex
}

.flex-table__rows.flex-table--head {
    display: none;
    cursor: default
}

.flex-table__rows.flex-table--head.flex-table--head--visible {
    display: flex
}

@media (min-width: 992px) {
    .flex-table__rows.flex-table--head {
        display: flex;
        text-transform: uppercase;
        font-size: 10px;
        letter-spacing: 1px;
        line-height: 14px;
        background-color: #F7FAFF;
        min-height: 40px
    }
    .flex-table__rows.flex-table--head:hover {
        background-color: #F7FAFF
    }
}

.flex-table--headmultisimple {
    display: flex;
    text-transform: uppercase;
    font-size: 10px;
    height: 48px;
    background-color: #F7FAFF;
    letter-spacing: 1px;
    display: none
}

.flex-table--headmultisimple:hover {
    background-color: #F7FAFF
}

@media (max-width: 575.98px) {
    .flex-table--headmultisimple {
        display: flex;
        padding: 0 0 0 16px
    }
}

.flex-table--headmultisimple .flex-table__data-checkbox {
    align-items: center;
    flex-direction: row
}

.flex-table--headmultisimple .checkbox label {
    padding-left: 27px
}

.flex-table--headmultisimple .flex-table__data-radio {
    align-items: center;
    flex-direction: row
}

.flex-table--headmultisimple .flex-table__data-radio .radio.allchecked {
    top: -3px
}

@media (min-width: 768px) {
    .flex-table--headmultisimple+.flex-table--headmultidoble+.flex-table__rows .flex-table__data-checkbox .checkbox input[type="checkbox"]:checked+label:after {
        height: 12px;
        width: 12px;
        border-radius: 3px;
        top: 4px;
        left: 4px;
        background-color: #BD4313;
        content: ""
    }
}

.flex-table--headmultidoble {
    display: flex;
    text-transform: uppercase;
    font-size: 10px;
    min-height: 64px;
    background-color: #F7FAFF;
    letter-spacing: 1px;
    cursor: default;
    padding: 0 16px 0;
    align-items: center
}

.flex-table--headmultidoble:hover {
    background-color: #F7FAFF
}

@media (min-width: 992px) {
    .flex-table--headmultidoble {
        display: none
    }
}

@media (max-width: 575.98px) {
    .flex-table--headmultidoble {
        display: none
    }
}

.flex-table--headmultidoble .flex-table__data {
    display: flex;
    margin-bottom: 0;
    align-items: center
}

.flex-table--headmultidoble .flex-table__data-radio {
    flex-direction: column;
    align-items: initial
}

.flex-table--headmultidoble .flex-table__data-checkbox {
    align-items: flex-start;
    flex-direction: column
}

.flex-table--headmultidoble .flex-table__data-checkbox--row {
    align-items: center;
    flex-direction: row
}

.flex-table--head-bg-grey {
    background-color: #EBEEF5
}

.flex-table--head-bg-grey:hover {
    background-color: #EBEEF5
}

.flex-table-graph__-grey {
    flex-basis: 40%;
    background-color: #5c6780;
    border-radius: 0 0 0 4px
}

@media (min-width: 992px) {
    .flex-table-graph__-grey {
        flex-basis: 2%
    }
}

.flex-table-graph__-yellow {
    flex-basis: 25%;
    background-color: #FED430
}

@media (min-width: 992px) {
    .flex-table-graph__-yellow {
        flex-basis: 15%
    }
}

.flex-table-graph__-orange {
    flex-basis: 20%;
    background-color: #FF821C
}

@media (min-width: 992px) {
    .flex-table-graph__-orange {
        flex-basis: 10%
    }
}

.flex-table__data--last {
    text-align: right
}

@media (max-width: 991.98px) {
    .flex-table__data--last {
        text-align: left
    }
}

@media (min-width: 576px) {
    .flex-table--reference-last-sm {
        text-align: right
    }
}

.flex-table__data--last-left {
    text-align: left
}

.flex-table__template--desplegable {
    padding: 24px 16px;
    background-color: #fff;
    margin-bottom: 1px;
    border-radius: 4px
}

.flex-table__template--desplegable-process {
    padding: 16px 16px 24px 16px;
    background-color: #fff;
    font-size: initial;
    margin-bottom: 1px
}

@media (max-width: 575.98px) {
    .flex-table__template--desplegable-process {
        padding: 24px 16px
    }
}

@media (min-width: 1200px) {
    .flex-table__template--desplegable-process {
        padding: 24px 40px
    }
}

@media (max-width: 575.98px) {
    .flex-table__template--desplegable-process .process-steps {
        padding-bottom: 50px
    }
}

.flex-table__template--desplegable-process .process-steps .process-number__item {
    font-size: 14px
}

.flex-table__template--desplegable-process .process-notification--first {
    padding: 24px 32px
}

@media (max-width: 575.98px) {
    .flex-table__template--desplegable-process .process-notification--first {
        padding: 0
    }
}

@media (max-width: 575.98px) {
    .flex-table__template--desplegable-process .attach__body {
        border-top: 0;
        padding: 0 0 24px
    }
}

.flex-table__template--desplegable-process .attach__body-icon,
.flex-table__template--desplegable-process .attach__file-icon {
    width: auto;
    height: auto
}

.flex-table__template--desplegable-process .attach__button,
.flex-table__template--desplegable-process .attach__button-error,
.flex-table__template--desplegable-process .attach__button-message,
.flex-table__template--desplegable-process .attach__button-error,
.flex-table__template--desplegable-process .attach__button-message {
    margin: 16px 0 0 40px
}

.flex-table__template--desplegable-process .process-notification__body {
    width: 100%
}

@media (max-width: 991.98px) {
    .flex-table__template--desplegable-process .process-notification__body {
        display: flex;
        margin-left: 0
    }
}

@media (max-width: 575.98px) {
    .flex-table__template--desplegable-process .process-notification__body {
        padding-bottom: 0;
        padding-right: 0
    }
}

@media (max-width: 575.98px) {
    .flex-table__template--desplegable-process .process-notification__body+button {
        float: none !important;
        width: 100%
    }
}

.flex-table__template--desplegable-process .process-steps--block .process-number {
    margin: 16px 16px 16px 0 !important
}

.flex-table__template--desplegable-process .process-heading__subtitle {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 991.98px) {
    .flex-table__template--desplegable-process .process-heading__subtitle {
        position: relative
    }
}

@media (max-width: 575.98px) {
    .flex-table__template--desplegable-process .process-heading__subtitle {
        right: initial;
        order: 1
    }
}

@media (max-width: 991.98px) {
    .flex-table__template--desplegable-process .process-heading__subtitle .flex-table--desplegable-process-button {
        position: absolute;
        right: 16px;
        top: 16px
    }
}

@media (max-width: 575.98px) {
    .flex-table__template--desplegable-process .process-heading__subtitle .flex-table--desplegable-process-button {
        top: 79px;
        left: 0
    }
}

.flex-table__template--desplegable-process .process-steps__drop-icon {
    margin-left: 8px;
    margin-right: 8px
}

.flex-table__rows--desplegable {
    display: flex;
    flex-direction: column
}

@media (min-width: 992px) {
    .flex-table__rows--desplegable {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 1px
    }
}

.flex-table__options--desplegable {
    align-self: flex-start;
    margin-bottom: 0;
    width: 100%
}

.flex-table__options--desplegable:before {
    content: ""
}

.flex-table__rows--desplegable-spacecolumn {
    padding-left: 24px
}

.flex-table__options--desplegable-title {
    font-weight: bold
}

.flex-table__options--desplegable-content {
    color: #191B1C;
    font-size: 12px;
    font-family: "BK-Sans"
}

.flex-table--desplegable-button {
    height: 32px;
    border-radius: 50px;
    background-color: #EFF3FF
}

.flex-table--desplegable-process-button {
    color: #191B1C;
    text-transform: none;
    letter-spacing: 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 575.98px) {
    .flex-table--desplegable-process-button {
        justify-content: flex-start;
        width: 100%
    }
}

@media (max-width: 575.98px) {
    .flex-table--desplegable-button--last {
        margin-top: 16px
    }
}

@media (min-width: 768px) {
    .flex-table--desplegable-button--last {
        margin-left: 16px
    }
}

.flex-table--desplegable-button--text {
    margin-right: 8px
}

@media (max-width: 991.98px) {
    .flex-table__data--movimientos {
        display: flex;
        justify-content: center;
        flex-direction: column
    }
}

.flex-table__data--movimientos div span {
    display: block
}

.flex-table__data--movimientos span.icon {
    display: inline-block
}

.flex-table__data--movimientos a.icon {
    margin-top: -3px;
    margin-right: 8px
}

.flex-table__data--movimientos a.icon:hover {
    text-decoration: none;
    color: #FF821C !important
}

.flex-table__data--movimientos div:before {
    height: auto
}

.flex-table__data--movimientos:before {
    height: auto
}

@media (max-width: 575.98px) {
    .flex-table__data--movimientos .radio,
    .flex-table__data--movimientos .checkbox {
        margin-bottom: 24px
    }
}

@media (max-width: 575.98px) {
    .flex-table__data--movimientos .flex-table__data {
        line-height: 20px
    }
}

.flex-table--editable {
    position: relative
}

.flex-table--editable .flex-table__rows {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 60px
}

@media (max-width: 991.98px) {
    .flex-table--editable .flex-table__rows {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.flex-table--editable .flex-table--head {
    padding-right: 60px
}

.flex-table--editable .flex-table__title-primary {
    padding-right: 24px
}

.flex-table--editable .flex-table__rows--active {
    background-color: #EFF3FF
}

@media (max-width: 991.98px) {
    .flex-table--editable .flex-table__data {
        padding-right: 15px;
        font-weight: bold
    }
}

@media (max-width: 767.98px) {
    .flex-table--editable .flex-table__data {
        margin-bottom: 16px
    }
}

.flex-table__rows--input .disabled {
    border: 0;
    pointer-events: none
}

.flex-table__rows--input .input__control {
    width: 100%;
    text-align: right;
    padding: 0 4px 0 0;
    background: transparent;
    font-size: 13px;
    color: #191B1C;
    height: auto;
    border: none
}

@media (max-width: 991.98px) {
    .flex-table__rows--input .input__control {
        text-align: left
    }
}

.flex-table__rows--input label {
    display: none
}

.flex-table__rows--input .input {
    height: auto;
    align-items: center;
    border: 0
}

.flex-table__rows--input .input.input-edit {
    border: 1px solid #AFB5C8
}

.flex-table__rows--input .input.input--has-focus .input__control {
    box-shadow: none !important
}

.flex-table__rows--input .input--has-focus {
    box-shadow: none !important
}

.flex-table__rows--input.flex-table__rows--input-edit {
    background-color: #D9E4FF
}

.flex-table__rows--input.flex-table__rows--input-edit .icon--check-16 {
    display: block
}

.flex-table__rows--input.flex-table__rows--input-edit .icon--edit-16 {
    display: none
}

.flex-table__rows--input.flex-table__rows--input-edit .input {
    border: 1px solid #AFB5C8;
    background: #fff;
    height: 32px
}

.flex-table__rows--input.flex-table__rows--input-edit .input.input--is-error {
    border: 1px solid #CB1720
}

.flex-table__rows--input.flex-table__rows--input-edit .input.input--has-focus {
    border: 1px dashed #191B1C;
    outline: none
}

.flex-table__rows--input.flex-table__rows--input-edit .input.input--is-error.input--has-focus {
    border: 1px dashed #CB1720;
    outline: none
}

.flex-table__rows--input.flex-table__rows--input-edit .input__control {
    padding: 0 10px;
    text-align: right
}

.flex-table__rows--input.flex-table__rows--input-edit .input__control:focus {
    border: none
}

.flex-table__rows--input.flex-table__rows--input-edit .action-box__button {
    background-color: #fff
}

.flex-table__rows--input.flex-table__rows--input-has-edit {
    background-color: #D9E4FF
}

.flex-table__rows--input.flex-table__rows--input-has-edit .action-box__button {
    background-color: #fff
}

.flex-table__rows--input.flex-table__rows--input-has-edit .input--has-focus {
    border: none;
    box-shadow: none
}

.flex-table__rows--input.flex-table__rows--input-has-edit .input-text {
    width: 100%
}

.flex-table__rows--input.flex-table__rows--input-has-edit .input-text span {
    padding-right: 4px
}

@media (min-width: 992px) {
    .flex-table__rows--input.flex-table__rows--input-has-edit .input-text {
        text-align: right
    }
}

.flex-table__rows--input .icon--check-16 {
    display: none
}

@media (max-width: 991.98px) {
    .flex-table__rows--input .flex-table__data {
        padding-right: 30px
    }
    .flex-table__rows--input .flex-table__data:last-of-type {
        text-align: left
    }
    .flex-table__rows--input .flex-table__data:nth-child(3) {
        padding-right: 46px
    }
    .flex-table__rows--input .input__control {
        text-align: left
    }
    .flex-table__rows--input.flex-table__rows--input-edit .input__control {
        text-align: left;
        border: none
    }
}

@media (max-width: 575.98px) {
    .flex-table__rows--input .flex-table__data {
        padding-right: 46px
    }
}

.flex-table__rows--input-error {
    background-color: #FFB5B1;
    align-items: center;
    display: flex;
    cursor: default
}

@media (min-width: 576px) {
    .flex-table__rows--input-error {
        min-height: 40px
    }
}

.flex-table__rows--input-error:hover {
    background-color: #FFB5B1
}

@media (max-width: 991.98px) {
    .flex-table__rows--input-error {
        padding: 0 16px
    }
}

.flex-table__rows--alert-cyan {
    background-color: #D3F6F5;
    align-items: center;
    display: flex;
    cursor: default
}

@media (min-width: 576px) {
    .flex-table__rows--alert-cyan {
        min-height: 40px
    }
}

.flex-table__rows--alert-cyan:hover {
    background-color: #D3F6F5
}

@media (max-width: 991.98px) {
    .flex-table__rows--alert-cyan {
        padding: 0 16px
    }
}

@media (max-width: 991.98px) {
    .flex-table--editable .flex-table__template .flex-table__rows:nth-child(odd) {
        background-color: #F7FAFF
    }
}

@media (max-width: 991.98px) {
    .flex-table--editable .flex-table__template .flex-table__rows--active {
        background-color: #fff
    }
    .flex-table--editable .flex-table__template .flex-table__rows--active:nth-child(odd) {
        background-color: #F7FAFF
    }
}

.flex-table--editable__row-btn {
    border: 1px solid transparent
}

@media (max-width: 991.98px) {
    .flex-table--editable__row-btn {
        background-color: #EFF3FF
    }
}

.flex-table--editable__row-btn--active {
    border: 1px solid #AFB5C8;
    box-shadow: 0 0 0 4px transparent;
    color: #191B1C;
    background-color: #fff
}

.flex-table--editable__error {
    position: absolute;
    bottom: 44px;
    right: 0
}

.flex-table__button--absolute {
    position: absolute;
    right: 0;
    top: 10px
}

@media (max-width: 991.98px) {
    .flex-table__button--absolute {
        right: 16px;
        top: 16px
    }
}

.flex-table--editable__input {
    flex-direction: row-reverse;
    border: none;
    padding: 0
}

@media (max-width: 991.98px) {
    .flex-table--editable__input {
        flex-direction: row
    }
}

.flex-table--editable__input .input__label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.flex-table--editable__input .input__control {
    height: 48px;
    line-height: 48px;
    color: #191B1C;
    font-size: 12px;
    width: 100%;
    padding: 0 20px
}

@media (min-width: 992px) {
    .flex-table--editable__input .input__control {
        text-align: right
    }
}

@media (max-width: 991.98px) {
    .flex-table--editable__input .input__control {
        height: 32px;
        line-height: 32px
    }
}

.flex-table--editable__input--active .flex-table--editable__input--container {
    display: block
}

.flex-table--editable__input--active .flex-table--editable__text--container {
    display: none
}

.flex-table--editable__input.input--is-error .flex-table--editable__input--container {
    border: 1px solid #CB1720
}

.flex-table--editable__input.input--is-warning .flex-table--editable__input--container {
    border: 1px solid #FF821C
}

.flex-table--editable__input.input--is-success .flex-table--editable__input--container {
    border: 1px solid #008931
}

.flex-table--editable__text--container {
    display: block;
    height: 50px;
    line-height: 50px
}

@media (max-width: 991.98px) {
    .flex-table--editable__text--container {
        height: auto;
        line-height: 18px;
        font-weight: normal
    }
}

.flex-table__data-actions {
    position: relative;
    max-width: 150px
}

.flex-table__data-logo--min {
    width: 32px;
    height: 32px;
    margin-right: 8px
}

@media (min-width: 992px) {
    .flex-table__data-logo--min {
        width: 24px;
        height: 24px
    }
}

.flex-table--editable {
    position: relative
}

.flex-table--editable .flex-table__rows {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 60px
}

@media (max-width: 991.98px) {
    .flex-table--editable .flex-table__rows {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.flex-table--editable .flex-table__rows:hover .btn--rounded-small {
    background-color: #fff
}

.flex-table--editable .flex-table--head {
    padding-right: 60px
}

.flex-table--editable .flex-table__title-primary {
    padding-right: 24px
}

.flex-table--editable .flex-table__rows--active {
    background-color: #EFF3FF
}

@media (max-width: 991.98px) {
    .flex-table--editable .flex-table__data {
        padding-right: 15px;
        font-weight: bold
    }
}

@media (max-width: 767.98px) {
    .flex-table--editable .flex-table__data {
        margin-bottom: 16px
    }
}

@media (max-width: 991.98px) {
    .flex-table--editable .flex-table__template .flex-table__rows:nth-child(odd) {
        background-color: #F7FAFF
    }
}

@media (max-width: 991.98px) {
    .flex-table--editable .flex-table__template .flex-table__rows--active {
        background-color: #fff
    }
    .flex-table--editable .flex-table__template .flex-table__rows--active:nth-child(odd) {
        background-color: #F7FAFF
    }
}

.flex-table--editable__row-btn {
    border: 1px solid transparent
}

@media (max-width: 991.98px) {
    .flex-table--editable__row-btn {
        background-color: #EFF3FF
    }
}

.flex-table--editable__row-btn--active {
    border: 1px solid #AFB5C8;
    box-shadow: 0 0 0 4px transparent;
    color: #191B1C;
    background-color: #fff
}

.flex-table--editable__error {
    position: absolute;
    bottom: 44px;
    right: 0
}

.flex-table__button--absolute {
    position: absolute;
    right: 0;
    top: 10px
}

@media (max-width: 991.98px) {
    .flex-table__button--absolute {
        right: 16px;
        top: 16px
    }
}

.flex-table--editable__input {
    flex-direction: row-reverse;
    border: none;
    padding: 0
}

@media (max-width: 991.98px) {
    .flex-table--editable__input {
        flex-direction: row
    }
}

.flex-table--editable__input .input__label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.flex-table--editable__input .input__control {
    height: 48px;
    line-height: 48px;
    color: #191B1C;
    font-size: 12px;
    width: 100%;
    padding: 0 20px
}

@media (min-width: 992px) {
    .flex-table--editable__input .input__control {
        text-align: right
    }
}

@media (max-width: 991.98px) {
    .flex-table--editable__input .input__control {
        height: 32px;
        line-height: 32px
    }
}

.flex-table--editable__input--active .flex-table--editable__input--container {
    display: block
}

.flex-table--editable__input--active .flex-table--editable__text--container {
    display: none
}

.flex-table--editable__text--container {
    display: block;
    height: 50px;
    line-height: 50px
}

@media (max-width: 991.98px) {
    .flex-table--editable__text--container {
        height: auto;
        line-height: 18px;
        font-weight: normal
    }
}

.flex-table--editable__input--container {
    display: none;
    width: 100%;
    border: 1px solid #AFB5C8;
    border-radius: 4px;
    background-color: #fff
}

.flex-table__options--checkbox .checkbox.allchecked {
    margin-right: 0
}

.flex-table__options--checkbox label {
    text-transform: uppercase;
    font-size: 10px !important;
    color: #191B1C !important
}

.flex-table__footer {
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: #fff;
    box-shadow: 0 -6px 30px 0 rgba(107, 112, 126, 0.15)
}

@media (min-width: 576px) {
    .flex-table__footer {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.flex-table__footer--sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1020
}

.flex-table__footer__container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: column-reverse
}

@media (min-width: 576px) {
    .flex-table__footer__container {
        flex-flow: row;
        align-items: center
    }
}

.flex-table__footer__container.flex-table__footer__container--complexe {
    flex-flow: column;
    align-items: center
}

@media (min-width: 576px) {
    .flex-table__footer__container.flex-table__footer__container--complexe {
        flex-flow: row
    }
}

.flex-table__footer__container.flex-table__footer__container--complexe>div {
    margin-bottom: 24px;
    justify-content: space-between;
    display: flex;
    align-self: stretch;
    flex-flow: row
}

@media (min-width: 576px) {
    .flex-table__footer__container.flex-table__footer__container--complexe>div {
        margin-bottom: 0
    }
}

.flex-table__footer__container.flex-table__footer__container--complexe div:last-child {
    margin-bottom: 0
}

.flex-table__footer__container.flex-table__footer__container--complexe div {
    width: auto
}

.flex-table__footer__container div {
    display: flex;
    flex-flow: column-reverse;
    width: 100%
}

@media (min-width: 576px) {
    .flex-table__footer__container div {
        align-items: center;
        flex-flow: row;
        width: auto
    }
}

.flex-table__footer__container .flex-table__data-checkbox {
    padding-left: 0;
    max-width: 100%;
    flex-direction: row;
    align-items: center
}

.flex-table__footer__container .flex-table__data-checkbox .checkbox {
    width: auto;
    margin-right: 16px
}

.flex-table__footer__container .flex-table__data-checkbox .checkbox label {
    font-size: 12px;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
    margin-left: 6px
}

.flex-table__footer__container .flex-table__data-checkbox .checkbox.allchecked {
    right: auto
}

.flex-table__footer__container .flex-table__text-selected {
    color: #191B1C;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
    text-transform: uppercase
}

@media (max-width: 575.98px) {
    .flex-table__footer__container .flex-table__text-selected {
        display: none
    }
}

.flex-table__footer__container .badge {
    display: inline-block;
    margin-right: 0
}

@media (min-width: 576px) {
    .flex-table__footer__container .badge {
        margin-right: 16px
    }
}

.flex-table__footer__container .action-box__button {
    background: #fff;
    margin-left: 24px
}

.flex-table__footer__container .flex-table__footer__button {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width: 576px) {
    .flex-table__footer__container .flex-table__footer__button {
        margin-left: 24px
    }
}

.flex-table__rows--pend-mov {
    display: flex;
    font-size: 12px;
    background-color: #EFF3FF;
    padding: 16px;
    min-height: 64px
}

.flex-table__rows--pend-mov .flex-table__pend-title {
    flex-basis: 100%;
    display: flex;
    flex-direction: column
}

@media (min-width: 576px) {
    .flex-table__rows--pend-mov {
        min-height: 46px
    }
    .flex-table__rows--pend-mov .flex-table__pend-title {
        flex-direction: row;
        justify-content: space-between;
        flex-basis: 94%
    }
}

@media (min-width: 1200px) {
    .flex-table__rows--pend-mov .flex-table__pend-title {
        flex-basis: 94.8%
    }
}

.flex-table__rows--pend-mov .flex-table__pend-status {
    font-weight: normal
}

.flex-table__rows--pend-mov:hover,
.flex-table__rows--pend-mov:focus {
    background-color: #EFF3FF;
    color: #191B1C
}

.flex-table__rows--next-mov {
    display: flex;
    font-size: 12px;
    max-height: 64px;
    background-color: #EFF3FF;
    padding: 16px;
    font-weight: bold
}

@media (min-width: 576px) {
    .flex-table__rows--next-mov {
        min-height: 46px
    }
}

.flex-table__rows--next-mov:hover,
.flex-table__rows--next-mov:focus {
    background-color: #EFF3FF;
    color: #191B1C
}

.flex-table__data-checkbox .checkbox.allchecked {
    right: 0;
    top: 0;
    margin-left: 0;
    margin-right: 8px
}

@media (min-width: 992px) {
    .flex-table__data-checkbox .checkbox.allchecked {
        right: -8px;
        top: 0
    }
}

.flex-table__data-checkbox .checkbox.allchecked input[type="checkbox"]:checked+label:after {
    top: 0;
    left: 2px;
    font-size: 16px;
    content: "\e9ca";
    background-color: transparent;
    width: 0;
    height: 0
}

.flex-table__rows--movimientos .checkbox input[type="checkbox"]:checked+label:after {
    height: 12px;
    width: 12px;
    border-radius: 3px;
    top: 4px;
    left: 4px;
    background-color: #FF821C;
    content: ""
}

.flex-table__data-checkbox--column {
    flex-direction: column
}

.flex-table__data-checkbox {
    display: flex
}

@media (min-width: 992px) {
    .flex-table__data-checkbox {
        align-items: center;
        justify-content: flex-end
    }
}

.flex-table__data-checkbox .checkbox {
    height: 20px;
    width: 20px
}

.flex-table__data-checkbox .checkbox label {
    line-height: 20px;
    color: #191B1C;
    font-size: 12px
}

.flex-table__data-checkbox .checkbox input[type="checkbox"]+label:before {
    width: 20px;
    height: 20px
}

.flex-table__data-checkbox .checkbox input[type="checkbox"]:checked+label:after {
    height: 12px;
    width: 12px;
    border-radius: 3px;
    top: 4px;
    left: 4px;
    background-color: #BD4313;
    content: ""
}

.flex-table__data-checkbox .checkbox input[type="checkbox"]:disabled+label:after {
    opacity: 0.4;
    color: #5c6780;
    background-color: #5c6780
}

.flex-table__data-checkbox .checkbox.checkbox--is-error input[type="checkbox"]+label:after {
    background-color: #CB1720
}

.flex-table__data-checkbox .checkbox.checkbox--is-error input[type="checkbox"]+label:before {
    border: 1px solid #CB1720;
    color: #CB1720
}

.flex-table__data-checkbox .checkbox.checkbox__gris input[type="checkbox"]:checked+label:after {
    background-color: #AFB5C8
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .flex-table__data-checkbox--column {
        flex-basis: 12px
    }
}

@media (min-width: 992px) {
    .flex-table__data-checkbox--column .checkbox.allchecked {
        right: 0 !important
    }
}

.flex-table__data-checkbox--column .checkbox.checkbox--is-error input[type="checkbox"]+label:before {
    border: 1px solid #CB1720;
    color: #CB1720
}

@media (min-width: 992px) {
    .flex-table__data-checkbox--column {
        flex-direction: row
    }
}

.flex-table__data-checkbox--without {
    min-width: 35px;
    flex-grow: 0
}

.flex-table__data-checkbox--mw-none {
    max-width: none
}

@media (max-width: 991.98px) {
    .flex-table__data-radio--width {
        height: 0;
        margin: 0;
        padding: 0
    }
    .flex-table__data--width {
        margin-left: 40px;
        max-width: 80%
    }
}

.flex-table__data-radio {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (max-width: 991.98px) {
    .flex-table__data-radio {
        flex-direction: row;
        display: inline-flex
    }
}

@media (min-width: 576px) {
    .flex-table__data-radio {
        align-items: initial
    }
}

@media (min-width: 992px) {
    .flex-table__data-radio {
        align-items: center;
        justify-content: flex-end
    }
}

.flex-table__data-radio .radio {
    height: 20px;
    width: 20px;
    margin-right: 0
}

@media (max-width: 575.98px) {
    .flex-table__data-radio .radio {
        margin-bottom: 0
    }
}

.flex-table__data-radio .radio label {
    font-size: 12px;
    line-height: 22px
}

.flex-table__data-radio .radio input[type="radio"]+label:before {
    width: 20px;
    height: 20px;
    font-size: 12px
}

.flex-table__data-radio .radio input[type="radio"]:checked+label:after {
    height: 6px;
    width: 6px;
    top: 7px;
    left: 7px;
    background-color: #FF821C;
    content: ""
}

.flex-table__data-radio .radio input[type="radio"]:disabled+label:after {
    opacity: 0.4;
    color: #5c6780;
    background-color: #5c6780
}

.flex-table__data-radio .radio.radio--is-error input[type="radio"]+label:after {
    background-color: #CB1720
}

.flex-table__data-radio .radio.radio--is-error input[type="radio"]+label:before {
    border: 1px solid #CB1720;
    color: #CB1720
}

.flex-table__data-radio .radio.radio__gris input[type="radio"]:checked+label:after {
    background-color: #AFB5C8
}

.flex-table__data-radio .radio.radio-withoutlabel {
    margin-left: 50px
}

@media (max-width: 991.98px) {
    .flex-table__data-radio .radio.radio-withoutlabel {
        right: 44px;
        top: 16px;
        margin-left: 0
    }
}

.flex-table__data-radio .radio.radio-withlabel {
    margin-right: 20px
}

.flex-table__data-radio .radio.allchecked {
    right: 0;
    top: 0;
    margin-left: 0;
    margin-right: 8px
}

@media (min-width: 576px) {
    .flex-table__data-radio .radio.allchecked {
        right: 36px;
        top: 20px
    }
}

@media (min-width: 992px) {
    .flex-table__data-radio .radio.allchecked {
        right: -8px;
        top: 0
    }
}

@media (min-width: 992px) {
    .flex-table__data-radio {
        flex-direction: row;
        align-items: center;
        width: auto
    }
}

@media (min-width: 992px) {
    .flex-table__data-radio p {
        padding-left: 12px
    }
}

@media (max-width: 991.98px) {
    .flex-table__data-logo img {
        display: block
    }
}

@media (min-width: 992px) {
    .flex-table__data-logo {
        padding-left: 35px !important
    }
}

@media (min-width: 992px) {
    .flex-table__data-logo img {
        margin-left: -35px
    }
}

@media (min-width: 992px) {
    .flex-table__data-icon:first-of-type .icon {
        margin-left: -26px
    }
}

.flex-table__data-icon .icon {
    margin-right: 8px
}

@media (min-width: 992px) {
    .flex-table__data-icon {
        padding-left: 26px !important
    }
    .flex-table__data-icon .icon {
        margin-left: -26px
    }
}

.flex-table__data-icon-16 .icon {
    margin-right: 8px
}

@media (min-width: 992px) {
    .flex-table__data-icon-16 {
        padding-left: 34px !important
    }
    .flex-table__data-icon-16 .icon {
        margin-left: -34px
    }
}

@media (min-width: 992px) {
    .flex-table__data-icon-24 {
        padding-left: 26px !important
    }
    .flex-table__data-icon-24 .icon {
        margin-left: -26px;
        margin-right: 0
    }
}

@media (min-width: 992px) {
    .flex-table__data-icon-32 {
        padding-left: 26px !important
    }
    .flex-table__data-icon-32 .icon {
        margin-left: -34px;
        margin-right: 0
    }
}

.flex-table__data--icon-name {
    font-size: 14px !important;
    height: 48px !important;
    width: 48px !important;
    line-height: 48px !important;
    min-width: 48px !important;
    align-items: center;
    justify-content: center;
    color: #191B1C;
    margin-right: 16px;
    font-family: "BK-Sans" !important
}

@media (max-width: 991.98px) {
    .flex-table__data--icon-name {
        display: none
    }
}

.flex-table__data-tag span.icon+.data-tab__positive-number {
    margin-left: 0
}

.flex-table__data-tag span.icon+.data-tab__negative-number {
    margin-left: 0
}

.flex-table__data-tag span:first-of-type+.data-tag__positive {
    margin-left: 8px
}

.flex-table__data-tag span:first-of-type+.data-tag__negative {
    margin-left: 8px
}

.flex-table__data-tag .data-tag__positive {
    background-color: #A7F3C5;
    font-size: .875rem;
    padding: 3px 8px 4px;
    border-radius: 4px
}

@media (max-width: 991.98px) {
    .flex-table__data-tag .data-tag__positive {
        font-size: 12px
    }
}

.flex-table__data-tag .data-tag__positive:hover {
    background-color: #fff
}

.flex-table__data-tag .data-tag__negative {
    background-color: #FFB5B1;
    font-size: .875rem;
    padding: 3px 8px 4px;
    border-radius: 4px
}

@media (max-width: 991.98px) {
    .flex-table__data-tag .data-tag__negative {
        font-size: 12px
    }
}

.flex-table__data-tag .data-tag__negative:hover {
    background-color: #fff
}

.flex-table__data-tag .data-tag__neutro {
    background-color: transparent;
    font-size: .875rem;
    padding: 3px 8px 4px;
    border-radius: 4px;
    width: 58px;
    text-align: right
}

@media (max-width: 991.98px) {
    .flex-table__data-tag .data-tag__neutro {
        font-size: 12px
    }
}

@media (max-width: 767.98px) {
    .flex-table__data-tag .data-tag__neutro {
        text-align: left;
        padding-left: 0
    }
}

.flex-table__data-tag .data-tag__neutro.flex-table__data-tag--small {
    font-size: 12px
}

.flex-table__data-tag.flex-table__data-tag--small .data-tag__positive,
.flex-table__data-tag.flex-table__data-tag--small .data-tag__negative {
    font-size: 12px;
    padding: 5px 8px
}

.flex-table__data-important-father {
    display: flex;
    flex-direction: column
}

@media (min-width: 576px) {
    .flex-table__data-important-father {
        flex-direction: row
    }
}

.flex-table__data-important {
    font-size: 10px;
    background-color: #EBEEF5;
    color: #5c6780;
    max-width: 180px;
    border-radius: 4px;
    padding: 0 8px 0 8px;
    text-align: center
}

@media (min-width: 576px) {
    .flex-table__data-important {
        margin-left: 8px
    }
}

.flex-table__data-actions {
    position: relative;
    max-width: 150px
}

.flex-table__data-notification {
    align-items: baseline;
    flex-direction: column;
    transform: translateX(-16px)
}

@media (max-width: 991.98px) {
    .flex-table__data-notification {
        transform: translateX(0);
        margin-top: 0
    }
}

.flex-table__data-notification .flex-table__data-notification-text {
    flex-basis: 95%;
    display: flex;
    padding-right: 0
}

@media (min-width: 576px) {
    .flex-table__data-notification .flex-table__data-notification-text {
        padding-right: 40px
    }
}

@media (max-width: 767.98px) {
    .flex-table__data-notification .flex-table__data-notification-text a {
        margin-left: -15px
    }
}

.flex-table__data-notification .flex-table__data-notification-text:before {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #FF821C;
    border-radius: 4px;
    padding: 8px 8px 0 0;
    margin: 0 8px 8px 0;
    position: relative;
    top: 6px
}

.flex-table__data-notification .flex-table__data-notification-text.flex-table__data-notification-text--disabled:before {
    content: none;
    background-color: transparent
}

@media (min-width: 576px) {
    .flex-table__data-notification .flex-table__data-notification-text.flex-table__data-notification-text--disabled:before {
        padding-right: 40px
    }
}

.flex-table__data-notification .flex-table__data-notification-text.flex-table__data-notification-text--red:before {
    background-color: #CB1720
}

.flex-table__data-notification .flex-table__data-notification-text.flex-table__data-notification-text--green:before {
    background-color: #22CB65
}

.flex-table__data-notification .flex-table__data-notification-text .text-link {
    display: table !important
}

.flex-table--theme-white .flex-table__rows {
    border-bottom: 1px solid #EBEEF5;
    border-radius: 0;
    flex-wrap: wrap;
    margin-bottom: 0
}

.flex-table--theme-white .flex-table__rows.flex-table-reference-fondos {
    background-color: #F7FAFF;
    border-bottom: none;
    border-radius: 4px
}

.flex-table--theme-white .flex-table__rows.flex-table--head-bradius {
    border-radius: 4px
}

.flex-table--theme-white .flex-table__rows.flex-table--update {
    background-color: #EFF3FF;
    padding: 0 16px
}

.flex-table--theme-white .flex-table__rows.flex-table--update .flex-table__data {
    padding: 16px 0
}

.flex-table--theme-white .flex-table__rows.flex-table--update .flex-table__data.flex-table__data--update {
    padding: 0
}

.flex-table--theme-white .flex-table__rows.flex-table--updateEditable {
    background-color: #EFF3FF
}

.flex-table--theme-white .flex-table__rows.flex-table--updateEditable .flex-table__data {
    padding: 16px 0
}

.flex-table--theme-white .flex-table__rows.flex-table--updateEditable .flex-table__data.flex-table__data--update {
    padding: 0
}

.flex-table--theme-white .flex-table-input {
    width: 100%
}

@media (min-width: 768px) {
    .flex-table--theme-white .flex-table--head {
        border: none
    }
}

.flex-table--theme-white .flex-table__title-primary {
    background-color: #EFF3FF
}

.flex-table--theme-white .flex-table__title-primary--bg-white {
    background-color: #fff
}

.flex-table--theme-white .flex-table__title-secondary {
    background-color: #D9E4FF
}

.flex-table--theme-white .flex-table__title-radius {
    border-radius: 4px
}

.flex-table__form-radio .flex-table--head {
    background-color: #EBEEF5
}

.flex-table--summary .flex-table__data-radio {
    justify-content: flex-start
}

@media (min-width: 992px) {
    .flex-table--summary .flex-table__data-radio+.flex-table__data--last-left {
        padding-left: 7px
    }
}

.flex-table--summary .flex-table__data-radio .radio {
    margin-right: 0
}

.flex-table--summary .flex-table__rows {
    background-color: #F7FAFF
}

.flex-table--summary .flex-table__rows:focus {
    box-shadow: 0 0 0 0
}

.flex-table--summary .flex-table--head.flex-table--head--visible {
    background-color: #EBEEF5
}

@media (min-width: 992px) {
    .flex-table--summary .flex-table--head {
        background-color: #EBEEF5
    }
}

.flex-table--summary .flex-table--head:hover {
    background-color: #EBEEF5
}

@media (min-width: 992px) {
    .flex-table--summary .flex-table--head .col-11 {
        padding-left: 8px
    }
}

.flex-table--summary .flex-table--discard {
    position: absolute;
    right: 16px;
    top: 16px
}

@media (min-width: 768px) {
    .flex-table--summary .flex-table--discard {
        right: 24px;
        top: 24px
    }
}

@media (min-width: 992px) {
    .flex-table--summary .flex-table--discard {
        position: relative;
        margin: auto;
        right: 0;
        top: 0
    }
}

@media (min-width: 1200px) {
    .flex-table--summary .flex-table--discard {
        margin: inherit
    }
}

.sidebar .flex-table__data:last-child {
    text-align: initial
}

@media (min-width: 992px) {
    .flex-table__rows--height-64 .flex-table-graph__line {
        transform: translateY(8px)
    }
}

@media (min-width: 992px) {
    .flex-table__rows--height-80 .flex-table-graph__line {
        transform: translateY(16px)
    }
}

@media (min-width: 992px) {
    .flex-table__rows--height-56 .flex-table-graph__line {
        transform: translateY(2px)
    }
}

@media (min-width: 992px) {
    .flex-table__rows--height-72 .flex-table-graph__line {
        transform: translateY(13px)
    }
}

@media (min-width: 992px) {
    .flex-table-graph {
        padding: 8px 16px 2px 16px
    }
}

.flex-table-graph__line {
    display: flex;
    height: 5px;
    border-left: 1px solid #D9E4FF;
    border-bottom: 1px solid #D9E4FF;
    border-right: 1px solid #D9E4FF;
    border-radius: 10px 10px 0 0;
    background-color: #D9E4FF
}

@media (min-width: 992px) {
    .flex-table-graph__line {
        transform: translateY(2px)
    }
}

.flex-table-graph__slice {
    top: 0;
    height: 4px;
    border-left: 0;
    border-right: 0
}

.flex-table-graph__slice--right {
    border-radius: 10px 0 0 0
}

.flex-table-graph__slice--left {
    border-radius: 10px 0 0 0
}

.flex-table-graph__slice--first {
    background-color: #5c6780
}

.flex-table-graph__slice--second {
    background-color: #FED430
}

.flex-table-graph__slice--third {
    background-color: #FF821C
}

.flex-table-graph__slice--fourth {
    background-color: #AFB5C8
}

.flex-table-graph__slice--fifth {
    background-color: #B5F0EF
}

.flex-table-graph__slice--positive {
    background-color: #22CB65
}

.flex-table-graph__slice--negative {
    background-color: #CB1720
}

.flex-table-graph__slice--w1 {
    width: 1%
}

.flex-table-graph__slice--w2 {
    width: 2%
}

.flex-table-graph__slice--w3 {
    width: 3%
}

.flex-table-graph__slice--w4 {
    width: 4%
}

.flex-table-graph__slice--w5 {
    width: 5%
}

.flex-table-graph__slice--w6 {
    width: 6%
}

.flex-table-graph__slice--w7 {
    width: 7%
}

.flex-table-graph__slice--w8 {
    width: 8%
}

.flex-table-graph__slice--w9 {
    width: 9%
}

.flex-table-graph__slice--w10 {
    width: 10%
}

.flex-table-graph__slice--w11 {
    width: 11%
}

.flex-table-graph__slice--w12 {
    width: 12%
}

.flex-table-graph__slice--w13 {
    width: 13%
}

.flex-table-graph__slice--w14 {
    width: 14%
}

.flex-table-graph__slice--w15 {
    width: 15%
}

.flex-table-graph__slice--w16 {
    width: 16%
}

.flex-table-graph__slice--w17 {
    width: 17%
}

.flex-table-graph__slice--w18 {
    width: 18%
}

.flex-table-graph__slice--w19 {
    width: 19%
}

.flex-table-graph__slice--w20 {
    width: 20%
}

.flex-table-graph__slice--w21 {
    width: 21%
}

.flex-table-graph__slice--w22 {
    width: 22%
}

.flex-table-graph__slice--w23 {
    width: 23%
}

.flex-table-graph__slice--w24 {
    width: 24%
}

.flex-table-graph__slice--w25 {
    width: 25%
}

.flex-table-graph__slice--w26 {
    width: 26%
}

.flex-table-graph__slice--w27 {
    width: 27%
}

.flex-table-graph__slice--w28 {
    width: 28%
}

.flex-table-graph__slice--w29 {
    width: 29%
}

.flex-table-graph__slice--w30 {
    width: 30%
}

.flex-table-graph__slice--w31 {
    width: 31%
}

.flex-table-graph__slice--w32 {
    width: 32%
}

.flex-table-graph__slice--w33 {
    width: 33%
}

.flex-table-graph__slice--w34 {
    width: 34%
}

.flex-table-graph__slice--w35 {
    width: 35%
}

.flex-table-graph__slice--w36 {
    width: 36%
}

.flex-table-graph__slice--w37 {
    width: 37%
}

.flex-table-graph__slice--w38 {
    width: 38%
}

.flex-table-graph__slice--w39 {
    width: 39%
}

.flex-table-graph__slice--w40 {
    width: 40%
}

.flex-table-graph__slice--w41 {
    width: 41%
}

.flex-table-graph__slice--w42 {
    width: 42%
}

.flex-table-graph__slice--w43 {
    width: 43%
}

.flex-table-graph__slice--w44 {
    width: 44%
}

.flex-table-graph__slice--w45 {
    width: 45%
}

.flex-table-graph__slice--w46 {
    width: 46%
}

.flex-table-graph__slice--w47 {
    width: 47%
}

.flex-table-graph__slice--w48 {
    width: 48%
}

.flex-table-graph__slice--w49 {
    width: 49%
}

.flex-table-graph__slice--w50 {
    width: 50%
}

.flex-table-graph__slice--w51 {
    width: 51%
}

.flex-table-graph__slice--w52 {
    width: 52%
}

.flex-table-graph__slice--w53 {
    width: 53%
}

.flex-table-graph__slice--w54 {
    width: 54%
}

.flex-table-graph__slice--w55 {
    width: 55%
}

.flex-table-graph__slice--w56 {
    width: 56%
}

.flex-table-graph__slice--w57 {
    width: 57%
}

.flex-table-graph__slice--w58 {
    width: 58%
}

.flex-table-graph__slice--w59 {
    width: 59%
}

.flex-table-graph__slice--w60 {
    width: 60%
}

.flex-table-graph__slice--w61 {
    width: 61%
}

.flex-table-graph__slice--w62 {
    width: 62%
}

.flex-table-graph__slice--w63 {
    width: 63%
}

.flex-table-graph__slice--w64 {
    width: 64%
}

.flex-table-graph__slice--w65 {
    width: 65%
}

.flex-table-graph__slice--w66 {
    width: 66%
}

.flex-table-graph__slice--w67 {
    width: 67%
}

.flex-table-graph__slice--w68 {
    width: 68%
}

.flex-table-graph__slice--w69 {
    width: 69%
}

.flex-table-graph__slice--w70 {
    width: 70%
}

.flex-table-graph__slice--w71 {
    width: 71%
}

.flex-table-graph__slice--w72 {
    width: 72%
}

.flex-table-graph__slice--w73 {
    width: 73%
}

.flex-table-graph__slice--w74 {
    width: 74%
}

.flex-table-graph__slice--w75 {
    width: 75%
}

.flex-table-graph__slice--w76 {
    width: 76%
}

.flex-table-graph__slice--w77 {
    width: 77%
}

.flex-table-graph__slice--w78 {
    width: 78%
}

.flex-table-graph__slice--w79 {
    width: 79%
}

.flex-table-graph__slice--w80 {
    width: 80%
}

.flex-table-graph__slice--w81 {
    width: 81%
}

.flex-table-graph__slice--w82 {
    width: 82%
}

.flex-table-graph__slice--w83 {
    width: 83%
}

.flex-table-graph__slice--w84 {
    width: 84%
}

.flex-table-graph__slice--w85 {
    width: 85%
}

.flex-table-graph__slice--w86 {
    width: 86%
}

.flex-table-graph__slice--w87 {
    width: 87%
}

.flex-table-graph__slice--w88 {
    width: 88%
}

.flex-table-graph__slice--w89 {
    width: 89%
}

.flex-table-graph__slice--w90 {
    width: 90%
}

.flex-table-graph__slice--w91 {
    width: 91%
}

.flex-table-graph__slice--w92 {
    width: 92%
}

.flex-table-graph__slice--w93 {
    width: 93%
}

.flex-table-graph__slice--w94 {
    width: 94%
}

.flex-table-graph__slice--w95 {
    width: 95%
}

.flex-table-graph__slice--w96 {
    width: 96%
}

.flex-table-graph__slice--w97 {
    width: 97%
}

.flex-table-graph__slice--w98 {
    width: 98%
}

.flex-table-graph__slice--w99 {
    width: 99%
}

.flex-table-graph__slice--w100 {
    width: 100%
}

.flex-table--skeleton .flex-table__rows {
    min-height: unset;
    padding: 16px 0
}

@media (min-width: 992px) {
    .flex-table--skeleton .flex-table__rows {
        padding: 16px 16px
    }
}

.flex-table--skeleton .flex-table__blur {
    display: inline-block;
    height: 8px;
    border-radius: 4px;
    background-color: #EBEEF5
}

.flex-table--skeleton .flex-table__blur--min {
    width: 32px
}

.flex-table--skeleton .flex-table__blur--medium {
    width: 72px
}

.flex-table--skeleton .flex-table__blur--large {
    width: 128px
}

.flex-table--skeleton .action-box__button {
    color: #cfd6db
}

@media (min-width: 992px) {
    .flex-table--skeleton .flex-table__rows {
        margin-left: 0;
        margin-right: 0
    }
    .flex-table--skeleton .flex-table__options,
    .flex-table--skeleton .flex-table__data {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 991.98px) {
    .flex-table--skeleton .flex-table__rows:nth-child(2n+1) {
        background-color: #F7FAFF
    }
    .flex-table--skeleton .flex-table__data--last {
        margin-bottom: 0
    }
    .flex-table--skeleton .flex-table__data--last.flex-table__data--mb {
        margin-bottom: 16px !important
    }
}

@media (max-width: 991.98px) {
    .flex-table--responsive .flex-table--head {
        display: none
    }
    .flex-table--responsive .flex-table__rows {
        position: relative
    }
    .flex-table--responsive .flex-table__rows:nth-child(2n+3) {
        background-color: #F7FAFF
    }
    .flex-table--responsive .flex__data--spinner {
        flex-flow: column
    }
    .flex-table--responsive .flex-table__data:before {
        content: attr(data-title) "\a";
        display: block;
        width: 100%
    }
    .flex-table--responsive .flex-table__data-logo {
        max-width: 100%;
        max-height: 100%
    }
    .flex-table--responsive .flex-table__data-logo:before {
        display: none
    }
    .flex-table--responsive .flex-table__button {
        position: absolute;
        top: 16px;
        right: 16px
    }
}

@media (max-width: 991.98px) {
    .flex-table--responsive .flex-table__data {
        align-self: flex-start
    }
    .flex-table--responsive .flex-table__data:last-child {
        text-align: left
    }
    .flex-table--responsive .flex-table__data--last {
        text-align: left
    }
    .flex-table--responsive .flex-table__data-logo {
        align-self: center
    }
}

.flex-table__title-primary--icon {
    display: flex;
    justify-content: space-between;
    background-color: #EFF3FF;
    color: #191B1C;
    font-family: "BK-Sans";
    font-weight: bold;
    flex-direction: row;
    font-size: .875rem;
    padding: 16px 16px 16px 16px;
    border-radius: 4px;
    align-items: center;
    align-content: center;
    max-height: 48px;
    margin-left: 1px
}

.flex-table__title-primary--icon:focus {
    background-color: #FED430
}

.flex-table__title-primary--icon:hover {
    color: #5c6780;
    background-color: #fff
}

.flex-table__title-primary--icon-active {
    background-color: #FED430
}

.flex-table__map {
    height: 385px;
    max-height: 385px;
    width: 100%;
    padding: 1px 0 0 0 !important;
    margin: 0 !important;
    border: none;
    border-radius: 4px
}

.flex-table__title--auto-height {
    max-height: none !important
}

.flex-table__idioma {
    padding-right: 16px;
    font-size: 12px
}

.flex-table__idioma:hover {
    color: #191B1C
}

@media (max-width: 575.98px) {
    .flex-table__idioma {
        padding: 16px;
        width: 100%
    }
}

.flex-table__idioma--links a {
    margin-right: 8px;
    padding: 0 8px;
    font-size: 12px;
    line-height: 16px;
    color: #5c6780;
    background-color: transparent;
    font-weight: normal
}

@media (max-width: 575.98px) {
    .flex-table__idioma--links a {
        margin-right: 0
    }
}

.flex-table__idioma--links a:focus {
    background-color: #3E4A50;
    color: #fff
}

.flex-table__idioma--links a:hover,
.flex-table__idioma--links a:active:focus {
    color: #191B1C
}

.flex-table__idioma--links a.activate {
    color: #191B1C;
    background-color: #EBEEF5
}

.flex-table__idioma--links a.activate:hover {
    color: #191B1C;
    background-color: #F7FAFF
}

.flex-table__idioma--links a.activate:focus {
    background-color: #3E4A50;
    color: #fff
}

.flex-table__idioma--links a:last-child {
    margin-right: 0
}

.flex-table--padding-top {
    padding-top: 1px
}

.data-notification:after {
    content: "";
    display: inline-table;
    margin-right: 8px;
    height: 8px;
    width: 8px;
    background-color: #FF821C;
    border-radius: 4px;
    margin-top: 2px;
    margin-left: 8px;
    margin-right: 0;
    vertical-align: text-top
}

.data-notification--green:after {
    content: "";
    display: inline-table;
    margin-right: 8px;
    height: 8px;
    width: 8px;
    background-color: #22CB65;
    border-radius: 4px;
    margin-top: 2px;
    margin-left: 8px;
    margin-right: 0;
    vertical-align: text-top
}

.data-notification--red:after {
    content: "";
    display: inline-table;
    margin-right: 8px;
    height: 8px;
    width: 8px;
    background-color: #CB1720;
    border-radius: 4px;
    margin-top: 2px;
    margin-left: 8px;
    margin-right: 0;
    vertical-align: text-top
}

.flex-table__button--link .icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 24px;
    background: #FFF;
    border-radius: 24px
}

.flex-table__button--link:hover .icon {
    color: #FF821C
}

.flex-table__button--link:hover .btn--disabled .icon {
    color: #AFB5C8
}

@media (max-width: 1199.98px) {
    .flex-table__options--hide,
    .flex-table__data--hide {
        display: none
    }
}

@media (max-width: 991.98px) {
    .flex-table__options--hide,
    .flex-table__data--hide {
        display: block
    }
}

.public-table__template {
    font-size: 0.75rem
}

.public-table__title-primary {
    justify-content: space-between;
    color: #191B1C;
    font-family: "BK-Sans";
    font-weight: bold;
    flex-direction: row;
    font-size: 1.125rem;
    line-height: 1.5rem;
    padding: 20px 0 20px 0;
    align-items: center;
    align-content: center;
    max-height: 64px;
    flex-grow: 1;
    border-bottom: 1px solid #EFF3FF
}

.public-table__head {
    display: none
}

@media (min-width: 992px) {
    .public-table__head {
        display: flex;
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 1.2px;
        line-height: 1rem;
        min-height: 40px;
        padding: 12px 9px 12px 9px;
        background-color: #EBEEF5
    }
    .public-table__head:hover {
        background-color: #EBEEF5
    }
}

.public-table__head--white {
    background-color: #fff;
    border-bottom: 1px solid #EFF3FF
}

.public-table__head--white:hover {
    background-color: #fff
}

.public-table__options {
    align-self: center;
    margin-bottom: 0;
    width: 100%
}

.public-table__options:before {
    content: ""
}

.public-table__options--right {
    text-align: right
}

.public-table__rows {
    display: flex;
    flex-direction: row;
    padding: 20px 9px 20px 9px;
    background-color: #fff;
    font-size: .875rem;
    line-height: 1.5;
    font-family: "BK-Sans";
    max-height: 100%;
    border-bottom: 1px solid #EBEEF5;
    border-radius: 0;
    min-height: 64px;
    flex-wrap: wrap
}

@media (max-width: 575.98px) {
    .public-table__rows {
        margin-right: 0;
        margin-left: 0
    }
}

.public-table__rows .public-table__button {
    justify-content: center
}

@media (min-width: 992px) {
    .public-table__rows {
        flex-direction: row;
        justify-content: space-between;
        font-size: 1rem
    }
}

.public-table__rows--bg {
    background-color: #EFF3FF
}

@media (min-width: 992px) {
    .public-table__rows--action:hover {
        background-color: #EFF3FF
    }
    .public-table__rows--action:hover .public-table__hover-container {
        display: flex;
        flex-direction: row;
        background: #fff;
        width: auto;
        position: absolute;
        padding: 8px 16px 8px 16px;
        right: 72px;
        margin-top: -8px;
        min-width: 200px;
        max-height: 48px;
        border-radius: 4px
    }
    .public-table__rows--action:hover .public-table__hover-container .action-box__button :hover {
        background-color: #EFF3FF
    }
    .public-table__rows--action:hover .action-box__button :hover {
        background-color: #fff;
        border-radius: 50%
    }
    .public-table__rows--action:hover .btn--rounded-small:hover {
        background-color: #EFF3FF
    }
    .public-table__rows--action:focus {
        outline: none;
        box-shadow: inset 0 0 0 4px #AFB5C8;
        background-color: #EFF3FF
    }
}

.public-table__data {
    color: #191B1C;
    display: block;
    margin-bottom: 24px
}

.public-table__data:last-child {
    margin-bottom: 0
}

.public-table__data:before {
    content: attr(data-title) "\a";
    white-space: pre;
    color: #191B1C;
    font-family: "BK-Sans";
    font-weight: normal;
    font-size: 10px;
    letter-spacing: 1.5px;
    line-height: 10px;
    text-transform: uppercase;
    text-align: left;
    height: 20px;
    vertical-align: middle;
    white-space: pre-wrap
}

@media (max-width: 575.98px) {
    .public-table__data {
        padding: 0
    }
}

@media (min-width: 992px) {
    .public-table__data {
        align-self: center;
        margin-bottom: 0;
        align-items: center;
        width: 100%
    }
    .public-table__data:before {
        content: ""
    }
}

@media (min-width: 768px) {
    .public-table__data.public-table__data--right-md {
        text-align: right
    }
}

@media (min-width: 992px) {
    .public-table__data.public-table__data--right {
        text-align: right
    }
}

.public-table__button {
    position: absolute;
    right: 24px;
    display: flex;
    justify-content: center
}

@media (min-width: 992px) {
    .public-table__button {
        margin-bottom: 0;
        min-width: 48px;
        position: relative;
        right: 0;
        padding: 0
    }
    .public-table__button .icon-bg--32 {
        background-color: #fff
    }
}

.public-table__button--green {
    border-radius: 32px;
    height: 32px;
    width: 32px;
    background: #A7F3C5;
    margin-right: 10px
}

.public-table__button--red {
    border-radius: 32px;
    height: 32px;
    width: 32px;
    background: #FFB5B1
}

@media (min-width: 992px) {
    .public-table__data--last {
        text-align: right;
        padding-right: 24px
    }
}

.public-table__template--desplegable {
    padding: 24px 9px 24px 9px;
    background-color: #fff;
    font-size: 16px;
    font-family: "BK-Sans"
}

.public-table__rows--desplegable {
    display: flex;
    flex-direction: column
}

@media (min-width: 992px) {
    .public-table__rows--desplegable {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 1px
    }
}

.public-table__options--desplegable {
    align-self: flex-start;
    width: 100%
}

.public-table__options--desplegable:before {
    content: ""
}

.public-table__options--desplegable-title {
    font-weight: bold
}

@media (max-width: 991.98px) {
    .public-table__options--desplegable-title {
        font-size: .875rem
    }
}

.public-table__options--desplegable-content {
    color: #191B1C
}

@media (max-width: 991.98px) {
    .public-table__options--desplegable-content {
        font-size: .875rem
    }
}

.public-table__rows:hover .btn--rounded-small {
    background-color: #fff
}

.public-table__title-primary {
    padding-right: 24px
}

@media (max-width: 991.98px) {
    .public-table__data {
        padding-right: 15px;
        font-weight: bold
    }
}

@media (max-width: 767.98px) {
    .public-table__data {
        margin-bottom: 16px
    }
}

.public-table__data-2-lines span {
    display: block
}

.public-table__data-icon .icon {
    margin-right: 8px
}

.public-table__data-tag .data-tag__positive {
    background-color: #A7F3C5;
    font-size: .875rem;
    padding-left: 8px;
    padding-right: 8px
}

@media (min-width: 992px) {
    .public-table__data-tag .data-tag__positive {
        font-size: 1rem
    }
}

.public-table__data-tag .data-tag__negative {
    background-color: #FFB5B1;
    font-size: .875rem;
    padding-left: 8px;
    padding-right: 8px
}

@media (min-width: 992px) {
    .public-table__data-tag .data-tag__negative {
        font-size: 1rem
    }
}

@media (min-width: 992px) {
    .public-table__data-tag .data-tag__positive,
    .public-table__data-tag .data-tag__negative {
        font-size: 1rem
    }
}

.public-table--modal .public-table__head {
    display: none
}

.public-table--modal .public-table__data {
    padding-right: 15px;
    font-weight: bold;
    margin-bottom: 24px
}

.public-table--modal .public-table__data:before {
    content: attr(data-title) "\a"
}

.public-table--modal .public-table__rows {
    font-size: .875rem
}

.sidebar {
    padding: 0
}

.sidebar__head {
    padding: 16px 16px;
    height: 56px;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    border-radius: 4px;
    background-color: #D9E4FF;
    margin-bottom: 1px;
    width: 100%;
    color: #191B1C;
    display: block
}

.sidebar__head:hover {
    color: #191B1C
}

.sidebar__head--purple-dark {
    color: #fff;
    margin-bottom: 8px;
    position: relative;
    z-index: 10
}

.sidebar__head--purple-dark:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #322F7B;
    border-radius: 4px;
    background-color: #322F7B
}

.sidebar__head--purple-dark:hover {
    color: #fff;
    text-decoration: none;
    border-color: #6864DF
}

.sidebar__head--purple-dark:hover:before {
    border-color: #6864DF;
    background-color: #6864DF
}

.sidebar__head--purple-dark:focus {
    border: 1px dashed #191B1C;
    outline: 0
}

.sidebar__head--purple-dark:focus:before {
    border-color: #fff
}

.sidebar__head-icon {
    align-self: center;
    float: right
}

.sidebar__content {
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 1px
}

.sidebar__content--transparent {
    background-color: transparent
}

.sidebar-link {
    background-color: #fff;
    padding: 8px 16px 8px 16px;
    border-radius: 4px
}

.sidebar-link .sidebar-link__item {
    display: block;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px
}

.sidebar-link .sidebar-link__item .sidebar-link__item-text {
    color: #191B1C;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px
}

.sidebar-link .sidebar-link__item .sidebar-link__item-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: #191B1C;
    height: 40px;
    width: 40px;
    background-color: #D9E4FF;
    float: right
}

.sidebar-link .sidebar-link__item:hover {
    color: #191B1C
}

.sidebar-link .sidebar-link__item:hover .sidebar-link__item-text {
    color: #191B1C
}

.sidebar-link .sidebar-link__item:hover .sidebar-link__item-icon {
    background-color: #EFF3FF
}

.sidebar-link .sidebar-link__item:focus {
    border: 1px dashed #191B1C;
    text-decoration: none;
    outline: none
}

.sidebar__item {
    border-radius: 4px;
    margin-bottom: 1px;
    background-color: #fff;
    display: flex;
    align-items: center
}

.sidebar__item a {
    color: #191B1C
}

.sidebar__item a:focus .sidebar__item-text,
.sidebar__item a:focus .sidebar__item-text--muted {
    color: #fff;
    background-color: #3E4A50
}

.sidebar__item a:focus .sidebar__item-text:hover.sidebar__item-text,
.sidebar__item a:focus .sidebar__item-text:hover .sidebar__item-text--muted,
.sidebar__item a:focus .sidebar__item-text--muted:hover.sidebar__item-text,
.sidebar__item a:focus .sidebar__item-text--muted:hover .sidebar__item-text--muted {
    color: #fff
}

.sidebar__item a:hover .sidebar__item-text,
.sidebar__item a:hover .sidebar__item-text--muted {
    color: #4B575D
}

.sidebar__item .icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.sidebar__item-fondo {
    background-color: #F7FAFF;
    height: 64px
}

.sidebar__item-fondo--auto {
    background-color: #F7FAFF;
    height: auto
}

.sidebar__icon-action {
    background: transparent
}

.sidebar__icon-action:hover {
    color: #5c6780
}

.sidebar__icon-action:focus {
    border: 1px dashed #191B1C;
    border-radius: 24px
}

a.sidebar__item-link:focus .sidebar__item-text {
    color: #fff
}

.sidebar__item-link {
    display: flex;
    align-items: center
}

.sidebar__item-icon {
    height: 40px;
    width: 40px;
    min-height: 40px;
    min-width: 40px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #D9E4FF;
    font-weight: normal;
    font-size: 20px;
    margin-right: 16px
}

.sidebar__item-icon.sidebar__item-icon--yellow {
    background-color: #FED430
}

.sidebar__item-icon.sidebar__item-icon--gris-ligero-100 {
    background-color: #EBEEF5
}

.sidebar__footer {
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F7FAFF;
    border-radius: 4px
}

.sidebar__banner {
    width: 100%;
    border-radius: 4px;
    min-height: 301px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 16px
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .sidebar__banner {
        min-height: 150px;
        max-height: 150px;
        flex-direction: row;
        padding: 16px 24px 16px 16px
    }
}

@media (min-width: 992px) {
    .sidebar__banner {
        min-height: 275px
    }
}

.sidebar__banner-text {
    font-size: 14px;
    line-height: 19px;
    font-weight: bold
}

@media (min-width: 576px) {
    .sidebar__banner-text {
        font-size: 12px;
        line-height: 16px
    }
}

.sidebar__banner-footer {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .sidebar__banner-footer {
        align-self: flex-end;
        padding-bottom: 16px
    }
}

@media (min-width: 992px) {
    .sidebar__banner-footer {
        align-self: center;
        padding-bottom: 0
    }
}

.sidebar__aside-region {
    padding: 0;
    margin-bottom: 8px
}

@media (min-width: 992px) {
    .sidebar__aside-region {
        padding-left: 8px
    }
}

.sidebar__item--small {
    height: 40px;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold
}

@media (max-width: 767.98px) {
    .sidebar__item--small {
        font-size: 12px;
        line-height: 14px
    }
}

.sidebar__item--medium {
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    background-color: #fff;
    display: flex;
    align-items: center
}

.sidebar__item--medium .sidebar__item-text {
    width: 100%
}

.sidebar__item--large {
    height: 64px;
    font-size: 12px;
    line-height: 24px;
    font-weight: bold
}

@media (min-width: 576px) {
    .sidebar__item--large {
        font-size: 14px;
        height: 72px;
        line-height: 24px
    }
}

.sidebar__item--large .sidebar__item-link .sidebar__item-text {
    font-size: .75rem
}

.sidebar__item--large .sidebar__item-link:hover .sidebar__item-icon {
    background-color: #FF821C;
    color: #fff
}

.sidebar__item--large .sidebar__item-link:hover .sidebar__item-text {
    color: #FF821C
}

.sidebar__icon--small {
    height: 40px;
    width: 40px;
    line-height: 24px;
    font-size: 24px
}

@media (min-width: 576px) {
    .sidebar__icon--small {
        height: 32px;
        width: 32px;
        line-height: 16px;
        font-size: 16px
    }
}

.sidebar__item--info {
    color: #5c6780;
    height: 32px;
    margin-bottom: 0;
    padding: 16px 16px 0 0;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: normal;
    margin-bottom: 8px
}

.sidebar__item-icon--transparent {
    background-color: transparent
}

.sidebar__item-text--muted {
    color: #5c6780;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal
}

.sidebar__item-icon--circle {
    border-radius: 18px;
    height: 32px;
    width: 32px;
    min-height: 32px;
    min-width: 32px
}

.sidebar__item--last {
    margin-bottom: 1px;
    border-radius: 0 0 4px 4px
}

.sidebar__banner-text--large {
    font-size: 32px;
    line-height: 36px;
    font-weight: 400
}

.sidebar__banner-text--indent {
    padding-right: 64px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400
}

@media (min-width: 576px) {
    .sidebar__banner-text--indent {
        font-size: 11px
    }
}

.image--circle {
    border-radius: 50%
}

.image-lateral--active {
    border: 1px solid #FF821C
}

.image--tam68 {
    width: 68px;
    height: 68px
}

.menu-lateral--border {
    border-right: 1px solid #EBEEF5;
    -webkit-box-shadow: 20px 0 10px -3px rgba(234, 239, 239, 0.15);
    -moz-box-shadow: 20px 0 10px -3px rgba(234, 239, 239, 0.15);
    box-shadow: 20px 0 10px -3px rgba(234, 239, 239, 0.15)
}

.menu-lateral--height {
    height: 45px;
    color: #191B1C
}

.menu-lateral--item {
    color: #191B1C
}

.menu-lateral--item:hover {
    background-color: #EBEEF5;
    color: #191B1C;
    text-decoration: none
}

.menu-lateral--item:focus {
    outline: 0;
    box-shadow: 0 0 0 3px #3E4A50
}

.menu-lateral--white-cyan {
    background-color: #D3F6F5
}

@media (min-width: 768px) {
    .menu-lateral--white-cyan {
        background-color: #fff
    }
}

.menu-lateral--link {
    color: #191B1C
}

.menu-lateral--active {
    color: #191B1C;
    background-color: #B5F0EF
}

.organigrama--vertical-line {
    position: relative
}

.organigrama--vertical-line:after {
    left: 50%;
    z-index: -1
}

@media (min-width: 576px) {
    .organigrama--vertical-line:after {
        content: "";
        position: absolute;
        border: 1px solid #ddd;
        top: 10px;
        bottom: -40px;
        left: 19%
    }
}

@media (min-width: 768px) {
    .organigrama--vertical-line:after {
        left: 12%
    }
}

.organigrama--border-image {
    border: 2px solid #D9E4FF
}

.organigrama--horizontal-line {
    position: relative;
    margin-top: -15px
}

@media (min-width: 576px) {
    .organigrama--horizontal-line:before {
        content: "";
        position: absolute;
        background-color: #ddd;
        height: 1px;
        width: 11%;
        top: 15px;
        z-index: -1;
        left: 12%
    }
}

.secondLevelTabs {
    font-size: .875rem;
    overflow: hidden
}

@media (min-width: 768px) {
    .secondLevelTabs {
        font-size: 13px
    }
}

.secondLevelTabs .container {
    height: 48px;
    line-height: 48px;
    background-color: rgba(243, 245, 245, 0.85)
}

@media (min-width: 768px) {
    .secondLevelTabs .container {
        height: 60px;
        line-height: 60px
    }
}

.secondLevelTabs li {
    display: inline-block;
    margin-right: 24px
}

@media (min-width: 768px) {
    .secondLevelTabs li {
        margin-right: 40px
    }
}

.secondLevelTabs li a {
    color: #191B1C;
    display: block;
    line-height: 45px
}

.secondLevelTabs li a:hover,
.secondLevelTabs li a:active:focus {
    text-decoration: none;
    color: #FF821C;
    background-color: transparent
}

.secondLevelTabs li a:focus {
    background-color: #3E4A50;
    color: #fff;
    outline: 0
}

.secondLevelTabs li a.active_submenu {
    text-decoration: none;
    border-bottom: 3px solid #FF821C
}

@media (min-width: 768px) {
    .secondLevelTabs li a {
        display: inline;
        line-height: normal
    }
}

.secondLevelTabs li .active_submenu {
    text-decoration: none;
    border-bottom: 3px solid #FF821C
}

.secondLevelTabs--breadcrumb li {
    display: inline-block;
    margin-right: 0;
    padding-right: 32px;
    position: relative
}

.secondLevelTabs--breadcrumb li:after {
    content: "\e966";
    font-family: 'BK-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    width: 32px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 16px
}

@media (min-width: 768px) {
    .secondLevelTabs--breadcrumb li:after {
        top: 22px
    }
}

.secondLevelTabs--breadcrumb li:last-child:after {
    content: ""
}

.secondLevelTabs--breadcrumb li span {
    display: block;
    line-height: 45px;
    color: #191B1C;
    background-color: transparent;
    text-decoration: none
}

@media (min-width: 768px) {
    .secondLevelTabs--breadcrumb li span {
        display: inline;
        line-height: normal
    }
}

.pikaday--arrow {
    position: absolute;
    top: 85px;
    left: 0
}

.widget .cb-carousel__pagination {
    transform: none;
    justify-content: left;
    margin-left: -6px
}

.widget .pikaday--arrow {
    top: 130px
}

.widget .content-box__footer .text-link {
    line-height: 18px
}

.widget .empty-state .icon {
    font-size: 140px;
    color: #AFB5C8;
    text-align: left;
    margin-left: -140px
}

[class^="icon-selector--"]+label:before,
[class*=" icon-selector--"]+label:before,
[class^="icon-selector--"]:checked+label:after,
[class*=" icon-selector--"]:checked+label:after {
    font-family: 'BK-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 48px;
    height: 49px;
    line-height: 48px;
    font-size: 24px
}

.wrapper-icon-selector {
    padding-top: 8px;
    padding-bottom: 8px
}

.wrapper-icon-selector .icon-selector {
    padding-right: 64px
}

@media (max-width: 991.98px) {
    .wrapper-icon-selector .icon-selector {
        padding-right: 8px
    }
}

@media (max-width: 991.98px) {
    .wrapper-icon-selector {
        overflow-x: auto;
        overflow-y: hidden
    }
    .wrapper-icon-selector .icon-selector {
        width: 100px
    }
    .wrapper-icon-selector .icon-selector label {
        height: auto;
        padding-top: 58px;
        padding-left: initial;
        text-align: center;
        font-size: 14px;
        line-height: 20px;
        display: block;
        width: 80px
    }
}

@media all and (max-width: 991.98px) and (-ms-high-contrast: none),
(max-width: 991.98px) and (-ms-high-contrast: active) {
    .wrapper-icon-selector .icon-selector label {
        padding-left: 12px
    }
}

@media (max-width: 991.98px) and (max-width: 575.98px) {
    .wrapper-icon-selector .icon-selector label {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width: 991.98px) {
    .wrapper-icon-selector .icon-selector input[type="radio"]+label:before,
    .wrapper-icon-selector .icon-selector input[type="checkbox"]+label:before {
        left: 17px;
        margin: 0
    }
}

@media all and (max-width: 991.98px) and (-ms-high-contrast: none),
(max-width: 991.98px) and (-ms-high-contrast: active) {
    .wrapper-icon-selector .icon-selector input[type="radio"]+label:before,
    .wrapper-icon-selector .icon-selector input[type="checkbox"]+label:before {
        left: 24px
    }
}

@media (max-width: 991.98px) {
    .wrapper-icon-selector .icon-selector input[type="radio"]:checked+label:after,
    .wrapper-icon-selector .icon-selector input[type="checkbox"]:checked+label:after {
        left: 17px
    }
}

@media all and (max-width: 991.98px) and (-ms-high-contrast: none),
(max-width: 991.98px) and (-ms-high-contrast: active) {
    .wrapper-icon-selector .icon-selector input[type="radio"]:checked+label:after,
    .wrapper-icon-selector .icon-selector input[type="checkbox"]:checked+label:after {
        left: 24px
    }
}

.icon-selector {
    position: relative;
    margin-right: 0;
    width: auto;
    margin-bottom: 16px
}

.icon-selector label {
    padding-left: 64px;
    height: 48px;
    font-family: "BK-Sans";
    color: #191B1C;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center
}

@media (min-width: 768px) {
    .icon-selector label {
        padding-left: 64px
    }
}

.icon-selector input[type="radio"],
.icon-selector input[type="checkbox"] {
    position: absolute;
    opacity: 0
}

.icon-selector input[type="radio"]+label:before,
.icon-selector input[type="checkbox"]+label:before {
    content: '';
    width: 48px;
    height: 48px;
    border-radius: 48px;
    cursor: pointer;
    background-color: #EBEEF5;
    margin: 0 10px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center
}

.icon-selector input[type="radio"]:focus+label:before,
.icon-selector input[type="checkbox"]:focus+label:before {
    border: 1px dashed #191B1C
}

.icon-selector input[type="radio"]:hover+label:before,
.icon-selector input[type="checkbox"]:hover+label:before {
    background-color: #EFF3FF
}

.icon-selector input[type="radio"]:checked+label:after,
.icon-selector input[type="checkbox"]:checked+label:after {
    content: ' ';
    background-color: #FED430;
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    top: 0;
    left: 0;
    text-align: center
}

.icon-selector input[type="radio"]:checked:disabled+label:after,
.icon-selector input[type="checkbox"]:checked:disabled+label:after {
    opacity: 0.5
}

.icon-selector input[type="radio"].icon-selector--handset-16:before,
.icon-selector input[type="radio"].icon-selector--handset-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--handset-16:before,
.icon-selector input[type="checkbox"].icon-selector--handset-16:checked+label:after {
    content: +label ""
}

.icon-selector input[type="radio"].icon-selector--star_active-16+label:before,
.icon-selector input[type="radio"].icon-selector--star_active-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--star_active-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--star_active-16:checked+label:after {
    content: "\e96f"
}

.icon-selector input[type="radio"].icon-selector--opinator-16+label:before,
.icon-selector input[type="radio"].icon-selector--opinator-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--opinator-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--opinator-16:checked+label:after {
    content: "\e96d"
}

.icon-selector input[type="radio"].icon-selector--download-16+label:before,
.icon-selector input[type="radio"].icon-selector--download-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--download-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--download-16:checked+label:after {
    content: "\e96c"
}

.icon-selector input[type="radio"].icon-selector--id-16+label:before,
.icon-selector input[type="radio"].icon-selector--id-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--id-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--id-16:checked+label:after {
    content: "\e900"
}

.icon-selector input[type="radio"].icon-selector--user-16+label:before,
.icon-selector input[type="radio"].icon-selector--user-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--user-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--user-16:checked+label:after {
    content: "\e901"
}

.icon-selector input[type="radio"].icon-selector--users-16+label:before,
.icon-selector input[type="radio"].icon-selector--users-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--users-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--users-16:checked+label:after {
    content: "\e902"
}

.icon-selector input[type="radio"].icon-selector--calendar-16+label:before,
.icon-selector input[type="radio"].icon-selector--calendar-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--calendar-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--calendar-16:checked+label:after {
    content: "\e903"
}

.icon-selector input[type="radio"].icon-selector--clock-16+label:before,
.icon-selector input[type="radio"].icon-selector--clock-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--clock-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--clock-16:checked+label:after {
    content: "\e904"
}

.icon-selector input[type="radio"].icon-selector--location-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--location-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--location-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--location-2-16:checked+label:after {
    content: "\e905"
}

.icon-selector input[type="radio"].icon-selector--location-16+label:before,
.icon-selector input[type="radio"].icon-selector--location-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--location-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--location-16:checked+label:after {
    content: "\e906"
}

.icon-selector input[type="radio"].icon-selector--map-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--map-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--map-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--map-2-16:checked+label:after {
    content: "\e907"
}

.icon-selector input[type="radio"].icon-selector--paperplane-16+label:before,
.icon-selector input[type="radio"].icon-selector--paperplane-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--paperplane-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--paperplane-16:checked+label:after {
    content: "\e908"
}

.icon-selector input[type="radio"].icon-selector--archive-16+label:before,
.icon-selector input[type="radio"].icon-selector--archive-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--archive-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--archive-16:checked+label:after {
    content: "\e909"
}

.icon-selector input[type="radio"].icon-selector--book-16+label:before,
.icon-selector input[type="radio"].icon-selector--book-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--book-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--book-16:checked+label:after {
    content: "\e90a"
}

.icon-selector input[type="radio"].icon-selector--bookmark-16+label:before,
.icon-selector input[type="radio"].icon-selector--bookmark-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--bookmark-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--bookmark-16:checked+label:after {
    content: "\e90b"
}

.icon-selector input[type="radio"].icon-selector--check-16+label:before,
.icon-selector input[type="radio"].icon-selector--check-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--check-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--check-16:checked+label:after {
    content: "\e90c"
}

.icon-selector input[type="radio"].icon-selector--check-circle-16+label:before,
.icon-selector input[type="radio"].icon-selector--check-circle-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--check-circle-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--check-circle-16:checked+label:after {
    content: "\e90d"
}

.icon-selector input[type="radio"].icon-selector--circle-16+label:before,
.icon-selector input[type="radio"].icon-selector--circle-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--circle-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--circle-16:checked+label:after {
    content: "\e90e"
}

.icon-selector input[type="radio"].icon-selector--circle-solid-16+label:before,
.icon-selector input[type="radio"].icon-selector--circle-solid-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--circle-solid-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--circle-solid-16:checked+label:after {
    content: "\e90f"
}

.icon-selector input[type="radio"].icon-selector--clip-16+label:before,
.icon-selector input[type="radio"].icon-selector--clip-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--clip-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--clip-16:checked+label:after {
    content: "\e910"
}

.icon-selector input[type="radio"].icon-selector--close-16+label:before,
.icon-selector input[type="radio"].icon-selector--close-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--close-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--close-16:checked+label:after {
    content: "\e911"
}

.icon-selector input[type="radio"].icon-selector--close-circle-16+label:before,
.icon-selector input[type="radio"].icon-selector--close-circle-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--close-circle-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--close-circle-16:checked+label:after {
    content: "\e912"
}

.icon-selector input[type="radio"].icon-selector--comment-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--comment-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--comment-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--comment-2-16:checked+label:after {
    content: "\e913"
}

.icon-selector input[type="radio"].icon-selector--comment-16+label:before,
.icon-selector input[type="radio"].icon-selector--comment-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--comment-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--comment-16:checked+label:after {
    content: "\e914"
}

.icon-selector input[type="radio"].icon-selector--comments-16+label:before,
.icon-selector input[type="radio"].icon-selector--comments-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--comments-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--comments-16:checked+label:after {
    content: "\e915"
}

.icon-selector input[type="radio"].icon-selector--document-16+label:before,
.icon-selector input[type="radio"].icon-selector--document-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--document-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--document-16:checked+label:after {
    content: "\e916"
}

.icon-selector input[type="radio"].icon-selector--drag-horizontal-16+label:before,
.icon-selector input[type="radio"].icon-selector--drag-horizontal-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--drag-horizontal-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--drag-horizontal-16:checked+label:after {
    content: "\e917"
}

.icon-selector input[type="radio"].icon-selector--drag-vertical-16+label:before,
.icon-selector input[type="radio"].icon-selector--drag-vertical-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--drag-vertical-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--drag-vertical-16:checked+label:after {
    content: "\e917";
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.icon-selector input[type="radio"].icon-selector--edit-16+label:before,
.icon-selector input[type="radio"].icon-selector--edit-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--edit-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--edit-16:checked+label:after {
    content: "\e918"
}

.icon-selector input[type="radio"].icon-selector--folder-16+label:before,
.icon-selector input[type="radio"].icon-selector--folder-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--folder-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--folder-16:checked+label:after {
    content: "\e919"
}

.icon-selector input[type="radio"].icon-selector--hamburger-16+label:before,
.icon-selector input[type="radio"].icon-selector--hamburger-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--hamburger-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--hamburger-16:checked+label:after {
    content: "\e91a"
}

.icon-selector input[type="radio"].icon-selector--hamburger-circle-16+label:before,
.icon-selector input[type="radio"].icon-selector--hamburger-circle-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--hamburger-circle-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--hamburger-circle-16:checked+label:after {
    content: "\e91b"
}

.icon-selector input[type="radio"].icon-selector--heart-16+label:before,
.icon-selector input[type="radio"].icon-selector--heart-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--heart-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--heart-16:checked+label:after {
    content: "\e91c"
}

.icon-selector input[type="radio"].icon-selector--help-16+label:before,
.icon-selector input[type="radio"].icon-selector--help-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--help-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--help-16:checked+label:after {
    content: "\e91d"
}

.icon-selector input[type="radio"].icon-selector--home-16+label:before,
.icon-selector input[type="radio"].icon-selector--home-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--home-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--home-16:checked+label:after {
    content: "\e91e"
}

.icon-selector input[type="radio"].icon-selector--inbox-16+label:before,
.icon-selector input[type="radio"].icon-selector--inbox-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--inbox-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--inbox-16:checked+label:after {
    content: "\e91f"
}

.icon-selector input[type="radio"].icon-selector--link-16+label:before,
.icon-selector input[type="radio"].icon-selector--link-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--link-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--link-16:checked+label:after {
    content: "\e920"
}

.icon-selector input[type="radio"].icon-selector--list-16+label:before,
.icon-selector input[type="radio"].icon-selector--list-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--list-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--list-16:checked+label:after {
    content: "\e921"
}

.icon-selector input[type="radio"].icon-selector--list-circle-16+label:before,
.icon-selector input[type="radio"].icon-selector--list-circle-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--list-circle-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--list-circle-16:checked+label:after {
    content: "\e922"
}

.icon-selector input[type="radio"].icon-selector--lock-closed-16+label:before,
.icon-selector input[type="radio"].icon-selector--lock-closed-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--lock-closed-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--lock-closed-16:checked+label:after {
    content: "\e923"
}

.icon-selector input[type="radio"].icon-selector--lock-opened-16+label:before,
.icon-selector input[type="radio"].icon-selector--lock-opened-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--lock-opened-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--lock-opened-16:checked+label:after {
    content: "\e924"
}

.icon-selector input[type="radio"].icon-selector--logout-16+label:before,
.icon-selector input[type="radio"].icon-selector--logout-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--logout-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--logout-16:checked+label:after {
    content: "\e925"
}

.icon-selector input[type="radio"].icon-selector--look-16+label:before,
.icon-selector input[type="radio"].icon-selector--look-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--look-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--look-16:checked+label:after {
    content: "\e926"
}

.icon-selector input[type="radio"].icon-selector--mail-16+label:before,
.icon-selector input[type="radio"].icon-selector--mail-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--mail-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--mail-16:checked+label:after {
    content: "\e927"
}

.icon-selector input[type="radio"].icon-selector--minus-16+label:before,
.icon-selector input[type="radio"].icon-selector--minus-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--minus-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--minus-16:checked+label:after {
    content: "\e928"
}

.icon-selector input[type="radio"].icon-selector--minus-circle-16+label:before,
.icon-selector input[type="radio"].icon-selector--minus-circle-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--minus-circle-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--minus-circle-16:checked+label:after {
    content: "\e929"
}

.icon-selector input[type="radio"].icon-selector--more-16+label:before,
.icon-selector input[type="radio"].icon-selector--more-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--more-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--more-16:checked+label:after {
    content: "\e92a"
}

.icon-selector input[type="radio"].icon-selector--more-circle-16+label:before,
.icon-selector input[type="radio"].icon-selector--more-circle-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--more-circle-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--more-circle-16:checked+label:after {
    content: "\e92b"
}

.icon-selector input[type="radio"].icon-selector--notification-16+label:before,
.icon-selector input[type="radio"].icon-selector--notification-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--notification-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--notification-16:checked+label:after {
    content: "\e92c"
}

.icon-selector input[type="radio"].icon-selector--pin-16+label:before,
.icon-selector input[type="radio"].icon-selector--pin-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--pin-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--pin-16:checked+label:after {
    content: "\e92d"
}

.icon-selector input[type="radio"].icon-selector--plus-16+label:before,
.icon-selector input[type="radio"].icon-selector--plus-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--plus-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--plus-16:checked+label:after {
    content: "\e92e"
}

.icon-selector input[type="radio"].icon-selector--plus-circle-16+label:before,
.icon-selector input[type="radio"].icon-selector--plus-circle-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--plus-circle-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--plus-circle-16:checked+label:after {
    content: "\e92f"
}

.icon-selector input[type="radio"].icon-selector--plus-square-16+label:before,
.icon-selector input[type="radio"].icon-selector--plus-square-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--plus-square-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--plus-square-16:checked+label:after {
    content: "\e983"
}

.icon-selector input[type="radio"].icon-selector--price-tag-16+label:before,
.icon-selector input[type="radio"].icon-selector--price-tag-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--price-tag-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--price-tag-16:checked+label:after {
    content: "\e930"
}

.icon-selector input[type="radio"].icon-selector--refresh-16+label:before,
.icon-selector input[type="radio"].icon-selector--refresh-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--refresh-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--refresh-16:checked+label:after {
    content: "\e931"
}

.icon-selector input[type="radio"].icon-selector--save-16+label:before,
.icon-selector input[type="radio"].icon-selector--save-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--save-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--save-16:checked+label:after {
    content: "\e932"
}

.icon-selector input[type="radio"].icon-selector--search-16+label:before,
.icon-selector input[type="radio"].icon-selector--search-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--search-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--search-16:checked+label:after {
    content: "\e933"
}

.icon-selector input[type="radio"].icon-selector--settings-16+label:before,
.icon-selector input[type="radio"].icon-selector--settings-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--settings-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--settings-16:checked+label:after {
    content: "\e934"
}

.icon-selector input[type="radio"].icon-selector--share-16+label:before,
.icon-selector input[type="radio"].icon-selector--share-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--share-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--share-16:checked+label:after {
    content: "\e935"
}

.icon-selector input[type="radio"].icon-selector--square-16+label:before,
.icon-selector input[type="radio"].icon-selector--square-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--square-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--square-16:checked+label:after {
    content: "\e936"
}

.icon-selector input[type="radio"].icon-selector--star-16+label:before,
.icon-selector input[type="radio"].icon-selector--star-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--star-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--star-16:checked+label:after {
    content: "\e937"
}

.icon-selector input[type="radio"].icon-selector--switch-on-16+label:before,
.icon-selector input[type="radio"].icon-selector--switch-on-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--switch-on-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--switch-on-16:checked+label:after {
    content: "\e938"
}

.icon-selector input[type="radio"].icon-selector--trash-16+label:before,
.icon-selector input[type="radio"].icon-selector--trash-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--trash-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--trash-16:checked+label:after {
    content: "\e939"
}

.icon-selector input[type="radio"].icon-selector--warning-16+label:before,
.icon-selector input[type="radio"].icon-selector--warning-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--warning-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--warning-16:checked+label:after {
    content: "\e93a"
}

.icon-selector input[type="radio"].icon-selector--warning-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--warning-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--warning-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--warning-2-16:checked+label:after {
    content: "\e984"
}

.icon-selector input[type="radio"].icon-selector--wifi-16+label:before,
.icon-selector input[type="radio"].icon-selector--wifi-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--wifi-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--wifi-16:checked+label:after {
    content: "\e93b"
}

.icon-selector input[type="radio"].icon-selector--window-16+label:before,
.icon-selector input[type="radio"].icon-selector--window-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--window-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--window-16:checked+label:after {
    content: "\e93c"
}

.icon-selector input[type="radio"].icon-selector--atm-16+label:before,
.icon-selector input[type="radio"].icon-selector--atm-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--atm-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--atm-16:checked+label:after {
    content: "\e93d"
}

.icon-selector input[type="radio"].icon-selector--bank-note-16+label:before,
.icon-selector input[type="radio"].icon-selector--bank-note-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--bank-note-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--bank-note-16:checked+label:after {
    content: "\e93e"
}

.icon-selector input[type="radio"].icon-selector--bank-notes-16+label:before,
.icon-selector input[type="radio"].icon-selector--bank-notes-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--bank-notes-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--bank-notes-16:checked+label:after {
    content: "\e93f"
}

.icon-selector input[type="radio"].icon-selector--bar-chart-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--bar-chart-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--bar-chart-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--bar-chart-2-16:checked+label:after {
    content: "\e940"
}

.icon-selector input[type="radio"].icon-selector--bar-chart-16+label:before,
.icon-selector input[type="radio"].icon-selector--bar-chart-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--bar-chart-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--bar-chart-16:checked+label:after {
    content: "\e941"
}

.icon-selector input[type="radio"].icon-selector--briefcase-16+label:before,
.icon-selector input[type="radio"].icon-selector--briefcase-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--briefcase-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--briefcase-16:checked+label:after {
    content: "\e942"
}

.icon-selector input[type="radio"].icon-selector--calculator-16+label:before,
.icon-selector input[type="radio"].icon-selector--calculator-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--calculator-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--calculator-16:checked+label:after {
    content: "\e943"
}

.icon-selector input[type="radio"].icon-selector--card-16+label:before,
.icon-selector input[type="radio"].icon-selector--card-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--card-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--card-16:checked+label:after {
    content: "\e944"
}

.icon-selector input[type="radio"].icon-selector--card-amex-16+label:before,
.icon-selector input[type="radio"].icon-selector--card-amex-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--card-amex-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--card-amex-16:checked+label:after {
    content: "\e945"
}

.icon-selector input[type="radio"].icon-selector--card-locked-16+label:before,
.icon-selector input[type="radio"].icon-selector--card-locked-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--card-locked-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--card-locked-16:checked+label:after {
    content: "\e946"
}

.icon-selector input[type="radio"].icon-selector--card-mastercard-16+label:before,
.icon-selector input[type="radio"].icon-selector--card-mastercard-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--card-mastercard-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--card-mastercard-16:checked+label:after {
    content: "\e947"
}

.icon-selector input[type="radio"].icon-selector--card-unlocked-16+label:before,
.icon-selector input[type="radio"].icon-selector--card-unlocked-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--card-unlocked-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--card-unlocked-16:checked+label:after {
    content: "\e948"
}

.icon-selector input[type="radio"].icon-selector--card-visa-16+label:before,
.icon-selector input[type="radio"].icon-selector--card-visa-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--card-visa-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--card-visa-16:checked+label:after {
    content: "\e949"
}

.icon-selector input[type="radio"].icon-selector--check-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--check-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--check-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--check-2-16:checked+label:after {
    content: "\e94a"
}

.icon-selector input[type="radio"].icon-selector--coins-16+label:before,
.icon-selector input[type="radio"].icon-selector--coins-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--coins-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--coins-16:checked+label:after {
    content: "\e94b"
}

.icon-selector input[type="radio"].icon-selector--dolar-16+label:before,
.icon-selector input[type="radio"].icon-selector--dolar-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--dolar-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--dolar-16:checked+label:after {
    content: "\e94c"
}

.icon-selector input[type="radio"].icon-selector--money-16+label:before,
.icon-selector input[type="radio"].icon-selector--money-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--money-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--money-16:checked+label:after {
    content: "\e94d"
}

.icon-selector input[type="radio"].icon-selector--payment-16+label:before,
.icon-selector input[type="radio"].icon-selector--payment-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--payment-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--payment-16:checked+label:after {
    content: "\e94e"
}

.icon-selector input[type="radio"].icon-selector--pie-chart-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--pie-chart-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--pie-chart-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--pie-chart-2-16:checked+label:after {
    content: "\e94f"
}

.icon-selector input[type="radio"].icon-selector--pie-chart-16+label:before,
.icon-selector input[type="radio"].icon-selector--pie-chart-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--pie-chart-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--pie-chart-16:checked+label:after {
    content: "\e950"
}

.icon-selector input[type="radio"].icon-selector--piggy-bank-16+label:before,
.icon-selector input[type="radio"].icon-selector--piggy-bank-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--piggy-bank-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--piggy-bank-16:checked+label:after {
    content: "\e951"
}

.icon-selector input[type="radio"].icon-selector--register-16+label:before,
.icon-selector input[type="radio"].icon-selector--register-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--register-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--register-16:checked+label:after {
    content: "\e952"
}

.icon-selector input[type="radio"].icon-selector--shopping-bag-16+label:before,
.icon-selector input[type="radio"].icon-selector--shopping-bag-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--shopping-bag-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--shopping-bag-16:checked+label:after {
    content: "\e953"
}

.icon-selector input[type="radio"].icon-selector--vault-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--vault-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--vault-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--vault-2-16:checked+label:after {
    content: "\e954"
}

.icon-selector input[type="radio"].icon-selector--vault-16+label:before,
.icon-selector input[type="radio"].icon-selector--vault-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--vault-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--vault-16:checked+label:after {
    content: "\e955"
}

.icon-selector input[type="radio"].icon-selector--desktop-16+label:before,
.icon-selector input[type="radio"].icon-selector--desktop-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--desktop-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--desktop-16:checked+label:after {
    content: "\e956"
}

.icon-selector input[type="radio"].icon-selector--mobile-16+label:before,
.icon-selector input[type="radio"].icon-selector--mobile-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--mobile-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--mobile-16:checked+label:after {
    content: "\e957"
}

.icon-selector input[type="radio"].icon-selector--print-16+label:before,
.icon-selector input[type="radio"].icon-selector--print-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--print-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--print-16:checked+label:after {
    content: "\e958"
}

.icon-selector input[type="radio"].icon-selector--tablet-16+label:before,
.icon-selector input[type="radio"].icon-selector--tablet-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--tablet-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--tablet-16:checked+label:after {
    content: "\e959"
}

.icon-selector input[type="radio"].icon-selector--camera-16+label:before,
.icon-selector input[type="radio"].icon-selector--camera-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--camera-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--camera-16:checked+label:after {
    content: "\e95a"
}

.icon-selector input[type="radio"].icon-selector--microphone-16+label:before,
.icon-selector input[type="radio"].icon-selector--microphone-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--microphone-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--microphone-16:checked+label:after {
    content: "\e95b"
}

.icon-selector input[type="radio"].icon-selector--movie-16+label:before,
.icon-selector input[type="radio"].icon-selector--movie-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--movie-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--movie-16:checked+label:after {
    content: "\e95c"
}

.icon-selector input[type="radio"].icon-selector--pause-16+label:before,
.icon-selector input[type="radio"].icon-selector--pause-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--pause-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--pause-16:checked+label:after {
    content: "\e95d"
}

.icon-selector input[type="radio"].icon-selector--picture-16+label:before,
.icon-selector input[type="radio"].icon-selector--picture-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--picture-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--picture-16:checked+label:after {
    content: "\e95e"
}

.icon-selector input[type="radio"].icon-selector--play-16+label:before,
.icon-selector input[type="radio"].icon-selector--play-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--play-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--play-16:checked+label:after {
    content: "\e95f"
}

.icon-selector input[type="radio"].icon-selector--stop-16+label:before,
.icon-selector input[type="radio"].icon-selector--stop-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--stop-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--stop-16:checked+label:after {
    content: "\e97e"
}

.icon-selector input[type="radio"].icon-selector--video-16+label:before,
.icon-selector input[type="radio"].icon-selector--video-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--video-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--video-16:checked+label:after {
    content: "\e960"
}

.icon-selector input[type="radio"].icon-selector--volume-off-16+label:before,
.icon-selector input[type="radio"].icon-selector--volume-off-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--volume-off-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--volume-off-16:checked+label:after {
    content: "\e961"
}

.icon-selector input[type="radio"].icon-selector--volume-on-16+label:before,
.icon-selector input[type="radio"].icon-selector--volume-on-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--volume-on-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--volume-on-16:checked+label:after {
    content: "\e962"
}

.icon-selector input[type="radio"].icon-selector--arrow-circle-right-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-circle-right-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-circle-right-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-circle-right-16:checked+label:after {
    content: "\e963"
}

.icon-selector input[type="radio"].icon-selector--arrow-circle-left-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-circle-left-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-circle-left-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-circle-left-16:checked+label:after {
    content: "\e963";
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.icon-selector input[type="radio"].icon-selector--arrow-circle-up-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-circle-up-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-circle-up-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-circle-up-16:checked+label:after {
    content: "\e963";
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg)
}

.icon-selector input[type="radio"].icon-selector--arrow-circle-down-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-circle-down-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-circle-down-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-circle-down-16:checked+label:after {
    content: "\e963";
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.icon-selector input[type="radio"].icon-selector--arrow-right-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-right-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-right-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-right-2-16:checked+label:after {
    content: "\e964"
}

.icon-selector input[type="radio"].icon-selector--arrow-left-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-left-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-left-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-left-2-16:checked+label:after {
    content: "\e964";
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.icon-selector input[type="radio"].icon-selector--arrow-up-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-up-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-up-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-up-2-16:checked+label:after {
    content: "\e964";
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg)
}

.icon-selector input[type="radio"].icon-selector--arrow-down-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-down-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-down-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-down-2-16:checked+label:after {
    content: "\e964";
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.icon-selector input[type="radio"].icon-selector--arrow-right-3-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-right-3-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-right-3-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-right-3-16:checked+label:after {
    content: "\e965"
}

.icon-selector input[type="radio"].icon-selector--arrow-left-3-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-left-3-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-left-3-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-left-3-16:checked+label:after {
    content: "\e965";
    transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1)
}

.icon-selector input[type="radio"].icon-selector--arrow-right-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-right-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-right-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-right-16:checked+label:after {
    content: "\e966"
}

.icon-selector input[type="radio"].icon-selector--arrow-left-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-left-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-left-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-left-16:checked+label:after {
    content: "\e966";
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.icon-selector input[type="radio"].icon-selector--arrow-up-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-up-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-up-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-up-16:checked+label:after {
    content: "\e966";
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg)
}

.icon-selector input[type="radio"].icon-selector--arrow-down-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-down-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-down-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-down-16:checked+label:after {
    content: "\e966";
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.icon-selector input[type="radio"].icon-selector--youtube_32+label:before,
.icon-selector input[type="radio"].icon-selector--youtube_32:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--youtube_32+label:before,
.icon-selector input[type="checkbox"].icon-selector--youtube_32:checked+label:after {
    content: "\e967"
}

.icon-selector input[type="radio"].icon-selector--twitter_32+label:before,
.icon-selector input[type="radio"].icon-selector--twitter_32:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--twitter_32+label:before,
.icon-selector input[type="checkbox"].icon-selector--twitter_32:checked+label:after {
    content: "\e968"
}

.icon-selector input[type="radio"].icon-selector--linkedin_32+label:before,
.icon-selector input[type="radio"].icon-selector--linkedin_32:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--linkedin_32+label:before,
.icon-selector input[type="checkbox"].icon-selector--linkedin_32:checked+label:after {
    content: "\e969"
}

.icon-selector input[type="radio"].icon-selector--facebook_32+label:before,
.icon-selector input[type="radio"].icon-selector--facebook_32:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--facebook_32+label:before,
.icon-selector input[type="checkbox"].icon-selector--facebook_32:checked+label:after {
    content: "\e96a"
}

.icon-selector input[type="radio"].icon-selector--blog_32+label:before,
.icon-selector input[type="radio"].icon-selector--blog_32:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--blog_32+label:before,
.icon-selector input[type="checkbox"].icon-selector--blog_32:checked+label:after {
    content: "\e96b"
}

.icon-selector input[type="radio"].icon-selector--sortby-16+label:before,
.icon-selector input[type="radio"].icon-selector--sortby-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--sortby-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--sortby-16:checked+label:after {
    content: "\e970"
}

.icon-selector input[type="radio"].icon-selector--arrow-right-4-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-right-4-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-right-4-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-right-4-16:checked+label:after {
    content: "\e971"
}

.icon-selector input[type="radio"].icon-selector--arrow-left-4-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-left-4-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-left-4-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-left-4-16:checked+label:after {
    content: "\e971";
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.icon-selector input[type="radio"].icon-selector--arrow-up-4-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-up-4-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-up-4-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-up-4-16:checked+label:after {
    content: "\e971";
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg)
}

.icon-selector input[type="radio"].icon-selector--arrow-down-4-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-down-4-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-down-4-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-down-4-16:checked+label:after {
    content: "\e971";
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.icon-selector input[type="radio"].icon-selector--id_back-16+label:before,
.icon-selector input[type="radio"].icon-selector--id_back-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--id_back-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--id_back-16:checked+label:after {
    content: "\e972"
}

.icon-selector input[type="radio"].icon-selector--world-16+label:before,
.icon-selector input[type="radio"].icon-selector--world-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--world-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--world-16:checked+label:after {
    content: "\e973"
}

.icon-selector input[type="radio"].icon-selector--document-copy-16+label:before,
.icon-selector input[type="radio"].icon-selector--document-copy-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--document-copy-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--document-copy-16:checked+label:after {
    content: "\e974"
}

.icon-selector input[type="radio"].icon-selector--duplicate-16+label:before,
.icon-selector input[type="radio"].icon-selector--duplicate-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--duplicate-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--duplicate-16:checked+label:after {
    content: "\e975"
}

.icon-selector input[type="radio"].icon-selector--inbox-save-16+label:before,
.icon-selector input[type="radio"].icon-selector--inbox-save-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--inbox-save-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--inbox-save-16:checked+label:after {
    content: "\e976"
}

.icon-selector input[type="radio"].icon-selector--product-16+label:before,
.icon-selector input[type="radio"].icon-selector--product-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--product-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--product-16:checked+label:after {
    content: "\e977"
}

.icon-selector input[type="radio"].icon-selector--view-16+label:before,
.icon-selector input[type="radio"].icon-selector--view-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--view-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--view-16:checked+label:after {
    content: "\e978"
}

.icon-selector input[type="radio"].icon-selector--datatable-16+label:before,
.icon-selector input[type="radio"].icon-selector--datatable-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--datatable-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--datatable-16:checked+label:after {
    content: "\e979"
}

.icon-selector input[type="radio"].icon-selector--euro-16+label:before,
.icon-selector input[type="radio"].icon-selector--euro-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--euro-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--euro-16:checked+label:after {
    content: "\e97a"
}

.icon-selector input[type="radio"].icon-selector--percentage-16+label:before,
.icon-selector input[type="radio"].icon-selector--percentage-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--percentage-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--percentage-16:checked+label:after {
    content: "\e97b"
}

.icon-selector input[type="radio"].icon-selector--wallet-16+label:before,
.icon-selector input[type="radio"].icon-selector--wallet-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--wallet-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--wallet-16:checked+label:after {
    content: "\e97c"
}

.icon-selector input[type="radio"].icon-selector--contrast-16+label:before,
.icon-selector input[type="radio"].icon-selector--contrast-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--contrast-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--contrast-16:checked+label:after {
    content: "\e97d"
}

.icon-selector input[type="radio"].icon-selector--fullscreen-16+label:before,
.icon-selector input[type="radio"].icon-selector--fullscreen-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--fullscreen-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--fullscreen-16:checked+label:after {
    content: "\e97f"
}

.icon-selector input[type="radio"].icon-selector--restore-16+label:before,
.icon-selector input[type="radio"].icon-selector--restore-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--restore-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--restore-16:checked+label:after {
    content: "\e980"
}

.icon-selector input[type="radio"].icon-selector--euro-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--euro-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--euro-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--euro-2-16:checked+label:after {
    content: "\e981"
}

.icon-selector input[type="radio"].icon-selector--arrow-right-2-toggle-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-right-2-toggle-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-right-2-toggle-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-right-2-toggle-16:checked+label:after {
    content: "\e982"
}

.icon-selector input[type="radio"].icon-selector--loan-16+label:before,
.icon-selector input[type="radio"].icon-selector--loan-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--loan-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--loan-16:checked+label:after {
    content: "\e985"
}

.icon-selector input[type="radio"].icon-selector--external-transfer-16+label:before,
.icon-selector input[type="radio"].icon-selector--external-transfer-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--external-transfer-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--external-transfer-16:checked+label:after {
    content: "\e986"
}

.icon-selector input[type="radio"].icon-selector--internal-transfer-16+label:before,
.icon-selector input[type="radio"].icon-selector--internal-transfer-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--internal-transfer-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--internal-transfer-16:checked+label:after {
    content: "\e987"
}

.icon-selector input[type="radio"].icon-selector--check-deposit-16+label:before,
.icon-selector input[type="radio"].icon-selector--check-deposit-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--check-deposit-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--check-deposit-16:checked+label:after {
    content: "\e988"
}

.icon-selector input[type="radio"].icon-selector--crop-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--crop-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--crop-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--crop-2-16:checked+label:after {
    content: "\e989"
}

.icon-selector input[type="radio"].icon-selector--move-16+label:before,
.icon-selector input[type="radio"].icon-selector--move-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--move-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--move-16:checked+label:after {
    content: "\e98a"
}

.icon-selector input[type="radio"].icon-selector--rotate-16+label:before,
.icon-selector input[type="radio"].icon-selector--rotate-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--rotate-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--rotate-16:checked+label:after {
    content: "\e98b"
}

.icon-selector input[type="radio"].icon-selector--crop-1-16+label:before,
.icon-selector input[type="radio"].icon-selector--crop-1-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--crop-1-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--crop-1-16:checked+label:after {
    content: "\e98c"
}

.icon-selector input[type="radio"].icon-selector--face-id-16+label:before,
.icon-selector input[type="radio"].icon-selector--face-id-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--face-id-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--face-id-16:checked+label:after {
    content: "\e98d"
}

.icon-selector input[type="radio"].icon-selector--touch-id-16+label:before,
.icon-selector input[type="radio"].icon-selector--touch-id-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--touch-id-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--touch-id-16:checked+label:after {
    content: "\e98e"
}

.icon-selector input[type="radio"].icon-selector--prohibit-16+label:before,
.icon-selector input[type="radio"].icon-selector--prohibit-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--prohibit-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--prohibit-16:checked+label:after {
    content: "\e98f"
}

.icon-selector input[type="radio"].icon-selector--expiration-16+label:before,
.icon-selector input[type="radio"].icon-selector--expiration-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--expiration-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--expiration-16:checked+label:after {
    content: "\e990"
}

.icon-selector input[type="radio"].icon-selector--new-16+label:before,
.icon-selector input[type="radio"].icon-selector--new-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--new-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--new-16:checked+label:after {
    content: "\e991"
}

.icon-selector input[type="radio"].icon-selector--loading-16+label:before,
.icon-selector input[type="radio"].icon-selector--loading-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--loading-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--loading-16:checked+label:after {
    content: "\e992"
}

.icon-selector input[type="radio"].icon-selector--legal-16+label:before,
.icon-selector input[type="radio"].icon-selector--legal-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--legal-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--legal-16:checked+label:after {
    content: "\e993"
}

.icon-selector input[type="radio"].icon-selector--insurance-16+label:before,
.icon-selector input[type="radio"].icon-selector--insurance-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--insurance-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--insurance-16:checked+label:after {
    content: "\e994"
}

.icon-selector input[type="radio"].icon-selector--halcash-16+label:before,
.icon-selector input[type="radio"].icon-selector--halcash-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--halcash-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--halcash-16:checked+label:after {
    content: "\e995"
}

.icon-selector input[type="radio"].icon-selector--no-fees-16+label:before,
.icon-selector input[type="radio"].icon-selector--no-fees-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--no-fees-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--no-fees-16:checked+label:after {
    content: "\e996"
}

.icon-selector input[type="radio"].icon-selector--fees-16+label:before,
.icon-selector input[type="radio"].icon-selector--fees-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--fees-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--fees-16:checked+label:after {
    content: "\e997"
}

.icon-selector input[type="radio"].icon-selector--free-16+label:before,
.icon-selector input[type="radio"].icon-selector--free-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--free-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--free-16:checked+label:after {
    content: "\e998"
}

.icon-selector input[type="radio"].icon-selector--arrow-order-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-order-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-order-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-order-16:checked+label:after {
    content: "\e999"
}

.icon-selector input[type="radio"].icon-selector--quotes-16+label:before,
.icon-selector input[type="radio"].icon-selector--quotes-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--quotes-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--quotes-16:checked+label:after {
    content: "\e99a"
}

.icon-selector input[type="radio"].icon-selector--key-16+label:before,
.icon-selector input[type="radio"].icon-selector--key-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--key-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--key-16:checked+label:after {
    content: "\e99b"
}

.icon-selector input[type="radio"].icon-selector--security-16+label:before,
.icon-selector input[type="radio"].icon-selector--security-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--security-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--security-16:checked+label:after {
    content: "\e99c"
}

.icon-selector input[type="radio"].icon-selector--umbrella-16+label:before,
.icon-selector input[type="radio"].icon-selector--umbrella-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--umbrella-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--umbrella-16:checked+label:after {
    content: "\e99d"
}

.icon-selector input[type="radio"].icon-selector--percentage-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--percentage-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--percentage-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--percentage-2-16:checked+label:after {
    content: "\e99e"
}

.icon-selector input[type="radio"].icon-selector--info-16+label:before,
.icon-selector input[type="radio"].icon-selector--info-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--info-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--info-16:checked+label:after {
    content: "\e99f"
}

.icon-selector input[type="radio"].icon-selector--bizum-16+label:before,
.icon-selector input[type="radio"].icon-selector--bizum-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--bizum-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--bizum-16:checked+label:after {
    content: "\e9a0"
}

.icon-selector input[type="radio"].icon-selector--receipt-add-16+label:before,
.icon-selector input[type="radio"].icon-selector--receipt-add-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--receipt-add-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--receipt-add-16:checked+label:after {
    content: "\e9a1"
}

.icon-selector input[type="radio"].icon-selector--transfer-recurring-16+label:before,
.icon-selector input[type="radio"].icon-selector--transfer-recurring-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--transfer-recurring-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--transfer-recurring-16:checked+label:after {
    content: "\e9a2"
}

.icon-selector input[type="radio"].icon-selector--console-16+label:before,
.icon-selector input[type="radio"].icon-selector--console-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--console-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--console-16:checked+label:after {
    content: "\e9a3"
}

.icon-selector input[type="radio"].icon-selector--other-device-16+label:before,
.icon-selector input[type="radio"].icon-selector--other-device-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--other-device-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--other-device-16:checked+label:after {
    content: "\e9a4"
}

.icon-selector input[type="radio"].icon-selector--tv-16+label:before,
.icon-selector input[type="radio"].icon-selector--tv-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--tv-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--tv-16:checked+label:after {
    content: "\e9a5"
}

.icon-selector input[type="radio"].icon-selector--unknown-device-16+label:before,
.icon-selector input[type="radio"].icon-selector--unknown-device-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--unknown-device-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--unknown-device-16:checked+label:after {
    content: "\e9a6"
}

.icon-selector input[type="radio"].icon-selector--contactless-16+label:before,
.icon-selector input[type="radio"].icon-selector--contactless-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--contactless-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--contactless-16:checked+label:after {
    content: "\e9a7"
}

.icon-selector input[type="radio"].icon-selector--heart-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--heart-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--heart-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--heart-2-16:checked+label:after {
    content: "\e9a8"
}

.icon-selector input[type="radio"].icon-selector--transfer-scheduled-16+label:before,
.icon-selector input[type="radio"].icon-selector--transfer-scheduled-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--transfer-scheduled-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--transfer-scheduled-16:checked+label:after {
    content: "\e9a9"
}

.icon-selector input[type="radio"].icon-selector--receipt-16+label:before,
.icon-selector input[type="radio"].icon-selector--receipt-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--receipt-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--receipt-16:checked+label:after {
    content: "\e9aa"
}

.icon-selector input[type="radio"].icon-selector--split-16+label:before,
.icon-selector input[type="radio"].icon-selector--split-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--split-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--split-16:checked+label:after {
    content: "\e9ab"
}

.icon-selector input[type="radio"].icon-selector--bookmark-active-16+label:before,
.icon-selector input[type="radio"].icon-selector--bookmark-active-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--bookmark-active-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--bookmark-active-16:checked+label:after {
    content: "\e9ac"
}

.icon-selector input[type="radio"].icon-selector--exchange-16+label:before,
.icon-selector input[type="radio"].icon-selector--exchange-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--exchange-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--exchange-16:checked+label:after {
    content: "\e9ad"
}

.icon-selector input[type="radio"].icon-selector--arrow-2-down-3-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-2-down-3-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-2-down-3-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-2-down-3-16:checked+label:after {
    content: "\e9ae"
}

.icon-selector input[type="radio"].icon-selector--arrow-2-up-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-2-up-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-2-up-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-2-up-2-16:checked+label:after {
    content: "\e9af"
}

.icon-selector input[type="radio"].icon-selector--personalmanager-16+label:before,
.icon-selector input[type="radio"].icon-selector--personalmanager-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--personalmanager-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--personalmanager-16:checked+label:after {
    content: "\e9b0"
}

.icon-selector input[type="radio"].icon-selector--asterisco-16+label:before,
.icon-selector input[type="radio"].icon-selector--asterisco-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--asterisco-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--asterisco-16:checked+label:after {
    content: "\e9b1"
}

.icon-selector input[type="radio"].icon-selector--noview-16+label:before,
.icon-selector input[type="radio"].icon-selector--noview-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--noview-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--noview-16:checked+label:after {
    content: "\e9b2"
}

.icon-selector input[type="radio"].icon-selector--catalogue-comercial-16+label:before,
.icon-selector input[type="radio"].icon-selector--catalogue-comercial-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--catalogue-comercial-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--catalogue-comercial-16:checked+label:after {
    content: "\e9b3"
}

.icon-selector input[type="radio"].icon-selector--catalogue-product-16+label:before,
.icon-selector input[type="radio"].icon-selector--catalogue-product-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--catalogue-product-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--catalogue-product-16:checked+label:after {
    content: "\e9b4"
}

.icon-selector input[type="radio"].icon-selector--confirming-16+label:before,
.icon-selector input[type="radio"].icon-selector--confirming-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--confirming-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--confirming-16:checked+label:after {
    content: "\e9b5"
}

.icon-selector input[type="radio"].icon-selector--factoring-16+label:before,
.icon-selector input[type="radio"].icon-selector--factoring-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--factoring-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--factoring-16:checked+label:after {
    content: "\e9b6"
}

.icon-selector input[type="radio"].icon-selector--receipt_new-16+label:before,
.icon-selector input[type="radio"].icon-selector--receipt_new-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--receipt_new-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--receipt_new-16:checked+label:after {
    content: "\e9b7"
}

.icon-selector input[type="radio"].icon-selector--external-tpv-16+label:before,
.icon-selector input[type="radio"].icon-selector--external-tpv-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--external-tpv-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--external-tpv-16:checked+label:after {
    content: "\e9b8"
}

.icon-selector input[type="radio"].icon-selector--domiciliation-16+label:before,
.icon-selector input[type="radio"].icon-selector--domiciliation-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--domiciliation-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--domiciliation-16:checked+label:after {
    content: "\e9b9"
}

.icon-selector input[type="radio"].icon-selector--check-payment-16+label:before,
.icon-selector input[type="radio"].icon-selector--check-payment-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--check-payment-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--check-payment-16:checked+label:after {
    content: "\e9ba"
}

.icon-selector input[type="radio"].icon-selector--financing-16+label:before,
.icon-selector input[type="radio"].icon-selector--financing-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--financing-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--financing-16:checked+label:after {
    content: "\e9bb"
}

.icon-selector input[type="radio"].icon-selector--investment-16+label:before,
.icon-selector input[type="radio"].icon-selector--investment-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--investment-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--investment-16:checked+label:after {
    content: "\e9bc"
}

.icon-selector input[type="radio"].icon-selector--card_new-16+label:before,
.icon-selector input[type="radio"].icon-selector--card_new-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--card_new-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--card_new-16:checked+label:after {
    content: "\e9bd"
}

.icon-selector input[type="radio"].icon-selector--taxes-16+label:before,
.icon-selector input[type="radio"].icon-selector--taxes-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--taxes-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--taxes-16:checked+label:after {
    content: "\e9be"
}

.icon-selector input[type="radio"].icon-selector--less-money-16+label:before,
.icon-selector input[type="radio"].icon-selector--less-money-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--less-money-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--less-money-16:checked+label:after {
    content: "\e9bf"
}

.icon-selector input[type="radio"].icon-selector--more-money-16+label:before,
.icon-selector input[type="radio"].icon-selector--more-money-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--more-money-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--more-money-16:checked+label:after {
    content: "\e9c0"
}

.icon-selector input[type="radio"].icon-selector--netting-16+label:before,
.icon-selector input[type="radio"].icon-selector--netting-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--netting-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--netting-16:checked+label:after {
    content: "\e9c1"
}

.icon-selector input[type="radio"].icon-selector--leasing-16+label:before,
.icon-selector input[type="radio"].icon-selector--leasing-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--leasing-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--leasing-16:checked+label:after {
    content: "\e9c2"
}

.icon-selector input[type="radio"].icon-selector--rounded-square-16+label:before,
.icon-selector input[type="radio"].icon-selector--rounded-square-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--rounded-square-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--rounded-square-16:checked+label:after {
    content: "\e9c3"
}

.icon-selector input[type="radio"].icon-selector--apple-16+label:before,
.icon-selector input[type="radio"].icon-selector--apple-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--apple-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--apple-16:checked+label:after {
    content: "\e9c4"
}

.icon-selector input[type="radio"].icon-selector--car-16+label:before,
.icon-selector input[type="radio"].icon-selector--car-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--car-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--car-16:checked+label:after {
    content: "\e9c5"
}

.icon-selector input[type="radio"].icon-selector--taxi-16+label:before,
.icon-selector input[type="radio"].icon-selector--taxi-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--taxi-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--taxi-16:checked+label:after {
    content: "\e9c6"
}

.icon-selector input[type="radio"].icon-selector--rented-car-16+label:before,
.icon-selector input[type="radio"].icon-selector--rented-car-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--rented-car-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--rented-car-16:checked+label:after {
    content: "\e9c7"
}

.icon-selector input[type="radio"].icon-selector--plane-16+label:before,
.icon-selector input[type="radio"].icon-selector--plane-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--plane-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--plane-16:checked+label:after {
    content: "\e9c8"
}

.icon-selector input[type="radio"].icon-selector--train-16+label:before,
.icon-selector input[type="radio"].icon-selector--train-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--train-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--train-16:checked+label:after {
    content: "\e9c9"
}

.icon-selector input[type="radio"].icon-selector--allcheck-16+label:before,
.icon-selector input[type="radio"].icon-selector--allcheck-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--allcheck-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--allcheck-16:checked+label:after {
    content: "\e9ca"
}

.icon-selector input[type="radio"].icon-selector--bank-check-16+label:before,
.icon-selector input[type="radio"].icon-selector--bank-check-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--bank-check-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--bank-check-16:checked+label:after {
    content: "\e9cb"
}

.icon-selector input[type="radio"].icon-selector--attach-16+label:before,
.icon-selector input[type="radio"].icon-selector--attach-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--attach-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--attach-16:checked+label:after {
    content: "\e9cc"
}

.icon-selector input[type="radio"].icon-selector--oficina-distancia-16+label:before,
.icon-selector input[type="radio"].icon-selector--oficina-distancia-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--oficina-distancia-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--oficina-distancia-16:checked+label:after {
    content: "\e9cd"
}

.icon-selector input[type="radio"].icon-selector--cloud-16+label:before,
.icon-selector input[type="radio"].icon-selector--cloud-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--cloud-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--cloud-16:checked+label:after {
    content: "\e9ce"
}

.icon-selector input[type="radio"].icon-selector--aggregator-16+label:before,
.icon-selector input[type="radio"].icon-selector--aggregator-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--aggregator-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--aggregator-16:checked+label:after {
    content: "\e9cf"
}

.icon-selector input[type="radio"].icon-selector--id-card-16+label:before,
.icon-selector input[type="radio"].icon-selector--id-card-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--id-card-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--id-card-16:checked+label:after {
    content: "\e9d0"
}

.icon-selector input[type="radio"].icon-selector--broker-16+label:before,
.icon-selector input[type="radio"].icon-selector--broker-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--broker-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--broker-16:checked+label:after {
    content: "\e9d1"
}

.icon-selector input[type="radio"].icon-selector--cobros-menor-16+label:before,
.icon-selector input[type="radio"].icon-selector--cobros-menor-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--cobros-menor-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--cobros-menor-16:checked+label:after {
    content: "\e9d2"
}

.icon-selector input[type="radio"].icon-selector--cobros-mayor-16+label:before,
.icon-selector input[type="radio"].icon-selector--cobros-mayor-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--cobros-mayor-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--cobros-mayor-16:checked+label:after {
    content: "\e9d3"
}

.icon-selector input[type="radio"].icon-selector--pagos-menor-16+label:before,
.icon-selector input[type="radio"].icon-selector--pagos-menor-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--pagos-menor-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--pagos-menor-16:checked+label:after {
    content: "\e9d4"
}

.icon-selector input[type="radio"].icon-selector--pagos-mayor-16+label:before,
.icon-selector input[type="radio"].icon-selector--pagos-mayor-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--pagos-mayor-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--pagos-mayor-16:checked+label:after {
    content: "\e9d5"
}

.icon-selector input[type="radio"].icon-selector--challenge-16+label:before,
.icon-selector input[type="radio"].icon-selector--challenge-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--challenge-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--challenge-16:checked+label:after {
    content: "\e9d6"
}

.icon-selector input[type="radio"].icon-selector--max-balance-16+label:before,
.icon-selector input[type="radio"].icon-selector--max-balance-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--max-balance-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--max-balance-16:checked+label:after {
    content: "\e9d7"
}

.icon-selector input[type="radio"].icon-selector--send-16+label:before,
.icon-selector input[type="radio"].icon-selector--send-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--send-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--send-16:checked+label:after {
    content: "\e9d8"
}

.icon-selector input[type="radio"].icon-selector--ant-16+label:before,
.icon-selector input[type="radio"].icon-selector--ant-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--ant-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--ant-16:checked+label:after {
    content: "\e9d9"
}

.icon-selector input[type="radio"].icon-selector--dolphin-16+label:before,
.icon-selector input[type="radio"].icon-selector--dolphin-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--dolphin-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--dolphin-16:checked+label:after {
    content: "\e9da"
}

.icon-selector input[type="radio"].icon-selector--lynx-16+label:before,
.icon-selector input[type="radio"].icon-selector--lynx-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--lynx-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--lynx-16:checked+label:after {
    content: "\e9db"
}

.icon-selector input[type="radio"].icon-selector--book-2-16+label:before,
.icon-selector input[type="radio"].icon-selector--book-2-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--book-2-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--book-2-16:checked+label:after {
    content: "\e9dc"
}

.icon-selector input[type="radio"].icon-selector--graph-more-16+label:before,
.icon-selector input[type="radio"].icon-selector--graph-more-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--graph-more-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--graph-more-16:checked+label:after {
    content: "\e9dd"
}

.icon-selector input[type="radio"].icon-selector--building-16+label:before,
.icon-selector input[type="radio"].icon-selector--building-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--building-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--building-16:checked+label:after {
    content: "\e9de"
}

.icon-selector input[type="radio"].icon-selector--world-reporting-16+label:before,
.icon-selector input[type="radio"].icon-selector--world-reporting-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--world-reporting-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--world-reporting-16:checked+label:after {
    content: "\e9df"
}

.icon-selector input[type="radio"].icon-selector--product-reporting-16+label:before,
.icon-selector input[type="radio"].icon-selector--product-reporting-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--product-reporting-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--product-reporting-16:checked+label:after {
    content: "\e9e0"
}

.icon-selector input[type="radio"].icon-selector--calendar-one-16+label:before,
.icon-selector input[type="radio"].icon-selector--calendar-one-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--calendar-one-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--calendar-one-16:checked+label:after {
    content: "\e9e1"
}

.icon-selector input[type="radio"].icon-selector--arrow-order-descending-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-order-descending-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-order-descending-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-order-descending-16:checked+label:after {
    content: "\e9e2"
}

.icon-selector input[type="radio"].icon-selector--arrow-order-ascending-16+label:before,
.icon-selector input[type="radio"].icon-selector--arrow-order-ascending-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--arrow-order-ascending-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--arrow-order-ascending-16:checked+label:after {
    content: "\e9e3"
}

.icon-selector input[type="radio"].icon-selector--star-middle-16+label:before,
.icon-selector input[type="radio"].icon-selector--star-middle-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--star-middle-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--star-middle-16:checked+label:after {
    content: "\e9e4"
}

.icon-selector input[type="radio"].icon-selector--microphone-off-16+label:before,
.icon-selector input[type="radio"].icon-selector--microphone-off-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--microphone-off-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--microphone-off-16:checked+label:after {
    content: "\e9e5"
}

.icon-selector input[type="radio"].icon-selector--video-off-16+label:before,
.icon-selector input[type="radio"].icon-selector--video-off-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--video-off-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--video-off-16:checked+label:after {
    content: "\e9e6"
}

.icon-selector input[type="radio"].icon-selector--copy-16+label:before,
.icon-selector input[type="radio"].icon-selector--copy-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--copy-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--copy-16:checked+label:after {
    content: "\e9e7"
}

.icon-selector input[type="radio"].icon-selector--draw-16+label:before,
.icon-selector input[type="radio"].icon-selector--draw-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--draw-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--draw-16:checked+label:after {
    content: "\e9e8"
}

.icon-selector input[type="radio"].icon-selector--eraser-16+label:before,
.icon-selector input[type="radio"].icon-selector--eraser-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--eraser-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--eraser-16:checked+label:after {
    content: "\e9e9"
}

.icon-selector input[type="radio"].icon-selector--new-folder-16+label:before,
.icon-selector input[type="radio"].icon-selector--new-folder-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--new-folder-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--new-folder-16:checked+label:after {
    content: "\e9ea"
}

.icon-selector input[type="radio"].icon-selector--new-task-16+label:before,
.icon-selector input[type="radio"].icon-selector--new-task-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--new-task-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--new-task-16:checked+label:after {
    content: "\e9eb"
}

.icon-selector input[type="radio"].icon-selector--recording-16+label:before,
.icon-selector input[type="radio"].icon-selector--recording-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--recording-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--recording-16:checked+label:after {
    content: "\e9ec"
}

.icon-selector input[type="radio"].icon-selector--recording-stop-16+label:before,
.icon-selector input[type="radio"].icon-selector--recording-stop-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--recording-stop-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--recording-stop-16:checked+label:after {
    content: "\e9ed"
}

.icon-selector input[type="radio"].icon-selector--rectangle-16+label:before,
.icon-selector input[type="radio"].icon-selector--rectangle-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--rectangle-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--rectangle-16:checked+label:after {
    content: "\e9ee"
}

.icon-selector input[type="radio"].icon-selector--shapes-16+label:before,
.icon-selector input[type="radio"].icon-selector--shapes-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--shapes-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--shapes-16:checked+label:after {
    content: "\e9ef"
}

.icon-selector input[type="radio"].icon-selector--sidebar-off-16+label:before,
.icon-selector input[type="radio"].icon-selector--sidebar-off-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--sidebar-off-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--sidebar-off-16:checked+label:after {
    content: "\e9f0"
}

.icon-selector input[type="radio"].icon-selector--sidebar-on-16+label:before,
.icon-selector input[type="radio"].icon-selector--sidebar-on-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--sidebar-on-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--sidebar-on-16:checked+label:after {
    content: "\e9f1"
}

.icon-selector input[type="radio"].icon-selector--text-copy-16+label:before,
.icon-selector input[type="radio"].icon-selector--text-copy-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--text-copy-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--text-copy-16:checked+label:after {
    content: "\e9f2"
}

.icon-selector input[type="radio"].icon-selector--underline-16+label:before,
.icon-selector input[type="radio"].icon-selector--underline-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--underline-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--underline-16:checked+label:after {
    content: "\e9f3"
}

.icon-selector input[type="radio"].icon-selector--zip-16+label:before,
.icon-selector input[type="radio"].icon-selector--zip-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--zip-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--zip-16:checked+label:after {
    content: "\e9f4"
}

.icon-selector input[type="radio"].icon-selector--whatsapp-16+label:before,
.icon-selector input[type="radio"].icon-selector--whatsapp-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--whatsapp-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--whatsapp-16:checked+label:after {
    content: "\e9f5"
}

.icon-selector input[type="radio"].icon-selector--argo-16+label:before,
.icon-selector input[type="radio"].icon-selector--argo-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--argo-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--argo-16:checked+label:after {
    content: "\e9f6"
}

.icon-selector input[type="radio"].icon-selector--claim-16+label:before,
.icon-selector input[type="radio"].icon-selector--claim-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--claim-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--claim-16:checked+label:after {
    content: "\e9f7"
}

.icon-selector input[type="radio"].icon-selector--qr-16+label:before,
.icon-selector input[type="radio"].icon-selector--qr-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--qr-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--qr-16:checked+label:after {
    content: "\e9f8"
}

.icon-selector input[type="radio"].icon-selector--parcial-16+label:before,
.icon-selector input[type="radio"].icon-selector--parcial-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--parcial-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--parcial-16:checked+label:after {
    content: "\e9f9"
}

.icon-selector input[type="radio"].icon-selector--total-16+label:before,
.icon-selector input[type="radio"].icon-selector--total-16:checked+label:after,
.icon-selector input[type="checkbox"].icon-selector--total-16+label:before,
.icon-selector input[type="checkbox"].icon-selector--total-16:checked+label:after {
    content: "\e9fa"
}

.icon-selector.check--is-error input[type="checkbox"]+label:before {
    border: 2px solid #CB1720
}

.icon-selector.check--is-error input[type="checkbox"]:focus+label:before {
    box-shadow: 0 0 0 2px #cb1720
}

.icon-selector.radio--is-error input[type="radio"]+label:before {
    border: 2px solid #CB1720
}

.icon-selector.radio--is-error input[type="radio"]:focus+label:before {
    box-shadow: 0 0 0 2px #cb1720
}

.icon-selector.check--is-warning input[type="checkbox"]+label:before {
    border: 1px solid #FF821C
}

.icon-selector.check--is-warning input[type="checkbox"]:focus+label:before {
    box-shadow: 0 0 0 4px rgba(255, 130, 28, 0.1)
}

.icon-selector.radio--is-warning input[type="radio"]+label:before {
    border: 1px solid #FF821C
}

.icon-selector.radio--is-warning input[type="radio"]:focus+label:before {
    box-shadow: 0 0 0 4px rgba(255, 130, 28, 0.1)
}

.icon-selector.check--is-success input[type="checkbox"]+label:before {
    border: 1px solid #008931
}

.icon-selector.check--is-success input[type="checkbox"]:focus+label:before {
    box-shadow: 0 0 0 4px rgba(0, 137, 49, 0.1)
}

.icon-selector.radio--is-success input[type="radio"]+label:before {
    border: 1px solid #008931
}

.icon-selector.radio--is-success input[type="radio"]:focus+label:before {
    box-shadow: 0 0 0 4px rgba(0, 137, 49, 0.1)
}

.icon-selector input[type="checkbox"]:disabled+label {
    opacity: 1;
    color: #AFB5C8
}

.icon-selector input[type="checkbox"]:disabled+label:before {
    box-shadow: none;
    color: #AFB5C8;
    background-color: #EBEEF5;
    cursor: default
}

.icon-selector input[type="checkbox"]:disabled+label:after {
    opacity: 1;
    color: #AFB5C8
}

.icon-selector input[type="radio"]:disabled+label {
    opacity: 1;
    color: #AFB5C8
}

.icon-selector input[type="radio"]:disabled+label:before {
    box-shadow: none;
    color: #AFB5C8;
    background-color: #EBEEF5;
    cursor: default
}

.icon-selector input[type="radio"]:disabled+label:after {
    opacity: 1;
    color: #AFB5C8
}

.icon-selector--only-icon {
    margin-right: 8px
}

.icon-selector--only-icon label {
    padding-left: 33px
}

.icon-selector--on-check input[type="radio"]:checked+label:after,
.icon-selector--on-check input[type="checkbox"]:checked+label:after {
    content: "\e90c" !important
}

.icon-selector--cyan input[type="radio"]:checked+label:after,
.icon-selector--cyan input[type="checkbox"]:checked+label:after {
    background-color: #B5F0EF
}

.icon--orange {
    color: #FF821C
}

.icon--orange-second {
    color: #F76900
}

.icon--orange-third {
    color: #FFF3EB
}

.icon--gris {
    color: #5c6780
}

.icon--gris-second {
    color: #D9E4FF
}

.icon--gris-thin {
    color: #A0ADB8
}

.icon--gris-fourth {
    color: #6F7A94
}

.icon--yellow {
    color: #FED430
}

.icon--yellow-second {
    color: #FEE997
}

.icon--yellow-fourth {
    color: #FFDC54
}

.icon--cyan {
    color: #B5F0EF
}

.icon--green {
    color: #22CB65
}

.icon--red {
    color: #CB1720
}

.icon--cyan-second {
    color: #D3F6F5
}

.icon--purple {
    color: #322F7B
}

.icon--purple-second {
    color: #F7FAFF
}

.icon--purple-light {
    color: #EFF3FF
}

.icon--morado {
    color: #322F7B
}

.icon--morado-second {
    color: #D9E4FF
}

.icon--purple-medium {
    color: #D9E4FF
}

.icon--bkj-yellow {
    color: #FFE700
}

.icon--bkj-turquoise {
    color: #37ECC7
}

.icon--bkj-blue {
    color: #08C3FF
}

.icon--bkj-red {
    color: #FF4169
}

.icon--green-light {
    color: #A7F3C5
}

.icon--pink-light {
    color: #FFB5B1
}

.icon--ad-grey-dark {
    color: #273140
}

.icon--ad-grey-input {
    color: #C8D7E6
}

.icon--rounded-orange-third {
    border-radius: 32px;
    height: 36px;
    width: 36px;
    background: #FFF3EB;
    margin-right: 10px;
    line-height: 32px
}

.bank-list {
    margin-top: 40px
}

@media (max-width: 1199.98px) {
    .bank-list {
        margin-top: 32px
    }
}

.bank-list__container {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline
}

.bank-list__container::after {
    content: "";
    flex: 1 1 100%
}

.bank-list__element {
    position: relative;
    margin-bottom: 40px;
    margin-right: 40px
}

@media (max-width: 1199.98px) {
    .bank-list__element {
        margin-right: 29px;
        margin-bottom: 32px
    }
}

@media (max-width: 991.98px) {
    .bank-list__element {
        margin-right: 30px
    }
}

@media (max-width: 767.98px) {
    .bank-list__element {
        width: 100%;
        margin-bottom: 16px;
        margin-right: 0
    }
}

.bank-list__element--no-margin {
    margin-right: 0
}

.bank-list__element--no-visible {
    display: none
}

.bank-list__element--disabled {
    margin-top: 10px
}

.bank-list__element--disabled .bank-list__button {
    cursor: default
}

@media (max-width: 767.98px) {
    .bank-list__element--disabled {
        margin-top: 24px
    }
}

.bank-list__button {
    box-sizing: border-box;
    padding: 24px 38px;
    width: 196px;
    height: 80px;
    background-color: #EBEEF5;
    border: 1px solid #EBEEF5
}

@media (max-width: 1199.98px) {
    .bank-list__button {
        width: 213px
    }
}

@media (max-width: 991.98px) {
    .bank-list__button {
        width: 220px
    }
}

@media (max-width: 767.98px) {
    .bank-list__button {
        width: 100%
    }
}

.bank-list__button:hover {
    background-color: #F7FAFF
}

.bank-list__button:focus {
    border: 1px solid #AFB5C8;
    background-color: #EBEEF5;
    box-shadow: 0 0 0 4px #EBEEF5
}

.bank-list__button--no-logo {
    padding: 20px 38px
}

.bank-list__button--disabled .bank-list__logo {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.2
}

.bank-list__button--disabled .bank-list__no-logo {
    opacity: 0.6
}

.bank-list__button--disabled:hover {
    background-color: #EBEEF5
}

.bank-list__button--active {
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(97, 112, 119, 0.15)
}

.bank-list__button--active:focus {
    background-color: #fff
}

.bank-list__logo {
    max-width: 120px;
    max-height: 32px
}

.bank-list__no-logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #191B1C;
    font-size: 14px
}

.bank-list__no-logo__name {
    display: block;
    width: 100%
}

.feedback {
    padding: 11px 0 11px 0;
    font-size: .875rem
}

@media (min-width: 576px) {
    .feedback {
        padding: 8px 0 8px 0
    }
}

.feedback__close {
    margin-left: 24px
}

@media (min-width: 576px) {
    .feedback__close {
        margin-left: 40px
    }
}

.feedback-sticky.feedback-sticky--active {
    position: fixed;
    top: 0;
    z-index: 1000;
    margin-bottom: 0
}

.message-box {
    position: relative
}

.message-box__content {
    position: absolute;
    right: unset;
    bottom: 24px;
    width: 272px;
    padding: 16px 16px 16px 24px;
    z-index: 9999
}

@media (min-width: 576px) {
    .message-box__content {
        right: 15px
    }
}

.message-box__content.message-box__content--modal {
    position: initial;
    width: 100%;
    margin-bottom: 24px
}

.message-box__content--rounded {
    border-radius: 4px
}

.message-box__content--rounded .countdown {
    font-weight: bold
}

.message-box__content--medium {
    width: 520px
}

.message-box__item {
    color: #191B1C;
    font-size: 14px;
    font-family: "BK-Sans"
}

.message-box__button {
    margin-left: 24px;
    color: #191B1C
}

.message-box__button:hover {
    color: #5c6780
}

.message-box__content--gris {
    background-color: #5c6780
}

.message-box__content--gris .message-box__item {
    color: #fff
}

.message-box__content--gris .message-box__button {
    color: #fff
}

.message-box__content--gris .message-box__button:hover {
    color: #AFB5C8
}

.message-box__content--cyan {
    background-color: #D3F6F5
}

.message-box__content--yellow {
    background-color: #FEE997
}

.message-box__content--green {
    background-color: #A7F3C5
}

.message-box__content--red {
    background-color: #FFB5B1
}

.message-box__content--gray {
    background-color: #EBEEF5
}

.chatbox {
    position: fixed;
    bottom: 100px;
    z-index: 999;
    font-size: 12px;
    width: 270px;
    height: 56px;
    right: 15px
}

@media (min-width: 992px) {
    .chatbox {
        width: 300px;
        right: 42px
    }
}

.chatbox__label {
    display: flex;
    justify-content: flex-end
}

.chatbox__label span {
    background-color: #B5F0EF;
    padding: 2px 12px
}

.chatbox__header {
    box-shadow: 0 10px 20px 0 rgba(104, 112, 126, 0.15);
    background-color: #fff;
    display: flex;
    padding: 16px;
    border-radius: 8px 0 8px 8px;
    align-items: center
}

.chatbox__header-icon {
    width: 40px;
    height: 40px
}

.chatbox__header-icon span {
    font-size: 24px;
    width: 100%;
    height: 100%;
    line-height: 38px
}

.chatbox__header-icon--orange {
    background-color: #FF821C
}

.chatbox__header-icon--yellow {
    background-color: #FED430
}

.chatbox__header-icon--cyan {
    background-color: #B5F0EF
}

.chatbox__header-icon--bkj-yellow {
    background-color: #FFE700
}

.chatbox__header-icon--bkj-turquoise {
    background-color: #37ECC7
}

.chatbox__header-icon--bkj-blue {
    background-color: #08C3FF
}

.chatbox__header-icon--bkj-red {
    background-color: #FF4169
}

.chatbox__header-icon--gray-business {
    background-color: #4B575D
}

.chatbox__header-icon--gray-business .icon {
    color: #fff
}

.chatbox__header-icon--ad-grey-dark {
    background-color: #273140
}

.chatbox__header-icon--ad-grey-dark .icon {
    color: #fff
}

.chatbox__header-icon--ad-grey-input {
    background-color: #C8D7E6
}

.chatbox__header-icon--white {
    background-color: #fff
}

.chatbox__body {
    display: none
}

.chatbox__header-text {
    margin-left: 16px
}

.chatbox__btn--rounded {
    position: absolute;
    bottom: 0;
    right: 25px;
    will-change: opacity;
    transform: translate(0, 135%);
    transition-property: all;
    transition-duration: .166s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.chatbox__btn--rounded span {
    transition: 0.2s all ease-in-out
}

.chatbox__btn--rounded [class*="icon-"] {
    height: 100%;
    width: 46px;
    line-height: 46px;
    font-size: 24px;
    display: block
}

.chatbox--openned {
    width: 300px;
    height: 256px;
    bottom: 100px;
    background-color: #fff;
    border-radius: 8px;
    right: 15px
}

@media (min-width: 992px) {
    .chatbox--openned {
        width: 400px;
        height: 256px;
        right: 42px
    }
}

.chatbox--openned .chatbox__header {
    background-color: #EBEEF5;
    border-radius: 8px 8px 0 0
}

.chatbox--openned .chatbox__label {
    display: none
}

.chatbox--openned .chatbox__body {
    display: block;
    background-color: #fff;
    padding: 16px 12px 0 16px;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 10px 20px 0 rgba(104, 112, 126, 0.15)
}

.chatbox--openned .chatbox__body-text {
    background-color: #EBEEF5;
    padding: 12px 30px 12px 12px;
    border-radius: 4px
}

.chatbox--openned .chatbox__btn--rounded span {
    transition: 0.2s all ease-in-out;
    transform: rotate(135deg)
}

.chatbot {
    width: 300px;
    height: 96px;
    position: fixed;
    bottom: 90px;
    right: 40px;
    z-index: 12;
    font-family: "BK-Sans";
    font-weight: bold;
    color: #191B1C;
    box-shadow: 0 0 10px 0 rgba(97, 112, 119, 0.15);
    border-radius: 4px 0 4px 4px;
    display: none;
    opacity: 0;
    transition: 0.3s
}

@media (max-width: 575.98px) {
    .chatbot {
        width: calc(100% - 40px);
        right: 20px;
        bottom: 40px
    }
}

.chatbot.chatbot--ready {
    display: block
}

.chatbot.chatbot--ready-to-show {
    opacity: 1
}

.chatbot.chatbot--with-cookies {
    bottom: 150px
}

@media (max-width: 575.98px) {
    .chatbot.chatbot--with-cookies {
        bottom: 200px
    }
}

.chatbot.chatbot--open {
    width: 400px;
    height: 400px;
    border-radius: 4px;
    overflow: hidden
}

@media (max-width: 575.98px) {
    .chatbot.chatbot--open {
        width: calc(100% - 40px)
    }
}

.chatbot.chatbot--open .chatbot__label {
    display: none
}

.chatbot.chatbot--open .chatbot__header {
    background-color: #EBEEF5;
    transition: 0.3s
}

.chatbot.chatbot--open .chatbot__header-mesages {
    display: none
}

.chatbot.chatbot--open .chatbot__header-actions {
    display: flex
}

.chatbot.chatbot--open .chatbot__content {
    height: 340px;
    position: relative
}

.chatbot.chatbot--open iframe {
    display: block !important;
    z-index: 0 !important;
    bottom: 0;
    height: 100%;
    position: absolute
}

.chatbot.chatbot--open .chatbot__expand-button {
    display: none
}

.chatbot.chatbot--hidden {
    display: none
}

.chatbot__label {
    position: absolute;
    top: -24px;
    right: 0;
    font-size: 14px;
    background-color: #B5F0EF;
    height: 24px;
    line-height: 24px;
    padding: 0 8px
}

.chatbot__container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 4px 0 4px 4px;
    background-color: #fff
}

.chatbot__header {
    width: 100%;
    background-color: #fff;
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

.chatbot__header-info {
    display: flex;
    align-items: center
}

.chatbot__header-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #FED430
}

.chatbot__header-title {
    margin-left: 16px
}

.chatbot__header-title-text,
.chatbot__header-mesages {
    display: block
}

.chatbot__header-mesages {
    font-size: 14px;
    color: #5c6780
}

.chatbot__header-mesages--new-mesages {
    color: #CB1720
}

.chatbot__header-actions {
    display: none;
    align-items: center
}

.chatbot__minus-button,
.chatbot__options,
.chatbot__close-button {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    outline: 0
}

.chatbot__minus-button:hover,
.chatbot__options:hover,
.chatbot__close-button:hover {
    text-decoration: none
}

.chatbot__minus-button:focus,
.chatbot__options:focus,
.chatbot__close-button:focus {
    text-decoration: none;
    background-color: #191B1C;
    color: #fff
}

.chatbot__options {
    margin-left: 8px;
    margin-right: 8px;
    font-size: 40px;
    color: #191B1C
}

.chatbot__options:hover {
    color: inherit
}

.chatbot__options:focus {
    color: #fff
}

.chatbot__content {
    width: 100%;
    height: 0
}

.chatbot__content-iframe {
    display: none;
    z-index: -1;
    bottom: inherit;
    top: 60px;
    height: calc(100% - 60px)
}

.chatbot iframe {
    border-radius: 4px 0 4px 4px;
    position: absolute;
    bottom: 0;
    z-index: -1 !important;
    display: none !important;
    border: none;
    outline: 0
}

.chatbot__expand-button {
    height: 48px;
    width: 48px;
    line-height: 0;
    outline: 0;
    background-color: #FF821C;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    bottom: -24px;
    right: 16px
}

.chatbot__expand-button:focus {
    background-color: #FF821C;
    box-shadow: 0 0 0 4px #191B1C
}

.filter--from-to .filter__icon-type {
    margin-right: 8px
}

.filter--from-to .filter__text {
    width: 100% !important;
    padding: 0 !important
}

.filter--from-to .filter__input-container .input-rounded__input {
    padding-right: 16px
}

@media (min-width: 576px) {
    .filter--from-to .filter__input-container {
        padding: 0
    }
}

@media (min-width: 992px) {
    .filter--from-to .filter__bloq-range {
        margin-top: 8px;
        padding: 15px;
        box-shadow: 0 10px 20px 0 rgba(25, 27, 28, 0.15)
    }
}

@media (min-width: 1200px) {
    .header-bk-wem {
        background-color: #fff;
        position: relative;
        z-index: 3
    }
    .header-bk-wem:after {
        content: "";
        background-color: #EBEEF5;
        position: absolute;
        height: 40px;
        top: 0;
        bottom: initial;
        left: 0;
        right: 0;
        width: 100%
    }
}

.header-bk-wem__content {
    position: absolute;
    right: 0;
    width: 100%;
    z-index: unset;
    bottom: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100vh
}

@media (min-width: 1200px) {
    .header-bk-wem__content {
        position: relative;
        left: initial;
        top: initial;
        right: initial;
        bottom: initial;
        height: auto
    }
    .header-bk-wem__content:after {
        content: "";
        background-color: #EBEEF5;
        z-index: -1
    }
}

.header-bk-wem__content--active {
    z-index: 21;
    padding-left: 24px
}

@media (min-width: 768px) {
    .header-bk-wem__content--active {
        padding-left: 276px
    }
}

@media (min-width: 992px) {
    .header-bk-wem__content--active {
        padding-left: 452px
    }
}

@media (min-width: 1200px) {
    .header-bk-wem__content--active {
        padding-left: 0
    }
}

.header-bk-wem__logo {
    position: absolute;
    top: 0;
    display: flex;
    width: 100%;
    min-height: 48px;
    max-height: 70px;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px 0 24px;
    order: 0;
    background-color: #fff
}

@media (min-width: 768px) {
    .header-bk-wem__logo {
        height: 110px;
        padding: 0 12px 0 24px
    }
}

@media (min-width: 992px) {
    .header-bk-wem__logo {
        padding: 0 30px 0 30px
    }
}

@media (min-width: 1200px) {
    .header-bk-wem__logo {
        position: relative;
        max-height: 48px;
        min-height: auto;
        top: 52px;
        width: max-content;
        padding: 22px 0 22px 0
    }
}

@media (min-width: 1200px) {
    .header-bk-wem__logo.header-bk-wem__logo--luxemburgo {
        top: 68px
    }
}

.header-bk-wem__logo.header-bk-wem__logo--luxemburgo .header-bk-wem__logo-image {
    height: 55px;
    width: 173px;
    margin-top: 20px
}

@media (min-width: 1200px) {
    .header-bk-wem__logo.header-bk-wem__logo--luxemburgo .header-bk-wem__logo-image {
        margin-top: 0
    }
}

.header-bk-wem__logo--active {
    position: relative;
    width: auto;
    margin-left: -24px;
    padding: 0 8px 0 24px
}

@media (min-width: 768px) {
    .header-bk-wem__logo--active {
        margin-left: -276px;
        padding: 0 12px 0 24px
    }
}

@media (min-width: 992px) {
    .header-bk-wem__logo--active {
        margin-left: -452px;
        padding: 0 30px 0 44px
    }
}

@media (max-width: 1199.98px) {
    .header-bk-wem__logo--active {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

@media (max-width: 575.98px) {
    .header-bk-wem__logo--active {
        min-height: 48px
    }
}

.header-bk-wem__logo--active-empresas-logado {
    margin-left: -627px
}

.header-bk-wem__content--active-empresas-logado {
    padding-left: 627px
}

.header-bk-wem__logo-image {
    fill: #F76900;
    width: 150px;
    height: 22px
}

@media (min-width: 576px) {
    .header-bk-wem__logo-image {
        width: 203px;
        height: 30px
    }
}

@media (min-width: 992px) {
    .header-bk-wem__logo-image {
        width: 169px;
        height: 30px
    }
}

@media (min-width: 1200px) {
    .header-bk-wem__logo-image {
        width: 203px;
        height: 35px
    }
}

.header-bk-wem__logo-image:focus {
    outline: 1px dashed #191B1C;
    outline-offset: 8px
}

.header-bk-wem__logo-image:hover {
    fill: #F76900
}

@media (min-width: 1200px) {
    .header-bk-wem__logo-icon {
        display: none
    }
}

.header-bk-wem__logo-icon:focus {
    color: black;
    background: none
}

.header-bk-wem__logo-icon:focus .header-bk-wem__logo-icon-close span {
    color: black;
    background: none
}

.header-button {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: flex-end;
    order: 1
}

@media (min-width: 1200px) {
    .header-button {
        position: relative;
        top: 0;
        transform: translateY(-48px);
        z-index: 999;
        order: 1
    }
}

.header-button__link-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 48px;
    position: relative;
    z-index: 2;
    color: #191B1C;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 16px
}

.header-button__link-nav.header-button__link-nav-min {
    min-width: 200px
}

.header-button__link-nav.header-button__link-nav-messages {
    padding: 0 30px
}

.header-button__link-nav.header-button__link-nav-messages .header-button__link-name-nav--messages {
    min-width: 18px;
    padding: 0 10px 0 3px
}

.header-button__link-nav.header-button__link-nav-messages.header-button__link-nav-messages--big {
    padding: 0 35px 0 25px
}

@media (min-width: 768px) {
    .header-button__link-nav.header-button__link-nav-messages.header-button__link-nav-messages--big {
        padding: 0 40px 0 30px
    }
}

.header-button__link-nav.header-button__link-nav--private {
    padding: 12px 12px
}

@media (min-width: 992px) {
    .header-button__link-nav.header-button__link-nav--private {
        padding: 9px 9px
    }
}

@media (min-width: 1200px) {
    .header-button__link-nav {
        min-height: 40px
    }
}

.header-button__link-nav:focus {
    outline: 1px dashed #191B1C;
    outline-offset: -1px
}

.header-button__link-nav:hover {
    background: #6F7A94;
    color: #191B1C;
    text-decoration: none
}

.header-button__link-nav:hover .header-button__link-name-nav {
    text-decoration: underline
}

.header-button__link-nav-circle {
    background: #FED430;
    border-radius: 10px;
    height: 6px;
    width: 6px;
    display: block;
    position: absolute;
    top: 14px;
    margin-left: -3px
}

@media (min-width: 992px) {
    .header-button__link-nav-circle {
        top: 14px;
        margin-left: -4px
    }
}

@media (min-width: 1200px) {
    .header-button__link-nav-circle {
        top: 10px;
        margin-left: -3px
    }
}

.header-button__link-nav-circle:before {
    content: '\25CF';
    font-size: 14px;
    color: red;
    position: absolute;
    top: -9px;
    left: 0
}

@media (max-width: 1199.98px) {
    .header-button__logout {
        display: none
    }
}

.header-button__nav-access-item .badge-icon {
    margin: 16px
}

.header-button__nav-access-item.header-button__nav-access-item--total-width {
    width: 100%
}

@media (min-width: 1200px) {
    .header-button__nav-access-item.header-button__nav-access-item--total-width {
        width: auto
    }
}

.header-button__nav-access-item--separate {
    border-right: 1px solid #fff
}

.header-button__link-nav--yellow {
    background-color: #FED430;
    color: #191B1C
}

.header-button__link-nav--yellow:hover {
    background-color: #FFDC54;
    color: #191B1C
}

.header-button__link-nav--yellow.header-button__link-nav--yellow-noti {
    background-color: #FFDC54
}

.header-button__link-nav--yellow.header-button__link-nav--yellow-noti:hover {
    background-color: #FED430
}

.header-button__link-nav--dropdown {
    padding: 8px 16px 8px 16px
}

.header-button__link-nav--dropdown .icon--24 {
    min-width: 24px;
    min-height: 24px
}

@media all and (-ms-high-contrast: none) and (max-width: 991.98px),
(-ms-high-contrast: active) and (max-width: 991.98px) {
    .header-button__link-nav--big {
        padding: 11px 0 0 0
    }
}

.header-button__link-nav--orange {
    background-color: #FF821C
}

.header-button__link-nav--orange:hover {
    background-color: #F76900
}

.header-button__link-nav--blue {
    background-color: #5c6780;
    color: #fff !important
}

.header-button__link-nav--grey {
    background-color: #EBEEF5;
    color: #191B1C
}

.header-button__link-nav--cyan {
    background-color: #B5F0EF;
    color: #191B1C
}

.header-button__link-nav--cyan:hover {
    background-color: #C3F3F2
}

.header-button__link-nav--purple {
    background-color: #EBEEF5;
    color: #191B1C
}

.header-button__link-nav--purple:hover {
    background-color: #F7FAFF;
    color: #191B1C
}

.header-button__link-nav--purple:focus {
    background-color: #EBEEF5;
    color: #191B1C
}

.header-button__link-nav--small {
    width: 48px;
    height: 48px;
    max-width: 48px;
    max-height: 48px;
    min-width: auto;
    padding: 0
}

@media (min-width: 1200px) {
    .header-button__link-nav--small .header-button__link-nav {
        min-width: auto;
        padding: 0
    }
}

@media (min-width: 1200px) {
    .header-button__link-nav--small {
        width: 40px;
        height: 40px;
        max-width: 40px;
        max-height: 40px;
        padding: 0
    }
}

.header-button__link-nav--small-xs {
    width: 48px;
    height: 48px;
    max-width: 48px;
    max-height: 48px;
    min-width: auto
}

.header-button__link-nav--small-xs .header-button__link-name-nav {
    display: none
}

@media (min-width: 1200px) {
    .header-button__link-nav--small-xs {
        width: auto;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        padding: 0 8px;
        min-width: 40px
    }
    .header-button__link-nav--small-xs .header-button__link-name-nav {
        display: flex;
        line-height: 16px
    }
}

.header-button__nav-access-item--expanded {
    display: flex;
    align-items: center;
    flex-grow: 1
}

.header-button__link-nav--hover .header-button__link-name-nav {
    display: none
}

@media (min-width: 1200px) {
    .header-button__link-nav--hover:hover .header-button__link-name-nav {
        display: block
    }
}

.header-button__link-name-nav {
    padding-left: 4px
}

@media (min-width: 992px) {
    .header-button-cuenta {
        max-width: 208px;
        min-width: 208px
    }
}

@media (min-width: 1200px) {
    .header-button-cuenta {
        position: relative;
        max-width: inherit;
        min-width: inherit;
        width: 100%
    }
}

@media (min-width: 576px) {
    .header-button-cuenta--alone {
        max-width: 222px;
        min-width: 222px
    }
}

@media (min-width: 992px) {
    .header-button-cuenta--alone {
        max-width: 262px;
        min-width: 262px
    }
}

@media (min-width: 1200px) {
    .header-button-cuenta--alone {
        position: relative;
        max-width: inherit;
        min-width: inherit;
        width: 100%
    }
}

@media (min-width: 576px) {
    .header-button__nav-access-item-dropdown {
        max-width: 232px;
        min-width: 164px
    }
}

@media (min-width: 992px) {
    .header-button__nav-access-item-dropdown {
        max-width: 290px
    }
}

@media (min-width: 1200px) {
    .header-button__nav-access-item-dropdown {
        position: relative;
        max-width: 272px
    }
}

.header-button__nav-access-item-dropdown.header-button__nav-access-item-dropdown--big {
    max-width: 131px;
    width: 100%
}

@media (min-width: 768px) {
    .header-button__nav-access-item-dropdown.header-button__nav-access-item-dropdown--big {
        max-width: 152px
    }
}

.header-button__nav-access-item-dropdown.header-button__nav-access-item-dropdown--total-width {
    width: 100%;
    max-width: 100%
}

.header-button__nav-access-item-dropdown.header-button__nav-access-item-dropdown--total-width.header-button__nav-access-item--separate {
    min-width: 139px
}

@media (min-width: 576px) {
    .header-button__nav-access-item-dropdown.header-button__nav-access-item-dropdown--total-width.header-button__nav-access-item--separate {
        width: 100%;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .header-button__nav-access-item-dropdown.header-button__nav-access-item-dropdown--total-width {
        width: inherit;
        max-width: 272px
    }
    .header-button__nav-access-item-dropdown.header-button__nav-access-item-dropdown--total-width.header-button__nav-access-item--separate {
        width: inherit;
        max-width: 272px
    }
}

.header-button__nav-access-item-dropdown.header-button__link-nav--small {
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
    min-width: auto
}

.header-button__nav-access-item-private {
    width: 200px
}

@media (min-width: 576px) {
    .header-button__nav-access-item-private {
        width: 397px
    }
}

@media (min-width: 992px) {
    .header-button__nav-access-item-private {
        width: 175px
    }
    .header-button__nav-access-item-private .header-button__link-name-nav {
        padding: 0
    }
}

@media (min-width: 576px) {
    .header-button-second {
        position: absolute;
        bottom: 1px;
        right: 15px
    }
}

.header-bk-wem__nav {
    background-color: #fff;
    height: 100%;
    order: 3;
    display: flex
}

@media (min-width: 1200px) {
    .header-bk-wem__nav {
        margin-left: 242px;
        transform: translateY(-21px);
        -ms-transform: translateY(-36px)
    }
}

.header-bk-wem__nav-section {
    padding-left: 15px;
    background: #EBEEF5;
    z-index: 1000
}

@media (max-width: 1199.98px) {
    .header-bk-wem__nav-section {
        position: relative
    }
    .header-bk-wem__nav-section:before {
        content: "";
        position: absolute;
        top: -40px;
        width: auto;
        bottom: 50px;
        left: 0;
        right: 0;
        background: white;
        opacity: 0.6
    }
}

@media (min-width: 1200px) {
    .header-bk-wem__nav-section {
        padding-left: 0;
        padding-right: 0;
        display: flex !important
    }
}

.header-bk-wem__nav-section-list {
    min-height: 48px;
    overflow: visible;
    height: 100%;
    display: flex;
    height: auto;
    align-items: center;
    order: 5
}

@media (max-width: 1199.98px) {
    .header-bk-wem__nav-section-list {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none
    }
}

@media all and (max-width: 1199.98px) and (-ms-high-contrast: none),
(max-width: 1199.98px) and (-ms-high-contrast: active) {
    .header-bk-wem__nav-section-list {
        padding-top: 11px
    }
}

@media (min-width: 1200px) {
    .header-bk-wem__nav-section-list {
        min-height: 40px;
        padding-left: 0;
        padding-right: 0;
        max-width: 40%;
        z-index: 9999;
        line-height: 40px;
        top: 0;
        order: 0;
        position: absolute;
        margin-left: -9px
    }
}

.header-button__link-nav--large span {
    margin-right: 5px
}

@media (max-width: 991.98px) {
    .header-bk-wem__nav-section-list::-webkit-scrollbar {
        display: none
    }
}

.header-bk-wem__area-icons {
    background-color: #fff;
    min-height: 50px;
    z-index: 9;
    border-top: 1px solid #EBEEF5;
    display: flex;
    width: 100%;
    align-self: center;
    order: 4;
    padding: 0 24px
}

@media (min-width: 1200px) {
    .header-bk-wem__area-icons {
        min-height: 40px;
        display: flex;
        line-height: 40px;
        padding: 0;
        flex-direction: row;
        justify-content: flex-end;
        margin-top: 26px
    }
}

.header-bk-wem__area-icons--no-border {
    border: none
}

.header-bk-wem__area-icons-container {
    display: flex;
    color: #191B1C
}

@media (min-width: 1200px) {
    .header-bk-wem__area-icons-container {
        border-left: 1px solid #EBEEF5;
        border-right: 1px solid #EBEEF5
    }
}

.header-bk-wem__area-icons-container:hover {
    text-decoration: underline;
    color: #191B1C
}

.header-bk-wem__area-icons-container:focus {
    color: #191B1C;
    outline: 1px dashed #191B1C;
    outline-offset: 6px
}

@media (max-width: 1199.98px) {
    .header-bk-wem__area-icons-container.header-bk-wem__area-icons-container--small {
        margin-right: 16px
    }
}

@media (max-width: 575.98px) {
    .header-bk-wem__area-icons-container.header-bk-wem__area-icons-container--small {
        margin-right: 8px
    }
}

.header-bk-wem__area-icon-text-container {
    display: flex;
    color: #191B1C;
    align-self: center;
    margin-right: 29px
}

@media (min-width: 1200px) {
    .header-bk-wem__area-icon-text-container {
        padding: 0;
        margin: 0 16px;
        height: 24px;
        position: relative
    }
    .header-bk-wem__area-icon-text-container:after {
        content: "";
        border-right: 1px solid #EBEEF5;
        position: absolute;
        top: -8px;
        bottom: -8px;
        right: -16px
    }
}

.header-bk-wem__area-icon-text-container:last-child {
    border-right: none;
    margin-right: 0
}

.header-bk-wem__area-icon-text-container:hover {
    color: #191B1C;
    text-decoration: underline
}

.header-bk-wem__area-icon-text-container:focus {
    outline: 1px dashed #191B1C;
    outline-offset: 2px;
    color: #191B1C
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .header-bk-wem__area-icon-text-container {
        line-height: 24px;
        margin-top: 7px
    }
}

.header-bk-wem__area-icons-text {
    display: none;
    align-self: center
}

@media (min-width: 1200px) {
    .header-bk-wem__area-icons-text {
        font-size: .75rem;
        display: flex
    }
}

.header-bk-wem__area-icons-text.header-bk-wem__area-web {
    display: flex;
    font-size: .75rem
}

@media (max-width: 1199.98px) {
    .header-bk-wem__area-icons-text.header-bk-wem__area-web {
        text-transform: uppercase;
        letter-spacing: 1px
    }
}

@media (max-width: 575.98px) {
    .header-bk-wem__area-icons-text.header-bk-wem__area-web {
        margin-right: 8px
    }
}

.header-bk-wem__area-icons-icon {
    align-self: center
}

@media (min-width: 992px) {
    .header-bk-wem__area-icons-icon {
        margin-right: 0
    }
}

.header-bk-wem__area-icons-icon--icon-text {
    align-self: center;
    text-decoration: underline;
    text-decoration-color: #fff
}

@media (min-width: 1200px) {
    .header-bk-wem__area-icons-icon--icon-text {
        margin-left: 8px
    }
}

.header-bk-wem__area-icon-icon-alone {
    align-self: center;
    margin-right: 16px
}

@media (min-width: 992px) {
    .header-bk-wem__area-icon-icon-alone {
        margin: 0 20px 0 20px
    }
}

@media (min-width: 1200px) {
    .header-bk-wem__area-icons-container--first {
        border-left: none
    }
}

@media (min-width: 1200px) {
    .header-bk-wem__area-icons-container--last {
        border-right: none;
        height: 16px;
        align-self: center;
        border-left: none;
        margin-left: 16px
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .header-bk-wem__area-icons-container--last {
        line-height: 24px;
        margin-top: 7px
    }
    .header-bk-wem__area-icons-container--last:focus {
        background-color: #3E4A50;
        color: #fff
    }
}

.header-bk-wem__area-icons-container-action-box {
    margin: 0 12px 0 8px;
    cursor: pointer
}

.header-bk-wem__area-icons-container-action-box .action-box__button {
    margin-left: 8px
}

@media (min-width: 992px) {
    .header-bk-wem__area-icons-container-action-box {
        margin-left: 16px;
        margin-right: 0;
        border-left: none
    }
    .header-bk-wem__area-icons-container-action-box .action-box__button {
        margin-right: 8px;
        margin-left: 8px
    }
}

.header-bk-wem__area-icons-container-action-box:hover {
    color: #F76900
}

.header__bk--border-top {
    border-top: 1px solid #EBEEF5
}

.header-bk-wem__area-links {
    background-color: #fff;
    min-height: 48px;
    z-index: 9;
    border-top: 1px solid #EBEEF5;
    display: flex;
    width: 100%;
    align-self: center;
    flex-direction: row;
    justify-content: flex-end;
    order: 4
}

@media (max-width: 1199.98px) {
    .header-bk-wem__area-links {
        background-color: #EBEEF5
    }
}

@media (min-width: 1200px) {
    .header-bk-wem__area-links {
        min-height: 40px;
        display: flex;
        line-height: 40px
    }
}

.header-bk-wem__area-newweb {
    background-color: #fff;
    min-height: 48px;
    z-index: 9;
    display: flex;
    width: 100%;
    align-self: center;
    align-items: center;
    justify-content: flex-start;
    order: 4;
    padding-left: 24px;
    margin-right: 0
}

.header-menu-dropdown {
    padding: 8px 0;
    background-color: #fff;
    position: absolute;
    width: 100%;
    top: 48px;
    left: 0;
    right: 0;
    z-index: 201
}

@media (min-width: 576px) {
    .header-menu-dropdown {
        top: 56px
    }
}

@media (min-width: 768px) {
    .header-menu-dropdown {
        top: 48px
    }
}

@media (min-width: 1200px) {
    .header-menu-dropdown {
        right: 0;
        top: 40px;
        padding: 0
    }
}

.header-menu-dropdown--private {
    padding: 8px 0;
    background-color: #fff;
    position: absolute;
    width: 100%;
    top: 48px;
    left: 0;
    right: 0;
    z-index: 201
}

@media (min-width: 576px) {
    .header-menu-dropdown--private {
        top: 56px
    }
}

@media (min-width: 768px) {
    .header-menu-dropdown--private {
        top: 48px
    }
}

@media (min-width: 1200px) {
    .header-menu-dropdown--private {
        max-width: 175px;
        right: 0;
        top: 40px;
        left: auto;
        padding: 0;
        display: flex;
        box-shadow: none
    }
}

@media (min-width: 1200px) {
    .header-menu-dropdown--private {
        box-shadow: 0 10px 20px 0 rgba(97, 112, 119, 0.15)
    }
}

.header-menu-dropdown__velado {
    height: 320px;
    width: 296px;
    transform: scaleY(-1);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, #fff 100%);
    position: absolute;
    left: 0
}

@media (min-width: 768px) {
    .header-menu-dropdown__velado {
        height: 765px;
        width: 493px;
        transform: scaleY(-1);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, #fff 100%);
        position: absolute;
        left: 0
    }
}

@media (min-width: 992px) {
    .header-menu-dropdown__velado {
        height: 765px;
        width: 572px;
        transform: scaleY(-1);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, #fff 100%);
        position: absolute;
        left: 0
    }
}

@media (min-width: 1200px) {
    .header-menu-dropdown__velado {
        display: none
    }
}

.header-menu-dropdown__list {
    padding: 24px
}

@media (min-width: 1200px) {
    .header-menu-dropdown__list {
        width: 100%;
        display: flex;
        padding: 24px;
        z-index: 10;
        flex-direction: column;
        box-shadow: 0 10px 10px -5px #AFB5C8;
        border-radius: 4px
    }
}

.header-menu-dropdown__item {
    margin-bottom: 24px;
    font-size: 14px
}

.header-menu-dropdown__item:last-of-type {
    margin-bottom: 0
}

@media (min-width: 992px) {
    .header-menu-dropdown__item .header-menu-dropdown__link {
        font-size: 12px
    }
}

.header-menu-dropdown__item--selected {
    background-color: #EFF3FF
}

.header-menu-dropdown__item--selected .header-menu-dropdown__link:before {
    background-color: #FF821C
}

.header-menu-dropdown__link {
    color: #191B1C;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px
}

@media (max-width: 1199.98px) {
    .header-menu-dropdown__link {
        font-size: 12px
    }
}

.header-menu-dropdown__link:hover {
    text-decoration: underline;
    color: #191B1C
}

.header-menu-dropdown__link:hover:before {
    background-color: #FF821C
}

.header-menu-dropdown__link:focus {
    outline: 1px dashed #191B1C;
    outline-offset: 8px
}

.header__backdrop {
    position: absolute;
    left: 24px;
    top: 96px;
    right: 0;
    height: 400px;
    z-index: 10;
    background: rgba(255, 255, 255, 0.74);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.74) 28%, rgba(255, 255, 255, 0.74) 91%, rgba(255, 255, 255, 0.17) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(28%, rgba(255, 255, 255, 0.74)), color-stop(91%, rgba(255, 255, 255, 0.74)), color-stop(100%, rgba(255, 255, 255, 0.17)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.74) 28%, rgba(255, 255, 255, 0.74) 91%, rgba(255, 255, 255, 0.17) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.74) 28%, rgba(255, 255, 255, 0.74) 91%, rgba(255, 255, 255, 0.17) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.74) 28%, rgba(255, 255, 255, 0.74) 91%, rgba(255, 255, 255, 0.17) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.74) 28%, rgba(255, 255, 255, 0.74) 91%, rgba(255, 255, 255, 0.17) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}

@media (min-width: 768px) {
    .header__backdrop {
        left: 276px;
        top: 119px;
        height: 74%
    }
}

@media (min-width: 992px) {
    .header__backdrop {
        display: none
    }
}

.header-dropdown-user {
    overflow: visible;
    right: 0;
    max-width: 48px;
    min-width: 48px
}

@media (min-width: 992px) {
    .header-dropdown-user {
        max-width: 164px
    }
}

@media (min-width: 1200px) {
    .header-dropdown-user {
        max-width: 186px
    }
}

.header-dropdown-user__container {
    background-color: #fff;
    width: 100%;
    right: 0;
    position: absolute;
    z-index: 11;
    padding: 24px 0 0 0
}

@media (min-width: 992px) {
    .header-dropdown-user__container {
        box-shadow: 0 10px 10px -5px #AFB5C8;
        min-width: 320px
    }
}

.header-dropdown-user__content {
    display: flex;
    line-height: 20px;
    color: #191B1C;
    padding: 0 24px 0 24px;
    flex-direction: column;
    font-size: 12px
}

.header-dropdown-user-description {
    font-size: .875rem;
    margin-bottom: 0
}

.header-dropdown-user-profile {
    margin-bottom: 8px;
    font-size: 12px;
    color: #191B1C
}

.header-dropdown-user-profile:last-of-type {
    margin-bottom: 0
}

.header-dropdown-user-profile-tag,
.header-dropdown-user-last-conexion-tag {
    color: #5c6780;
    text-transform: uppercase;
    margin-right: 8px;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: normal
}

@media (min-width: 992px) {
    .header-dropdown-user-profile-tag,
    .header-dropdown-user-last-conexion-tag {
        display: block
    }
}

.header-dropdown-user-last-conexion-tag {
    margin-right: 0
}

.header-dropdown-user-name-pic {
    font-size: 14px;
    height: 40px;
    width: 40px;
    background-color: #EFF3FF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #191B1C;
    margin-right: 16px;
    padding: 9px
}

.header-dropdown__last-conexion {
    padding: 20px 32px 20px 32px;
    border-bottom: 1px solid #EBEEF5
}

.header-dropdown-conexion {
    color: #5c6780;
    text-transform: uppercase;
    font-size: 10px;
    margin-right: 8px
}

.header-dropdown-date {
    color: #191B1C;
    font-size: 10px;
    margin-right: 8px
}

.header-menu-dropdown__list-user {
    padding-top: 16px
}

.header-menu-dropdown__item-user {
    height: 48px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EBEEF5;
    padding-left: 24px
}

@media (min-width: 992px) {
    .header-menu-dropdown__item-user {
        height: 60px
    }
}

.header-menu-dropdown__item-user:first-child {
    border-top: 1px solid #EBEEF5
}

.header-menu-dropdown__item-user a:focus {
    outline: 1px dashed #191B1C;
    outline-offset: 6px;
    color: #191B1C
}

.header-menu-dropdown__item-user a:hover {
    text-decoration: underline;
    color: #191B1C
}

@media (min-width: 1200px) {
    .header-menu-dropdown__item-user-logout {
        display: none
    }
}

.header-menu-dropdown__link-user {
    color: #191B1C;
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: 1px
}

.header-menu-dropdown__link-user .icon {
    margin-left: 4px
}

.icon--menu {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 36px
}

@media (min-width: 576px) {
    .icon--menu {
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 48px
    }
}

.header-bk-wem__nav-section-item {
    margin-right: 24px
}

@media (min-width: 768px) {
    .header-bk-wem__nav-section-item {
        margin-right: 32px
    }
}

@media (min-width: 992px) {
    .header-bk-wem__nav-section-item {
        margin-right: 31px;
        margin-left: 9px
    }
}

.header-bk-wem__nav-section-item:last-of-type {
    margin-right: 0
}

.header-bk-wem__nav-section-item-private {
    margin-right: 24px
}

@media (min-width: 768px) {
    .header-bk-wem__nav-section-item-private {
        margin-right: 32px
    }
}

@media (min-width: 992px) {
    .header-bk-wem__nav-section-item-private {
        margin-right: 40px
    }
}

.header-bk-wem__nav-section-link {
    color: black;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px
}

.header-bk-wem__nav-section-link:focus {
    outline: 1px dashed #191B1C;
    outline-offset: 8px;
    color: #191B1C
}

.header-bk-wem__nav-section-link:hover {
    text-decoration: underline;
    color: #191B1C
}

.header-bk-wem__nav-section-link.header-bk-wem__nav-section-link--active {
    color: #BD4313
}

.header-bk-wem__nav-section-link--disabled {
    pointer-events: none;
    cursor: default;
    color: #191B1C;
    display: block;
    margin-top: 1px;
    outline: none !important
}

.header-banner__link {
    display: inline-block;
    margin-top: 132px;
    margin-left: 21px
}

@media (min-width: 768px) {
    .header-banner__link {
        margin-top: 73px
    }
}

.header-banner__link:focus .header-banner__content-text {
    outline: 1px dashed #191B1C;
    outline-offset: 8px
}

.header-banner__link:hover .header-banner__title,
.header-banner__link:hover .header-banner__paragraph {
    text-decoration: underline
}

.header-banner__content {
    background-color: #FED430;
    color: #191B1C;
    padding: 105px 24px 24px 24px;
    height: 292px;
    width: 292px;
    margin-top: 22px;
    display: flex;
    align-content: flex-end
}

@media (min-width: 992px) {
    .header-banner__content {
        height: 263px;
        width: 263px;
        margin-top: 80px
    }
}

@media (min-width: 1200px) {
    .header-banner__content {
        height: 292px;
        width: 292px;
        margin-top: 22px
    }
}

.header-banner__content.header-banner__content--orange {
    background-color: #FF821C;
    color: #191B1C
}

.header-banner__content.header-banner__content--cyan {
    background-color: #B5F0EF
}

.header-banner__content.header-banner__content--gray-business {
    background-color: #4B575D;
    color: white
}

.header-banner__img {
    width: 263px;
    height: 263px;
    top: 13px;
    right: -15px;
    position: absolute
}

@media (max-width: 1199.98px) {
    .header-banner__img {
        top: 8px
    }
}

@media (max-width: 767.98px) {
    .header-banner__img {
        height: 213px;
        width: 213px
    }
}

.header-banner__title {
    line-height: 22px;
    font-size: 18px;
    font-family: "BK-Text";
    margin-bottom: 7px
}

@media (max-width: 1199.98px) {
    .header-banner__title {
        font-size: 20px;
        line-height: 24px
    }
}

.header-banner__paragraph {
    line-height: 18px;
    font-size: 14px;
    font-family: "BK-Sans";
    margin-bottom: 0
}

.header-banner__content-text {
    height: 67px;
    overflow: hidden
}

@media (max-width: 1199.98px) {
    .header-banner__content-text {
        height: 95px
    }
}

.header-bk-wem__nav-security {
    height: 100%;
    max-height: 100%;
    background-color: #fff
}

.header-bk-wem__list-content {
    width: 100%;
    max-height: inherit
}

@media (min-width: 1200px) {
    .header-bk-wem__list-content {
        overflow: visible;
        max-height: 100%;
        display: flex;
        flex-wrap: wrap
    }
}

.header-bk-wem__list-content .header-bk-wem__list-contentul {
    display: flex;
    margin: 5px 0 0 0;
    align-items: center
}

@media (min-width: 1200px) {
    .header-bk-wem__list-content .header-bk-wem__list-contentul {
        margin: -1px 0 0 -6px
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .header-bk-wem__list-content .header-bk-wem__list-contentul {
        margin: 20px 0 0 0
    }
}

@media (max-width: 1199.98px) {
    .header-bk-wem__list-content .header-bk-wem__list-contentul {
        display: block;
        height: 100%
    }
}

.header-bk-wem__sublistul {
    display: inline-flex;
    width: 100%;
    margin-left: 0
}

@media (max-width: 1199.98px) {
    .header-bk-wem__sublistul {
        display: unset;
        position: absolute;
        margin-left: 12px
    }
}

@media (max-width: 991.98px) {
    .header-bk-wem__sublistul::-webkit-scrollbar {
        display: none
    }
}

.header-bk-wem__list-item {
    font-size: 15px;
    list-style: none;
    margin-bottom: 30px;
    line-height: 24px
}

@media (max-width: 1199.98px) {
    .header-bk-wem__list-item {
        position: relative;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        margin-bottom: 0;
        margin-left: 18px
    }
}

.header-bk-wem__list-item:last-of-type {
    margin-bottom: 0
}

@media (max-width: 1199.98px) {
    .header-bk-wem__list-item {
        padding: 1px
    }
    .header-bk-wem__list-item:first-of-type {
        margin-top: 32px
    }
}

@media (min-width: 1200px) {
    .header-bk-wem__list-item {
        margin-bottom: 0;
        margin-right: 34px
    }
    .header-bk-wem__list-item:first-of-type [header-link-submenu-active="false"] {
        padding-top: 0;
        color: #191B1C
    }
    .header-bk-wem__list-item:last-of-type {
        margin-right: 0
    }
}

.header-bk-wem__sublist-link[header-link-submenu-active="true"] {
    color: #BD4313 !important
}

.header-bk-wem__sublist-link[header-link-submenu-active="true"]:hover {
    color: #BD4313
}

.header-bk-wem__list-item--open {
    height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0
}

@media (max-width: 1199.98px) {
    .header-bk-wem__list-item--open .header-bk-wem__sublist-link:first-of-type {
        margin: 24px 24px 24px 16px
    }
    .header-bk-wem__list-item--open .header-bk-wem__sublist-item .header-bk-wem__sublist-link {
        margin: 0
    }
    .header-bk-wem__list-item--open .header-bk-wem__sublist-content {
        margin-bottom: 40px
    }
}

@media (max-width: 1199.98px) and (min-width: 992px) {
    .header-bk-wem__list-item--open .header-bk-wem__sublist-content.header-bk-wem__sublist-content--no-margin {
        margin-bottom: 0
    }
}

@media (max-width: 1199.98px) and (min-width: 1200px) {
    .header-bk-wem__list-item--open .header-bk-wem__sublist-content.header-bk-wem__sublist-content--no-margin {
        margin-bottom: 40px
    }
}

.header-bk-wem__list-item--open.header-bk-wem__list-item {
    margin-left: 0
}

.header-bk-wem__list-item--open.header-bk-wem__list-item:first-of-type {
    margin-top: 0
}

@media (max-width: 991.98px) {
    .header-bk-wem__sublist-content+.header-bk-wem__sublist-content {
        margin-top: -40px
    }
}

@media (min-width: 992px) {
    .header-bk-wem__sublist-content .header-bk-wem__sublist-link {
        padding-top: 9px
    }
}

@media (max-width: 991.98px) {
    .header-bk-wem__list-item--open::-webkit-scrollbar {
        display: none
    }
}

.header-bk-wem__list-item--active {
    padding: 23px 0 23px
}

.header-bk-wem__sublist-link {
    margin-bottom: 26px
}

@media (min-width: 1200px) {
    .header-bk-wem__sublist-link {
        margin-bottom: 0
    }
}

@media (max-width: 1199.98px) {
    .header-bk-wem__sublist-link.sublist-link-private {
        padding-bottom: 32px
    }
}

.header-bk-wem__list-item--open .header-bk-wem__sublist-link[header-link-submenu-active="true"] {
    color: #BD4313
}

.header-bk-wem__list-item--open .header-bk-wem__sublist-link[header-link-submenu-active="true"]:after {
    width: auto;
    border-top: 1px solid #EBEEF5;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    content: ""
}

.header-bk-wem__sublist {
    background-color: #fff
}

@media (min-width: 1200px) {
    .header-bk-wem__sublist {
        position: absolute;
        z-index: 200;
        border-top: none;
        width: 100%;
        margin-top: 20px;
        left: -244px
    }
}

.header-bk-wem__sublist-title {
    font-size: 18px;
    font-family: BK-Text
}

@media (min-width: 992px) {
    .header-bk-wem__sublist-title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px
    }
}

@media (min-width: 1200px) {
    .header-bk-wem__sublist-title {
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .header-bk-wem__sublist-content {
        padding-top: 9px
    }
}

.header-bk-wem__sublist-item {
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 23px;
    font-family: BK-Sans
}

@media (min-width: 1200px) {
    .header-bk-wem__sublist-item:last-of-type {
        margin-bottom: 38px
    }
}

.header-bk-wem__sublist-link,
.header-bk-wem__sublist-link-submenu {
    color: #191B1C;
    display: inline-block;
    margin-left: 8px;
    margin-top: 8px
}

.header-bk-wem__sublist-link:active,
.header-bk-wem__sublist-link-submenu:active {
    color: #BD4313
}

.header-bk-wem__sublist-link:hover,
.header-bk-wem__sublist-link-submenu:hover {
    text-decoration: underline;
    color: #191B1C
}

.header-bk-wem__sublist-link:focus,
.header-bk-wem__sublist-link-submenu:focus {
    color: #191B1C;
    outline: 1px dashed #191B1C;
    outline-offset: 8px
}

.header-bk-wem__sublist-link.header-bk-wem__sublist-link--active-link,
.header-bk-wem__sublist-link-submenu.header-bk-wem__sublist-link--active-link {
    padding-top: 0;
    color: #BD4313
}

.header-bk-wem__sublist-link.header-bk-wem__sublist-link--active-link:focus,
.header-bk-wem__sublist-link-submenu.header-bk-wem__sublist-link--active-link:focus {
    outline: 1px dashed #191B1C;
    outline-offset: 8px
}

.header-bk-wem__input-search {
    color: #5c6780;
    font-size: 13px;
    line-height: 17px;
    background-color: transparent;
    border: 0;
    width: 100%;
    margin-left: 10px
}

.header-bk-wem__input-search input:focus {
    box-shadow: 0 10px 20px 0 rgba(25, 27, 28, 0.15)
}

.header-bk-wem__left-links {
    color: #191B1C;
    text-transform: uppercase;
    font-size: 12px;
    align-self: flex-start
}

.header-bk-wem__left-links-item {
    padding: 13px 40px 13px 0;
    line-height: 13px
}

.overlay-header-bk-wem {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(25, 27, 28, 0.6)
}

@media (min-width: 1200px) {
    .overlay-header-bk-wem {
        display: none
    }
}

.header-bk-wem--container-mobile {
    padding-bottom: 48px;
    background-color: white
}

.header-bk-wem--container-mobile.header-bk-wem--container-mobile--breadcrumb {
    padding-bottom: 0
}

@media (min-width: 768px) {
    .header-bk-wem--container-mobile {
        padding-bottom: 64px
    }
}

@media (min-width: 1200px) {
    .header-bk-wem--container-mobile {
        padding-bottom: 0
    }
}

.header-bk-wem--container-mobile .header-bk-wem__nav,
.header-bk-wem--container-mobile .header-button,
.header-bk-wem--container-mobile .header-bk-wem__nav-section {
    width: inherit;
    align-self: flex-start
}

@media (min-width: 1200px) {
    .header-bk-wem__shadow .header-bk-wem__submenu::before {
        content: "";
        width: 200%;
        position: absolute;
        background: #fff;
        height: 100%;
        left: -630px;
        box-shadow: 0 24px 20px rgba(107, 112, 126, 0.15)
    }
}

@media all and (min-width: 1200px) and (-ms-high-contrast: none),
(min-width: 1200px) and (-ms-high-contrast: active) {
    .header-bk-wem__shadow .header-bk-wem__submenu::before {
        box-shadow: 0 14px 20px rgba(107, 112, 126, 0.15)
    }
}

@media all and (min-width: 1200px) and (-ms-high-contrast: none),
(min-width: 1200px) and (-ms-high-contrast: active) {
    .header-bk-wem__shadow .header-bk-wem__submenu {
        margin: 0 0 -7px
    }
}

.header-button__link-name-nav--notification {
    text-transform: none
}

.header-menu-dropdown__link--2-lines {
    flex-wrap: wrap;
    display: flex;
    line-height: 16px
}

@media (min-width: 992px) {
    .header-menu-dropdown__link--2-lines {
        display: flex;
        flex-wrap: nowrap;
        line-height: 18px
    }
    .header-menu-dropdown__link--2-lines::before {
        align-self: center
    }
}

.header-menu-dropdown__item--active {
    color: #BD4313
}

.header-menu-dropdown__item--active .header-menu-dropdown__link {
    color: #BD4313
}

.header-menu-dropdown__item--active .header-menu-dropdown__link:hover {
    text-decoration: underline
}

.header-menu-dropdown__item--active .header-menu-dropdown__link:focus {
    color: #191B1C;
    outline: 1px dashed #191B1C;
    outline-offset: 8px
}

.header-dropdown-user__content-left {
    display: flex;
    align-items: center
}

.header-dropdown-user__content-right {
    margin-top: 16px
}

@media (min-width: 768px) {
    .header-dropdown-user__content-right {
        margin-left: 56px;
        margin-top: 0
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .header-button__nav-access-item--handset a {
        padding: 0
    }
}

@media (max-width: 1199.98px) {
    .header-button__nav-access-item--handset {
        display: none
    }
}

.header-bk-wem__area-icon-text-container--handset {
    width: 69%;
    margin-right: 0;
    display: block
}

@media (min-width: 1200px) {
    .header-bk-wem__area-icon-text-container--handset {
        display: none
    }
}

.header-button__link-nav--ofi {
    min-width: 48px;
    padding: 8px 12px 8px 12px
}

@media (min-width: 576px) {
    .header-button__link-nav--ofi {
        max-width: 191px;
        min-width: 191px;
        padding: 8px 8px
    }
}

@media (min-width: 992px) {
    .header-button__link-nav--ofi {
        max-width: 231px;
        min-width: 231px
    }
}

@media (min-width: 1200px) {
    .header-button__link-nav--ofi {
        max-width: 164px;
        min-width: 164px
    }
}

.header-button__link-nav--ofi .header-button__link-name-nav {
    display: block;
    padding-left: 0
}

@media (max-width: 575.98px) {
    .header-button__link-nav--ofi .header-button__link-name-nav {
        display: none
    }
}

.header-button__link-nav--ofi .icon {
    display: none
}

@media (max-width: 575.98px) {
    .header-button__link-nav--ofi .icon {
        display: block
    }
}

.header-button__link-nav--large {
    line-height: 16px
}

.header-button__link-nav--large span {
    margin-right: 5px
}

.header-button__link-nav--cyan-no-hover:hover {
    color: black
}

.action-bar__container {
    display: flex
}

.action-bar__container .action-box__content {
    background-color: #fff;
    min-width: 213px
}

.action-bar__container .action-box__content:before {
    content: none
}

@media (max-width: 767.98px) {
    .action-bar.action-bar--xs-100 {
        width: 100%
    }
}

.action-bar__btn-large {
    display: flex;
    justify-content: left;
    height: 48px;
    cursor: pointer;
    background-color: #fff;
    align-items: center;
    padding: 14px;
    border-radius: 4px;
    border: 1px solid #fff;
    margin-right: 1px;
    font-weight: 600;
    font-size: .875rem
}

.action-bar__btn-large.hidden-xs {
    display: none !important
}

@media (min-width: 576px) {
    .action-bar__btn-large.hidden-xs {
        display: flex !important
    }
}

@media (min-width: 992px) {
    .action-bar__btn-large {
        padding: 10px 14px 10px 14px;
        height: 40px;
        width: auto;
        font-size: .75rem
    }
}

@media (max-width: 767.98px) {
    .action-bar__btn-large {
        width: 100%
    }
}

.action-bar__btn-large a:focus {
    outline: none !important
}

.action-bar__btn-large:hover {
    background-color: #EFF3FF;
    border: 1px solid #EFF3FF
}

.action-bar__btn-large:focus {
    background-color: #fff;
    border: 1px dashed #191B1C
}

@media (max-width: 575.98px) {
    .action-bar__btn-large.action-bar__btn-large--only-icon-xs {
        width: 48px;
        display: flex;
        justify-content: center;
        border-radius: 4px;
        padding: 12px
    }
    .action-bar__btn-large.action-bar__btn-large--only-icon-xs .icon {
        margin-right: 0
    }
}

.action-bar__btn-large.action-bar__btn-large--cuadradol {
    border-radius: 4px 0 0 4px
}

@media (max-width: 575.98px) {
    .action-bar__btn-large.action-bar__btn-large--cuadradol {
        border-radius: 4px 4px 4px 4px
    }
}

.action-bar__btn-large.action-bar__btn-large--cuadrador {
    border-radius: 0 4px 4px 0
}

@media (max-width: 575.98px) {
    .action-bar__btn-large.action-bar__btn-large--cuadrador {
        border-radius: 4px 4px 4px 4px
    }
}

.action-bar__btn-large--left {
    border-radius: 4px 0 0 4px
}

.action-bar__btn-large--center {
    border-radius: 0
}

.action-bar__btn-large--right {
    border-radius: 0 4px 4px 0;
    margin-right: 0
}

.action-bar__btn-small {
    display: flex;
    height: 48px;
    width: 48px;
    min-width: 48px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #fff;
    justify-content: center;
    align-items: center;
    margin-right: 1px;
    cursor: pointer
}

.action-bar__btn-small:hover {
    background-color: #EFF3FF;
    border: 1px solid #EFF3FF
}

.action-bar__btn-small:focus {
    background-color: #fff;
    border: 1px dashed #191B1C
}

@media (min-width: 992px) {
    .action-bar__btn-small {
        height: 40px;
        width: 40px;
        min-width: 40px
    }
}

.action-bar--purple {
    background-color: #F7FAFF;
    border: 1px solid #F7FAFF
}

.action-bar--purple-dark {
    background-color: #322F7B;
    border: 1px solid #322F7B;
    color: #fff
}

.action-bar--purple-dark:hover {
    background-color: #6864DF;
    border: 1px solid #6864DF
}

.action-bar--purple-dark:focus {
    background-color: #322F7B;
    border: 1px dashed #191B1C
}

.action-bar--cyan {
    background-color: #D3F6F5;
    color: inherit
}

.action-bar--cyan:hover {
    background-color: #F7FAFF;
    border: 1px solid #F7FAFF
}

.action-bar--cyan:focus {
    background-color: #F7FAFF;
    border: 1px dashed #191B1C
}

.action-bar__btnsuperior {
    position: relative;
    display: flex;
    justify-content: flex-end;
    height: 40px
}

@media (max-width: 1199.98px) {
    .action-bar__btnsuperior {
        height: 48px
    }
}

@media (max-width: 575.98px) {
    .action-bar__btnsuperior {
        display: block;
        top: -16px;
        order: 1
    }
}

@media (max-width: 575.98px) {
    .action-bar__btnsuperior .action-bar__container--tabs {
        display: inline
    }
}

.action-bar__btnsuperior .action-bar__btn-small--left {
    margin-left: 8px
}

@media (max-width: 575.98px) {
    .action-bar__btnsuperior .action-bar__btn-small--left {
        margin-left: 0
    }
}

.action-bar__btn-small--rounded {
    border-radius: 4px !important
}

.action-bar__btn-top {
    position: relative
}

.action-bar__btn-top .action-bar__container {
    flex-direction: column-reverse
}

@media (min-width: 768px) {
    .action-bar__btn-top .action-bar__container {
        justify-content: flex-end;
        flex-direction: row
    }
}

.action-bar__btn-top .action-bar__actionblock {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 991.98px) {
    .action-bar__btn-top .action-bar__actionblock {
        margin-bottom: 8px
    }
}

.action-bar__btn-top--simple .action-bar__container {
    justify-content: flex-end;
    flex-direction: row
}

.action-bar__btn-top--simple .action-bar__actionblock {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px
}

.action-bar__btn-top--simple .action-bar__btnblock {
    flex: auto
}

@media (min-width: 576px) {
    .action-bar__btn-top--simple .action-bar__btnblock {
        flex: none
    }
}

.action-bar--filters {
    margin-top: -48px;
    order: 1;
    width: 48px;
    float: right;
    display: block
}

.action-bar--filters .action-bar__container {
    justify-content: flex-end
}

.action-bar--filters .action-bar__btn-small {
    margin-right: 0
}

.action-bar--filters .action-bar--yellow {
    background-color: #FED430
}

@media (min-width: 992px) {
    .action-bar--filters {
        display: none
    }
}

.action-bar--filters__purple .action-bar__btn-small {
    background-color: #EFF3FF
}

.action-bar--filters__purple .action-bar__btn-small:hover {
    background-color: #fff
}

.action-bar__btn-large--icon .icon {
    margin-right: 11px
}

@media (min-width: 576px) {
    .action-bar__btn-large--icon .icon {
        margin-left: -8px
    }
}

.action-bar__btn-large--icon .iconr {
    margin-left: 11px;
    margin-right: 0
}

.action-bar__btn-large--icon.action-bar__btn-large--without-icon {
    font-size: 12px
}

@media (max-width: 1199.98px) {
    .action-bar__btn-large--icon.action-bar__btn-large--without-icon {
        font-size: 14px
    }
}

@media (max-width: 575.98px) {
    .action-bar__btn-large--icon.action-bar__btn-large--without-icon span.icon {
        display: none
    }
}

@media (max-width: 575.98px) {
    .action-bar__btn-large--icon.action-bar__btn-divisa span.icon {
        display: block
    }
}

@media (max-width: 767.98px) {
    .action-bar__btn-large--icon[aria-expanded="true"] .icon--arrow-down-16:before {
        content: "\e911"
    }
}

@media (max-width: 991.98px) {
    .action-box__item[aria-expanded="false"] .icon--arrow-down-16:before {
        content: "\e966";
        transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    .action-box__item[aria-expanded="true"] .icon--arrow-down-16:before {
        content: "\e966";
        transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
}

.action-bar__btn-small--left {
    border-radius: 4px 0 0 4px
}

.action-bar__btn-small--center {
    border-radius: 0
}

.action-bar__btn-small--right {
    border-radius: 4px
}

@media (min-width: 576px) {
    .action-bar__btn-small--right {
        border-radius: 0 4px 4px 0;
        margin-right: 0
    }
}

.action-bar__btn--active {
    background-color: #FED430
}

.action-bar__btn--active:hover {
    background-color: #FFDC54
}

.action-bar__btn--active:focus {
    background-color: #FED430;
    outline: 1px dashed #191B1C;
    outline-offset: -1px
}

.action-bar__btn--fondos {
    background-color: #F7FAFF
}

.action-bar__btn--fondos:focus {
    background-color: #F7FAFF;
    outline: 1px dashed #191B1C;
    outline-offset: -1px
}

.action-bar__btn--fondos.action-bar__btn--mr {
    margin-right: 10px
}

.action-bar--filter {
    width: 104px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 40px;
    flex-grow: 1
}

@media (min-width: 992px) {
    .action-bar--filter {
        margin-top: 0;
        margin-bottom: 8px;
        justify-content: flex-end
    }
}

.action-bar--filter .action-bar--aviso {
    font-size: 12px;
    font-weight: bold;
    padding: 0 8px 0 16px
}

@media (min-width: 1200px) {
    .action-bar--filter {
        margin-top: 0;
        justify-content: flex-end;
        flex: none;
        width: auto;
        margin-left: auto
    }
}

.action-bar--filter .action-bar__btn-update {
    width: 104px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    min-width: unset
}

.action-bar--filter .action-bar__container {
    float: right;
    margin-left: 8px
}

@media (min-width: 768px) {
    .action-bar--filter .action-bar__container {
        float: none
    }
}

.action-bar__container .dropdown__menu {
    position: absolute;
    right: 0;
    top: 46px;
    z-index: 1;
    background-color: #fff;
    padding: 16px 8px;
    min-width: 200px;
    border-radius: 4px;
    box-shadow: 0 10px 20px 0 #191B1C, 0.15
}

.action-bar__container .dropdown__menu li a {
    display: block;
    color: #191B1C;
    font-size: .75rem;
    text-transform: none;
    padding-left: 13px;
    padding-right: 13px;
    line-height: 40px;
    margin-bottom: 0;
    min-height: 40px;
    letter-spacing: 1px;
    white-space: nowrap;
    border: 3px dotted transparent
}

@media (max-width: 767.98px) {
    .action-bar__container .dropdown__menu li a {
        white-space: normal
    }
}

.action-bar__container .dropdown__menu li a:hover {
    background-color: #EFF3FF;
    color: #191B1C
}

.action-bar__container .dropdown__menu li a:focus {
    color: #191B1C;
    border-color: #EFF3FF;
    background-color: transparent
}

.action-bar__container--white {
    background-color: #fff;
    margin-bottom: 1px
}

.action-bar__container--white .action-bar__btn-large,
.action-bar__container--white .action-bar__btn-small {
    background-color: #EFF3FF
}

.action-bar__container--white .action-bar__btn-large {
    background-color: #EFF3FF
}

.action-bar__container--white .action-bar__btn-large--disabled:hover {
    background-color: #EFF3FF
}

.action-bar__container--white .action-bar__btn-large--disabled:focus {
    outline: none;
    box-shadow: none
}

.action-bar__container--white .action-bar__btn-small {
    background-color: #EFF3FF
}

.action-bar__container--white .action-bar__btn-small:hover {
    background-color: #F7FAFF
}

.action-bar__container--white .action-bar__btn-small:focus {
    background-color: #EFF3FF;
    outline: 1px dashed #191B1C;
    outline-offset: -1px
}

.action-bar__container--white .action-bar__btn--active {
    background-color: #FED430
}

.action-bar__container--white .action-bar__btn--active:hover {
    background-color: #FFDC54
}

.action-bar__container--white .action-bar__btn--active:focus {
    background-color: #FED430;
    outline: 1px dashed #191B1C;
    outline-offset: -1px
}

@media (max-width: 575.98px) {
    .action-bar__btn-principal {
        width: calc(100% - 49px);
        padding: 8px
    }
}

.action-bar__btn--divisa .action-bar__btn--divisa__text {
    display: none
}

@media (max-width: 575.98px) {
    .action-bar__btn--divisa {
        padding-left: 8px;
        justify-content: start;
        width: 100%;
        font-weight: 600;
        font-size: 0.875rem;
        margin-top: 8px;
        border-radius: 4px
    }
    .action-bar__btn--divisa .icon {
        margin-right: 11px
    }
    .action-bar__btn--divisa .action-bar__btn--divisa__text {
        display: inline
    }
}

@media (max-width: 767.98px) {
    .action-bar__btn--mas {
        width: 48px
    }
    .action-bar__btn--mas .action-bar__btn--mas__text {
        display: none
    }
    .action-bar__btn--mas .iconr {
        margin-right: 0;
        margin-left: 0
    }
    .action-bar__btn--mas .action-bar__btn-large {
        padding: 12px;
        margin-right: 0
    }
    .action-bar__btn--mas .icon--arrow-down-16:before {
        content: "\e92a";
        transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0)
    }
}

.action-bar__btnblock {
    display: inline-flex;
    position: relative
}

@media (max-width: 575.98px) {
    .action-bar__btnblock {
        display: flex
    }
}

.action-bar__actionblock {
    display: inline-flex
}

@media (max-width: 575.98px) {
    .action-bar__actionblock {
        display: block
    }
}

.action-bar__actionblock--int {
    display: flex
}

.action-bar__actionblock--intmovil {
    order: 4;
    align-self: flex-end
}

@media (max-width: 575.98px) {
    .action-bar__actionblock--intmovil .action-bar__btn-small--center {
        border-radius: 4px 0 0 4px
    }
}

.action-bar__actionblock--intmovil-top {
    order: 0;
    margin-bottom: 16px;
    display: flex;
    margin-left: 16px;
    width: calc(100% - 29px);
    justify-content: flex-end
}

.action-bar__btn-no-related {
    margin-top: 8px
}

@media (min-width: 768px) {
    .action-bar__btn-no-related {
        margin-left: 8px;
        margin-top: 0
    }
}

@media (min-width: 768px) {
    .information-bar {
        display: flex;
        justify-content: start;
        align-items: center
    }
    .information-bar .action-bar__btn--mas {
        width: auto
    }
}

@media (min-width: 992px) {
    .information-bar .action-bar__btn-large {
        height: 40px
    }
}

.information-bar__content {
    font-size: 10px;
    color: #6b707e;
    margin-right: 24px;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 1px
}

.information-bar__content--bold {
    color: #191B1C;
    font-size: 12px;
    font-weight: bold;
    margin-left: 4px;
    letter-spacing: 0
}

.information-bar--yellow {
    border-left: 4px solid #FED430
}

.information-bar--large {
    background-color: #FFF;
    margin-right: 1px;
    height: 48px;
    padding: 6px 16px;
    width: 100%
}

@media (min-width: 768px) {
    .information-bar--large {
        flex-direction: column;
        display: flex;
        justify-content: start;
        min-width: 277px;
        width: auto
    }
}

@media (min-width: 992px) {
    .information-bar--large {
        flex-direction: row;
        padding: 10px 16px;
        align-items: center;
        height: 40px;
        min-width: 463px
    }
}

.information-bar--rounded {
    border-radius: 0 4px 4px 0
}

.information-bar__container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.card {
    width: 100%;
    position: relative
}

@media (max-width: 767.98px) {
    .card {
        margin-bottom: 67.5%
    }
}

.card__link {
    position: relative;
    margin-top: 67.5%
}

@media (max-width: 767.98px) {
    .card__link {
        top: 0;
        margin-top: 0
    }
}

.card__content {
    perspective: 500px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    transition: transform 1s;
    transform-style: preserve-3d
}

.card__front,
.card__back {
    position: absolute;
    height: 100%;
    width: 100%;
    background: white;
    text-align: center;
    font-size: 60px;
    border-radius: 5px;
    backface-visibility: hidden
}

.card__front {
    transition: visibility 0.5s, transform 1s
}

.card__flipped .card__front {
    visibility: hidden;
    transform: rotateY(180deg)
}

.card__back {
    transform: rotateY(-180deg);
    transition: visibility 0.5s, transform 1s
}

.card__flipped .card__back {
    transform: rotateY(0deg)
}

.card__img {
    vertical-align: unset !important
}

ul[drag-bk] {
    position: relative
}

ul[drag-bk] li {
    cursor: move;
    list-style: none;
    user-select: none
}

ul[drag-bk] li .drag-bk__item {
    background-color: #EBEEF5;
    margin-top: 8px;
    border-radius: 4px
}

ul[drag-bk] li .drag-bk__item.drag-bk__item--text {
    height: 48px;
    max-height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px 0 16px
}

@media (max-width: 767.98px) {
    ul[drag-bk] li .drag-bk__item.drag-bk__item--text {
        padding: 0 21px 0 16px
    }
}

ul[drag-bk] li .drag-bk__item.drag-bk__item--text .drag-bk__text {
    color: #191B1C;
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
    margin-left: 16px
}

@media (max-width: 767.98px) {
    ul[drag-bk] li .drag-bk__item.drag-bk__item--text .drag-bk__text {
        font-size: 12px;
        line-height: 16px;
        margin-left: 15px
    }
}

ul[drag-bk] li .drag-bk__item.drag-bk__item--text .drag-bk__text-link {
    color: #191B1C;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase
}

ul[drag-bk] li .drag-bk__item.drag-bk__item--text .drag-bk__text-link:hover {
    color: #5c6780
}

ul[drag-bk] li .drag-bk__item.drag-bk__item--text .drag-bk__text-link:focus {
    background-color: #3E4A50;
    color: #fff
}

ul[drag-bk] li .drag-bk__item.drag-bk__item--icons {
    height: 64px;
    max-height: 64px;
    display: flex;
    flex-flow: row wrap;
    justify-content: inherit;
    align-items: center;
    padding: 0 24px 0 16px
}

@media (max-width: 767.98px) {
    ul[drag-bk] li .drag-bk__item.drag-bk__item--icons {
        height: 108px;
        max-height: 108px;
        justify-content: space-between;
        padding: 0 16px 16px 16px
    }
}

ul[drag-bk] li .drag-bk__item.drag-bk__item--icons span {
    order: 1;
    color: #191B1C
}

ul[drag-bk] li .drag-bk__item.drag-bk__item--icons .drag-bk__text--2-lines {
    order: 2;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-align: left;
    margin-left: 16px;
    font-size: 12px
}

@media (max-width: 767.98px) {
    ul[drag-bk] li .drag-bk__item.drag-bk__item--icons .drag-bk__text--2-lines {
        order: 3;
        margin: 0;
        align-self: flex-end
    }
}

ul[drag-bk] li .drag-bk__item.drag-bk__item--icons .drag-bk__list-icons {
    order: 3;
    display: flex
}

ul[drag-bk] li .drag-bk__item.drag-bk__item--icons .drag-bk__list-icons .icon-item {
    height: 32px;
    width: 32px;
    background-color: transparent;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 16px
}

ul[drag-bk] li .drag-bk__item.drag-bk__item--icons .drag-bk__list-icons .icon-item span:hover {
    color: #5c6780
}

ul[drag-bk] li .drag-bk__item.drag-bk__item--icons .drag-bk__list-icons .icon-item:focus {
    box-shadow: 0 0 0 4px #AFB5C8
}

@media (max-width: 767.98px) {
    ul[drag-bk] li .drag-bk__item.drag-bk__item--icons .drag-bk__list-icons {
        order: 2
    }
    ul[drag-bk] li .drag-bk__item.drag-bk__item--icons .drag-bk__list-icons .icon-item {
        background-color: #fff
    }
}

ul[drag-bk] li .drag-bk__item:focus {
    box-shadow: inset 0 0 0 4px #afb5c8
}

ul[drag-bk] li .drag-bk__item:hover {
    box-shadow: 0 10px 20px 0 rgba(97, 112, 119, 0.15);
    background-color: #D9E4FF
}

ul[drag-bk] li.clone {
    box-shadow: 0 10px 20px 0 rgba(97, 112, 119, 0.15);
    position: absolute;
    width: 100%;
    z-index: 999
}

ul[drag-bk] li.clone .drag-bk__item {
    background-color: #D9E4FF
}

ul[drag-bk] li.disabled {
    cursor: not-allowed;
    pointer-events: none
}

ul[drag-bk] li.disabled .drag-bk__item {
    background-color: #F7FAFF
}

ul[drag-bk] li.disabled .drag-bk__item--text div span,
ul[drag-bk] li.disabled .drag-bk__item--text div .drag-bk__text {
    color: #A0ADB8
}

ul[drag-bk] li.disabled .drag-bk__item--text .drag-bk__text-link {
    color: #A0ADB8
}

ul[drag-bk] li.second-disabled {
    cursor: not-allowed;
    pointer-events: none
}

ul[drag-bk] li.second-disabled .drag-bk__item--text div span {
    color: #A0ADB8
}

ul[drag-bk] li.active {
    opacity: 0
}

.main-banner-landing .content-box {
    height: unset
}

.main-banner-landing__text {
    margin-top: 60px;
    padding: 0
}

@media (min-width: 576px) {
    .main-banner-landing__text {
        padding: 0;
        margin-top: 86px
    }
}

@media (min-width: 992px) {
    .main-banner-landing__text {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width: 1200px) {
    .main-banner-landing__text {
        flex: 0 0 62%;
        max-width: 60%
    }
}

@media (min-width: 576px) {
    .main-banner-landing__text.main-banner-landing__text-optimization {
        margin-top: 0
    }
}

.main-banner-landing__claim {
    line-height: 2.5rem;
    margin-bottom: 1.5rem
}

@media (max-width: 767.98px) {
    .main-banner-landing__claim.main-banner-landing__claim--mobile {
        line-height: 1.75rem
    }
}

.main-banner-landing__list {
    padding: 0;
    margin: 24px 0
}

@media (min-width: 576px) {
    .main-banner-landing__list {
        padding: 0
    }
}

@media (min-width: 992px) {
    .main-banner-landing__list {
        flex: 0 0 48%;
        max-width: 48%;
        padding: 0 24px
    }
}

.main-banner-landing__image {
    position: relative
}

@media (min-width: 576px) {
    .main-banner-landing__image {
        position: absolute;
        top: 0;
        right: -420px
    }
}

@media (min-width: 992px) {
    .main-banner-landing__image {
        right: -99px
    }
}

@media (min-width: 1200px) {
    .main-banner-landing__image {
        right: -82px
    }
}

.main-banner-landing__image img {
    width: 391px;
    height: 391px;
    display: none
}

@media (min-width: 576px) {
    .main-banner-landing__image img {
        display: block
    }
}

@media (min-width: 992px) {
    .main-banner-landing__image img {
        width: 374px;
        height: 374px
    }
}

@media (min-width: 1200px) {
    .main-banner-landing__image img {
        width: 391px;
        height: 391px
    }
}

.main-banner-landing__square {
    width: 64px;
    height: 64px;
    position: absolute;
    left: 291px;
    top: 227px;
    background-color: #FF821C
}

@media (min-width: 576px) {
    .main-banner-landing__square {
        display: none
    }
}

.main-banner-landing__square--yellow {
    background-color: #FED430
}

.main-banner-landing__square--cyan {
    background-color: #B5F0EF
}

.main-banner-landing--single .content-box {
    height: unset
}

.main-banner-landing--single .main-banner-landing__image {
    width: 294px;
    height: auto;
    position: relative;
    bottom: 0;
    left: 0
}

@media (min-width: 992px) {
    .main-banner-landing--single .main-banner-landing__image {
        position: absolute;
        bottom: unset;
        left: 65%;
        top: 124px
    }
}

.main-banner-landing--single .main-banner-landing__image img {
    width: 294px;
    height: 294px;
    display: block
}

.main-banner-landing--single .main-banner-landing__square {
    display: block;
    left: 294px;
    top: 231px
}

@media (min-width: 992px) {
    .main-banner-landing--single .main-banner-landing__square {
        left: 176px;
        top: 294px;
        bottom: unset
    }
}

@media (min-width: 1200px) {
    .main-banner-landing--single .main-banner-landing__square {
        left: 224px
    }
}

.main-banner-landing__features {
    width: 291px;
    height: 291px;
    background-color: #FF821C;
    position: unset;
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media (min-width: 768px) {
    .main-banner-landing__features {
        padding: 24px
    }
}

@media (min-width: 992px) {
    .main-banner-landing__features {
        position: absolute;
        top: 285px;
        right: -16px
    }
}

@media (min-width: 1200px) {
    .main-banner-landing__features {
        position: absolute;
        top: 278px;
        right: -15px;
        padding: 24px 40px 24px 24px
    }
}

.main-banner-landing__features .featured {
    font-size: 72px;
    font-weight: 300;
    line-height: 64px
}

@media (max-width: 767.98px) {
    .main-banner-landing__features.main-banner-landing__features--yellow {
        background-color: #FED430;
        color: #000;
        margin-top: 64px
    }
}

.main-banner-landing__features.main-banner-landing__features--yellow.main-banner-landing__features--no-margin {
    margin-top: 0
}

.main-banner-landing__button {
    margin-left: 24px
}

@media (min-width: 576px) {
    .main-banner-landing__button {
        margin-left: unset
    }
}

@media (max-width: 767.98px) {
    .main-banner-landing__button.main-banner-landing__button-mobile {
        position: absolute;
        top: 134px
    }
}

.main-banner-landing--cyan .main-banner-landing__features {
    background: #B5F0EF;
    color: #191B1C
}

.main-banner-landing--yellow .main-banner-landing__features {
    background: #FED430;
    color: #191B1C
}

.landing-form {
    box-shadow: 0 6px 30px 0 rgba(97, 112, 119, 0.15);
    padding: 24px;
    background: white
}

@media (min-width: 992px) {
    .landing-form {
        padding: 40px 0
    }
}

.landing-form__claim {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 400;
    font-family: "BK-Text";
    margin-bottom: 24px
}

@media (min-width: 992px) {
    .landing-form__claim {
        margin-left: 40px
    }
}

.content-box--overflow {
    display: block;
    overflow: hidden;
    padding: 32px 40px 40px 40px
}

@media (min-width: 576px) {
    .content-box--overflow {
        margin-top: 300px
    }
}

@media (max-width: 767.98px) {
    .content-box--overflow {
        margin-top: 40px
    }
}

@media (min-width: 992px) {
    .content-box--overflow {
        margin-top: 64px;
        margin-right: 0;
        margin-left: auto
    }
}

.content-box--overflow p {
    margin-bottom: 32px
}

.content-box--overflow .call-me__form__message {
    width: 90%;
    left: 1rem;
    top: 2rem;
    text-align: center
}

@media (max-width: 767.98px) {
    .content-box--overflow.content-box--overflow-mobile {
        margin-top: 0
    }
}

@media (min-width: 576px) {
    .main-banner-landing--single .content-box--overflow {
        margin-top: 0
    }
}

@media (min-width: 992px) {
    .main-banner-landing--single .content-box--overflow {
        max-width: inherit
    }
}

.clausula_text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.25rem;
    z-index: 10;
    background: #fff;
    transform: translate(0, 115%);
    -webkit-transform: translate(0, 115%);
    -moz-transform: translate(0, 115%);
    -ms-transform: translate(0, 115%);
    -o-transform: translate(0, 115%);
    transition: transform .266s ease-out
}

.clausula_text .modal__content__message {
    display: block
}

.clausula_text--show {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
}

.modal .landing-form__claim {
    margin-left: 0
}

.modal__content__message .ss-container {
    height: 58%
}

.landing-header--absolute {
    position: relative
}

.landing-header--absolute .landing-header__logo {
    position: absolute;
    z-index: 9;
    height: 36px
}

@media (min-width: 768px) {
    .landing-header--absolute .landing-header__logo {
        margin-left: inherit
    }
}

.landing-header__logo a svg path {
    fill: #F76900
}

.landing-header__logo {
    width: 12.5rem
}

.footer-landing {
    margin-bottom: 40px
}

.risk-indicator--three .risk-indicator__container__numbers li:nth-child(-n+2) {
    border: 1px solid #EBEEF5;
    background-color: #fff;
    color: #AFB5C8
}

.risk-indicator--three .risk-indicator__container__numbers li:nth-child(n+4) {
    border: 1px solid #EBEEF5;
    background-color: #fff;
    color: #AFB5C8
}

.pictoDSL-lock-closed-16 {
    display: none
}

.save-filters {
    font-size: 12px;
    color: #191B1C;
    font-weight: normal
}

.save-filters__containter {
    max-height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 16px;
    border-radius: 4px;
    align-items: center;
    background-color: #FEE997
}

@media (min-width: 576px) {
    .save-filters__containter {
        max-height: 40px
    }
}

.save-filters__containter .checkbox label {
    line-height: 1.3;
    color: #191B1C;
    font-size: 12px
}

.save-filters__containter .checkbox input[type="checkbox"]:checked+label:after {
    top: -8px
}

@media (min-width: 576px) {
    .save-filters__containter .checkbox label::before,
    .save-filters__containter .checkbox label::after {
        opacity: 0
    }
}

.save-filters__text {
    margin-right: 16px
}

.save-filters__link {
    text-transform: uppercase;
    color: #191B1C;
    margin-left: 16px;
    display: none;
    cursor: pointer
}

.save-filters__link:hover {
    color: #5c6780
}

.save-filters__link:focus {
    background-color: #3E4A50;
    color: #fff
}

@media (min-width: 576px) {
    .save-filters__link {
        display: inline-block
    }
}

.breadcrumbs {
    font-size: 13px;
    font-weight: normal;
    display: flex;
    padding: 12px 0 12px 0;
    align-items: center;
    line-height: 24px
}

@media (min-width: 576px) {
    .breadcrumbs {
        padding: 24px 0 24px 0;
        height: 68px
    }
}

.breadcrumbs li {
    white-space: nowrap
}

.breadcrumbs li .icon {
    margin: 0 8px
}

.breadcrumbs__item {
    color: #191B1C
}

.breadcrumbs__item:hover {
    color: #191B1C;
    text-decoration: underline
}

.breadcrumbs__item:focus {
    color: #191B1C;
    outline: 1px dashed #191B1C;
    outline-offset: 8px
}

.breadcrumbs__item--active {
    text-overflow: ellipsis;
    overflow: hidden;
    color: #BD4313
}

.breadcrumbs-public .breadcrumbs {
    margin-top: 64px;
    padding: 24px 15px 0 15px
}

@media (min-width: 1200px) {
    .breadcrumbs-public .breadcrumbs {
        margin-top: 0;
        padding-top: 0
    }
}

.online-notification {
    padding: 16px;
    background-color: #fff;
    border-radius: 4px
}

@media (max-width: 575.98px) {
    .online-notification {
        padding: 8px
    }
}

@media (max-width: 575.98px) {
    .online-notification--collapsible {
        padding: 0
    }
}

.online-notification__header {
    height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #191B1C;
    border-bottom: 1px solid #EFF3FF
}

.online-notification__header:hover {
    color: #3E4A50
}

.online-notification__header-icon {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    display: flex
}

.online-notification__header-icon--yellow {
    background-color: #FED430
}

.online-notification__header-titulo {
    margin-left: 16px;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.33
}

.online-notification__content-mobile {
    padding: 0
}

@media (max-width: 575.98px) {
    .online-notification__content-mobile {
        padding: 8px
    }
}

.online-notification__container {
    max-height: 56px;
    justify-content: flex-end
}

@media (min-width: 576px) {
    .online-notification__container {
        max-height: 72px
    }
}

.online-notification__item {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 14px;
    font-weight: 600;
    color: #191B1C;
    line-height: initial;
    border: 1px solid transparent
}

.online-notification__item:hover {
    text-decoration: none
}

.online-notification__item:hover .online-notification__item-text {
    color: #FF821C;
    text-decoration: underline
}

.online-notification__item:hover .online-notification__item-icon {
    background-color: #FF821C;
    color: #fff;
    text-decoration: none
}

.online-notification__item:focus {
    border: 1px dashed #191B1C;
    border-radius: 4px;
    outline: none
}

.online-notification__item.online-notification__item--first {
    margin: 0 0 16px 0
}

@media (max-width: 575.98px) {
    .online-notification__item.online-notification__item--first {
        margin: 0 0 0 0
    }
}

.online-notification__item-icon {
    height: 40px;
    width: 40px;
    min-height: 40px;
    min-width: 40px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #191B1C;
    background-color: #EBEEF5;
    font-weight: normal;
    font-size: 14px;
    margin: 0 16px 8px 0
}

@media (min-width: 576px) {
    .online-notification__item-icon {
        margin: 0 16px 0 0
    }
}

@media (max-width: 575.98px) {
    .online-notification__item-icon.online-notification__item-icon--last {
        margin: 0 16px 0 0
    }
}

.online-notification__item--no-actions .online-notification__item-icon {
    background-color: #FF821C;
    color: #fff
}

.online-notification__item--no-actions:hover .online-notification__item-text {
    color: #191B1C
}

.online-notification__item--last .online-notification__item-icon {
    margin: 8px 16px 8px 8px
}

@media (min-width: 576px) {
    .online-notification__item--last .online-notification__item-icon {
        margin: 16px 16px
    }
}

.pie-chart {
    overflow: visible !important
}

.pie-chart.pie-chart--xs {
    width: 164px;
    height: 164px
}

.pie-chart.pie-chart--sm {
    width: 208px;
    height: 208px
}

@media (max-width: 767.98px) {
    .pie-chart.pie-chart--sm {
        width: 164px;
        height: 164px
    }
}

.pie-chart.pie-chart--md {
    width: 272px;
    height: 272px
}

.pie-chart.pie-chart--md .pie-chart__data {
    font-size: 40px
}

@media (max-width: 767.98px) {
    .pie-chart.pie-chart--md {
        width: 164px;
        height: 164px
    }
}

.pie-chart.pie-chart--lg {
    width: 328px;
    height: 328px
}

.pie-chart.pie-chart--lg .pie-chart__data {
    font-size: 48px
}

@media (max-width: 767.98px) {
    .pie-chart.pie-chart--lg {
        width: 164px;
        height: 164px
    }
}

.pie-chart.pie-chart--espe {
    width: 390px;
    height: 180px
}

.pie-chart .highcharts-container {
    overflow: visible !important
}

.pie-chart__tooltip .pie-chart__data {
    font-size: 24px;
    border-bottom: solid 1px #191B1C;
    padding-left: 50px;
    position: relative
}

.pie-chart__tooltip .pie-chart__data::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #191B1C;
    position: absolute;
    bottom: -6px;
    left: 0;
    transform: translateY(-50%)
}

.pie-chart__tooltip .pie-chart__text {
    padding-left: 50px
}

@media (max-width: 767.98px) {
    .pie-chart__tooltip--desktop .pie-chart__data {
        border: none;
        color: transparent
    }
    .pie-chart__tooltip--desktop .pie-chart__text {
        display: none
    }
}

.pie-chart__tooltip--mobile .pie-chart__data {
    border: none;
    color: #191B1C;
    padding: 0
}

.pie-chart__tooltip--mobile .pie-chart__data::before {
    display: none
}

.pie-chart__tooltip--mobile .pie-chart__text {
    padding: 0
}

@media (min-width: 768px) {
    .pie-chart__tooltip--mobile {
        display: none
    }
}

.pie-chart__data {
    font-size: 24px;
    border-bottom: solid 1px #191B1C;
    padding-left: 50px;
    position: relative
}

@media (max-width: 767.98px) {
    .pie-chart__data {
        border: none;
        color: transparent
    }
}

.highcharts-credits {
    display: none !important
}

.pie-chart--box {
    height: 180px;
    width: 180px;
    position: relative;
    left: -32px
}

@media (min-width: 768px) {
    .pie-chart--box {
        height: 280px;
        width: 280px;
        left: -40px
    }
}

.pie-chart--box .pie-chart__tooltip .pie-chart__data {
    padding-left: 90px;
    font-size: 1.25rem;
    color: #000
}

@media (min-width: 768px) {
    .pie-chart--box .pie-chart__tooltip .pie-chart__data {
        font-size: 24px;
        padding-left: 80px
    }
}

.pie-chart--box .pie-chart__tooltip .pie-chart__text {
    padding-left: 0;
    font-size: .75rem;
    text-align: right
}

.pie-chart--space {
    margin-top: 24px;
    margin-bottom: 24px
}

.dropdown-manager {
    position: absolute;
    z-index: 2;
    width: calc(100% - 30px)
}

.dropdown-manager__header {
    background-color: #fff;
    border: 1px solid transparent;
    font-size: 12px;
    padding: 12px 16px 12px 16px;
    display: flex;
    border-radius: 4px
}

@media (min-width: 768px) {
    .dropdown-manager__header {
        background-color: #EBEEF5
    }
}

.dropdown-manager__header:hover {
    background-color: #fff
}

@media (min-width: 576px) {
    .dropdown-manager__header:hover {
        background-color: #F7FAFF
    }
}

.dropdown-manager__header:focus {
    border: 1px dashed #191B1C
}

@media (min-width: 576px) {
    .dropdown-manager__header:focus {
        background-color: #EBEEF5
    }
}

.dropdown-manager__header-title {
    flex-basis: 90%;
    align-self: center;
    padding-left: 16px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px
}

.dropdown-manager__content {
    background: #fff;
    padding: 12px 16px;
    box-shadow: 0 10px 20px 0 #AFB5C8
}

.dropdown-manager__item {
    display: flex;
    font-size: 12px;
    margin-bottom: 24px;
    align-items: center
}

.dropdown-manager__icon {
    margin-right: 16px;
    align-self: center
}

.dropdown-manager__text {
    display: flex;
    flex-direction: column
}

.dropdown-manager__text-title {
    font-weight: bold
}

.dropdown-manager__item--last {
    margin-bottom: 0
}

.header-pdf {
    font-size: 14px;
    line-height: 24px;
    color: #191B1C;
    font-weight: normal
}

.header-pdf__containter {
    max-height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 16px 0 16px 16px;
    border-radius: 4px;
    align-items: center;
    background-color: #F7FAFF
}

@media (min-width: 576px) {
    .header-pdf__containter {
        max-height: 40px
    }
}

.header-pdf__text {
    margin-right: 16px
}

.header-pdf__link {
    text-transform: uppercase;
    color: #191B1C
}

.header-pdf__link:hover {
    color: #5c6780
}

.header-pdf__link:focus {
    background-color: #3E4A50;
    color: #fff;
    box-shadow: none;
    border-radius: none
}

.single-dark-logo {
    margin: 5px 0
}

.single-dark-logo img {
    height: 2.5rem;
    width: auto
}

@media (min-width: 768px) {
    .single-dark-logo img {
        height: 5rem;
        width: auto
    }
}

.single-dark-breadcrumb {
    min-height: 3.75rem;
    padding: 12px 0;
    background-color: #191B1C
}

.single-dark-breadcrumb .container {
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}

.single-dark-breadcrumb li {
    margin-right: 12px;
    font-size: 14px
}

.single-dark-breadcrumb li:not(:last-child):after {
    content: '>';
    display: inline-flex;
    width: 6px;
    height: 6px;
    margin-left: 8px
}

.single-dark-breadcrumb li a {
    color: #fff;
    text-decoration: underline
}

.header--single-dark {
    height: 1.5rem;
    line-height: 1.5rem
}

@media (min-width: 576px) {
    .header--single-dark {
        height: 2.5rem;
        line-height: 2.5rem
    }
}

.header--single-dark__title {
    font-size: 0.625rem;
    text-transform: uppercase
}

@media (min-width: 576px) {
    .header--single-dark__title {
        font-size: 1rem
    }
}

.main-header--single-dark li a {
    color: #191B1C;
    font-size: 15px
}

.main-header--single-dark li a.active,
.main-header--single-dark li a:hover {
    color: #FF821C
}

@media (max-width: 767.98px) {
    .main-header--single-dark {
        height: 3rem
    }
}

@media (min-width: 768px) {
    .main-header--single-dark {
        height: 10rem;
        padding: 2.5rem 15px
    }
}

.menu-single-dark .no-scroll {
    overflow: hidden;
    height: 90%;
    padding-top: 0;
    position: relative
}

.menu-single-dark .no-scroll a {
    font-size: 1rem;
    color: #191B1C
}

.menu-single-dark .menu_responsive_categories {
    background-color: #fff
}

.menu-single-dark.menu_responsive_overlay_NW {
    top: 70px
}

@media (min-width: 576px) {
    .menu-single-dark.menu_responsive_overlay_NW {
        top: 88px
    }
}

@media (min-width: 768px) {
    .menu-single-dark.menu_responsive_overlay_NW {
        top: 12.5rem
    }
}

.menu-single-dark.menu_responsive_NW {
    top: 70px
}

@media (min-width: 576px) {
    .menu-single-dark.menu_responsive_NW {
        top: 88px
    }
}

@media (min-width: 768px) {
    .menu-single-dark.menu_responsive_NW {
        top: 12.5rem
    }
}

.listado-single-dark {
    transition: all 0.266s ease;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: static
}

.listado-single-dark span,
.listado-single-dark a {
    cursor: pointer
}

.listado-single-dark.active a {
    color: #FF821C
}

.listado-single-dark--opened {
    transform: translate(-100%, 0);
    position: absolute;
    width: 100%;
    top: 0
}

.submenu-single-dark {
    color: #191B1C;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    will-change: transform;
    transform: translate(100%, 0);
    transition-property: ease-out;
    transition-duration: transform;
    transition-delay: .266s;
    transition-timing-function: ease-out;
    background-color: #fff;
    top: 0;
    min-height: 90vh
}

.submenu-single-dark__index {
    border-bottom: 1px solid #AFB5C8;
    line-height: 64px;
    margin-bottom: 16px;
    color: #FF821C
}

.submenu-single-dark__title {
    font-family: "BK-Text";
    font-size: 18px;
    line-height: 32px;
    padding: 0 10px 0 20px
}

.submenu-single-dark__line {
    width: 48px;
    height: 3px;
    margin-top: 16px;
    margin-bottom: 16px;
    background-color: #FF821C;
    margin-left: 20px
}

.submenu-single-dark__list {
    margin-bottom: 1.5rem
}

.submenu-single-dark__list li a {
    font-size: 0.75rem
}

.hamburger.hamburger--single-dark {
    color: #191B1C;
    top: 1.5rem;
    z-index: 9999;
    transition: transform all .2s ease-in-out
}

@media (min-width: 576px) {
    .hamburger.hamburger--single-dark {
        top: 2.5rem
    }
}

@media (min-width: 768px) {
    .hamburger.hamburger--single-dark {
        top: 6rem
    }
}

body {
    overflow-X: hidden
}

.background-full,
.background-full--dark-grey,
.background-full--half-grey {
    position: relative
}

.background-full>div:first-child,
.background-full--dark-grey>div:first-child,
.background-full--half-grey>div:first-child {
    padding: 4rem 0
}

.background-full:before {
    content: '';
    display: block;
    height: calc(100% + 80px);
    width: 100vw;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -40px);
    z-index: -1
}

@-moz-document url-prefix() {
    .background-full:before {
        width: 99.1vw
    }
}

.background-full--half-grey:before {
    content: '';
    display: block;
    height: calc(100% + 80px);
    width: 100vw;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -40px);
    z-index: -1;
    background: linear-gradient(90deg, #EBEEF5 39.5%, #191B1C 0%)
}

@media (max-width: 991.98px) {
    .background-full--half-grey:before {
        background: linear-gradient(90deg, #EBEEF5 33%, #191B1C 0%)
    }
}

@media (max-width: 575.98px) {
    .background-full--half-grey:before {
        background: linear-gradient(180deg, #EBEEF5 45%, #191B1C 0%)
    }
}

@-moz-document url-prefix() {
    .background-full--half-grey:before {
        width: 99.1vw
    }
}

.background-full--half-grey .video__right-side {
    color: #fff
}

.background-full--dark-grey .section-heading__title {
    color: #fff
}

.background-full--dark-grey .content-box .section-heading__title {
    color: #191B1C
}

.background-full--dark-grey:before {
    content: '';
    display: block;
    height: calc(100% + 80px);
    width: 100vw;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -40px);
    z-index: -1;
    background: #191B1C
}

@-moz-document url-prefix() {
    .background-full--dark-grey:before {
        width: 99.1vw
    }
}

.background-color--second-grey .simple-info_gray-dark .simple-info__square {
    background-color: #F7FAFF
}

.main-banner-carrousel {
    position: relative;
    width: 100%;
    height: 450px;
    margin: auto;
    overflow: hidden
}

@media (min-width: 768px) {
    .main-banner-carrousel {
        height: 400px
    }
}

@media (min-width: 992px) {
    .main-banner-carrousel {
        height: 500px
    }
}

@media (min-width: 1200px) {
    .main-banner-carrousel {
        height: 468px
    }
}

.main-banner-carrousel__slide {
    position: absolute;
    width: 100%;
    transition: 0.6s ease-in-out;
    transform: translate(-100%, 0)
}

.main-banner-carrousel__slide.active {
    transform: translate(0, 0)
}

.main-banner-carrousel__slide.active~.main-banner-carrousel__slide {
    transform: translate(101%, 0)
}

.main-banner-carrousel__slide .main-banner__square {
    cursor: pointer
}

.dataTable-sorter::before,
.dataTable-sorter::after {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    right: 4px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    opacity: 0.2
}

.dataTable-top::after,
.dataTable-bottom::after {
    clear: both;
    content: " ";
    display: table
}

.dataTable-container {
    display: flex;
    overflow-x: auto
}

.dataTable-wrapper {
    vertical-align: top;
    position: relative
}

.dataTable-wrapper.no-header .dataTable-container {
    border-top: 1px solid #191B1C
}

.dataTable-wrapper.no-footer .dataTable-container {
    border-bottom: 1px solid #EBEEF5
}

.dataTable-top {
    padding: 8px 32px 8px 0;
    display: flex;
    justify-content: space-between
}

.dataTable-top>div:first-child {
    float: left
}

.dataTable-top>div:last-child {
    float: right
}

.dataTable-bottom {
    padding: 16px 10px;
    display: flex;
    justify-content: center
}

.dataTable-bottom>div:first-child {
    float: left
}

.dataTable-bottom>div:last-child {
    float: right
}

.dataTable-selector {
    padding: 6px
}

.dataTable-input {
    padding: 6px 12px
}

.dataTable-info {
    margin: 7px 0
}

.dataTable-pagination ul {
    margin: 0;
    padding-left: 0
}

.dataTable-pagination li {
    list-style: none;
    float: left
}

.dataTable-pagination a {
    border: 1px solid transparent;
    float: left;
    margin-left: 2px;
    padding: 8px 14px;
    position: relative;
    text-decoration: none;
    color: #191B1C;
    cursor: pointer;
    min-width: 42px
}

.dataTable-pagination a:hover {
    background-color: #EBEEF5
}

.dataTable-pagination .active a {
    background-color: #FED430;
    cursor: pointer
}

.dataTable-pagination .active a:focus {
    outline: 3px solid #191B1C
}

.dataTable-pagination .active a:hover {
    background-color: #EBEEF5;
    cursor: default
}

.dataTable-pagination .ellipsis a {
    cursor: not-allowed
}

.dataTable-pagination .disabled a {
    cursor: not-allowed;
    cursor: not-allowed;
    opacity: 0.4
}

.dataTable-pagination .disabled a:focus {
    cursor: not-allowed;
    cursor: not-allowed;
    opacity: 0.4
}

.dataTable-pagination .disabled a:hover {
    cursor: not-allowed;
    cursor: not-allowed;
    opacity: 0.4
}

.dataTable-pagination .pager a {
    font-weight: bold
}

.dataTable-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate
}

.dataTable-table caption {
    margin-top: 24px;
    color: #191B1C;
    font-size: 16px;
    font-weight: bold;
    line-height: 21px;
    text-align: left;
    padding-bottom: 8px;
    border-bottom: 2px solid #191B1C;
    position: absolute;
    top: -40px;
    left: 0;
    z-index: 100;
    background: white;
    width: 100%
}

.dataTable-table th {
    vertical-align: bottom;
    text-align: left
}

.dataTable-table th a {
    text-decoration: none;
    color: inherit
}

.dataTable-table th a.dataTable-sorter {
    color: #5c6780
}

.dataTable-table>tbody>tr>td {
    vertical-align: top;
    padding: 15px 32px 14px 0;
    font-size: 12px;
    line-height: 16px;
    color: #5c6780;
    border-bottom: 1px solid #EBEEF5
}

.dataTable-table>tbody>tr>td:first-of-type {
    color: #191B1C
}

.dataTable-table>tbody>tr>td:last-child {
    padding-right: 0
}

.dataTable-table>tbody>tr>th {
    vertical-align: top;
    padding: 15px 32px 14px 0
}

.dataTable-table>tbody>tr>th:last-child {
    padding-right: 0
}

.dataTable-table>tfoot>tr>td {
    vertical-align: top;
    padding: 8px 32px 8px 0
}

.dataTable-table>tfoot>tr>td:last-child {
    padding-right: 0
}

.dataTable-table>tfoot>tr>th {
    padding: 8px 32px 8px 0;
    vertical-align: bottom;
    text-align: left;
    border-top: 1px solid #191B1C;
    text-transform: uppercase;
    color: #505E65;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 14px
}

.dataTable-table>tfoot>tr>th:last-child {
    padding-right: 0
}

.dataTable-table>thead>tr>td {
    vertical-align: baseline;
    padding: 8px 32px 8px 0
}

.dataTable-table>thead>tr>td:last-child {
    padding-right: 0
}

.dataTable-table>thead>tr>th {
    padding: 24px 32px 9px 0;
    text-align: left;
    border-bottom: 1px solid #191B1C;
    text-transform: uppercase;
    color: #505E65;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 24px
}

.dataTable-table>thead>tr>th:first-of-type a {
    color: #191B1C
}

.dataTable-table>thead>tr>th:last-child {
    padding-right: 0
}

.dataTable-sorter {
    display: inline-block;
    height: 100%;
    position: relative;
    width: auto;
    padding-right: 20px
}

.dataTable-sorter::before {
    border-top: 4px solid #000;
    bottom: 8px
}

.dataTable-sorter::after {
    border-bottom: 4px solid #000;
    border-top: 4px solid transparent;
    top: 2px
}

.dataTables-empty {
    text-align: center
}

.asc .dataTable-sorter::after {
    opacity: 0.6
}

.desc .dataTable-sorter::before {
    opacity: 0.6
}

.dataTable-container {
    scrollbar-color: rgba(92, 103, 128, 0.35) #fff;
    scrollbar-width: thin
}

.dataTable-container::-webkit-scrollbar-thumb {
    background-color: rgba(92, 103, 128, 0.35);
    border-radius: 15px;
    border: 5px white solid
}

.dataTable-container::-webkit-scrollbar {
    height: 18px
}

.dataTable-container::-webkit-scrollbar-track,
.dataTable-container::-webkit-scrollbar-track-piece,
.dataTable-container::-webkit-scrollbar {
    background-color: #fff
}

.datatable-table-fixed {
    min-width: 174px;
    z-index: 10;
    position: absolute;
    background-color: #fff;
    display: flex
}

.datatable-table-column-fixed {
    min-width: 174px;
    width: auto;
    color: #191B1C;
    font-weight: 700;
    z-index: 10;
    position: absolute;
    background-color: #fff
}

.lista-numerada {
    display: flex
}

.lista-numerada__item {
    display: flex;
    align-items: baseline;
    font-size: 14px;
    color: #191B1C;
    background-color: #fff
}

.lista-numerada__item-icon {
    height: 40px;
    width: 40px;
    min-height: 40px;
    min-width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 8px 16px 8px 8px;
    border: 1px solid #D9E4FF;
    border-radius: 4px
}

.lista-numerada__item-text {
    padding: 8px 16px 8px 0
}

.lista-numerada__content {
    background-color: #fff;
    padding-left: 64px
}

.lista-numerada__content .process-document {
    padding: 24px 24px 24px 0
}

@media (min-width: 576px) {
    .lista-numerada__content .process-document {
        padding: 24px 24px 24px 24px
    }
}

@media (max-width: 575.98px) {
    .lista-numerada__content .process-document {
        display: block
    }
    .lista-numerada__content .process-document .process-document__link {
        margin-top: 16px;
        margin-left: 0
    }
}

.lista-numerada__content .process-document__paragraph {
    font-size: 14px
}

body.banner-tablon-marginbottom {
    margin-bottom: 32px
}

body.banner-tablon-marginbottom header {
    height: 64px;
    background-color: #fff
}

.header-tablon .logo_NW a svg {
    fill: #FF821C;
    width: 186px;
    height: 27px
}

@media (min-width: 1200px) {
    .header-tablon .logo_NW a svg {
        width: 291px;
        height: 43px
    }
}

.header-tablon__title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 12px
}

@media (min-width: 1200px) {
    .header-tablon__title {
        font-size: 66px;
        line-height: 40px;
        margin-bottom: 32px
    }
}

.header-tablon__subtitle {
    margin-bottom: 8px;
    font-size: 16px;
    height: 24px
}

@media (min-width: 1200px) {
    .header-tablon__subtitle {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 32px
    }
}

.header-tablon__text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0
}

@media (min-width: 1200px) {
    .header-tablon__text {
        font-size: 24px;
        line-height: 40px
    }
}

.banner-tablon {
    position: relative;
    padding: 24px 0
}

@media (min-width: 1200px) {
    .banner-tablon {
        padding: 48px 0
    }
}

.banner-tablon .banner-tablon__content-box {
    display: flex;
    flex-direction: column;
    padding: 24px;
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(107, 112, 126, 0.15);
    margin-left: 16px;
    z-index: 2;
    width: 230px;
    height: 140px;
    justify-content: center
}

@media (min-width: 1200px) {
    .banner-tablon .banner-tablon__content-box {
        margin-left: 24px;
        width: 360px;
        height: 200px
    }
}

.banner-tablon .banner-tablon__content-box .banner-tablon__head {
    color: #CDCDCD;
    font-family: "BK-Text";
    font-size: 18px;
    line-height: 24px
}

@media (min-width: 1200px) {
    .banner-tablon .banner-tablon__content-box .banner-tablon__head {
        font-size: 24px;
        line-height: 35px
    }
}

.banner-tablon .banner-tablon__content-box .banner-tablon__head .section-heading__line {
    margin-top: 24px;
    background-color: #CDCDCD
}

.banner-tablon .banner-tablon__square {
    background-color: #FED430;
    position: absolute;
    height: 60px;
    width: 60px;
    top: 9px;
    left: 48px;
    z-index: 3;
    display: none
}

@media (min-width: 1200px) {
    .banner-tablon .banner-tablon__square {
        height: 77px;
        width: 77px
    }
}

.banner-tablon .banner-tablon__square .icon {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 60px;
    text-align: center
}

@media (min-width: 1200px) {
    .banner-tablon .banner-tablon__square .icon {
        line-height: 77px
    }
}

.banner-tablon__btn-change-languaje .banner-tablon__content-box {
    box-shadow: none;
    background: transparent;
    width: 168px;
    padding: 0;
    margin-left: 78px
}

@media (min-width: 1200px) {
    .banner-tablon__btn-change-languaje .banner-tablon__content-box {
        width: 200px;
        margin-left: 12px
    }
}

.banner-tablon__btn-change-languaje .banner-tablon__container-btn-languaje {
    background: #FF821C;
    color: #fff;
    padding: 20px 24px
}

@media (min-width: 1200px) {
    .banner-tablon__btn-change-languaje .banner-tablon__container-btn-languaje {
        padding: 32px 24px
    }
}

.banner-tablon__btn-change-languaje p {
    font-size: 18px
}

@media (min-width: 1200px) {
    .banner-tablon__btn-change-languaje p {
        font-size: 24px;
        line-height: 36px
    }
}

.banner-tablon__buttons {
    position: relative;
    top: -100px
}

@media (min-width: 1200px) {
    .banner-tablon__buttons {
        position: static
    }
}

.banner-tablon__buttons .carousel__navigation--left {
    left: 12px
}

.cb-carousel--tablon {
    background: linear-gradient(to bottom, #fff 50%, #F7FAFF 50%);
    width: 100%
}

.cb-carousel__content--tablon {
    width: 246px
}

@media (min-width: 1200px) {
    .cb-carousel__content--tablon {
        width: 212px
    }
}

.cb-carousel__slide--active .banner-tablon__square {
    display: block
}

.cb-carousel__slide--active .banner-tablon__content-box {
    height: 200px
}

@media (min-width: 1200px) {
    .cb-carousel__slide--active .banner-tablon__content-box {
        height: 252px
    }
}

.cb-carousel__slide--active .banner-tablon__content-box .banner-tablon__head {
    font-size: 24px;
    line-height: 32px;
    color: #191B1C
}

@media (min-width: 1200px) {
    .cb-carousel__slide--active .banner-tablon__content-box .banner-tablon__head {
        font-size: 32px;
        line-height: 40px
    }
}

.cb-carousel__slide--active .banner-tablon__content-box .banner-tablon__head .section-heading__line {
    display: none
}

.modal-tv .modal__wrapper {
    width: 75%
}

.modal-tv .modal__wrapper p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px
}

@media (min-width: 1200px) {
    .modal-tv .modal__wrapper p {
        font-size: 24px;
        margin-bottom: 64px
    }
}

.modal-tv .modal__wrapper .text-link {
    font-size: 36px;
    line-height: 64px;
    text-transform: none;
    font-family: "BK-Text"
}

@media (min-width: 1200px) {
    .modal-tv .modal__wrapper .text-link {
        font-size: 48px
    }
}

.modal-tv .modal__wrapper .text-link:hover {
    color: #FF821C;
    font-weight: 700
}

.modal-tv .modal__wrapper .active {
    color: #FF821C;
    font-weight: 700
}

.modal-empresas__content {
    border-radius: 4px;
    box-shadow: 0 8px 0 0 rgba(97, 112, 119, 0.15)
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .modal-empresas__content {
        height: 580px
    }
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    .modal-empresas__content {
        max-height: 100%;
        border-radius: 0
    }
}

.modal-empresas__content--60 {
    height: 60%
}

.modal-empresas__content--80 {
    height: 80%
}

.modal-empresas__content.modal-empresas__content--tutoriales {
    padding: 0;
    width: 100%
}

@media (max-width: 575.98px) {
    .modal-empresas__content.modal-empresas__content--tutoriales {
        padding: 0
    }
}

@media (min-width: 768px) {
    .modal-empresas__content.modal-empresas__content--tutoriales {
        width: 392px
    }
}

@media (min-width: 992px) {
    .modal-empresas__content.modal-empresas__content--tutoriales {
        width: 442px
    }
}

@media (min-width: 1200px) {
    .modal-empresas__content.modal-empresas__content--tutoriales {
        width: 556px
    }
}

@media (max-width: 575.98px) {
    .modal-empresas__content.modal-empresas__content--tutoriales .modal-empresas__content__header {
        height: 34px;
        margin-top: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center
    }
    .modal-empresas__content.modal-empresas__content--tutoriales .modal-empresas__content__header .icon-fallback-text {
        color: #5c6780;
        height: 24px;
        align-items: center;
        display: flex;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px
    }
}

.modal-empresas__content.modal-empresas__content--tutoriales .modal-empresas__content__body {
    border-radius: 4px;
    margin-bottom: 0 !important;
    padding-bottom: 0
}

@media (max-width: 575.98px) {
    .modal-empresas__content.modal-empresas__content--tutoriales .modal-empresas__content__body {
        border-radius: 0
    }
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    .modal-empresas__content.modal-empresas__content--tutoriales .modal-empresas__content__body {
        height: 100% !important;
        margin-bottom: 0 !important
    }
}

.modal-empresas__content.modal-empresas__content--tutoriales .modal-empresas__content__footer {
    margin: 40px 24px 40px 40px
}

@media (max-width: 575.98px) {
    .modal-empresas__content.modal-empresas__content--tutoriales .modal-empresas__content__footer {
        position: fixed;
        bottom: 0;
        margin: 32px 24px
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .modal-empresas__content.modal-empresas__content--tutoriales .modal-empresas__content__footer {
        margin: 0 40px 20px
    }
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    .modal-empresas__content.modal-empresas__content--tutoriales .modal-empresas__content__footer {
        display: none
    }
}

.modal-empresas__content.modal-empresas__content--tutoriales .modal__close-button {
    right: -8px;
    top: -35px
}

.modal-empresas__content.modal-empresas__content--tutoriales .icon-fallback-text {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px
}

.modal-empresas__content.modal-empresas__content--tutoriales .modal__close-button .icon {
    line-height: 22px
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    .modal-empresas__content.modal-empresas__content--tutoriales .modal-empresas__content__header {
        display: none !important
    }
}

@media (max-width: 575.98px) {
    .modal-empresas__content {
        padding: 40px 24px 32px 24px;
        left: 0;
        bottom: 0;
        height: 100%;
        max-height: 100% !important;
        border-radius: 0;
        transform: translate(0);
        top: auto
    }
}

@media (max-width: 575.98px) {
    .modal-empresas__content .modal-empresas__content__header {
        margin-top: 7px
    }
}

@media (max-width: 575.98px) {
    .modal-empresas__content .modal-empresas__content__header .modal__close-button {
        top: 4px;
        right: 4px;
        background-color: transparent;
        color: #191B1C;
        border: none
    }
    .modal-empresas__content .modal-empresas__content__header .modal__close-button .icon {
        line-height: 24px
    }
}

@media (max-width: 575.98px) {
    .modal-empresas__content .modal-empresas__content__header .modal__close-button:focus {
        box-shadow: none
    }
}

@media (max-width: 575.98px) {
    .modal-empresas__content .modal-empresas__content__header .modal__close-button:hover {
        color: #5c6780
    }
}

.modal-empresas__content .modal-empresas__content__header__title {
    font-family: "BK-Sans";
    border-bottom: 1px solid #EBEEF5;
    padding-bottom: 8px;
    margin-bottom: 24px;
    color: #191B1C;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px
}

.modal-empresas__content .modal-empresas__content__footer {
    display: flex;
    justify-content: flex-start;
    height: 32px
}

.modal-empresas__content .modal-empresas__content__footer button {
    min-width: 150px
}

@media (max-width: 575.98px) {
    .modal-empresas__content .modal-empresas__content__footer button {
        min-width: 104px
    }
}

.modal-empresas__content .modal-empresas__content__footer button:last-child {
    margin-left: 16px
}

.modal-empresas__content .modal-empresas__content__footer button:first-child {
    margin-left: 0
}

.modal-empresas__content .modal-empresas__content__footer--left {
    justify-content: flex-start
}

@media (max-width: 575.98px) {
    .modal-empresas__content .modal-empresas__content__footer--left {
        justify-content: center
    }
}

.modal-empresas__content .modal-empresas__content__footer--right {
    justify-content: flex-end
}

@media (max-width: 575.98px) {
    .modal-empresas__content .modal-empresas__content__footer--right {
        justify-content: center
    }
}

.modal-empresas__content .modal-empresas__content__footer--center {
    justify-content: center
}

.modal-empresas__content .modal-empresas__content__body:not(.select) {
    margin-bottom: 24px;
    height: 100%
}

@media (max-width: 575.98px) {
    .modal-empresas__content .modal-empresas__content__body:not(.select) {
        height: auto
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .modal-empresas__content .modal-empresas__content__body:not(.select) {
        height: 86%
    }
}

.modal-empresas__content .modal-empresas__content__body:not(.select) .ss-wrapper {
    height: 100%
}

@media (max-width: 575.98px) {
    .modal-empresas__content .modal-empresas__content__body:not(.select) .ss-scroll {
        display: none
    }
}

.modal-empresas__content .modal-empresas__content__body:not(.select) .ss-content {
    padding-right: 24px !important
}

.modal-empresas__content .modal-empresas__content__body:not(.select) .select__custom-select-menu .ss-content {
    padding-right: 0 !important
}

.modal-empresas__content .modal-empresas__content__body:not(.select) .select__custom-select-menu--no-scroll .ss-content {
    padding-right: 0 !important
}

.modal-empresas__content .modal-empresas__img--full {
    width: 100%;
    height: auto;
    box-shadow: none;
    margin-bottom: 32px
}

@media (min-width: 768px) {
    .modal-empresas__content .modal-empresas__img--full {
        box-shadow: 0 0 40px 0 rgba(97, 112, 119, 0.15)
    }
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    .modal-empresas__content .modal-empresas__img--full {
        box-shadow: none;
        height: 100%;
        margin-bottom: auto
    }
}

.modal-empresas__content .select--higthligth {
    top: 105px;
    left: 24px;
    min-width: 85%;
    position: fixed !important
}

@media (min-width: 768px) {
    .modal-empresas__content .select--higthligth {
        top: 97px;
        left: 40px;
        min-width: 74%
    }
}

@media (min-width: 992px) {
    .modal-empresas__content .select--higthligth {
        min-width: 80%
    }
}

@media (min-width: 1200px) {
    .modal-empresas__content .select--higthligth {
        min-width: 84%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .modal-empresas__content .select--higthligth {
        position: static !important
    }
}

.doubleCarousel .modal-empresas__img--full {
    margin-bottom: 0
}

.modal__content-tuto-transferencias {
    min-width: 320px !important
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    .modal__content-tuto-transferencias {
        width: 100% !important
    }
}

@media (min-width: 768px) {
    .modal__content-tuto-transferencias {
        width: 750px !important;
        height: 472px !important
    }
}

.modal__content-tuto-transferencias .carousel__container {
    margin-top: 16px
}

@media (min-width: 768px) {
    .modal__content-tuto-transferencias .carousel__container {
        margin-top: 0
    }
}

.modal__content-tuto-transferencias .modal-empresas__content__body {
    height: 100% !important
}

@media (min-width: 768px) {
    .modal__content-tuto-transferencias .modal-empresas__content__body {
        height: auto
    }
}

.modal__content-tuto-transferencias .modal-empresas__img--full {
    width: 100%;
    height: auto
}

@media (min-width: 768px) {
    .modal__content-tuto-transferencias .modal-empresas__img--full {
        width: auto;
        height: 100%
    }
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    .modal__content-tuto-transferencias .modal-empresas__img--full {
        box-shadow: none;
        height: 100%;
        width: 100%;
        margin-bottom: auto
    }
}

.modal__content-tuto-transferencias .modal-empresas__content__footer--left {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10
}

@media (min-width: 768px) {
    .modal__content-tuto-transferencias .modal-empresas__content__footer--left {
        right: 0
    }
}

.modal__content-tuto-transferencias .modal-empresas__content__footer--left .btn {
    top: -5px;
    min-width: 150px
}

@media (min-width: 768px) {
    .modal__content-tuto-transferencias .carousel__modal--wrapper-navigation {
        position: absolute !important;
        right: 80px;
        bottom: 100px;
        width: 50% !important;
        margin: 0 !important
    }
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    .modal__content-tuto-transferencias .carousel__modal--wrapper-navigation {
        display: none !important
    }
}

@media (min-width: 768px) {
    .modal__content-tuto-transferencias .carousel__inner--tuto {
        position: absolute;
        top: 48px;
        margin-left: 375px;
        right: 0;
        margin-right: 6px
    }
}

.modal__content-tuto-transferencias .carousel__navigation--right {
    display: block !important;
    position: fixed;
    bottom: 37px;
    top: initial;
    left: 0;
    color: #191B1C;
    background-color: #FF821C;
    border: 1px solid #FF821C;
    border-radius: 32px;
    padding: 0 18px;
    font-size: 12px;
    font-family: "BK-Sans";
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-align: center;
    width: auto;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

@media (min-width: 768px) {
    .modal__content-tuto-transferencias .carousel__navigation--right {
        position: absolute;
        right: -80px;
        bottom: initial;
        top: 56px;
        left: initial
    }
}

.modal__content-tuto-transferencias .carousel__navigation--right:hover {
    color: #191B1C;
    background-color: #F76900;
    border: 1px solid #F76900
}

.modal__content-tuto-transferencias .carousel__navigation--right:focus {
    color: #191B1C;
    background-color: #F76900;
    border: 1px dashed #191B1C
}

.modal__content-tuto-transferencias .modal-empresas__content__header .modal__close-button {
    right: 10px !important;
    left: initial;
    top: 15px
}

@media (min-width: 768px) {
    .modal__content-tuto-transferencias .modal-empresas__content__header .modal__close-button {
        right: -6px !important;
        top: -35px
    }
}

.modal__content-tuto-transferencias .modal__close-button {
    left: 0;
    right: initial
}

@media (min-width: 768px) {
    .modal__content-tuto-transferencias .modal__close-button {
        right: 16px !important;
        left: initial
    }
}

.modal__content-tuto-transferencias .modal__content-tuto-transferencias--intro {
    padding: 32px 24px 40px 24px
}

@media (min-width: 768px) {
    .modal__content-tuto-transferencias .modal__content-tuto-transferencias--intro {
        padding: 64px 40px 40px 40px
    }
}

.modal__content-tuto-transferencias .modal__content-tuto-transferencias--intro h3 {
    font-size: 34px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 42px
}

.modal__content-tuto-transferencias .modal__content-tuto-transferencias--intro p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px
}

.modal__content-tuto-transferencias .modal-empresas__content__footer--spe {
    position: absolute;
    left: 0 !important;
    right: initial !important;
    bottom: 0;
    z-index: 10;
    justify-content: flex-start
}

@media (min-width: 768px) {
    .modal__content-tuto-transferencias .modal-empresas__content__footer--spe {
        left: initial !important;
        right: 0 !important
    }
}

.modal__content-tuto-transferencias .modal-empresas__content__footer--spe .btn {
    top: -5px;
    right: initial;
    left: initial;
    min-width: 150px
}

@media (min-width: 576px) {
    .modal__content-tuto-transferencias .carousel__slide-text {
        max-height: 286px;
        overflow-y: auto;
        scrollbar-width: thin
    }
    .modal__content-tuto-transferencias .carousel__slide-text::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 8px
    }
    .modal__content-tuto-transferencias .carousel__slide-text::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: #AFB5C8;
        border: 2px solid #fff
    }
}

@media (max-width: 991.98px) {
    .ticker {
        background-color: #F7FAFF
    }
}

.ticker__container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px 10px;
    background-color: #F7FAFF;
    overflow: hidden
}

.ticker--sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1020;
    background-color: #F7FAFF
}

.ticker__content {
    position: relative;
    display: flex;
    align-items: center
}

@media (max-width: 991.98px) {
    .ticker__content {
        transform: translateX(470px)
    }
}

@media (max-width: 767.98px) {
    .ticker__content {
        transform: translateX(710px)
    }
}

.ticker__data {
    display: flex;
    width: 758px;
    align-items: center
}

@media (max-width: 991.98px) {
    .ticker__data {
        width: 830px
    }
}

.ticker__date {
    margin-left: 24px
}

.ticker__day {
    font-size: 3rem;
    line-height: 38px
}

.ticker__month {
    font-size: 1.25rem
}

.ticker__price {
    margin-bottom: 8px
}

.ticker__values {
    font-size: .875rem;
    margin-left: 24px
}

.color-values-up {
    animation-name: color-up;
    animation-duration: 0.8s;
    animation-timing-function: ease
}

@keyframes color-up {
    0% {
        color: #000
    }
    25% {
        color: #22CB65
    }
    75% {
        color: #22CB65
    }
    100% {
        color: #000
    }
}

.color-values-down {
    animation-name: color-down;
    animation-duration: 0.8s;
    animation-timing-function: ease
}

@keyframes color-down {
    0% {
        color: #000
    }
    25% {
        color: #CB1720
    }
    75% {
        color: #CB1720
    }
    100% {
        color: #000
    }
}

.ticker__market {
    font-weight: 800
}

.ticker__percent {
    padding: 3px 14px
}

.ticker__percent--up {
    background-color: #A7F3C5
}

.ticker__percent--down {
    background-color: #FFB5B1
}

.ticker__button {
    margin-right: 24px
}

@media (max-width: 991.98px) {
    [class^="img-bank-"],
    [class*="img-bank-"] {
        background-size: 65%
    }
}

.img-bank-abanca-32 {
    background-image: url("../images/svg/bancos/abanca-32.svg")
}

.img-bank-abante-32 {
    background-image: url("../images/svg/bancos/abante-32.svg")
}

.img-bank-agbanca-32 {
    background-image: url("../images/svg/bancos/agbanca-32.svg")
}

.img-bank-alantra-32 {
    background-image: url("../images/svg/bancos/alantra-32.svg")
}

.img-bank-americanexpress-32 {
    background-image: url("../images/svg/bancos/americanexpress-32.svg")
}

.img-bank-andbank-32 {
    background-image: url("../images/svg/bancos/andbank-32.svg")
}

.img-bank-atlcapital-32 {
    background-image: url("../images/svg/bancos/atlcapital-32.svg")
}

.img-bank-atombank-32 {
    background-image: url("../images/svg/bancos/atombank-32.svg")
}

.img-bank-azvalor-32 {
    background-image: url("../images/svg/bancos/azvalor-32.svg")
}

.img-bank-bancamarch-32 {
    background-image: url("../images/svg/bancos/bancamarch-32.svg")
}

.img-bank-bancoalcala-32 {
    background-image: url("../images/svg/bancos/bancoalcala-32.svg")
}

.img-bank-bankia-32 {
    background-image: url("../images/svg/bancos/bankia-32.svg")
}

.img-bank-bkcf-32 {
    background-image: url("../images/svg/bancos/bkcf-32.svg")
}

.img-bank-bankinter-32 {
    background-image: url("../images/svg/bancos/bankinter-32.svg")
}

.img-bank-bankintercard-32 {
    background-image: url("../images/svg/bancos/bankintercard-32.svg")
}

.img-bank-bbva-32 {
    background-image: url("../images/svg/bancos/bbva-32.svg")
}

.img-bank-bestinver-32 {
    background-image: url("../images/svg/bancos/bestinver-32.svg")
}

.img-bank-bnext-32 {
    background-image: url("../images/svg/bancos/bnext-32.svg")
}

.img-bank-bnpparibas-32 {
    background-image: url("../images/svg/bancos/bnpparibas-32.svg")
}

.img-bank-caixa-32 {
    background-image: url("../images/svg/bancos/caixa-32.svg")
}

.img-bank-cajamar-32 {
    background-image: url("../images/svg/bancos/cajamar-32.svg")
}

.img-bank-cajasur-32 {
    background-image: url("../images/svg/bancos/cajasur-32.svg")
}

.img-bank-cobas-32 {
    background-image: url("../images/svg/bancos/cobas-32.svg")
}

.img-bank-degroof-32 {
    background-image: url("../images/svg/bancos/degroof-32.svg")
}

.img-bank-deutchebank-32 {
    background-image: url("../images/svg/bancos/deutchebank-32.svg")
}

.img-bank-diaphanum-32 {
    background-image: url("../images/svg/bancos/diaphanum-32.svg")
}

.img-bank-edm-32 {
    background-image: url("../images/svg/bancos/edm-32.svg")
}

.img-bank-evo-32 {
    background-image: url("../images/svg/bancos/evo-32.svg")
}

.img-bank-elcorteingles-32 {
    background-image: url("../images/svg/bancos/elcorteingles-32.svg")
}

.img-bank-gether-32 {
    background-image: url("../images/svg/bancos/gether-32.svg")
}

.img-bank-gourmet-32 {
    background-image: url("../images/svg/bancos/gourmet-32.svg")
}

.img-bank-gvcgaesco-32 {
    background-image: url("../images/svg/bancos/gvcgaesco-32.svg")
}

.img-bank-ibercaja-32 {
    background-image: url("../images/svg/bancos/ibercaja-32.svg")
}

.img-bank-imaginbank-32 {
    background-image: url("../images/svg/bancos/imaginbank-32.svg")
}

.img-bank-indosuez-32 {
    background-image: url("../images/svg/bancos/indosuez-32.svg")
}

.img-bank-ing-32 {
    background-image: url("../images/svg/bancos/ing-32.svg")
}

.img-bank-inversis-32 {
    background-image: url("../images/svg/bancos/inversis-32.svg")
}

.img-bank-kutxabank-32 {
    background-image: url("../images/svg/bancos/kutxabank-32.svg")
}

.img-bank-laboralkutxa-32 {
    background-image: url("../images/svg/bancos/laboralkutxa-32.svg")
}

.img-bank-liberbank-32 {
    background-image: url("../images/svg/bancos/liberbank-32.svg")
}

.img-bank-mediulanum-32 {
    background-image: url("../images/svg/bancos/mediulanum-32.svg")
}

.img-bank-monzo-32 {
    background-image: url("../images/svg/bancos/monzo-32.svg")
}

.img-bank-n26-32 {
    background-image: url("../images/svg/bancos/n26-32.svg")
}

.img-bank-novobanco-32 {
    background-image: url("../images/svg/bancos/novobanco-32.svg")
}

.img-bank-openbank-32 {
    background-image: url("../images/svg/bancos/openbank-32.svg")
}

.img-bank-orientacapital-32 {
    background-image: url("../images/svg/bancos/orientacapital-32.svg")
}

.img-bank-popular-32 {
    background-image: url("../images/svg/bancos/popular-32.svg")
}

.img-bank-renta4-32 {
    background-image: url("../images/svg/bancos/renta4-32.svg")
}

.img-bank-revolut-32 {
    background-image: url("../images/svg/bancos/revolut-32.svg")
}

.img-bank-ruralvia-32 {
    background-image: url("../images/svg/bancos/ruralvia-32.svg")
}

.img-bank-sabadell-32 {
    background-image: url("../images/svg/bancos/sabadell-32.svg")
}

.img-bank-santander-32 {
    background-image: url("../images/svg/bancos/santander-32.svg")
}

.img-bank-selfbank-32 {
    background-image: url("../images/svg/bancos/selfbank-32.svg")
}

.img-bank-starling-32 {
    background-image: url("../images/svg/bancos/starling-32.svg")
}

.img-bank-tandembank-32 {
    background-image: url("../images/svg/bancos/tandembank-32.svg")
}

.img-bank-testbank-32 {
    background-image: url("../images/svg/bancos/testbank-32.svg")
}

.img-bank-ticketrestaurant-32 {
    background-image: url("../images/svg/bancos/ticketrestaurant-32.svg")
}

.img-bank-tressis-32 {
    background-image: url("../images/svg/bancos/tressis-32.svg")
}

.img-bank-ubs-32 {
    background-image: url("../images/svg/bancos/ubs-32.svg")
}

.img-bank-unicaja-32 {
    background-image: url("../images/svg/bancos/unicaja-32.svg")
}

.img-bank-unicorp-32 {
    background-image: url("../images/svg/bancos/unicorp-32.svg")
}

.img-bank-wizink-32 {
    background-image: url("../images/svg/bancos/wizink-32.svg")
}

.img-bank-caritas {
    background-image: url("../images/ong/caritas.svg")
}

.img-bank-oxfam {
    background-image: url("../images/ong/oxfam.svg")
}

.img-bank-cruzroja {
    background-image: url("../images/ong/cruzroja.svg")
}

.img-bank-fesbal {
    background-image: url("../images/ong/fesbal.svg")
}

.calculator__content {
    font-size: .75rem;
    box-shadow: 0 10px 20px 0 rgba(104, 112, 126, 0.15);
    padding: 10px
}

@media (min-width: 768px) {
    .calculator__content {
        padding: 8px 20px
    }
}

.calculator__table {
    width: 100%;
    display: table
}

.calculator__header {
    display: table-header-group
}

.calculator__row {
    display: table-row
}

.calculator__title {
    text-align: right;
    display: table-cell;
    padding: 24px 16px 20px 14px
}

@media (min-width: 768px) {
    .calculator__title {
        padding: 26px 12px 18px 20px
    }
}

.calculator__text {
    display: table-cell;
    border-bottom: 1px solid #F7FAFF;
    vertical-align: middle;
    font-weight: 700
}

@media (min-width: 768px) {
    .calculator__text {
        padding: 20px 0
    }
}

.calculator__result {
    display: table-cell;
    text-align: right;
    font-size: 1.25rem;
    border-bottom: 1px solid #F7FAFF;
    padding: 20px 13px
}

.calculator__result--green {
    color: #007A68;
    font-weight: 700
}

.app-banner {
    display: flex;
    width: 100%;
    z-index: 1000;
    position: fixed;
    background: #F7FAFF;
    padding: 8px 2px;
    align-items: center;
    top: 0
}

.app-banner img {
    width: 10%
}

.app-banner__button {
    padding: 8px
}

.app-banner__content {
    display: flex;
    flex-flow: column nowrap;
    width: 65%;
    margin-left: 12px;
    font-size: .75rem
}

.app-banner__header {
    font-size: .875rem;
    font-weight: 700;
    font-family: "BK-Text"
}

.app-banner__link {
    font-size: .875rem;
    font-weight: 700;
    margin-right: 8px
}

.wallet-model__table {
    display: table;
    width: 100%
}

.wallet-model__header {
    display: table-header-group;
    text-transform: uppercase;
    background-color: #EBEEF5
}

.wallet-model__row {
    display: table-row
}

.wallet-model__title {
    display: table-cell;
    padding: 10px 20px 10px 15px;
    font-size: .75rem;
    letter-spacing: 1.2px
}

.wallet-model__title:nth-child(2) {
    padding-right: 14px
}

@media (min-width: 768px) {
    .wallet-model__title {
        padding: 12px 35px 12px 26px
    }
}

.wallet-model__title--right {
    text-align: right
}

@media (min-width: 992px) {
    .wallet-model__title--right {
        width: 36%
    }
}

.wallet-model__values {
    display: table-cell;
    border-bottom: 1px solid #F7FAFF;
    vertical-align: middle;
    padding-left: 15px
}

@media (min-width: 768px) {
    .wallet-model__values {
        padding-left: 24px
    }
}

.wallet-model__date {
    margin-right: 6px;
    font-size: .75rem
}

@media (min-width: 576px) {
    .wallet-model__date {
        font-weight: 700;
        margin-right: 32px;
        font-size: 1rem
    }
}

.wallet-model__time {
    font-size: .75rem;
    margin-right: 32px
}

@media (min-width: 576px) {
    .wallet-model__time {
        font-size: 1rem
    }
}

.wallet-model__market {
    display: block;
    font-weight: 700
}

@media (min-width: 768px) {
    .wallet-model__market {
        display: inline-block
    }
}

.wallet-model__result {
    display: table-cell;
    text-align: right;
    border-bottom: 1px solid #F7FAFF;
    padding: 18px 22px 18px 10px;
    vertical-align: middle
}

.wallet-model__result:nth-child(2) {
    padding-right: 14px
}

@media (min-width: 576px) {
    .wallet-model__result {
        padding: 18px 35px 18px 15px
    }
}

@media (max-width: 991.98px) {
    .wallet-model__link {
        padding: 10px 15px
    }
}

.comisiones__titular {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    font-family: "BK-Text"
}

@media (min-width: 992px) {
    .comisiones__titular {
        padding: 9px 0
    }
}

.comisiones__data {
    display: block;
    line-height: 1
}

.comisiones__data.comisiones__data--texto-grande {
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 80px
}

.comisiones__data.comisiones__data--texto-mayus {
    text-transform: uppercase
}

.comisiones__data:nth-child(1) {
    font-weight: 700
}

.comisiones__data-content {
    padding: 24px;
    border-top: 1px solid #EBEEF5;
    border-bottom: 1px solid #EBEEF5
}

.comisiones__data-content.no-border {
    border-right: 0
}

@media (min-width: 768px) {
    .comisiones__data-content {
        border: 1px solid #EBEEF5;
        border-left: 0
    }
}

@media (min-width: 992px) {
    .comisiones__data-content {
        border: 1px solid #EBEEF5;
        border-left: 0;
        padding-left: 65px
    }
    .comisiones__data-content.no-border-space {
        padding-left: 0
    }
}

@media (max-width: 767.98px) {
    .comisiones__data-content.no-border-space {
        border-bottom: 0
    }
}

.comisiones__content {
    display: flex
}

@media (max-width: 767.98px) {
    .comisiones__content {
        display: block
    }
}

@media (min-width: 992px) {
    .comisiones__content {
        height: 0
    }
}

.comisiones__link {
    margin-top: 20px
}

@media (max-width: 991.98px) {
    .comisiones__link {
        display: flex;
        justify-content: flex-end;
        margin-top: 0
    }
}

.banner-fluid.banner-fluid--yellow {
    background: #FED430
}

.banner-fluid .input {
    background-color: #fff;
    border: 0
}

.banner-fluid .banner-fluid__featured {
    background-color: #fff;
    position: relative;
    top: -40px;
    padding: 0
}

@media (min-width: 768px) {
    .banner-fluid .banner-fluid__featured {
        padding: 24px 0 24px 0
    }
}

.banner-fluid .banner-fluid__featured .section-heading__title {
    font-size: 1.5rem;
    line-height: 28px
}

.banner-fluid .banner-fluid__title {
    line-height: 24px
}

@media (min-width: 768px) {
    .banner-fluid .banner-fluid__title {
        line-height: 40px
    }
}

.banner-fluid .banner-fluid__button {
    position: relative
}

.banner-fluid .banner-fluid__button .banner-fluid__button-content {
    position: absolute
}

@media (min-width: 768px) {
    .banner-fluid .banner-fluid__link .text-link {
        margin-left: 24px
    }
}

.container-wizard {
    padding-top: 40px
}

.wizard {
    position: relative;
    margin-left: 0;
    margin-top: 0;
    width: 320px
}

@media (min-width: 992px) {
    .wizard {
        position: absolute;
        z-index: 1;
        margin-top: 33px;
        margin-left: 34px
    }
}

@media (min-width: 1200px) {
    .wizard {
        margin-left: 102px
    }
}

.wizard__title {
    font-size: 24px;
    line-height: 40px;
    color: #191B1C;
    margin-bottom: 24px
}

@media (min-width: 576px) {
    .wizard__title {
        font-size: 32px;
        margin-bottom: 32px
    }
}

.wizard__button {
    width: 100%;
    height: 73px;
    background-color: #322F7B;
    padding: 16px;
    border-bottom: 1px solid #43408B
}

@media (min-width: 992px) {
    .wizard__button {
        width: 320px
    }
}

.wizard__button--active {
    background-color: #6864DF
}

.wizard__button--active .wizard__button--icon {
    background-color: #FED430;
    color: #191B1C
}

.wizard__button--active .wizard__button--text {
    opacity: 1;
    color: #fff
}

.wizard__button--active .wizard__button--arrow {
    display: none;
    color: #fff;
    margin-left: auto
}

@media (min-width: 992px) {
    .wizard__button--active .wizard__button--arrow {
        display: block
    }
}

.wizard__button--no-border {
    border-bottom: none;
    height: 72px
}

.wizard__button--icon {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background-color: #6864DF;
    color: #fff;
    margin-right: 16px;
    line-height: 40px;
    font-size: 16px;
    text-align: center
}

.wizard__button--icon .icon {
    height: 40px;
    width: 40px;
    font-size: 24px;
    line-height: 40px
}

.wizard__button--text {
    opacity: 0.5;
    font-size: 16px;
    line-height: 24px;
    color: #AFB5C8
}

.wizard__button--arrow {
    display: none
}

.banca-distancia {
    padding: 24px;
    background-color: #fff;
    font-family: "BK-Sans";
    color: #191B1C
}

@media (min-width: 768px) {
    .banca-distancia {
        padding: 80px;
        margin-left: 0;
        margin-right: 0
    }
}

.banca-distancia p {
    font-size: 16px;
    line-height: 24px
}

.banca-distancia .icon--warning-2-16 {
    border-radius: 50%;
    border: 1px solid #191B1C
}

.banca-distancia .alert .icon {
    margin: 0 16px 0 0
}

.banca-distancia--title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .banca-distancia--title {
        margin-bottom: 32px
    }
}

.banca-distancia--subtitle {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    font-weight: bold
}

.banca-distancia--datos {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px
}

.banca-distancia--datos span {
    font-weight: bold
}

.banca-distancia--footer {
    display: block
}

@media (min-width: 768px) {
    .banca-distancia--footer {
        display: flex
    }
}

.bloque-rentabilidad-riesgo {
    padding: 64px 0;
    background-color: #EBEEF5
}

.bloque-rentabilidad-riesgo .bloque-rentabilidad-riesgo__content:first-child {
    border-bottom: 1px solid #EBEEF5;
    padding-top: 16px
}

@media (min-width: 768px) {
    .bloque-rentabilidad-riesgo .bloque-rentabilidad-riesgo__content:first-child {
        padding-top: 0
    }
}

.bloque-rentabilidad-riesgo .bloque-rentabilidad-riesgo__content .icon {
    margin-right: 8px;
    margin-left: 8px
}

@media (min-width: 768px) {
    .bloque-rentabilidad-riesgo .bloque-rentabilidad-riesgo__content .icon {
        margin-right: 24px
    }
}

.bloque-rentabilidad-riesgo .bloque-rentabilidad-riesgo__content .bloque-rentabilidad-riesgo__indicador-bajo {
    width: 64px;
    height: 48px;
    background-color: #FED430;
    margin: 16px 0 16px 0;
    text-align: center
}

.bloque-rentabilidad-riesgo .bloque-rentabilidad-riesgo__content .bloque-rentabilidad-riesgo__indicador-bajo.opacity-background {
    background-color: rgba(254, 212, 48, 0.7)
}

@media (min-width: 768px) {
    .bloque-rentabilidad-riesgo .bloque-rentabilidad-riesgo__content .bloque-rentabilidad-riesgo__indicador-bajo {
        height: 64px
    }
}

.bloque-rentabilidad-riesgo .bloque-rentabilidad-riesgo__content .bloque-rentabilidad-riesgo__indicador-medio {
    width: 80px;
    height: 64px;
    background-color: #B5F0EF;
    margin: 16px 0 16px 16px;
    text-align: center
}

.bloque-rentabilidad-riesgo .bloque-rentabilidad-riesgo__content .bloque-rentabilidad-riesgo__indicador-medio.opacity-background {
    background-color: rgba(181, 240, 239, 0.7)
}

@media (min-width: 768px) {
    .bloque-rentabilidad-riesgo .bloque-rentabilidad-riesgo__content .bloque-rentabilidad-riesgo__indicador-medio {
        height: 80px
    }
}

.bloque-rentabilidad-riesgo .bloque-rentabilidad-riesgo__content .bloque-rentabilidad-riesgo__indicador-alto {
    width: 104px;
    height: 86px;
    background-color: #FF821C;
    margin: 16px 0 16px 16px;
    text-align: center
}

.bloque-rentabilidad-riesgo .bloque-rentabilidad-riesgo__content .bloque-rentabilidad-riesgo__indicador-alto.opacity-background {
    background-color: rgba(247, 105, 0, 0.5)
}

@media (min-width: 768px) {
    .bloque-rentabilidad-riesgo .bloque-rentabilidad-riesgo__content .bloque-rentabilidad-riesgo__indicador-alto {
        height: 104px
    }
}

.bloque-rentabilidad-riesgo .bloque-rentabilidad-riesgo__content .bloque-rentabilidad-riesgo__subtitle {
    padding: 0 0 0 12px
}

@media (min-width: 768px) {
    .bloque-rentabilidad-riesgo .bloque-rentabilidad-riesgo__content .bloque-rentabilidad-riesgo__subtitle {
        padding: 0 0 0 65px
    }
}

.bloque-rentabilidad-riesgo .bloque-rentabilidad-riesgo__content .bloque-rentabilidad-riesgo__title {
    font-family: "BK-Text"
}

.bloque-rentabilidad-riesgo .bloque-rentabilidad-riesgo__content .bloque-rentabilidad-riesgo__content-square {
    margin: 8px
}

.frequent-operative {
    background-color: #fff;
    border-radius: 4px;
    padding: 16px 7px 16px 16px
}

.frequent-operative__head {
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    color: #191B1C;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px
}

@media (max-width: 991.98px) {
    .frequent-operative__head {
        padding-right: 9px
    }
}

.frequent-operative__head:focus {
    border: 1px dashed #191B1C
}

.frequent-operative__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 8px
}

.frequent-operative__item {
    font-size: 13px;
    font-weight: bold;
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px
}

.frequent-operative__item:hover .frequent-operative__icon {
    background-color: #EFF3FF
}

.frequent-operative__item:focus {
    border: 1px dashed #191B1C
}

.frequent-operative__item--control .frequent-operative__icon {
    background-color: #EBEEF5
}

.frequent-operative__item--control:hover .frequent-operative__icon {
    background-color: #F7FAFF
}

.frequent-operative__text {
    color: #191B1C;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 12px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px
}

.frequent-operative__icon {
    height: 40px;
    width: 40px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #D9E4FF;
    font-weight: normal;
    font-size: 14px;
    margin: 0 16px 0 0
}

.frequent-operative__item.frequent-operative__item--grid {
    border-radius: 4px;
    background-color: #D9E4FF;
    width: 75px;
    height: 72px;
    margin-top: 8px;
    margin-right: 8px;
    flex-direction: column;
    cursor: pointer;
    padding: 12px 4px 4px 4px;
    border: 1px solid transparent
}

.frequent-operative__item.frequent-operative__item--grid:hover {
    background-color: #EFF3FF
}

.frequent-operative__item.frequent-operative__item--grid:focus {
    border: 1px dashed #191B1C
}

@media (min-width: 768px) {
    .frequent-operative__item.frequent-operative__item--grid {
        width: 79px
    }
}

@media (min-width: 992px) {
    .frequent-operative__item.frequent-operative__item--grid {
        width: 82px
    }
}

@media (min-width: 1200px) {
    .frequent-operative__item.frequent-operative__item--grid {
        width: 71px
    }
}

.frequent-operative__item.frequent-operative__item--grid.frequent-operative__item--control {
    background-color: #EBEEF5
}

.frequent-operative__item.frequent-operative__item--grid.frequent-operative__item--control:hover {
    background-color: #F7FAFF
}

.frequent-operative__item.frequent-operative__item--grid .frequent-operative__text {
    font-size: 10px
}

.frequent-operative__item.frequent-operative__item--grid .frequent-operative__icon {
    width: auto;
    height: auto;
    background-color: transparent;
    margin: 0
}

.frequent-operative__item.frequent-operative__item--grid:hover .frequent-operative__icon {
    background-color: transparent
}

.frequent-operative__item.frequent-operative__item--grid:focus .frequent-operative__icon {
    box-shadow: none
}

.sidebar-warning {
    background-color: #fff;
    border-radius: 4px;
    padding: 16px 16px 12px 16px
}

@media (max-width: 991.98px) {
    .sidebar-warning {
        padding: 18px 16px 14px 16px
    }
}

.sidebar-warning__head {
    font-size: 14px;
    font-weight: bold;
    color: #191B1C;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.sidebar-warning__item {
    font-size: 13px;
    font-weight: bold;
    width: 100%
}

.sidebar-warning__item a {
    color: #191B1C;
    border: 1px solid transparent;
    border-radius: 4px
}

.sidebar-warning__item a:focus {
    outline: none !important;
    border: 1px dashed black
}

.sidebar-warning__item a:hover {
    text-decoration: none
}

.sidebar-warning__item a:hover .sidebar-warning__item-icon {
    background-color: #FFDC54
}

.sidebar-warning__item a:hover .sidebar-warning__item-text {
    text-decoration: underline
}

.sidebar-warning__item-link {
    display: flex;
    align-items: center;
    cursor: pointer
}

.sidebar-warning__item-icon {
    height: 40px;
    width: 40px;
    min-height: 40px;
    min-width: 40px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FEE997;
    font-weight: normal;
    font-size: 14px;
    margin: 0 16px 0 0
}

.sidebar-warning__item-icon--grey {
    background-color: #D9E4FF
}

.sidebar-warning__item--control .sidebar-warning__item-link .sidebar-warning__item-icon {
    background-color: #EBEEF5
}

.sidebar-warning__item--control .sidebar-warning__item-link:hover .sidebar-warning__item-icon {
    background-color: #F7FAFF
}

@media (max-width: 767.98px) {
    .menu-box {
        max-height: 95px;
        overflow: hidden;
        transition-property: all;
        transition-duration: 0.3s;
        padding-top: 5px;
        padding-left: 3px;
        transition-delay: 0s;
        transition-timing-function: ease-in-out
    }
    .menu-box.opened {
        max-height: 500px
    }
}

.menu-box__item {
    height: 40px;
    width: 40px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(97, 112, 119, 0.15);
    position: relative;
    display: inline-block;
    margin: 0 11px 15px 0
}

@media (min-width: 768px) {
    .menu-box__item {
        margin: 0 19px 19px 0
    }
}

.menu-box__link {
    color: #191B1C;
    font-family: "BK-Sans";
    font-size: 1rem;
    line-height: 40px;
    text-align: center;
    height: 100%;
    width: 100%;
    display: block
}

.menu-box__link:focus {
    font-weight: bold;
    color: #FF821C
}

.menu-box__link--active {
    font-weight: bold;
    color: #FF821C
}

.menu-box__link--disable {
    background-color: #EBEEF5;
    color: #AFB5C8
}

.menu-box__show-more {
    width: 100%;
    height: 32px;
    position: relative;
    color: #FF821C;
    -webkit-box-shadow: 0 -15px 15px 0 #fff;
    -moz-box-shadow: 0 -15px 15px 0 #fff;
    box-shadow: 0 -15px 15px 0 #fff;
    background: #fff;
    transition-property: all;
    transition-duration: 0.2s;
    transition-delay: 0s;
    transition-timing-function: ease-in-out;
    margin-bottom: 40px
}

.menu-box__show-more:focus {
    background-color: #fff;
    color: #FF821C;
    box-shadow: 0 0 0 4px #3E4A50
}

@media (min-width: 576px) {
    .menu-box__show-more {
        display: none
    }
}

.menu-box__show-more.opened .menu-box__icon {
    transform: rotate(180deg)
}

.result-box {
    height: 80px;
    width: 80px;
    position: relative
}

@media (min-width: 768px) {
    .result-box {
        height: 152px;
        width: 152px
    }
}

.result-box--yellow {
    background-color: #FED430
}

.result-box__label {
    position: absolute;
    bottom: 8px;
    left: 12px;
    color: #191B1C;
    font-family: "BK-Text";
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-weight: 400
}

@media (min-width: 768px) {
    .result-box__label {
        bottom: 16px;
        left: 24px
    }
}

.result-content__title {
    color: #191B1C;
    font-family: "BK-Text";
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal
}

.result-content__title:hover {
    color: #F76900
}

.result-content__line {
    height: 3px;
    width: 48px
}

.result-content__line--orange {
    background-color: #FF821C
}

.result-content__text {
    color: #191B1C;
    font-family: "BK-Sans";
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400
}

@media (min-width: 768px) {
    .result-content__text {
        width: 89%
    }
}

.result-container__link {
    color: #191B1C;
    font-family: "BK-Sans";
    font-size: 0.75rem;
    letter-spacing: 1px;
    line-height: 1rem;
    display: none
}

@media (min-width: 768px) {
    .result-container__link {
        display: block
    }
    .result-container__link:focus {
        box-shadow: 0 0 0 4px #3E4A50;
        background: transparent
    }
    .result-container__link:focus {
        box-shadow: 0 0 0 4px #3E4A50;
        display: table
    }
}

.result-content__new-item {
    color: #191B1C;
    font-family: "BK-Text";
    font-size: 20px;
    line-height: 32px;
    display: table
}

.result-content__new-item:focus {
    box-shadow: 0 0 0 4px #3E4A50
}

.result-content__sub-title {
    color: #191B1C;
    font-family: "BK-Sans";
    font-size: 1rem;
    line-height: 2rem
}

.result-box--show-all {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 60%);
    background-repeat: repeat-x;
    padding-top: 100px;
    height: 150px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.push .radio {
    margin-top: 12px;
    width: 20px
}

.push .radio label {
    display: inline;
    padding-left: 16px
}

.push-container {
    display: block;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 auto;
    line-height: 40px;
    margin-bottom: 16px
}

.push-container--withoutradio {
    margin-left: 40px
}

.push-container--new {
    display: flex
}

@media (min-width: 992px) {
    .push-container {
        display: flex;
        max-width: none;
        margin-bottom: 0
    }
}

.push-container--border {
    border-bottom: 1px solid #EBEEF5
}

.push-container__text {
    color: #6F7A94;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px
}

.push-container__text-actif {
    font-size: 12px;
    text-transform: uppercase
}

.push-container__datos {
    text-align: left;
    flex: 1 1 auto;
    max-width: initial;
    max-width: 212px
}

.push-container__datos--actif {
    font-weight: bold
}

.push-container__datos--withouticon {
    margin-right: 0
}

@media (min-width: 992px) {
    .push-container__datos--withouticon {
        margin-right: 54px
    }
}

@media (min-width: 576px) {
    .push-container__datos {
        max-width: initial
    }
}

@media (min-width: 992px) {
    .push-container__datos {
        text-align: right
    }
}

.push-alert {
    display: flex;
    padding: 8px 16px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    background-color: #D3F6F5;
    margin-top: 8px;
    border-radius: 4px;
    margin-right: 0
}

.push-alert--withoutradio {
    margin-left: 40px
}

@media (min-width: 992px) {
    .push-alert {
        margin-right: 54px
    }
}

.push-alert .tooltip__text {
    bottom: 60px !important;
    right: 0 !important;
    left: initial !important;
    transform: translateX(0%) !important
}

@media (min-width: 576px) {
    .push-alert .tooltip__text {
        bottom: 42px !important
    }
}

.push-alert__text {
    font-size: 12px
}

.push-alert__checkbox {
    top: -10px
}

.push-alert__checkbox label {
    padding-left: 20px
}

.push-tooltip-left .tooltip__text {
    left: 0 !important;
    transform: translateX(16px) !important
}

.push-tooltip,
.push-icon {
    cursor: pointer;
    width: 40px;
    text-align: end;
    line-height: 36px
}

@media (min-width: 992px) {
    .push-tooltip,
    .push-icon {
        width: 54px
    }
}

.push-icon.icon {
    height: 36px
}

.push-icon.icon:before {
    margin-right: 6px !important
}

.push-icon:focus {
    background-color: #3E4A50;
    border-radius: 4px;
    height: 36px;
    width: 36px;
    margin-left: 18px;
    color: #fff
}

.push-icon__content {
    position: absolute;
    right: 16px;
    min-width: 136px;
    max-width: fit-content;
    padding: 16px 8px;
    background-color: white;
    box-shadow: 0 10px 20px 0 rgba(92, 103, 128, 0.15);
    z-index: 10;
    border-radius: 4px
}

.gestion-18 {
    padding: 24px;
    background-color: #fff;
    font-family: "BK-Sans";
    color: #191B1C
}

@media (min-width: 768px) {
    .gestion-18 {
        padding: 80px;
        margin-left: 0;
        margin-right: 0
    }
}

.gestion-18 p {
    font-size: 12px;
    line-height: 18px
}

.gestion-18 p span {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 8px
}

.gestion-18 .icon--warning-2-16 {
    border-radius: 50%;
    border: 1px solid #191B1C
}

.gestion-18 .alert .icon {
    margin: 0 16px 0 0
}

.gestion-18 .legal-text {
    margin-bottom: 24px
}

.gestion-18__img {
    position: relative
}

@media (min-width: 992px) {
    .gestion-18__img {
        position: absolute;
        right: 0;
        transform: translate(100px, -120px);
        z-index: 1
    }
}

.gestion-18--title {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 16px
}

@media (min-width: 576px) {
    .gestion-18--title {
        font-size: 24px
    }
}

.gestion-18--subtitle {
    font-size: 16px;
    line-height: 24px;
    padding-right: 72px
}

.gestion-18--subtitle__withoutpadding {
    padding-right: 0
}

.gestion-18--datos {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px
}

.gestion-18--datos span {
    font-weight: bold
}

.gestion-18--permisos {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 8px
}

@media (min-width: 576px) {
    .gestion-18--permisos {
        margin-bottom: 0
    }
}

.gestion-18--footer {
    display: block;
    margin-top: 24px
}

@media (min-width: 768px) {
    .gestion-18--footer {
        display: flex
    }
}

.gestion-18--legal {
    font-size: 14px;
    line-height: 24px;
    color: #6F7A94
}

.highlighted {
    padding: 40px 40px 32px;
    background-color: #fff
}

@media (max-width: 991.98px) {
    .highlighted {
        padding: 40px 24px 32px
    }
}

@media (max-width: 575.98px) {
    .highlighted {
        padding: 24px
    }
}

.highlighted+.flex-table .flex-table--pendiente {
    font-size: 14px;
    font-weight: bold
}

.highlighted__group {
    display: flex
}

@media (max-width: 767.98px) {
    .highlighted__group {
        margin-bottom: 24px
    }
}

.highlighted__icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px
}

@media (max-width: 767.98px) {
    .highlighted__icon {
        min-width: 40px;
        width: 40px;
        height: 40px
    }
    .highlighted__icon .icon--32 {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 24px
    }
}

.highlighted__icon--orange {
    background-color: #FF821C
}

.highlighted__icon--cyan {
    background-color: #B5F0EF
}

.highlighted__icon--yellow {
    background-color: #FED430
}

.highlighted--rounded {
    border-radius: 4px
}

.highlighted__more-info {
    border-top: 1px solid #EBEEF5;
    padding-top: 8px;
    font-size: 12px;
    color: #191B1C;
    margin-top: 24px
}

@media (max-width: 767.98px) {
    .highlighted__more-info {
        margin-top: 0
    }
}

.highlighted__more-info--date {
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    .highlighted__more-info--date {
        margin-bottom: 8px
    }
}

.highlighted__list {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #D9E4FF;
    margin-bottom: 16px;
    padding-bottom: 8px
}

.highlighted__list dt {
    text-transform: uppercase;
    color: #5C6780
}

.highlighted__list dd {
    color: #191B1C;
    font-weight: bold;
    font-size: 14px
}

.highlighted--dropdown {
    padding: 24px;
    background-color: #fff
}

@media (max-width: 575.98px) {
    .highlighted--dropdown {
        padding: 24px
    }
}

.highlighted__btn {
    float: right
}

.highlighted__num {
    font-size: 22px;
    font-weight: bold;
    color: #191B1C;
    margin-bottom: 0;
    line-height: 22px
}

@media (max-width: 991.98px) {
    .highlighted__num {
        font-size: 16px;
        line-height: 16px
    }
}

.highlighted__title {
    font-size: 16px;
    color: #191B1C;
    margin-bottom: 8px;
    padding-top: 8px;
    display: flex;
    align-items: center
}

@media (max-width: 1199.98px) {
    .highlighted__title {
        padding-top: 0;
        line-height: 16px
    }
}

@media (max-width: 991.98px) {
    .highlighted__title {
        font-size: 14px
    }
}

.highlighted__title--two-lines {
    padding-top: 0;
    line-height: 16px
}

.highlighted__content .tooltip .icon--24 {
    font-size: 20px;
    line-height: 20px
}

.flex-table-gestion {
    display: flex;
    border-radius: 4px;
    padding: 0 24px 0 16px;
    background-color: #EFF3FF;
    font-size: 14px;
    font-weight: bold;
    height: 48px;
    margin-bottom: 1px;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width: 520px) {
    .flex-table-gestion {
        display: block;
        height: auto
    }
    .flex-table-gestion .flex-table-gestion__error {
        justify-content: flex-end
    }
}

.flex-table-gestion.flex-table-gestion--alone {
    color: #191B1C !important
}

.flex-table-gestion:hover {
    color: #5c6780
}

.flex-table-gestion:focus {
    border: 1px solid #191B1C
}

.flex-table-gestion__count {
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 1.5px
}

.flex-table-gestion__template {
    font-size: 12px
}

.flex-table-gestion__template.flex-table-gestion__template--scroll {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 48px
}

.flex-table-gestion__rows {
    display: flex;
    padding: 8px 24px 8px 16px;
    flex-direction: row;
    cursor: default;
    background-color: #F7FAFF;
    height: 100%;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 1px;
    flex-wrap: wrap;
    align-items: center
}

.flex-table-gestion__rows .flex-table__button--link:hover .icon {
    color: #5c6780
}

.flex-table-gestion__rows .flex-table-gestion__rows--scroll {
    width: 1140px
}

.flex-table-gestion__rows.flex-table-gestion__rows--titles {
    background-color: #EBEEF5;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px
}

.flex-table-gestion__rows.flex-table-gestion__rows--titles .icon--arrow-order-16 {
    line-height: 14px
}

.flex-table-gestion__rows .input-thin--referencia {
    width: 96px !important
}

.flex-table-gestion__rows .input-thin--iban {
    width: 216px !important
}

.flex-table-gestion__rows .input-thin--acreedor {
    width: 227px !important
}

.flex-table-gestion__rows .input-thin--fecha {
    width: 102px !important
}

.flex-table-gestion__rows .input-thin--fecha .input-thin__control {
    padding: 0 0 0 4px
}

.flex-table-gestion__rows .select-thin--tipo {
    width: 94px !important;
    font-size: 12px
}

.flex-table-gestion__rows .select-thin--tipo.select-thin--tipo--title {
    font-size: 10px
}

.flex-table-gestion__rows .select-thin--tipo .select__expand-button {
    width: 94px !important
}

.flex-table-gestion__rows .flex-table-gestion__rows--margin-24 {
    margin-right: 24px
}

@media screen and (max-width: 1199px) {
    .flex-table-gestion__rows .flex-table-gestion__rows--margin-24 {
        margin-right: 12px
    }
}

.flex-table-gestion__rows .flex-table-gestion__rows--margin-19 {
    margin-right: 19px
}

@media screen and (max-width: 1199px) {
    .flex-table-gestion__rows .flex-table-gestion__rows--margin-19 {
        margin-right: 9px
    }
}

.flex-table-gestion__rows.flex-table-gestion__rows--alert {
    background-color: #EFF3FF;
    margin-top: 1px;
    margin-bottom: 0;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
    padding: 8px 24px 8px 16px
}

.flex-table-gestion__rows.flex-table-gestion__rows--alert .spinner {
    top: -11px
}

.flex-table-gestion__rows.flex-table-gestion__rows--withoutbordertop {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.flex-table-gestion__rows.flex-table-gestion__rows--withoutborderbottom {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flex-table-gestion__rows.flex-table-gestion__rows--withoutmargin {
    margin-top: 0
}

@media screen and (max-width: 1199px) {
    .flex-table-gestion__rows {
        width: 1056px
    }
}

.flex-table-gestion__rows--nopadding {
    padding: 0
}

.flex-table-gestion__spinner-text {
    margin-left: 40px
}

.flex-table-gestion__alert-text {
    margin-left: 16px
}

.flex-table-gestion__alert-text.flex-table-gestion__alert-text--red {
    color: #CB1720
}

.flex-table-gestion-checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-table-gestion-checkbox .checkbox {
    height: 20px;
    width: 20px
}

.flex-table-gestion__error {
    display: flex;
    align-items: center;
    font-weight: normal;
    color: #CB1720;
    font-size: 14px;
    letter-spacing: 0;
    flex: auto;
    flex-flow: row-reverse;
    margin-right: 16px
}

.flex-table-gestion__error .icon {
    margin: 0 8px 0 0
}

#logo-rp {
    height: 72px;
    background-color: white;
    border-bottom: 1px solid #FF821C
}

.logo-rp {
    margin: 0;
    position: relative;
    z-index: 1
}

.logo-rp a {
    display: flex;
    justify-content: flex-end;
    padding: 5px 18px
}

.logo-rp a .logo-min {
    width: 30px;
    height: 70px
}

.logo-rp a svg {
    fill: #FF821C
}

.logo-rp a svg:not(:root) {
    overflow: hidden
}

.logo-rp #logo-rp__punto {
    transition-delay: 0s
}

.logo-rp.logo-rp--min a {
    margin-left: 15px
}

body.rp {
    margin-bottom: 0 !important;
    overflow: hidden
}

body.rp,
.rp__container,
.rp__pusher,
.rp__content {
    height: 100%
}

.rp__main {
    margin: 0 auto;
    height: 100%
}

.rp__content {
    overflow-y: scroll
}

.rp__content-inner {
    margin: 40px 40px 0 40px;
    padding-right: 60px
}

.rp__container {
    position: relative;
    overflow: hidden
}

.rp__pusher {
    position: relative;
    left: 72px;
    z-index: 99;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s
}

.rp__pusher::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.85);
    content: "";
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s
}

.rp__menu--open .rp__pusher::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.rp__menu--open .rp__pusher {
    -webkit-transform: translate3d(148px, 0, 0);
    transform: translate3d(148px, 0, 0)
}

.rp__menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 220px;
    height: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.rp__menu .h-90 {
    padding-left: 27px
}

.rp__menu--open .rp__menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s
}

.rp__menu::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    content: "";
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    display: none
}

.rp__menu--open .rp__menu::after {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s
}

.rp__menu--open .rp__menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s
}

.rp__menu--open .rp__menu::after {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s
}

.rp__icon-menu {
    display: flex;
    justify-content: space-around
}

.rp__icon-menu__void {
    width: 120px;
    margin-right: 24px
}

.rp__icon-menu--tools.rp__icon-menu--active {
    color: #6F7A94
}

.rp__icon-menu--tools.rp__icon-menu--active .icon {
    color: #6F7A94
}

.rp__icon-menu--tools.rp__icon-menu--active a:focus.icon .rp__icon-menu__text {
    color: #6F7A94 !important;
    background-color: transparent
}

.rp__icon-menu--tools.rp__icon-menu--active a:hover {
    text-decoration: none
}

.rp__icon-menu--tools.rp__icon-menu--active a:hover.icon .rp__icon-menu__text {
    color: #6F7A94
}

.rp__icon-menu--tools a:hover {
    text-decoration: none
}

.rp__icon-menu--tools a:hover.icon .rp__icon-menu__text {
    color: #191B1C !important
}

.rp__icon-menu--tools a.icon .rp__icon-menu__text {
    color: #6F7A94 !important
}

.rp__icon-menu+.rp__icon-menu {
    justify-content: space-around !important
}

.rp__icon-menu--configurar {
    height: auto
}

.rp__icon-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    height: 100%
}

.rp__icon-menu ul li {
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 17px
}

.rp__icon-menu ul li.rp__icon-menu--active {
    background-color: #f7faff;
    color: #191B1C
}

.rp__icon-menu ul li.rp__icon-menu--active .icon {
    color: #191B1C
}

.rp__icon-menu ul li.rp__icon-menu--active a:focus.icon .rp__icon-menu__text {
    color: #191B1C !important;
    background-color: transparent
}

.rp__icon-menu ul li.rp__icon-menu--active a:hover {
    text-decoration: none
}

.rp__icon-menu ul li.rp__icon-menu--active a:hover.icon .rp__icon-menu__text {
    color: #191B1C
}

.rp__icon-menu ul li a {
    outline: none;
    color: #FF821C;
    text-align: right;
    font-weight: 400;
    display: flex;
    justify-content: end;
    align-content: center
}

.rp__icon-menu ul li a:focus.icon .rp__icon-menu__text {
    border: 1px dashed #191B1C
}

.rp__icon-menu ul li a:hover {
    text-decoration: none
}

.rp__icon-menu ul li a:hover.icon .rp__icon-menu__text {
    color: #6F7A94
}

.rp__icon-menu ul li a.icon .rp__icon-menu__text {
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    width: 120px;
    margin-right: 14px;
    color: #191b1c;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px
}

.rp__icon-menu ul li a.icon .icon--black {
    color: #191B1C
}

.no-csstransforms3d .rp__pusher,
.no-js .rp__pusher {
    padding-left: 220px
}

.selection-box-reporting {
    background-color: #EBEEF5;
    padding: 24px 56px 24px 24px;
    margin-bottom: 32px;
    cursor: pointer;
    height: 144px
}

.selection-box-reporting:hover {
    background-color: #F7FAFF
}

.selection-box-reporting:focus {
    outline: 4px solid rgba(175, 181, 200, 0.1) !important;
    border: 1px solid #AFB5C8 !important
}

.selection-box-reporting .checkbox {
    width: 20px
}

.selection-box-reporting .selection-box-reporting__text-selection {
    display: flex;
    font-size: 12px;
    color: #191B1C;
    line-height: 22px
}

.selection-box-reporting .selection-box-reporting__text-selection--titles {
    width: 76px;
    margin-left: 36px;
    flex: none;
    color: #5c6780
}

.selection-box-reporting .selection-box-reporting__text-selection--names {
    font-weight: bold
}

.selection-box-reporting--groupbox {
    height: 96px
}

.selection-box-reporting--groupbox .selection-box-reporting__text-selection {
    display: block
}

.selection-box-reporting--groupbox .selection-box-reporting__text-selection--titles {
    margin-left: 36px;
    flex: none;
    width: auto;
    color: #191B1C;
    font-weight: bold
}

.selection-box-reporting--groupbox .selection-box-reporting__text-selection--icons {
    margin-left: 36px
}

.selection-box-reporting--groupbox .selection-box-reporting__text-selection--icons .icon {
    color: #5c6780;
    margin-right: 8px
}

.selection-box-reporting--groupbox .selection-box-reporting__text-selection--icons .icon:hover {
    color: #6F7A94
}

.selection-box-reporting--groupbox .tooltip__text {
    font-size: 12px
}

.selection-box-reporting--groupbox.selection-box-reporting--disabled .tooltip {
    cursor: default
}

.selection-box-reporting--groupbox.selection-box-reporting--disabled .tooltip .tooltip__text {
    display: none !important
}

.selection-box-reporting__wrapper {
    width: 100%
}

.selection-box-reporting--disabled {
    cursor: default;
    outline: none;
    background-color: #EBEEF5
}

.selection-box-reporting--disabled:hover {
    background-color: #EBEEF5
}

.selection-box-reporting--disabled .selection-box-reporting__text-selection--titles {
    color: #AFB5C8
}

.selection-box-reporting--disabled .selection-box-reporting__text-selection--names {
    color: #AFB5C8
}

.selection-box-reporting--disabled:focus {
    border: none !important;
    outline: none !important
}

.selection-box-reporting--disabled .checkbox input[type="checkbox"]:disabled+label {
    opacity: 0.4
}

.selection-box-reporting--disabled .selection-box-reporting__badge--contain {
    color: #AFB5C8 !important;
    border: 1px solid #AFB5C8 !important
}

.selection-box-reporting--disabled .selection-box-reporting__text-selection--icons .icon {
    color: #AFB5C8
}

.selection-box-reporting--disabled .selection-box-reporting__text-selection--icons .icon:hover {
    color: #AFB5C8
}

.selection-box-reporting--selected {
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(92, 103, 128, 0.15);
    outline: none
}

.selection-box-reporting--selected:focus {
    background-color: #fff;
    outline: 4px solid rgba(175, 181, 200, 0.1) !important;
    border: 1px solid #AFB5C8 !important;
    box-shadow: none
}

.selection-box-reporting--errors {
    background-color: #EBEEF5;
    border: 1px solid #CB1720;
    outline: none;
    box-shadow: none
}

.selection-box-reporting--errors:focus {
    border: 1px solid #CB1720 !important;
    outline: 4px solid rgba(203, 23, 32, 0.1) !important
}

.selection-box-reporting--errors.selection-box-reporting--selected {
    background-color: #fff
}

.selection-box-reporting__badge {
    position: absolute;
    right: 32px;
    bottom: 48px
}

.selection-box-reporting__badge .selection-box-reporting__badge--contain {
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    padding: 8px;
    background-color: transparent;
    font-size: 12px;
    color: #5c6780;
    border: 1px solid #5c6780
}

.selection-box-reporting__badge .selection-box-reporting__badge--contain:hover {
    color: #6F7A94;
    border-color: #6F7A94
}

.selection-box-reporting__badge .tooltip__text {
    font-size: 12px;
    transform: translateX(-85%) !important;
    right: initial !important
}

@media (max-width: 575.98px) {
    .selection-box-reporting__badge .tooltip__text {
        right: 0
    }
}

.selection-box-reporting__titularidad {
    position: absolute;
    right: 32px;
    top: 16px
}

.selection-box-reporting__titularidad .selection-box-reporting__titularidad--contain {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-weight: bold;
    padding: 8px;
    background-color: transparent;
    font-size: 14px;
    color: #5c6780
}

.selection-box-reporting__titularidad .selection-box-reporting__titularidad--contain .selection-box-reporting__titularidad--smalltext {
    font-size: 10px
}

.reporting-fixed {
    position: fixed;
    top: 0;
    transition: all 0.5s
}

.rp {
    top: 0
}

.reporting-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.reporting-head__title {
    font-size: 36px;
    letter-spacing: 0;
    line-height: 40px;
    margin-bottom: 8px
}

.reporting-head__date {
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 14px;
    text-transform: uppercase;
    margin-bottom: 0
}

.rp__menu--open .pie-chart {
    z-index: 0 !important
}

.reporting-cartera .pie-chart {
    position: relative;
    z-index: 1
}

.reporting-cartera #chart-semi-circle {
    max-height: 200px;
    width: 300px
}

@media (max-width: 1199.98px) {
    .reporting-cartera #chart-semi-circle {
        width: 300px;
        height: 150px
    }
}

@media (max-width: 1199.98px) {
    .reporting-cartera .viewport-chart {
        width: 404px
    }
}

.reporting-cartera header {
    border-bottom: 1px solid #EBEEF5;
    padding: 0 8px 0 0;
    height: 48px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.reporting-cartera .link-overlay[disabled] {
    color: #afb5c8 !important
}

.reporting-cartera .reporting-cartera__cifra {
    font-size: 28px;
    color: #191B1C;
    font-weight: 100;
    font-family: "BK-Sans"
}

.reporting-cartera .reporting-cartera__cifra .reporting-cartera__divisa {
    font-size: 20px;
    color: #191B1C;
    font-weight: 100;
    font-family: "BK-Sans"
}

.reporting-cartera .reporting-cartera__cifra--small {
    font-size: 16px;
    font-weight: normal;
    padding-left: 0
}

.reporting-cartera .reporting-cartera__cifra--small:first-of-type {
    padding-left: 0
}

.reporting-cartera .reporting-cartera__cifra--small .reporting-cartera__divisa {
    font-size: 14px
}

.reporting-cartera .reporting-cartera__concepto {
    font-size: 10px;
    color: #838796;
    letter-spacing: 1px
}

.reporting-cartera footer {
    padding: 16px 24px;
    border-radius: 4px;
    background-color: #f7faff;
    min-height: 74px
}

@media (min-width: 1200px) and (max-width: 1250px) {
    .reporting-cartera footer {
        padding: 16px 13px
    }
}

.reporting-cartera .reporting-cartera-background {
    background-color: #fff;
    padding: 32px 0;
    margin-bottom: 1px;
    border-radius: 4px
}

.reporting-cartera .reporting-cartera-background .reporting-cartera__cifra:first-of-type {
    margin-left: 24px;
    min-height: 54px
}

.reporting-cartera .tabs {
    padding: 0 0 10px;
    position: relative
}

.reporting-cartera .tabs .viewport-tabs {
    margin-left: 24px
}

.reporting-cartera .tabs .tabs__header {
    font-size: 15px;
    color: #5c6780;
    overflow: hidden
}

.reporting-cartera .tabs .tabs__header li .tabs__header-item {
    height: auto
}

@media (max-width: 1199.98px) {
    .reporting-cartera .tabs .tabs__header li.short {
        font-size: 12px
    }
}

.reporting-cartera .tabs .tabs__content {
    border-top: 1px solid #EBEEF5;
    margin-top: -2px;
    padding-top: 40px
}

@media (max-width: 1199.98px) {
    .reporting-cartera .tabs .tabs__content {
        margin-top: -4px;
        padding-top: 16px
    }
}

.reporting-cartera .tabs .tabs__content .flex-table-reporting {
    padding: 0 16px;
    background: #f7faff;
    border-radius: 4px;
    position: relative;
    z-index: 0
}

.reporting-cartera .tabs .tabs__content .flex-table--summary {
    margin-bottom: 0
}

.reporting-cartera .tabs .tabs__content .flex-table__rows {
    padding: 0;
    font-size: 12px
}

.reporting-cartera .tabs .tabs__content .flex-table__options {
    font-size: 10px
}

.reporting-cartera .tabs .tabs__content .flex-table-reporting+.text-link {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
    align-items: center
}

.reporting-cartera .tabs .tabs__content .flex-table__rows:last-of-type {
    border-bottom: 0
}

.reporting-cartera .tabs.tabs--arrows-black .btn-navigation-prev {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    width: 56px;
    height: 46px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, white 25%, white 100%);
    z-index: 3;
    box-shadow: none;
    top: 4px
}

.reporting-cartera .tabs.tabs--arrows-black .btn-navigation-next {
    display: block;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    width: 97px;
    height: 46px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 25%, white 100%);
    z-index: 3;
    box-shadow: none;
    top: 4px;
    right: -26px
}

.reporting-cartera .container_theme_card {
    padding: 16px 0
}

.overlay-reporting {
    background-color: #ebeef5;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    z-index: 999
}

[data-graph] {
    display: none
}

.reporting-cartera-graph {
    position: fixed;
    z-index: 1000;
    background: #fff;
    width: calc(50% - 36px);
    top: 0;
    bottom: 0;
    right: 0
}

@media (max-width: 1199.98px) {
    .reporting-cartera-graph {
        top: 285px;
        width: 100%;
        left: 0;
        padding-left: 110px;
        padding-right: 40px
    }
}

.reporting-cartera-graph header {
    border-bottom: 1px solid #EBEEF5;
    height: 48px;
    display: flex;
    align-items: center
}

@media (max-width: 1199.98px) {
    .reporting-cartera-graph header {
        margin-top: 24px
    }
}

.reporting-cartera-graph .reporting-cartera-graph--wrapper {
    margin-left: 16px;
    margin-top: 142px;
    margin-right: 40px;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

@media (max-width: 1199.98px) {
    .reporting-cartera-graph .reporting-cartera-graph--wrapper {
        margin-top: 50px;
        margin-right: 0
    }
}

.reporting-cartera-graph .reporting-cartera-graph--wrapper .ss-scroll {
    right: -9999px
}

.reporting-cartera-graph .reporting-cartera-graph--close {
    position: absolute;
    right: 40px;
    top: 40px;
    cursor: pointer
}

@media (max-width: 1199.98px) {
    .reporting-cartera-graph .reporting-cartera-graph--close {
        right: 8px;
        top: 32px
    }
}

.reporting-cartera-graph.rp__rentabilidad .ss-container {
    display: flex;
    position: relative;
    height: 260px;
    overflow: hidden
}

@media (max-width: 1199.98px) {
    .reporting-cartera-graph.rp__rentabilidad .ss-container {
        height: 320px
    }
}

.reporting-cartera-graph.rp__rentabilidad .rp__footer-sticky {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 16px 24px;
    background-color: #FFF;
    box-shadow: 0 -6px 30px 0 rgba(107, 112, 126, 0.15);
    left: 0;
    z-index: 99;
    height: 64px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 1199.98px) {
    .reporting-cartera-graph.rp__rentabilidad .rp__footer-sticky {
        position: fixed;
        bottom: 0;
        left: 0
    }
}

.reporting-cartera-graph .ss-container {
    display: flex;
    position: relative;
    height: 320px;
    overflow: hidden
}

.reporting-cartera-graph .flex-table-reporting .flex-table__rows {
    padding: 0;
    font-size: 12px
}

.reporting-cartera-graph__title {
    font-size: 28px
}

.reporting-cartera__title {
    font-size: 14px;
    font-weight: bold
}

#patrimonial .highcharts-point {
    fill: transparent
}

#patrimonial .highcharts-point-hover {
    fill: #FF821C;
    stroke-width: 7
}

.chart-semi-circle--text {
    font-size: 10px;
    letter-spacing: 1px;
    color: #838796
}

.flex-table-reporting {
    margin-bottom: 37px
}

.flex-table-reporting.ss-container {
    display: flex;
    position: relative;
    height: 320px;
    overflow: hidden
}

.ss-content--noscroll .flex-table-reporting {
    margin-bottom: 0
}

.flex-table-wrapper .flex-table__rows {
    margin-bottom: 0;
    border-radius: 0
}

.body.no-scroll {
    overflow: hidden !important
}

.flex-table__transparent {
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 80%, #fff 90%);
    position: absolute;
    bottom: 0;
    height: 37px;
    left: 0;
    right: 0;
    z-index: 1
}

@media (max-width: 1199.98px) {
    .flex-table__transparent {
        height: 45px
    }
}

.ss-content--noscroll .flex-table__transparent {
    display: none
}

.info-config .input {
    z-index: 0
}

.rp-sticky-footer {
    position: relative
}

.rp-sticky-footer__position {
    box-shadow: 0 -6px 20px 0 rgba(92, 103, 128, 0.15);
    position: absolute;
    left: 40px;
    right: 0;
    bottom: 0;
    background-color: #fff;
    padding: 24px 0
}

.rp-sticky-tabs {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff
}

@media (max-width: 1199.98px) {
    .rp-sticky-footer__container {
        width: 80%
    }
}

.reporting-table__last-position {
    height: 64px
}

.reporting-table__last-position .tabs {
    padding: 0;
    height: 64px;
    box-shadow: 0 10px 20px 0 rgba(104, 112, 126, 0.15);
    background-color: #F7FAFF;
    position: relative
}

@media (max-width: 991.98px) {
    .reporting-table__last-position .tabs {
        width: 94%
    }
}

.reporting-table__last-position .tabs .tabs__header-item {
    height: 64px !important;
    justify-content: space-between;
    background-color: #F7FAFF !important
}

@media (max-width: 1199.98px) {
    .reporting-table__last-position .tabs .tabs__header-item {
        font-size: 12px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: self-start !important;
        padding-top: 15px !important
    }
}

.reporting-table__last-position .tabs .tabs__header-item .reporting-table__saldo {
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 12px;
    text-align: right
}

@media (max-width: 1199.98px) {
    .reporting-table__last-position .tabs .tabs__header-item .reporting-table__saldo {
        text-align: left
    }
}

.reporting-table__last-position .tabs .tabs__header-item--active {
    background-color: #fff !important
}

.reporting-table__last-position .tabs .viewport-tabs {
    height: 64px
}

.reporting-table__last-position .tabs .viewport-tabs .tabs__header {
    overflow: hidden
}

.reporting-table__last-position .tabs .btn-navigation-next,
.reporting-table__last-position .tabs .btn-navigation-prev {
    top: 4px
}

.flex-table-reporting .flex-table-reporting--head {
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 1px;
    text-align: right;
    color: #6B707E;
    text-transform: uppercase;
    min-height: 40px;
    border-bottom: 1px solid #EBEEF5
}

.flex-table-reporting .flex-table__data--grey {
    color: #5C6780;
    letter-spacing: .5px
}

.flex-table-reporting .flex-table__rows {
    border-bottom: 1px solid #EBEEF5
}

@media (max-width: 1199.98px) {
    .flex-table-reporting .flex-table__rows {
        font-size: 10px !important
    }
}

.text-link-skeleton {
    width: 190px;
    height: 8px
}

.cifra-bigA-skeleton {
    width: 145px;
    height: 16px;
    position: relative;
    top: 10px;
    margin-bottom: 26px
}

.cifra-smallA-skeleton {
    width: 114px;
    height: 8px;
    margin-bottom: 9px
}

.cifra-bigB-skeleton {
    width: 80px;
    height: 16px;
    position: relative;
    top: 20px;
    margin-bottom: 26px
}

.cifra-smallB-skeleton {
    width: 44px;
    height: 8px;
    position: relative;
    top: 7px;
    margin-bottom: 17px
}

.rp__grisLigero100-skeleton {
    background-color: #EBEEF5;
    border-radius: 4px
}

.rp__grisLigero50-skeleton {
    background-color: #F7FAFF;
    border-radius: 4px
}

.rp__blanco-skeleton {
    background-color: #fff;
    border-radius: 4px
}

.spinner-skeleton {
    position: relative;
    width: 52%;
    margin: 0 auto
}

.spinner-skeleton .spinner {
    margin-right: 32px
}

.spinner-skeleton--height-graph-arc {
    height: 200px
}

.spinner-skeleton--height-tabs {
    margin: 20% auto
}

.reporting--table {
    padding-left: 0;
    padding-right: 0;
    scrollbar-face-color: #D9E4FF;
    scrollbar-arrow-color: #F7FAFF;
    scrollbar-track-color: #F7FAFF;
    scrollbar-shadow-color: #F7FAFF;
    scrollbar-color: #D9E4FF #F7FAFF
}

.reporting--table .table-title {
    font-size: 36px;
    letter-spacing: 0;
    line-height: 40px
}

.reporting--table .table-date {
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 14px;
    text-transform: uppercase
}

.reporting--table .column-xsmall {
    width: 80px
}

.reporting--table .column-small {
    width: 100px
}

.reporting--table .column-medium {
    width: 140px
}

.reporting--table .column-large {
    width: 180px
}

.reporting--table .column-xlarge {
    width: 200px
}

.reporting--table .cells-width-height-skeleton {
    width: 100%;
    height: 8px
}

.reporting--table .column-iban-skeleton {
    width: 130px
}

.reporting--table .column-adjust,
.reporting--table .th-group__column-adjust {
    min-width: 292px;
    width: 292px
}

.reporting--table ::-webkit-scrollbar-thumb {
    background: #D9E4FF;
    border: 7px solid #F7FAFF;
    border-radius: 50px
}

.reporting--table ::-webkit-scrollbar {
    height: 22px
}

.reporting--table ::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

.reporting--table ::-webkit-scrollbar-track {
    background: #F7FAFF
}

.reporting--table ::-webkit-scrollbar-corner {
    background: transparent
}

.reporting--table .reporting--table--container {
    position: relative;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box
}

.reporting--table .table--scroll {
    display: block;
    height: 85%;
    overflow: scroll;
    margin-right: -17px
}

.reporting--table .fixed-column {
    display: block
}

.reporting--table table {
    position: relative;
    overflow: hidden;
    border-collapse: collapse;
    border-radius: 4px
}

.reporting--table table.rp__fullWidth {
    width: 100%
}

.reporting--table table.rp__fullWidth td.sticky,
.reporting--table table.rp__fullWidth th:first-child:not(.icon-rounded) {
    width: 292px !important
}

.reporting--table .table-last {
    border-radius: 0;
    background: white;
    width: 100%;
    height: 64px
}

.reporting--table .table-last td {
    flex-grow: initial
}

.reporting--table .table--bordered {
    border-radius: 4px
}

.reporting--table .rp__btn-column thead tr {
    padding-right: 64px
}

.reporting--table .rp__btn-column tbody tr {
    padding-right: 64px
}

.reporting--table thead {
    position: relative;
    display: block;
    border-radius: 4px;
    margin-bottom: 1px;
    background-color: #F7FAFF
}

.reporting--table thead tr {
    display: flex;
    height: 40px;
    position: relative;
    z-index: 0
}

.reporting--table thead th {
    background-color: #F7FAFF;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 1px;
    justify-content: flex-end;
    align-items: center;
    text-transform: uppercase;
    text-align: end;
    display: flex;
    padding: 0;
    font-weight: 400;
    z-index: 2;
    margin: 5px 24px 5px 0;
    flex-grow: 1
}

.reporting--table thead th.align-left {
    align-items: center;
    padding: 0 0 0 16px;
    justify-content: flex-start
}

.reporting--table thead th.th-sticky,
.reporting--table thead th.th-sticky--landscape {
    position: relative;
    width: 292px;
    background: linear-gradient(90deg, #F7FAFF 0%, #F7FAFF 75%, rgba(250, 251, 255, 0) 100%);
    justify-content: flex-start;
    padding-left: 16px;
    z-index: 3;
    padding-top: 10px;
    padding-bottom: 10px;
    align-self: center
}

.reporting--table thead th.th-last-contain {
    width: 92px;
    height: 32px;
    background: linear-gradient(280deg, #f7faff 0%, #f7faff 45%, rgba(247, 250, 255, 0) 100%);
    position: absolute;
    z-index: 3;
    margin-right: 0
}

.reporting--table thead th.th-group-sticky {
    position: relative;
    width: 292px;
    background: linear-gradient(90deg, #fff 0%, #fff 75%, rgba(255, 255, 255, 0) 100%);
    padding: 0 0 0 16px;
    text-transform: uppercase;
    border-radius: 4px;
    z-index: 3;
    display: flex;
    align-items: flex-start
}

.reporting--table tbody tr {
    background: #fff;
    position: relative;
    z-index: 0
}

.reporting--table tbody tr:last-child {
    margin-bottom: 0
}

.reporting--table tbody td {
    margin-right: 24px;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
    z-index: 2;
    flex-grow: 1
}

.reporting--table tbody td.align-left {
    align-items: flex-start;
    padding: 0 0 0 16px
}

.reporting--table tbody td.sticky,
.reporting--table tbody td.sticky-fixed {
    position: relative;
    width: 292px;
    background: linear-gradient(90deg, #fff 0%, #fff 75%, rgba(255, 255, 255, 0) 100%);
    padding: 0 0 0 16px;
    text-transform: uppercase;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    margin: 4px 24px 4px 0;
    will-change: left
}

.reporting--table tbody td.sticky .icon-reporting--inline-right,
.reporting--table tbody td.sticky-fixed .icon-reporting--inline-right {
    margin-top: -3px;
    margin-left: 4px;
    cursor: pointer
}

.reporting--table tbody td.sticky .icon-reporting--inline-left,
.reporting--table tbody td.sticky-fixed .icon-reporting--inline-left {
    left: -6px;
    position: relative;
    top: -4px;
    height: 19px;
    overflow: hidden;
    width: 19px
}

.reporting--table tbody td.sticky .txt-grey--icon,
.reporting--table tbody td.sticky-fixed .txt-grey--icon {
    position: relative;
    top: -3px;
    display: block
}

.reporting--table tbody td .rp__icon-last {
    display: flex;
    justify-content: flex-end;
    flex: 1;
    align-items: center;
    margin-right: 24px
}

.reporting--table tbody td .icon-reporting--rounded {
    border: 1px solid #191B1C;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.reporting--table tbody td.hs-resumen {
    font-size: 18px;
    letter-spacing: 0;
    text-transform: none
}

.reporting--table tbody td.hs-resumen .hs-resumen--descarga {
    color: #191B1C;
    font-size: 12px;
    letter-spacing: 1px;
    cursor: pointer;
    text-transform: uppercase
}

.reporting--table .txt-grey {
    color: #6F7A94
}

.reporting--table .td-last-contain {
    width: 56px;
    height: 42px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 45%, #fff 100%);
    position: absolute;
    z-index: 3;
    margin: 4px -12px 0
}

.reporting--table caption.hs-subtitulo .item {
    font-size: 14px;
    font-weight: bold;
    display: flex;
    margin-left: 16px;
    align-items: center;
    position: static
}

.reporting--table caption.hs-subtitulo__text {
    font-size: 14px;
    font-weight: bold
}

.reporting--table .hs-subtitulo {
    height: 48px;
    margin-bottom: 1px;
    display: flex;
    position: relative;
    background-color: #fff;
    align-items: center;
    z-index: 0
}

.reporting--table .hs-subtitulo .item {
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    left: 16px
}

.reporting--table .hs-subtitulo__text {
    font-size: 14px;
    font-weight: bold
}

.reporting--table .hs-subtitulo--transparent {
    background-color: transparent
}

.reporting--table .hs-contenido {
    height: 56px;
    margin-bottom: 1px;
    display: flex
}

.reporting--table .hs-total {
    height: 48px;
    margin-bottom: 0;
    display: flex
}

.reporting--table .reporting-action-box {
    position: absolute;
    z-index: 1;
    right: 0;
    width: 56px;
    background: #F7FAFF;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 9999
}

.reporting--table .reporting-action-box .action-box__button {
    background: #F7FAFF
}

.reporting--table .reporting-action-box .action-box__button:focus {
    color: #191B1C
}

.reporting--table .reporting-action-box .action-box__button:hover {
    color: #191B1C
}

.reporting--table .reporting-action-box .action-box__content {
    background-color: #fff;
    padding: 16px 0 16px 0;
    min-width: 150px;
    box-shadow: 0 10px 20px 0 rgba(25, 27, 28, 0.15);
    display: flex;
    max-height: 525px;
    overflow: hidden;
    width: 378px
}

@media (max-width: 1199.98px) {
    .reporting--table .reporting-action-box .action-box__content {
        max-height: 404px
    }
}

.reporting--table .reporting-action-box .action-box__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #191B1C;
    font-size: 16px;
    text-transform: none;
    padding-left: 16px;
    line-height: 62px;
    margin-bottom: 0;
    min-height: 62px;
    letter-spacing: 0;
    border-bottom: 1px solid #EBEEF5;
    cursor: pointer
}

.reporting--table .reporting-action-box .action-box__item span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.reporting--table .reporting-action-box .action-box__item .icon {
    color: #FF821C;
    padding: 0 24px;
    overflow: visible
}

.reporting--table .reporting-action-box .action-box__item:hover,
.reporting--table .reporting-action-box .action-box__item:focus {
    background-color: #F7FAFF
}

.reporting--table .reporting-action-box .action-box__item--unselected {
    color: #AFB5C8
}

.reporting--table .reporting-action-box .action-box__item--unselected .icon {
    color: #AFB5C8
}

.reporting--table .reporting-action-box .action-box__item--unselected:hover,
.reporting--table .reporting-action-box .action-box__item--unselected:focus {
    background-color: #F7FAFF
}

.reporting--table .reporting-action-box .action-box__item--unselected:hover .icon,
.reporting--table .reporting-action-box .action-box__item--unselected:focus .icon {
    color: #AFB5C8
}

.reporting--table .btn--transparent {
    background-color: transparent
}

.reporting--table .btn--transparent .action-box__button {
    color: #fff !important;
    background-color: transparent !important
}

.action-box__item--unselected+.icon {
    color: #AFB5C8
}

.btn--reporting {
    height: 30px;
    line-height: 30px;
    width: 56px;
    border-radius: 4px;
    min-width: 0;
    margin-top: 5px;
    padding-right: 24px
}

.reporting--table__backdrop {
    background-color: rgba(43, 49, 51, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999
}

.reporting--table__cache {
    position: absolute;
    margin-top: 4px;
    z-index: 1;
    right: 0;
    width: 56px;
    background: red;
    padding-left: 16px
}

.reporting-overlay--left {
    background-color: white;
    width: 40px;
    height: 64px;
    left: 0;
    position: absolute;
    bottom: 0
}

.reporting-overlay--right {
    background-color: white;
    width: 48px;
    height: 64px;
    right: 72px;
    position: absolute;
    bottom: 0
}

.reporting-overlayblue--left {
    background-color: #F7FAFF;
    width: 40px;
    height: 21px;
    left: 0;
    position: absolute;
    bottom: 64px
}

.reporting-overlayblue--left.reporting-overlayblue__doblecontain--left {
    left: -25px;
    bottom: 0
}

.reporting-overlayblue--right {
    background-color: #F7FAFF;
    width: 45px;
    height: 21px;
    right: 72px;
    position: absolute;
    bottom: 64px
}

.reporting-overlayblue--right.reporting-overlayblue__doblecontain--right {
    right: -30px;
    bottom: 0
}

@-moz-document url-prefix() {
    .reporting-overlayblue--left {
        height: 17px
    }
    .reporting-overlayblue--right {
        height: 17px
    }
}

@media all and (-ms-high-contrast: none) {
    .reporting-overlayblue--left {
        height: 17px
    }
    .reporting-overlayblue--right {
        height: 17px
    }
    *::-ms-backdrop,
    .reporting-overlayblue--left {
        height: 17px
    }
    *::-ms-backdrop,
    .reporting-overlayblue--right {
        height: 17px
    }
}

.fixed-position {
    position: relative
}

.icon-rounded {
    position: absolute;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 4px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: #fff;
    display: flex
}

.icon-rounded .iconTopLeft {
    background: url(../images/fila-izquierda-superior.png) no-repeat top left;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0
}

.icon-rounded .iconBottomLeft {
    background: url(../images/fila-izquierda-inferior.png) no-repeat bottom left;
    width: 4px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0
}

.icon-rounded .iconTopRight {
    background: url(../images/fila-derecha-superior.png) no-repeat top right;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 0;
    right: 0
}

.icon-rounded .iconBottomRight {
    background: url(../images/fila-derecha-inferior.png) no-repeat bottom right;
    width: 4px;
    height: 4px;
    position: absolute;
    bottom: 0;
    right: 0
}

.icon-rounded .iconTitleTopLeft {
    background: url(../images/columna-izquierda-superior.png) no-repeat top left;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0
}

.icon-rounded .iconTitleBottomLeft {
    background: url(../images/columna-izquierda-inferior.png) no-repeat bottom left;
    width: 4px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0
}

.icon-rounded .iconTitleTopRight {
    background: url(../images/columna-derecha-superior.png) no-repeat top right;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 0;
    right: 0
}

.icon-rounded .iconTitleBottomRight {
    background: url(../images/columna-derecha-inferior.png) no-repeat bottom right;
    width: 4px;
    height: 4px;
    position: absolute;
    bottom: 0;
    right: 0
}

.rp-shortTable__subtitle {
    background-color: #fff;
    position: relative
}

.tables-wrapper {
    position: relative;
    top: 0;
    transition: all 0.5s
}

.thead .thead__tr-bg,
.thead-nosticky .thead__tr-bg,
.thead__sticky .thead__tr-bg {
    z-index: 7;
    margin-top: 0;
    background: transparent;
    height: auto
}

.thead .thead__iconlast,
.thead-nosticky .thead__iconlast,
.thead__sticky .thead__iconlast {
    background-color: #F7FAFF;
    height: 39px;
    width: 58px;
    margin-top: -41px
}

.thead .thead__group,
.thead-nosticky .thead__group,
.thead__sticky .thead__group {
    background: #fff;
    margin-left: -3px;
    padding-left: 0
}

.thead .thead__group th,
.thead-nosticky .thead__group th,
.thead__sticky .thead__group th {
    background: #fff;
    margin-bottom: 0
}

.thead .thead__group .th-sticky,
.thead-nosticky .thead__group .th-sticky,
.thead__sticky .thead__group .th-sticky {
    background: none
}

.thead .thead__group-column,
.thead-nosticky .thead__group-column,
.thead__sticky .thead__group-column {
    border-bottom: 2px solid #FF821C;
    font-weight: bold;
    font-size: 12px;
    text-transform: none;
    line-height: 16px;
    letter-spacing: 0;
    margin-right: 0;
    padding-right: 24px;
    box-sizing: content-box;
    white-space: nowrap
}

.thead .thead__group-column--space,
.thead-nosticky .thead__group-column--space,
.thead__sticky .thead__group-column--space {
    margin-right: 24px;
    padding-right: 0
}

.reporting-table__summary {
    height: 64px
}

.reporting-table__last-position--doblecontain {
    position: sticky;
    bottom: 0
}

.reporting-table__piechart--title {
    background-color: #F7FAFF;
    font-size: 10px;
    line-height: 40px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    font-weight: 400;
    z-index: 2;
    padding: 0 0 0 16px
}

.reporting-table__titlebar {
    display: flex;
    justify-content: space-between;
    position: relative
}

.reporting-graph {
    width: 95% !important
}

.reporting-graph .background-color--white {
    padding: 24px 0 24px;
    margin-top: 1px
}

.reporting-graph .pie-chart.pie-chart--xs {
    height: 152px;
    width: 152px
}

.reporting-graph .pie-chart.pie-chart--xs .text-dark {
    color: #6F7A94 !important
}

.reporting-graph .pie-chart.pie-chart--xs .pie-chart__data {
    font-weight: 100 !important
}

.reporting-graph .pie-chart.pie-chart--xs .pie-chart__data small {
    font-size: 20px
}

.reporting-graph .viewport-chart {
    width: 400px;
    height: 200px
}

@media (max-width: 1199.98px) {
    .reporting-graph .viewport-chart {
        width: 350px;
        height: 200px
    }
}

.reporting-graph .highcharts-tooltip .pie-chart__tooltip {
    min-width: 195px
}

.reporting-graph .highcharts-label {
    top: 43px !important;
    left: 100px !important
}

.sticky-fixed {
    left: 0 !important
}

.rp__margin-anchor {
    position: relative;
    width: 100%
}

.hs-resumen--descarga {
    color: #191B1C;
    font-size: 12px;
    letter-spacing: 1px;
    cursor: pointer;
    text-transform: uppercase
}

.rp__borderRadius-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.rp__borderRadius-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

@media (max-width: 1199.98px) {
    .rp__borderRadius-right-lg {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }
}

@media (max-width: 1199.98px) {
    .rp__borderRadius-left-lg {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }
}

.hs-subtitulo__text {
    position: relative
}

.thead-group--overlay {
    position: absolute;
    width: 56px;
    height: 39px;
    top: 1px;
    background: linear-gradient(280deg, white 0%, white 75%, rgba(255, 255, 255, 0) 100%);
    right: 0;
    z-index: 1
}

.rp__footerlink {
    height: 64px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    background-color: #fff
}

@media (max-width: 1199.98px) {
    .rp__layout-fixed {
        table-layout: fixed
    }
}

.rp__table-group {
    position: relative
}

.rp__table-group .reporting-action-box {
    top: 41px
}

.rp__table-group .th-last-contain {
    background: linear-gradient(280deg, #f7faff 0%, #f7faff 45%, rgba(247, 250, 255, 0) 100%)
}

.btn-openFileTrs {
    cursor: pointer
}

.fixed-position {
    position: relative
}

.rp__tableButton th:last-child,
.rp__tableButton td:last-child {
    padding-right: 24px
}

.rp__tableButton button {
    margin-right: -20px;
    width: 20px;
    height: 20px;
    line-height: 20px
}

.fake-scroll {
    height: 20px;
    width: 100%;
    position: absolute;
    bottom: 64px;
    z-index: 1
}

#rp__mapWorldIndices,
#rp__mapWorldBonos,
#rp__mapWorldDivisas {
    width: 90% !important;
    overflow: visible !important;
    margin: 0 auto
}

#rp__mapWorldIndices .highcharts-container,
#rp__mapWorldBonos .highcharts-container,
#rp__mapWorldDivisas .highcharts-container {
    width: auto !important;
    height: auto !important;
    overflow: visible !important
}

.rp__mapWorld {
    background-color: #fff;
    width: 100%;
    z-index: 1
}

.rp__mapWorld .tabs {
    padding-left: 24px
}

.tooltip-map {
    width: 272px;
    font-family: Bk-Sans;
    position: relative
}

.tooltip-map:before {
    content: '';
    position: absolute;
    border-left: 2px solid #191B1C;
    top: -24px;
    bottom: 0
}

.tooltip-map:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #191B1C;
    top: -24px;
    left: -4px
}

.tooltip-map h3 {
    font-size: 14px;
    line-height: 24px;
    color: #191B1C;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #FED430;
    display: inline-block
}

.tooltip-map ul {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 3px 5px 2px rgba(92, 103, 128, 0.15);
    padding-left: 8px
}

.tooltip-map .tooltip-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #EBEEF5;
    align-items: flex-end;
    padding: 8px 8px 8px 0
}

.tooltip-map .tooltip-item__title {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #191B1C;
    text-transform: uppercase;
    width: 140px;
    white-space: normal
}

.tooltip-map .tooltip-item__data-wrapper {
    width: 45%;
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    flex-direction: column
}

.tooltip-map .tooltip-item__data-wrapper .tooltip-item__number {
    color: #191B1C
}

.tooltip-map .tooltip-item__data-wrapper .tooltip-item__number .big {
    font-size: 20px
}

.tooltip-map .tooltip-item__data-wrapper .tooltip-item__number .small {
    font-size: 12px
}

.tooltip-map .tooltip-item__data-wrapper .tooltip-item__percentage {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    font-size: 12px;
    line-height: 16px;
    color: #617077
}

.rp__map-graph {
    position: fixed;
    z-index: 1000;
    background: #fff;
    width: calc(39% - 36px);
    top: 0;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 99999
}

@media (max-height: 750px) and (max-width: 1023) {
    .rp__map-graph {
        top: 300px
    }
}

@media (max-height: 680px) and (max-width: 1023) {
    .rp__map-graph {
        top: 250px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .rp__map-graph {
        top: 540px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .rp__map-graph {
        top: 300px
    }
}

.rp__map-graph .reporting-cartera-graph--wrapper {
    margin-top: 141px
}

.rp__map-graph .viewport-chart-wrapper {
    width: 500px
}

.rp__map-graph .reporting-cartera__cifra {
    font-size: 24px
}

.rp__map-graph .reporting-cartera__cifra .reporting-cartera__divisa {
    font-size: 18px
}

.rp__map-graph .reporting-cartera__cifra--small {
    font-size: 16px
}

.rp__map-graph .reporting-cartera__cifra--small .reporting-cartera__divisa {
    font-size: 14px
}

.rp__map-graph .reporting-cartera__wrapper-cifra {
    padding: 24px
}

@media (max-width: 1199.98px) {
    .rp__map-graph {
        width: 100%;
        left: 0;
        padding-left: 110px;
        padding-right: 48px
    }
    .rp__map-graph .reporting-cartera-graph--wrapper {
        margin-top: 48px
    }
    .rp__map-graph .viewport-chart-wrapper {
        width: 400px
    }
}

.rp__footer-sticky {
    position: fixed;
    bottom: 0;
    right: 0;
    width: calc(39% - 36px);
    padding: 16px 24px;
    background-color: #FFF;
    box-shadow: 0 -6px 30px 0 rgba(107, 112, 126, 0.15)
}

@media (max-width: 1199.98px) {
    .rp__footer-sticky {
        width: 100%;
        padding: 16px 40px
    }
}

.select-list {
    position: relative;
    width: 270px
}

.select-list .select-list__button {
    background: #F7FAFF;
    font-weight: bold;
    font-size: 12px;
    color: #191B1C;
    padding: 0 8px 0 16px;
    height: 40px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.select-list .select-list__button:focus {
    border: 1px dashed #191B1C;
    outline: none
}

.select-list .select-list__button:hover {
    background-color: #EFF3FF
}

.select-list .select-list__group {
    background-color: #fff;
    padding: 16px 8px;
    border-radius: 4px;
    box-shadow: 0 10px 20px 0 rgba(97, 112, 119, 0.15);
    margin-top: 8px;
    height: 180px;
    position: absolute;
    width: 100%;
    z-index: 4
}

.select-list .select-list__option {
    font-size: 12px;
    height: 40px;
    color: #5C6780;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    padding: 0 24px;
    width: 100%;
    border: 1px solid transparent
}

.select-list .select-list__option:focus {
    border: 1px dashed #191B1C;
    outline: none;
    border-radius: 4px;
    background-color: #fff
}

.select-list .select-list__option:focus:hover {
    background-color: #fff
}

.select-list .select-list__option:hover {
    background-color: #EFF3FF;
    color: #191B1C;
    border-radius: 4px
}

.select-list .select-list__option .tooltip {
    margin: 0 0 0 8px
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .select-list .select-list__option .tooltip .tooltip__text {
        position: -ms-page !important
    }
}

.select-list .select-list--active {
    color: #191B1C;
    font-weight: bold
}

.select-list .ss-container {
    display: flex;
    height: 152px;
    overflow: hidden
}

.select-list .ss-content {
    padding-right: 8px !important
}

.select-list .ss-content.ss-content--noscroll {
    padding-right: 0 !important
}

.select-list .select-list__label {
    max-width: 78%;
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select-list .select-list__tooltip {
    margin-right: 8px
}

.select-list .tooltip--with-border {
    font-size: 9px;
    color: #191B1C;
    font-weight: bold;
    border-color: #191B1C
}

.select-list .select-list__text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.select-list .select-list__text .select-list__text--ellipsis {
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.input-thin {
    position: relative;
    border: 1px solid #AFB5C8;
    border-radius: 4px;
    width: 100%;
    display: flex;
    flex-direction: row
}

.input-thin.input-thin--white {
    background: #fff
}

.input-thin--notborder {
    border: none
}

.input-thin--modificar {
    padding-left: 10px
}

@media (max-width: 991.98px) {
    .input-thin--modificar {
        padding-left: 0;
        padding-right: 10px
    }
}

.input-thin__group {
    flex: 1;
    display: flex;
    flex-direction: row;
    position: relative;
    min-width: 0
}

.input-thin__control {
    color: #191B1C;
    padding: 0 8px;
    height: 30px;
    border: none;
    background: none;
    flex: 1;
    min-width: 0;
    font-size: 12px;
    line-height: 16px
}

.input-thin__control::-webkit-input-placeholder {
    color: rgba(92, 103, 128, 0.6)
}

.input-thin__control:-moz-placeholder {
    color: rgba(92, 103, 128, 0.6)
}

.input-thin__control::-moz-placeholder {
    color: rgba(92, 103, 128, 0.6)
}

.input-thin__control:-ms-input-placeholder {
    color: rgba(92, 103, 128, 0.6)
}

.input-thin__control:focus {
    border: 1px dashed #191B1C;
    border-radius: 4px;
    outline: 0
}

.input-thin__control::-ms-clear {
    display: none
}

.input-thin__group .input-thin__control {
    flex: 1;
    display: flex;
    flex-direction: row;
    position: relative;
    min-width: 0
}

.input-thin__label {
    position: absolute;
    z-index: 1;
    margin-left: 8px;
    bottom: 8px;
    color: #5c6780;
    user-select: none;
    pointer-events: none;
    font-size: 12px;
    line-height: 16px
}

.input-thin__label.input-thin__label--detalle {
    top: -24px;
    bottom: auto;
    margin-left: 0;
    line-height: 24px;
    color: #191B1C
}

.input-thin__label--icon-left {
    margin-left: 72px
}

.input-thin__icon {
    width: 24px;
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    margin: 3px 4px;
    padding: 0;
    color: #6F7A94
}

.input-thin__icon--pinpad {
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    margin: 21px;
    padding: 0;
    color: #6F7A94
}

.input-thin__addon {
    padding: 0 16px;
    background-color: #F7FAFF;
    color: #5c6780;
    min-width: 68px;
    line-height: 58px;
    border-radius: .25rem 0 0 .25rem
}

.input-thin--has-content>.input-thin__label,
.input-thin--has-focus>.input-thin__label,
.input-thin--has-placeholder>.input-thin__label,
.input-thin__group--has-content>.input-thin__label,
.input-thin__group--has-focus>.input-thin__label,
.input-thin__group--has-placeholder>.input-thin__label {
    visibility: hidden
}

.input-thin--has-content>.input-thin__label.input-thin__label--detalle,
.input-thin--has-focus>.input-thin__label.input-thin__label--detalle,
.input-thin--has-placeholder>.input-thin__label.input-thin__label--detalle,
.input-thin__group--has-content>.input-thin__label.input-thin__label--detalle,
.input-thin__group--has-focus>.input-thin__label.input-thin__label--detalle,
.input-thin__group--has-placeholder>.input-thin__label.input-thin__label--detalle {
    visibility: visible
}

.input-thin--no-label .input-thin__control {
    padding: 0 16px
}

.input-thin--is-error .input-thin__control {
    border: 1px solid #CB1720;
    border-radius: 4px;
    outline: none
}

.input-thin--is-error .input-thin__icon--pinpad {
    color: #CB1720
}

.input-thin--is-error .input-thin__icon--pinpad:focus {
    color: #fff;
    background-color: #191B1C
}

.input-thin--is-error.input-thin--has-focus .input-thin__control {
    border: 1px dashed #CB1720;
    border-radius: 4px;
    outline: none
}

.input-thin--is-warning {
    border: 1px solid #FF821C
}

.input-thin--is-warning.input-thin--has-focus .input-thin__control {
    border: 1px dashed #FF821C;
    border-radius: 4px;
    outline: none
}

.input-thin--is-success {
    border: 1px solid #008931
}

.input-thin--is-success.input-thin--has-focus .input-thin__control {
    border: 1px dashed #008931;
    border-radius: 4px;
    outline: none
}

.input-thin--is-disabled {
    border: 1px solid rgba(175, 181, 200, 0.6)
}

.input-thin--is-disabled .input-thin__label,
.input-thin--is-disabled .input-thin__control {
    opacity: 0.6;
    pointer-events: none
}

.input-thin--is-disabled.input-thin--has-focus {
    box-shadow: none
}

.input-thin--is-disabled .input-thin__icon {
    color: #AFB5C8
}

.input-thin--is-disabled .input-thin__control,
.input-thin--is-disabled .input-thin__label {
    color: #AFB5C8
}

.form__legend {
    text-align: right;
    color: #5c6780;
    font-size: 12px
}

.form__hint--is-visible+.form__legend {
    display: none
}

.input-thin--editable {
    background: transparent;
    border: 1px solid transparent
}

.input-thin--editable .input-thin__value-edit {
    cursor: default;
    height: 100%;
    flex: 1;
    padding: 12px 0;
    text-align: right
}

.input-thin--editable .input-thin__control {
    display: none;
    cursor: default;
    height: 100%;
    padding: 13px 16px 13px 0;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
    text-align: right
}

.input-thin--editable.active {
    background: #fff;
    border: 1px solid #AFB5C8
}

.input-thin--editable.active .input-thin__value-edit {
    display: none
}

.input-thin--editable.active .input-thin__control {
    display: inline-block
}

.input-thin--editable.active .input-thin__control:focus {
    outline: auto
}

@media (min-width: 768px) {
    .input-thin--editable .input-thin__label {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
}

@media (max-width: 991.98px) {
    .input-thin--editable {
        position: relative
    }
    .input-thin--editable .input-thin__value-edit {
        padding: 30px 16px 3px;
        height: 58px;
        border: none;
        background: none;
        flex: 1;
        min-width: 0;
        text-align: left
    }
    .input-thin--editable .input-thin__control {
        text-align: left;
        padding: 30px 16px 10px
    }
    .input-thin--editable .input-thin__icon {
        color: #FF821C;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 17px;
        background-color: #fff;
        height: 30px;
        width: 30px;
        line-height: 30px;
        margin: 0
    }
    .input-thin--editable .input-thin__icon.active {
        color: #191B1C
    }
    .input-thin--editable .input-thin__icon.active:after {
        content: '';
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        width: inherit;
        height: inherit;
        border: 1px solid #AFB5C8;
        border-radius: 50%;
        box-shadow: 0 0 0 4px rgba(175, 181, 200, 0.16)
    }
}

.input-thin__button {
    display: none;
    margin-right: 16px;
    width: 36px;
    height: 36px;
    align-self: center
}

.input-thin__button:focus {
    color: #191B1C;
    background: #fff
}

.input-thin__button .icon {
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 0 0 4px rgba(175, 181, 200, 0)
}

.input-thin__button .icon:before {
    margin-left: -1px
}

.input-thin--password .input-thin__control[type="password"] {
    font-family: 'BK-password';
    font-style: normal;
    font-weight: normal;
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    letter-spacing: -6px;
    text-indent: -3px
}

.input-thin--password .input-thin__control[type="password"]::-ms-reveal {
    display: none
}

.input-thin--password.input-thin--has-content .input-thin__button,
.input-thin--password.input-thin--has-focus .input-thin__button {
    display: block;
    color: #191B1C
}

.input-thin__button:focus .icon {
    border: 1px solid #AFB5C8;
    border-radius: 4px;
    box-shadow: 0 0 0 4px rgba(175, 181, 200, 0.16)
}

.form__hint--password {
    margin-top: 28px;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    color: #191B1C
}

.form__hint--password__req {
    margin-bottom: 8px
}

.form__hint--password__title {
    margin-bottom: 24px
}

.input-thin-search {
    width: 100%;
    position: relative
}

.input-thin-search .input-thin-search__results {
    display: none
}

.input-thin-search .input-thin--has-content .input-thin__icon {
    display: none
}

.input-thin-search .input-thin--has-content .input-thin__button {
    display: flex;
    align-items: center
}

.input-thin-search.input-thin-search--has-content .input-thin-search__results {
    display: block;
    z-index: 9999
}

.input-thin-search.input-thin-search--no-results .input-thin-search__text {
    display: block
}

.input-thin-search.input-thin-search--no-results .input-thin-search__options {
    display: none
}

.input-thin-search.input-thin-search--no-scroll .input-thin-search__results {
    padding: 0
}

.input-thin-search.input-thin-search--no-scroll .input-thin-search__content {
    height: auto
}

.input-thin-search__results {
    position: absolute;
    width: 100%;
    top: 100%;
    margin: 0;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 1px solid #AFB5C8;
    border-top: none;
    background-color: #fff;
    z-index: 100;
    padding: 0
}

.input-thin-search__content {
    height: 194px
}

.input-thin-search__text {
    display: none;
    padding: 16px 50px 16px 16px
}

.input-thin-search__option {
    font-size: 14px;
    color: #5c6780;
    min-height: 58px;
    line-height: 26px;
    padding: 16px 50px 16px 16px;
    border-bottom: 1px solid #EBEEF5;
    position: relative;
    cursor: pointer
}

.input-thin-search__option:hover,
.input-thin-search__option:focus {
    background-color: #F7FAFF;
    outline: none
}

.input-thin-search__option:last-of-type {
    border-bottom: none
}

.input-thin-search__option--active {
    color: #191B1C
}

.input-thin-search__option--active:after {
    font-family: 'BK-icons';
    content: '\e90c';
    color: #191B1C;
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translate(0, -50%)
}

.input-thin-search__second {
    font-size: .875rem;
    color: #5c6780
}

.cuenta-confianza {
    position: absolute;
    right: 100px;
    top: 29px
}

@media (max-width: 1199.98px) {
    .cuenta-confianza {
        right: 38px
    }
}

@media (max-width: 991.98px) {
    .cuenta-confianza {
        right: 27px
    }
}

.seguridad-adaptativa {
    background-color: #fff;
    border-radius: 4px;
    padding: 16px 16px
}

@media (min-width: 992px) {
    .seguridad-adaptativa {
        padding: 16px 8px
    }
}

.seguridad-adaptativa__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #5c6780;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 14px;
    padding: 0 8px;
    text-transform: uppercase;
    margin-bottom: 8px
}

.seguridad-adaptativa__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.seguridad-adaptativa__item {
    width: 100%;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top: 8px;
    cursor: pointer
}

.seguridad-adaptativa__item:hover {
    background-color: #D9E4FF
}

.seguridad-adaptativa__item:focus {
    border: 1px dashed #191B1C
}

.seguridad-adaptativa__text {
    color: #191B1C;
    display: flex;
    align-items: center;
    height: 46px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
    text-transform: uppercase;
    flex: auto
}

.seguridad-adaptativa__icon {
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px 0 0
}

.seguridad-adaptativa__edit {
    display: block
}

@media (min-width: 992px) {
    .seguridad-adaptativa__edit {
        display: none
    }
}

.box-pdf {
    width: 100%;
    background: #fff;
    overflow: auto;
    box-shadow: 0 0 10px 0 rgba(92, 103, 128, 0.15);
    outline: none;
    border-radius: 8px;
    min-height: 181px;
    display: flex;
    justify-content: space-between;
    border: 1px solid transparent;
    text-align: left;
    width: 100%;
    flex-direction: column
}

.pdf-viewer {
    padding: 24px auto
}

@media (min-width: 992px) {
    .pdf-viewer {
        padding: 24px 8%
    }
}

@media (min-width: 1200px) {
    .pdf-viewer {
        padding: 24px 14%
    }
}

.pdf-page-canvas {
    display: block;
    margin: 5px auto;
    width: 100%
}

.perfil__rows {
    display: flex;
    cursor: pointer;
    background-color: #fff;
    font-size: 14px;
    color: #191B1C;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid #fff;
    margin-bottom: 1px;
    padding: 12px 16px;
    position: relative;
    justify-content: space-between;
    align-items: center
}

.perfil__rows:focus {
    border: 1px dashed #191B1C
}

.perfil__contain {
    padding: 24px 16px;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 1px
}

.perfil__element {
    padding: 4px 16px;
    display: flex
}

.perfil__item {
    text-transform: uppercase;
    color: #5c6780;
    font-size: 10px;
    letter-spacing: 1px;
    align-self: baseline;
    max-width: 50%;
    flex-shrink: 0
}

.perfil__item--light {
    color: #191B1C;
    font-size: 12px;
    text-transform: none;
    margin-left: 8px;
    max-width: none;
    flex-shrink: 1
}

.perfil__item--light .icon {
    padding-left: 6px;
    height: 16px;
    line-height: 16px
}

.perfil__item--light:hover {
    color: #191B1C
}

.perfil__item--light.perfil__item--red {
    color: #BD4313
}