/*======================================================
        Inicio Tema Antigo Site Publico 
========================================================*/
/* Imports */

@import url("/LT_SitePublico/Theme.LT_BpiFont.css?21797");

/* Generic */

@font-face {
    font-family: 'roboto-condensed-bold';
    src: url('fonts/RobotoCondensed-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot'); 
    src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('fonts/icomoon.svg#icomoon') format('svg'), url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: 'icomoon';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

* {
    -webkit-tap-highlight-color: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary { 
    display: block;
}

audio,
canvas,
video { 
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
 display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
    color: #222;
    font-family: sans-serif;
    -webkit-appearance: none;
    border-radius: 0;
}

body { 
    color: #666;
    font-size: 10px;
    margin: 0 
}

a:focus { 
    outline: 0;
}

a:active,

a:hover { 
    outline: 0;
}

.h1,
.Heading1,
.h2,
.Heading2,
.h3,
.Heading3 {
    font-family: "roboto-condensed-bold";
}

h1, .Heading1, .h1 {
    font-size: 2em;
    margin: .67em 0;
    line-height: 1;
}

h2, .Heading2, .h2 {
    font-size: 1.5em;
    margin: .83em 0
}

h3, .Heading3, .h3 {
    font-size: 1.17em;
    margin: 1em 0
}

.size-s .Card_Text h3,
.size-s .Card_Text .h3 {
    margin-bottom: 5px;
    margin-top: 0;
}

.size-s .Box .CardSimple .Heading3 {
    font-size: 2em;
}

.Card_Title.Heading3 {
    padding-bottom: 0;
}
.Card_Title .Heading6 {
    margin: 0;
    font-size: 16px;
}
.Card_Title img {
    padding-bottom: 5px;
    width: 100%;
}

.size-s .Card_Title.Heading3 {
    margin: 0;
}

h4, .Heading4, .h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5, .Heading5, .h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6, .Heading6, .h6 {
    font-size: .75em;
    margin: 2.33em 0
}

abbr[title] { 
    border-bottom: 1px dotted;
}

b,
strong { 
    font-weight: bold;
}

blockquote { 
    margin: 1em 20px;
}

dfn { 
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000
}

p,
pre { 
    margin: 1em 0;
}

p {
    line-height: 18px;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q { quotes: none; }

q:before,
q:after {
    content: '';
    content: none;
}

small { 
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup { 
    top: -.5em;
}

sub { 
    bottom: -.25em;
}

dl,
menu,
ol,
ul,
li {
    padding: 0;
    margin: 0;
    list-style: none;
}

dd { margin: 0 0 0 40px }

nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    max-width: 100%;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) { overflow: hidden }

figure { margin: 0 }

form { margin: 0 }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

.text p {
    margin: .8em 0 1.2em 0;
}

.Page:not(.desktop) p {
    word-break: break-word;
}

.text p, 
.text li {
    font-size: 1em;
    line-height: 1em;
    color: #666;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}

button,
input { line-height: normal }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
input[disabled] { 
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, 
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
     border: 0;
     padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

*:focus { outline: 0 }

html body {
    background-color: #f6f6f6;
    font: 62.5%/1 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    -webkit-font-smoothing: antialiased;
}

a {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-decoration: none;
}

/* Forms */
.FormEdit div[class*="ThemeGrid_Width"] {
    vertical-align: middle;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    background-color: #fff;
    border: none;
    color: #666;
    display: block;
    font-size: 1.083em;
    height: 34px;
    padding: 0 10px 0 10px;
}
input {
    padding: 0 10px;
}

/* FormRow */
.FormRow {
    padding: 10px 20px 0 20px;
}

.FormEdit {
    height: auto;
    background-color: #eee;
    padding: 10px 0 20px 0;
    width: 100%;
}

.FormEdit .FormRow > .ThemeGrid_Width6 {
    width: 50%;
}

.FormEdit .FormRow > .ThemeGrid_Width6:first-child {
    padding-right: 6px;
}

.FormEdit .FormRow > .ThemeGrid_Width6:last-child {
    padding-left: 6px;
}

/* Form Item */
.FormEditItem {
    line-height: 1.25em;
    font-size: 0.85em;
}

.FormEditItem_ContentLabel {
    text-align: right;
}

.FormEdit .FormRow .FormEditItem_ContentLabel,
.FormEdit .FormRow .FormEditItem_IconContent{
    vertical-align: top;
}

.FormEdit .FormRow .FormEditItem_IconContent,
.FormEdit .FormRow .FormEditItem_ContentLabel .FormEditItem_Label {    
    padding-top: 10px;
}

.FormEdit .FormEditItem_Input {
    line-height: 34px;
}

.FormEdit .FormEditItem_Note {
    color: #999;
    padding-top: 5px;
}
.FormEditItem_Content input[type="text"],
.FormEditItem_Content input[type="number"],
.FormEditItem_Content select,
.FormEditItem_Content textbox {
    width: 100%;
}

input[type="radio"],
input[type="radio"].ReadOnly,
.Form input[type="radio"].ReadOnly,
input[type="checkbox"],
input[type="checkbox"].ReadOnly,
.Form input[type="checkbox"].ReadOnly {
    margin-right: 10px;
    vertical-align: text-bottom;
}

.phone .FormEditItem {
    display: table;
    position: relative;
    width: 100%;
}

.phone .FormRow > div > .ThemeGrid_Width6:last-child:not(:first-child) {
    vertical-align: bottom;
    width: 55.5%;
}
.phone .FormRow > div > .ThemeGrid_Width6:first-child:not(:last-child) {
    width: 44.5%;
}

.phone span > .FormEditItem .FormEditItem_ContentLabel {
    display: table-row;
    line-height: 1.25em;
    text-align: left;
    width: 100%;
}

.phone .FormEdit .FormRow > div > .ThemeGrid_Width6:nth-child(2) .FormEditItem_ContentLabel {
    display: table-cell;
    padding-top: 4px;
    line-height: 38px;
    width: 20%;
}

.phone .FormEditItem_Content {
    display: table-cell;
    margin-left: 0;
    padding-top:4px;
    width: 100%;
}

.phone .FormEdit .FormRow > div > .ThemeGrid_Width6:first-child .FormEditItem_Content {
    margin-left: 0;
}
.phone .FormEdit .FormRow > div > .ThemeGrid_Width6:nth-child(2) .FormEditItem_Content {
    width: 80%;
}

.phone .BoxInput_ContentIcon {
    display: table-cell;
    padding-top: 4px;
}

.phone .BoxInput_ContentIcon .FormEditItem_Icon {
    padding-left: 10px;
}

/* side by side inputs - for intervals */
.FormEdit .FormRow > div > .ThemeGrid_Width6:first-child:not(:last-child) {
    width: 55.207299%;
    width: 55.161481%;
}
.FormEdit .FormRow > div > .ThemeGrid_Width6:last-child:not(:first-child) {
    width: 44.792701%;
    width: 44.838518%;
}
.FormEdit .FormRow > div > .ThemeGrid_Width6:first-child .FormEditItem .FormEditItem_ContentLabel {
    width: 58.010947%;
}
.FormEdit .FormRow > div > .ThemeGrid_Width6:first-child .FormEditItem .FormEditItem_Content {
    margin-left: 3.548668%;
    width: 38.440383%;
}
.FormEdit .FormRow > div > .ThemeGrid_Width6:first-child .FormEditItem .FormEditItem_IconContent {
    display: none;
}
.FormEdit .FormRow > div > .ThemeGrid_Width6:nth-child(2) .FormEditItem_ContentLabel {
    text-align: center;
    width: 13.4%;
    width: 14.86%;
}
.FormEdit .FormRow > div > .ThemeGrid_Width6:nth-child(2) .FormEditItem_Content {
    margin-left: 0;
    width: 148px;
    width: 47.2279%;
}
.FormEdit .FormRow > div > .ThemeGrid_Width6:nth-child(2) .FormEditItem_IconContent {
    margin-left: 4.372695%;
    width: 33.531223%;
}
.phone .FormEdit .FormRow > div > .ThemeGrid_Width6 .FormEditItem .FormEditItem_IconContent {
    display: none;
}

.Filters .FormEdit .FormRow > .ThemeGrid_Width6 .FormEditItem_ContentLabel,
.Filters .FormEdit .FormRow > .ThemeGrid_Width6 .FormEditItem_IconContent {
    display: none;
}

.Filters .FormEdit {
    padding: 0;
}

.Filters .FormRow.LastRow {
    padding-bottom: 10px;
}
.Filters .FormRow {
    padding-top: 10px;
}

.Filters .FormEdit .FormEditItem_Content {
    width: 100%;
}

.Page:not(.desktop) .filters .FormRow{
    display: flex;
    flex-direction: column;
}

.Page:not(.desktop) .filters .FormRow select{
    width: 100%;
    margin-bottom: 10px;
}

.Page:not(.desktop) .filters .FormRow input{
    align-self: flex-end;
    margin: 0;
    padding:0;
    margin-right: 0 !important;
}

/* inputs */
select {
    background-image: url(/LT_SitePublico/img/select_arrow.png?20190214&303104&21797);
    background-position: right 10px center;
    background-repeat: no-repeat;
    border: none;
    color: #666;
    display: inline-block;
    height: 34px;
    letter-spacing: 1px;
    line-height: 15px;
    padding: 9px 28px 9px 10px;
    position: relative;
    vertical-align: middle;
}

.tablet select, .phone select {
    line-height: 28px;
    padding: 5px 28px 5px 10px;
}

.sites-bpi select {
    background-color: #f0f0f0;
    background-image:  none;
    border-radius: 4px;
    color: #777;
    cursor: pointer;
    display: block;
    font-size: 1em;
    height: auto;
    padding: 4px 12px;
    width: 100%;
}

.sites-bpi:before {
    background-color: #c8c5c5;
    border-radius: 45px;
    bottom: -2px;
    -ms-box-shadow: inset 1px 1px 2px #aba8a8, inset -1px -1px 2px #e5e1e1;
    -moz-box-shadow: inset 1px 1px 2px #aba8a8, inset -1px -1px 2px #e5e1e1;
    -webkit-box-shadow: inset 1px 1px 2px #aba8a8, inset -1px -1px 2px #e5e1e1;
    box-shadow: inset 1px 1px 2px #aba8a8, inset -1px -1px 2px #e5e1e1;
    content: "\e90d";
    color: #fff;
    display: inline-block;
    font-family: 'bpifont';
    font-size: 6px;
    height: 15px;
    line-height: 15px;
    margin-left: -2px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 4px;
    width: 15px;
    z-index: 1;
}

.phone .sites-bpi:before {
    top: auto;
    bottom: 30px;
    right: 50px;
}

input[type="checkbox"] {
    height: 18px;
    width: 18px;
}

input[type="checkbox"]:after {
    border-width: 4px;
    border-color: #a4a4a6;
    height: 4px;
    left: 24%;
    top: 25%;
    width: 8px;
}

input[type="checkbox"]:before {
    box-shadow: none;
    border-color: #cdcdcd;
    border-radius: 0;
}

/* Forms inside Filters  */
.Filters .FormEdit {
    margin-bottom: 40px;
}

/* Colors */

/* Buttons */
.Button.Back:after {
    content: none;
}
.Button.Back:before {
    font-family: 'bpifont';
    content: "\e901";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    padding-right: 6px;
}

/* Structure */

.main-menu,
.footer-links,
.footer-bottom-text,
.header,
.content,
.footer {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.Page:not(.desktop) .header,
.Page:not(.desktop) .content,
.Page:not(.desktop) .footer-links,
.Page:not(.desktop) .footer-bottom-text,
.Page:not(.desktop) .footer {
    width: 100%;
}

.Page:not(.desktop) .top-content,
.Page.phone .header-content,
.Page.tablet .header-content,
.Page.phone .slider {
    display: none;
}

.phone .slider {
    height: auto;
}

.Page:not(.desktop) .content,
.Page:not(.desktop) .main-content{
    display: block;
}

.Page.tablet .content {
    max-width: 100%;
}

/* Header */

.header {
    position: relative;
}

.Page:not(.desktop) .header {
    z-index: 1;
}

.Page:not(.desktop):not(.phone).just-content-mode .header {
    width: 750px;
}

.Page:not(.desktop):not(.just-content-mode) .header {
    left: 0;
    position: fixed;
    top: 0;
}

.Page.menu-open:not(.desktop):not(.just-content-mode) .header {
    z-index: 1001;
}

.header-logo {
    display: block;
    width: 236px;
    height: 43px;
    margin-top: 15px;
    margin-bottom: 16px;
}

.Page:not(.desktop) .header-logo {
    padding-left: 50px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #dadada;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding-top: 10px;
    width: 100%;
}

.Page.just-content-mode:not(.desktop) .header-logo {
    border-bottom: 0;
    padding-left: 15px;
}

.unavailable-layout .Page:not(.desktop) .header-logo {
    padding-left: 20px;
}

.header-logo img {
    height: auto;
    max-width: 100%;
}

.Page:not(.desktop) .header-logo img {
    height: 30px;
}

/* language pack */
.language-container {
    font-size: 12px;
    position: absolute;
    right: 18px;
    top: 12px;
    vertical-align: middle;
}

.language-container > div,.language-container .link.default a {
    color: #f60;
    display: inline-block;
}

.language-container > div:after {
    color: #a49c8e;
    content: '|';
    display: inline;
    line-height: 18px;
    position: relative;
}
.language-container > div:last-child:after {
    content: none;
}
.language-container > div a {
    color: #acacac;
}
.language-container > div a:hover {
    color: #f60;
}

.tablet .language-container {
    right: 150px;
    top: 15px;
}

.phone .language-container{
    right: 16px;
    top: 16px;
}

.tablet.just-content-mode .language-container,
.phone.just-content-mode .language-container {
    right: 20px;
}

.header-content {
    display: table;
    font-size: 1.200em;
    line-height: 1em;
    text-transform: uppercase;
    width: 100%;
}

.header-links,
.header-search {
    display: table-cell;
}

.link {
    display: inline-block;
}

.header-links .link {
    border-left: 1px solid #a49c8e;
}

.header-links .link:first-child  {
    border-left-width: 0;
}

.header-links .link:first-child a {
    padding-left: 0px;
}
    
.header-links a {
    display: inline-block;
    color: #101f53;
    padding: 0 5px;
}

.header-links a:hover {
    color: #f60;
}

.header-links .active a {
    color: #f60;
    border-color: #f60;
}

.header-search {
    width: 225px;
}

.header-search input {
    font-size: 13px;
    color: #a4a4a6;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    padding: 5px 30px 5px 10px;
}

.header-search input::placeholder {
    font-size: 13px;    
}

.header-search input:-ms-input-placeholder {
    font-size: 13px;
}


.Page:not(.desktop) .main-menu-wraper{
        padding-top: 84px;
}
.Page:not(.desktop) .header-links .link, .Page.desktop .header-links .select, .Page.phone.menu-open .board-login{
    display: none;
}
.Page:not(.desktop):not(.menu-open) .header-links .select{
    left: -100%;

}
.Page:not(.desktop) .top-content, 
.Page.phone .header-content,
.Page.tablet .header-content {
    display: table;
}
.Page:not(.desktop) .header-links .select{
    color:#f60;
    width: 100vw;
    padding-left: 20px;
    text-transform: uppercase;
    font-size:14px;
    position: relative;
    -webkit-transition: left 500ms ease-out;
    -moz-transition: left 500ms ease-out;
    transition: left 500ms ease-out;
    left: 0;
}
.Page.tablet .header-content .header-links .select{
    width: 429px;
}

/* text */
.text h2 {
    margin: 0 0 10px 0;
    font: 1.8em/1 'roboto-condensed-bold';
    color: #f60;
    padding-top: 10px;
}

/* Headings */
.Heading2 {
    font-size: 1.86em;
    font-family: "roboto-condensed-bold";
    font-weight: bold;
    margin: 0px;
    color: #666666;
    display: block;
    padding-bottom: 18px;
}

.Heading3 {
    font-size: 1.3em;
    font-weight: bold;
    margin: 0;
    color: #666666;
    display: block;
    padding-bottom: 15px;
}

.ImagesContainer + .Heading3 {
    margin-top: 40px;
}

/* Main Menu */

.main-menu-wraper {
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 960px;
}

.Page:not(.desktop) .main-menu-wraper {
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 50px;
    position: fixed;
    top: 0;
    -webkit-transition: left 500ms ease-out;
    -moz-transition: left 500ms ease-out;
    transition: left 500ms ease-out;
    width: 200%;
    z-index: 1000;
}

.Page:not(.menu-open):not(.desktop) .main-menu-wraper {
    pointer-events: none;
}

.Page.tablet .main-menu-wraper,
.Page.phone .main-menu-wraper {
    left: -100%;
}

.Page:not(.desktop).menu-open .main-menu-wraper {
    left: 0;
}

.Page:not(.desktop).menu-open.noSearch .main-menu{
    padding-top: 40px;    
}

.main-menu {
    display: inline-block;
    border: 1px solid #e26821;
    background-color: #f60;
    margin-top: 23px;
    padding: 7px 0 5px 10px;
    position: relative;
    width: 735px;
    padding-left: 10px;
    z-index: 22;
}

.is-private .main-menu {
    width: 960px;
}

.main-menu:empty {
    display: none;
}

.main-menu.hover {
    z-index: 22;
}

.Page:not(.desktop) .main-menu {
    background-color: #f6f6f6;
    border-width: 0;
    margin: 0;
    padding: 0;
    pointer-events: auto;
    width: 50%;
}

.Page:not(.desktop) .board-quick-access .MenuSlideRight_element {
    padding: 0;
} 

.Page:not(.desktop) .board-quick-access .Card_Actions a {
    color: #fff;
    font-size: 11px;
} 
 
.Page:not(.desktop) .board-quick-access .toggler:after, 
.Page:not(.desktop) .board-quick-access .toggler:before {
    content: none;
} 

.Page:not(.desktop) .board-quick-access .hasSubMenu > .MenuSlideRight_element > .toggler {
    width: 100%;
    height: 100%;
}

.Page:not(.desktop) .board-top-links {
    height: unset;
}

.Page:not(.desktop) .board-top-links .hasSubMenu.open {
    background-color: #fff;
}

.Page:not(.desktop) .board-top-links .MenuSlideRight_element {
    background-color: #fff;
}

.Page:not(.desktop) .board-quick-access .hasSubMenu .toggler:after, 
.Page:not(.desktop) .board-quick-access .hasSubMenu .toggler:before,
.Page:not(.desktop) .board-quick-access .hasSubMenu.open .toggler:before {
    content: none !important;
}

.Page:not(.desktop) .board-quick-access .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element div:first-child {
    display: block;
}

.Page:not(.desktop) .board-quick-access .MenuSlideRight.open .MenuSlideRight_maskContainer {
    background-color: #fff;
}

.Page:not(.desktop) .board-quick-access .hasSubMenu.open .Card_Actions a {
    color: #666;
}

/* Button to toogle menu */

.desktop .menu-button {
    display: none;
}

.menu-button {
    position: absolute;
    top: 16px;
    left: 15px;
    height: 18px;
    width: 20px;    
}

.menu-button:hover {
    cursor: pointer;
}

.menu-button-icon,
.menu-button-icon:before,
.menu-button-icon:after {
    background-color: #818181;
    height: 4px;
    width: 20px;
}

.menu-button-icon {
    margin-top: 7px;
    transition: background-color 500ms ease-in-out;
    -moz-transition: background-color 500ms ease-in-out;
    -webkit-transition: background-color 500ms ease-in-out;
}

.Page.menu-open .menu-button-icon {
    background-color: transparent;
}

.menu-button-icon:before,
.menu-button-icon:after {
    content: "";
    left: 0;
    position: absolute;
    transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    transform-origin: center;
    -webkit-moz-origin: center;
    -webkit-transform-origin: center;
}

.menu-button-icon:before {
    top: 0;
}

.Page.menu-open .menu-button-icon:before {
    transform: rotate(-45deg) translateX(-5px) translateY(5px);
    -webkit-transform: rotate(-45deg) translateX(-5px) translateY(5px);
}

.menu-button-icon:after {
    bottom: 0;
}

.Page.menu-open .menu-button-icon:after {
    transform: rotate(45deg) translateX(-5px) translateY(-5px);
    -webkit-transform: rotate(45deg) translateX(-5px) translateY(-5px);
}

.main-menu > span:first-child .MenuSlideRight_element {
    border-left-width: 0;
    box-shadow: none;
}

.MenuSlideRight {
    display: inline-block;
}

.Page:not(.desktop) .MenuSlideRight {
    border-bottom: 1px solid rgba(153, 153, 153, 0.2);
    display: block;
    position: relative;
    overflow: visible !important;
}

.Page.tablet .toggler:hover {
    cursor: pointer;
}

.Page:not(.desktop) .hasSubMenu:before,
.toggler,
.Page.desktop .hasSubMenu .toggler {
     display: none;
}

.Page:not(.desktop) .hasSubMenu > .MenuSlideRight_element > .toggler, 
.Page:not(.desktop) .hasSubMenu > .toggler,
.Page:not(.desktop) .MenuSlideRight_col > .toggler {
    display: block;
    color: rgba(0, 0, 0, 0.3);
    font-size: 8px;
    font-weight: bold;
    height: 34px;
    pointer-events: all;
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    z-index: 1000;
    line-height: 34px;
    text-align: center;
}

.Page:not(.desktop) .MenuSlideRight_col.col2 .SubColuna2 .toggler {
    display: block;
    color: rgba(0, 0, 0, 0.3);
    font-size: 8px;
    font-weight: bold;
    height: 34px;
    pointer-events: all;
    position: absolute;
    right: 0;
    width: 34px;
    z-index: 1000;
    line-height: 34px;
    text-align: center;
}

.Page.desktop .TriggerOnClick.hasSubMenu .toggler {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    cursor: pointer;
    top: 0;
    width: 100%;
    z-index: 1;
}

.Page:not(.desktop) .hasSubMenu .toggler:before {
    content: "\e90d";
    font-family: 'bpifont';
}

.Page:not(.desktop) .toggler:after {
    position: absolute;
    left: 0;
    top: 4px;
    height: 26px;
    content: "";
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.Page:not(.desktop) .hasSubMenu.open > .toggler:before,
.Page:not(.desktop) .hasSubMenu.open > .MenuSlideRight_element > .toggler:before {
    content: "\e90e";
}

.Page:not(.desktop).is-private .main-menu{
    height: 100%;
}

.Page:not(.desktop) .AccordionVertical__content p img{
    max-width:92vw;
}

.MenuSlideRight_element {
    color: #fff;
    display: block;
    font-size: 1.300em;
    line-height: 14px;
    border-left: 1px solid #e26821;
    margin: 0;
    position: relative;
    padding: 0 7px 3px 7px;
    box-shadow: -1px 0px 0px 0 #ff8e33;
    z-index: 10;
    
}

.Page:not(.desktop) .MenuSlideRight_element {
    background-color: transparent;
    border-left-width: 0;
    box-shadow: none;
    color: #666;
    font-size: 14px;
    margin-top: 0;
    padding: 10px 50px 10px 20px;
    position: relative;
    width: 100%;
}

.Page:not(.desktop) .MenuSlideRight_element:hover a {
    color: #666;
}

.MenuSlideRight_element a {
    color: #fff;
}

.Page:not(.desktop) .MenuSlideRight_element a {
    color: #666;
}

.desktop .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element,
.desktop .MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element {
    color: #f60;
    cursor: pointer;
    background-color: #fff;
    -ms-box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    border-color: transparent;
    margin-top: -13px;
    padding: 13px 7px 0 7px;
    position: relative;
    z-index: 100;
}

.Page.desktop .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element a,
.Page.desktop .MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element a {
    color: #f60;
}

.MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element:after,
.MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element:after {
    bottom: -21px;
}

.desktop .main-menu > span:first-child .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element,
.desktop .main-menu > span:first-child .MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element {
    -ms-box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
}

.MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element:before,
.MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element:before {
    content: "";
    height: 33px;
    width: 1px;
    background-color: #fff;
    position: absolute;
    right: 0px;
    top: 0;
}

.MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element:after,
.MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element:after {
    background-color: #fff;
    z-index: 100;
    content: "";
    display: block;
    position: absolute;
    bottom: -21px;
    background: #fff;
    left: -10px;
    right: -10px;
    height: 15px;
}

.Page:not(.desktop) .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element div:first-child,
.Page:not(.desktop) .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element:before,
.Page:not(.desktop) .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element:after,
.Page:not(.desktop) .MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element div:first-child,
.Page:not(.desktop) .MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element:before,
.Page:not(.desktop) .MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element:after {
    display: none;
}

.MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element div:first-child,
.MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element div:first-child {
    background-color: #fff;
    position: absolute;
    bottom: -10px;
    left: -1px;
    width: 100%;
    height: 10px;
}

.main-menu > span:first-child .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element div:first-child,
.main-menu > span:first-child .MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element div:first-child {
    left: 0;
}

.MenuSlideRight_maskContainer {
    display: none;
    position: absolute;
    left: -10px;
    background-color: #fff;
    min-height: 255px;
    width: 980px;
    padding: 28px 20px;
    -ms-box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 12px 4px rgba(0, 0, 0, 0.2);
    top: 27px;
       
}

.Page:not(.desktop) .MenuSlideRight_maskContainer {
    background-color: transparent;
    padding: 0 0 0 20px;
    position: relative;
    top: 0;
    left: 0;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}


.board-top-links .MenuSlideRight_maskContainer {
    left: -20px;
}

.Page.desktop .MenuSlideRight.open.TriggerOnClick > .MenuSlideRight_element + .MenuSlideRight_maskContainer,
.Page.desktop .MenuSlideRight:not(.TriggerOnClick):hover > .MenuSlideRight_element + .MenuSlideRight_maskContainer {
    display: block;
}

.Page:not(.desktop) .MenuSlideRight:not(.TriggerOnClick):hover:not(.open) .MenuSlideRight_maskContainer {
    display: none;
}

.Page:not(.desktop) .MenuSlideRight.open .MenuSlideRight_maskContainer {
    display: block
}

.MenuSlideRight_subElement {
    display: table;
    width: 100%;
}

.MenuSlideRight_subElement .MenuSlideRight_col .heading2 {
    padding: 5px 0;
    font-size: 17px;
    color: #f60;
}

.MenuSlideRight_subElement .MenuSlideRight_col .heading2:not(:first-child){
    margin-top: 20px;
}

.Page:not(.desktop) .MenuSlideRight_col .heading2 {
    display: none;
}

.MenuSlideRight_subElement .MenuSlideRight_col a {
    display: block;
    padding: 5px 0;
    color: #666;
    border: none;
    font-size: 1.300em;
    line-height: 14px;
}

.Page:not(.desktop) .board .MenuSlideRight_subElement .MenuSlideRight_col a {
    padding: 10px 0 10px 20px;
}

.Page:not(.desktop) .MenuSlideRight_subElement .MenuSlideRight_col a {
    font-size: 14px;
    padding: 10px 0;
}

.board-top-links .MenuSlideRight_subElement .MenuSlideRight_col a {
    padding: 0 0 8px 0;
}

.desktop .MenuSlideRight_subElement .MenuSlideRight_col a:hover {
    color: #f60;
}

.MenuSlideRight_subElement .MenuSlideRight_col {
    display: table-cell;
    height: 100%;
    vertical-align: top;
    position: relative;
}

.Page:not(.desktop) .MenuSlideRight_col:last-child {
    display: none;
}

.MenuSlideRight_subElement .MenuSlideRight_col:nth-child(1),
.Page:not(.desktop) .MenuSlideRight_subElement .MenuSlideRight_col:nth-child(2) {
    display: block;
    width: 100%;
}

.MenuSlideRight_subElement .MenuSlideRight_col:nth-child(1) {
    padding-left: 8px;
    z-index: 1;
}

.Page:not(.desktop) .MenuSlideRight_subElement .MenuSlideRight_col:nth-child(1) {
    padding-left: 0;
}

.board-top-links .MenuSlideRight_subElement .MenuSlideRight_col:nth-child(1) {
    padding-left: 0;
}

.MenuSlideRight_subElement .MenuSlideRight_col:nth-child(2) {
    width: 215px;
}

.MenuSlideRight_subElement .MenuSlideRight_col:nth-child(2) > div:not(.toggler) {
    border-left: 1px solid #eaeaea;
    padding-left: 18px;
}

.Page:not(.desktop) .MenuSlideRight_subElement .MenuSlideRight_col:nth-child(2) > div:not(.toggler){
    border-left: none;
}

.Page:not(.desktop) .MenuSlideRight_subElement .MenuSlideRight_col:nth-child(2) {
    border-left-width: 0;
}

.MenuSlideRight_subElement .MenuSlideRight_col:nth-child(2):empty {
    border-left-width: 0;
}

.Page:not(.desktop) .MenuSlideRight_col:nth-child(2) .heading2 {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    color: #666;
    display: block;
    font-size: 14px;
    margin-left: -18px;
    margin-top: 0 !important;
    padding: 10px 50px 10px 20px;
    position: relative;
    width: calc(100% + 18px);
}

.Page:not(.desktop) .MenuSlideRight_col:nth-child(2) .heading2:hover {
    color: #666;
}

/*
.Page:not(.desktop) .MenuSlideRight_col:nth-child(2) .heading2:before {
    width: 12px;
    height: 8px;
    position: absolute;
    right: 20px;
    top: 13px;
    z-index: 1000;
    font-family: 'bpifont';
    font-weight: bold;
    content: "\e90d";
    font-size: 8px;
    color: rgba(0, 0, 0, 0.3);
    pointer-events: none;
}
*/

/*inside board-quick-access*/
.board-quick-access .MenuSlideRight_element {
    border: 0;
    box-shadow: none;
    font-size: 1em;
    line-height: 1;
    padding: 0;
}

.desktop .board-quick-access .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element {
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    padding: 0;
}

.desktop .board-top-links .ListRecords > span:only-child .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element {
    margin-top: -1px;
}

.board-quick-access .MenuSlideRight_element.open {
    background-color: #fff;
}

.board-quick-access .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element div:first-child {
    bottom: 0;
    height: auto;
    left: 0;
    position: relative;
}

.board-quick-access .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element div:first-child:after {
    background: #ececec;
    content: '';
}

.board-quick-access .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element:after {
    content: none;
}

.board-quick-access .MenuSlideRight .MenuSlideRight_element div.CardSimple:first-child {
    bottom: 0;
    left: 0;
    position: relative;
    width: 100%;
    height: auto;
}

.board-quick-access .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element div:first-child,
.Page.desktop .board-quick-access  .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element a{
    color: #999;
}

.board-quick-access .MenuSlideRight.TriggerOnClick  .MenuSlideRight_element .toggler:hover + div .CardSimple a {
    text-decoration: underline;
}

.board-quick-access .MenuSlideRight_maskContainer {
    box-shadow: none;
    left: 0;
    top: 0;
    padding-top: 81px;
    width: 225px;
}

.board-quick-access .MenuSlideRight.open .Card_Actions a:after {
    content: "\e90d";
    background-color: #eaeaea;
    -ms-box-shadow: inset 1px 1px 2px #c8c8c8, inset -1px -1px 2px #fff;
    -moz-box-shadow: inset 1px 1px 2px #c8c8c8, inset -1px -1px 2px #fff;
    -webkit-box-shadow: inset 1px 1px 2px #c8c8c8, inset -1px -1px 2px #fff;
    box-shadow: inset 1px 1px 2px #c8c8c8, inset -1px -1px 2px #fff;
    font-size: .6em;
    line-height: 1.3em;
}

.board-quick-access .MenuSlideRight_subElement .MenuSlideRight_col a {
    font-size: 1.1em;
    line-height: 1em;
}

.board-quick-access .MenuSlideRight_subElement .MenuSlideRight_col:nth-child(1) {
    padding-left: 0;
}

.board-quick-access .MenuSlideRight_maskContainer .MenuSlideRight_col.col2,
.board-quick-access .MenuSlideRight_maskContainer .MenuSlideRight_col.col3 {
    display: none;
}


.Page:not(.desktop) .MenuSlideRight_col:nth-child(2).open .toggler:before {
    content: "\e90e";
}

.Page:not(.desktop) .MenuSlideRight_col:nth-child(2) .heading2 + div {
    display: none;
}

.Page:not(.desktop) .MenuSlideRight_col:nth-child(2).open .heading2 + div,
.Page:not(.desktop) .MenuSlideRight_col:nth-child(2) .heading2.open + div{
    display: block;
}

.Page:not(.desktop) .MenuSlideRight_subElement .MenuSlideRight_col:nth-child(2) a {
    padding-left: 20px;
}

.Page:not(.desktop) .MenuSlideRight_subElement .MenuSlideRight_col:nth-child(2) a:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.MenuSlideRight_subElement .MenuSlideRight_col:nth-child(3) {
    text-align: right;
    width: 200px;
    padding-right: 25px;
    padding-left: 20px;
}

.MenuSlideRight_subElement .MenuSlideRight_col:nth-child(3) img {
    margin-bottom: 20px;
}

.Page:not(.desktop) .inner-slide-menu {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 20px;
}

.Page:not(.desktop) .inner-slide-menu:first-child {
    border-top-width: 0;
}

.inner-slide-menu .left-link {
    display: inline-block;
    max-width: 200px;
    position: relative;
    width: 100%;
}

.phone .inner-slide-menu .left-link,
.tablet .inner-slide-menu .left-link {
    max-width: none;
}

.inner-slide-menu.open > .left-link a {
    color: #f60;
}

.right-links-wraper {
    display: none;
    position: absolute;
    left: 230px;
    width: 215px;
    margin-left: 8px;
    top: 0;
    
    left: 210px;
}

.inner-slide-menu.open > .right-links-wraper {
    display: block;
}

.right-links-wraper a {
    color: #99999b;
}

.right-links-wraper.open a:hover {
    color: #f60;
}

.level3-links-wraper {
    display: none;
    width: 215px;
    margin-left: 8px;
    left: 448px;
    position: absolute;
    top: 0;
}

.right-links-wraper .nivel3{
    display: none;
    width: 215px;
    margin-left: 8px;
    left: 210px;
    position: absolute;
    top: 0;
}

.right-links-wraper .nivel2.open + .nivel3{
    display: block;
}

.Page:not(.desktop).menu-open .right-links-wraper .nivel2.open + .nivel3{
    display:none;
}

.right-links-wraper .nivel3:hover {
    display: block;
}

.right-links-wraper .nivel2.open a {
    color: #f60;
}

.Page:not(.desktop) .left-link.open + .right-links-wraper {
    display: block;
    left: auto;
    margin: 0;
    position: relative;
    top: auto;
    width: 100%;
}

.Page:not(.desktop) .left-link.open + .right-links-wraper {
    display: block;
}

.Page:not(.desktop) .left-link.open + .right-links-wraper a {
    padding-left: 20px;
}

.Page:not(.desktop) .left-link.open + .right-links-wraper a:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.right-links-wraper.open + .level3-links-wraper {
    display: block;
}

.Page:not(.desktop) .inner-slide-menu,
.Page:not(.desktop) .MenuSlideRight_col:nth-child(2) .heading2,
.Page:not(.desktop) .left-link.open + .right-links-wraper a:not(:first-child) {
    border-top: 1px solid rgba(153, 153, 153, 0.2);
}

.board {
    width: 225px;
    position: absolute;
    right: 0;
    top: 19px;
    z-index: 21;
    
}

.Page:not(.desktop) .board {
    background-color: #f6f6f6;
    position: relative;
    pointer-events: auto;
    top: 0;
    width: 50%;
}

.Page.tablet .main-menu,
.Page.tablet .board {
    width: 429px;
}

.Page:not(.desktop) .board:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -100%;
    height: 100%;
    width: 100%;
    background: #f6f6f6;
}

.board-top-links {
    background-color: #a4a4a6;
    height: 38px;
}

.board-top-links .MenuSlideRight_element {
    font-size: 1.200em;
    line-height: 14px;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 18px;
    display: block;
    letter-spacing: 1px;
    width: 112.5px;
    position: relative;
    border-left-width: 0;
    box-shadow: none;
}

.board-top-links .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element,
.board-top-links .MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element {
    padding-left: 18px;
    padding-right: 18px;
}

.board-top-links .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element div:first-child,
.board-top-links .MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element div:first-child {
    left: 0;
}

.desktop .board-top-links .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element,
.desktop .board-top-links .MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element {
    -webkit-box-shadow: 1px 2px 17px -2px #888;
    -moz-box-shadow: 1px 2px 17px -2px #888;
    box-shadow: 1px 2px 17px -2px #888;
}

.Page:not(.desktop) .board-top-links .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element,
.Page:not(.desktop) .board-top-links .MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element {
    padding-left: 20px;
    padding-right: 20px;
}

.board-top-links .MenuSlideRight_element a {
    color: #fff;
}

.board-top-links .MenuSlideRight_element a:after {
    font-family: 'bpifont';
    content: "\e90d";
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    padding: 2px 0 0 6px;
    font-size: 8px;
    position: absolute;
}

.board-top-links > .MenuSlideRight:last-child .MenuSlideRight_element a:before,
.board-top-links > div:last-child .MenuSlideRight_element a:before,
.board-top-links > span:last-child .MenuSlideRight_element a:before {
    content: "|";
    color: #8a898a;
    position: absolute;
    left: -3px;
    font-size: 1.400em;
}

.Page:not(.desktop) .board-top-links > .MenuSlideRight:last-child .MenuSlideRight_element a:before, 
.Page:not(.desktop) .board-top-links > div:last-child .MenuSlideRight_element a:before, 
.Page:not(.desktop) .board-top-links > span:last-child .MenuSlideRight_element a:before {
    display: none;
}

.board-top-links > .MenuSlideRight.open.TriggerOnClick:last-child .MenuSlideRight_element a:before,
.board-top-links > div:last-child .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element a:before,
.board-top-links > span:last-child .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element a:before,
.board-top-links > .MenuSlideRight:not(.TriggerOnClick):last-child:hover .MenuSlideRight_element a:before,
.board-top-links > div:last-child .MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element a:before,
.board-top-links > span:last-child .MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element a:before {
    display: none;
}

.Page:not(.desktop) .board-top-links .MenuSlideRight_element a:after {
    display: none;
}

.board-top-links .MenuSlideRight_maskContainer {
    padding: 30px;
    top: 32px;
    width: 256px;
    z-index: 1;
    
}


.board-top-links .MenuSlideRight_maskContainer .MenuSlideRight_col:nth-child(2),
.board-top-links .MenuSlideRight_maskContainer .MenuSlideRight_col:nth-child(3) {
    display: none;
    
}

.desktop .board-top-links .MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element a {
    color: #f60;
}

.board-login {
    font-size: 1.100em;
    line-height: 1;
    color: #fff;
    padding: 10px 0;
    display: block;
    background: #ff8138;
    background: -moz-linear-gradient(top, #ff8138 0%, #f16718 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8138), color-stop(100%, #f16718));
    background: -webkit-linear-gradient(top, #ff8138 0%, #f16718 100%);
    background: -o-linear-gradient(top, #ff8138 0%, #f16718 100%);
    background: -ms-linear-gradient(top, #ff8138 0%, #f16718 100%);
    background: linear-gradient(to bottom, #ff8138 0%, #f16718 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8138', endColorstr='#f16718', GradientType=0);
}

.board-login .Card {
    padding: 0;
}

.board-login .Card .Card_Title.Heading3 {
    color: #fff;
    height: 20px;
    font-size: 1.100em;
    line-height: 14px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.board-login .Card .Card_Actions {
    margin-top: 6px;
}

.board-login .Card .Card_Actions,
.board-login .Card .Card_Title.Heading3 {
    text-align: center;
}

.board-login .Card_Title a {
    color: #fff;
    font-weight: normal;
}

.board-login .Card_Title a[disabled],
.board-login .Card_Title a.active {
    color: #4f4f4f;
}

.login.tabs {
    padding: 0;
}

.login-container ul {
    font-size: 10px;
    line-height: 1.2em;
    margin-left: 10px;
}

.login-container ul li {
    list-style: square;
    margin-top: 5px;
}

.login-container ul li:first-child {
    margin-top: 0;
}

.board-login .CardSimple .Card_Text {
    margin-bottom: 0;
}

.board-login .Card_Text .login-container {
    width: 100%;
}

.login-container .action-links:empty {
    display: none;
}

.board-login .top-container-left,
.board-login .top-container-right {
    font-size: 10px;
    line-height: 16px;
    padding-bottom: 4px;
}

.top-container-left:empty,
.top-container-right:empty {
    display: none;
}

.board-login .top-container-left {
    width: 62%;
}
.board-login .top-container-right {
    width: 20%;
}

/*
.board-login .language-button {
    cursor: pointer; 
    font-size: 13px ;
}
.board-login .Card_Text .language-button a {
    color: #fff;
}
.board-login .language-button:after {
    content: "\e90d";
    font-family: 'bpifont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: .300em;
    padding-left: 2px;
    vertical-align: middle;
}*/
.board-login .action-links a {
    color: #fff;
    text-decoration: underline;
}
.board-login .action-links a:hover {
    text-decoration: none;
}

.board-login .login-form {
    width: 100%;
}

.board-login.old .login-form {
    width: 82%;
}

.board-login .login-button {
    line-height: 17px;
    text-align: right;
    width: 100%;
}

.ie .board-login .login-button {
    line-height: 16px;
}

.board-login.old .login-button {
    text-align: center;
    line-height: 11px;
    width: 18%;
}

.board-login .btn-arrow-circle {
    background-color: #fff;
    border-radius: 45px;
    border: 1px solid #fff;
    color: #a4a4a6;
    cursor: pointer;
    font-size: 14px;
    line-height: 15px;
    height: 17px;
    margin-top: 0;
    margin-left: 5px;
    overflow: hidden;
    text-align: center;
    position: relative;
    width: 17px;
}

.ie .board-login .btn-arrow-circle {
    line-height: 14px;
}

.board-login.old .btn-arrow-circle {
    font-size: 11px;
    margin-top: 15px;
    margin-left: 0;
    padding: 4px 0 0 2px;
    background-color: #fd7e34;
    color: #fff;
    padding-top: 3px;
    -ms-box-shadow: inset 1px 1px 2px #e1702e, inset -1px -1px 2px #fc9138;
    -moz-box-shadow: inset 1px 1px 2px #e1702e, inset -1px -1px 2px #fc9138;
    -webkit-box-shadow: inset 1px 1px 2px #e1702e, inset -1px -1px 2px #fc9138;
    box-shadow: inset 1px 1px 2px #e1702e, inset -1px -1px 2px #fc9138;
}

.board-login .btn-arrow-circle:before {
    content: "\e909";
    font-family: 'bpifont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: .700em;
    margin-left: 1px;
    vertical-align: middle;
}

.board-login .Card_Text {
    position: relative;
}

.board-login.old .Card_Text {
    background-color: #f87529;
    border: 1px solid #e26821;
    border-radius: 5px;
    padding: 6px 8px 6px 8px;
    position: relative;
    background: #ff8138;
    background: -moz-linear-gradient(top, #ff8138 0%, #f16718 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8138), color-stop(100%, #f16718));
    background: -webkit-linear-gradient(top, #ff8138 0%, #f16718 100%);
    background: -o-linear-gradient(top, #ff8138 0%, #f16718 100%);
    background: -ms-linear-gradient(top, #ff8138 0%, #f16718 100%);
    background: linear-gradient(to bottom, #ff8138 0%, #f16718 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8138', endColorstr='#f16718', GradientType=0);
    margin-bottom: 5px;
}

.board-login input[type="text"]::placeholder,
.board-login input[type="password"]::placeholder {
    color: #a4a4a6 !important;
}

.board-login input[type="password"] {
    margin-bottom: 5px;
    margin-top: 4px;
}

.Page.tablet .board-login .Card_Text {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.Page.phone .board-login .Card_Text {
    height: auto;
    padding-bottom: 6px;
    padding-top: 6px;
}

.board-login .Card_Text label {
    display: inline-block;
    font-size: 1.200em;
    font-weight: 400;
    height: 14px;
    margin-bottom: 4px;
    padding-left: 4px;
    white-space: nowrap;
}

.Page.tablet .board-login .Card_Text label {
    margin-bottom: 0;
    margin-right: 8px;
}

.phone .board-login .Card_Text > span {
    display: block;
}

.board-login .Card_Text input {
    border-radius: 3px;
    font-size: 14px;
    color: #a4a4a6;
    padding: 3px 5px;
    position: relative;
    width: 100%;
    top: 0;
    height: 25px;
    display: inline-block;
    border: 1px solid #ec6a01;
    line-height: normal;
}

.board-login.old .Card_Text input {
    border-radius: 5px;
    padding: 3px 5px;
}

.Page:not(.desktop) .board-login .Card_Text input {
    height: 30px;
}


.board-login .Card_Text .Button {
    border: none;
    background-color: transparent;
    border-radius: 45px;
    color: #fff;
    display: inline-block;
    height: 19px;
    left: 0;
    margin: 0;
    min-width: 19px;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    text-indent: -9000px;
    vertical-align: top;
    width: 19px;
}

.board-login .Card_Actions a {
    color: #fff;
    font-size: 1.1em;
    line-height: 1.5em;
}

.board-login .Card_Actions a:hover {
    text-decoration: none;
}

.board-quick-access {
    background-color: #a4a4a6;
    font-size: 1.100em;
    line-height: 1;
    color: #fff;
    padding: 0;
    display: block;
    position: relative;
    z-index: -1;
}

.board-quick-access .Card_Actions a:hover {
    text-decoration: underline;
}

.board-quick-access .Card {
    padding: 10px 18px 16px 18px;
}

.board-quick-access:not(.destaque) .Card:after {
    background: #82807f;
    bottom: 0;
    content: '';
    height: 1px;
    position: absolute;
    width: 100%;
    width: calc(100% - 36px);
}

.board-quick-access:last-child .Card:after {
    content: none;
}

.board-quick-access .Card .Card_Title.Heading3 {
    font-size: 1.200em;
    color: #515151;
    line-height: 1;
    margin: 0 0 5px 0;
    padding-bottom: 0;
    text-transform: uppercase;
}

.board-quick-access .Card_Text {
    margin-bottom: 4px;
}

.board-quick-access .Card_Actions a {
    color: #fff;
    display: block;
    padding-right: 20px;
    position: relative;
}

.board-quick-access .Card_Actions a:hover {
    text-decoration: underline;
}

.board-quick-access .Card_Actions a:after {
    content: "\e909";
    font-family: 'bpifont';
    display: inline-block;
    border-radius: 45px;
    color: #a4a4a6;
    font-size: .7em;
    line-height: 1em;
    background-color: #747476;
    -ms-box-shadow: inset 1px 1px 2px #636365, inset -1px -1px 2px #909093;
    -moz-box-shadow: inset 1px 1px 2px #636365, inset -1px -1px 2px #909093;
    -webkit-box-shadow: inset 1px 1px 2px #636365, inset -1px -1px 2px #909093;
    box-shadow: inset 1px 1px 2px #636365, inset -1px -1px 2px #909093;
    width: 15px;
    height: 10px;
    text-align: center;
    padding: 4px 0 1px 0;
    right: 0;
    overflow: hidden;
    position: absolute;
    bottom: -2px;
    margin-left: -2px;
}

.board-quick-access.destaque {
    background: #666;
    padding-top: 20px;
}

.board-quick-access.destaque .Card {
    border-bottom: 0;
    padding-bottom: 18px;
    padding-top: 0;
}

.board-quick-access.destaque .Card_Title a {
    color: #fff;
}

.board-quick-access.destaque .Card .Card_Title.Heading3 {
    margin-bottom: 0;
    position: relative;
}

.board-quick-access.destaque .Card_Title a:after {
    background-color: #fff;
    border-radius: 45px;
    bottom: -2px;
    color: #a4a4a6;
    content: "\e909";
    font-family: 'bpifont';
    font-size: .8em;
    height: 14px;
    line-height: 1.1em;
    margin-left: -2px;
    overflow: hidden;
    padding: 4px 0 1px 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 19px;
}

.board-quick-access.destaque .Card_Text:empty {
    display: none;
}

.Page:not(.desktop) .board-quick-access .Card_Actions a:after {
    font-size: 10px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    width: 30px;
}

.Page:not(.desktop) .board-quick-access .MenuSlideRight.open .Card_Actions a:after{
    transform: rotate(180deg);
}

.Page:not(.desktop) .board-quick-access .MenuSlideRight .Card_Actions a:after{
    transform: rotate(90deg);
}

.Page:not(.desktop) .board-login .login-form {
    width: 80%;
}

.Page:not(.desktop) .board-login .login-button {
    max-width: 57px;
    padding-top: 5px;
    text-align: center;
    width: 20%;
}

.Page:not(.desktop) .board-login .Card_Text .btn-arrow-circle {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-left: 0;
    margin-top: 5px;
    padding: 0 0 0 2px;
    width: 30px;
}

.Page:not(.desktop) .board-login .Card_Text .btn-arrow-circle input{
    height: 30px;
    width: 30px;
}

.Page:not(.desktop) .board-login .btn-arrow-circle:before {
    font-size: 1em;
}

.board-quick-access.destaque .Card {
    padding-top: 14px;
}

.board > .board-quick-access {
    padding-top:20px;
}

.board > .board-quick-access ~ .board-quick-access.destaque {
    padding-top: 0;
}

.board-quick-access .Card_Title a,
.board-quick-access.destaque .Card_Text a {
    color: #fff;
}

.board-quick-access.destaque .CardSimple.Card .Card_Text a:hover {
    text-decoration: underline;
}

.board-quick-access .Card .Card_Title.Heading3 {
    margin-bottom: 0;
    position: relative;
}

.board-quick-access .Card {
    border-bottom: 0;
    padding-bottom: 18px;
    padding-top: 0;
}

.board-quick-access .Card_Title a:after {
    background-color: #fff;
    border-radius: 45px;
    bottom: -2px;
    color: #a4a4a6;
    content: "\e909";
    font-family: 'bpifont';
    font-size: .8em;
    height: 14px;
    line-height: 1.1em;
    margin-left: -2px;
    overflow: hidden;
    padding: 4px 0 1px 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 19px;
}

.board-quick-access:not(.destaque) .Card:after {
    height: 0;
}

.Page:not(.desktop) .board > .board-quick-access {
    padding-top: 0;
}

.Page:not(.desktop) .board-quick-access .Card {
    padding-top:20px;
}

.Card {
    word-wrap: unset;
}

/* aside */

.tablet .aside-content,
.phone .aside-content,
.tablet .byside-content,
.phone .byside-content {
    padding: 20px;
}

.is-private .byside-content.byside-right,
.tablet .aside-content:empty,
.phone .aside-content:empty,
.tablet .byside-content:empty,
.phone .byside-content:empty {
    display: none;
}

/* Content */

.Breadcrumbs {
    font-size: 1.100em;
    text-decoration: none;
    color: #f60;
}

.Breadcrumbs a {
    color: #8f8f8f;
}

.Breadcrumbs .fa-angle-right:before {
    content: "/";
    color: #8f8f8f;
}

.Page.tablet:not(.has-banner) .Breadcrumbs{
    margin-top: 25px;
}

.Page.tablet .Breadcrumbs{
    margin-left: 20px;
}

.Page.tablet .zoom-page,
.Page.tablet .textsize{
    margin-right:20px;
}

.textsize :not(.current) a{
    color: #747476;
}


/* Footer */

.footer {
    width: 100%;
    overflow: hidden;
    background: #eae9e8;
    background: -moz-linear-gradient(top, #eae9e8 0%, #dadada 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eae9e8), color-stop(100%, #dadada));
    background: -webkit-linear-gradient(top, #eae9e8 0%, #dadada 100%);
    background: -o-linear-gradient(top, #eae9e8 0%, #dadada 100%);
    background: -ms-linear-gradient(top, #eae9e8 0%, #dadada 100%);
    background: linear-gradient(to bottom, #eae9e8 0%, #dadada 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae9e8', endColorstr='#dadada', GradientType=0);
}

.quick-links-bar {
    background-color: #e2dfdf;
    padding: 10px 0 9px 0;
    height: 16px;
    font-size: 1.200em;
    line-height: 14px;
    display: table;
    width: 100%;
}

.quick-links-bar .wraper {
    width: 960px;
    margin: 0 auto;
    position: relative;
    display: table;
}

.tablet .quick-links-bar .wraper,
.phone .quick-links-bar .wraper {
    max-width: 750px;
    width: 100%;
}

.quick-links ,
.social-networking,
.sites-bpi {
    display: table-cell;
    vertical-align: middle;
}

.tablet .footer .quick-links-bar .quick-links,
.phone .footer .quick-links-bar .quick-links {
    display: block;
    width: 100%;
}

.quick-links .link {
    border-left: 1px solid #a4a4a4;
}

.quick-links .link:first-child {
    border-left-width: 0;
}

.tablet .footer .quick-links-bar .quick-links .link,
.phone .footer .quick-links-bar .quick-links .link {
    display: inline-block;
    padding: 15px 20px 15px 20px;
    border-left: 0;
    border-bottom: 1px solid #a4a4a4;
    width: 48%;
}

.tablet .footer .quick-links-bar .quick-links .link:nth-child(2n) {
    margin-left: 2%;
}
.tablet .footer .quick-links-bar .quick-links .link:nth-child(2n-1) {
    margin-right: 2%;
}

.phone .footer .quick-links-bar .quick-links .link {
    margin: 0;
    margin-left: 0 !important;
    width: 100%;

}

.quick-links .link a {
    color: #f60;
    padding: 0 5px;
}

.tablet .quick-links .link a,
.phone .quick-links .link a {
    padding: 0;
}

.quick-links .link:first-child a {
    padding-left: 0;
}

.social-networking {
    padding-right: 40px;
    text-align: center;
    color: #777;
}

.tablet .footer .quick-links-bar .social-networking,
.phone .footer .quick-links-bar .social-networking {
    padding-left: 20px;
    text-align: left;
}

.social-networking img {
    margin-left: 5px;
    vertical-align: middle;
}

.social-networking a {
    display: inline-block;
}

.sites-bpi {
    width: 225px;
}

.tablet .footer .quick-links-bar .social-networking,
.tablet .footer .quick-links-bar .sites-bpi,
.phone .footer .quick-links-bar .social-networking,
.phone .footer .quick-links-bar .sites-bpi{
    display: inline-block;
    padding: 20px 20px 10px 20px;
    width: 50%;
}

.tablet .footer .quick-links-bar .social-networking:empty,
.tablet .footer .quick-links-bar .sites-bpi:empty,
.phone .footer .quick-links-bar .social-networking:empty,
.phone .footer .quick-links-bar .sites-bpi:empty {
    display: none;
}

.phone .footer .quick-links-bar .social-networking,
.phone .footer .quick-links-bar .sites-bpi {
    display: block;
    width: 100%;
}

.footer-links {
    padding-top: 35px;
}

.phone .footer-links {
    padding-top: 20px;
}

.footer-links .wraper {
    text-align: center;
}

.footer-links a {
    color: #747272;
    display: inline-block;
}

.quick-links a:hover,
.footer-links a:hover {
    text-decoration: underline;
}

.links-left,
.links-center, 
.links-right,
.links-column {
    display: inline-block;
    padding: 0 10px;
    width: 260px;
    vertical-align: top;
    text-align: left;
}

.tablet .footer-links .wraper,
.phone .footer-links .wraper {
    max-width: 750px;
    margin: 0 auto;
}

.tablet .footer-links .links-left,
.tablet .footer-links .links-center,
.tablet .footer-links .links-right,
.tablet .footer-links .links-column {
    padding: 0 20px;
    width: 28%;
}

.phone .footer-links .links-left,
.phone .footer-links .links-center,
.phone .footer-links .links-right,
.phone .footer-links .links-column {
    padding: 10px 20px;
    width: 100%;
}

.tablet .footer-links .links-right {
    width: 44%;
}

.links-left > div:first-child,
.links-center > div:first-child,
.links-right > div:first-child,
.links-column > div:first-child {
    font-size: 1.200em;
    color: #f60;
    margin-bottom: 15px;
}

.footer-links ul li {
    color: #7c7c7c;
    font-size: 1.200em;
    line-height: 1.300em;
    padding-bottom: 3px;
    padding-left: 10px;
    position: relative;
}

.footer-links ul li:before {
    font-family: 'bpifont';
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 2.300em;
    -webkit-font-smoothing: antialiased;
    content: "\e909";
    font-size: .583em;
    left: 0;
    vertical-align: top;
    position: absolute;
}

.footer-bottom-text {
    text-align: center;
    padding: 48px 0 10px 0;
    font-size: 1em;
    color: #7e7e7e;
}

.tablet .footer-bottom-text,
.phone .footer-bottom-text {
    max-width: 780px;
    padding: 30px 5px 10px 5px;
}

/* zoom */

.zoom-page {
    font-size: 1.7em;
}

.font-resize {
    font-size: .750em;
    color: #a4a4a6;
    font-weight: 400;
    padding: 0 5px;
    line-height: 1.4em;
    display: inline-block;
    border-right: 1px solid #cdcdcd;
}

.font-resize:hover {
    cursor: pointer;
}

.decrease {
    font-size: .625em;
    line-height: 1.6em;
    border-left: 1px solid #cdcdcd;
}

.reset {
    color: #f60;
}

.increase {
    
    font-size: .875em;
    line-height: 1.2em;
}

/* slider */

.slider {
    height: 312px;
    display: none;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: auto;
    
}

.Page.tablet.has-banner .slider {
    height: auto;
    margin-top: 0;
    padding-top: 50px;
    width: 100%;
}

.has-banner .slider {
    display: block;
    margin-top: -12px;
}

/* Content */

.content {
    display: table;
    margin-top: 20px;
    
}


.main-content--title {
    padding-bottom: 0.5em;
    text-indent: 0;
}

.Page.phone .main-content--title {
    padding-top: 20px;
    font-size: 3.0em;
}

.Page.menu-open .content {
    pointer-events: none;
}

.Page:not(.desktop):not(.just-content-mode) .content {
    margin-top: 60px;
}

.just-content-mode .content {
}

.content-left {
    display: table-cell;
    padding-right: 5px;
    vertical-align: top;
}

.is-private:not(.homepage) .content-left {
    padding-right: 0;
}

.tablet .content-left,
.phone .content-left {
    display: block;
    padding: 0;
    width: 100%;
}

.content-right {
    display: table-cell;
    padding-bottom: 44px;
    padding-top: 80px;
    width: 225px;
}

.is-private .content-right{
    padding-top: 0;
}

.Page:not(.has-banner) .content-right {
    padding-top:380px;
}

.is-private:not(.homepage) .content-right {
    display: none;
}

.tablet .content-right,
.phone .content-right {
            display: block;
            padding: 0;       
            width: 100%;
}

.Page.has-banner .content-right {
    margin-top: 0;
}

.content-right .aside-content .ListRecords.notifications > div,
.main-content--left-content .ListRecords.notifications > div {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-spacing: 0 10px;
    font-size: 11px;
    line-height: 1.3em;
}

.content-right .ListRecords.notifications > div:not(:first-child),
.main-content--left-content .ListRecords.notifications > div:not(:first-child) {
    border-top: 0;
}

.content-right .ListRecords.notifications > div:first-child {
    margin-top: 5px;
}

.content-right .ListRecords.notifications >div:last-child {
    margin-bottom: 5px;
}

.content-right .ListRecords.notifications .Text_orange {
    padding-top: 5px;
    font-size: 9px;
}

.content-right .ListRecords.notifications .TableVerticalAlign .Cell2 .icon {
    font-size:0.71em;
    font-weight: normal;
} 

.content-right .ListRecords.notifications .TableVerticalAlign .Cell2 {
    padding-left:5px;
}

.main-content--left-content .ListRecords.notifications a,
.main-content--left-content .ListRecords.notifications + a {
    text-decoration: none;
}

.main-content--left-content .ListRecords.notifications {
    margin: 10px 0;
}

.main-content--left-content .ListRecords.notifications .TableVerticalAlign{
    width: 100%;
}

.main-content--left-content .ListRecords.notifications .TableVerticalAlign .Cell2 .icon,
.main-content--left-content .ListRecords.notifications + a .icon{
    font-size: 0.71em;
    font-weight: normal;
}

.aside-content a.Text_orange .icon-icon_forward {
    padding-left: 5px;
    font-size:0.71em;
}

.top-content {
    display: table;
    width: 100%;
}

.content-top-left,
.content-top-right {
    display: table-cell;
}

.content-top-right {
    text-align: right;
}

.main-content {
    display: table;
    width: 100%;
}

.main-content-left {
    display: table-cell;
    padding-bottom: 80px;
    width: 100%;
}

.tablet .main-content-left {
    max-width: 100%;
}

.tablet .main-content-left,
.phone .main-content-left {
    padding: 0 15px 20px 15px;
}

.main-content-right {
    display: table-cell;
    padding-left: 10px;
    padding-top: 20px;
    vertical-align: top;
}

.tablet .main-content-left,
.phone .main-content-left,
.tablet .main-content-right,
.phone .main-content-right {
    display: block;
    width: 100%;
}

.tablet.just-content-mode .main-content-left,
.tablet.just-content-mode .main-content-right{
    display: table-cell;
}

.main-content-left-top {
    display: table;
    width: 100%;
}
.phone .main-content-left-top {
    display: block;
}
.has-banner .main-content-left-top {
    margin-bottom: 25px;
}

.main-content--title{
    display: table-cell;
    font: 3.600em/1 "roboto-condensed-bold";
    color: #f60;
    padding-top: 22px;
    /*text-indent: -2px;*/
}

.main-content--title:empty,
.main-content--top-right:empty {
    display: none;
}

.main-content--top-right{
    display: table-cell;
    text-align: right;
}

.main-content--left-content {
    font-size: 1.4em;
}

.main-content--left-content p {
    margin: .8em 0 1.2em 0;
}
.main-content--left-content p, 
.main-content--left-content li {
    color: #666;
    line-height: 18px;
}

.main-content--left-content a {
    color: var(--color-links);
    text-decoration: none;
}

.main-content--left-content a:hover {
    text-decoration: underline;
}

.main-content--left-content ul,
.main-content--left-content ol,
.main-content--left-content dl {
    margin-bottom: 20px;
}

.main-content--left-content li {
    margin: 1em 0 1em 1em;
    line-height: 18px;
}

.main-content--left-content ul li:before,
.main-content--left-content dl dd:before,
.slider-item-content ul li:before {
    content: " ";
    display: block;
    width: 0;
    height: 7px;
    border-left: 7px solid #f60;
    margin: 5px 0 0 -12px;
    float: left;
}

.main-content--right-content:empty, 
.main-content--right-actions:empty {
    display: none;
}

.main-content--right-content {
    font-size: 1.3em;
    color: #666;
    line-height: 17px;
}

.main-content--right-content, 
.main-content--right-actions {
    width: 480px;
}

.just-content-mode .main-content--right-content,
.just-content-mode .main-content--right-actions {
    width: 640px;
}

.tablet.just-content-mode .main-content--right-content,
.tablet.just-content-mode .main-content--right-actions {
    padding: 0;
    width: 480px;
}

.main-content--left-actions:empty,
.main-content--right-actions:empty {
    display: none;
}
.main-content--left-actions,
.main-content--right-actions {
    text-align: right;
    width: 100%;
    display: inline-block;
    padding: 8px 12px 8px 12px;
    box-sizing: border-box;
    background: #f0f0f0;
    margin-top: 60px;
    min-height: 28px;
}
.main-content--left-actions a,
.main-content--right-actions a {
    font-size: 11px;
    color: #666666;
}
.main-content--left-actions a img,
.main-content--right-actions a img {
    padding-right: 3px;
}

.main-content--left-content .h2 {
    color: #f60;
    margin: 0;
    padding-bottom: 7px;
    padding-top: 10px;
}

.main-content--left-content .info a{
    text-decoration:none;
}

.main-content--left-content p {
    font-size: 14px;
}

.main-content--top-right > div a.fa {
    font-size: 24px;
    padding: 1px;
}

.main-content--left-content .h2 a {
    font-size: 18px;
    font-weight: bold;
}

.main-content .noticias-data {
    color: #f60;
    margin: 5px 0;
}


.main-content--left-content .p{
    color:#f60;
    padding:7px 0;
}

.main-content--title {
    max-width: 540px;
}

.main-content--title .Partilhe,
.main-content--top-right .Partilhe{
    color: #666;
    font-size: 10px;
}

.main-content--title a.fa,
.main-content--top-right a.fa {
    font-size: 24px;
    padding: 1px;
}
.main-content--title .h1{
    float: left;
    font-size: 38px;
    margin: .67em 0;
}

.main-content--title > div,
.main-content--top-right > div,
.main-content--top-right{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    float: right;
}
.phone .main-content--title > div,
.phone .main-content--top-right > div,
.phone .main-content--top-right{
    float:none;
}
.main-content--left-content .text a {
    background-color: transparent;
}

.main-content--left-content fieldset {
    background-color: #eaeaea;
    color: #666;
    font-weight: bold;
    font-size: 13px;
    padding: 10px 20px;
    margin-bottom: 30px;
    text-align: right;
}

.main-content--left-content fieldset > div select {
    margin-left: 10px;
}

/*------------------------------------------*\
      $6.25 BPI Patterns > CardProductCategory
\*------------------------------------------*/

.CardProductCategory {
    background-color: #fff;
    display: inline-block;
    margin-right: 2.8%;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px 20px 0;
    position: relative;
    vertical-align: top;
    width: 100%;
}

.CardsListContainer .ThemeGrid_Width6 {
    width: 100%;
}

.CardsListContainer {
    position: relative;
    width: 100%;
}

.CardProductCategory.Small {
    height: 240px;
    padding: 20px 10px;
    width: 24.025%;
}

.CardsListContainer a:nth-child(4n) .CardProductCategory.Small {
    margin-right: 0;
}

.CardsListContainer a:nth-child(3n) .CardProductCategory.Medium {
    margin-right: 0;
}

.Page:not(.desktop) .CardsListContainer a:nth-child(odd) .CardProductCategory.Medium {
    margin-right: 0;
}

.CardProductCategory.Large {
    height: 300px;
}

.CardProductCategory.Medium {
    height: 285px;    
    width: 31.46%;
}

.CardProductCategory.Large,
.CardProductCategory.Auto {
    margin-right: 0;
    padding: 0;
    width: 100%;
}

.phone .CardsListContainer .CardProductCategory {
    height: auto;
    width: 100%;
    margin-right: 20px;    
}

.phone .CardsListContainer > a:nth-child(2) .CardProductCategory,
.phone .CardsListContainer > div > a:nth-child(2) .CardProductCategory,
.phone .CardsListContainer > span > a:nth-child(2) .CardProductCategory,
.phone .CardsListContainer .ListRecords > div:nth-child(2) .CardProductCategory,
.phone .CardsListContainer .ListRecords > span:nth-child(2) .CardProductCategory,
.phone .CardsListContainer .ListRecords > a:nth-child(2) .CardProductCategory,
.phone .CardsListContainer .ListRecords > div > div:nth-child(2) .CardProductCategory,
.phone .CardsListContainer .ListRecords > div > span:nth-child(2) .CardProductCategory,
.phone .CardsListContainer .ListRecords > div > a:nth-child(2) .CardProductCategory {
    margin-right: 0;
}

.CardProductCategory_details {
    height: 60px;
}

.Page:not(.desktop) .CardProductCategory_details{
    text-align:center;
}

.Page:not(.desktop) .CardProductCategory_imageContainer{
    align-items: center;
    display: flex;
}

.CardProductCategory.Large .CardProductCategory_details,
.CardProductCategory.Auto .CardProductCategory_details {
    display: none;
}
.CardProductCategory_title {
    color: #666;
}
.CardProductCategory.Small .CardProductCategory_title {
    font-size: 14px;
    color: #666;
}
.CardProductCategory.Medium .CardProductCategory_title {
    font-size: 18px;
    color: #515151;
    font-size: 24px;
    font-family: "roboto-condensed-bold";
    line-height: 1em;
}
a .CardProductCategory_title,
a .CardProductCategory_subtitle {
    font-weight: normal;
}
a .CardProductCategory.Small .CardProductCategory_title {
    font-weight: bold;
}
.CardProductCategory_image {
    display: table-cell;
    height: 128px;
    text-align: center;
    vertical-align: middle;
    width: 177.265px;
}
.CardProductCategory_image img {
    max-width: 100%;
}
.ie .CardProductCategory_image img{
    width: 100%;
    max-width: 700px;
}
.CardProductCategory.Small .CardProductCategory_image img {
    height: 100%;
}
.CardProductCategory.Medium .CardProductCategory_image {
    height: auto;
    width: 100%;
}
.CardProductCategory.Large .CardProductCategory_image,
.CardProductCategory.Auto .CardProductCategory_image {
    width: 745px;
}


/*--------------------------------------------*\
      $6.26 BPI Patterns > CardPreviewProduct
\*--------------------------------------------*/

.CardPreviewProduct {
    display: inline-block;
    height: auto;
    margin-right: 12px;
    margin-bottom: 10px;
    position: relative;
    vertical-align: top;
    width: 100%;
}

.list-bpi-cards .CardPreviewProduct {
    background-color: #fff;
    height: 100%;
}

.CardPreviewProduct.DoubleWidth {
    margin-right: 0;
    width: 396px;
}
a:nth-child(3n) .CardPreviewProduct,
a:nth-child(2) .CardPreviewProduct.DoubleWidth {
    margin-right: 0;
}

.CardPreviewProduct_imageContainer {
    background-color: #eae8eb;
    position: relative;
}

.list-bpi-cards .CardPreviewProduct_imageContainer {
    background-color: transparent;
    border-bottom: 1px solid #E3E3E3;
    padding: 10px 20px;
}

.CardPreviewProduct_image {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.list-bpi-cards .CardPreviewProduct_image {
    height: auto;
    padding: 0;
}

.CardPreviewProduct_image img {
    max-height: 216px;
    max-width: 100%;
    width: 100%;
}
.CardPreviewProduct_details {
    padding: 6px 0 0;
}

.list-bpi-cards .CardPreviewProduct_details {
    padding: 0 20px 15px 20px;
}

.CardPreviewProduct_title {
    color: #666;
    font-size: 0.93em;
    font-weight: bold;
}

.list-bpi-cards .GalleryItem .CardPreviewProduct_title {
    line-height: 40px;
}

.CardPreviewProduct_subTitle {
    color: #666;
    font-size: 0.93em;
    padding-top: 6px;
}
a .CardPreviewProduct_subTitle {
    font-weight: normal;
}
.CardPreviewProduct_action {
    display: none;
    font-size: 0.72em;
}
.CardPreviewProduct_unavailable {
    bottom: 5px;
    color: #f60;
    display: none;
    font-weight: bold;
    left: 5px;
    position: absolute;
    text-transform: uppercase;
    z-index: 1;
}
.CardPreviewProduct.IsUnavailable .CardPreviewProduct_unavailable {
    display: block;
}


/*-------------------------------------------*\
      $6.31 BPI Patterns > ProductDetails
\*-------------------------------------------*/

.ProductDetails_container {
    color: #666;
    position: relative;
}
.ProductDetails_leftArea {
    border-bottom: 1px solid #ddd;
    width: 100%;
}
.ProductDetails_leftArea:before {
    color: #006;
    content: "\f00e";
    display: none;
    font-family: FontAwesome;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 85px;
    text-align: center;
    top: 5px;
    width: 30px;
    z-index: 100;
}
.ProductDetails_rightArea {
    display: table;
    /*margin-bottom: 20px;*/
    
    padding: 20px 0;
    width: 100%;
}

.layout-iframe .ProductDetails_rightArea {
    padding: 20px 10px 20px 0;
}

.ProductDetails_rightArea_container1 {
    display: table-cell;
    /*padding-right: 10px;*/
    vertical-align: top;
}
.ProductDetails_title {} .ProductDetails_description p:first-child {
    margin-top: 0
}
.ProductDetails_description p:last-child {
    margin-bottom: 0
}
.ProductDetails_rightArea_container2 {
    display: table-cell;
    padding-left: 10px;
    text-align: right;
    vertical-align: top;
    /*width: 250px;*/
    white-space: nowrap;
}

.phone .ProductDetails_rightArea_container2 {
    padding-left: 0;
    text-align: left;
}

.phone .ProductDetails_rightArea,
.phone .ProductDetails_rightArea_container1,
.phone .ProductDetails_rightArea_container2,
.phone .ProductDetails_rightArea_container2 > div {    
    display: block;
}

.ProductDetails_value {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}
.ProductDetails_warningText {
    color: #f60;
    font-weight: bold;
    padding-top: 5px;
}
.ProductDetails_actions {} .ProductDetails_slideshow {
    margin-bottom: 20px;
}
.ProductDetails_imageSubtitle {
    color: #999;
    font-size: 11px;
    margin-bottom: 20px;
    position: relative;
}

.ProductDetails_container .Button {
    display: none;
}

/*-------------------------------------------*\
      $7.32 BPI Patterns > VerticalSlider
\*-------------------------------------------*/

.VerticalSlider .image-gallery img {
    
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lightSlider:before,
.lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    border: 1px solid #e9e9e9;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/
/** Gallery */

.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSGallery li {
    height: 65px !important;
    margin: 0;
    margin-bottom: 13px !important;
}
.lSSlideOuter .lSPager.lSGallery li {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    overflow: hidden;
}
.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    border: 1px solid #f60;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: 65px;
}
.lSSlideOuter .lSPager.lSGallery:before,
.lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/
/* slider actions */

.noPager .lSAction {
    display: none;
}
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    margin-top: -16px;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.disabledControls .lSAction,
.noPager .lSAction {
    display: none;
}
.lSAction > .lSPrev {
    background-position: 0 0;
}
.lSActon > .lSNext {
    background-position: -32px 0;
    right: 10px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}
/* vertical */

.lSSlideOuter.vertical {
    overflow: hidden;
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    overflow: inherit;
    position: absolute !important;
    right: 0;
    top: 32px;
}

.layout-iframe .lSSlideOuter.vertical .lSGallery {
    right: 2px;
}

.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}
/* vertical controlls */

.lSSlideOuter.vertical .lSAction > a {
    margin-left: -14px;
    margin-top: 0;
    background-color: #f6f6f6;
    text-decoration: none;
    width: 65px;
    font-size: 30px;
    font-family: FontAwesome;
    text-align: center;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 0;
    top: auto;
    right: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext:before {
    content: "\f107";
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 0;
    right: 0;
}
.lSSlideOuter.vertical .lSAction > .lSPrev:after {
    content: "\f106";
}
.realSlide {
    display: inline-block;
    max-width: 728px;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 640px;
}

.layout-iframe .realSlide {
    height: 100%;
    position: relative;
    width: 610px;
}

.noPager .realSlide {
    width: 745px;
}
.realSlide img.previewImage {
    min-height: 520px;
    width: 100%;
    height: 100%;
}
.noPager .realSlide img.previewImage {
    height: 100%;
}
.realSlide:after {
    content: "\f00e";
    font-family: FontAwesome;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 25px;
    width: 25px;
    font-size: 25px;
    color: #006;
}
.offerLabel {
    background-color: #f60;
    bottom: 20px;
    color: #fff;
    display: none;
    font-size: 16px;
    height: 30px;
    left: 0;
    line-height: 30px;
    padding: 0 45px 0 35px;
    position: absolute;
    text-transform: uppercase;
}
.isOfferLabel .offerLabel {
    display: block;
}

.lSSlideWrapper {
    display: none;
}
/* EasyZoom */

.easyzoom {
    position: relative;
    /* 'Shrink-wrap' the element */
    
    display: inline-block;
    *display: inline;
    *zoom: 100000000000000000;
}
.easyzoom img {
    vertical-align: bottom;
}
.easyzoom.is-loading img {
    cursor: progress;
}
.easyzoom.is-ready img {
    cursor: crosshair;
}
.easyzoom.is-error img {
    cursor: not-allowed;
}
.easyzoom-notice {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 150;
    width: 10em;
    margin: -1em 0 0 -5em;
    line-height: 2em;
    text-align: center;
    background: #FFF;
    box-shadow: 0 0 10px #888;
}
.easyzoom-flyout {
    height: 100%;
    position: absolute;
    z-index: 100;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 800px;
}

.phone .easyzoom-flyout{
    width: 179,73vw;
}

.noPager .easyzoom-flyout {
    width: 745px;
    height: 520px;
}


.Page.phone .ProductDetails_leftArea{
    width: 92vw;
}

.Page.phone .lSSlideOuter .lSPager.lSGallery{
    display:flex;
    margin-bottom: 0;
}

.Page.phone .lSSlideOuter .lSPager.lSGallery img{
    height: auto;
}

.Page.phone .realSlide{
    max-width: 92vw;
}

.Page.phone .lSPager_container{
    padding: 0px 35px;
    overflow-x: hidden;
}

.Page.phone .lSGallery li {
    height: 60px !important;
    margin: 0;
    margin-bottom: 0 !important;
    width: 60px !important;
}

.Page.phone .realSlide img.previewImage{
    min-height: auto;
}

.Page.phone .lSSlideWrapper {
    display: block;
    visibility: hidden;
    height: 0;
    width: 100%;
    pointer-events: none;
    position: absolute;
}

/* vertical controls */

.Page.phone .lSSlideOuter:not(.vertical) .lSAction > a {
    margin: 0 -18px;
    margin-top: 0;
    background-color: #fff;
    text-decoration: none;
    width: 65px;
    top: 30px;
    font-size: 30px;
    font-family: FontAwesome;
    text-align: center;
    position: absolute;
}

.Page.phone .lSSlideOuter:not(.vertical) .lSAction{
    position: relative;
}

.Page.phone .lSSlideOuter:not(.vertical) .lSAction > .lSPrev:after {
    content: "\f106";
}

.Page.phone .lSSlideOuter:not(.vertical)  .lSAction > .lSNext:before {
    content: "\f107";
}

.Page.phone .lSSlideOuter:not(.vertical) .lSAction > .lSNext {
    right: 0;
    transform: rotate(-90deg);
}

.Page.phone .lSSlideOuter:not(.vertical) .lSAction > .lSPrev {
    transform: rotate(-90deg);
}

/*-------------------------------------------*\
      $ Info-links
\*-------------------------------------------*/

.Info-links {
    margin-top: 15px;
    overflow: hidden;
    padding-bottom: 1px;
    width: 100%;
}

.Info-links a {
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
    color: #838383;
    display: block;
    font-size: .71em;
    line-height: 1.3;
    margin-bottom: -1px;
    padding: 8px 25px 8px 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}

.Info-links a:hover { 
    text-decoration: underline;
}

.Info-links a:after {
    font-family: 'bpifont';
    font-style: normal;
    font-size: 1em;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    content: "\e909";
    line-height: 1;
    margin-top: -5px;
    position: absolute;
    right: 5px;
    speak: none;
    text-transform: none;
    top: 50%;    
}

.Info-links .Heading3 {
    margin: 1.2em 0 .5em 0;
}

/*-------------------------------------------*\
      7.33 BPI Patterns > ImagesContainer
\*-------------------------------------------*/

.ImagesContainer {
    margin-top: 20px;
    text-align: left;
}
.ImagesContainer img {
    margin-right: 40px;
    max-height: 80px;
    max-width: 140px;
}

/* Section */
.Section .Section_header .Section__title.Heading2 {
    font-family: 'roboto-condensed-bold';
    font-size: 1.3em;
    color: #7e7e7e;
    padding-top: 10px;
    padding-bottom: 2px;
}

.Section_header {
    border-bottom: 1px solid #e2e0e0;
}

.Section__actions {
    font-size: 1.2em;
}

.Section__actions .icon {
    padding-left: 10px;
}

.Section_content {
    padding-top: 6px;
}

.Section a {
    text-decoration: none;
}

.phone .Section {
    position: relative;
}

/* SectionExpandable **************************/

.layout-iframe .SectionExpandable {
    padding-right: 10px;
}

.SectionExpandable:last-child {
    border-bottom: 1px solid #e2e0e0;
}

.SectionExpandable_header {
    border: none;
    border-top: 1px solid #e2e0e0;
    padding: 0;
}

.SectionExpandable.expanded .SectionExpandable__icon {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.SectionExpandable__title.Heading2 {    
    font-family: "roboto-condensed-bold";
    font-size: 1.3em;
    color: #7e7e7e;
    padding: 7px 0 7px 0;
    cursor: pointer;
    position: relative;
    padding-right: 40px;
}

.SectionExpandable__icon.Heading2 {
    padding-bottom: 0;
    width: 32px;
}

.SectionExpandable.expanded .SectionExpandable__title.Heading2,
.SectionExpandable.expanded .SectionExpandable__icon.Heading2 .fa {
    color: #f60;
}

.SectionExpandable__icon.Heading2 .fa {
    color: #7e7e7e;
    vertical-align: middle;
}

.SectionExpandable__icon.Heading2 .fa:before {
    content: "\e90d";
    font-family: 'bpifont';
    speak: none;
    font-size: 8px;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    font-weight: bold;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -9px;
}

.SectionExpandable.expanded .SectionExpandable__icon .fa:before {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.SectionExpandable__icon.Heading2 .fa:before {
    content: "\e90d";
    font-family: 'bpifont';
    font-size: 10px;
    line-height: 14px;    
    right: 0;
    width: 34px;
}

.SectionExpandable .SectionExpandable_content,
.SectionExpandable.expanded .SectionExpandable_content {
    padding: 0;
}


/* Tabs */

.main-content--left-content .tabs {
    margin-left: -20px;
    padding-left: 20px;
}

.phone .main-content--left-content .tabs{
    max-width:92vw;
}

.main-content--left-content .tabs-header  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height:100%;
    max-width: 764px;
    min-height: 40px;
    margin-top: 10px;
}

.main-content--left-content .tabs-header > div {
    color: #006;
    display: table-cell;
    font-size: 12px;
    font-weight: normal;
    height: 100%;
    text-align: center;
    line-height: 14px;
    vertical-align: middle;
}

.main-content--left-content .tabs-header > div a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;    
    width: 100%;
}

.main-content--left-content .tabs-header .tabs-header-item {
    -ms-flex-item-align: end;
        align-self: flex-end;
    background-color: #eee;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #F6f6f6;
    color: #a8a8a8;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    font-size: 14px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    height: 76px;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    text-align: center;
    line-height: 14px;
    padding:15px 0px;
    vertical-align: middle;
    text-transform: uppercase;
    width: 50%;
}

.main-content--left-content .tabs-header .tabs-header-item.active > div{
    margin-top: 8px;
}

.main-content--left-content .tabs-header .tabs-header-item.active {
    color:#f60;
    background-color:#F6F6F6;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-bottom: none;
    border-top: 1px solid #dadada;
    height: 86px;
}

.main-content--left-content .tabs-header-item:after {
    content: "\e90d";
    display: block;
    font-family: 'bpifont';
    font-size: 0.6em;
    line-height: 1;
    margin-top: 5px;
    text-align: center;
}

.main-content--left-content .tabs-content {
    background: #f6f6f6;
    margin-top: 10px;
}

.main-content--left-content .tabs-content .AccordionVertical {
    max-width: 704px;
}

.main-content--left-content .tabs-content-item.active {
    display: block;
}

.main-content--left-content .tabs-content-item {
    display: none;
}

/* Tabs */

.tabs-content-item:not(.active){
    display: none;
}

.tabs-content-item.active{
    display: block;
}

.tabs .tabs-content a {
    color: var(--color-links);
    text-decoration: none;
}

.tabs .tabs-content a:hover {
    text-decoration: none;
}

.main-content__wrapper .tabs .tabs-content a {
    font-size: var(--font-size-m);
}

.main-content__wrapper .tabs .vertical-tabs a:hover{
    text-decoration: underline;
}

/* Tabs Small */

.tabs.tabs-small {
    background-color: #f9f9fb;
    max-width: 225px;
}

.tabs-small .tabs-header  {
    border: 1px solid #ddd;
    border-bottom: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height:100%;
    width: 100%;
    margin-top: 10px;
}

.is-private .tabs-small .tabs-header  {
    margin-top: 0;
}

.tabs-small .tabs-header > div {
    color: #006;
    display: table-cell;
    font-size: 12px;
    font-weight: normal;
    height: 100%;
    text-align: center;
    line-height: 14px;
    padding-top: 9px;
    vertical-align: middle;
}

.tabs-small .tabs-header > div a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;    
    width: 100%;
}

.tabs-small .tabs-header .tabs-header-item {
    -ms-flex-item-align: end;
    align-self: flex-end;
    background-color: #eee;
    border-bottom: 1px solid #dadada;
    color: #a8a8a8;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.199em;
    height: 28px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align: center;
    line-height: 14px;
    vertical-align: middle;
    width: 50%;
}

.tabs-small .tabs-header .tabs-header-item.active > div{
    margin-top: 8px;
}

.tabs-small .tabs-header .tabs-header-item.active {
    color:#f60;
    background-color:#F6F6F6;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-bottom: none;
    line-height: 15px;
}

.tabs-small .tabs-header .tabs-header-item:first-child.active{
    border-left:none;
}

.tabs-small .tabs-header .tabs-header-item:last-child.active{
    border-right:none;
}

.tabs-small .tabs-header-item.active:after {
    content: "\e90d";
    display: block;
    font-family: 'bpifont';
    font-size: 0.4em;
    line-height: 1;
    margin-top: 0px;
    text-align: center;
}

.tabs-small .tabs-header-item:after {
    content: '';
    display: block;
    font-family: 'bpifont';
    font-size: 0.4em;
    line-height: 1;
    margin-top: 7px;
    text-align: center;
}

.tabs-small .tabs-content-item.active {
    background-color: #f6f6f6;
    border-top: none;
    display: block;
    border: 1px solid #ddd;
    border-top:none;
}

.tabs-small .tabs-content-item{
    padding:12px;
}

.tabs-small .tabs-content-item {
    display: none;
}

.tabs-small .tabs-content-item .TableRecords th,
.tabs-small .tabs-content-item .TableRecords tr td {
    background-color: #f6f6f6;
    border: none;
    border-bottom: 1px solid #dadada;
    color: #707070;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: -1px;
    margin: 0;
    padding: 4px 3px;
    text-transform: uppercase;
    text-align: left;
}

.tabs-small .tabs-content-item .TableRecords tr td:empty 
{
    border-bottom: none;
}

.tabs-small .tabs-content-item .TableRecords th:hover,
.tabs-small .tabs-content-item .TableRecords tr:hover,
.tabs-small .tabs-content-item .TableRecords tr:hover td {
    background-color: #f6f6f6;
}

.tabs-small .TableRecords thead > tr > th:last-child > div{
    padding: 0;
}

/* bpi-research */

.bpi-research .Box.Transparent .Card_Title a {
    color: #747476;
}

.bpi-research .Box .CardSimple .Heading3 a {
    font-size: 1em;
    font-family: roboto-condensed-bold;
    margin-top: 10px;
}

.bpi-research .Card .Card_Title.Heading3 {
    padding-bottom: 20px;
}

.bpi-research .CardsListContainer {
    margin-top: 10px;
}

.bpi-research .GalleryItem .Box.Transparent {
    margin-top: 30px;
}

.bpi-research .GalleryItem .Box.Transparent .CardSimple {
    padding-bottom: 0;
}

.bpi-research .ListRecords .h1 {
    color: #f60;
}

.bpi-research .ListRecords > div {
    margin-top:20px;
}

.bpi-research .Card_Text > div:first-child {
    position: absolute;
    top: -25px;
}

.bpi-research .Card_Text > div:first-child:not(:empty) {
    background: #eaeaea;
    color: #818181;
    padding: 3px;
    margin-bottom: 5px;
}

.bpi-research .Card_Text > div:nth-child(2) {
    bottom: 0px;
    position: absolute;
}

.bpi-research .Card_Text .ListRecords a{
    text-decoration:none;
    color:#666;
    font-size:0.9em;
}

.bpi-research .Card_Text .ListRecords a:hover{
    text-decoration:underline;
}

.phone .bpi-research .Gallery .GalleryItem,
.tablet .bpi-research .Gallery .GalleryItem{
    margin-bottom:45px;
}

/* result-research */

.result-research .ListRecords:first-child{
    margin-top: 20px;
}

.result-research .ListRecords > div a{
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.5em;
}

.result-research .ListRecords > div a:hover{
    text-decoration: underline;
}

.result-research .ListRecords > div > div:nth-child(3){
    display:flex;
    overflow: hidden;
    flex-wrap: wrap;
}

.result-research .ListRecords > div > div:nth-child(3) > * span > div{
    background: #eaeaea;
    color: #818181;
    padding: 3px;
    margin-right: 5px;
    text-align: center;
}

/* app-list  */

.app-list .CardSimple.Card {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
}

.app-list .Card_Text .info {
    margin-bottom:10px;
}

.app-list .CardSimple.Card {
    height: 100%;
}

.app-list .Card_Text {
    height: 100%;
}

.app-list .Card_Actions .stores {
    bottom: 0;
    height: 100%;
    margin: 0;
    position: relative;
}

.app-list .stores .h2 {
    margin-bottom: 5px;
}

.app-list .stores .ListRecords {
    height: auto;
}

.app-list .stores a {
    margin: 0 0 5px 0;
    width: 86px;
    height: 30px;
}

.app-list .stores a img {
    height: 30px;
    width: 86px;
}

.app-list .stores .ListRecords a:nth-child(odd){
    margin-right: 2px;
    margin-left: 0;
}

.Page:not(.desktop) .app-list .stores .ListRecords{
    justify-content: unset;
    margin: 5px 2px;
}

.stores a:nth-child(odd),
.stores a:nth-child(even){
    margin:0 2px;
}

.Page:not(.desktop) .app-list .stores .ListRecords a {
    margin-right: 5px !important;
}

/* Row Container */

.row-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.row-container:nth-child(odd) {
    background-color: #ececec;
}

/* overlappingText */

.overlappingText .h1{
    align-items: center;
    background-color: #fff;
    color: #f60;
    display: flex;
    font-size: 38px;
    height: 138px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 110px;
    width: 330px;
}

.greyArea {
    background-color: #666;
    display: flex;
    padding: 10px;
    left: 390px;
    margin-top: -35px;
    opacity: 0.9;
    position: relative;
    width: 330px;
}

.greyArea p {
    color: #fff;
    margin: 0;
}

.Page.phone .overlappingText .h1 {
    display: unset;
    font-size: 1.5em;
    height: auto;
    padding: 10px;
    top: 37.33vw;
    width: 53.33vw;
}

.Page.phone .greyArea {
    position: unset;
    margin-top: 10px;
    width: 100%;
}

.Page.tablet .greyArea {
    left: 50.93vw;
    width: 44.80vw;
}

.Page.tablet .overlappingText .h1{
    top: 23.33vw;
}

/* Forms */

.formfields fieldset > div select {
    margin-left: 0;
}

.formfields fieldset {
    border: none;
    padding: 0;
    background-color: #eee;
    margin-bottom: 0;
}

.formfields .col.selectfield {
    text-align: left;
}

.formfields {
    background-color: #eee;
    display: block;
    padding: 19px;
    margin-top: 10px;
}

.formfields .col {
    text-align: left;
    padding-bottom: 10px;
    width: 50%;
}

.formfields .row {
    padding-bottom: 10px;
    overflow: hidden;
    width: 100%;
    text-align: left;
}

.formfields .forms-footer {
    font-weight: normal;
    text-align: left;
}

.formfields .buttons {
    margin-top: 10px;
    text-align: left;
}

/* Accoridion */

.AccordionVertical_item{
    border-top: unset;
    overflow: hidden;
}

.AccordionVertical_item.open .AccordionVertical___title {
    color: #f60;
}

.AccordionVertical__content p img{
    max-width: 668px;
}

.AccordionVertical__content h2{
    font-size: 13px;
    line-height: 17px;
}

.AccordionVertical_item table{
    max-width: 670px;
}

.AccordionVertical_item table thead tr th{
    text-align: center;    
}

.AccordionVertical {
    border: none;
    font-size: 100%;    
}

.AccordionVertical_item > .AccordionVertical__content {
    border-bottom: 1px solid #ddd;
    padding: 0;
}

.AccordionVertical_item.open > .AccordionVertical__content {
    border-top: none;
    padding: 17px 0;
}

.AccordionVertical__header {
    padding: 7px 0;
}

.AccordionVertical___title {
    color: #7e7e7e;
    font-family: "roboto-condensed-bold";
    font-size:18px;
    font-weight: bold;
}

.AccordionVertical___icon {
    border-left: none;
}

.AccordionVertical___icon > .fa {
    border: none !important;
    color: #7e7e7e !important;
}

/* List Navigation */

span.ListNavigation_CurrentPageNumber {
    background: #f60;
    color: #fff;
}

.ListNavigation_Next:after, .ListNavigation_DisabledNext:after {
    display: inline-block;
}

.main-content-left {
    max-width:668px;
}


/* CardPreviewProduct */

.Gallery .CardPreviewProduct .CardPreviewProduct_title {
    font-weight: normal;
}

/* Gallery */
.Gallery {
    
}

.Gallery .GalleryWrapper {
    margin-left: -17px;
}

.Gallery .GalleryItem {
    margin-bottom: 20px;
    padding-left: 20px;
}

.Gallery .adjustHeightPerRow,
.Gallery .adjustHeightPerRow .ListRecords,
.Gallery .adjustHeight,
.Gallery .adjustHeight .ListRecords{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-basis: 100%;
    height: 100%;
    width: 100%;
}



.Gallery .adjustHeightPerRow .GalleryItem > div,
.Gallery .adjustHeight .GalleryItem > div{
    height: 100% !important;
}


/*  CardSimple */
.Box .CardSimple {
    min-height: 130px;
    padding: 0 0 40px 0;
    position: relative;
}

.Gallery .GalleryWrapper .GalleryItem .Box > div,
.Gallery .GalleryWrapper .GalleryItem .Box > span,
.Gallery .GalleryWrapper .GalleryItem .Box .CardSimple {
    height: 100%;
}

.Box .CardSimple .Heading3 {
    font-size: 2em;
    line-height: 1.1em;
}

.Box .CardSimple .Heading4{
    line-height: 1em;
}

.Box .CardSimple .Card_Text {
    font-size: 1em;
    line-height: 1.05em;
    letter-spacing: -1px;
    margin: 5px 0;
}

.Box.Orange .CardSimple .Card_Text,
.Box.Orange .Heading3,
.Box.DarkBlue .CardSimple .Card_Text,
.Box.DarkBlue .Heading3,
.Box.Gray .CardSimple .Card_Text,
.Box.Gray .Heading3 {
    color: #fff;
}

.Box .CardSimple .Card_Text,
.Box.Silver .CardSimple .Card_Text,
.Box.Silver .Heading3,
.Box.White .CardSimple .Card_Text,
.Box.White .Heading3,
.Box.Transparent .CardSimple .Card_Text,
.Box.Transparent .Heading3 {
    color: #747476;
}

.homepage .CardSimple  .Card_Title > div:last-child {
    font-size: 16px;
    line-height: 16px;
}

/* CardSimple branches */
.branches .Box {
    background-color:transparent;
    padding:0 0 20px 0;
}

.branches .Box .Card_Title {
    border-bottom: 1px solid #ddd;
    color: #a1a1a1;
    font-family: "Lucida Sans Unicode", sans-serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1em;
    height: auto;
    padding-bottom: 5px;
    margin-top: 10px;
    text-transform: uppercase;
    margin-bottom: 0;
}

/* Box */
.Box {
    padding: 20px;
}
.Box > a, .Gallery a {
    text-decoration: none;
}
.size-s .Box {
    padding: 10px 10px 15px 10px;
}

.Gallery .GalleryWrapper .GalleryItem .Box {
    height: 100% !important;
}

.Box.Orange {
    background-color: #f60;
}

.Box.DarkBlue {
    background-color: #006;
}

.Box.Gray {
    background-color: #a4a4a6;
}

.Box.Silver {
    background-color: #e1dfdf;
}

.Box.White {
    background-color: #eee;
}

.Box.Transparent {
    border-left: 1px solid #e3e1e1;
    padding: 0 20px 0 20px;
}

/* Button */
a.Button,
.Button {
    background-color: #a1a1a1;
    border-width: 0;
    color: #fff;
    display: inline-block;
    font-size: 0.71em;
    height: 26px;
    line-height: 1em;
    margin: 0 0 0 5px;
    min-width: 0;
    padding: 8px 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.Box .CardSimple a.Button, 
.Box .CardSimple .Button {
    line-height: 1em;
}

.desktop .Button:hover, .desktop a.Button:hover {
    background-color: #a1a1a1;
    text-decoration: none;
}

.desktop .Button.ButtonDefault:hover, .desktop .Button.Is_Default:hover {
    background-color: #f60;
    border-color: #fff;
}

.phone .Button, 
.tablet .Button, 
.phone a.Button, 
.tablet a.Button {
    height: 26px;
    line-height: 1em;
    text-decoration: none;
}

.Button:after {
    font-family: 'bpifont';
    content: "\e909";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    padding-left: 6px;
}

.Button.ButtonDefault, .Button.Is_Default {
    background-color: #f60;
    border-color: transparent;
    color: #fff;
    padding: 8px 10px 8px 10px;
}

.Button.Orange {
    background-color: #f60;
    color: #fff;
}

.Button.Blue{
    background-color:#006;
}

.Button.White{
    background-color: #fff;
    color: #747476;
}

.Button .icon-arrow-right{
    display: none !important;
}

.Button.no-arrow:after {
    content: none;
}

a.Button.First, 
.Button.First {
    margin-left: 0;
}

.Box .CardSimple a.Button,
.Box .CardSimple .Button {
    margin: 0;
    line-height: 1.4em;
}

.Box.Orange .CardSimple .Card_Actions a.Button,
.Box.Orange .CardSimple .Card_Actions .Button, 
.Box.DarkBlue .CardSimple .Card_Actions a.Button, 
.Box.DarkBlue .CardSimple .Card_Actions .Button,
.Box.Gray .CardSimple .Card_Actions a.Button,
.Box.Gray .CardSimple .Card_Actions .Button,
.Box.White .CardSimple .Card_Actions a.Button,
.Box.White .CardSimple .Card_Actions .Button,
.Box.Silver .CardSimple .Card_Actions a.Button,
.Box.Silver .CardSimple .Card_Actions .Button {
    color: #a1a1a1;
    background-color: #fff;
}

.Box.Transparent .CardSimple .Card_Actions a.Button,
.Box.Transparent .CardSimple .Card_Actions .Button {
    color: #fff;
    background-color: #f60;
}

.Card_Actions .Button {
    position: absolute;
    bottom: 0;
    left: 0;
}

.Box .Card_Title a {
    color: #fff;
    font-size: 28px;
    -webkit-text-decoration: #fff;
            text-decoration: #fff;
}

.Box.Silver .Card_Title a{
    color:#747476;
}

.stores {
    padding: 10px;
    background-color: #eaeaea;
    width: 100%;
    margin-top:10px;
    height: auto;
}

.stores .h2{
    color: #818181;
    font-size: 14px;
    padding: 0;
    text-transform: uppercase;
}

.stores a {
    display: block;
    margin: 5px 0;
    float: left;
    height: 30px;
    width:calc(50% - 2px);
}

.stores a img {
    width: 100% !important;
}

.stores .ListRecords a:nth-child(odd) {
    margin-right: 2px;
}

.stores .ListRecords a:nth-child(even) {
    margin:0 2px;
}

.stores .ListRecords a:first-child{
    margin-left:0;
}

.stores strong {
    color: #818181;
    display: block;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.stores .ListRecords {
    display: flex;
}

.itemlist li .stores, .stores {
    width: auto !important;
}

.Page:not(.desktop) .itemlist li .stores, 
.Page:not(.desktop) .stores{
    height: auto !important;
}

.Page:not(.desktop) .stores .ListRecords{
    flex-flow: row wrap;
    justify-content: space-around;
}

.Page:not(.desktop) .stores .ListRecords a:nth-child(odd),
.Page:not(.desktop) .stores .ListRecords a:nth-child(even){
    margin: 0 0 5px 0;
}

/* floating buttons */
.ButtonsControls_bottomFixed {
    background-color: #fff;
    border-top: 1px solid #f6f6f6;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 100;
    transition: opacity 300ms;
}

.ButtonsControls_bottomFixed .Buttons.ButtonsControls {
    max-width: 960px;
    margin: 0 auto;
    padding-right: 246px;
}

.ButtonsControls_bottomFixed .Buttons.ButtonsControls a.Button.Blue,
.ButtonsControls_bottomFixed .Buttons.ButtonsControls .Button.Blue {
    background-color: #f60;
}
.ButtonsControls_bottomFixed .Buttons.ButtonsControls a.Button.Blue:hover,
.ButtonsControls_bottomFixed .Buttons.ButtonsControls .Button.Blue:hover {
    background-color: #f60;
}

.tablet .ButtonsControls_bottomFixed .Buttons.ButtonsControls,
.phone .ButtonsControls_bottomFixed .Buttons.ButtonsControls {
    padding-right: 15px;
    max-width: 750px;
}

.Buttons_Right .Button:not(:first-child) {
    margin-left: 10px;
}

/*---------------------
    $ ResumoReforma
-----------------------*/

.resume-info-wrapper {
    padding: 10px 0;
}

.resume-info {
    background-color: #fff;
    padding: 20px;
}

.resume-info-title {
    color: #f60;
    font-family: 'roboto-condensed-bold';
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 10px;
    text-align: left;    
}

.resume-info-title:not(:first-child) {
    margin-top: 20px;
}

.resume-info-total-value {
    background-color: #ff9000;
    border-radius: 2px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
}

.resume-info-label-wrapper {
    margin: 10px 0;
}

.resume-info-left-label,
.resume-info-center-label,
.resume-info-center-right-label,
.resume-info-right-label {
    color: #666666;
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding: 0 0 10px 0; 
    text-align: left;
    width: 100%;
}

.resume-info-left-label:before,
.resume-info-center-label:before,
.resume-info-center-right-label:before,
.resume-info-right-label:before {
    content: '';
    display: inline-block;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
    width: 20px;
}

.resume-info-left-label:before {
    background-color: #f60;
}

.resume-info-center-label:before {
    border: 1px solid #ff873a;
    box-sizing: border-box;
}

.resume-info-center-right-label:before {
    border: 1px solid #999;
    box-sizing: border-box;
}

.resume-info-right-label:before {
    background-color: #999;
}

.resume-info-left-label:empty,
.resume-info-center-label:empty,
.resume-info-center-right-label:empty,
.resume-info-right-label:empty {
    display: none;
}

.resume-info-bar-wrapper {
    border-radius: 2px;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin-bottom: 35px;
    width: 100%;
}

.resume-info-bar-wrapper > div {
    display: inline-block;
}

.resume-info-left-bar {
    background-color: #f60;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;    
    height: 100%;
    min-width: 125px;
    position: relative;
    text-align: center;
}

.resume-info-center-bar {
    border: 1px solid #ff873a;
    color: #ff873a;
    height: 100%;
    min-width: 98px;
    position: relative;
    text-align: center;
}

.resume-info-center-right-bar {
    border: 1px solid #999;
    color: #999;
    height: 100%;
    min-width: 98px;
    position: relative;
    text-align: center;
    top: 25px;
}

.resume-info-right-bar {
    background-color: #999999;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    height: 100%;
    min-width: 125px;
    position: relative;
    text-align: center;
    top: 25px;
}

.resume-info-right-bar:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    border-right: 1px dashed #999;
    right: 0;
    top: -100%;
}

.resume-info-left-bar-value,
.resume-info-right-bar-value {
    white-space: nowrap;
}

.resume-info-left-bar-value {
    left: 10px;
}

.resume-info-right-bar-value {
    right: 10px;
}

.resume-info-text {
    font-size: 12px;
    padding: 0 0 10px 0;
}
.resume-info-text:empty {
    display: none;
}

.resume-info-extra-wrapper {
    background-color: #f6f6f6;
    margin-top: 10px;
    padding: 20px;
    text-align: center;
}
.resume-info-extra-text {
    
}
.resume-info-extra-value {
    color: #f60;
    font-family: 'roboto-condensed-bold';
    font-size: 26px;
    padding-top: 10px;
}

.phone .resume-info {
    padding: 10px;
}
.phone .resume-info-center-bar {
    min-width: auto;
}
.phone .resume-info-right-bar {
    min-width: 80px;
}

.Text_red.cotacao div:nth-child(2),
.Text_green.cotacao div:nth-child(2){
    position: relative;
    top: 3px;
    text-align: right;
}

.Text_red.cotacao div:nth-child(1),
.Text_green.cotacao div:nth-child(1) {
    margin-right: 6px;
}

/*------------------------------------*\
    $ Carousel (Outsystems UI)
\*-------------------------------------*/

.carousel {
    overflow: hidden;
    position: relative;
    -webkit-transition: opacity 330ms ease;
            transition: opacity 330ms ease;
    width: 100%;
    will-change: transform;
}

.carousel-container {
    margin: 0 auto;
    width: 1400px;
}

.Page:not(.homepage) .carousel-container {
    background-color: transparent;
    white-space: nowrap;
    width: 100%;
}

.Page.desktop.small .carousel-container {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}

.Page.tablet .carousel-container {
    width: 100%;
}

.carousel.is--hidden {
    opacity: 0;
    
}

.carousel .tns-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
    width: 100%;
}

.carousel .tns-ovh {
    position: relative;
}

.carousel .tns-item {
    cursor: -webkit-grab;
}

.tablet .tns-item img {
    width: 100%;
}

.tablet .carousel .tns-nav {
    margin-left: 0;
    margin-top: 0;
}

.carousel .tns-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -25px;
    margin-left: -250px;
    z-index: 1;
        
}

.Page:not(.homepage) .carousel .tns-nav{
    margin-left: 0;
}

.Page:not(.homepage) .carousel .tns-horizontal.tns-subpixel > .tns-item {
    width: 100%;
    text-align: center;
}

.carousel .tns-nav button {
    cursor: pointer;
}

.carousel .carousel-navigation {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.carousel .carousel-arrow-left,
.carousel .carousel-arrow-right {
    position: absolute;
    background:  var(--color-neutral-0);
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-shadow: var(--shadow-xs);
            box-shadow: var(--shadow-xs);
    color: var(--color-neutral-7);
    -webkit-transition: all 180ms linear;
            transition: all 180ms linear;
}

.carousel .carousel-arrow-left:hover,
.carousel .carousel-arrow-right:hover {
    color: var(--color-neutral-9);
}

.carousel .carousel-arrow-left {
    left: 0;
}

.carousel .carousel-arrow-right {
    right: 0;
}

.carousel .carousel-navigation.carousel-padding-none .carousel-arrow-left {
    left: 24px;
}

.carousel .carousel-navigation.carousel-padding-none .carousel-arrow-right {
    right: 24px;
}

.carousel .carousel-arrow-left .fa-fw,
.carousel .carousel-arrow-right .fa-fw {
    font-size: 24px;
}

.carousel .carousel-arrow-left .fa-fw {
    margin: -2px 0 0 -2px;
}

.carousel .carousel-arrow-right .fa-fw {
    margin: -2px -2px 0 0;
}

/* Library CSS */
.carousel img:not(.tns-lazy-img),
.carousel .lazyload img {
    height: auto;
}
.carousel [class*="autoWidth"] img {
    max-width: none;
}

.carousel .img {
    font-size: 100px;
    font-weight: 100;
    color: #fff;
    text-align: center;
}

.carousel .visually-hidden {
    position: fixed;
    left: -10000px;
    opacity: 0;
}

/* nav */
.carousel .nav.active ul {
    left: 0;
}

.carousel .nav.active .nav-toggle-handle {
    left: 17em;
}

.carousel .nav.active .nav-toggle-handle:before {
    display: inline-block;
}

.carousel .nav.active .nav-toggle-handle:after {
    display: none;
}

.carousel .nav ul {
    position: fixed;
    top: 0;
    left: -17em;
    z-index: 100;
    width: 17em;
    height: 1000px;
    height: 100vh;
    background-color: #fff;
    -webkit-box-shadow: 2px 0 15px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.15);
    transition: left 0.25s;
    overflow-y: auto;
}

.carousel .nav a {
    display: block;
    padding: 0.7em 1em;
    color: inherit;
    text-decoration: none;
}

.carousel .nav a:hover {
    background-color: #F3F3F3;
}

.carousel .nav .active {
    color: #fff;
    background-color: #af23ff !important;
}

.carousel .nav-toggle-handle {
    position: fixed;
    transition: left 0.25s;
    left: 0;
    top: 0;
    z-index: 100;
    padding: 10px;
    color: #fff;
    background-color: #af23ff;
    cursor: pointer;
}

.carousel .nav-toggle-handle:before { 
    display: none;
    padding-right: 5px;
    content: 'â—„'; 
    font-size: 0.8em;
}

.carousel .nav-toggle-handle:after { 
    padding-left: 5px;
    content: 'â–º'; 
    font-size: 0.8em;
}

.carousel .customize-tools {
    position: relative;
}

.carousel .thumbnails { 
    margin: 20px 0;
    text-align: center;
}

.carousel .thumbnails li {
    display: inline-block;
    cursor: pointer;
    border: 5px solid #fff;
}

.carousel .thumbnails [aria-selected="true"] {
    background: none;
    border-color: #000;
}

.carousel .thumbnails li {
    width: 50px;
}

.carousel .thumbnails img {
    vertical-align: bottom;
    height: auto;
    max-height: 50px;
}

.carousel .controls {
    text-align: center;
}

.carousel .controls li {
    display: block;
    position: absolute;
    top: 50%;
    height: 60px;
    line-height: 60px;
    margin-top: -30px;
    padding: 0 15px;
    cursor: pointer;
    transition: background 0.3s;
}

.carousel .controls li img {
    display: inline-block;
    vertical-align: middle;
}

.carousel .controls .prev {
    left: 0;
}

.carousel .controls .next {
    right: 0;
}

.carousel .controls li:hover {
    background: #f2f2f2;
}

.carousel .tns-controls {
    text-align: center;
    margin-bottom: 10px;
}

.carousel .tns-controls [aria-controls] {
    font-size: 15px;
    margin: 0 5px;
    padding: 0 1em;
    height: 2.5em;
    color: #000;
    background: #66CCFF;
    border-radius: 3px;
    border: 0;
}

.carousel .lt-ie9 .tns-controls > [aria-controls] {
    line-height: 2.5em;
}

.carousel [data-action] {
    display: block;
    margin: 10px auto;
    font-size: 17px;
    min-width: 3em;
    text-align: center;
    background: transparent;
    border: 0;
}

.carousel .tns-controls [disabled] { 
    color: #999999;
    background: #B3B3B3; 
    cursor: not-allowed !important;
}

.carousel .tns-nav > [aria-controls] {
    width: 12px;
    height: 12px;
    list-style: none;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin: 5px 5px 5px 0;
    padding: 0;
    cursor: pointer;
    -ms-box-shadow: inset 1px 1px 3px #ccc;
    -moz-box-shadow: inset 1px 1px 3px #ccc;
    -webkit-box-shadow: inset 1px 1px 3px #ccc;
    box-shadow: inset 1px 1px 3px #ccc;
    display: inline-block;
    background: #e9e9e9;
}

.carousel .tns-nav > [aria-controls]:last-chilf {
    margin-right: 0;
}

.carousel .tns-nav > [aria-selected="true"] {
    background-color: #f16717;
    -ms-box-shadow: inset 0 1px 1px #f3ccb5;
    -moz-box-shadow: inset 0 1px 1px #f3ccb5;
    -webkit-box-shadow: inset 0 1px 1px #f3ccb5;
    box-shadow: inset 0 1px 1px #f3ccb5;
    border: 1px solid #b64300;
}

.carousel .playbutton-wrapper {
    text-align: center;
}

.carousel .playbutton-wrapper button {
    height: 34px;
    padding: 0 10px;
    font-size: 14px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid  #ccc;
    cursor: pointer;
}

.carousel .wrapper {
    padding: 0 5em;
}

.carousel .suite-container .title, 
.carousel .suite-container .subtitle, 
.carousel .suite-container li {
    padding: 5px 10px;
}

.carousel .suite-container li {
    font-size: 12px;
    line-height: 1.4;
    background: #f5f5f5;
}
.carousel .suite-container .title {
    font-size: 14px;
    font-weight: bold;
    background: #8acac6;
    text-transform: capitalize;
}

.carousel .suite-container .subtitle {
    font-size: 13px;
    font-weight: bold;
    background: #dedede;
    text-transform: capitalize;
}

.carousel .suite-container .fail {
    background: #FFADE2;
}

.carousel [class*="vertical"] .img {
    padding: 30px 0;
}

.carousel [class*="vertical"] .img:before {
    content: '';
    display: inline-block;
    width: 1px;
    margin-right: -1px;
    height: 100%;
    vertical-align: middle;
}

.carousel [class*="vertical"] .img a {
    display: inline-block;
    padding: 0;
}
.carousel [class*="vertical"] .img-1 { height: 137px; }
.carousel [class*="vertical"] .img-2 { height: 122px; }
.carousel [class*="vertical"] .img-3 { height: 143px; }
.carousel [class*="vertical"] .img-4 { height: 325px; }
.carousel [class*="vertical"] .img-5 { height: 140px; }
.carousel [class*="vertical"] .img-6 { height: 119px; }
.carousel [class*="vertical"] .img-7 { height: 223px; }
.carousel [class*="vertical"] .img-8 { height: 164px; }

/* https://daneden.github.io/animate.css/ */
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

/*########## tny slider css ##########*/
.carousel .tns-outer {
    padding: 0 !important;
}

.carousel .tns-outer [hidden] {
    display: none !important;
}

.carousel .tns-outer [aria-controls], .carousel .tns-outer [data-action] {
    cursor: pointer;
}

.carousel .tns-slider {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}

.carousel .tns-slider > .tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.carousel .tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
}

.carousel .tns-horizontal.tns-no-subpixel:after {
    content: '';
    display: table;
    clear: both;
}

.carousel .tns-horizontal.tns-no-subpixel > .tns-item {
    float: left;
    margin-right: -100%;
}

.carousel .tns-no-calc {
    position: relative;
    left: 0;
}

.carousel .tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px;
}

.carousel .tns-gallery > .tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s, opacity 0s;
    -moz-transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s;
}

.carousel .tns-gallery > .tns-slide-active {
    position: relative;
    left: unset !important;
}

.carousel .tns-gallery > .tns-moving {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}

.carousel .tns-lazy-img {
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    transition: opacity 0.6s;
    opacity: 0.6;
}

.carousel .tns-lazy-img.loaded {
    opacity: 1;
}

.carousel .tns-ah {
    -webkit-transition: height 0s;
    -moz-transition: height 0s;
    transition: height 0s;
}

.carousel .tns-ovh {
    overflow: hidden;
}

.carousel .tns-visually-hidden {
    position: absolute;
    left: -10000em;
}

.carousel .tns-transparent {
    opacity: 0;
    visibility: hidden;
}

.carousel .tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0;
}

.carousel .tns-normal, .carousel .tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
}

/*------------------------------------*\
    $ product detail
\*-------------------------------------*/

.ProductDetail .Title {
    font-weight: bold;
    margin-bottom: 1em;
}

/*------------------------------------*\
    $ Controls - Calendar
\*-------------------------------------*/

.pika-lendar {
    background: #666;
    border-radius: 10px;
}

.pika-lendar .pika-title {
    padding: 5px;
    border: none;
    height: 45px;
}

.pika-single {
    margin-top: 5px;
    background-color: transparent;
    border: none;
}

.pika-label {
    background-color: #666;
    color: #fff;
    cursor: pointer;
    font-weight: normal;
    font-size: 13px;
}

.pika-table {
    padding: 0 5px;
    width: 100%;
    margin-bottom:0;
}

.pika-table thead tr th,
.pika-table tbody tr td {
    width: 30px;
    border: 1px solid #ddd;
    padding: 0;
    opacity: 1;
}

.pika-table thead th {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.pika-table tr th {
    background-color: #eee;
}

.pika-table tr th abbr[title] {
    border-bottom: none;
    font-weight: bold;
    color: #666;
}

.pika-table thead tr {
    -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color:#eee;
}

.pika-table th {
    color: #9E9E9E;
    -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    font-weight: 400;
}

.pika-table th abbr[title] {
    text-decoration: none;
}

.pika-table tbody {
    margin-top: 10px;
}

.pika-table tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
    margin-bottom: 0;
}

.pika-table tbody td {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
}

.pika-button {
    background-color: transparent;
    border: 0;
    color: #000;
    cursor: pointer;
    height: 32px;
    padding: 0;
    position: relative;
}

.pika-button:hover {
    background-color: #666;
    color: #fff;
}

.is-selected .pika-button {
    background-color: #eee;
    color: #f60;
}

.is-selected .pika-button:hover {
    background-color: #666;
}

.pika-prev:after,
.pika-next:after,
.Calendar-navBtn > div {
    color: #fff;
    font-size: 20px;
    padding: 10px 0;
}

.pika-prev:hover,
.pika-next:hover {
    background: #f60;
}

.Calendar-prevYear:hover {
   background-color: #f60;
   border-top-left-radius: 10px;
}

.Calendar-nextYear:hover {
   background-color: #f60;
   border-top-right-radius: 10px;
}

.triggerTime {
    border: none;
    color: #fff;
    opacity: 1;
}

.triggerTime:hover {
    border-radius: 0 0 10px 10px;
    background: #666;
}

input[placeholder="DD-MM-YYYY"],
input[placeholder="DD-MM-AAAA"] {
    background-image: url('/LT_SitePublico/img/calendar_input_date.png?21797') !important;
    background-position: right 15px center !important;
    background-repeat: no-repeat !important;
    padding-right: 35px;
}

/*------------------------------------*\
    $ Input with Units
\*-------------------------------------*/

.input-with-units {
    position: relative;
}

.input-with-units__placeholder {
    color: var(--color-primary);
    font-family: var(--font-barlow-semibold);
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
}

.input-with-units__input input {
    border: 1px solid #eee;
    height: 44px;
    padding-right: 45px;
}

/*------------------------------------*\
    $ progress-bar-risk
\*-------------------------------------*/

.progress-bar-risk {
    display: inline-block;
    margin-bottom: 1px;
    margin-left: 4px;
    padding: 0 1px 1px;
    vertical-align: bottom;
}

.FormEditItem_Note .progress-bar-risk {
    margin-left: 0;
}

.progress-bar-risk-bar {
    background-color: #ccc;
    border-radius: 2px;
    display: inline-block;
    height: 14px;
    margin-right: 3px;
    vertical-align: bottom;
    width: 4px;
}

.progress-bar-risk-bar.active {
    -webkit-animation: toOrange 300ms;
    animation: toOrange 300ms;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

.progress-bar-risk-bar.active:nth-child(1) {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
    -webkit-animation-name: toOrange1;
    animation-name: toOrange1;
}
.progress-bar-risk-bar.active:nth-child(2) {
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
    -webkit-animation-name: toOrange2;
    animation-name: toOrange2;
}
.progress-bar-risk-bar.active:nth-child(3) {
    -webkit-animation-delay: 675ms;
    animation-delay: 675ms;
    -webkit-animation-name: toOrange3;
    animation-name: toOrange3;
}
.progress-bar-risk-bar.active:nth-child(4) {
    -webkit-animation-delay: 825ms;
    animation-delay: 825ms;
    -webkit-animation-name: toOrange4;
    animation-name: toOrange4;
}
.progress-bar-risk-bar.active:nth-child(5) {
    -webkit-animation-delay: 950ms;
    animation-delay: 950ms;
    -webkit-animation-name: toOrange5;
    animation-name: toOrange5;
}
.progress-bar-risk-bar.active:nth-child(6) {
    -webkit-animation-delay: 1050ms;
    animation-delay: 1050ms;
    -webkit-animation-name: toOrange6;
    animation-name: toOrange6;
}
.progress-bar-risk-bar.active:nth-child(7) {
    -webkit-animation-delay: 1125ms;
    animation-delay: 1125ms;
    -webkit-animation-name: toOrange7;
    animation-name: toOrange7;
}

.ie9 .progress-bar-risk-bar.active:nth-child(1) { background: #FCA464; }
.ie9 .progress-bar-risk-bar.active:nth-child(2) { background: #FCA364; }
.ie9 .progress-bar-risk-bar.active:nth-child(3) { background: #FD9851; }
.ie9 .progress-bar-risk-bar.active:nth-child(4) { background: #FD8C3E; }
.ie9 .progress-bar-risk-bar.active:nth-child(5) { background: #FE812B; }
.ie9 .progress-bar-risk-bar.active:nth-child(6) { background: #FE7518; }
.ie9 .progress-bar-risk-bar.active:nth-child(7) { background: #FF6804; }

@-webkit-keyframes toOrange {
    from {background: #d4d4d4;}
    to {background: #f60;}
}

@keyframes toOrange {
    from {background: #d4d4d4;}
    to {background: #f60;}
}

@-webkit-keyframes toOrange1 {
    from {background: #d4d4d4;}
    to {background: #FCA464;}
}

@keyframes toOrange1 {
    from {background: #d4d4d4;}
    to {background: #FCA464;}
}

@-webkit-keyframes toOrange2 {
    from {background: #d4d4d4;}
    to {background: #FCA364;}
}

@keyframes toOrange2 {
    from {background: #d4d4d4;}
    to {background: #FCA364;}
}

@-webkit-keyframes toOrange3 {
    from {background: #d4d4d4;}
    to {background: #FD9851;}
}

@keyframes toOrange3 {
    from {background: #d4d4d4;}
    to {background: #FD9851;}
}

@-webkit-keyframes toOrange4 {
    from {background: #d4d4d4;}
    to {background: #FD8C3E;}
}

@keyframes toOrange4 {
    from {background: #d4d4d4;}
    to {background: #FD8C3E;}
}

@-webkit-keyframes toOrange5 {
    from {background: #d4d4d4;}
    to {background: #FE812B;}
}

@keyframes toOrange5 {
    from {background: #d4d4d4;}
    to {background: #FE812B;}
}

@-webkit-keyframes toOrange6 {
    from {background: #d4d4d4;}
    to {background: #FE7518;}
}

@keyframes toOrange6 {
    from {background: #d4d4d4;}
    to {background: #FE7518;}
}

@-webkit-keyframes toOrange7 {
    from {background: #d4d4d4;}
    to {background: #FF6804;}
}

@keyframes toOrange7 {
    from {background: #d4d4d4;}
    to {background: #FF6804;}
}

.progress-bar-risk-label {
    color: #ccc;
    display: inline-block;
    font-size: 0.8em;
    letter-spacing: 1px;
    line-height: 16px;
    margin-bottom: -1px;
    vertical-align: bottom;
    width: 25px;
}

.progress-bar-risk-label > span:first-child {
    color: #f60;
}
/*table*/

table {
    margin-bottom: 20px;
    font-size: 13px;
    color: #666;   
}

.table thead th,
table thead th {
    background-color: #cdcdce;
    border: 1px solid #f6f6f6;
    padding: 15px 10px;
}

.table tbody th,
.table tbody td,
table tbody th,
table tbody td {
    background-color: #FFF6F1;
    font-weight: 400;
    border: 2px solid #fff;
    padding: 27px 20px;
    font-size: 18px;
}

.table tbody th,
.table tbody td:first-child{ 
    text-align: center;
}

table tbody th { 
    font-weight: 700;
    background-color: #f60;
    color: #fff;
    font-size: 18px;
}

table tbody td li {
    font-size: 1em;
    line-height: 1em;
    color: #666;
    margin-bottom: 5px;
}

table tbody td li:before { 
    margin-top: 4px;
}

/* container-table-2cols */

.container-table-2cols {
    display: flex;
}

.container-table-2cols td,
.container-table-2cols table,
.container-table-2cols th,
.container-table-2cols table tbody th,
.container-table-2cols table tbody td {
    border: solid 1px #FFF !important;
    border-collapse: collapse !important;
}

.container-table-2cols > table:nth-child(1),
.container-table-2cols > table:nth-child(1) thead > tr > .TableRecords_Header:last-child,
.container-table-2cols > table:nth-child(2) table tr > td:last-child,
.container-table-2cols > table:nth-child(1) .TableRecords_Header table tr > td:nth-child(3) {
    border-right: solid 0px !important;
}

.container-table-2cols > table:nth-child(2),
.container-table-2cols > table:nth-child(1) table tr > td:first-child,
.container-table-2cols > table:nth-child(2) table tr > td:first-child,
.container-table-2cols > table:nth-child(2) .TableRecords_Header table tr > td:nth-child(3) {
    border-left: solid 0px !important;
}

.container-table-2cols table table{
    border-left: solid 0px !important;
    border-right: solid 0px !important;
}

.container-table-2cols th{
    padding: 0px !important;
}

.container-table-2cols th > span{
    display: block;
    padding: 10px !important;
}

.container-table-2cols th > div:first-child,
.container-table-2cols > table:nth-child(2) .TableRecords_Header > div:first-child {
    padding: 10px 0 !important;
}

.container-table-2cols > table:nth-child(2) .TableRecords_Header {
    background: var(--color-primary);
}

.container-table-2cols > table:nth-child(2) td.TableRecords_Header {
    padding: 0 !important;
}

/* TableRecords*/
.main-content--left-content .TableRecords_Header > div {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
.TableRecords {
    border: 0;
    color: #666;
    font-size: 1.3em;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 0;
}

.TableRecords[cellSpacing] {
    border-collapse: collapse;
}

.TableRecords + .TableRecords tbody:first-child tr td,
.TableRecords + .TableRecords tbody:first-child tr th,
.TableRecords + .TableRecords thead:first-child tr td,
.TableRecords + .TableRecords thead:first-child tr th {
    border-top: 0;
}

.TableRecords tr td,
.TableRecords tr th {
    background-color: #FFF6F1;
    border: 2px solid #fff;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    padding: 27px 20px;
}

.TableRecords.noLRPadding  tr td, 
.TableRecords.noLRPadding  tr th{
    padding: 15px 1px;
}

.TableRecords tr:not(.TableRecords_Header) td {
    text-align: left;
}

.TableRecords tr th {
    background: #f60;
    color: #fff;
    font-weight: bold;
}

.TableRecords tr th.Gray10 {
    background-color: #818181;
    color: #fff;
}

.TableRecords tr td a {
    color: #666;
    text-decoration: underline;
}

.TableRecords tr td a:hover,
.TableRecords tr td a:active {
    text-decoration: none;
}

.TableRecords_Header {
    border: 0;
}

.TableRecords thead > tr > th:last-child > div{
    font-weight: normal;
    color: inherit;
    padding: 0;
}

.TableRecords_Header table tbody{
    border-top: 1px solid #fff;
}

.TableRecords_Header table tbody tr td{
    border-right: 1px solid #fff;
}

.TableRecords_Header table tbody tr td:last-child{
    border-right: none;
}

.desktop .TableRecords_OddLine:first-child,
.desktop .TableRecords_EvenLine:first-child,
.desktop .TableRecords_Header:first-child,
.tablet .TableRecords_OddLine:first-child,
.tablet .TableRecords_EvenLine:first-child,
.tablet .TableRecords_Header:first-child {
    padding-left: 10px;
    padding-right: 10px;
}

.TableRecords_OddLine:last-child,
.TableRecords_EvenLine:last-child,
.TableRecords_Header:last-child {
    padding-right: 10px;
}

.desktop .TableRecords > tbody > tr:hover,
.desktop .TableRecords > tbody > tr:hover td,
.desktop .EditableTable > tbody > tr:hover td {
    background-color: #ececec;
}

.desktop .TableRecords>tbody>tr.TableRecords_Header:hover,
.desktop .TableRecords>tbody>tr.TableRecords_Header:hover td,
.desktop .EditableTable>tbody>tr.TableRecords_Header:hover td {
    background-color: #cdcdcf;
}

.TableRecords_Header table{
    margin-bottom: 0;
    padding:0;
}

.TableRecords_Header table tr td{
    background-color: transparent;
    border:none;
}

.phone .TableRecords_Header .fixed-cell-on-phone {
    display: none;
}

.phone :not(.TableRecords_Header) > .TableRecords_OddLine.fixed-cell-on-phone,
.phone :not(.TableRecords_Header) > .TableRecords_EvenLine.fixed-cell-on-phone{
    margin-top: 1px;
    padding-bottom: 4px;
    padding-top: 4px;
    pointer-events: none;
    position: absolute;
    text-align: left;
    width: 100%;
}
.phone :not(.TableRecords_Header) > .TableRecords_OddLine.fixed-cell-on-phone > *,
.phone :not(.TableRecords_Header) > .TableRecords_EvenLine.fixed-cell-on-phone > * {
    pointer-events: auto;
}
.phone :not(.TableRecords_Header) > .TableRecords_OddLine.fixed-cell-on-phone ~ .TableRecords_OddLine:not(.fixed-cell-on-phone),
.phone :not(.TableRecords_Header) > .TableRecords_EvenLine.fixed-cell-on-phone ~ .TableRecords_EvenLine:not(.fixed-cell-on-phone) {
    border-top: 1px solid #f6f6f6;
    padding-top: 48px;
}

.phone .TableRecords thead>tr>th:last-child {
    border-bottom: 1px solid #f6f6f6;
}

.phone .TableRecord td.TableRecords_OddLine .TableRecords,
.phone .TableRecords td.TableRecords_EvenLine .TableRecords {
    margin-bottom: 0;
}

.tablet.portrait .TableRecords > thead, .phone .TableRecords > thead,
.tablet.portrait .TableRecords:not(.NoResponsive) > thead, 
.phone .TableRecords:not(.NoResponsive) > thead{
    display: table-header-group;
}

.tablet.portrait .TableRecords tr:first-child td.TableRecords_OddLine:first-child,
.tablet.portrait .TableRecords tr:first-child td.TableRecords_EvenLine:first-child,
.phone .TableRecords tr:first-child td.TableRecords_OddLine:first-child,
.phone .TableRecords tr:first-child td.TableRecords_EvenLine:first-child,
.phone .TableRecords thead>tr>th:last-child {
    border: none;
}

.tablet.portrait .TableRecords,
.phone .TableRecords {
    display: table;
    border-spacing: 0;
    empty-cells: show;
    width: 100%;
    word-break: keep-all;
}

.Section_content .TableRecords {
    margin: 0;
    padding: 0;
}

.TableRecords .TableRecords_Header .TableRecords_OddLine,
.TableRecords .TableRecords_Header .TableRecords_EvenLine {
    background-color: #cdcdcf;
    color: #666;
    font-weight: bold;
    padding: 8px 0;
}

.TableRecords input[type="checkbox"] {
    margin: 0;
}

.TableRecords .row-destaque {
    color: #666;
    background: #cdcdce;
    padding: 13px 0 13px 20px;
    text-align: left;
    font-weight: 400;
    box-sizing: border-box;
    border-bottom: 1px solid #f6f6f6;
}

.TableRecords .row-item {
    background-color: #ececec;
    padding: 13px 13px 13px 20px;
    border-top: 1px solid #f6f6f6;
}

table tr td.TableRecords_Header {
    background: #cdcdce;
    color: #666;
    border: 1px solid #f6f6f6;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}

.TableRecords .row-item:first-child {
    border-top: none;
}
.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine:first-child, 
.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine:first-child, 
.phone .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine:first-child, 
.phone .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine:first-child{
    cursor: pointer;
    display: table-cell;
    padding-bottom: 10px;
    padding-top: 10px;
}
.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine, 
.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine, 
.phone .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine, 
.phone .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine,
.tablet.portrait .TableRecords > * > * > td.TableRecords_OddLine, 
.tablet.portrait .TableRecords > * > * > td.TableRecords_EvenLine, 
.phone .TableRecords > * > * > td.TableRecords_OddLine, 
.phone .TableRecords > * > * > td.TableRecords_EvenLine{
    display: table-cell;
    float: none;
    width: unset;
    padding: 10px;
}
.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td:first-child:before, 
.phone .TableRecords:not(.NoResponsive) > * > * > td:first-child:before{
    display: none;
}

.Page.has-banner.homepage.tablet .main-content{
    margin-top: 20px;
}

.Page.phone.has-banner.homepage .main-content{
    margin-top: 70px;
}

.Page:not(.desktop) .content {
    display: inline-table !important;
    padding-top: 5.33vw;
}

.Page:not(.desktop).homepage .content {
    padding-top:0;
}

.Page:not(.desktop) .notifications .TableVerticalAlign { 
    width: 100%;
}

.Page:not(.desktop) .notifications .TableVerticalAlign .Cell1 {
    width: 95%;
}

.notifications .TableVerticalAlign .Cell1 {
    width: 95%;
}

.tabs-small .tabs-content-item .TableRecords th {
    border: unset;
}

.tabs-small .tabs-content-item .TableRecords thead {
    border-bottom: 1px solid #dadada;
    padding-left:0;    
}

.phone .tabs-small .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine:first-child,
.phone .tabs-small .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine:first-child {
    border-top: 1px solid #dadada;
    padding-left: 0;
    padding-right: 0;
}

.Page:not(.desktop) .tabs-small .TableRecords td.TableRecords_OddLine,
.Page:not(.desktop) .tabs-small .TableRecords td.TableRecords_EvenLine{
    border-top: 1px solid #dadada;
}


.Page:not(.desktop) .main-content--left-content .tabs-content-item {
    padding: 0 10px;
}

.Page:not(.desktop) .MenuSlideRight.open .MenuSlideRight_maskContainer {
    min-height: 100%;
}

.Page:not(.desktop) .Gallery .GalleryWrapper {
    margin-left: -10px;
}

.Page:not(.has-banner).phone .content-right {
    padding-top: 0;
}

.Page:not(.desktop) .main-content--left-actions,
.main-content--right-actions {
    margin-top: 20px;
}

.phone.tabs.tabs-small {
    max-width: 100%;
}

.Page:not(.desktop) .tabs.tabs-small{
    max-width:100%;
}

.Page:not(.desktop) .tabs-small [id*="wtAcoesContainer"] .TableRecords thead>tr>th>div,
.Page:not(.desktop) .tabs-small [id*="wtCambiosContainer"] .TableRecords thead>tr>th>div,
.Page:not(.desktop) .tabs-small [id*="wtIndicesContainer"] .TableRecords thead>tr>th>div {
    text-align: left;
    padding-left: 7px;
}

.tabs-small .tabs-header-item.active{
    padding-top:0;
}

.Page:not(.desktop) .main-content--left-content .tabs-content {
    border: 1px solid #dadada;
    border-top-width: 0;
    margin-top: 0;
    padding-top: 10px;
}

.phone .main-content--left-content .tabs {
    margin: 0;
    padding: 0
}

/* HelpIconContainer */
.HelpIconContainer {
    text-align: right;
}

/* MainContentMargin */

.MainContentMargin {
    margin: 20px 0;
}

/* -- Card Image ---- */
.Card_Image img {
    width: 100%;
}

/* manage login block on tablet and phone */
.Page.desktop .btn-login-mobile {
    display: none;
}
.Page:not(.desktop) .btn-login-mobile > * {
    display: inline-block;
    vertical-align: top;
}
.Page:not(.desktop) .btn-login-mobile {
    background-color: #98989a;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    height: 50px;
    line-height: 20px;
    padding: 15px 10px;
    position: fixed;
    right: 0;
    top: 0;
    vertical-align: middle;
}
.btn-login-mobile .icon {
    line-height: 20px;
    padding: 0 10px;
}
.btn-login-mobile .icon-icon_blockBloquear {
    font-size: 16px;
}
.btn-login-mobile .icon-icon_menu-arrow_down {
    font-size: 10px;
}
.Page:not(.desktop) .board-login {
    display: none;
    position: fixed;
    right: 0;
    top: 50px;
}
.Page.tablet .board-login {
    width: 320px;
}
.Page.phone .board-login {
    width: 100%;
}
.Page.login-menu-open:not(.desktop) .board-login {
    display: block;
}
.login-menu-open.phone .board-login {
    display: none;
}
.Page.login-menu-open:not(.desktop) .btn-login-mobile .icon-icon_menu-arrow_down {
    transform: rotate(180deg);
}
.Page.phone.login-menu-open {
    margin-top: 226px;
}

/* Simple-search */

.simple-search .search-layer{
    width: 223px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
}

.simple-search .search-layer a{
    color:#666;
}

.Page:not(.desktop).menu-open .simple-search .search-layer{
    width:100%;
}

.Page:not(.desktop).menu-open .header-search{
    display: table-header-group;
}


.Page:not(.desktop).menu-open .simple-search input {
    width: 100vw !important;
}

.Page:not(.desktop) .simple-search{
    transition: opacity 200ms ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}


.Page:not(.desktop).menu-open .simple-search {
    opacity: 1;
    height: auto;
}

.Page:not(.desktop) .main-menu{
    padding-top:75px;
}

/* Ajax wait */
.Feedback_AjaxWait {
    background: rgba(245, 245, 245, 0.8);
    border-radius: 0;
    border-width: 0;
    bottom: 0;
    box-shadow: none;
    color: transparent;
    display: none !important;
    font-size: 0;
    height: 100%;
    padding: 0;
    right: 0;
    width: 100%;
    z-index: 10000;
}

.Feedback_AjaxWait.Transparent {
    background-color: transparent;
}

.Feedback_AjaxWait .Loader, .blockUI-displayBox {
    background: url(/LT_SitePublico/img/Lagarta.gif?348740&978261&21797) no-repeat -7px -7px;
    height: 40px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, 50%);
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
}

/* Classes úteis */

.hide-phone {
    display: none;
}

.hide-tablet {
    display: none;
}

.hide-desktop {
    display: none;
}

/* unavailable-layout */
.unavailable-layout .Page .menu-button {
    display: none;
}
.unavailable-layout .Page .header-content,
.unavailable-layout .Page .footer,
.unavailable-layout .Page .language-container,
.unavailable-layout .Page .board-quick-access > .CardSimple,
.unavailable-layout .action-links,
.unavailable-layout .Card_Actions {
    /*filter: blur(2px);*/
    opacity: .4;
    pointer-events: none;
    user-select: none;
}
/* colors to simulate .5 opacity */
.unavailable-layout .Page .main-menu {
    border: 1px solid #eebda1;
    background-color: #fabc94;
    pointer-events: none;
}
.unavailable-layout .MenuSlideRight_element {
    border-left: 1px solid #fac295;
    box-shadow: -1px 0px 0px 0 #fac295;
    pointer-events: none;
}
.unavailable-layout .board-top-links .MenuSlideRight_element {
    border-left-width: 0;
    box-shadow: none;
}
.unavailable-layout .board-top-links,
.unavailable-layout .board-quick-access{
    background-color: #cdcdce;
    pointer-events: none;
}

.unavailable-layout .main-content--left-content {
    font-size: 12px;
    margin-bottom: 40px;
}

.unavailable-layout .main-content--left-content .Heading1 {
    font-size: 30px;
    padding-bottom: 10px;
}
.unavailable-layout .main-content--left-content .Heading2 {
    font-size: 24px;
    padding-bottom: 10px;
}
.unavailable-layout .phone .main-content--left-content [class*="ThemeGrid_Width"] {    
    display: block;
    margin-left: 0;
    text-align: center;
    width: 100%;
}
.unavailable-layout .phone .main-content--left-content .ThemeGrid_Width2 {    
    margin-bottom: 20px;
}
.unavailable-layout .main-content-left {
    display: none;
}
.unavailable-layout .main-content--right-content {
    max-width: 715px;
    width: 100%;
}

.unavailable-message {
    align-self: center;
    flex: 0 1 auto;
    margin: 0 auto;
    max-width: 960px;
    padding-top: 0;
    width: 100%;
}

.Page.tablet.has-banner .slider .unavailable-message {
    width: 750px;
}
.unavailable-layout .Page.tablet.has-banner .slider {
    margin-top: 0;
}


.desktop .unavailable-message {
    padding-right: 225px;
}

.phone .unavailable-message {
    padding: 20px 0;
}

.unavailable-message [class*="ThemeGrid_Width"] {
    padding-left: 20px;
    padding-right: 20px;
}

.unavailable-message .Heading3 {
    font-size: 1.6em;
    padding-bottom: 10px;
}

.unavailable-layout .has-banner:not(.desktop) .slider {
    display: flex;
    margin-top: 50px;
    flex-direction: row;
}

.unavailable-layout .has-banner .slider {
    background: rgb(247, 226, 209);
    background: #f7e2d1;
    background: -webkit-radial-gradient(bottom, #fff1e6, #d9ac82);
    background: -moz-radial-gradient(bottom, #fff1e6, #d9ac82);
    background: radial-gradient(to top, #fff1e6, #d9ac82);
    padding-top: 50px;
}
.unavailable-layout .has-banner.desktop .slider {
    padding-top: 60px;
}

.unavailable-layout .has-banner.phone .slider {
    padding-top: 0;
}

.slider .unavailable-message .ThemeGrid_Width10 {
    width: 575px;
}

.tablet .slider .unavailable-message .ThemeGrid_Width10 {
    width: 600px;
}

.phone .slider .unavailable-message .ThemeGrid_Width10 {
    width: 100%;
}    

.slider .unavailable-message .ThemeGrid_Width2 {
    width: 160px;
    margin: 40px 0 0 0;
    text-align: center;
}

.tablet .slider .unavailable-message .ThemeGrid_Width2 {
    width: 150px;
}

.phone .slider .unavailable-message .ThemeGrid_Width2 {
    display: none;
}

.unavailable-message > div .Heading1,
.unavailable-message > div .Heading2 {
    line-height: 1.125em;
}

.unavailable-message > div .Heading2:last-child {
    font-size: 2.2em;
    padding-bottom: 0;
}

.unavailable-message > div:last-child .icon {
    font-size: 6em;
}
.unavailable-layout .text p,
.unavailable-layout .text li {
    font-size: 1.2em;
    line-height: 1.2em;
}

/* usefull classes */

.ListDecimal ol li {
    list-style: decimal;
}

body .Page .Hidden,
body .Page .hidden{
    display: none;
}

.Page.caixa-self-service img{
    max-width: 100%;
    object-fit: cover;
}

.Page.caixa-self-service .header,
.Page.caixa-self-service .main-menu-wraper {
    display: none;
}

.Page.caixa-self-service .content-right {
    display: none;
}

.Page.caixa-self-service .content-left {
    padding-right: 0;
}

.Page.caixa-self-service .sites-bpi {
    display: none;
}

.Page.caixa-self-service .content,
.Page:not(.desktop):not(.just-content-mode) .content {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: calc(100vh - 120px);
    justify-content: center;
    margin-top: 0;
    position: relative;
    width: 100%;
}

.Page:not(.desktop):not(.just-content-mode).login-menu-open .content{
    padding-top: 0;
}

.Page.caixa-self-service.phone .content
{
    align-items: flex-start;
    height: 100vh;
    margin-bottom: 120px;
    padding-top: 30px;
}

.Page.caixa-self-service .footer {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 120px;
    justify-content: center;
    margin: 0 auto;
    position: fixed;
    width: 100%;
}

.Page.caixa-self-service.phone .footer-links {
    padding-top: 0;
}
.Page.caixa-self-service .quick-links-bar {
    display: none;
}

.Page.caixa-self-service.phone .footer-bottom-text{
    display:none;
}

.text-date {
    font-size: 0.77em;
    color: #a4a4a6;
    margin: 0;
}

.text-note{
    color:#999;
    font-size:1em;
}

.text-small{
    font-size:0.8em;
}

.text-nowrap{
    white-space: nowrap;
}

.disable-click {
    pointer-events: none;
}

.phone .horizontal-slider-container{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

.phone .horizontal-slider-container {
    max-width: 91vw;
}

.phone .horizontal-slider-container .TableRecords_Header:last-child {
    padding: 0;
    padding-top: 10px;
}

.phone .horizontal-slider-container .TableRecords_Header.Gray10{
    padding:15px 10px;
}​​

.just-content-mode .footer {
    display: none;
}
.just-content-mode .content-right,
.hide-aside .content-right {
    display: none;
}
.just-content-mode .content-left,
.hide-aside .content-left {
    padding-right: 0;
}
.just-content-mode .ButtonsControls_bottomFixed .ButtonsControls,
.hide-aside .ButtonsControls_bottomFixed .ButtonsControls {
    padding-right: 0px;
}

.just-content-mode .header-content,
.just-content-mode .menu-button,
.just-content-mode .main-menu-wraper,
.just-content-mode .content-top-left {
    display: none;
}

.MarginLeft {
    margin-left: 30px !important;
}

.margin-top10{
    margin-top:10px;
}

.margin-top{
    margin-top:20px;
}

.disable-selection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Font */

.icon-plus,
.icon-search,
.icon-arrow-right,
.icon-arrow-left,
.icon-arrow-down,
.icon-arrow-up,
.icon-close,
.icon-facebook,
.icon-twitter,
.icon-bullet,
.icon-checkmark {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-plus:before { content: "\2b";}
.icon-search:before { content: "\23";}
.icon-arrow-right:before { content: "\21";}
.icon-arrow-left:before { content: "\22";}
.icon-arrow-down:before { content: "\24";}
.icon-arrow-up:before { content: "\25";}
.icon-close:before { content: "\26";}
.icon-facebook:before { content: "\27";}
.icon-twitter:before { content: "\28";}
.icon-bullet:before { content: "\29";}
.icon-checkmark:before { content: "\30";}



/* Patterns */

.Alert {
    min-height: 48px;
    padding: 15px 10px 15px 65px;
    z-index: 100;
}

.Alert .Text {
    font-size: 0.93em;
    line-height: 1.3em;
}

.Alert.Error {
    color: #EC142C;
    background-color: #fff;
    border-color: #EC142C;
}
.Alert.Info {
    color: #006;
    background-color: #fff;
    border-color: #006;
}
.Alert.Success {
    color: #093;
    background-color: #fff;
    border-color: #093;
}
.Alert.Success .fa:before {
    content: "\e906";
}
.Alert.Info .fa:before {
    content: "\e904";
}
.Alert.Warning .fa:before {
    content: "\e902";
}
.Alert.Error .fa:before {
    content: "\e9ad";
}
.Alert.Warning {
    color: #f60;
    background-color: #fff;
    border-color: #f60;
}
.Alert span.fa {
    font-family: 'bpifont';
    margin-top: -12px;
    top: 50%;
    left: 20px;
}
.Alert .fa:before {
    font-size: 26px;
}

.Alert .ListRecords > ul {
    list-style-type: none;
    padding-left: 0;
}

.Alert .ListRecords > ul li {
    padding-bottom: 8px;
}

.Alert .ListRecords > ul li:last-child {
    padding-bottom: 0;
}

.ListRecords > ul {
    padding-left: 0;
}

a:hover {
    text-decoration: none;
}

/************** Is Private **************/


.is-private .menu-Items.empresas .menu-item__items-container.open {
    display: none;
}

.is-private .board {
    display: none;
}

.is-private .language-container > div,
.is-private .language-container > div a:hover,
.is-private .header-links a:hover,
.is-private .header-links .active a,
.is-private .text h2,
.is-private .MenuSlideRight_subElement .MenuSlideRight_col .heading2,
.is-private .inner-slide-menu.open > .left-link a,
.is-private .right-links-wraper.open a:hover,
.is-private .Breadcrumbs,
.is-private .quick-links .link a,
.is-private .links-left > div:first-child,
.is-private .links-center > div:first-child,
.is-private .links-right > div:first-child,
.is-private .links-column > div:first-child,
.is-private .reset,
.is-private .main-content--title,
.is-private .CardPreviewProduct_unavailable,
.is-private .ProductDetails_warningText,
.is-private .SectionExpandable.expanded .SectionExpandable__title.Heading2,
.is-private .SectionExpandable.expanded .SectionExpandable__icon.Heading2 .fa,
.is-private .resume-info-title,
.is-private .resume-info-extra-value,
.is-private .progress-bar-risk-label > span:first-child,
.is-private .Alert.Warning,                
.Page.is-private .Text_orange,
.Page.desktop.is-private .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element a,
.Page.desktop.is-private .MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element a,
.Page.desktop.is-private .board-top-links .MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element a,
.Page.desktop.is-private .MenuSlideRight_subElement .MenuSlideRight_col a:hover,
.Page.desktop.is-private .MenuSlideRight.open.TriggerOnClick .MenuSlideRight_element,
.Page.desktop.is-private .MenuSlideRight:not(.TriggerOnClick):hover .MenuSlideRight_element,
.is-private .main-content--left-content .h2,
.is-private .main-content--left-content .tabs-header .tabs-header-item.active,
.is-private .tabs-small .tabs-header .tabs-header-item.active
{
    color: #0077bc;
}

.is-private .main-menu,
.is-private .offerLabel,
.is-private .Button.ButtonDefault,
.is-private .Button.Is_Default,
.is-private .Box.Orange,                           
.is-private .Button.Orange,
.is-private .Box.Transparent .CardSimple .Card_Actions a.Button,
.is-private .Box.Transparent .CardSimple .Card_Actions .Button,
.is-private .ButtonsControls_bottomFixed .Buttons.ButtonsControls a.Button.Blue,
.is-private .ButtonsControls_bottomFixed .Buttons.ButtonsControls .Button.Blue,
.is-private .ButtonsControls_bottomFixed .Buttons.ButtonsControls a.Button.Blue:hover,
.is-private .ButtonsControls_bottomFixed .Buttons.ButtonsControls .Button.Blue:hover,
.is-private .resume-info-left-label:before,
.is-private .resume-info-left-bar,
.desktop.is-private .Button.ButtonDefault:hover, 
.desktop.is-private .Button.Is_Default:hover,
.desktop.is-private .resume-info-total-value {
    background-color: #0077bc;
}

.is-private .header-links .active a,
.is-private .lSSlideOuter .lSPager.lSGallery li.active,
.is-private .lSSlideOuter .lSPager.lSGallery li:hover,
.is-private .Alert.Warning,
.is-private .main-menu {
    border-color: #0077bc;
}

.is-private .main-content--left-content ul li:before,
.is-private .main-content--left-content dl dd:before,
.is-private .slider-item-content ul li:before {
    border-left-color: #0077bc;
}

.is-private .MenuSlideRight_element {
    border-left-color: #065582;
    box-shadow: -1px 0px 0px 0 #3392c8;
}

.is-private .carousel .tns-nav > [aria-selected="true"] {
    background-color: #0077bc;
    -ms-box-shadow: inset 0 1px 1px #3392c8;
    -moz-box-shadow: inset 0 1px 1px #3392c8;
    -webkit-box-shadow: inset 0 1px 1px #3392c8;
    box-shadow: inset 0 1px 1px #3392c8;
    border-color: #065582;
}

.unavailable-layout .is-private .has-banner .slider {
    background: rgb(119, 167, 194);
    background: #77a7c2;
    background: -webkit-radial-gradient(bottom, #fff1e6, #77a7c2);
    background: -moz-radial-gradient(bottom, #fff1e6, #77a7c2);
    background: radial-gradient(to top, #fff1e6, #77a7c2);
}

.unavailable-layout .Page.is-private .main-menu {
    border-color: #91aebf;
    background-color: #91aebf;
}

.unavailable-layout .is-private .MenuSlideRight_element {
    border-left-color: #83a1b2;
    box-shadow: -1px 0px 0px 0 #60a2c9;
}


.homepage .highlights{
    font-size: 1.3em;
}

.is-private .highlights .Box {
    background: #eae9e8;
    background: -moz-linear-gradient(top, #eae9e8 0%, #a6a3a1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eae9e8), color-stop(100%, #a6a3a1));
    background: -webkit-linear-gradient(top, #eae9e8 0%, #a6a3a1 100%);
    background: -o-linear-gradient(top, #eae9e8 0%, #a6a3a1 100%);
    background: -ms-linear-gradient(top, #eae9e8 0%, #a6a3a1 100%);
    background: linear-gradient(to bottom, #eae9e8 0%, #a6a3a1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae9e8', endColorstr='#a6a3a1', GradientType=0);
}

.is-private .highlights .Button.Orange {
    background-color: #fff;
    color: #0077bc;
}

.highlights .CardSimple ul{
    width: 100%;
}

.highlights .CardSimple li {
    background-color: unset;
    float: unset;
    height: 100%;
    margin: 0;
    padding: 0;
    padding-left: 14px;
}

.highlights .CardSimple li:before {
    border-left: 7px solid #f60;
    content: " ";
    display: block;
    height: 7px;
    float: left;
    margin: 2px 0 0 -12px;
    width: 0;
}

/* ------ layout - styles ------ */

/* layout-iframe */
.layout-iframe {
    overflow: hidden;
}
.layout-iframe .content {
    margin-left: 0;
    margin-top: 0;
    width: 735px;
}
.layout-iframe .main-content--title:empty,
.layout-iframe .main-content--top-right:empty {
    display: none;
}
.layout-iframe .noPager .realSlide {
    width: 715px;
}


/* ------ Background Colors ------ */

.Silver {
    background-color: #e1dfdf;
}

/* ------ Text Colors ------ */

.Page .Text_green {
    color: #093;
}

.Page .Text_red {
    color: #EC142C;
}

.Page .Text_orange {
    color: #f60;
}

.Page .Text_gray {
    color: #666;
}
.Page .Text_gray2 {
    color: #999;
}

/*======================================================
        Fim Tema Antigo Site Publico 
========================================================*/

/* ===================================================================== */
/* ===================================================================== */

/*  OutSystems UI Web                                                    */
/*  Visit www.outsystems.com/outsystems-ui for more information          */

/*  $0 - Root - CSS Variables                                            */
/*  $1 - Resets (https://necolas.github.io/normalize.css/)               */
/*  $2 - HTML Elements                                                   */
/*       $2.1 - HTML Elements - Links                                    */
/*       $2.2 - HTML Elements - Images                                   */
/*       $2.3 - HTML Elements - Headings                                 */
/*  $3 - Page Layout                                                     */
/*       $3.1 - Header                                                   */
/*       $3.2 - Login                                                    */
/*       $3.3 - Search                                                   */
/*       $3.4 - Menu                                                     */
/*       $3.5 - Content                                                  */
/*              $3.5.1 - Content - Breadcrumbs                           */
/*              $3.5.2 - Content - Title                                 */
/*      $3.6 Footer                                                      */
/*  $4 - Patterns                                                        */
/*       $4.1 - Patterns - Content                                       */
/*              $4.1.1   - Patterns - Content - Carousel                 */

/*       $4.2 - Patterns - Controls                                      */
/*              $4.2.1   - Patterns - Controls - AnimatedLabel           */

/*       $4.3 - Patterns - Layouts                                       */
/*              $4.3.0   - Patterns - Layouts - Commun                   */

/*       $4.4 - Patterns - Navigation                                    */
/*              $4.4.1   - Patterns - Navigation - Breadcrumbs           */

/*       $4.5 - Patterns - Numbers                                       */
/*              $4.5.1   - Patterns - Numbers - Badge                    */

/*       $4.6 - Patterns - Responsive                                    */
/*              $4.6.1   - Patterns - Responsive - DisplayOnDevice       */

/*       $4.7 - Patterns - Structure                                     */
/*              $4.7.1   - Patterns - Structure - AlignCenter            */

/*       $4.8 - Patterns - Utilities                                     */
/*              $4.8.1   - Patterns - Utilities - Animate                */

/*       $4.9 - Patterns - Custom                                        */
/*              $4.9.1   - Patterns - Custom -    */

/*       $5.1 - Widgets - Form / EditRecord                              */
/*       $5.2 - Widgets - TableRecords / EditableTable                   */
/*       $5.3 - RichWidgets - Example                                    */

/*  $6 - Styles                                                          */
/*       $6.1 - Styles - Typography                                      */
/*              $6.1.1 - Styles - Typography - Sizes Desktop             */
/*              $6.1.2 - Styles - Typography - Sizes Tablet              */
/*              $6.1.3 - Styles - Typography - Sizes Phone               */
/*              $6.1.4 - Styles - Typography - Transform                 */
/*              $6.1.5 - Styles - Typography - Weight                    */
/*              $6.1.6 - Styles - Typography - Useful                    */
/*       $6.2 - Styles - Colors                                          */
/*              $6.2.1 - Styles - Colors - Brand                         */
/*              $6.2.2 - Styles - Colors - Extendend                     */
/*              $6.2.3 - Styles - Colors - Neutral                       */
/*              $6.2.4 - Styles - Colors - Semantic                      */
/*              $6.2.5 - Styles - Colors temporary - 
                Decidido dia 19-01-2021 - Deverá ser alterado            */
/*       $6.3 - Styles - Space                                           */
/*              $6.3.1  - Styles - Space - Padding                       */
/*              $6.3.2  - Styles - Space - Padding Top                   */
/*              $6.3.3  - Styles - Space - Padding Right                 */
/*              $6.3.4  - Styles - Space - Padding Bottom                */
/*              $6.3.5  - Styles - Space - Padding Left                  */
/*              $6.3.6  - Styles - Space - Padding Vertical              */
/*              $6.3.7  - Styles - Space - Padding Horizontal            */
/*              $6.3.8  - Styles - Space - Margin                        */
/*              $6.3.9  - Styles - Space - Margin Top                    */
/*              $6.3.10 - Styles - Space - Margin Right                  */
/*              $6.3.11 - Styles - Space - Margin Bottom                 */
/*              $6.3.12 - Styles - Space - Margin Left                   */
/*              $6.3.13 - Styles - Space - Margin Vertical               */
/*              $6.3.14 - Styles - Space - Margin Horizontal             */
/*       $6.4 - Styles - Border Radius                                   */
/*       $6.5 - Styles - Border Size                                     */
/*       $6.6 - Styles - Elevation/Shadows                               */
/*       $6.7 - Styles - Display Flex Properties                         */
/*       $6.8 - Styles - Others                                          */
/*       $6.9 - Styles - Border Color                                    */
/*  $7 - Right-to-Left Mode                                              */
/*       $7.1 - RTL Mode - Page Layout / HTML Elements                   */
/*       $7.2 - RTL Mode - Patterns - Content                            */
/*              $7.2.1 - RTL Mode - Patterns - Content - Alert           */
/*              $7.2.2 - RTL Mode - Patterns - Content - CardSectioned   */
/*              $7.2.3 - RTL Mode - Patterns - Content - ChatMessage     */
/*       $7.3 - RTL Mode - Patterns - Controls                           */
/*              $7.3.1 - RTL Mode - Patterns - Controls - AnimatedLabel  */
/*              $7.3.2 - RTL Mode - Patterns - Controls - ButtonGroup    */
/*              $7.3.3 - RTL Mode - Patterns - Controls - DatePicker     */
/*              $7.3.4 - RTL Mode - Patterns - Controls - FileUpload     */
/*              $7.3.5 - RTL Mode - Patterns - Controls - FloatingActions*/
/*              $7.3.6 - RTL Mode - Patterns - Controls - InputWithIcons */
/*              $7.3.7 - RTL Mode - Patterns - Controls - RangeSlider    */
/*              $7.3.8 - RTL Mode - Patterns - Controls - ToogleButton   */
/*       $7.4 - RTL Mode - Patterns - Navigation                         */
/*              $7.4.1 - RTL Mode - Patterns - Navigation - SectionIndex */
/*              $7.4.2 - RTL Mode - Patterns - Navigation - Sidebar      */
/*              $7.4.3 - RTL Mode - Patterns - Navigation - Tabs         */
/*              $7.4.4 - RTL Mode - Patterns - Navigation - Timeline     */
/*              $7.4.5 - RTL Mode - Patterns - Navigation - Wizard       */
/*       $7.5 - RTL Mode - Patterns - Numbers                            */
/*              $7.5.1 - RTL Mode - Patterns - Numbers - ProgressBar     */
/*       $7.6 - RTL Mode - Patterns - Responsive                         */
/*              $7.6.1 - RTL Mode - Patterns - Responsive - TableRecords */
/*       $7.7 - RTL Mode - Widgets & RichWidgets                         */
/*              $7.7.1 - RTL Mode - Widgets - TableRecords               */
/*              $7.7.2 - RTL Mode - RichWidgets - FeedbackAjaxWait       */
/*              $7.7.3 - RTL Mode - RichWidgets - FeedbackMessage        */
/*              $7.7.4 - RTL Mode - RichWidgets - Pagination             */
/*       $7.8 - RTL Mode - Styles                                        */
/*              $7.8.1 - RTL Mode - Styles - Space - Padding Right       */
/*              $7.8.2 - RTL Mode - Styles - Space - Padding Left        */
/*              $7.8.3 - RTL Mode - Styles - Space - Margin Right        */
/*              $7.8.4 - RTL Mode - Styles - Space - Margin Left         */
/*              $7.8.5 - RTL Mode - Styles - Others                      */

/* ===================================================================== */
/* ===================================================================== */


/* ================================================================ */
/*  $8 - BPI Site Publico Icons Font-family                         */
/* ================================================================ */

@font-face {
    font-family: 'BarlowRegular';
    font-style: normal;
    font-weight: normal;
    src: url("/LT_BPI/fonts/Barlow-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'BarlowSemiBold';
    font-style: normal;
    font-weight: normal;
    src: url("/LT_BPI/fonts/Barlow-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: 'BarlowBold';
    font-style: normal;
    font-weight: normal;
    src: url("/LT_BPI/fonts/Barlow-Bold.ttf") format("truetype");
}

/* ===================================================================== */
/*  $0 - Root - CSS Variables                                            */
/* ===================================================================== */
:root {

    /* Typography - Size px */
    
    --font-size-display: 22px;

    --font-size-h1: 30px;
    --font-size-h2: 25px;
    --font-size-h3: 20px;
    --font-size-h4: 18px;
    --font-size-h5: 16px;
    --font-size-h6: 14px;

    --font-size-l: 20px;
    --font-size-m: 18px;
    --font-size-base: 18px;
    --font-size-s: 14px;
    --font-size-xs: 12px;
    --font-size-xxs: 10px;
    
    /* Typography - Weight */
    --font-light: 300;
    --font-regular: 400;
    --font-semi-bold: 600;
    --font-bold: 800;

    --font-barlow-regular: 'BarlowRegular';
    --font-barlow-semibold: 'BarlowSemiBold';
    --font-barlow-bold: 'BarlowBold';

    /* Color - Brand */
    --color-primary: #ff6600;
    --color-secondary: var(--color-neutral-9);
    --color-links: #1B0DAB;
    --color-private: #0077bc;


    --color-primary-hover: #ff6600;
    --color-primary-selected: rgba(20, 110, 245, .12);
    --color-primary-lightest: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9));

    /* Color - Extended */
    --color-red-lightest: #faeaea;
    --color-red-lighter: #e9aaaa;
    --color-red-light: #d96a6a;
    --color-red: #c92a2a;
    --color-red-dark: #ab2424;
    --color-red-darker: #8d1d1d;
    --color-red-darkest: #6f1717;

    --color-pink-lightest: #fbebf0;
    --color-pink-lighter: #efadc4;
    --color-pink-light: #e27098;
    --color-pink: #d6336c;
    --color-pink-dark: #b62b5c;
    --color-pink-darker: #96244c;
    --color-pink-darkest: #761c3b;

    --color-grape-lightest: #f7ecfa;
    --color-grape-lighter: #dfb2e9;
    --color-grape-light: #c678d9;
    --color-grape: #ae3ec9;
    --color-grape-dark: #9435ab;
    --color-grape-darker: #7a2b8d;
    --color-grape-darkest: #60226f;

    --color-violet-lightest: #f1edfd;
    --color-violet-lighter: #c6b6f6;
    --color-violet-light: #9b7fef;
    --color-violet: #7048e8;
    --color-violet-dark: #5f3dc5;
    --color-violet-darker: #4e32a2;
    --color-violet-darkest: #3e2880;

    --color-indigo-lightest: #eceffd;
    --color-indigo-lighter: #b3c1f7;
    --color-indigo-light: #7b92f1;
    --color-indigo: #4263eb;
    --color-indigo-dark: #3854c8;
    --color-indigo-darker: #2e45a5;
    --color-indigo-darkest: #243681;

    --color-blue-lightest: #e8f2fa;
    --color-blue-lighter: #a3c9ea;
    --color-blue-light: #5fa1db;
    --color-blue: #1a79cb;
    --color-blue-dark: #1667ad;
    --color-blue-darker: #12558e;
    --color-blue-darkest: #0e4370;

    --color-cyan-lightest: #e7f2f4;
    --color-cyan-lighter: #9eccd3;
    --color-cyan-light: #56a6b2;
    --color-cyan: #0d8091;
    --color-cyan-dark: #0b6d7b;
    --color-cyan-darker: #095a66;
    --color-cyan-darkest: #074650;

    --color-teal-lightest: #e6f2ef;
    --color-teal-lighter: #9cccbd;
    --color-teal-light: #52a58c;
    --color-teal: #087f5b;
    --color-teal-dark: #076c4d;
    --color-teal-darker: #065940;
    --color-teal-darkest: #044632;

    --color-green-lightest: #ebf7ed;
    --color-green-lighter: #afe0b8;
    --color-green-light: #73c982;
    --color-green: #37b24d;
    --color-green-dark: #2f9741;
    --color-green-darker: #267d36;
    --color-green-darkest: #1e622a;

    --color-lime-lightest: #f1f8e8;
    --color-lime-lighter: #c7e3a2;
    --color-lime-light: #9ecd5c;
    --color-lime: #74b816;
    --color-lime-dark: #639c13;
    --color-lime-darker: #51810f;
    --color-lime-darkest: #40650c;

    --color-orange-lightest: #fef0e6;
    --color-orange-lighter: #fcc29c;
    --color-orange-light: #f99551;
    --color-orange: var(--color-primary);
    --color-orange-dark: #d25806;
    --color-orange-darker: #ad4805;
    --color-orange-darkest: #883904;

    --color-yellow-lightest: #fef5e5;
    --color-yellow-lighter: #fbd999;
    --color-yellow-light: #f8bc4c;
    --color-yellow: #f59f00;
    --color-yellow-dark: #d08700;
    --color-yellow-darker: #ac6f00;
    --color-yellow-darkest: #875700;

    /* Color - Neutral */
    --color-neutral-0: #ffffff;
    --color-neutral-1: #f2f2f2;
    --color-neutral-2: #eee;
    --color-neutral-3: #ddd;
    --color-neutral-4: #cfd8dc;
    --color-neutral-5: #ced4da;
    --color-neutral-6: #adb5bd;
    --color-neutral-7: #9E9E9E;
    --color-neutral-8: #999;
    --color-neutral-9: #4d4d4d;
    --color-neutral-10: #000;

    /* Color - Semantic */
    --color-error-light: #FFEBED;
    --color-error: #c43838;

    --color-warning-light: #FFF3EB;
    --color-warning: #FFF3EB;

    --color-success-light: #EBFFEF;
    --color-success: #093;

    --color-info-light: #FFF3EB;
    --color-info: #FFF3EB;

    /* Space - Sizes */
    --space-none: 0;
    --space-xxs: 4px;
    --space-xs: 8px;
    --space-s: 10px;
    --space-m: 14px;
    --space-base: 16px;
    --space-l: 24px;
    --space-xl: 32px;
    --space-xxl: 48px;
    
    
    --space-between: 120px;
    --half-space-between: 60px;
    
    /* GallerySpace - Sizes */
    --gallery-space-none: 0;
    --gallery-space-s: 8px;
    --gallery-space-base: 16px;
    --gallery-space-l: 34px;
    --gallery-space-xl: 68px;
    --gallery-space-xxl50: 50px;
    --gallery-space-xxl: 100px;

    /* Border Radius */
    --border-radius-none: 0;
    --border-radius-soft: 4px;
    --border-radius-rounded: 12px;
    --border-radius-circle: 100%;

    /* Border Size */
    --border-size-none: 0;
    --border-size-s: 1px;
    --border-size-m: 2px;
    --border-size-l: 3px;
    --border-size-xl: 4px;

    /* Border Color */
    --border-color: var(--color-neutral-2);

    /* Elevation / Shadow */
    --shadow-none: none;
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, .1);
    --shadow-s: 0 2px 4px rgba(0, 0, 0, .1);
    --shadow-m: 0 4px 6px rgba(0, 0, 0, .1);
    --shadow-base: 0 0 10px 0 rgba(215, 215, 215, 0.5);
    --shadow-l: 0 6px 8px rgba(0, 0, 0, .1);
    --shadow-xl: 0 8px 10px rgba(0, 0, 0, .1);

    /* App Settings */
    --color-background-body: #fff;
    --color-background-header: #fff;
    --theme-grid-size: 1440px;
    --header-size: 98px;
    --side-menu-size: 300px;
    --margin-top-header: 30px;
    --padding-x-base: 60px;
}

.bpi-wealth {
    --color-primary: #D1983C;
    --color-terciary:#faf4eb;
    --color-terciary-dark:#f4e6d0;
    --secondary-color: #D6D6D6;
    --primary-color-light: #d1983c66;
    --primary-color-ligther: #DAAC63;
    --primary-color-dark: #A16A04;    
    --primary-color-darker: #996C24;
    --color-secondary: #4b595a; 
    --primary-color-disabled: var(--primary-color-ligther);
}

.phone {
        /* Typography - Size */

        --font-size-display: 5.87vw;

        --font-size-h1: 5.33vw;
        --font-size-h2: 5.33vw;
        --font-size-h3: 5.33vw;
        --font-size-h4: 3.73vw;
        --font-size-h5: 3.73vw;
        --font-size-h6: 3.73vw;

        --font-size-xxl: 5.87vw;
        --font-size-xl: 5.87vw;
        --font-size-l: 5.33vw;
        --font-size-m: 4.80vw;
        --font-size-base: 4.27vw;
        --font-size-s: 3.2vw;
        --font-size-xs: 2.67vw;
        
        /* Space - Sizes */

        --space-none: 0;
        --space-xxs: 1.07vw;
        --space-xs: 2.13vw;
        --space-s: 2.67vw;
        --space-m: 3.73vw;
        --space-base: 4.27vw;
        --space-l: 5.33vw;
        --space-xl: 8.53vw;
        --space-xxl: 12.80vw;
        
        /* Space between */
        
        --space-between: 26.67vw;
        --half-space-between: 16.00vw;
}
    
.font_increase {
    --font-size-display: 24px;
    --font-size-h1: 32px;
    --font-size-h2: 27px;
    --font-size-h3: 22px;
    --font-size-h4: 20px;
    --font-size-h5: 18px;
    --font-size-h6: 16px;
    --font-size-l: 22px;
    --font-size-m: 20px;
    --font-size-base: 20px;
    --font-size-s: 16px;
    --font-size-xs: 14px;
    --font-size-xxs: 12px;
}

.phone .font_increase {
    --font-size-display: 6.40vw;
    --font-size-h1: 5.87vw; 
    --font-size-h2: 5.87vw;
    --font-size-h3: 5.87vw;
    --font-size-h4: 4.27vw;
    --font-size-h5: 4.27vw;
    --font-size-h6: 4.27vw;
    --font-size-xxl: 6.40vw;
    --font-size-xl: 6.40vw;
    --font-size-l: 5.87vw;
    --font-size-m: 5.33vw;
    --font-size-base: 4.80vw;
    --font-size-s: 3.73vw;
    --font-size-xs: 3.20vw;
}

.font_decrease {
    --font-size-display: 20px;
    --font-size-h1: 28px;
    --font-size-h2: 23px;
    --font-size-h3: 18px;
    --font-size-h4: 16px;
    --font-size-h5: 14px;
    --font-size-h6: 12px;
    --font-size-l: 18px;
    --font-size-m: 16px;
    --font-size-base: 16px;
    --font-size-s: 12px;
    --font-size-xs: 10px;
    --font-size-xxs: 8px;
}

.phone .font_decrease {
    --font-size-display: 5.33vw;
    --font-size-h1: 4.80vw;
    --font-size-h2: 4.80vw;
    --font-size-h3: 4.80vw;
    --font-size-h4: 3.20vw;
    --font-size-h5: 3.20vw;
    --font-size-h6: 3.20vw;
    --font-size-xxl: 5.33vw;
    --font-size-xl: 5.33vw;
    --font-size-l: 4.80vw;
    --font-size-m: 4.27vw;
    --font-size-base: 3.73vw;
    --font-size-s: 2.67vw;
    --font-size-xs: 2.13vw;
}

  
/* ================================================================ */
/* - Margins */
/* ================================================================ */
    
/* $6.3.8 - Styles - Space - Margin */
.margin-none { margin: var(--space-none); }
.margin-xs { margin: var(--space-xs); }
.margin-s { margin: var(--space-s); }
.margin-base { margin: var(--space-base); }
.margin-m { margin: var(--space-m); }
.margin-l { margin: var(--space-l); }
.margin-xl { margin: var(--space-xl); }
.margin-xxl { margin: var(--space-xxl); }

.margin-auto { margin: 0 auto;}


/* $6.3.9 - Styles - Space - Margin Top */
.margin-top-none { margin-top: var(--space-none); }
.margin-top-xs { margin-top: var(--space-xs); }
.margin-top-s { margin-top: var(--space-s); }
.margin-top-base { margin-top: var(--space-base); }
.margin-top-m { margin-top: var(--space-m); }
.margin-top-l { margin-top: var(--space-l); }
.margin-top-xl { margin-top: var(--space-xl); }
.margin-top-xxl { margin-top: var(--space-xxl); }


/* $6.3.10 - Styles - Space - Margin Right */
.margin-right-none { margin-right: var(--space-none); }
.margin-right-xs { margin-right: var(--space-xs); }
.margin-right-s { margin-right: var(--space-s); }
.margin-right-base { margin-right: var(--space-base); }
.margin-right-m { margin-right: var(--space-m); }
.margin-right-l { margin-right: var(--space-l); }
.margin-right-xl { margin-right: var(--space-xl); }
.margin-right-xxl { margin-right: var(--space-xxl); }


/* $6.3.11 - Styles - Space - Margin Bottom */
.margin-bottom-none { margin-bottom: var(--space-none); }
.margin-bottom-xs { margin-bottom: var(--space-xs); }
.margin-bottom-s { margin-bottom: var(--space-s); }
.margin-bottom-base { margin-bottom: var(--space-base); }
.margin-bottom-m { margin-bottom: var(--space-m); }
.margin-bottom-l { margin-bottom: var(--space-l); }
.margin-bottom-xl { margin-bottom: var(--space-xl); } 
.margin-bottom-xxl { margin-bottom: var(--space-xxl); }


/* $6.3.12 - Styles - Space - Margin Left */
.margin-left-none { margin-left: var(--space-none); }
.margin-left-xs { margin-left: var(--space-xs); }
.margin-left-s { margin-left: var(--space-s); }
.margin-left-base { margin-left: var(--space-base); }
.margin-left-m { margin-left: var(--space-m); }
.margin-left-l { margin-left: var(--space-l); }
.margin-left-xl { margin-left: var(--space-xl); }
.margin-left-xxl { margin-left: var(--space-xxl); }

/* Margin between Elements */

.margin-between--top{ margin-top: var(--space-between);}
.margin-between--bottom{ margin-bottom: var(--space-between);}
.half-margin-between--top{ margin-top: var(--half-space-between);}
.half-margin-between--bottom{ margin-bottom: var(--half-space-between);}

/* ================================================================ */
/* $1 - Resets */
/* ================================================================ */

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html body {
    background-color: #fff;
    font-family: var(--font-barlow-regular), Geneva, Roboto, sans-serif;
    font-size: var(--font-size-base);
    -webkit-font-smoothing: antialiased;
}

html {
    color: var(--color-secondary);
    font-size: var(--font-size-base);
    overflow: auto;
    overflow-x: hidden;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    background-color: var(--color-background-body);
    line-height: 1.5;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

a {
    font-family: 'BarlowRegular', Geneva, Roboto, sans-serif;
    font-size: var(--font-size-base);
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
}

abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
}

:focus {
    outline: 0;
}

.is--focusable :focus {
    outline: var(--border-size-m) solid #A3DAFF;
}

input,
textarea,
select,
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.25;
    margin: 0;
    font-family: var(--font-barlow-regular);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

select::-ms-value {
    color: #4d4d4d;
    background-color: #fff;
}

[type="checkbox"],
[type="radio"] {
    border: 0;
    padding: 0;
}

[type='radio']:checked::-ms-check {
    border: 2px solid #ff6600;
    color: #ff6600;
}

.ie11 [type="checkbox"],
.ie11 [type="radio"] {
    border: 1px solid #9E9E9E;
    padding: 0;
}

[type="checkbox"]:not(.checkbox) {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

[type="radio"]:not(.radio-button) {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
}

div[onclick] {
    cursor: pointer;
}

select::-ms-expand {
    display: none;
}

input::-ms-clear {
    display: none;
}

.hidden,
.Hidden{
    display: none;
}

.ph:empty {
    display: none;
}


/* @media queries */

@media (min-width:1281px) and (max-width:1400px){
    .header__top, .header__center, .header__bottom {
        padding: 0 8% !important;
        transition: padding 300ms;
    }

    .header__center {
        padding-bottom: 30px !important;
        padding-top: 34px !important;
    }

    .menu-item__items-container.open {
        left: 8%;
    }
}

/* scaling issues above 100% */

@media (-webkit-device-pixel-ratio: 1.25) {
:root {
    zoom: 0.8;
}}

/* ================================================================ */
/* $2 - HTML Elements */
/* ================================================================ */
/* $2.1 - HTML Elements - Links */
a,
a:visited {
    color: var(--color-links);
    -webkit-transition: color 180ms linear;
    transition: color 180ms linear;
}

a:hover {
    color: var(--color-links);
}

/* $2.2 - HTML Elements - Images */
img {
    max-width: 100%;
}

/* $2.3 - HTML Elements - Headings */
h1 {
    font-size: var(--font-size-h1);
    font-weight: var(--font-semi-bold);
    line-height: 1.25;
    margin: 0;
}

h2 {
    font-size: var(--font-size-h2);
    font-weight: var(--font-semi-bold);
    line-height: 1.25;
    margin: 0;
}

h3 {
    font-size: var(--font-size-h3);
    font-weight: var(--font-semi-bold);
    line-height: 1.25;
    margin: 0;
}

h4 {
    font-size: var(--font-size-h4);
    font-weight: var(--font-semi-bold);
    line-height: 1.25;
    margin: 0;
}

h5 {
    font-size: var(--font-size-h5);
    font-weight: var(--font-semi-bold);
    line-height: 1.25;
    margin: 0;
}

h6 {
    font-size: var(--font-size-h6);
    font-weight: var(--font-semi-bold);
    line-height: 1.25;
    margin: 0;
}

/* ================================================================ */
/* - Text classes */
/* ================================================================ */

.bold {
   font-family: 'BarlowBold'; 
}

.semi-bold {
   font-family: var(--font-barlow-semibold); 
}


.font-regular{
    font-family: var(--font-barlow-regular);
}

.uppercase {
    text-transform: uppercase;
}


/* font-size class */

.font-size-base {
    font-size: var(--font-size-base);
}

.font-size-s{
    font-size: var(--font-size-s);
}

.font-size-26{
    font-size: 26px;
}

.font-size-24{
    font-size: 24px;
}

.font-size-40 {
   font-size: 40px;
}

.phone .font-size-40 {
   font-size: 7.47vw;
}

.phone .font-size-26{
    font-size: 5.33vw;
}

.phone .font-size-24{
    font-size: 4.80vw;
}

/* old class */

.Text_center {
    text-align: center;
}

/* ================================================================ */
/* - Lists */
/* ================================================================ */

ul li:before {
    content: " ";
    border-left: 7px solid var(--color-primary);
    display: block;
    height: 7px;
    margin: 5px 0 0 -16px;
    float: left;
    width: 0;
}

.main-content__wrapper li {
    margin: 1em 0 1em 1em;
}

/* ================================================================ */
/* - Text Colors */
/* ================================================================ */

.color-primary {
    color: var(--color-primary);
}

.color-secondary {
    color: var(--color-secondary);
}

.text-orange {
    color: var(--color-orange); 
}

a.text-orange{
    color: var(--color-primary);
}

/* ================================================================ */
/* - Background class colors */
/* ================================================================ */

.background-white {
    background-color: var(--color-neutral-0);
}

.background-light-orange {
    background-color: #fff7f2;
}

.background-grey {
    background-color: #f8f8f8;
}

.background-red {
    background-color: #E60000;
}

.background-green {
    background-color: var(--color-green);
}

.background-yellow {
    background-color: var(--color-yellow);
}

/* ================================================================ */
/* - Usefull classes */
/* ================================================================ */

/* hide/show segment containers */

.private__segment-display,
.is-private .normal__segment-display {
    display: none;
}

.is-private .private__segment-display{
    display: block;
}

/* Display on Devices class */

.phone .display-on__phone,
.tablet .display-on__tablet,
.desktop .display-on__desktop,
.desktop .display-on__desktop-tablet,
.tablet .display-on__desktop-tablet,
.phone .display-on__tablet-phone,
.tablet .display-on__tablet-phone {
    display: block;
}

.desktop .display-on__phone,
.desktop .display-on__tablet,
.desktop .display-on__tablet-phone,
.phone .display-on__desktop-tablet,
.phone .display-on__tablet,
.phone .display-on__desktop,
.tablet .display-on__phone,
.tablet .display-on__desktop {
    display:none;
}

/* ================================================================ */
/* - checkbox and radius btn */
/* ================================================================ */

.main-content__wrapper input[type="checkbox"] {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    position: relative;
    width: 20px;
    -webkit-appearance: none;
       -moz-appearance: none;
}

.main-content__wrapper .Form input[type="checkbox"] {
    border-width: 0;
    margin-bottom: 0;
    margin-top: 0;
}

.main-content__wrapper input[type="checkbox"],
.main-content__wrapper input[type="checkbox"].ReadOnly,
.main-content__wrapper .Form input[type="checkbox"].ReadOnly {
    background-color: transparent;
}

.main-content__wrapper .Form input[type="radio"].SmartInput {
    display: block;
}

.main-content__wrapper input[type="checkbox"]:before {
    background: #fff;
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: inset 0 0 5px #ccc;
    content: " ";
    display: block;
    height: 100%;
    width: 100%;
}

.main-content__wrapper input[type="checkbox"]:checked:after {
    opacity: 1;
}

.main-content__wrapper input[type="checkbox"]:after {
    border: 2px solid #111;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: 6px;
    left: 20%;
    opacity: 0;
    position: absolute;
    top: 20%;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    width: 12px;
}

.main-content__wrapper input[type="checkbox"]:after {
    border-width: 4px;
    border-color: #a4a4a6;
    height: 4px;
    left: 24%;
    top: 25%;
    width: 8px;
}

.main-content__wrapper input[type="checkbox"]:before {
    box-shadow: none;
    border-color: #cdcdcd;
    border-radius: 0;
}

/* Disabled **************************/

input[type="checkbox"]:disabled:checked:after {
    border-color: #ccc;
}

input[type="checkbox"]:disabled:before {
    box-shadow: inset 0 0 5px #ccc;
}

/* Radio Buttons **************************/
input[type="radio"] {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    position: relative;
    width: 20px;
    -webkit-appearance: none;
       -moz-appearance: none;
}

input[type="radio"]:before {
    background: #fff;
    border-color: #ccc;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    box-shadow: inset 0 0 5px #ccc;
    content: " ";
    display: block;
    height: 100%;
    width: 100%;
}

input[type="radio"]:checked:after {
    opacity: 1;
}

input[type="radio"]:after {
    background: #111;
    border: 2px solid #111;
    border-radius: 8px;
    content: " ";
    display: table;
    height: 8px;
    left: 25%;
    opacity: 0;
    position: absolute;
    top: 25%;
    width: 8px;
}

.Form input[type="radio"] {
    border-width: 0;
}

input[type="radio"],
input[type="radio"].ReadOnly,
.Form input[type="radio"].ReadOnly {
    background-color: transparent;
}

.Form input[type="checkbox"].SmartInput {
    display: inline-block;
}

/* Disabled **************************/

input[type="radio"]:disabled:checked:after {
    background: #ccc;
    border-color: #ccc;
}

input[type="radio"]:disabled:before {
    box-shadow: inset 0 0 5px #ccc;
}

input[type="radio"]:disabled,
input[type=checkbox]:disabled {
    cursor: not-allowed;
}

.Form input[type="checkbox"]:disabled.ReadOnly,
.Form input[type="radio"]:disabled.ReadOnly {
    cursor: not-allowed;
}

/* ================================================================ */
/* Scroll to top */
/* ================================================================ */

.scroll-to_top {
    display: none;
    color: var(--color-primary);
    background-color: rgb(255 255 255 / 70%);
    border: 1px solid var(--color-primary);
    border-radius: 50px;
    bottom: 20px;
    -webkit-box-shadow: 2px 2px 3px #999;
            box-shadow: 2px 2px 3px #999;
    cursor: pointer;
    height: 48px;
    position: fixed;
    padding: 4px;
    left: 20px;
    text-align: center;
    width: 32px;
    z-index: 2;
}

.scroll-to_top .icon:before {
    display: block;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.scroll-to_top:before {
    content: ".";
    display: block;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.scroll-to_top:after {
    content: "";
    bottom: -4px;
    height: 55px;
    position: absolute;
    right: -6px;
    width: 40px;
}

.phone .scroll-to_top {
    left: 5px;
}

.tablet .scroll-to_top {
    left: 10px;
}

.scroll-to_top:hover .icon {
    -webkit-animation: scroll 1s ease-in-out infinite;
            animation: scroll 1s ease-in-out infinite;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 30px;
}

.scroll-to_top .icon {
    -webkit-animation: scroll 1s 2 ease-in;
            animation: scroll 1s 2 ease-in;
    bottom: 10px;
    left: 0;
    position: absolute;
    width: 30px;
}

.phone .scroll-to_top .icon {
    width: 100%;
    bottom: 2.67vw;
    left: 0.27vw;
}

.phone .scroll-to_top:before {
    width: 100%;
    position: absolute;
    left: 0.27vw;
}

@-webkit-keyframes scroll {
    0%{bottom: 0;opacity: 0;}
    30%{bottom: 10px; opacity: 1;}
    100%{bottom: 20px; opacity: 0;}
}

@keyframes scroll {
    0%{bottom: 0;opacity: 0;}
    30%{bottom: 10px; opacity: 1;}
    100%{bottom: 20px; opacity: 0;}
}

/* ================================================================ */
/* $3.1 - Header */
/* ================================================================ */
.header__container {
    background-color: var(--color-background-header);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
    left: 50%;
    margin: 0 auto;
    position: fixed;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    z-index: 2;
}

.header__top,
.header__center,
.header__bottom {
    padding: 0 12%;
    transition: padding 300ms;
    width: 100%;
}

.header__top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.header__center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-bottom: 30px;
    padding-top: 34px;
}

.header__bottom {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--color-background-header);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 0 10px #d6d2d2;
            box-shadow: 0 0 10px #d6d2d2;
    height: 100%;
    margin: 0 auto;
    min-height: 52px;
    z-index: 1;
}

.header__menu-segmentos .link,
.header__menu-segmentos-bpi .link {
    margin-right: 15px;
}

.header__menu-segmentos .link a,
.header__menu-segmentos-bpi .link a {
    color: var(--color-secondary);
    font-size: var(--font-size-m);
}

.header__menu-segmentos a:hover,
.header__menu-segmentos-bpi a:hover {
    color: var(--color-primary);
    font-weight: 700;
    transition: all 200ms;
}

.header__menu-segmentos .link:last-child,
.header__menu-segmentos-bpi .link:last-child,
.header .header__top .header__top-actions a:last-child {
    margin-right: 0;
}

.header__menu-segmentos {
    margin-top: var(--margin-top-header);
}

.header__menu-segmentos-bpi .link.active a,
.header__menu-segmentos .active,
.header__menu-segmentos .link.active a {
    color: var(--color-primary);
    font-weight: bold;
}

.header__menu-segmentos-bpi {
    margin-top: var(--margin-top-header);
}

.header__top-actions {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--color-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 25px;
}

.header__top-actions .dropdown .dropdown-header {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    height: 18px;
}

.header__top-actions .is--visible .dropdown-header.select {
    border: none;
}

.header__top-actions .dropdown .dropdown-header-text {
    margin-right: 10px;
}

.header__top-actions .dropdown-header[aria-expanded="true"] .dropdown-header-text {
    color: var(--color-primary);
}

.header__top-actions>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 34px;
}

.phone .header__to-pactions > div{
    margin-right: 5px;
}

.header__top-actions>div a:last-child,
.header__top-actions>div:last-child {
    margin-right: 0;
}

.phone .header__top-actions > div {
    margin-right: 4.07vw;
}

.header__top-actions .icon {
    color: var(--color-primary);
    vertical-align: middle;
    margin: auto;
    margin-right: 5px;
}

.header__logo {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 74%;
}

.header__logo img {
    height: 56px;
}

/* Header Sticky */

.header__container.sticky .header__top {
    display: flex;
}

.header__container.sticky .main-content__wrapper {
    padding-top: 260px;
}

.header__container.sticky .login__footer-actions {
    display: flex;
}

.header__container.sticky .header__top {
    margin-top: -60px !important;
    transition: margin-top 200ms ease-in;
}

.header__container:not(.stick) .header__top {
    margin-top: 0;
    transition: margin-top 200ms ease-out;
}

/* Top Actions - Idiomas Informações */
.header__top-actions .dropdown .dropdown-content .dropdown-content-list {
    min-height: 123px;
    min-width: 129px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 8px;
    border: 0;
    -webkit-box-shadow: 0 2px 4px 0 #d4d4d4;
            box-shadow: 0 2px 4px 0 #d4d4d4;
    width: 100%;
    white-space: normal;
}

.header__top-actions .dropdown .dropdown-content .dropdown-content-list a:hover {
    background-color: transparent;
    color: var(--color-primary);
    font-weight: var(--font-bold);
    transition: all 200ms;
}

.header__top-actions .link {
    position: relative;
    padding-left: 0;
}

.header__top-actions .dropdown-content-list .link a {
    padding-left: 8px !important;
}

.header__top-actions .dropdown-content-list .link.active a {
    color: var(--color-primary) !important;
    font-weight: var(--font-bold);
}

.header__top-actions .link.active:after {
    content: "\e972";
    color: var(--color-primary);
    font-family: 'bpifont';
    font-size: 10px;
    position: absolute;
    right: -2px;
    top: 16px;
}

/* ================================================================ */
/* $3.2 - Login */
/* ================================================================ */
.login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 365px;
}

.login__title {
    color:  #f60;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: BarlowBold;
    font-size: 16px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.login__title .login__title-actions a {
    color:  #f60;
    text-decoration: underline;
}

.login__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-height: 34px;
    margin-top: 10px;
    width: 100%;
}

.login__content-input {
    color: #f60;
    -webkit-box-shadow: 0px 2px 1px -1px;
            box-shadow: 0px 2px 1px -1px;
    margin-right: 14px;
    width: 40%;
}

.login__content-input input {
    background-color: #eee;
    font-size: var(--font-size-h6);
}

.login__content-button  {
    border-radius: 5px;
    margin: 0;
    
}

.login .login__content-button input.btn {
    font-family: var(--font-barlow-semibold);
    min-height: 34px;
}

.login.phone .login__content-button input.btn,
.login.tablet .login__content-button input.btn{
    min-height: 46px;
}

.login__footer-actions a:last-child {
    margin-right: 0;
}

.login__footer-actions a {
    color: var(--color-links) !important;
    font-size: var(--font-size-h6);
    margin-right: 10px;
    text-decoration: none;
}

.login__footer-actions a:hover {
    text-decoration: underline;
}

.header__container .header__top .header__top-actions a:not(.btn) {
    color: var(--color-secondary);
}

.header__container .header__top .header__top-actions .active a:not(.btn){
    color: var(--color-primary);
    font-family: var(--font-barlow-semibold);
}

form[action="Login.aspx"] ~ .blockUI .blockUI-displayBox {
    display: block;
}

form[action="Login.aspx"] ~ .blockUI.blockPage {
    left: 0 !important;
    width: 100% !important;
    padding: 0 !important;
}

/* ================================================================ */
/* $3.3 - Search */
/* ================================================================ */

.header__bottom__search-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 28%;
    height: 56px;
}

.header__bottom__search-bar:empty{
    display: none;
}

.header__bottom__search-bar .input-with-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}

.header__bottom__search-bar .input-with-icon .input-with-icon-content-icon,
.header__bottom__search-bar .input-with-icon .input-with-icon-content-icon a {
    color: var(--color-primary);
    font-size: 24px;
    margin-left: 2px;
}

.input-with-icon.input-with-icon-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.input-with-icon-input,
.input-with-icon-input input {
    width: 100%;
}

.input-with-icon-input input {
    width: 100%;
    padding: 0;
}

.input-with-icon-input {
    color: #ff6600;
    box-shadow: 0 2px 0px -1px;
    -webkit-box-shadow: 0 2px 0px -1px;
}

.input-with-icon-input input::-webkit-input-placeholder {
    color: #9E9E9E;
}

.input-with-icon-input input::-moz-placeholder {
    color: #9E9E9E;
}

.input-with-icon-input input:-ms-input-placeholder {
    color: #9E9E9E;
}

.input-with-icon-input input::-ms-input-placeholder {
    color: #9E9E9E;
}

.input-with-icon-input input::placeholder {
    color: #9E9E9E;
}

/* ================================================================ */
/* $3.4 - Menu */
/* ================================================================ */

.menu-item.active,
.menu-item.active a {
    color: var(--color-primary);
    font-weight: bold;
    transition: all 200ms;
}

.menu-item__items-container {
    display: none;
    min-height: 169px;
}

.menu-item__items-container.open.noSub {
    display: none;
}

.header__bottom__menu .ListRecords,
.menu-item__items > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.header__bottom__menu .menu-Items {
    height: 56px;
}

.header__bottom__menu .menu-Items .menu-item {
    align-items: center;
    font-size: var(--font-size-l);
    display: flex;
    height: 100%;
}

.menu-item__items-container > div {
    background-color: #fff;
    border-radius: 0px 0px 8px 8px;
    -webkit-box-shadow: 0 0 10px #d6d2d2;
            box-shadow: 0px 10px 10px #d6d2d2;
    height: 100%;
    padding: 16px;
    min-height: 169px;
}

.menu-item__items-container.open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    left: 12%;
    position: absolute;
    top: 100%;
    width: 1018px;
    z-index: 0;
}

.menu-item__items {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}


.menu-item__items .submenu-item {
    margin: 0px 26px;
    margin-top: 21px;
    text-align: center;
    width: 110px;
    color: #4D4D4D;
    font-weight: 500;
}

.menu-item__items .submenu-item:hover {
    color: var(--color-primary);
    font-weight: 700;
    transition: all 200ms;
}

.header__bottom__menu {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    min-width: 74%;
    width: 100%;
}

.header__bottom__menu span > .ListRecords {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.menu-item__title {
    cursor: pointer;
    width: 100%;
    margin-right: 26px;
}

.menu-item__title a {
    color: var(--color-secondary);
    font-size: var(--font-size-m);
}

.menu-item__actions {
    padding-top: 20px;
    text-align: right;
}

.menu-item__actions a {
    color: #666;
    text-decoration: underline;
}

.submenu-item {
    cursor: pointer;
}

.submenu-item__icon .icon {
    font-size: 30px;
    font-weight: 500;
}

.submenu-item__title {
    margin-top: 16px;
}

/* Menu Empresas */
.menu--item--columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.menu--item--columns .menu--item_column:last-child{
    max-width: 300px;
}

.menu--item_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 692px;
}

.menu--item_column-content{
    width: 310px;
}

.menu--item_column .menu--item--columns + .menu--item--columns:last-child{
    margin-top: 20px;
}

.menu--item_column-title {
    font-size: var(--font-size-base);
    font-weight: 700;
    width: 288px;
}

.menu-Items.empresas .menu-item__items-container.open {
    width: calc(100% - 24%);
    padding-right: 60px;
    height: auto;
    z-index: 0;
}

.menu-Items.empresas .menu-item__items-container {
    height: 100%;
}

.menu--item_column-nivel1 > div,
.menu--item_column-nivel2 > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    line-height: 1.2em;
}

.menu--item_column-nivel1 > div a,
.menu--item_column-nivel2 > div a {
    margin-top: 4px;
    display: block;
}

.menu--item_column-nivel1 {
    display: inline-block;
    max-width: 280px;
    position: relative;
    width: 100%;
}

.menu--item_column-nivel2 {
    display: none;
    position: absolute;
    left: 336px;
    width: 346px;
    margin-left: 8px;
    top: 20px;
}

.menu--item_column-niveis a {
    color: var(--color-secondary);
    padding-right: 10px;
}

.menu--item_column-niveis.open > .menu--item_column-nivel2 {
    display: block;
}

.menu--item_column-niveis.open > .menu--item_column-nivel1 a {
    color: var(--color-primary);
}

.menu--item_column-niveis.open > .menu--item_column-nivel1.noSub a {
    color: var(--color-secondary);
}

.menu--item_column-niveis.open > .menu--item_column-nivel1.noSub a:hover {
    color: var(--color-primary);
}

.menu--item_column-nivel1 a:hover,
.menu--item_column-nivel2 a:hover {
    display: block;
    color: var(--color-primary);
}

.menu--item_column-nivel1.open:not(.noSub) a {
    color: var(--color-primary);
}

.menu--item_column-nivel1.open+.menu--item_column-nivel2 {
    display: block;
    height: calc(100% - 20px);
}

.menu--item_column-nivel2,
.menu--item_column-content {
    overflow: auto;
}

.ie11 .menu--item_column-nivel2,
.ie11 .menu--item_column-content,
.ie .menu--item_column-nivel2,
.ie .menu--item_column-content {
    padding-bottom: 2px;
}

.menu--item_column-nivel2,
.menu--item_column-content {
  scrollbar-width: thin;
  scrollbar-color: var(--color-primary);
}

.menu--item_column-nivel2::-webkit-scrollbar-track,
.menu--item_column-content::-webkit-scrollbar-track{
  background: #eee;
    width: 4px;
}
.menu--item_column-nivel2::-webkit-scrollbar-thumb,
.menu--item_column-content::-webkit-scrollbar-thumb{
  background-color: var(--color-primary) ;
  border-radius: 6px;
}

.menu--item_column-nivel2::-webkit-scrollbar,
.menu--item_column-content::-webkit-scrollbar{
    width: 8px;
}

/* ================================================================ */
/* $3.5 - Content */
/* ================================================================ */
.main-content__wrapper {
    background-color: var(--color-background-body);
    margin: 0 auto;
    max-width: var(--theme-grid-size);
    padding-top: 270px;
}

.main-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 10px var(--padding-x-base);
    width: 100%;
}

.main-content__banner:empty{
    display: none;
}

.tablet .main-content__banner{
    height: 250px;
}

.phone .main-content__banner{
    height: 264px;
}

/* $3.5.1 - Content - Breadcrumbs */
.main-content__breadcrumbs {
    margin-top: 20px;
    padding: 0 var(--padding-x-base);
}

body:not(.desktop) .main-content__breadcrumbs{
    display: none;
}

/* $3.5.2 - Content - Title */
.main-content__title {
    color: var(--color-primary);
    font-size: var(--font-size-h1);
    font-family: var(--font-barlow-bold);
    margin: 10px 0;
    padding: 0 var(--padding-x-base);
}

.phone .main-content__title,
.tablet .main-content__title {
    padding:0 var(--space-l);
}

/* Main Content block Layout 2021 */

.main-content__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.main-content__block a:hover {
    text-decoration: underline;
}

.main-content__block a:hover:has(.card.card-content),
.main-content__block a:hover:has(.list-item),
.main-content__block .notifications a:hover {
    text-decoration: none;

}

.main-content__block a:hover:has(.card.card-content) .card-content_title,
.main-content__block a:hover:has(.list-item) .list-item_content {
    color: var(--color-orange);
}


.main-content__block .notifications a:hover {
    text-decoration: none;
}

.main-content__title-container {
    display:flex;
}

.main-content__block-title_actions {
    align-self: center;
    padding-left: 20px;
}

.main-content__block-title {
    color: var(--color-primary);
    font-family: var(--font-barlow-bold);
    flex: 1;
    width: 100%;
}

.content__block-layout {
    font-size:var(--font-size-base);
}

/* ================================================================ */
/* $3.6 - Footer */
/* ================================================================ */
.footer {
    max-width: var(--theme-grid-size);
    padding: 15px 200px;
}

.footer__links .ListRecords {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
}

.footer__links {
    margin: 40px auto;
    padding: 0;
}

.footer__links ul li {
    color: var(--color-secondary);
    font-family: 'BarlowRegular', Geneva, Roboto, sans-serif;
    font-size: var(--font-size-base);
    line-height: 22px;
    padding-left: 0;
    margin-bottom: 8px;
    width: 80%;
}

.footer__links ul li:before {
    display: none;
}

.footer__bottom-text {
    font-size: var(--font-size-s);
    padding: 0;
    text-align: center;
}

.footer__bottom-text a {
    text-decoration: none;
    font-size: inherit;
}

.footer__bottom-text a:hover {
    text-decoration: underline;
}

.phone .footer__bottom-text {
    line-height: 1.3em;
    text-align: left;
}

.footer__quick-links-bar {
    display: none;
}

.footer__links-column>ul li {
    color: var(--color-secondary);
}

.footer__links-column a {
    color: var(--color-secondary);
    text-decoration: none;
}

.footer__links-column li {
    line-height: 1.5;
}

.footer__links-column {
    color: var(--color-primary);
    font-size: var(--font-size-m);
    font-family: var(--font-barlow-bold);
    margin-right: 10px;
    width: 100%;
}

.footer__links-column>div:first-child {
    font-size: var(--font-size-m);
    margin-bottom: 6px;
}

.footer__links-column .ListRecords {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.footer__social-networking {
    color: var(--color-secondary);
    font-family: 'BarlowRegular', Geneva, Roboto, sans-serif;
    font-size: var(--font-size-base);
    line-height: 22px;
    padding-left: 0;
    margin-top: 8px;
    text-decoration: none;
}

.footer__social-networking>div {
    margin-bottom: 8px;
}

.footer__social-networking a {
    margin-right: 4px;
}

/* fotter links row */

.footer:has( .footer__links .footer__links-row){
    background: #F2F2F2;
}

body.desktop .footer__links:has(.footer__links-row){
    margin: 0;
    height: 116px;
    display: grid;
}

body.tablet .footer__links:has(.footer__links-row){
    margin: 0;
    height: 116px;
    display: grid;
}

.footer__links-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-self: center;
}

.footer__links-row .ListRecords {
    display: flex;
    justify-content: flex-end;
    grid-gap: 50px;
}

.footer__links-row > div {
    width: 100%;
    height: fit-content;
    font-size: 16px;
    line-height: 18px;
}

.footer__links-row .ListRecords  a {
    color: #4d4d4d;
    text-decoration: underline;
    font-size:18px;
    line-height: 22px;
    font-family: var(--font-barlow-semibold);
}

.phone .footer__links-row > div {
    grid-row: 2/2;
    text-align: center;   
}   

.phone .footer__links-row {
    grid-template-rows: min-content 1fr;
    grid-template-columns: 1fr;
    grid-gap: 60px;
    padding: 0;
}

.phone .footer__links-row .ListRecords {
    align-items: center;
    grid-gap: 30px;
}

.footer__links-row .ListRecords  a {
    font-size: 16px;
    line-height: 20px; 
}

.footer__links-social_icon_orange {
    font-size: 1.5em;
    color: var(--color-primary)!important;
}

.footer__links-social_icon_grey {
    font-size: 1.5em;
    color: var(--color-neutral-8)!important;
}

/* ================================================================ */
/* $ - Responsive */
/* ================================================================ */

/* Phone and tablet rules */

.phone .footer__links-column {
    flex: 0 0 100%;
    margin-bottom: 20px;
}

.phone .footer__links .ListRecords {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

body:not(.desktop) .main-content {
    margin: 0;
    padding: var(--space-l);
    padding-top: 0;
}

body:not(.desktop) .main-content__wrapper {
    padding-top: 26.67vw;
    position: relative;
    top: -20px;
}

body:not(.desktop) .header__center {
    background-color: #fff;
    justify-content: center;
    height: 21.87vw;
    padding: 0;
    position: absolute;
    top: 0;
}

body:not(.desktop) .header__top {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    font-size: 18px;
    line-height: 22px;
    height: 100%;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

body:not(.desktop) .header__top a{
    font-size: 4.80vw;
    line-height: 22px;
}

body:not(.desktop) .header__menu-segmentos .link,
body:not(.desktop) .header__menu-segmentos-bpi .link {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    margin-right: 0;
    position: relative;
}

body:not(.desktop) .header__menu-segmentos .link:after,
body:not(.desktop) .header__menu-segmentos-bpi .link:after {
    font-family: 'bpifont' !important;
    content: "\e909";
    font-size: 15px;
    right: 15px;
    color: #4d4d4d;
    position: absolute;
    height: 10px;
    width: 10px;
}

body:not(.desktop) .header__top .header__menu-segmentos .ListRecords,
body:not(.desktop) .header__top .header__menu-segmentos, 
body:not(.desktop) .header__top .header__menu-segmentos-bpi .ListRecords,
body:not(.desktop) .header__top .header__menu-segmentos-bpi {
    display: none;
}

body:not(.desktop) .header__bottom {
    display: none;
    box-shadow: none;
    position: absolute;
    background: none;
    padding: 70px 0;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    z-index: 1;
}

body:not(.desktop).menu-mobile-open .header__bottom {
    display: flex;
}

body.desktop .login-mobile,
body.desktop .menu-mobile {
    display: none;
}

body:not(.desktop) .header__top-actions .link.active:after {
    top: 10px;
}

body.phone.menu-mobile-open .header__container:after{
    content:"";
    height: 142px;
    background-color: #FFFBF9;
    width: 100%;
    position:absolute;
    bottom: 0;
    z-index: 0;
}

body:not(.desktop).menu-mobile-open .login-mobile{
    display:none;
}

body:not(.desktop).login-mobile-open .header__bottom {
    display: none;
}

.login-mobile-open .menu-mobile {
    display: none !important;
}

body:not(.desktop) .menu-mobile {
    display: block;
    position: absolute;
    left: 20px;
    top: 26px;
    text-align: center;
    z-index: 2;
    font-size: var(--font-size-base);
}

body:not(.desktop).phone .menu-mobile {
    left: 5.33vw;
    top: 6.93vw;
}

body:not(.desktop) .menu-mobile .icon {
    color: var(--color-primary);
}

body:not(.desktop).menu-mobile-open .menu-mobile-acesso{
    display: none;
}

body:not(.desktop):not(.menu-mobile-open) .menu-mobile-acesso{
    display: block;
    position: absolute;
    left: 4px;
}

.menu-mobile-fechar div,
.menu-mobile-acesso div{
    margin-top: -4px;
    line-height: 1em;
}

.menu-mobile-fechar{
    pointer-events : auto;
}

body:not(.desktop).menu-mobile-open .menu-mobile-fechar{
    display: block;
    top: 10px;
}

body:not(.desktop):not(.menu-mobile-open) .menu-mobile-fechar{
    display: none;
}

.phone.menu-mobile-open .header__container {
    height: 100%;
    transition: height 0.5s;
}

body:not(.desktop) .header__bottom__menu {
    align-items: initial;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
}

body:not(.desktop) .header__bottom__search-bar {
    display: flex;
    width: 100%;
    padding: 0 20px;
    padding-bottom: 20px;
}

.header__bottom__search-bar input{
    background-color: transparent;
}

.phone .header__logo {
    width: 164px;
    z-index: 3;
}

body.tablet .header__center {
    height: 102px;
}

body:not(.desktop) .header__logo img {
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

body:not(.desktop) .footer {
    padding: 15px 32px;
}

body:not(.desktop) .footer__links {
    margin-top: 20px;
}

body:not(.desktop) .header__top-actions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    flex-wrap: nowrap;
    margin-bottom: 30px;
    z-index: 3;
    width: 100%;
}

body:not(.desktop) .header__top-actions .dropdown .dropdown-content .dropdown-content-list{
    bottom: 100%;
    margin-bottom: 25px;
}

body:not(.desktop).login-mobile-open .layout,
body:not(.desktop).menu-mobile-open .layout {
    position: fixed;
    width: 100%;
}

body:not(.desktop).menu-mobile-open .layout .header__container {
    display: flex;
}

body.phone:not(.menu-mobile-open) .header__top-actions,
body.phone:not(.menu-mobile-open) .header__bottom__search-bar{
    visibility: hidden;
    opacity: 0;
    transition: opacity .1s, visibility .1s;
    z-index:0;
}

body.phone.menu-mobile-open .header__top-actions,
body.phone.menu-mobile-open .header__bottom__search-bar {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.1s, visibility 0.1s;
    transition-delay: 0.2s;
}

.menu-mobile-item .ListRecords {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
}

.menu-mobile-items {
    color: var(--color-secondary);
    display: flex;
    flex-direction: row;
    height: 16vw;
    border-bottom: 1px solid #eee;
}

.phone .menu-mobile-items {
    font-size: 4.80vw;
}

body:not(.desktop) .menu-mobile-item__action {
    font-size: 15px;
    right: 0;
    color: #4d4d4d;
    align-self: center;
}

body:not(.desktop) .menu-mobile-item__title {
    align-self: center;
    width: 100%;
}

.menu-mobile-items_container{
    overflow-y: auto;     
}

body:not(.desktop) .menu-mobile-items a {
    color: var(--color-secondary);
    font-size: 4.80vw;
    height: 100%;
}

.mobile-item__header-top{
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    background-color: #FFFBF9;
    font-weight: bold;
    font-size: 4.80vw;
    height: 16.53vw;
    position: relative;
    color: var(--color-primary);
    align-items: center;
    padding: 0 20px;
}

.mobile-item__header-actions{
    height: 16vw;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 0 20px;
}

.mobile-item__header-actions a{
    color: var(--color-primary);
    font-size: 4.80vw;
}

.mobile-item__header-top_title{
    display: flex;
    justify-content: center;
    width: calc(100% - 20px);
}

.mobile-item__header-top > div:empty{
    display: none;
}

.mobile-item__header-top_actions{
   width: 20px; 
}

.mobile-item__header-top_actions a{
    color: var(--color-primary);
}

.mobile-item__header-top_actions a:after{
    content: "";
    height: 40px;
    width: 40px;
    opacity: 0.4;
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

body:not(.desktop) .login-mobile {
    display: block;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 26px;
    z-index: 2;
}

body:not(.desktop) .login-mobile .icon {
    color: var(--color-primary);
}

.phone .login {
    height: 100%;
    padding: 0;
    position: absolute;
    width: 97.33vw;
}

.tablet .iframe {
    height: 260px !important;
    width: 345px !important;
}

.tablet .login {
    position: absolute;
    padding: 0px;
    right: 0;
    height: 100%;
}

.phone .header__login .iframe {
    height: 182px !important;
    width: 100% !important;
}

.tablet .header__login .iframe {
    height: 255px !important;
    margin-top: 20px;
    padding: 0 35px;
    width: 100% !important;
}

.phone .login__content,
.tablet .login__content{
    flex-direction: column;
    height: 100%;
    max-height: 100%;
}

.phone .login__content-input {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
}

.phone .login .Button,
.tablet .login .Button{
    height: 34px;
    width: 20%;
}

.phone .login__content-button {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.phone .login__footer {
    display: none;
}

.phone .login__footer-actions,
.tablet .login__footer-actions{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    pointer-events: auto;
}

.login.phone {
    animation-name: loginMobile;
    animation-duration: 0.4s;
    display: block;
    height: 100%;
    min-height: 100%;
    padding: 0 20px;
    opacity: 1;
    top: 100px;
    transition: display 0.3s, opacity 0.5s linear;
    width: 100%;
}

.phone .header__container {
    height: 21.87vw;
    transition: height 0.4s;
}

.phone.login-mobile-open .header__container {
    height: 100%;
    position: fixed;
    transition: height 0.4s;
}

.phone.login-mobile-open .login__footer {
    display: block;
    position: absolute;
    left: 0;
    padding: 0 20px;
    text-align: right;
    top: 266px;
    transition: opacity 0.8s linear;
    width: 100%;
}

.phone .login__content {
    flex-direction: column;
    height: 100%;
    max-height: 100%;
}

.iframe.phone {
    height: 182px !important;
    width: 100% !important;
    overflow: hidden !important;
}

.phone .header__login {
    display: none;
}

.phone.login-mobile-open .header__login {
    display: block;
    top: 84px;
    position: absolute;
    left:0;
    width: 100%;
}

body.desktop .login__footer-button {
    display: none;
}

.login__footer-button {
    margin-top: 20px;
}


body:not(desktop):not(.login-mobile-open) .login-mobile-fechar,
body:not(desktop).login-mobile-open .login-mobile-acesso {
    opacity: 0;
}

.login-mobile .login-mobile-fechar {
    position: absolute;
    top: 0;
}

body:not(desktop):not(.login-mobile-open) .login-mobile-fechar .icon {
    transform: rotate(0deg);
    display: inline-block;
}

body:not(desktop).login-mobile-open .login-mobile-fechar .icon-icon_close_menu {
    display: inline-block;
    transform: rotate(90deg);
    transition: transform 0.2s ease-in;
}

body.tablet.login-mobile-open .main-content,
body.tablet.menu-mobile-open .main-content,
body.tablet.login-mobile-open .footer__links,
body.tablet.menu-mobile-open .footer__links,
body.tablet.login-mobile-open .header__container,
body.tablet.menu-mobile-open .header__container {
    pointer-events: none;
}

body.tablet.login-mobile-open .header__login,
body.tablet.menu-mobile-open .header__bottom {
    pointer-events: auto;
}

/* Tablet Rules */

body.tablet .header__container,
body.phone .header__container {
    position: fixed;
    left: 50%;
    z-index: 3;
}

body.tablet.login-mobile-open .header__container,
body.tablet.menu-mobile-open .header__container {
    background: #4a4a4a82;
    display: block;
    bottom: 0;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

body.tablet .main-content__wrapper{
    padding: 122px 0 0 0;
}


.tablet .header__top-actions{
    display: none;
}

.tablet .header__logo {
    width: 296px;
}

.tablet .header__center, .tablet .header__bottom {
    margin: 0;
}

body.tablet .menu-mobile{
    top: 30px;
    left: 23px;
}

body.tablet .login-mobile{
    right: 23px;
    top: 30px;
}

body:not(.desktop).phone .login-mobile {
    right: 5.33vw;
    top: 6.93vw;
}

body.tablet .header__bottom{
    display: block;
    box-shadow: none;
    height: 881px;
    min-height: 881px;
    background-color: #fff;
    width: 428px;
    position: absolute;
    left: -428px;
    top: 100px;
    padding: 0;
    transition: left 0.5s;
}

body.tablet.menu-mobile-open .header__bottom {
    left: 0;
    transition: left 0.5s;
}

body.tablet.menu-mobile-open .header__bottom:after{
    content: "";
    height: 142px;
    background-color: #FFFBF9;
    width: 100%;
    left: 0;
    position: relative;
    bottom: 0;
    z-index: 1;
    transition: left 0.5s;
}
body.tablet .header__bottom:after,
body.tablet .header__top-actions{
    left: -428px;
    position: absolute;
    transition: left 0.5s;
}

body.tablet .header__login {
    position: absolute;
    right: -428px;
    width: 428px;
    height: 431px;
    background: #fff;
    top: 100px;
    transition: right 0.5s;
}

body.tablet.login-mobile-open .header__login {
    right: 0;
    transition: right 0.5s;
    display: block;
}

body.tablet.menu-mobile-open .header__top-actions {
    display: flex;
    width: 428px;
    position: absolute;
    left: 0;
    padding: 0 20px;
    pointer-events: auto;
    transition: left 0.5s;
    z-index: 2;
}

body.tablet.login-mobile-open .header__top-actions {
    display: none;
}

body.tablet .header__top a,
body.tablet .header__top {
    font-size: 18px;
}

body.tablet btn btn-small{
    width:100%; 
}

body.tablet .header__bottom__search-bar{
    position: absolute;
    bottom: 67px;
    z-index: 2;
}

body.tablet .menu-mobile-items,
body.tablet .mobile-item__header-actions,
body.tablet .mobile-item__header-top{
    height: 61px;
}

body.tablet .menu-mobile-items a,
body.tablet .mobile-item__header-actions a,
body.tablet .mobile-item__header-top{
    font-size: 18px;
}

/* Tablet Landscape */

.tablet.landscape .header__bottom__menu,
body.tablet.menu-mobile-open .header__bottom,
.tablet.landscape .header__login {
    overflow: auto;
}

body.tablet.landscape.menu-mobile-open .header__top-actions {
    top: unset;
}

.tablet.landscape .login__footer-button {
    margin-top: 0px;
}

.tablet.login-mobile-open.landscape .login__footer {
    align-items: center;
    background-color: #fff;
    justify-content: space-around;
    display: flex;
    height: calc(100% - 34px);
    pointer-events: none;
    padding:0 42px;
    top: 252px;
}

.tablet.login-mobile-open.landscape .login__footer-actions a:last-child {
    margin-right: 10px;
}

body.tablet.landscape.menu-mobile-open .header__bottom:after {
    height: 110px;
}

body.tablet.landscape .header__bottom__search-bar {
    bottom: 48px;
    margin-bottom: 0px;
}

body:not(.desktop).tablet.landscape .header__top-actions {
    margin-bottom: 10px;
}

.phone .header__top-actions {
    margin-bottom: 8vw;
}

.tablet.landscape .login__footer-actions {
    align-self: center;
    margin-top: 0;
    text-align: center;
}

.tablet.landscape:not(.login-mobile-open) .login__footer {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: calc(100% - 34px);
    justify-content: space-around;
    right: -428px;
    width: 428px;
}

/* login tablet */

.iframe.tablet {
    height: 255px !important;
    width: 100% !important;
    overflow: hidden !important;
}

.tablet .login__content{
    margin-top: 22px;
}

.login.tablet {
    display: block;
    height: 100%;
    min-height: 100%;
    padding: 0 42px;
    opacity: 1;
    top: 100px;
    width: 100%;
}

.tablet .login__content-input input,
.tablet .login__footer-button a{
    font-size: 16px;
    height: 52px;
}

.phone .login__footer-button .btn.btn-small {
    height: 13.87vw;
}

.tablet .login__footer-button .btn.btn-small {
    height: 52px;
}

.tablet .login__content-input{
    margin-right: 0;
    margin-bottom: 32px;
    width: 100%;
}

.tablet .login__title {
    margin-top: 2px;
}

.tablet .login__content-button{
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.tablet .login__content-button input{
    height: 100%;
}

.tablet .login__footer{
    position: absolute;
    right:-428px;
    top: 370px;
    transition: right 0.5s;
}

.tablet.login-mobile-open .login__footer{
    display: block;
    position: absolute;
    right: 0;
    padding: 0 42px;
    text-align: right;
    width: 428px;
    transition: right 0.5s;
}

.tablet .login__footer-button {
    margin-top: 56px;
    pointer-events: auto;
}

/* rev */

.main-content__wrapper {
    padding-top: 200px;
}


@media (min-width:1281px) and (max-width:1400px){
    .header__top, .header__center, .header__bottom {
        padding: 0 8% !important;
        -webkit-transition: padding 300ms;
        -o-transition: padding 300ms;
        transition: padding 300ms;
    }
}

/* header */

.header__menu-segmentos .link, .header__menu-segmentos-bpi .link {
    margin: 0;
}

.header__menu-segmentos-bpi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: var(--margin-top-header);
}

.header__top-actions:empty {
    display: none;
}

.header__top {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #F4F4F4;
    height: 48px;
    font-size: 14px;
}

.header__menu-segmentos,
.header__menu-segmentos-bpi {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0;
}

.header__menu-segmentos .link a,
.header__menu-segmentos-bpi .link a,
.header__menu-segmentos-bpi a {
    color: var(--color-secondary);
    font-size: var(--font-size-s);
}

.header__menu-segmentos .link a:hover,
.header__menu-segmentos-bpi .link a:hover,
.header__menu-segmentos-bpi a:hover {
    color: var(--color-primary);
    cursor: pointer;
}

.header__menu-segmentos .link a,
.header__menu-segmentos .link a:hover,
.header__menu-segmentos-bpi .link a:hover,
.header__menu-segmentos-bpi a:hover,
.header__menu-segmentos-bpi .link,
.header__menu-extra-help a {
   position: relative; 
}

.header__menu-segmentos .link.active a:before,
.header__menu-segmentos .link a:hover:before,
.header__menu-segmentos-bpi .link a:hover:before,
.header__menu-segmentos-bpi a:hover:before {
    background-color: var(--color-primary);
    bottom: -16px;
    content: '';
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: width 200ms ease-in;
    -o-transition: width 200ms ease-in;
    transition: width 200ms ease-in;
    width: 30px;
}

.header__menu-segmentos .link a:before,
.header__menu-segmentos-bpi .link a:before,
.header__menu-segmentos-bpi a:before {
    background-color: var(--color-primary);
    bottom: -16px;
    content: '';
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: width 300ms ease-out;
    -o-transition: width 300ms ease-out;
    transition: width 300ms ease-out;
    width: 0;
}

.header__menu-segmentos .link,
.header__menu-segmentos-bpi .link {
    margin-right: 32px;
}

.header__menu-segmentos-bpi .dropdown-header.select .dropdown-icon {
    /*remover arrow*/
    display: none;
}

.header__menu-segmentos-bpi .dropdown-header.select .dropdown-header-text{
    color: var(--color-primary);
}

.header__menu-segmentos-bpi .dropdown-header.select {
    margin-left: 32px;
}

.header__menu-segmentos-bpi .is--visible .dropdown-header.select {
    border: unset;
}

.header__bottom {
    /* remover border */
    -webkit-box-shadow: 0 2px 2px -2px rgb(214 210 210);
            box-shadow: 0 2px 2px -2px rgb(214 210 210);
}

.header__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    width: 100%;
}

.header__center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0;
    padding-bottom: 0;
}

.header__logo {
    padding: 32px 0 20px 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
}


.header__bottom__menu {
    height: 100%;
    padding: 0px 0 24px 0;
    width: 100%;
}

.login__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

/* search */

.search-open .header__bottom__search-bar .input-with-icon-content-icon {
    -webkit-animation: 300ms displayOpacity ease-in;
            animation: 300ms displayOpacity ease-in;
    margin: 0;
    position: absolute;
    left: -103%;
    -webkit-transform: translateX(-103%);
        -ms-transform: translateX(-103%);
            transform: translateX(-103%);
}

.header__bottom__menu .menu-Items {
    height: 100%;
}

.header__bottom {
    height: auto;
    min-height: unset;
    position: relative;
}

.menu-item__items-container.open {
    top: 100%;
}

/* menu */

.header__bottom__menu .menu-Items .menu-item,
.menu-item__items {
    font-size: var(--font-size-m);
}

/* login */

.header__logins {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
}

.header__logins .header__login {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

body:not(.desktop) .header__logins {
    width: unset;
}

/* Login vida e pensões */

.desktop .bpi-vp .header__logins .login__footer {
    height: 234px;
    top: 153px;
}

.desktop .bpi-vp .login__content {
    max-height: unset;
}

.desktop .bpi-vp .login {
    height: 100%;
    padding: 40px 62px;
}

.phone .bpi-vp .login {
    padding-right: 30px;
}

.tablet.login-mobile-open.landscape .bpi-vp .login__footer {
    min-height: unset;
    height: 234px;
}

.tablet .bpi-vp .login {
    padding: 30px 0px;
    position: relative;
    width: 100%;
}

.bpi-vp .header__top {
    display: none;
}

/* login desktop */

.desktop .header__container.sticky .header__logins .login__footer {
    top: 140px;
    -webkit-transition: top 200ms ease-in;
    -o-transition: top 200ms ease-in;
    transition: top 200ms ease-in;
}

.desktop .header__logins .login__footer {
    -webkit-animation: 300ms displayOpacity ease-out;
            animation: 300ms displayOpacity ease-out;
    background: #fff;
    -webkit-box-shadow: 0 0px 2px rgb(214 210 210);
            box-shadow: 0 0px 2px rgb(214 210 210);
    border-top: unset;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    display: none;
    height: 420px;
    position: absolute;
    right: 0;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    top: 200px;
    -webkit-transition: -webkit-transform 0.5s ease-in;
    transition: -webkit-transform 0.5s ease-in;
    -o-transition: transform 0.5s ease-in;
    transition: transform 0.5s ease-in;
    transition: transform 0.5s ease-in, -webkit-transform 0.5s ease-in;
    width: 446px;
    z-index: 2;
}

.desktop.login-desktop-open .header__logins .login__footer {
    -webkit-animation: 300ms displayOpacity ease-in;
            animation: 300ms displayOpacity ease-in;
    display: block;
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transition: -webkit-transform 0.5s ease-out;
    transition: -webkit-transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}

.desktop .login__footer {
    position: relative;
}

.desktop .login__footer-actions {
    bottom: 48px;
    position: absolute;
    left: 62px;
}

.desktop .header__logins .btn {
    cursor: pointer;
    height: 36px;
    margin-left: 24px;
    max-width: 165px;
    min-width: 120px;
    min-height: 36px;
    width: max-content;
}

.desktop .header__logins .btn.btn-enter .icon {
    margin-right: 10px;
}

.desktop .header__logins .input-with-icon-right {
    cursor: pointer;
}

.search-open .header__logins .input-with-icon .input-with-icon-input{
    -webkit-animation: 900ms displayOpacity ease-in;
            animation: 900ms displayOpacity ease-in;
    display: block;
}

.header__logins .input-with-icon .input-with-icon-input {
    position: absolute;
    left: -50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    display: none;
}

.input-with-icon-input a {
    position: absolute;
    top: 8px;
    right: 8px;
    color: var(--color-primary);
}

.phone .input-with-icon-input a {
    align-items: center;
    display: flex;
    font-size: 24px;
    position: unset;
}

.tablet .input-with-icon-input a {
    font-size: 22px;
}

body:not(.desktop) .input-with-icon-content-icon {
    display: none;
}

.input-with-icon-input input {
    padding-right: 34px;
}

.phone .input-with-icon-input input {
    padding-right: 8px;
}

.header__logins .input-with-icon {
   color: var(--color-primary);
}

.header__menu-extra {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 32px !important;
}

/* login desktop */

.iframe {
    height: 420px !important;
    overflow: hidden !important;
    width: 100% !important;
}

.login__content{
    margin-top: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 420px;
    min-height: 100%;
    opacity: 1;
    padding: 62px;
    width: 100%;
}

.login .login__content-button input.btn {
    height: 36px;
    width: 130px;
}

.login__content-input input,
.login__footer-button a{
    font-size: 16px;
    height: 46px;
}

.login__footer-button .btn.btn-small {
    height: 52px;
}

.login__content-input {
    margin-right: 0;
    margin-bottom: 32px;
    width: 100%;
}

.login__title {
    margin-top: 2px;
}

.login__content-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
}

.login__content-button input {
    height: 100%;
}

.login__footer-button {
    margin-top: 56px;
    pointer-events: auto;
}

/* phone */

.phone .login__header {
    -webkit-animation: 300ms displayOpacity;
            animation: 300ms displayOpacity;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    left: 0;
    position: absolute;
    top: calc(100vh - 142px);
    padding: 0 20px;
    width: 100%;
    z-index: 3;
}

.phone.login-mobile-open .login__footer {
    top: 100px;
}

.login.phone {
    padding: 0;
}

.phone .header__top {
    background-color: #fff;
}
.phone .header__main{
    position: absolute;
    top: 0;
    width: 100%; 
}

.phone .header__logins .input-with-icon .input-with-icon-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
    position: unset;
    width: 100%;
}

body:not(.desktop) .header__bottom__search-bar {
    padding: 0;
    margin-bottom: 24px;
}

.phone .header__bottom {
    padding-top: 90px;
}

body:not(.desktop) .btn.btn-enter {
    display: none;
}

body:not(.desktop) .header__menu-segmentos-bpi .link {
    display: none;
}

.phone .header__menu-segmentos-bpi .header__menu-extra {
    bottom: 35px;
    left: 20px;
    margin: 0 !important;
    position: absolute;
    z-index: 4;
}

.phone.menu-mobile-open .header__menu-segmentos-bpi .header__menu-extra-lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.phone:not(.menu-mobile-open) .header__menu-segmentos-bpi .header__menu-extra-lang{
    display: none;
}

body:not(.desktop) .header__top .header__menu-segmentos-bpi {
    display: block;
}

.phone .dropdown-header.select {
    margin: 0;
}

/* dropdown desktop / tablet */

.dropdown-content .link a:before,
.dropdown-content .link a:hover:before {
    content: unset;
}

body:not(.phone) .header__menu-extra-lang .dropdown .dropdown-content {
    left: 31%;
    top: 4px;
}

body:not(.phone) .header__menu-extra-lang .dropdown.is--visible .dropdown-content:before {
    background-color: #fff;
    border-top: var(--border-size-s) solid var(--color-neutral-4);
    border-left: var(--border-size-s) solid var(--color-neutral-4);
    content:"";
    height: 10px;
    left: 50%;
    position: absolute;
    top: 2px;
    -webkit-transform: translateX(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) rotate(45deg);
            transform: translateX(-50%) rotate(45deg);
    width: 10px;
    z-index: 1;
}

body.tablet .header__menu-extra-lang .dropdown.is--visible .dropdown-content:before {
    display: none;
}

body:not(.phone) .header__menu-segmentos-bpi .dropdown .link {
    margin-right: 0;
}

body:not(.phone) .header__menu-segmentos-bpi .dropdown-content-list .link a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
}

body:not(.phone) .header__menu-segmentos-bpi .dropdown-content .dropdown-content-list {
    padding: 0;
}

body:not(.phone) .header__menu-segmentos-bpi .dropdown-content .dropdown-content-list > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.phone .header__menu-segmentos-bpi .dropdown.is--visible .dropdown-content .dropdown-content-list {
    bottom: 35px;
    display: block;
    position: absolute;
    margin: 0;
    left: 12px;
    width: 50px;
    z-index: 4;
}

.phone .header__menu-segmentos-bpi > .link {
    display: none;
}

.phone .header__logins .header__login {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.phone:not(.menu-mobile-open) .header__login {
    display: none;
}

.phone .header__logins .header__login {
    -webkit-animation: 300ms displayOpacity ease-in;
            animation: 300ms displayOpacity ease-in; 
    
}

.phone .header__menu-extra-help {
    display: none;
}

.phone .header__menu-segmentos-bpi .dropdown-content-list .link,
body:not(.desktop) .header__top .header__menu-segmentos-bpi .dropdown-content-list .ListRecords {
    display: block;
}

.phone .header__menu-segmentos-bpi .dropdown-content-list .link {
    padding: 0;
}

.header__menu-segmentos-bpi .dropdown-content-list .link.active a{
    color: var(--color-primary);
}

.phone .header__menu-segmentos-bpi .dropdown-content-list .link:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.header__menu-segmentos-bpi .dropdown .dropdown-content .dropdown-content-list a:hover {
    background:#fff;
}

.phone .header__menu-segmentos-bpi .dropdown-content-list .link a {
    padding: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

body:not(.desktop) .header__menu-segmentos .link:last-child {
    border-bottom: unset;
}

body:not(.desktop) .header__menu-segmentos .link:after,
body:not(.desktop) .header__menu-segmentos-bpi .link:after,
body:not(.desktop) .header__menu-segmentos .link a:before,
body:not(.desktop) .header__menu-segmentos-bpi .link a:before,
body:not(.desktop) .header__menu-segmentos-bpi a:before {
    display: none;
}

body:not(.desktop) .header__top {
    background-color: unset;
}

body.tablet .header__login,
body.tablet.login-mobile-open .header__login {
    height: 100%;
}

body:not(.desktop) .btn.btn-enter {
    display: none;
}

/* iframe tablet */

.iframe.tablet {
    width: 344px !important;
    height: 256px !important;
}

.tablet.login-mobile-open.landscape .login__footer,
.tablet .login__footer,
.tablet:not(.login-mobile-open) .login__footer {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    top: 100px !important;
    height: 100%;
    min-height: 428px;
    padding:0 42px;
    pointer-events: auto;
}

.tablet.landscape .login__footer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.tablet .login__footer-actions {
    width: 100%;
    margin-top: 30px !important;
}

.tablet.landscape .login__footer-button {
    width: 100%;
    margin-top: 30px;
}

.tablet .login__footer {
    right: 0px;
    position: absolute;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.tablet.login-mobile-open .login__footer {
    display: block;
    position: absolute;
    padding: 0 42px;
    text-align: right;
    width: 428px;
    -webkit-transition: -webkit-transform 500ms ease-in;
    transition: -webkit-transform 500ms ease-in;
    -o-transition: transform 500ms ease-in;
    transition: transform 500ms ease-in;
    transition: transform 500ms ease-in, -webkit-transform 500ms ease-in;
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
    background-color: #fff;
}

/* side menu */

.tablet:not(.menu-mobile-open) .login__header {
    left: -428px;
    -webkit-transition: left 0.5s;
    -o-transition: left 0.5s;
    transition: left 0.5s;
}

.tablet.menu-mobile-open .login__header {
    left: 0;
    -webkit-transition: left 0.5s;
    -o-transition: left 0.5s;
    transition: left 0.5s;
}

.tablet .header__bottom {
    padding-top: 0;
}

.tablet .login__header {
    -webkit-animation: 300ms displayOpacity;
            animation: 300ms displayOpacity;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    position: absolute;
    padding: 0 20px;
    top: calc(100vh - 120px);
    left: 0;
    pointer-events: all;
    width: 428px;
    z-index: 3;
}

.tablet .header__menu-segmentos-bpi .header__menu-extra {
    position: absolute;
    left: 20px;
    bottom: 24px;
    margin: 0 !important;
    z-index: 50;
}

.tablet.menu-mobile-open .header__menu-segmentos-bpi .header__menu-extra-lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tablet:not(.menu-mobile-open) .header__menu-segmentos-bpi .header__menu-extra-lang{
    display: none;
}

.tablet .header__menu-segmentos-bpi .dropdown-header.select {
    margin-left: 0;
    pointer-events: all;
}

.tablet .header__menu-extra-help {
    display: none;
}

.tablet .header__logins .header__login {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    left: 20px;
    top: 70px;
    background-color: transparent;
    height: 33px !important;
    width: calc(100% - 40px);
    z-index: 10;
}

.tablet.header__menu-segmentos-bpi .header__menu-extra {
    bottom: 35px;
    position: absolute;
    left: 20px;
    z-index: 4;
}

.tablet .header__logins .input-with-icon .input-with-icon-input {
    display: block;
    position: static;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
}

body.tablet.menu-mobile-open .header__top-actions{
    display: none;
}

.tablet .header__menu-segmentos-bpi .dropdown-content-list .link,
.tablet .header__top .header__menu-segmentos-bpi .dropdown-content-list .ListRecords {
    display: block;
    pointer-events: all;
}

.tablet .header__menu-segmentos-bpi .dropdown.is--visible .dropdown-content .dropdown-content-list {
    display: block;
    position: absolute;
    bottom: 35px;
    left: -20px;
    margin: 0;
    width: 50px;
    z-index: 100;
}

.tablet .header__bottom__search-bar {
    padding: 0;
    margin-bottom: 24px;
    margin: 0;
    height: 34px;
    width: calc(100% - 40px);
}

.iframe.phone {
    height: 220px !important;
    width: 100% !important;
    overflow: hidden !important;
}

body:not(.desktop) .header__bottom__menu {
    overflow-y: auto;
}

/* animation */

@-webkit-keyframes displayOpacity{
    0% {
        opacity: 0;    
    }
    100% {
       opacity: 1; 
    }
}

@keyframes displayOpacity{
    0% {
        opacity: 0;    
    }
    100% {
       opacity: 1; 
    }
}

/* ================================================================ */
/* IE Styles 
/* ================================================================ */

.ie .header__center,
.ie11 .header__center {
    padding-bottom: 30px !important;
    padding-top: 34px !important;
}

.ie .menu-item.active a,
.ie11 .menu-item.active a {
    color: var(--color-primary);
}

/* ================================================================ */
/* Buttons 
/* ================================================================ */

a.btn,
.btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid #f60;
    border-radius: 4px;
    color: var(--color-primary);
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    font-family: var(--font-barlow-semibold);
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5em;
    min-height: 46px;
    min-width: 80px;
    overflow: hidden;
    padding: 2px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

a.btn.default,
.btn.default {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 20px;
    min-height: 46px;
    padding: 2px 8px;
}

.btn.default[disabled],
.btn.default[disabled]:hover,
.btn.default[disabled]:focus,
.btn.default[disabled]:active {
    background-color: #ffc299;
    color: #fff;
    border: none;
}

.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:focus,
.btn[disabled]:active {
    border: 1px solid #ffc299;
    color: #ffc299;
    pointer-events: none;
}

.ie a.btn,
.ie11 a.btn,
.ie .btn,
.ie11 .btn {
    height: 45px;
}

.ie a.btn.default, 
.ie .btn.default,
.ie11 a.btn.default, 
.ie11 .btn.default {
    background-color: #f60; 
}

a.btn.btn-small, 
.btn.btn-small {
    min-height: 26px;
}

a.btn.default,
.btn.default {
    background-color: #f60;
    color: #fff;
}

a.btn:hover,
.btn:hover {
    color: #fff;
    background-color: var(--color-primary);
}

a.btn.default:hover,
.btn.default:hover {
    background-color: #fff;
    color: #f60;
    text-decoration: none;
}

a.btn.btn-small, 
.btn.btn-small,
a.btn.default.btn-small:hover, 
.btn.default.btn-small:hover {
    background-color: #fff;
    color: var(--color-primary);
}

a.btn.default.btn-small, 
.btn.default.btn-small,
a.btn.btn-small:hover, 
.btn.btn-small:hover {
    background-color: var(--color-primary);
    color: #fff;
}

a.btn.full-width,
.btn.full-width {
    max-width: 375px;
    width: 100%;
}

a.Button.Blue:not(Is_Default),
.Button.Blue:not(Is_Default) {
    background-color: #fff;
    border: 1px solid #006;
    border-radius: 3px;
    box-shadow: none;
    color: #006;
    font-size: 1.08333em;
    height: 40px;
    line-height: 40px;
    margin-left: 8px;
    margin-top: 20px;
    min-width: 166px;
    position: relative;
}

/* ================================================================ */
/* Cards Patterns
/* ================================================================ */

/* card */

.card {
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #eee;
            box-shadow: 0 0 10px #eee;
}

/* Card Simple */

.card-simple {
    height: 100%;
    min-height: 100px;
    padding: 30px 26px 40px 26px;
    position: relative;
}

.card-simple_content {
    color: var(--color-secondary);
    font-size: var(--font-size-l);
    margin-bottom: 40px;
}

.card-simple_content > a {
    color: var(--color-secondary);
}

.card-simple_actions {
    bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--color-primary);
    font-size: var(--font-size-s);
    left: 0;
    position: absolute;
    padding: 0 26px;
    width: 100%;
}

.card-simple_actions-left,
.card-simple_actions-rigth {
    width: 50%;
}

.card-simple_actions-rigth {
    text-align: right;
}

.card-simple_actions-rigth .icon {
    color: var(--color-primary);
}

.phone .card-simple_content {
    margin-bottom: 11.66vw;
}

.desktop .notifications .card-simple {
    transition: box-shadow 300ms ease-out;
}

.desktop .notifications .card-simple:hover {
    -webkit-box-shadow: 0 0 10px #d6d2d2;
            box-shadow: 0 0 10px #d6d2d2;
    -webkit-transition: -webkit-box-shadow 300ms ease-in;
    transition: -webkit-box-shadow 300ms ease-in;
    -o-transition: box-shadow 300ms ease-in;
    transition: box-shadow 300ms ease-in;
    transition: box-shadow 300ms ease-in, -webkit-box-shadow 300ms ease-in;
}

.desktop .notifications .card-simple:hover .card-simple_actions-rigth{
    -webkit-animation: arrowRigth  500ms ease-in;
            animation: arrowRigth  500ms ease-in;
    -webkit-animation-delay: 100ms;
            animation-delay: 100ms;
}

@-webkit-keyframes arrowRigth {
    0%{-webkit-transform: translateX(-20%);transform: translateX(-20%);opacity: 0;}
    100%{-webkit-transform: translateX(0%);transform: translateX(0%); opacity: 1;}
}

@keyframes arrowRigth {
    0%{-webkit-transform: translateX(-20%);transform: translateX(-20%);opacity: 0;}
    100%{-webkit-transform: translateX(0%);transform: translateX(0%); opacity: 1;}
}

/* CardSectioned BPI */

.card-sectioned-bpi {
    position: relative;
    min-height: 100%;
}

.card-sectioned_image img {
    height: 100%;
    width: 100%;
}

.card-sectioned_image.padding-none,
.card-content_image.padding-none {
    padding: 0;
}

.card-sectioned_image {
    height: 220px;
    padding: 8px;
}

.desktop .card-sectioned-bpi .card-sectioned_image {
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
}

.desktop .card-sectioned-bpi .card-sectioned_image .image-rendition {
    transform: scale(1) translateZ(0);
    transition: all 500ms ease-out;
    will-change: transform;
}

.desktop .card-sectioned-bpi:hover .card-sectioned_image .image-rendition {
    backface-visibility: hidden;
    transform: scale(1.2) translateZ(0);
    transition: all 500ms ease-in;
}

.card-sectioned_title {
    color: var(--color-primary);
}

.card-sectioned_subtitle {
    color: var(--color-secondary);
    font-size: var(--font-size-l);
    font-family: var(--font-barlow-semibold);
    padding-top: 8px;
}

.card-sectioned_bottom {
    min-height: 110px;
    margin-bottom: 20px;
    padding: 16px 26px 35px 26px;
}

.card-sectioned_bottom h2{
    font-size: var(--font-size-h3);
}

.card-sectioned_bottom .bullets {
    padding: 0 0 0 var(--space-l);
}

.card-sectioned_content {
    color: var(--color-secondary);
    font-size: var(--font-size-l);
    padding-top: 8px;
    padding-bottom: 20px;
}

.card-sectioned_content > p {
    margin: 0;
}

.card-sectioned_actions {
    bottom: 20px;
    left: 26px;
    position: absolute;
}

.card-sectioned_actions .btn {
    height: 36px;
}

.card-sectioned-bpi.justify-center .card-sectioned_bottom {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.card-sectioned-bpi.justify-center .card-sectioned_content,
.card-sectioned-bpi.justify-center .card-sectioned_subtitle {
    text-align: center;
}

.card-sectioned-bpi.justify-center .card-sectioned_actions {
    display: flex;
    justify-content: center;
    left: 0;
    width: 100%;
}

.phone .card-sectioned-bpi.justify-center .card-sectioned_actions {
    left: 0;
}

.phone .card-sectioned_actions .btn{
    height: 9.07vw;
}

/* Card_content */

.card-content{
    position: relative;
}

.card-content.no-border{
    -webkit-box-shadow: none;
            box-shadow: none;
}

.card-content_image{
    height: 166px;
    padding: 20px 26px 0px 26px;
}

.card-content_image img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
}

.card-content_title {
    color: var(--color-primary);
    font-family: var(--font-barlow-semibold);
}

.card-content_bottom {
    padding: 22px 26px;
}

.card-content_content {
    font-size: var(--font-size-l);
    max-width: 90%;
    margin-top: 16px;
}

.card-content_content > p {
    margin: 0;
}

.card-content_actions {
    bottom: 20px;
    position: absolute;
    right: 20px;
}

.card-content_actions a {
    color: var(--color-primary);
    font-size: var(--font-size-s);
    font-family: var(--font-barlow-semibold);
}

.card-content.image-cover .card-content_image {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.desktop .card.card-content.image-cover:hover .card-content_actions{
    -webkit-animation: arrowRigth  500ms ease-in;
            animation: arrowRigth  500ms ease-in;
    -webkit-animation-delay: 100ms;
            animation-delay: 100ms;
}

.card-content.image-cover .card-content_image:before {
    background: -o-linear-gradient(260deg, rgba(255,255,255,0) 0%,rgba(0,0,0,0.91) 100%);
    background: linear-gradient(-170deg, rgba(255,255,255,0) 0%,rgba(0,0,0,0.91) 100%);
    content: '';
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; 
}

.card-content.image-cover .card-content_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    color: #fff;
   text-shadow: 1px 1px 2px black;
    padding: 20px 24px;
    bottom: unset;
}

.card-content.image-cover .card-content_content {
     font-size: var(--font-size-s);
     z-index: 1;
}

.card-content.image-cover .card-content_actions {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

.card-content.image-cover .card-content_title {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    font-size: var(--font-size-l);
    z-index: 1;
}

/* Flex-gallery */

.flex-gallery.ListRecords {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

.phone .flex-gallery.ListRecords a {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
}

.phone .ListRecords.flex-gallery a:first-child .card-content,
.phone .flex-gallery.ListRecords a:last-child .card-content {
    margin: 0;
}

.flex-gallery.ListRecords a {
    height: 265px;
    width: 324px;
}

.flex-gallery.ListRecords a > .card-content {
    height: 100%;
}

.gallery .card-content.image-cover {
    min-height: 265px;
    height: 100%;
}

.gallery a:hover{
    text-decoration: none;
}

/* Horizontal Card */

.horizontal-card {
    display:flex;
    flex-direction: row;
    position: relative;
    padding: 40px;
}

.horizontal-card_title {
    color: var(--color-primary);
    font-family: var(--font-barlow-bold);
}

.horizontal-card_content {
    margin-top: 20px;
    padding-bottom: 66px;
}

.phone .horizontal-card_content {
    padding-bottom: 0;
}

.horizontal-card_bottom{
    flex: 1 0 60%;
}

.horizontal-card_image {
    align-self: center;
    display: flex;
    height: 260px;
    margin-left: 100px;
    width: 318px;
}

.horizontal-card_image img {
    height: 100%;
    width: 100%;
}


.horizontal-card.reversed {
    flex-direction: row-reverse;
}

.horizontal-card .card-sectioned_image {
    align-self: center;
    width: 100%;
}

.phone .horizontal-card {
    flex-direction: column-reverse;
}

.phone .horizontal-card_image {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
}

.phone .horizontal-card_bottom {
    margin-top: 0;
}

.phone .horizontal-card {
    padding: 5.33vw;
}

.tablet .horizontal-card_image {
    margin-left: 20px;
}

.tablet .horizontal-card{
    padding: 20px;
}

.horizontal-card-actions {
    position: absolute;
    bottom: 40px;
    left: 40px;
}

.horizontal-card-actions > a:hover{
    text-decoration: none;
}

.phone .horizontal-card-actions {
    position: static;
    margin-top: 20px;
}

/* Card Simple small */

.card-simple.small .TableVerticalAlign .icon {
    color: var(--color-primary);
    margin-right: 10px;
}

.card-simple.small {
    height: 100%;
    min-height: auto;
    padding: 16px;
}

.card-simple.small .card-simple_content {
    height: 100%;
    margin-bottom:0;
}

.card-simple.small .TableVerticalAlign {
    height: 100%;
}

.card-simple.small .Cell2 {
    color: var(--color-secondary);
    font-size: var(--font-size-base);
    text-transform: uppercase;
}

.phone .card-simple.small {
    margin-top: unset !important;
}


/* card-balanced */

.card-balanced.reversed {
    flex-direction: row-reverse;
}

.card-balanced {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    min-height: 470px;
}

.card-balanced_image {
    width: 50%;
    height: 100%;
}

.card-balanced_image img {
    width: 100%;
    height: 100%;  
}

.card-balanced_bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 50px 85px;
    width: 50%;
}

.card-balanced_info {
    text-transform:uppercase;
    margin-bottom: 20px;
}

.card-balanced_title {
    color: var(--color-primary);
    font-family:var(--font-barlow-bold);
}

.card-balanced_content {
    margin-top: 50px;
}

.card-balanced-actions {
    margin-top: 30px;
}

.card-balanced-actions a {
    color: var(--color-primary);
}

.card-balanced-actions .ListRecords{
    display: flex;
}

.card-balanced-actions .ListRecords a{
    margin-right: 20px;
}

.card-balanced-actions .ListRecords a:last-child {
    margin-right: 0;
}

.card-balanced-actions .ListRecords a:only-child {
    margin-right: unset;
}

.phone .card-balanced {
    flex-direction: column;
    height: 100%;
}

.phone .card-balanced_image {
    width: 100%;
}

.phone .card-balanced_bottom {
    padding:var(--space-l) 0; 
    width: 100%;
}

.phone .card-balanced_title {
    margin-top: 5.33vw;
}

.phone .card-balanced_content {
    margin-top: 8vw;
}

.phone .card-balanced-actions {
    margin-top: 10.67vw;
}

.tablet .card-balanced_bottom {
    padding: 20px 30px;
}

/* Card Bananced - Counters */

.card-balanced.counters {
    height: 100%;
}

.card.card-simple.counters {
    height: calc(100% + 40px);
    flex-direction: column;
}

.card-balanced.counters .card-balanced_bottom {
    padding: 0 36px 0 0;
    height: 100%;
    width: 30%;
}

.card-balanced.counters .card-balanced_content {
    margin-top: 0;
    height: 100%;
}

.card-balanced.counters .card-balanced_image {
    width: 70%;
}

.card-balanced.counters .card-balanced_content .card {
    height: 100%;
    padding: 30px;
}

.card-balanced.counters .card-filtros {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.card-balanced.counters .card-filtros a {
    color: #9E9E9E;
    font-size: var(--font-size-s);
}

.card-balanced.counters .input-with-icon {
    border: 1px solid #eee;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.card-balanced.counters .input-with-icon-input {
    -webkit-box-shadow: unset;
            box-shadow: unset;
}

.card-balanced.counters .input-with-icon-input input {
    background-color: #fff;
    color: var(--color-secondary);
    display: block;
    height: 44px;
    padding: 0 10px 0 10px;
}

.card-balanced.counters .input-with-icon .input-with-icon-content-icon, .card-balanced.counters .input-with-icon .input-with-icon-content-icon a {
    color: var(--color-primary);
    font-size: 24px;
    margin-left: 2px;
    margin-right: 10px;
}

.card-balanced.counters .accordion-item,
.card-balanced.counters .accordion {
    border: unset;
}

.card-balanced.counters .accordion-item .accordion-item-header,
.card-balanced.counters .accordion-item .accordion-item-icon .fa {
    color: var(--color-secondary);
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
}

.card-balanced.counters .accordion-item .accordion-item-header {
    border-bottom: 1px solid #eee;
    margin-bottom: 16px;
}

.card-balanced.counters .accordion-item .accordion-item-content .TableVerticalAlign + .TableVerticalAlign{
    margin-top: 10px;
}

.card-balanced.counters input[type="radio"]:before {
    border-color: #eee;
    -webkit-box-shadow: unset;
            box-shadow: unset;
}

.card-balanced.counters input[type="radio"]:checked:before {
    border-color: #f60;
}

.card-balanced.counters input[type="radio"]:checked:after {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.card-balanced.counters input[type="checkbox"]:checked:after {
    border-color: var(--color-primary);
}

.card-balanced.counters input[type="checkbox"]:checked:before {
    border-color: var(--color-primary);
}

.card-balanced.sustainable .card-balanced_title {
    margin-top: 0;
}

.card-balanced.sustainable .card-balanced_content {
    margin-top: 20px;
}

.card-balanced.sustainable{
    align-items: center;
}

.phone .card-balanced.counters {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

.phone .card-balanced.counters .card-balanced_bottom,
.phone .card-balanced.counters .card-balanced_image {
    width:100%;
}

.phone .card-balanced.counters .card-balanced_bottom {
    padding: 0;
    padding-bottom: 8vw;
}

.phone .card-balanced.counters .card-balanced_image {
    margin-left: -6vw;
    margin-right: -6vw;
    width: calc(100% + 12vw);
}

.tablet .card-balanced.counters .card-balanced_bottom,
.tablet .card-balanced.counters.counters-datail .card-balanced_bottom {
    width: 40%;
}

.tablet .card-balanced.counters .card-balanced_image {
    width: 60%;
}

.tablet .card-balanced.counters .card-balanced_content .card {
    padding: 12px;
}

.tablet .card-balanced.counters .card-filtros {
    margin-top: 10px;
}

.tablet .card-balanced.counters.counters-detail .card-balanced_image {
    width: 60%;
}

.tablet .card-balanced.counters.counters-detail .card-balanced_bottom {
    width: 40%;
}

/* couters detail */

.card-balanced.counters-detail .card-balanced_title {
    color: var(--color-secondary);
    margin-top: 0px;
}

.card-balanced.counters.counters-detail .card-balanced_bottom {
    width: 40%;
}

.card-balanced.counters.counters-detail .card-balanced_image {
    width: 60%;
}

.card-balanced.counters-detail .card-balanced_title .availability .availability--text {
    font-size: var(--font-size-base);
    font-family: var(--font-barlow-regular);
}

.phone .card-balanced.counters.counters-detail .card-balanced_bottom {
    width: 100%;
}

.phone .card-balanced.counters.counters-detail .card-balanced_image {
    margin-left: -6vw;
    margin-right: -6vw;
    width: calc(100% + 12vw);
}

/* Card info */

.card.card-info {
    border-radius: unset;
}

.card-info {
    background-color: #fff;
    position: relative;
    height: 100%;
    min-height: 304px;
    padding: 32px 24px;
    position: relative;
    transform: scale(1) translateZ(0);
    transition: all 400ms ease-out;
    z-index: 0;
}

.card-info:hover {
    transform: scale(1.10) translateZ(0);
    transition: all 400ms ease-in;
}

.phone .card-info:hover {
    transform: unset;
}
.card-info:before {
    background-color: #fff;
    -webkit-box-shadow: inset 0 -12px 10px -12px #eee;
            box-shadow: inset 0 -12px 10px -12px #eee;
    content: '';
    display: block;
    height: 44px;
    position: absolute;
    top: -22px;
    right: -22px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 44px;
}

.margin-container_colors.background-grey .card-info:before {
    background-color: #f8f8f8;
}

.margin-container_colors.background-white .card-info:before {
    background-color: var(--color-neutral-0);
}

.margin-container_colors.background-light-orange .card-info:before {
    background-color: #fff7f2;
}

.card-info_note{
    color: #9e9e9e;
    font-size: var(--font-size-s);
}

.card-info_title{
    color: var(--color-primary);
    font-size: var(--font-size-s);
    margin-top: 12px;
    text-transform: uppercase;
}

.card-info_content {
    color: var(--color-secondary);
    font-size: var(--font-size-l);
    margin-top: 24px;
}

.card-info_actions{
    bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: absolute;
    padding: 0 26px;
    width: 100%;
}

.card-info_actions a{
    color: var(--color-primary);
    font-size: var(--font-size-s);
    font-family: var(--font-barlow-semibold);
}

.card-info_actions a .icon{
    color: var(--color-primary);
    font-size: var(--font-size-l);
}

.card-info_actions-left,
.card-info_actions-rigth {
    width: 50%;
}

.card-info_actions-rigth {
    text-align: right;
    text-transform: uppercase;
}

.card-info_actions-rigth .icon {
    color: var(--color-primary);
}

.phone .card-info_content {
    margin-bottom: 11.66vw;
}

/* flex-counters */

.flex-counters .notifications > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 50px 12px;
    width: 100%;
}

.phone .flex-counters .card-simple.counters {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
    max-width: unset;
    margin-right: 0;
}

.phone .flex-counters .notifications > span {
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 12px;
}

.phone .flex-counters .notifications {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    max-width: 100%;
    width: 100%;
}

/* Card Simple - counters */

.card-simple.counters .card-simple_actions-left {
    width: 90%; 
}

.card-simple.counters .card-simple_actions-left a {
    display: flex;
    color: var(--color-primary);
    line-height: 19px;
    position: absolute;
}

.card-simple.counters .card-simple_actions-rigth {
    width: 10%;
}

.card-simple.counters .card-simple_actions-left {
    height: 100%;
}

/* splitted-content */

.splitted-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--font-size-l);
    height: 100%;
    min-height: 390px;
    margin: 0 -60px;
    width: calc(100% + 120px);
}

.splitted-content_right,
.splitted-content_left {
    min-width: 50%;
    height: 100%;
    min-height: 390px;
    width: 100%;
}

.splitted-content_left img,
.splitted-content_right img {
    -o-object-fit: cover;
       object-fit: cover;
    min-height: 390px;
    min-width: 50%;
    max-height: 390px;
    width: 100%;
}

.splitted-content_right {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-height: 390px;
    padding: 100px;
}

.splitted-content_right .go-now_card{
    display: block;
    max-height: 390px;
    padding: initial;
    vertical-align: middle;
    font-size: 18px;

    
}

.phone .splitted-content {
    margin: 0 -40px;
    width: calc(100% + 80px);
}

.phone .splitted-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.phone .splitted-content_right {
    padding: 40px;
}

.phone .splitted-content_left img,
.phone .splitted-content_right img,
.phone .splitted-content_right, 
.phone .splitted-content_left{
    min-height: 340px;
    height: auto;
}

/* Availability */

.availability,
.availability--text{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--color-secondary);
    height: 100%;
    width: 100%;
}

.counters-detail .availability {
    align-items: center;
}

.availability-content {
    width: 100%;
}

.availability--colors {
    border-radius: 50%;
    height: 8px;
    width: 8px;
}

.availability--text {
    margin-left: 6px;
    flex-wrap: wrap;
}

.availability--text > div:first-child {
    flex: 1 0 100%;
}

.availability--text .availability--text_right {
    margin-left: 0px;
}

.card-simple.counters .card-simple_actions-left .availability  + .availability {
    margin-top: 10px;
}

.card-simple.counters .card-simple_actions-rigth {
    width: 10%;
    display: flex;
    justify-content: flex-end;
    align-self: flex-end;
    margin-bottom: 8px;
}

.card-simple.counters .card-simple_content .availability{
    margin-top: 20px;
    font-size: var(--font-size-s);
    line-height: 17px;
}

.availability--text-note {
    margin-left: 6px;
    width: calc(100% - 30px);
}

.card-simple.counters .card-simple_content {
    margin-bottom: 0px;
}

.card-simple.counters .availability--colors {
    padding: 4px;
    margin-top: 5px;
    height: 100%;
}

.card.card-simple.counters {
    display: flex;
    /*height: 100%;*/
    padding-bottom: 20px;
    width: 320px;
    justify-content: space-between;
}

.phone .card.card-simple.counters .card-simple_actions {
    padding-top: 20px;
}

body:not(.phone) .card.card-simple.counters .availability--text {
    padding-right: 24px;
}

.card-simple.counters .card-simple_actions {
    position: unset;
    padding: 0;
    grid-gap: 20px 0;
}

/* Card Step */

.card-step {
    height: 100%;
    width: 240px !important;
    background-color: #fff;
    margin-right: 40px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    transform: scale(1) translateZ(0);
    transition: 300ms ease-out;
    will-change: transform;
}

.phone .card-step {
    margin-right: 8vw;
}

.tablet .card-step {
    margin-right: 44px;
}

.card-step:hover {
    backface-visibility: hidden;
    transform: scale(1.06) translateZ(0);
    transition: 300ms ease-in; 
}

.tablet .card-step:hover,
.phone .card-step:hover {
    transform: unset;
}

.ListRecords .card-step:last-child{
    margin-right: 20px;
}

.tablet .ListRecords .card-step:last-child {
    margin-right: 20px;
}

.card-step_image {
    height: 100%;
    min-height: 220px;
    width: 100%;
}

.card-step_image.padding-none,
.card-step_image.padding-none {
    padding: 0;
}

.card-step_image {
    max-height: 220px;
    height: 100%;
    padding: 30px;
}

.card-step_image img {
    width: 100%;
    height: 100%;
}

.card-step_number { 
    color: #fff;
    background-color: #f60;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    font-weight: bold;
}

.card-step_title {
    color: #f60;
    margin-top: 10px;
    width: 100%;
    white-space: normal;
}

.card-step_subtitle {
    padding-top: 8px;
    width: 100%;
    white-space: normal;
}

.card-step_bottom {
    min-height: auto;
    height: 100%;
    padding: 0 26px 26px 26px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card-step_content {
    padding-top: 8px;
    padding-bottom: 20px;
}

/* Cards on gallery */

.phone .gallery .card-simple,
.phone .gallery .card-content,
.phone .gallery .card-sectioned-bpi {
    margin-top: 20px !important;
}

.phone .gallery .card-sectioned_content,
.phone .gallery .card-sectioned_subtitle,
.phone .gallery .card-content_content {
    font-size: 4.80vw;
}

.phone .gallery .card-content_bottom {
    padding: 3.73vw; 
}

.phone .gallery .card-content_actions {
    bottom: 4vw;
    right: 4vw;
}

.phone .gallery .card-content_content {
    max-width: 85%;
}

.phone .gallery .card-simple {
    padding: 6.93vw 4vw 4.80vw 4vw;
}

.phone .gallery .card-simple_actions {
    padding: 0 4vw;
}

.phone .gallery .card-sectioned_bottom {
    padding: 16px 4vw 9.33vw 4vw;
}

.phone .gallery .card-sectioned_actions {
    left: 4.27vw;
}


/*
.tablet .gallery.two-cards .card-sectioned-bpi {
    margin-left: 50px !important;
}

.tablet .gallery.two-cards .gallery-content {
    width: calc(100% + 150px) !important;
    margin-left: -50px !important;
}
*/

/* card-content small-cards */

.card-content.small-cards .ListRecords {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.card-content.small-cards {
    background-color: #fff;
    display:flex;
    flex-direction: column;
    justify-content: center;
    height: 136px;
    min-width: 176px;    
    padding: 36px 20px;
    text-align: center;
    width: 180px;
}

.tablet .card-content.small-cards {
    min-width: 142px;
}

.card-content.small-cards .card-content_bottom {
    padding: 0;
}

.card-content.small-cards .card-content_image {
    color: var(--color-primary);
    font-size: 32px;
    height: 100%;
}

.card-content.small-cards .card-content_title {
    color: var(--color-secondary);
    font-family: var(--font-barlow-regular);
    font-size: var(--font-size-m);
    font-weight: var(--font-regular);
    margin-top: 10px;
}

.card.card-content.small-cards.active {
    border: 2px solid  var(--color-primary);
}

.card.card-content.small-cards:not(.active) {
    border: 2px solid transparent;
}

.phone .card-content.small-cards{
    min-width: 43.20vw !important;
}

.phone .card-content.small-cards:nth-child(even){
   margin: 20px 0px 0px 10px !important;
}

/* section-cards */ 

.section-cards {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.section-cards-info {
    margin-right: 54px;
    max-width: 25%;
    padding: 42px 0;
    width: 100%;
}

.section-cards-card .ListRecords,
.section-cards-card .div {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
}

.section-cards-info__subtutle {
    margin-top: 40px;
}

.section-cards-card .card-sectioned-bpi {
    background: #fff;
}

.section-cards-card .ListRecords >* {
    width: 32%;
}

.section-cards-card { 
    width: 100%;
}

.section-cards-card .card-sectioned-bpi + .card-sectioned-bpi {
    margin-left: 3%;
}

.section-cards.reversed {
    flex-direction: row-reverse;
}

.section-cards.reversed .section-cards-info {
    margin-right: 0;
    margin-left: 54px;
}

.tablet .section-cards-card .ListRecords >*,
.phone .section-cards-card .ListRecords >* {
    width: 100%;
} 

.phone .section-cards.reversed {
    flex-direction: column-reverse;
}

.phone .section-cards.reversed .section-cards-info {
    margin: 0;
}

.phone .section-cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.phone .section-cards-info {
    max-width: 100%;
    margin: 0;
}

.phone .section-cards-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.phone .section-cards-card .card-sectioned-bpi {
    max-width: 100%;
}

.phone .section-cards-card .card-sectioned-bpi + .card-sectioned-bpi {
    margin-left: 0;
    margin-top: 20px;
}

.tablet .section-cards-info {
    max-width: 30%;
    margin-right: 54px;
    padding: 42px 0;
}

.tablet .section-cards-card .card-sectioned-bpi {
    max-width: unset;
    margin-top: 3%;
    margin-left: 0;
}

.tablet .section-cards-card .card-sectioned-bpi:first-child {
    margin-left: 0;
}

.tablet .section-cards-card .card-sectioned-bpi:nth-child(odd) {
    margin-left: 0;
}

.tablet .section-cards-card .card-sectioned-bpi + .card-sectioned-bpi {
    margin-left: 0;
}

/* ================================================================ */
/* Forms - Form Item
/* ================================================================ */

.form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
    padding: 0 20px;
}


.form-item:first-of-type {
    margin-top: 10px;
}

.form-item-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.form-item-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex: 1 1 83%;
    flex: 1 1 83%;
}

.form-item-label {
    color: var(--color-primary);
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 39%;
    -ms-flex: 0 0 39%;
    flex: 0 0 39%;
    font-size: var(--font-size-l);
    font-weight: bold;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    margin-top: 0 !important;
    max-height: 40px;
    text-align: right;
}

.form-item-content {
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 375px;
    margin-left: 10px;
}

.form-item-input * {
    vertical-align: middle;
}

.form-item-input select {
    background-image: url(/LT_SitePublico/img/arrow_laranja.svg);
    background-position: right 8px center;
    background-size: 14px;
    border: 1px solid #eee;
    height: 44px;
}

.is-private .form-item-input select {
    background-image: url(/LT_SitePublico/img/arrow_azul.svg);
}

.form-item-input .btn{
    height: 44px;
}
 
.form-item-note {
    color: var(--color-secondary);
    font-size: var(--font-size-s);
    line-height: 1.25em;
    margin-left: 6px;
    padding-left: 39%;
    padding-right: 17%;
    padding-top: 4px;
}

.phone .form-item-note {
    padding-left: 0;
    margin-left: 0;
}

.form-item.is-vertical .form-item-note {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}

.form-item-icon {
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    margin-left: 10px;
    max-height: 40px;
}

.form-item.is-vertical .form-item-icon:empty {
    margin-left: 0;
}

.form-item input[type="radio"],
.form-item input[type="checkbox"] {
    margin: 10px 10px 10px 0;
}

.form-item.is-vertical {
    padding: 10px 40px 10px;
}

.is-vertical .form-item-left {
    display: block;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
}

.is-vertical .form-item-label {
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 0;
    max-height: none;
    padding-bottom: 5px;
    text-align: left;
}

.is-vertical .form-item-content {
    margin-left: 0;
}

.form-item.no-max-heigth .form-item-label {
    max-height: none;
}

.form-item .form-item-input div[class*="ThemeGrid_Width"] {
    vertical-align: middle;
}

.phone .form-item {
    padding: 0;
}

.phone .form-item-left {
    flex: unset;
    flex-direction: column;
    width: 100%;
}

.phone .form-item-label {
    flex: unset;
    justify-content: flex-start;
    font-size: var(--font-size-m);
    margin-bottom: 10px;
    width: 100%;
}

.phone .form-item-content {
    margin-left: 0;
}

/* CardLayout */

.card-layout {
}

.card-layout .card {
    box-shadow: unset;
}

.card-layout .card-layout--container_left-title,
.card-layout .card-layout--container_right-subtitle {
    height: 60px;
    display: flex;
}

.card-layout .card-layout--container_left-title .headings-with-tags > * {
 line-height: 1em;
}

.card-layout .card-layout--container_left-title .headings-with-tags {
    margin-bottom: 0
}

.card-layout .card-layout--container_right-subtitle {
    color: var(--color-primary);
    font-size: var(--font-size-l);
}

.card-layout .card-layout--container{
    display: flex;
    gap: 120px;
}

.card-layout .card-layout--container_left{
    display: flex;
    flex-direction: column;
    width: 50%;
}

.card-layout .card-layout--container_left .card-sectioned_bottom {
    padding: 0;
    margin:0;
}
  
.card-layout .card-layout--container_left .card-sectioned_content {
    padding-bottom: 0;  
}

.card-layout .card-layout--container_right {
    display: flex;
    width: 50%;
    flex-direction: column;
}

 .card-layout .card-layout--container_right .card-sectioned-bpi {
     display: flex;
     flex-direction: row;
     gap: 20px;
 }

 .card-layout .card-layout--container_left .card-sectioned-bpi {
     display: flex;
     flex-direction: column;
     gap: 18px;
 }

.card-layout .card-layout--container_left .card-sectioned-bpi .card-sectioned_image {
    border-radius: 4px;
    flex: 1 0 350px;
    width: 655px;
}

.card-layout .card-layout--container_right-cards > span,
.card-layout .card-layout--container_right-cards,
.card-layout .card-layout--container_right-cards > div span{
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.card-layout .card-layout--container_right-cards > div span a:hover,
.card-layout--container_left-card a:hover { 
    text-decoration: none;
}

.card-layout .card-layout--container_right .card-sectioned-bpi .card-sectioned_image,
.card-layout .card-layout--container_right .card-sectioned-bpi .card-sectioned_image .image-rendition img{
    border-radius: 4px;
    height: 166px;
    flex: 1 0 228px;
    max-width: 228px;
}

.card-layout .card-layout--container_right .card-sectioned-bpi .card-sectioned_bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
    padding: 0;
    width: auto;
}

.card-layout .card-layout--container_right .card-sectioned_content {
   padding-bottom: 0;
}

.card-layout--container_right .card-sectioned_content a,
.card-layout--container_left .card-sectioned_content a {
    color: var(--color-secondary);
}

.card-layout .card-layout--container_right .card-sectioned-bpi .card-sectioned_title {
    font-size: var(--font-size-h4);
}

.card-layout--container_right .card-sectioned_title a,
.card-layout--container_left .card-sectioned_title a {
    color: var(--color-primary);
}

.card-layout .card-layout--container_left-actions {
    margin-top: 28px;
}

.card-layout .card-layout--container_left-actions .btn {
    min-height: 36px;
    padding: 0 16px;
}

.card-layout .card-layout--container_right .card-sectioned-bpi .card-sectioned_title,
.card-layout .card-layout--container_left .card-sectioned-bpi .card-sectioned_title {
    font-size: var(--font-size-h4);
}

.card-layout .card-sectioned_note,
.card-sectioned-bpi .card-sectioned_note {
    font-size: var(--font-size-s);
    color: #aaa;
}

/* responsive */

.phone .card-layout .card-layout--container {
    flex-direction: column;
    gap: 60px;
}

.phone .card-layout--container_right-subtitle {
    display: none;
}

.phone .card-layout .card-layout--container_left,
.phone .card-layout--container_right {
    width: 100%;
}

.phone .card-layout .card-layout--container_left .card-sectioned-bpi .card-sectioned_image {
    flex: unset;
    height: 166px;
    width: 100%;
}

.phone .card-layout .card-layout--container_left .card-sectioned-bpi .card-sectioned_image img {
    border-radius: 4px;
}

.phone .card-layout .card-layout--container_right .card-sectioned-bpi .card-sectioned_image {
    display: none;
}

.phone .card-layout .card-layout--container_right .card-sectioned-bpi .card-sectioned_title {
    font-size: var(--font-size-h4);
}

.phone .card-layout .card-layout--container_right .card-sectioned-bpi .card-sectioned_bottom {
   min-height: unset;
   width: 100%;
}

.phone .card-layout--container_right .card-sectioned-bpi {
    flex-direction: column;
    gap: unset;
}

.phone .card-layout--container_right .card-sectioned-bpi:before{
  content: '';
  background-color: #dddd;
  height: 1px;
  margin: 0px -20px 30px -20px;
  width: calc(100% + 40px);
}

.phone .card-layout--container_right a:first-child .card-sectioned-bpi:before {
  display: none;
}

.phone .card-layout--container_left-actions .btn {
    width: 100%;
}

.phone .card-layout .card-sectioned_content {
    font-size: var(--font-size-m);
}

.tablet .card-layout .card-layout--container_left .card-sectioned-bpi .card-sectioned_image {
    flex: 1 0 100%;
    width: 100%;
}

.tablet .card-layout .card-layout--container_right .card-sectioned-bpi .card-sectioned_image {
    flex: 1 0 50%;
    height: 50%;
}

.tablet .card-layout .card-layout--container {
    gap: 50px;
}

/* Message Ballon */

.text-balloon {
    background-color: #fff;
    border-radius: 18px;
    box-shadow: 0 0 10px #eee;
    color: var(--color-secondary);  
    display: flex;
    padding: 12px;
}

.text-balloon_symbol {
    font-weight: var(--font-bold);
    width:100%;
}

.ListRecords.categories {
  display: flex;
  gap: 36px 18px;
}

/* Area Scrolable */

.area-scrolable--container {
    display: flex;
    gap: 74px;
    align-items: flex-start;
}

.area-scrolable--container_left {
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: sticky;
    top: 13rem;
    width: 27%;
}

.area-scrolable--container_left .area-scrolable__title .headings-with-tags {
    margin-bottom: 0;
}

.area-scrolable--container_right {
    display: flex;
    flex-direction: column;
    gap: 34px;
    width: 100%;
}

.area-scrolable--container_right .area-scrolable__image {
    
}

.area-scrolable--container_right .area-scrolable__image img {
    max-height: 466px;
    object-fit: cover;
    width: 100%;
}

.area-scrolable--container_left .area-scrolable__action .Cell1 a,
.area-scrolable--container_left .area-scrolable__action .Cell1,
.area-scrolable__action .actions-bar_container .actions-bar_action a{
    font-size: var(--font-size-s);
}

.area-scrolable--container_left .area-scrolable__action .TableVerticalAlign{
    width: 100%;
}

.area-scrolable--container_left .area-scrolable__action .TableVerticalAlign .Cell2{
    text-align: right;
}

.area-scrolable--container_left .area-scrolable__action .TableVerticalAlign .Cell2 a{
    color: var(--color-secondary);
}

.area-scrolable__action .actions-bar {
    background-color: unset;
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    font-size: var(--font-size-m);
    flex-direction: row;
    width: 100%;
}

.area-scrolable__action .actions-bar_action {
    padding: 0;
}

.phone .area-scrolable--container {
    flex-direction: column;
    gap: 10.13vw;
}

.phone .area-scrolable--container_left,
.phone .area-scrolable--container_right {
    width: 100%;
}

.phone .area-scrolable--container_left {
    gap: 5.33vw;
    position: static;
}

.phone .area-scrolable--container_right .area-scrolable__image {
    height: 219px;
}

.tablet .area-scrolable--container_left {
    top: 8rem;
    width: 46%;
}

.area-scrolable.splited {
    position: relative;
}

.area-scrolable.splited .area-scrolable--container:before {
    border-right: 1px solid #9E9E9E;
    content: "";
    position: absolute;
    height: 100%;
    opacity: 0.2;
    width: 50%;
}

.phone .area-scrolable.splited .area-scrolable--container:before {
    content: unset;
}

.area-scrolable.splited .area-scrolable--container_left,
.area-scrolable.splited .area-scrolable--container_right {
    width: 50%;
}

.phone .area-scrolable.splited .area-scrolable--container_left,
.phone .area-scrolable.splited .area-scrolable--container_right {
    width: 100%;
}

.area-scrolable.fullWidth_left .area-scrolable--container:before,
.area-scrolable.fullWidth_right .area-scrolable--container:before {
    border: unset;
}

.area-scrolable.fullWidth_left .area-scrolable--container,
.area-scrolable.fullWidth_rigth .area-scrolable--container {
    gap: unset;
}

.area-scrolable.fullWidth_left .area-scrolable--container_left,
.area-scrolable.fullWidth_right .area-scrolable--container_right {
    width: 100%;
}

.area-scrolable.fullWidth_left .area-scrolable--container_right,
.area-scrolable.fullWidth_right .area-scrolable--container_left {
    display: none;
    width: 0%;
}

/* Error pages */

.area-scrolable.error-pages .area-scrolable--container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 170px;
    padding: 0 100px;
}

.phone .area-scrolable.error-pages .area-scrolable--container {
   padding: 0;
   gap: 10.13vw;
}

.area-scrolable.error-pages .area-scrolable--container:before {
    display: none;
}

.area-scrolable.error-pages .area-scrolable--container_left {
    position: static;
}

.phone .area-scrolable.error-pages .area-scrolable--container_left {
    text-align: center;
}


.area-scrolable.error-pages .area-scrolable__title{
   position: relative;
}

.area-scrolable.error-pages .area-scrolable__title > .bold:after{
   content: '';
   display: block;
   position: absolute;
   background-color: var(--color-primary);
   height: 1px;
   width: 94px;
   bottom: 0;
}

.phone .area-scrolable.error-pages .area-scrolable__title > .bold:after{
   bottom: 5vw;
   -webkit-transform: translateX(-50%);
       -ms-transform: translateX(-50%);
           transform: translateX(-50%);
   left: 50%;
}

.phone .area-scrolable.error-pages .area-scrolable__title > .bold:not(color-primary):after{
   bottom: 5vw;
   -webkit-transform: translateX(-50%);
       -ms-transform: translateX(-50%);
           transform: translateX(-50%);
   left: 50%;
}


/* ================================================================ */
/* Margin Container With bgColor
/* ================================================================ */

.margin-container_colors {
    padding: 60px;
    margin: 0 -60px;
}

.margin-container_colors.no-padding-bottom {
    padding-bottom: 0;
}

.margin-container_colors input[type="text"], 
.margin-container_colors input[type="password"],
.margin-container_colors input[type="datetime"],
.margin-container_colors input[type="datetime-local"],
.margin-container_colors input[type="date"],
.margin-container_colors input[type="month"],
.margin-container_colors input[type="time"],
.margin-container_colors input[type="week"],
.margin-container_colors input[type="number"],
.margin-container_colors input[type="email"],
.margin-container_colors input[type="url"],
.margin-container_colors input[type="search"],
.margin-container_colors input[type="tel"],
.margin-container_colors input[type="color"],
.margin-container_colors select{
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    color: var(--color-secondary);
    display: block;
    height: 44px;
    padding: 0 10px 0 10px;
}

.margin-container_colors textarea{
    border: 1px solid #eee;
    border-radius: 4px;
    color: var(--color-secondary);
    padding: 10px;
    overflow: hidden;
}

.phone .margin-container_colors {
    margin: 0 -20px;
    padding: 40px 20px;
}

/* ================================================================ */
/* headings-with-tags
/* ================================================================ */

.headings-with-tags {
    font-family: var(--font-barlow-bold);
}

/* ================================================================ */
/* Horizontal Slider BPI
/* ================================================================ */

.horizontal-slider-container .ListRecords{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.slider-prev-arrow, 
.slider-next-arrow {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff;
    color: #f60;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: 'bpifont' !important;
    font-size: 34px;
    font-weight: bold;
    height: 98%;
    line-height: 38px;
    position: absolute;
    opacity: 1;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 40px;
    z-index: 1;
}

[disabled].slider-prev-arrow,
[disabled].slider-next-arrow {
    opacity: 0.4;
    pointer-events: none;
}

.slider-prev-arrow.disabled,
.slider-next-arrow.disabled {
    color: #7F7FB3;
}
.slider-prev-arrow {
    left: 0;
}
.slider-next-arrow {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    right: 0;
}
.slider-prev-arrow::before {
    content: "\e901";
}
.slider-next-arrow::before {
    content: "\e909";
}
.horizontal-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    width: 100%;
}

.horizontal-slider-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 20px 45px;
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    white-space: nowrap;
    width: 100%;
}

.horizontal-slider-container .card-content {
    padding: 20px 0;
    width: 220px;
}

.desktop .horizontal-slider-container .card-content {
    transform: scale(1) translateZ(0);
    transition: 400ms ease-out;
    will-change: transform;
}

.desktop .horizontal-slider-container .card-content:hover {
    backface-visibility: hidden;
    transform: scale(0.95) translateZ(0);
    transition: 400ms ease-in;
}

.horizontal-slider-container .ListRecords a {
    margin: 0 30px;
}

.horizontal-slider .card-content .card-content_image {
    height: 100%;
    text-align: center;
}

.horizontal-slider-container .card-content_image img {
    height: 100%;
}

.horizontal-slider-header {
    padding-left: 44px;
}

.horizontal-slider-header:empty{
    display:none;
}

.tablet .horizontal-slider-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.horizontal-slider-container .UserProgress {
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px 0 rgba(77, 77, 77, 0.3), 0 4px 4px 0 rgba(77, 77, 77, 0.15);
            box-shadow: 0 0 1px 0 rgba(77, 77, 77, 0.3), 0 4px 4px 0 rgba(77, 77, 77, 0.15);
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    padding: 15px 0;
    margin-right: 15px;
    margin-left: 0;
    min-width: 135px;
    text-align:center;
    width: 135px;
}

.horizontal-slider .UserProgress .UserProgressInfo {
    padding: 5px 5px 0 5px;
    white-space: normal;
    width: 135px;
}

.horizontal-slider .UserProgress .UserProgressInfo .UserName {
    font-size: 13px;
    font-family: inherit;
    min-height: unset;
}

.horizontal-slider .UserProgress .UserInitials_image {
    background-color:transparent;
    border: 4px solid #fff;
}

.horizontal-slider .UserInitials_image .icon {
    color: #f60;
    font-size: 27px;
    left: 21%;
    position: absolute;
    top: 20%;
}

.horizontal-slider .card-content .card-content_image {
    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;
    height: auto;
}

.horizontal-slider .card-content .card-content_image .icon {
    color: var(--color-primary);
    font-size: 60px;
}

.horizontal-slider .card-content .card-content_bottom .card-content_title {
    color: #4D4D4D;
    font-weight: var(--font-regular);
    font-family: var(--font-barlow-regular);
    font-size: var(--font-size-l);
    white-space: break-spaces;
    text-align: center;
}

.horizontal-slider .card-content .card-content_bottom {
    padding: 0;
    padding-top: 10px;
}

/* Slider on phone view */

.phone [disabled].slider-prev-arrow,
.phone [disabled].slider-next-arrow {
    display: none;
}

.phone .slider-prev-arrow, 
.phone .slider-next-arrow {
    background-color: rgba(255, 255, 255, .2);
    font-size:7.47vw;
    width: 10.67vw;
}

.phone .slider-prev-arrow {
    margin-left: -4px;
}

.phone .horizontal-slider-container .ListRecords a {
    margin: 0;
}

.phone .slider-next-arrow {
    margin-right: -4px;
}

.phone .ListRecords a:first-child .card-content {
    margin-left: 4px;
}

.phone .ListRecords a:last-child .card-content {
    margin-right: 4px;
}

.phone .horizontal-slider .card-content .card-content_bottom {
    padding-top: 1.33vw;
}
  
.phone .horizontal-slider-container {
    max-width: unset;
    margin-left: -4px;
    margin-right: -4px;
    padding: 20px 0;
}

.phone .horizontal-slider-container .card-content {
    margin: 0 4vw;
    padding: 5.33vw 0;
    width: 32vw;
}

.phone .horizontal-slider .card-content .card-content_bottom .card-content_title {
    align-items: center;
    display: flex;
    font-size: 4.27vw;
    height: 100%;
    justify-content: center;
    min-height: 10vw;
    padding: 0 2.13vw;
}

.phone .horizontal-slider .card-content .card-content_image .icon {
    font-size: 9.60vw;
}

.phone .gallery .ListRecords {
    margin-top: 0 !important;
}

/* Slider on tablet view */

.tablet .horizontal-slider-container .ListRecords a {
    margin: 0 14px ;
}

.tablet .horizontal-slider-container .card-content{
    width: 200px;
}

.tablet .horizontal-slider-container .ListRecords a:first-child{
    margin-left: 4px; 
}

.tablet .horizontal-slider-container .ListRecords a:last-child{
    margin-right: 4px;
}

.tablet [disabled].slider-prev-arrow,
.tablet [disabled].slider-next-arrow {
    display: none;
}

.tablet .horizontal-slider-container {
    max-width: unset;
    margin-left: -4px;
    margin-right: -4px;
    padding: 20px 0;
    width: Calc(100% + 4px);
}

.tablet .slider-prev-arrow,
.tablet .slider-next-arrow {
    background-color: rgba(255, 255, 255, .2);
    font-size: 28px;
    width: 40px;
}

/* ================================================================ */
/* Horizontal Step
/* ================================================================ */

.horizontal-step__container {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
}

.phone .horizontal-step__container {
    justify-content: center;
}

.horizontal-step__content {
    display: flex;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition: all 400ms ease-in-out;
    white-space: nowrap;
    /*width: calc(100% - 78px);*/
    width: 100%;
    margin-left: 40px;
    padding: 62px 0;
}

.phone .horizontal-step__content,
.tablet .horizontal-step__content{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.horizontal-step__content .ListRecords {
    display: flex;
}

.phone .horizontal-step__content{
    margin-left: 0px;
    width: 100%;
    smargin-right: 2.67vw;
    padding: 62px 5.33vw;
    padding-left:0;
    padding-right:0;
}


.tablet .horizontal-step__content .ListRecords{
    padding-left: 16px;
}

.hs__arrow-left, 
.hs__arrow-right {
    align-items: center;
    position: absolute;
    display: flex;
    width: 40px;
    cursor: pointer;
    align-self: center;
    font-family: 'bpifont' !important;
    font-size: 34px;font-family: 'bpifont' !important;
    font-size: 34px;
    color: #f60;
    font-size: 30px;
    justify-content: center;
    font-weight: bold;
    z-index: 1;
}

.hs__arrow-right {
    right: 0px;
}

.tablet .hs__arrow-left {
    left: 0;
}

.phone .hs__arrow-left{
    left: -12px;
}

.phone .hs__arrow-right{
    right: -10px;
}

.hs__arrow-left {
    left: -5px;
}

.hs__arrow-left::before {
    content: "\e901";
}

.hs__arrow-right::before {
    content: "\e909";
}

.phone [disabled].hs__arrow-right,
.phone [disabled].hs__arrow-left{
    display: none;
}

[disabled].hs__arrow-right,
[disabled].hs__arrow-left {
    opacity: 0.4;
    pointer-events: none;
}

/* ================================================================ */
/* Tabs2 v2 
/* ================================================================ */

.tabs-v2 .tabs-header  {
    border-bottom: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height:100%;
    margin-top: 10px;
}

.tabs-v2 .tabs-header .ListRecords,
.tabs-v2 .tabs-header span{
    display: flex;
}

.tabs-v2 .tabs-header > div {
    color: #006;
    display: table-cell;
    font-size: 12px;
    font-weight: normal;
    height: 100%;
    text-align: center;
    line-height: 14px;
    padding-top: 9px;
    vertical-align: middle;
}

.tabs-v2 .tabs-header > div a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;    
    width: 100%;
}

.tabs-v2 .tabs-header .tabs-header-item:not(.active) {
    border-bottom: 2px solid transparent;
    color: #4D4D4D;
    opacity: 0.5;
}

.tablet .tabs-v2 .tabs-header{
    padding: 0 20px;
}

.tabs-v2 .tabs-header .tabs-header-item {
    -ms-flex-item-align: end;
        align-self: flex-end;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--font-size-h1);
    line-height: 1.30;
    margin-right: 82px;
    text-align: center;
    vertical-align: middle;
}

.tabs-v2 .tabs-header .tabs-header-item.active {
    color: var(--color-primary);
    font-family: var( --font-barlow-bold);
    border-bottom: 2px solid var( --color-primary);
}

.tabs-v2 .tabs-content-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: -1px;
    position: relative;
    width: 100%;
}

.tabs-v2 .tabs-content-item:not(.active) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1px;
    opacity: 0;
}

.phone .tabs-v2 .tabs-header .tabs-header-item{
    margin-right: 12.27vw;
}

/* ================================================================ */
/* square small tabs
/* ================================================================ */

.tabs.sqr-tabs-small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    overflow: visible;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: calc(100% - 30px);
    margin-left: 30px;
}

.tabs.sqr-tabs-small .tabs-header {
    margin: auto;
}

.tabs.sqr-tabs-small > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.tabs.sqr-tabs-small .tabs-header-item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 8px 16px;
    margin: 0 15px;
    text-align: center;
    margin-top: 20px;
}

.tabs.sqr-tabs-small .tabs-header-item.active {
    border: 1px solid var(--color-primary);
    border-radius: 4px;
    color: var(--color-primary);
    cursor: pointer;
    padding: 8px 16px;
    font-family: var(--font-barlow-semibold);
}

.tabs.sqr-tabs-small .tabs-header-item:hover{
    color: var(--color-primary);
    cursor: pointer;
}

.phone .tabs.sqr-tabs-small .tabs-header {
    margin: unset;
}

.phone .tabs.sqr-tabs-small > div {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
}

.phone .tabs.sqr-tabs-small {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
    margin-left: 0;
    overflow: visible;
}

.phone .tabs.sqr-tabs-small .tabs-header-item {
    margin-top: 0;
}

.phone .tabs.sqr-tabs-small .tabs-header-item:first-child{
    margin-left: 0;
}

.phone .horizontal-step__container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100% - 2px);
}

.phone .scroll-tabs .horizontal-step__content{
    padding: 0;
    width: calc(100% - 40px);
}

.desktop .scroll-tabs .hs__arrow-left,
.desktop .scroll-tabs .hs__arrow-right,
.tablet .scroll-tabs .hs__arrow-left,
.tablet .scroll-tabs .hs__arrow-right {
    display: none;
}

.desktop .scroll-tabs .horizontal-step__content,
.tablet .scroll-tabs .horizontal-step__content {
    width: 100%;
    margin: 0;
}
                                        
.phone .horizontal-slider-container {
    margin: 0;
}

.phone .scroll-tabs .hs__arrow-left,
.phone .scroll-tabs .hs__arrow-right {
    top: 0px;
}


/**/

.tabs.sqr-tabs-small .tabs-content > div {
    display: block;
    justify-content: unset;
    width: 100%;    
}

.tabs.sqr-tabs-small .margin-container_colors {
    margin: 0;
}

.tabs.sqr-tabs-small {
    margin:0;
    width: 100%;
}

.tabs.sqr-tabs-small .square-cards__container .ListRecords {
    display: flex;
}

.tabs.sqr-tabs-small .vertical-tabs .tabs-header{
    margin: unset;
}

.sqr-tabs-small .tabs-header > span:first-child {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.tabs.sqr-tabs-small .tabs-header .tabs-header-item:first-child {
    margin-left: 0;
}

.tabs.sqr-tabs-small .tabs-header .tabs-header-item:last-child {
    margin-right: 0;
}

/* ================================================================ */
/* font size picker A|A|A
/* ================================================================ */

.font__size {
    display: flex;
    flex-wrap: wrap;
}

.font__size > div a {
    color: #ccc;
    padding:0 5px;
    font-size: 14px;
}

.font__size > div {
    align-items: flex-end;
    border-left: 1px solid #979797;
    display: flex;
}

.font__size > div:nth-child(2) a{
    font-size: 16px;
}

.font__size > div:nth-child(3) a{
    font-size: 20px;
}

.font__size > div {
    border-left: 1px solid #979797;
}

.font__size > div:last-child {
    border-right: 1px solid #979797;
}

.font__size > div:nth-child(2) a, 
.font_increase .font__size > div:nth-child(3) a,
.font_decrease .font__size > div:nth-child(1) a {
    color: var(--color-primary);
}

.font_increase .font__size > div:nth-child(2) a,
.font_decrease .font__size > div:nth-child(3) a,
.font_decrease .font__size > div:nth-child(2) a {
    color: #ccc;
}

.phone .font__size > div a {
    padding: 0 10px;
    font-size: 4.80vw;
}

.phone .font__size > div:nth-child(2) a{
    font-size: 5.87vw;
}

.phone .font__size > div:nth-child(3) a{
    font-size: 6.93vw;
}

.phone .main-content__title-container {
    flex-direction: column-reverse;
}

.phone .main-content__block-title_actions {
    display: flex;
    justify-content: flex-end;
    padding: 0;
    width: 100%;
}

/* ================================================================ */
/* Image Rendition
/* ================================================================ */

.image-rendition div,
.image-rendition {
    height: 100%;
}

.rendition_image{
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* ================================================================ */
/* SVG - Charts
/* ================================================================ */

.highcharts-background {
  width: 100%
}

.highcharts-scrollable-mask{
    fill: #fff;
}

.phone .highcharts-xaxis-labels {
    top: -8px !important;
}

.login-mobile-open .highcharts-fixed {
    z-index: auto !important;
}

/* ================================================================ */
/* Actions Bar
/* ================================================================ */

.actions-bar {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #FFF6F1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    height: 40px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 0 -60px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-right: 60px;
    width: calc(100% + 120px);
}

.actions-bar_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.actions-bar_action {
    padding-left: 30px;
}

.actions-bar_action a {
    color: var(--color-secundary);
}

.actions-bar_action a:hover > span,
.actions-bar_action a:hover{
    color: var(--color-primary);
    text-decoration: none;
}

.actions-bar_action a .icon,
.actions-bar_action .icon {
    padding-right: 10px;
    color: var(--color-primary);
}

.actions-bar input:after {
    content:"";
    width:100%;
    height:1px;
    width: 1px;
    position:absolute;
    display:block;
}

.actions-bar input[type="checkbox"] {
    height: 22px;
    position: absolute;
    right: 0;
    width: calc(100% - 30px);
}

.actions-bar input {
    cursor: pointer;
    height: 100%;
    top: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
}

.actions-bar input:checked:after {
    -ms-transform: scaleX(1);
        transform: scaleX(1);
    -webkit-transform: scaleX(1);
}

.actions-bar input:checked ~ .actions-bar-dropdown {
    -ms-transform: scaleY(1);
        transform: scaleY(1);
    -webkit-transform: scaleY(1);
}

.actions-bar-dropdown {
     display:block;
     height:100%;
    position: absolute;
     right: 0;
    top: 40px;
    -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    -webkit-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
}

.actions-bar-dropdown_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 150px;
    position: absolute;
    right: 0;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

.actions-bar-dropdown_container a{
    margin-right: 10px;
}

.actions-bar-dropdown_container a:last-child{
    margin-right: 0;
}

.phone .actions-bar{
    margin-bottom: 0;
}

/* ================================================================ */
/* List Item
/* ================================================================ */

.list-item {
    border-bottom: 1px solid #eee;
    color: #4d4d4d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 16px 0;
}

.list-item_middle {
    width: 100%;
}

.list-item_content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    font-size: var(--font-size-l);
    line-height: 20px;
}

.list-item_action {
    color: var(--color-primary);
    padding-left: 16px;
    padding-right: 4px;
}

.list-item_left {
    align-self: baseline;
    margin-right: 14px;
    color: #f60;
    font-size: 23px;
}

.list-item_description {
    margin-top: 8px;
    font-size: 18px;
    line-height: 22px;
    padding-right: 10px;
}


/* ================================================================ */
/* Card Product Preview
/* ================================================================ */

.card-product-preview {
    backface-visibility: hidden;
    cursor: pointer;
    height: 100%;
    min-height: 320px;
    padding: 20px;
    transform: scale(1) translateZ(0);
    transition: 400ms ease-in-out; 
    will-change: transform;
}

.Page.desktop .card-product-preview:hover {
    transform: scale(1.05) translateZ(0);
    transition: 400ms ease-in-out; 
}

.card-product-preview_content {
    margin-top: 20px;
    text-align: center;
}

.card-product-preview_subtitle {
    margin-top: 10px;
}

.card-product-preview_image {
    width: 100%;
    height: 200px;
    text-align: center;
}

.card-product-preview_image img {
    height: 100%;
}

.card-product-preview_title {
    font-family: var(--font-barlow-semibold);
    font-size: var(--font-size-h3);  
}

.Page.desktop .card-product-preview:hover .card-product-preview_title {
    color: var(--color-primary);
}


/* ================================================================ */
/* Square Cards
/* ================================================================ */

.square-cards__container .ListRecords {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.square-cards__container .card-content {
    min-height: 310px;
    margin-right: 36px;
    text-align: center;
    padding: 60px 30px;
    width: 304px;
}

.square-cards__container .card-content:last-child{
    margin-right: 0;
}

.square-cards__container .card-content:nth-child(even){
    background-color: #FFF7F2;
}

.square-cards__container .card-content_image{
    color: var(--color-primary);
    font-size: 46px;
    height: auto;
}

.square-cards__container .card-content_title{
    font-size: var(--font-size-l);
    margin-top: 26px;
}

.square-cards__container .card-content_bottom{
    padding: 0;
}

.square-cards__container .card-content_content {
    font-size: var(--font-size-m);
    max-width: unset;
}

.phone .square-cards__container .ListRecords {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.phone .square-cards__container .card-content {
    margin-right: 0;
    margin-bottom: 6.40vw;
}

.tablet .square-cards__container .ListRecords {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.tablet .square-cards__container .card-content {
    -webkit-box-flex: 45%;
        -ms-flex: 45%;
            flex: 45%;
    margin-right:46px;
    margin-bottom: 24px;
    max-width: 304px;
}

.tablet .square-cards__container .card-content:nth-child(even),
.tablet .square-cards__container .card-content:last-child {
    margin-right:0;
}

/* ================================================================ */
/* SquareLinks
/* ================================================================ */

.square-links .square-links--container .ListRecords {
    display: flex;
}

.square-links .square-links--container span:first-child{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.square-links .square-links--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    overflow: visible;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: calc(100% - 30px);
    margin-left: 30px;
}

.square-links .square-links--container {
    margin: auto;
}

.square-links .square-links--container .square-links--items a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.square-links .square-links--container .square-links--items{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    border: 1px solid transparent;
    text-align: center;border-radius: 4px;
    padding: 8px 16px;
    margin: 0 15px;
    text-align: center;
    margin-top: 20px;
/* height: 100%; */}

.square-links .square-links--container .square-links--items a{
    color: var(--color-secondary);
}

.square-links .square-links--items.active a{
    border: 1px solid var(--color-primary);
    border-radius: 4px;
    color: var(--color-primary);
    cursor: pointer;
    padding: 8px 16px;
    font-family: var(--font-barlow-semibold);
}

.square-links .square-links--items a:hover,
.square-links .square-links--items:hover{
    color: var(--color-primary);
    cursor: pointer;
}


/* ================================================================ */
/* Vertical Tabs
/* ================================================================ */

.vertical-tabs {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.tabs.vertical-tabs .tabs-header {
    position: relative;
    width: 450px;
}

.tabs.vertical-tabs .tabs-header-item {
    border: unset;
    cursor: pointer;
    font-size: var(--font-size-l);
    margin: 10px 0 0 0;
    padding: 10px 20px;
    position: relative;
    width: calc(100% - 48px);
}

.tabs.vertical-tabs .tabs-header-item:first-child{
    margin-top: 0;
}

.tabs.vertical-tabs .tabs-header-item.active {
    border: unset;
    border-radius: 8px;
    color: var(--color-primary);
    font-family: var(--font-barlow-semibold);
    background-color: #FFF7F2;
    position: relative;
    text-decoration: unset;
    padding: 10px 20px;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

.is-private .tabs.vertical-tabs .tabs-header-item.active{
    background-color: #f8fbfd;
}

.tabs.vertical-tabs .tabs-header-item.active:after {
    background-color: #FFF7F2;
    bottom: 6px;
    content: "";
    height: 20px;
    position: absolute;
    right: -1px;
    -webkit-transform: rotate(45deg) translateY(-50%);
        -ms-transform: rotate(45deg) translateY(-50%);
            transform: rotate(45deg) translateY(-50%);
    width: 20px;
}

.is-private .tabs.vertical-tabs .tabs-header-item.active:after {
    background-color: #f8fbfd;
}

.tabs.vertical-tabs .tabs-header-item:not(.active):before {
    content:"";
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
}

.tabs.vertical-tabs .tabs-header-item:not(.active):hover:before {
    border-radius: 8px;
    content: "";
    background-color: #FFF7F2;
    height: 100%;
    mix-blend-mode: multiply;
    -webkit-transition: width 300ms ease-in;
    -o-transition: width 300ms ease-in;
    transition: width 300ms ease-in;
    will-change: width;
    width: 100%;
}

.is-private .vertical-tabs .tabs-header-item:not(.active):hover:before{
    background-color: #f8fbfd;
}

.tabs.vertical-tabs .tabs-content-item.active {
    box-shadow: 0 0 10px #eee;
    -webkit-box-shadow: 0 0 10px #eee;
    border-radius: 8px;
    padding: 30px;
}

.tabs.vertical-tabs .tabs-header-item:hover {
    color: var(--color-primary);
}

.tabs.vertical-tabs .tabs-content {
    font-size: var(--font-size-m);
    margin-left: 50px;
    width: 100%;
}

.tabs.vertical-tabs .card-content_title {
    margin-bottom: 20px;
}

.tabs.vertical-tabs .tabs-content-item > div {
    margin-bottom: 20px;
}

.phone .tabs.vertical-tabs{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.phone .tabs.vertical-tabs .tabs-header {
    width: 100%;
}

.phone .tabs.vertical-tabs .tabs-content {
    margin-top: 30px;
    width: 100%;
}

/* ================================================================ */
/* map-info-counters
/* ================================================================ */

.map-info.map-info-counters ul li:before {
    margin: 2px 0 0 -12px
}

.map-info.map-info-counters dl dd{
    margin-left: 0;
}
.map-info.map-info-counters dl dt{
    margin-bottom: 6px;
}

.map-info.map-info-counters [id$="Availability"]{
    margin-top: 6px;
}

.map-info.map-info-counters h1 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px;
}

.map-info.map-info-counters .availability .availability--colors {
    margin-top: 3px;
}

/* ================================================================ */
/* progress-bar-risk
/* ================================================================ */

.progress-bar-risk-bar {
    background-color: transparent;
    border: 1px solid var(--color-primary);
    border-radius: 3.5px;
    display: inline-block;
    height: 23px;
    margin-right: 3px;
    vertical-align: bottom;
    width: 8px;
}

.progress-bar-risk-bar.active {
    animation: none;
    background-color: var(--color-primary);
}

.progress-bar-risk-label {
    color: #9e9e9e;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin-bottom: 3px;
}

.progress-bar-risk-label > span:first-child {
    font-family: var(--font-barlow-semibold);
}

/* ================================================================ */
/* WhiteCenterCell
/* ================================================================ */

.whitecentercell {
    background-color: #fff;
    border: 1px solid #eee;
    text-align: center;
}

.whitecentercell > div:first-child {
    margin-bottom: 12px;
}


/* ================================================================ */
/* $4 - OS Patterns 
/* ================================================================ */

/* Table */

table {
    margin-bottom: 20px;
    font-size: 13px;
    color: #666;   
}

table thead th {
    background-color: #cdcdce;
    border: 1px solid #f6f6f6;
    padding: 15px 10px;
}

table tbody th,
table tbody td {
    background-color: #FFF6F1;
    font-weight: 400;
    border: 2px solid #fff;
    padding: 27px 20px;
    font-size: 18px;
}

table tbody th { 
    font-weight: 700;
    background-color: var(--color-primary);
    color: #fff;
    font-size: 18px;
}

table tbody td li {
    font-size: 1em;
    line-height: 1em;
    color: #666;
    margin-bottom: 5px;
}

table tbody td li:before { 
    margin-top: 4px;
}

/* TableRecords*/

.TableRecords {
    border: 0;
    color: #666;
    font-size: 1.3em;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 0;
}

.TableRecords[cellSpacing] {
    border-collapse: collapse;
}

.TableRecords + .TableRecords tbody:first-child tr td,
.TableRecords + .TableRecords tbody:first-child tr th,
.TableRecords + .TableRecords thead:first-child tr td,
.TableRecords + .TableRecords thead:first-child tr th {
    border-top: 0;
}

.TableRecords tr td,
.TableRecords tr th {
    background-color: #FFF6F1;
    border: 2px solid #fff;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    padding: 27px 20px;
}

.TableRecords.noLRPadding  tr td, 
.TableRecords.noLRPadding  tr th{
    padding: 15px 1px;
}

.TableRecords tr:not(.TableRecords_Header) td {
    text-align: left;
}

.TableRecords tr th {
    background: var(--color-primary);
    color: #fff;
    font-weight: bold;
}

.TableRecords tr th.Gray10 {
    background-color: #818181;
    color: #fff;
}

.TableRecords tr td a {
    color: #666;
    text-decoration: underline;
}

.TableRecords tr td a:hover,
.TableRecords tr td a:active {
    text-decoration: none;
}

.TableRecords_Header {
    border: 0;
}

.TableRecords thead > tr > th:last-child > div{
    font-weight: normal;
    color: inherit;
    padding: 0;
}

.TableRecords_Header table tbody{
    border-top: 1px solid #fff;
}

.TableRecords_Header table tbody tr td{
    border-right: 1px solid #fff;
}

.TableRecords_Header table tbody tr td:last-child{
    border-right: none;
}

.desktop .TableRecords_OddLine:first-child,
.desktop .TableRecords_EvenLine:first-child,
.desktop .TableRecords_Header:first-child,
.tablet .TableRecords_OddLine:first-child,
.tablet .TableRecords_EvenLine:first-child,
.tablet .TableRecords_Header:first-child {
    padding-left: 10px;
    padding-right: 10px;
}

.TableRecords_OddLine:last-child,
.TableRecords_EvenLine:last-child,
.TableRecords_Header:last-child {
    padding-right: 10px;
}

.TableRecords_Header table{
    margin-bottom: 0;
    padding:0;
}

.TableRecords_Header table tr td{
    background-color: transparent;
    border:none;
}

.phone .TableRecords_Header .fixed-cell-on-phone {
    display: none;
}

.phone :not(.TableRecords_Header) > .TableRecords_OddLine.fixed-cell-on-phone,
.phone :not(.TableRecords_Header) > .TableRecords_EvenLine.fixed-cell-on-phone{
    margin-top: 1px;
    padding-bottom: 4px;
    padding-top: 4px;
    position: absolute;
    text-align: left;
    width: 100%;
}
.phone :not(.TableRecords_Header) > .TableRecords_OddLine.fixed-cell-on-phone > *,
.phone :not(.TableRecords_Header) > .TableRecords_EvenLine.fixed-cell-on-phone > * {
    pointer-events: auto;
}
.phone :not(.TableRecords_Header) > .TableRecords_OddLine.fixed-cell-on-phone ~ .TableRecords_OddLine:not(.fixed-cell-on-phone),
.phone :not(.TableRecords_Header) > .TableRecords_EvenLine.fixed-cell-on-phone ~ .TableRecords_EvenLine:not(.fixed-cell-on-phone) {
    border-top: 1px solid #f6f6f6;
    padding-top: 48px;
}

.phone .TableRecords thead>tr>th:last-child {
    border-bottom: 1px solid #f6f6f6;
}

.phone .TableRecord td.TableRecords_OddLine .TableRecords,
.phone .TableRecords td.TableRecords_EvenLine .TableRecords {
    margin-bottom: 0;
}

.tablet.portrait .TableRecords > thead, .phone .TableRecords > thead,
.tablet.portrait .TableRecords:not(.NoResponsive) > thead, 
.phone .TableRecords:not(.NoResponsive) > thead{
    display: table-header-group;
}

.tablet.portrait .TableRecords tr:first-child td.TableRecords_OddLine:first-child,
.tablet.portrait .TableRecords tr:first-child td.TableRecords_EvenLine:first-child,
.phone .TableRecords tr:first-child td.TableRecords_OddLine:first-child,
.phone .TableRecords tr:first-child td.TableRecords_EvenLine:first-child,
.phone .TableRecords thead>tr>th:last-child {
    border: none;
}

.tablet.portrait .TableRecords,
.phone .TableRecords {
    display: table;
    border-spacing: 0;
    empty-cells: show;
    width: 100%;
    word-break: keep-all;
}

.TableRecords .TableRecords_Header .TableRecords_OddLine,
.TableRecords .TableRecords_Header .TableRecords_EvenLine {
    background-color: #cdcdcf;
    color: #666;
    font-weight: bold;
    padding: 8px 0;
}

.TableRecords input[type="checkbox"] {
    margin: 0;
}

.TableRecords .row-destaque {
    color: #666;
    background: #cdcdce;
    padding: 13px 0 13px 20px;
    text-align: left;
    font-weight: 400;
    box-sizing: border-box;
    border-bottom: 1px solid #f6f6f6;
}

.TableRecords .row-item {
    background-color: #ececec;
    padding: 13px 13px 13px 20px;
    border-top: 1px solid #f6f6f6;
}

.TableRecords .row-item:first-child {
    border-top: none;
}

.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine:first-child, 
.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine:first-child, 
.phone .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine:first-child, 
.phone .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine:first-child{
    cursor: pointer;
    display: table-cell;
    padding-bottom: 10px;
    padding-top: 10px;
}

.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine, 
.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine, 
.phone .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine, 
.phone .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine,
.tablet.portrait .TableRecords > * > * > td.TableRecords_OddLine, 
.tablet.portrait .TableRecords > * > * > td.TableRecords_EvenLine, 
.phone .TableRecords > * > * > td.TableRecords_OddLine, 
.phone .TableRecords > * > * > td.TableRecords_EvenLine{
    display: table-cell;
    float: none;
    width: unset;
    padding: 10px;
}

.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td:first-child:before, 
.phone .TableRecords:not(.NoResponsive) > * > * > td:first-child:before{
    display: none;
}

.Page:not(.desktop) .main-content--left-content .tabs-content-item {
    padding: 0 10px;
}

.Page:not(.desktop) .MenuSlideRight.open .MenuSlideRight_maskContainer {
    min-height: 100%;
}

.Page:not(.desktop) .Gallery .GalleryWrapper {
    margin-left: -10px;
}

.Page:not(.has-banner).phone .content-right {
    padding-top: 0;
}

.Page:not(.desktop) .main-content--left-content .tabs-content {
    border: 1px solid #dadada;
    border-top-width: 0;
    margin-top: 0;
    padding-top: 10px;
}

.desktop .main-content__wrapper .TableRecords > tbody > tr:hover,
.desktop .main-content__wrapper .TableRecords > tbody > tr:hover td,
.desktop .main-content__wrapper .EditableTable > tbody > tr:hover td {
    background-color: #FFF6F1;
}

body:not(.desktop) .translatedToResponsive .TableRecords_Label{
    display: none;
}

/* $4.1.1 - Patterns - Content - Accordion */

.accordion {
    background-color: var(--color-neutral-0);
}

.accordion-item{
    border-bottom: 1px solid #eee;
}

.accordion-item:last-child {
    border: unset;
}

.accordion-item .accordion-item-header {
    -webkit-box-align: start;
       -ms-flex-align: start;
          align-items: flex-start;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--font-size-l);
    padding: var(--space-m);
}

.accordion-item.is--open .accordion-item-header {
    color: var(--color-primary);
    font-weight: var(--font-semi-bold);
}

.accordion-item .accordion-item-title {
    width: 100%;
}

.accordion-item .accordion-item-icon {
    -webkit-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}

.accordion-item.is--open .accordion-item-icon {
    color: var(--color-primary);
    -webkit-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}

.accordion-item .accordion-item-icon .fa {
    color: var(--color-primary);
    font-size: 24px;
    width: auto;
}

.accordion-item.is--open .accordion-item-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.accordion-item.is--disabled {
    color: var(--color-neutral-7);
    pointer-events: none;
}

.accordion-item.is--disabled .accordion-item-icon {
    color: var(--color-neutral-6);
}

.accordion-item .accordion-item-content {
    display: block;
    overflow: hidden;
}

.accordion-item .accordion-item-content.is--animating.is--expanded {
    overflow: hidden;
}

.accordion-item .accordion-item-content.is--expanded {
    overflow: visible;
}

.accordion-item .accordion-item-content,
.accordion-item .accordion-item-content.is--collapsed {
    height: 0;
    padding: var(--space-none) var(--space-m);
    visibility: hidden;
}

.accordion-item .accordion-item-content.is--expanded {
    height: auto;
    padding: var(--space-none) var(--space-m) var(--space-m);
    visibility: visible;
}

.accordion-item .accordion-item-content.is--animating {
    -webkit-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}

.main-content__wrapper .half-margin-between--top .accordion{
    border-bottom: 1px solid #eee;
}

.accordion-item.is--open .accordion-item.is--closed .accordion-item-header {
    color: #666;
    font-weight: normal;
}

.accordion-item.is--open .accordion-item.is--closed .accordion-item-icon {
    color: var(--color-primary);
    -webkit-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}
.accordion-item.is--open .accordion-item.is--closed .accordion-item-icon {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}

/* $4.1.1 - Patterns - Content - Carousel */

.carousel {
    position: relative;
    -webkit-transition: opacity 330ms ease;
    transition: opacity 330ms ease;
}

.carousel.is--hidden {
    opacity: 0;
    
}

.carousel .tns-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
}

.carousel .tns-ovh {
    position: relative;
}

.carousel .tns-item {
    cursor: -webkit-grab;
}

.carousel .tns-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: calc(-1 * var(--space-m));
    margin-bottom: var(--space-s);
    z-index: 1;
}

.carousel .tns-nav button {
    cursor: pointer;
}

.carousel .carousel-navigation {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.carousel .carousel-arrow-left,
.carousel .carousel-arrow-right {
    align-items: center;
    border-radius: 50%;
    box-shadow: none;
    color: var(--color-primary);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    transition: all 180ms linear;
    width: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-transition: all 180ms linear;
}

.carousel .carousel-arrow-left:hover,
.carousel .carousel-arrow-right:hover {
    color: var(--color-primary);
}

.carousel .carousel-arrow-left {
    left: 0;
}

.carousel .carousel-arrow-right {
    right: 0;
}

.carousel .carousel-navigation.carousel-padding-none .carousel-arrow-left {
    left: 24px;
}

.carousel .carousel-navigation.carousel-padding-none .carousel-arrow-right {
    right: 24px;
}

.carousel .carousel-arrow-left .fa-fw,
.carousel .carousel-arrow-right .fa-fw {
    font-size: 2.2em;
}

.carousel .carousel-arrow-left .fa-fw {
    margin: -2px 0 0 -2px;
}

.carousel .carousel-arrow-right .fa-fw {
    margin: -2px -2px 0 0;
}

/* Library CSS */
.carousel img:not(.tns-lazy-img),
.carousel .lazyload img {
    height: auto;
}

.carousel [class*="autoWidth"] img {
    max-width: none;
}

.carousel .img {
    font-size: 100px;
    font-weight: 100;
    color: #fff;
    text-align: center;
}

.carousel .visually-hidden {
    position: fixed;
    left: -10000px;
    opacity: 0;
}

/* nav */
.carousel .nav.active ul {
    left: 0;
}

.carousel .nav.active .nav-toggle-handle {
    left: 17em;
}

.carousel .nav.active .nav-toggle-handle:before {
    display: inline-block;
}

.carousel .nav.active .nav-toggle-handle:after {
    display: none;
}

.carousel .nav ul {
    position: fixed;
    top: 0;
    left: -17em;
    z-index: 100;
    width: 17em;
    height: 1000px;
    height: 100vh;
    background-color: #fff;
    -webkit-box-shadow: 2px 0 15px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.15);
    transition: left 0.25s;
    overflow-y: auto;
}

.carousel .nav a {
    display: block;
    padding: 0.7em 1em;
    color: inherit;
    text-decoration: none;
}

.carousel .nav a:hover {
    background-color: #F3F3F3;
}

.carousel .nav .active {
    color: #fff;
    background-color: #af23ff !important;
}

.carousel .nav-toggle-handle {
    position: fixed;
    transition: left 0.25s;
    left: 0;
    top: 0;
    z-index: 100;
    padding: 10px;
    color: #fff;
    background-color: #af23ff;
    cursor: pointer;
}

.carousel .nav-toggle-handle:before {
    display: none;
    padding-right: 5px;
    content: 'â—„';
    font-size: 0.8em;
}

.carousel .nav-toggle-handle:after {
    padding-left: 5px;
    content: 'â–º';
    font-size: 0.8em;
}

.carousel .customize-tools {
    position: relative;
}

.carousel .thumbnails {
    margin: 20px 0;
    text-align: center;
}

.carousel .thumbnails li {
    display: inline-block;
    cursor: pointer;
    border: 5px solid #fff;
}

.carousel .thumbnails [aria-selected="true"] {
    background: none;
    border-color: #000;
}

.carousel .thumbnails li {
    width: 50px;
}

.carousel .thumbnails img {
    vertical-align: bottom;
    height: auto;
    max-height: 50px;
}

.carousel .controls {
    text-align: center;
}

.carousel .controls li {
    display: block;
    position: absolute;
    top: 50%;
    height: 60px;
    line-height: 60px;
    margin-top: -30px;
    padding: 0 15px;
    cursor: pointer;
    transition: background 0.3s;
}

.carousel .controls li img {
    display: inline-block;
    vertical-align: middle;
}

.carousel .controls .prev {
    left: 0;
}

.carousel .controls .next {
    right: 0;
}

.carousel .controls li:hover {
    background: #f2f2f2;
}

.carousel .tns-controls {
    text-align: center;
    margin-bottom: 10px;
}

.carousel .tns-controls [aria-controls] {
    font-size: 15px;
    margin: 0 5px;
    padding: 0 1em;
    height: 2.5em;
    color: #000;
    background: #66CCFF;
    border-radius: 3px;
    border: 0;
}

.carousel .lt-ie9 .tns-controls>[aria-controls] {
    line-height: 2.5em;
}

.carousel [data-action] {
    display: block;
    margin: 10px auto;
    font-size: 17px;
    min-width: 3em;
    text-align: center;
    background: transparent;
    border: 0;
}

.carousel .tns-controls [disabled] {
    color: #999999;
    background: #B3B3B3;
    cursor: not-allowed !important;
}

.carousel .tns-nav>[aria-controls] {
    background: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 0 2px 4px 2px #eeeeee;
    height: 4px;
    padding: 0;
    margin: 0 4px;
    width: 30px;
}

.carousel .tns-nav>[aria-selected="true"] {
    background: var(--color-primary);
}

.carousel .playbutton-wrapper {
    text-align: center;
}

.carousel .playbutton-wrapper button {
    height: 34px;
    padding: 0 10px;
    font-size: 14px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.carousel .wrapper {
    padding: 0 5em;
}

.carousel .suite-container .title,
.carousel .suite-container .subtitle,
.carousel .suite-container li {
    padding: 5px 10px;
}

.carousel .suite-container li {
    font-size: 12px;
    line-height: 1.4;
    background: #f5f5f5;
}

.carousel .suite-container .title {
    font-size: 14px;
    font-weight: bold;
    background: #8acac6;
    text-transform: capitalize;
}

.carousel .suite-container .subtitle {
    font-size: 13px;
    font-weight: bold;
    background: #dedede;
    text-transform: capitalize;
}

.carousel .suite-container .fail {
    background: #FFADE2;
}

.carousel [class*="vertical"] .img {
    padding: 30px 0;
}

.carousel [class*="vertical"] .img:before {
    content: '';
    display: inline-block;
    width: 1px;
    margin-right: -1px;
    height: 100%;
    vertical-align: middle;
}

.carousel [class*="vertical"] .img a {
    display: inline-block;
    padding: 0;
}

.carousel [class*="vertical"] .img-1 {
    height: 137px;
}

.carousel [class*="vertical"] .img-2 {
    height: 122px;
}

.carousel [class*="vertical"] .img-3 {
    height: 143px;
}

.carousel [class*="vertical"] .img-4 {
    height: 325px;
}

.carousel [class*="vertical"] .img-5 {
    height: 140px;
}

.carousel [class*="vertical"] .img-6 {
    height: 119px;
}

.carousel [class*="vertical"] .img-7 {
    height: 223px;
}

.carousel [class*="vertical"] .img-8 {
    height: 164px;
}

/* https://daneden.github.io/animate.css/ */
@-webkit-keyframes jello {

    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {

    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

/*########## tny slider css ##########*/
.carousel .tns-outer {
    padding: 0 !important;
}

.carousel .tns-outer [hidden] {
    display: none !important;
}

.carousel .tns-outer [aria-controls],
.carousel .tns-outer [data-action] {
    cursor: pointer;
}

.carousel .tns-slider {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}

.carousel .tns-slider>.tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.carousel .tns-horizontal.tns-subpixel>.tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
}

.carousel .tns-horizontal.tns-no-subpixel:after {
    content: '';
    display: table;
    clear: both;
}

.carousel .tns-horizontal.tns-no-subpixel>.tns-item {
    float: left;
    margin-right: -100%;
}

.carousel .tns-no-calc {
    position: relative;
    left: 0;
}

.carousel .tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px;
}

.carousel .tns-gallery>.tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s, opacity 0s;
    -moz-transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s;
}

.carousel .tns-gallery>.tns-slide-active {
    position: relative;
    left: unset !important;
}

.carousel .tns-gallery>.tns-moving {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}

.carousel .tns-lazy-img {
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    transition: opacity 0.6s;
    opacity: 0.6;
}

.carousel .tns-lazy-img.loaded {
    opacity: 1;
}

.carousel .tns-ah {
    -webkit-transition: height 0s;
    -moz-transition: height 0s;
    transition: height 0s;
}

.carousel .tns-ovh {
    overflow: hidden;
}

.carousel .tns-visually-hidden {
    position: absolute;
    left: -10000em;
}

.carousel .tns-transparent {
    opacity: 0;
    visibility: hidden;
}

.carousel .tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0;
}

.carousel .tns-normal,
.carousel .tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
}

/* $4.2.5 - Patterns - Controls - Dropdown */
.dropdown,
.dropdown .dropdown-content .dropdown-content-list,
.dropdown .dropdown-header {
    width: 100%;
}

.dropdown .dropdown-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.is--visible .dropdown-header.select {
    border: var(--border-size-s) solid var(--color-primary);
}

.dropdown .dropdown-content {
    position: relative;
    z-index: 50;
    left: -50%;
}

.dropdown.is--visible .dropdown-icon {
    color: var(--color-primary);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dropdown .dropdown-icon .fa {
    font-size: 24px;
    width: auto;
}

.dropdown .dropdown-icon {
    color: var(--color-neutral-7);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.dropdown .dropdown-content .dropdown-content-list {
    background: var(--color-neutral-0);
    border-radius: var(--border-radius-soft);
    border: var(--border-size-s) solid var(--color-neutral-4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: var(--space-xs);
    max-height: 300px;
    overflow-y: auto;
    padding: var(--space-s) var(--space-none);
    position: absolute;
    -webkit-transition: opacity 180ms ease;
    transition: opacity 180ms ease;
}

.dropdown.is--visible .dropdown-content .dropdown-content-list {
    opacity: 1;
}

.dropdown.is--hidden .dropdown-content .dropdown-content-list {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.dropdown.is--visible .dropdown-content-list {
    opacity: 1;
    visibility: visible;
}

.dropdown.is--hidden .dropdown-content-list {
    opacity: 0;
    pointer-events: none;
}

.dropdown .dropdown-content .dropdown-content-list a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-neutral-9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    padding: var(--space-none) var(--space-base);
}

.dropdown .dropdown-content .dropdown-content-list a:hover {
    background-color: var(--color-neutral-2);
}

/* $4.1.5 - Patterns - Content - Bullets */

.bullets li{
    list-style-type: square;
}

.bullets li::marker{
    color: var(--color-primary);
}
    
ol.bullets,
ul.bullets {
    margin-bottom: var(--space-none);
    margin-top: var(--space-none);
    padding: var(--space-l);
}

ol.bullets li:not(:last-child),
ul.bullets li:not(:last-child) {
    margin-bottom: var(--space-s);
}

/* $4.4.1 - Patterns - Navigation - BreadcrumbsItem */
.breadcrumbs-item .title a {
    color: var(--color-primary);
    font-size: var(--font-size-s);
    font-family: var(--font-barlow-regular);
    margin-right: 4px;
}

.breadcrumbs-item .title {
    color: var(--color-primary);
    font-size: var(--font-size-s);
    font-family: var(--font-barlow-regular);
    vertical-align: baseline;
}

.breadcrumbs-item .icon.ph {
    color: var(--color-primary);
    font-size: var(--font-size-xxs);
    margin-right: 4px;
    vertical-align: baseline;
}

/* $4.7.2 - Patterns - Structure - Columns */
.columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.columns.gutter-none {
    margin-left: var(--space-none);
    margin-right: var(--space-none);
}

.columns.gutter-xs {
    margin-left: calc(-1 * var(--space-xs) / 2);
    margin-right: calc(-1 * var(--space-xs) / 2);
}

.columns.gutter-s {
    margin-left: calc(-1 * var(--space-s) / 2);
    margin-right: calc(-1 * var(--space-s) / 2);
}

.columns.gutter-base {
    margin-left: calc(-1 * var(--space-base) / 2);
    margin-right: calc(-1 * var(--space-base) / 2);
}

.columns.gutter-m {
    margin-left: calc(-1 * var(--space-m) / 2);
    margin-right: calc(-1 * var(--space-m) / 2);
}

.columns.gutter-l {
    margin-left: calc(-1 * var(--space-l) / 2);
    margin-right: calc(-1 * var(--space-l) / 2);
}

.columns.gutter-xl {
    margin-left: calc(-1 * var(--space-xl) / 2);
    margin-right: calc(-1 * var(--space-xl) / 2);
}

.columns.gutter-xxl {
    margin-left: calc(-1 * var(--space-xxl) / 2);
    margin-right: calc(-1 * var(--space-xxl) / 2);
}

.columns>.columns-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.columns.columns-small-left>.columns-item:last-child,
.columns.columns-small-right>.columns-item:first-child {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.columns.columns-medium-left>.columns-item:last-child,
.columns.columns-medium-right>.columns-item:first-child {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.columns.gutter-none>.columns-item {
    margin-bottom: var(--space-none);
    padding: var(--space-none) var(--space-none);
}

.columns.gutter-xs>.columns-item {
    margin-bottom: var(--space-xs);
    padding: var(--space-none) calc(var(--space-xs) / 2);
}

.columns.gutter-s>.columns-item {
    margin-bottom: var(--space-s);
    padding: var(--space-none) calc(var(--space-s) / 2);
}

.columns.gutter-base>.columns-item {
    margin-bottom: var(--space-base);
    padding: var(--space-none) calc(var(--space-base) / 2);
}

.columns.gutter-m>.columns-item {
    margin-bottom: var(--space-m);
    padding: var(--space-none) calc(var(--space-m) / 2);
}

.columns.gutter-l>.columns-item {
    margin-bottom: var(--space-l);
    padding: var(--space-none) calc(var(--space-l) / 2);
}

.columns.gutter-xl>.columns-item {
    margin-bottom: var(--space-xl);
    padding: var(--space-none) calc(var(--space-xl) / 2);
}

.columns.gutter-xxl>.columns-item {
    margin-bottom: var(--space-xxl);
    padding: var(--space-none) calc(var(--space-xxl) / 2);
}

.columns .columns-item>.card {
    height: 100%;
}

.columns:only-child>.columns-item {
    margin-bottom: var(--space-none);
}

/* Columns Responsive */
.tablet .columns.tablet-break-first>.columns-item:first-child,
.phone .columns.phone-break-first>.columns-item:first-child,
.tablet .columns.tablet-break-last>.columns-item:last-child,
.phone .columns.phone-break-last>.columns-item:last-child,
.tablet .columns.tablet-break-all>.columns-item,
.phone .columns.phone-break-all>.columns-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
}

.tablet .columns.columns2.tablet-break-middle>.columns-item,
.phone .columns.columns2.phone-break-middle>.columns-item,
.tablet .columns.columns3.tablet-break-middle>.columns-item:last-child,
.phone .columns.columns3.phone-break-middle>.columns-item:last-child,
.tablet .columns.columns-small-left.tablet-break-middle>.columns-item,
.phone .columns.columns-small-left.phone-break-middle>.columns-item,
.tablet .columns.columns-medium-left.tablet-break-middle>.columns-item,
.phone .columns.columns-medium-left.phone-break-middle>.columns-item,
.tablet .columns.columns-small-right.tablet-break-middle>.columns-item,
.phone .columns.columns-small-right.phone-break-middle>.columns-item,
.tablet .columns.columns-medium-right.tablet-break-middle>.columns-item,
.phone .columns.columns-medium-right.phone-break-middle>.columns-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
}

.tablet .columns.columns4.tablet-break-middle>.columns-item,
.phone .columns.columns4.phone-break-middle>.columns-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%;
}

.tablet .columns.columns5.tablet-break-middle>.columns-item:nth-child(1),
.tablet .columns.columns5.tablet-break-middle>.columns-item:nth-child(2),
.tablet .columns.columns5.tablet-break-middle>.columns-item:nth-child(3),
.phone .columns.columns5.phone-break-middle>.columns-item:nth-child(1),
.phone .columns.columns5.phone-break-middle>.columns-item:nth-child(2),
.phone .columns.columns5.phone-break-middle>.columns-item:nth-child(3),
.tablet .columns.columns6.tablet-break-middle>.columns-item:nth-child(1),
.tablet .columns.columns6.tablet-break-middle>.columns-item:nth-child(2),
.tablet .columns.columns6.tablet-break-middle>.columns-item:nth-child(3),
.phone .columns.columns6.phone-break-middle>.columns-item:nth-child(1),
.phone .columns.columns6.phone-break-middle>.columns-item:nth-child(2),
.phone .columns.columns6.phone-break-middle>.columns-item:nth-child(3) {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.333%;
}

.tablet .columns.gutter-xs.tablet-break-first:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-xs.phone-break-first:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-xs.tablet-break-last:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-xs.phone-break-last:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-xs.tablet-break-middle:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-xs.phone-break-middle:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-xs.tablet-break-all:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-xs.phone-break-all:only-child>.columns-item:not(:last-child) {
    margin-bottom: var(--space-xs);
}

.tablet .columns.gutter-s.tablet-break-first:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-s.phone-break-first:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-s.tablet-break-last:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-s.phone-break-last:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-s.tablet-break-middle:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-s.phone-break-middle:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-s.tablet-break-all:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-s.phone-break-all:only-child>.columns-item:not(:last-child) {
    margin-bottom: var(--space-s);
}

.tablet .columns.gutter-base.tablet-break-first:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-base.phone-break-first:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-base.tablet-break-last:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-base.phone-break-last:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-base.tablet-break-middle:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-base.phone-break-middle:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-base.tablet-break-all:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-base.phone-break-all:only-child>.columns-item:not(:last-child) {
    margin-bottom: var(--space-base);
}

.tablet .columns.gutter-m.tablet-break-first:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-m.phone-break-first:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-m.tablet-break-last:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-m.phone-break-last:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-m.tablet-break-middle:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-m.phone-break-middle:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-m.tablet-break-all:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-m.phone-break-all:only-child>.columns-item:not(:last-child) {
    margin-bottom: var(--space-m);
}

.tablet .columns.gutter-l.tablet-break-first:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-l.phone-break-first:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-l.tablet-break-last:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-l.phone-break-last:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-l.tablet-break-middle:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-l.phone-break-middle:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-l.tablet-break-all:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-l.phone-break-all:only-child>.columns-item:not(:last-child) {
    margin-bottom: var(--space-l);
}

.tablet .columns.gutter-xl.tablet-break-first:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-xl.phone-break-first:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-xl.tablet-break-last:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-xl.phone-break-last:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-xl.tablet-break-middle:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-xl.phone-break-middle:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-xl.tablet-break-all:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-xl.phone-break-all:only-child>.columns-item:not(:last-child) {
    margin-bottom: var(--space-xl);
}

.tablet .columns.gutter-xxl.tablet-break-first:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-xxl.phone-break-first:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-xxl.tablet-break-last:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-xxl.phone-break-last:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-xxl.tablet-break-middle:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-xxl.phone-break-middle:only-child>.columns-item:not(:last-child),
.tablet .columns.gutter-xxl.tablet-break-all:only-child>.columns-item:not(:last-child),
.phone .columns.gutter-xxl.phone-break-all:only-child>.columns-item:not(:last-child) {
    margin-bottom: var(--space-xxl);
}


/* $4.7.3 - Patterns - Structure - Gallery */
.gallery-content,
.gallery-content .ListRecords,
.gallery .ListRecords {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.gallery-content.is--hidden,
.gallery.is--hidden{
    opacity: 0;
    
}

.gallery-content.is--visible,
.gallery.is--visible{
    opacity: 1;
}

.gallery-content.is--hidden .gallery-item,
.gallery.is--hidden .gallery-item{
    transition: none;
}


/*-----------------------------------------------*\
     Bpi Private - Colors  
\*-----------------------------------------------*/

.is-private {
    --color-primary: #0077bc;
}

.is-private .mobile-item__header-top,
body:not(.desktop).menu-mobile-open .is-private .header__container:after {
    background-color:#f8fbfd;
}

.is-private a.btn,
.is-private .btn,
.is-private .tabs-v2 .tabs-header .tabs-header-item.active {
    border-color: #0077bc;
}

.is-private .header__top-actions .dropdown-content-list .link.active a {
    color: #0077bc !important; 
}

.is-private .menu-item.active,
.is-private .header__menu-segmentos-bpi .link.active a,
.is-private .header__menu-segmentos .active,
.is-private .header__menu-segmentos .active a,
.is-private .header__menu-segmentos a:hover, 
.is-private .header__menu-segmentos-bpi a:hover,
.is-private .menu-item__title a:hover,
.is-private .header__top-actions .icon,
.is-private .footer__links-column,
.is-private .menu-item__items .submenu-item:hover,
.is-private .dropdown.is--visible .dropdown-icon,
.is-private .header__top-actions .link.active:after,
.ie .is-private  .menu-item.active a, 
.ie11 .is-private .menu-item.active a,
.is-private .menu--item_column-nivel1 a:hover, 
.is-private .menu--item_column-nivel2 a:hover,
.is-private .menu--item_column-niveis.open > .menu--item_column-nivel1.noSub a:hover,
.is-private .menu--item_column-niveis.open > .menu--item_column-nivel1:not(.noSub) a,
.is-private .menu-item.active a,
.is-private .text-orange,
.is-private .Text_orange,
.is-private .slider-prev-arrow,
.is-private .slider-next-arrow,
.is-private .card-sectioned_title,
.is-private .card-simple_actions,
.is-private .card-simple_actions-rigth .icon,
.is-private .horizontal-slider .card-content .card-content_image .icon,
.is-private .header__bottom__search-bar .input-with-icon .input-with-icon-content-icon a,
.is-private .header__top-actions .dropdown-header[aria-expanded="true"] .dropdown-header-text,
.is-private a.btn.default:hover,
.is-private .btn.default:hover,
.is-private a.btn.btn-small, 
.is-private .btn.btn-small,
.is-private a.btn.default.btn-small:hover, 
.is-private .btn.default.btn-small:hover,
.is-private .tabs-v2 .tabs-header .tabs-header-item.active,
.is-private .bullets li::marker,
.is-private .list-item_action {
    color: var(--color-private);
}

.is-private a.btn.default.btn-small, 
.is-private .btn.default.btn-small,
.is-private a.btn.btn-small:hover, 
.is-private .btn.btn-small:hover{
    color: #fff;
}

.is-private a.btn.default:hover,
.is-private .btn.default:hover,
.is-private a.btn.btn-small, 
.is-private .btn.btn-small, 
.is-private a.btn.default.btn-small:hover,
.is-private .btn.default.btn-small:hover  {
    background-color: #fff;
    color:  #0077bc;
}

.is-private .actions-bar,
.is-private .square-cards__container .card-content:nth-child(even),
.is-private .TableRecords tr td,
.is-private .background-light-orange {
    background-color: #f8fbfd;
}


.is-private .login__title,
.is-private .login__title-actions a,
.is-private .login__content-input,
.is-private .input-with-icon-input,
.ie .is-private .header__top-actions .dropdown-content-list .link.active a,
.ie11 .is-private .header__top-actions .dropdown-content-list .link.active a,
.is-private .breadcrumbs-item .title a,
.is-private .breadcrumbs-item .title,
.is-private .text-orange,
.is-private .card-simple.small .TableVerticalAlign .icon,
.is-private .actions-bar_action a,
.is-private .footer__links-column,
.is-private .breadcrumbs-item .icon.ph,
.is-private .form-item-label,
.is-private .header__menu-segmentos-bpi .link.active a,
.is-private .header__menu-segmentos .active,
.is-private .header__menu-segmentos .active a,
.is-private .list-item_action,
.is-private .header__top-actions .icon,
.is-private .header__menu-segmentos a:hover, 
.is-private .header__menu-segmentos-bpi a:hover,
.is-private .menu-item.active, 
.is-private .menu-item.active a,
.is-private .menu-item__items .submenu-item:hover,
.is-private .header__top-actions .link.active:after,
.is-private .header__bottom__search-bar .input-with-icon .input-with-icon-content-icon,
.is-private .header__bottom__search-bar .input-with-icon .input-with-icon-content-icon a,
.is-private .header__top-actions .dropdown-header[aria-expanded="true"] .dropdown-header-text,
.is-private .dropdown.is--visible .dropdown-icon,
.is-private .card-sectioned_title,
.is-private .card-simple_actions,
.is-private .horizontal-slider .card-content .card-content_image .icon,
.is-private .slider-prev-arrow,
.is-private .slider-next-arrow,
.is-private .card-simple_actions-rigth .icon,
.is-private .accordion-item .accordion-item-icon .fa {
    color: #0077bc;
}


.is-private .btn.default[disabled],
.is-private .btn.default[disabled]:hover,
.is-private .btn.default[disabled]:focus,
.is-private .btn.default[disabled]:active {
    background-color:rgba(0, 119, 188, 0.4);
    color: #fff;
}

.is-private .btn[disabled],
.is-private .btn[disabled]:hover,
.is-private .btn[disabled]:focus,
.is-private .btn[disabled]:active {
    border: 1px solid rgba(0, 119, 188, 0.4);
    color: rgba(0, 119, 188, 0.4);
    pointer-events: none;
}


.is-private a.btn.default,
.is-private .btn.default,
.is-private a.btn.default.btn-small, 
.is-private .btn.default.btn-small{
    background-color: var(--color-private);
}

.is-private a.btn.btn-small:hover, 
.is-private .btn.btn-small:hover {
   background-color: var(--color-private);
   color: #fff;
}

.ie .is-private a.btn:not(.default), 
.ie .is-private .btn:not(.default),
.ie11 .is-private a.btn:not(.default), 
.ie11 .is-private .btn:not(.default){
    color: #0077bc;
}

.ie .is-private a.btn:not(.default):hover, 
.ie .is-private .btn:not(.default):hover,
.ie11 .is-private a.btn:not(.default):hover, 
.ie11 .is-private .btn:not(.default):hover{
    color: #fff;
}

.is-private a.btn.default,
.is-private .btn.default,
.is-private a.btn.default.btn-small, 
.is-private .btn.default.btn-small,
.is-private a.btn.btn-small:hover, 
.is-private .btn.btn-small:hover,
.is-private a.btn:hover, 
.is-private .btn:hover {
    background-color: #0077bc;
}

/*-----------------------------------------------*\
     Bpi Private (wealth) - Colors  
\*-----------------------------------------------*/

.bpi-wealth .text-orange,
.bpi-wealth .accordion-item .accordion-item-icon .fa,
.bpi-wealth.accordion-item.is--open .accordion-item-icon .fa {
    color: var(--color-primary);
}

.bpi-wealth .actions-bar,
.bpi-wealth .TableRecords tr td,
.bpi-wealth .background-light-orange,
.bpi-wealth .tabs.vertical-tabs .tabs-header-item.active,
.bpi-wealth .vertical-tabs .tabs-header-item:not(.active):hover:before {
    background-color: #d1983c66;
}

.bpi-wealth .square-cards__container .card-content:nth-child(even){
    background-color: #efe1ca;
}

.bpi-wealth .tabs.vertical-tabs .tabs-header-item.active:after {
    background: linear-gradient(45deg, transparent 50%, #d1983c66 50%);
    right: -3px;
}

/* Ficha produto temp */

.main-content__wrapper .h1,
.main-content__wrapper .Heading1,
.main-content__wrapper .h2,
.main-content__wrapper .Heading2,
.main-content__wrapper .h3, 
.main-content__wrapper .Heading3 {
    font-family: 'BarlowBold';
}

.main-content__wrapper .main-content--title {
    font-family: 'BarlowBold';
    font-size: var(--font-size-h1) !important;
}

.main-content__wrapper .main-content--left-content .h2 {
    color: var(--color-primary);
    font-size: var(--font-size-h2) !important;
}

.main-content__wrapper .main-content-left {
    font-family: 'BarlowRegular';
    font-size: var(--font-size-base);
}

.tablet .main-content__wrapper .main-content-left,
.phone .main-content__wrapper .main-content-left {
    padding: 0;
}

.main-content__wrapper .main-content--left-content p,
.main-content__wrapper .text p,
.main-content__wrapper .text li {
    font-size: var(--font-size-base);
}

.main-content__wrapper .main-content-left {
    max-width: 100%;
}

.main-content__wrapper .main-content-left .Info-links a {
    height: 100%;
    margin-left: 0;
    line-height: 1.1em;
}

.phone .main-content__wrapper .main-content-left .Info-links a {
    margin-left: 0 !important;
}

.phone .main-content__wrapper .main-content-left .Info-links {
    width: 100% !important;
}

.main-content__wrapper .Breadcrumbs {
    align-items: center;
    display: flex;
    font-size: var(--font-size-s);
}

.main-content__wrapper .main-content--title img {
    height: 30px !important;
    width: auto !important;
}

.phone .main-content__wrapper .main-content--title img {
    height: 25px !important;
    width: auto !important;
}

.main-content__wrapper .Breadcrumbs a {
    color: #666 !important;
    font-size:  1em;
}

.main-content__wrapper .main-content--left-content .tabs-content {
    background-color: #fff;
}

.main-content__wrapper .Box .CardSimple a.Button,
.main-content__wrapper .Box .CardSimple .Button {
    line-height: 1em;
}

.main-content__wrapper .table thead th,
.main-content__wrapper table thead th {
    background: var(--color-primary);
    color: #fff;
    font-weight: bold;
}

.main-content__wrapper table {
    font-size: var(--font-size-m);
    width: 100%;
}

.main-content__wrapper .a.Button, 
.main-content__wrapper .Button {
    font-size: var(--font-size-s);
}

.main-content__wrapper .Box .CardSimple a.Button,
.main-content__wrapper .Box .CardSimple .Button {
    line-height: 1em;
    height: auto;
}

.main-content__wrapper .main-content--left-content {
    font-size: var(--font-size-base) !important;
}

body > div:not(.main-content__wrapper) .main-content--left-content {
    font-size: 1.4em !important;
}

.main-content__wrapper .main-content-left .Info-links a.Button.Blue {
    color: #fff;
}

.main-content__wrapper .main-content-left .Info-links a.Button.Blue:after{
    margin-top: -7px;
}

.main-content__wrapper .notifications .Cell2 {
    text-align: right;
}

.main-content__wrapper .notifications .Cell1 .Text_Note,
.main-content__wrapper .notifications .Cell1 time{
    display: block;
    margin-top: 10px;
}

@font-face {
    font-family: icomoon;
    src: url(/SitePublico_SiteBancoBPI/fonts/icomoon.ttf);
    font-weight: 400;
    font-style: normal;
}

.main-content__wrapper [data-icon]:before {
    font-family: icomoon;
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-bullet,
.icon-checkmark,
.icon-close,
.icon-facebook,
.icon-plus,
.icon-search,
.icon-twitter {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.icon-plus:before {
    content: "\2b";
}
.icon-search:before {
    content: "\23";
}
.icon-arrow-right:before {
    content: "\21";
}
.icon-arrow-left:before {
    content: "\22";
}
.icon-arrow-down:before {
    content: "\24";
}
.icon-arrow-up:before {
    content: "\25";
}
.icon-close:before {
    content: "\26";
}
.icon-facebook:before {
    content: "\27";
}
.icon-twitter:before {
    content: "\28";
}
.icon-bullet:before {
    content: "\29";
}
.icon-checkmark:before {
    content: "\30";
}

.main-content__wrapper .text h2{
    font-size: var(--font-size-m);
    font-family:var(--font-barlow-bold);
}

.main-content__wrapper .accordion-item-header .fa-angle-down:before {
    font-family: 'bpifont';
    content: "\e90d";
}

/* Accordion */

.main-content__wrapper .accordion .splitlist {
    margin: 20px 0 0 0;
    overflow: hidden;
    width: 700px;
    font-size: 0.775em;
}
.main-content__wrapper .accordion .splitlist ul {
    margin: 5px 0 0 -20px;
}
.main-content__wrapper .accordion .splitlist li:before {
    display: none;
}

.main-content__wrapper .accordion {
    border-bottom: 1px solid #e2e0e0;
}

.main-content__wrapper .accordion dt{
    font-family: var(--font-barlow-semibold);
    font-size:var(--font-size-m);
    border-top: 1px solid #e2e0e0;
    padding: 7px 0;
    cursor: pointer;
    position: relative;
    padding-right: 40px;
}
.main-content__wrapper .accordion.focus dt {
    font-size: 2.6em;
}
.main-content__wrapper .accordion dt span {
    color: #a4a4a6;
    font-size: 0.813em;
}
.main-content__wrapper .accordion dt:first-child {
    border: none;
}
.main-content__wrapper .accordion dt:after {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\24";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    font-size: 0.8em;
}
.main-content__wrapper .accordion.focus dt:after {
    font-size: 0.6em;
}
.main-content__wrapper .accordion .item-close{
    color: #7e7e7e;
}
.main-content__wrapper .accordion .item-close:after{
    content: "\24";
}
.main-content__wrapper .accordion .item-open {
    color: #f60;
}
.main-content__wrapper .accordion .item-open:after {
    content: "\25";
}
.main-content__wrapper .accordion dd {
    margin: 0;
    padding: 0 40px 10px 0;
    color: #a1a1a1;
    line-height: 1.5em;
}
.main-content__wrapper .accordion .text {
    padding-top: 5px;
    margin-top: -5px;
}

/* Tabs */

.main-content__wrapper .show-tab {
    display: block;
}
.main-content__wrapper .hide-tab {
    display: none;
}

.main-content__wrapper .main-content--left-content .pagetab ul:first-child li:before,
.main-content__wrapper .main-content--left-content dl dd:before{
    border-left: unset;
}
.main-content__wrapper .pagetab ul:first-child li:first-child {
    border-left: none;
}
.main-content__wrapper .pagetab ul:first-child li h2 {
    font-size: 0.8em;
    margin: 0;
    display: table;
    width: 100%;
    height: 75px;
}
.main-content__wrapper .pagetab ul:first-child li a {
    font-family: var(--font-barlow-bold);
    font-size:var(--font-size-base);
    color: #a8a8a8;
    margin-top: 10px;
    background-color: #ebebeb;
    text-align: center;
    text-transform: uppercase;
    border-right: 1px solid #fff;
    border-left: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    height: 75px;
}
.main-content__wrapper .pagetab ul:first-child li a:after {
    font-family: icomoon;
    content: "\24";
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 0.8em;
    text-align: center;
    display: block;
}
.main-content__wrapper .pagetab ul:first-child .current a {
    background-color: #f6f6f6;
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
    border-top: 1px solid #d5d4d4;
    color: #f60;
    margin-left: -1px;
    padding: 0;
    height: 85px;
    margin-top: 0;
    text-align: center;
}
.main-content__wrapper .pagetab ul:first-child li:last-child a {
    border-right: none;
}
.main-content__wrapper .pagetab ul:first-child li:last-child.current a {
    border-right: 1px solid #dadada;
}
.main-content__wrapper .pagetab-content .text h3 {
    color: #7e7e7e;
    margin: 0 0 12px 0;
    padding-top: 10px;
    font-size: 1.3em;
}
.main-content__wrapper .pagetab-content .text h3.orange {
    color: #f60;
    font-size: 1.8em;
}
.main-content__wrapper .pagetab-content .text h2 {
    padding-bottom: 7px;
    margin: 0;
}
.main-content__wrapper .pagetab-content .text .table {
    color: #848484;
}
.main-content__wrapper .pagetab-content .text .table tbody td,
.main-content__wrapper .pagetab-content .text .table tbody th {
    padding: 7px;
}

.main-content__wrapper .pagetab ul:first-child {
    display: table;
    width: 100%;
}
.main-content__wrapper .pagetab ul:first-child li {
    display: table-cell;
    vertical-align: bottom;
    float: none;
    width: auto;
    border-bottom: 1px solid #dadada;
}
.main-content__wrapper .pagetab ul:first-child li.current {
    border-bottom: 0;
}

.main-content__wrapper .row-flex-image-right {
    justify-content: flex-end;
    display: flex;
    align-self: center;
}
 
.main-content__wrapper .row-flex-image-left{
    flex:none;
}

.phone .main-content__wrapper .row-flex-image-right, 
.phone .main-content__wrapper .row-flex-image-left{
    padding: 0;
    width: 100%;
}

.phone .main-content__wrapper .img-100 {
    width: 100%;
}

.main-content__wrapper .row-flex-right > div:first-child {
    flex: 1;
}

.main-content__wrapper .row-flex-image-right {
    flex: none;
    padding-left: 20px;
}

.main-content__wrapper .img-100 {
    width: auto;
    height: auto;
}

.main-content__wrapper .main-content-left-top {
    display: block;
    position: relative;
}

.phone .main-content__wrapper .main-content-left-top {
    display: flex;
}

.main-content__wrapper .main-content--top-right {
    position: absolute;
    right: 0;
    top: 22px;
}

.phone .main-content__wrapper .main-content--top-right {
    position: unset;
}

.main-content__wrapper h1 {
    color: var(--color-primary);
    font-family: 'BarlowBold';
}

.main-content__wrapper .filters {
    padding:10px 0;
}

.main-content__wrapper .main-content--left-content a.gallery-item{
    text-decoration: none;
}

.main-content__wrapper .CardProductCategory{
    box-shadow: 0 0 10px #eee;
}

.main-content__wrapper .CardProductCategory_details {
    text-align: center;
}

.main-content__wrapper .CardProductCategory_image {
    display: block;
}

.main-content__wrapper .CardProductCategory.Medium .CardProductCategory_title {
    font-family: var(--font-barlow-bold);
}

.main-content__wrapper .filters .FormRow .Button.Is_Default{
    background-color: var(--color-primary) !important;
    border: 1px solid #f60;
    border-radius: 4px;
    color: #fff;
    font-family: var(--font-barlow-semibold);
    font-size: var(--font-size-base) !important;
    min-height: 44px;
    min-width: 80px;
    width: unset !important;
    padding: 2px 10px !important;
    transition: all 200ms ease;
    text-transform: none;
}

.main-content__wrapper .filters .FormRow .Button.Is_Default:hover {
    background-color: #fff !important;
    color: var(--color-primary);
}

.vertical-tabs .tabs-header-item {
    line-height: 1.4em;
}

.phone .main-content__wrapper .main-content--title {
    padding-top: 10px;
    width: 100%;
}

.main-content__wrapper .realSlide {
    border: 1px solid #eee;
}

.main-content__wrapper .easyzoom-flyout {
    z-index: 0;
}

/* Fundos de invest. tabbles */

.main-content__wrapper .TableRecords_Header,
.main-content__wrapper .TableRecords_Header.Gray10,
.main-content__wrapper .TableRecords .row-destaque {
    background: var(--color-primary);
    color: #fff;
    font-weight: bold;
}

.main-content__wrapper .TableRecords_Header.Gray10 > div,
table[id$="OutrosFundos"] .TableRecords_Header > div,
table[id$="FundosLUX"] .TableRecords_Header > div {
    font-family: var(--font-barlow-bold);
    padding-left: 10px;
    text-align: left;
}

.main-content__wrapper .TableRecords .row-destaque a {
    color: #fff;
}

.main-content__wrapper .TableRecords .row-item {
    background-color: #FFF6F1;
    padding: 27px 10px;
    border-bottom: 2px solid #fff;
}

is-private .main-content__wrapper .TableRecords .row-item{
    background-color: #f8fbfd;
}

.main-content__wrapper .TableRecords .row-item + br {
    display: none;
}

/* tabela */

.main-content__wrapper .TableRecords .TableRecords_Header.nested{
    padding: 0;
}

.main-content__wrapper .TableRecords_Header.nested:last-child > div {
    color: #fff;
    font-weight: bold;
    text-transform: unset;
}

.main-content__wrapper .TableRecords_Header.nested:last-child > div:first-child {
    padding: 18px;
}

.main-content__wrapper .TableRecords_Header.nested:last-child > div:last-child tr td {
    border-right: 2px solid #fff;
    color: #fff;
    font-weight: bold;
    padding: 18px 12px;
}

.main-content__wrapper .TableRecords_Header.nested:last-child > div:last-child table{
    table-layout: fixed;
}


.main-content__wrapper .TableRecords_Header.nested:last-child > div:last-child {
    border-top: 1px solid #fff;
}

.main-content__wrapper .TableRecords_Header.nested:last-child > div:last-child tr td:last-child {
    border-right: unset;
}

.TableRecords_Header.nested > div:nth-child(2) > table > tbody > tr > td:nth-child(2){
    width: auto !important;
}

.phone .main-content__wrapper .TableRecords_Header.nested:last-child > div:last-child tr td,
.tablet .main-content__wrapper .TableRecords_Header.nested:last-child > div:last-child tr td{
    border: unset;
}

.tablet.portrait .main-content__wrapper .TableRecords, 
.phone .main-content__wrapper .TableRecords {
    white-space: normal;
}

.phone .main-content__wrapper .TableRecords_Header.nested .horizontal-slider-container,
.tablet .main-content__wrapper .TableRecords_Header.nested .horizontal-slider-container {
    margin: 0;
    padding: 0;
}

.tablet .main-content__wrapper .TableRecords_Header.nested:last-child > div:last-child tr td,
.phone .main-content__wrapper .TableRecords_Header.nested:last-child > div:last-child tr td{
    font-size: var(--font-size-xs);
    padding: 14px 0;
}

.tablet .main-content__wrapper .TableRecords_Header.nested .horizontal-slider-container {
    width: 100%;
}

.main-content__wrapper .easyzoom-flyout {
    width: 700px;
}

.main-content__wrapper .realSlide {
    width: 490px;
}

.main-content__wrapper .lSSlideOuter.vertical .lSAction > .lSNext,
.main-content__wrapper .lSSlideOuter.vertical .lSAction > .lSPrev {
    right: 44px;
}

.main-content__wrapper .CardPreviewProduct.Small {
    border: 1px solid #eee;
    margin-right: unset;
    text-align: center;
}

.main-content__wrapper .CardPreviewProduct.Small .CardPreviewProduct_imageContainer {
    background-color: unset;
}

.main-content__wrapper .lSSlideOuter.vertical .lSGallery{
    right: 60px;
}

.main-content__wrapper .CardPreviewProduct_details {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 50px;
}

.main-content__wrapper .CardPreviewProduct_image {
    display: flex;
}

.main-content__wrapper .Gallery .CardPreviewProduct .CardPreviewProduct_title {
    max-width: 200px;
}

.phone .main-content__wrapper .CardPreviewProduct_details {
    padding: 6px;
}

.phone .main-content__wrapper .easyzoom-flyout {
    width: 600px;
}

.phone .main-content__wrapper .realSlide {
    max-width:100%;
}

.phone .main-content__wrapper .ProductDetails_leftArea {
    width: 100%;
}

.phone .main-content__wrapper .main-content-left-top {
    display: flex;
    flex-direction: column;
}

.main-content__wrapper .main-content--title {
    width: 100%;
    max-width: unset;
    display: flex;
    padding-right: 16px;
}

.main-content__wrapper .main-content--top-right {
    display: flex;
    position: unset;
}

.main-content__wrapper .main-content-left-top {
    display: flex;
}

.phone .main-content__wrapper .main-content--title {
    padding-right: 0;
}

.main-content__wrapper .main-content--title:empty{
    display: none;
}

.main-content__wrapper .main-content--title:empty ~ .main-content--top-right {
    position: absolute;
}

.main-content__wrapper p {
    line-height: 1.2em;
}


.main-content__wrapper .Box {
    background-color: #e4e4e4;
    margin: 20px 0;
    padding: 20px;
}

.phone .main-content__wrapper .Box {
    padding: 10px;
}

.remove-border-radius {
  border-radius: 0 0 0 0 !important;
  -ms-border-radius: 0 0 0 0 !important;
}

/* popup*/

#popin .overlay,
#slide-popin .overlay {
    background-color: #000;
    opacity: 0.3;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
}
#popin .popin-close,
#slide-popin .popin-close {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 210px;
    z-index: 10002;
    left: 50%;
    margin-left: 210px;
    color: transparent;
}
#slide-popin .popin-close {
    margin-left: 280px;
}
#popin .popin-close:before,
#slide-popin .popin-close:before {
    font-family: 'bpifont' !important; 
    color: var(--color-primary);
    content: "\e9b3";
    position: absolute;
    font-size: 1.5em;
    left: 0;
    margin-top: -8px;
}

#popin .popin-content {
    background-color: #fff;
    padding: 35px 20px;
    position: absolute;
    width: 480px;
    min-height: 200px;
    z-index: 10001;
    top: 190px;
    left: 50%;
    margin-left: -236px;
}
#slide-popin .popin-content {
    background-color: #fff;
    padding: 0;
    position: absolute;
    width: 545px;
    min-height: 200px;
    z-index: 10001;
    top: 190px;
    left: 50%;
    margin-left: -236px;
}
#popin .popin-content.video {
    padding-top: 50px;
}
#popin .popin-content.video .video-desc {
    font-size: 1.2em;
    padding-top: 20px;
    color: #666;
}
#popin .popin-content.video .video-desc a {
    color: #666;
}

.phone .popin-content.video iframe {
    max-width: 375px;
    max-height: 300px;
}

.phone #popin .popin-content {
    left: 50%;
    margin-left: -50%;
    padding: 32px 0;
}

.phone #popin .popin-close, 
.phone #slide-popin .popin-close{
    top: 204px;
    left: 33%;
}

/* board login */

.board-login {
    border:1px solid #E60000;
    color: #E60000;
    height: calc(100% - 2px);
    overflow: hidden;
}

.board-login .Card_Text ul li:before {
    display: none;
}

.board-login .Card_Text ul {
    align-items: center;
    display: flex;
    padding: 9px 26px 9px 11px;
    height: 100%;
    margin-left: 0;
}

.board-login .Card_Text ul li {
    align-items: center;
    display: flex;
    padding: 9px 26px 9px 11px;
    height: 100%;
}

.board-login .Card_Text ul li:not(:first-child) {
    display: none;
}

.nps-botoes-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    justify-content: center;
    align-content: flex-start;
    width: 100%;
    flex-direction: row;
}

.nps-botoes-container .btn {
    background: transparent;
    color: #979797;
    border: solid 1px #979797;
    margin: 0;
    padding: 0;
    min-width: unset;
    border-collapse: collapse;
    border-radius: unset;
    height: 65px;
    position: relative
}

.nps-container  .form-item-left{
    justify-content: center;
}

.nps-botoes-container > label {
    width: 10%;
}

.nps-container .form-item-content{
    max-width: unset;
    margin: 0;
    padding: 0;
}

.nps-container .form-item{
    padding: 0;
}

.nps-container .form-item-label {
    display: none;
}

.option-group-container{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -webkit-flex-direction: row;
    -webkit-justify-content: space-between;
}

.nps-botoes-container input[type="radio"]:checked~div{
    background: #EC142C90;
    color: #000;;
}

.nps-botoes-container .btn.selected-color-Text_green input[type="radio"]:checked~div{
    background: #40915390;
}

.nps-botoes-container .btn.selected-color-Text_orange input[type="radio"]:checked~div{
    background: #FF660090;
}   

.nps-botoes-container .btn:before{
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 5px;
    background: var(--color-red);
    content: "";
    display: block;
}

.nps-botoes-container .btn.selected-color-Text_green:before{
    background: #409153;
}

.nps-botoes-container > .btn.selected-color-Text_orange:before{
    background: #F60;
}

.nps-container .ButtonGroup_button input[type=radio] {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    left: 0;
}

.nps-container input[type="radio"] {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}

.nps-botoes-container label > div{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 60px;
}

.phone .nps-botoes-container,
.phone .nps-container .form-item-container{
    flex-direction: column;
}

.phone .nps-botoes-container label {
    width: 100%;
}

/*------------------------------------*\
    $ Notes2
\*-------------------------------------*/

.ListNotes2 {
    padding: 40px 20px;
    border: solid 1px #e4e4e4;
}
.troca-mensagens .ListNotes2 {
    padding: 30px;
}
.AlignMiddle {
    display: table;
    height: 100%;
    width: 100%;
}
.AlignMiddle .ListNotes2 {
    display: table-cell;
    vertical-align: middle;
}
.Box .ListNotes2 {
    margin-bottom: 0;
    margin-top: 0;
}
.ListNotes2_icon {
    font-size: 35px;
    text-align: center;
}
.Warning .ListNotes2_icon {
    color: var(--color-primary);
}
.Error .ListNotes2_icon {
    color: var(--color-error);
}
.Info .ListNotes2_icon {
    color: var(--color-primary);
}
.Success .ListNotes2_icon {
    color: var(--color-success);
}
.ListNotes2_title,
.ListNotes2_subtitle {
    color: var(--color-primary);
    font-weight: 400;
    padding-top: 30px;
    text-align: center;
}
.ListNotes2_title {
    font-weight: bold;
    font-size: 1.05em;
}
.ListNotes2_subtitle{
    color: #666;
    font-size: 1.25em;
}
.ListNotes2_text {
    padding-top: 20px;
    text-align: center;
}

@media print {
    .header__top, .header__bottom, .header__logins, 
    .scroll-to_top, .webcareslot1, .webcareslot2, 
    .login__footer, .main-content__breadcrumbs {
        display: none;
    }

    .scroll-to_top {
        display: none !important;
    }

    .header__container {
        position:absolute;
        max-width: 1440px;
        padding: 10px 20px;
    }
    
    div::part(acsb-trigger) {
        display:none;
    }

    .header__center {
        padding:0;
    }
}

@page {
    margin: 50px 0;
}

/***********************************
        CardsHomeLeftIcon
***********************************/
.CardHomeLeftIcon {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    padding: 20px;
    position: relative;
}

.CardHomeLeftIcon:not(.CardHomeLeftIcon_expandable) {
    cursor: default;
}

.CardHomeLeftIcon.open {
    border-radius: 0;
}

.CardHomeLeftIcon_icon {
    color: #f60;
    display: table-cell;
    min-width: 55px;
    text-align: left;
    vertical-align: middle;
    width: 55px;
}

.CardHomeLeftIcon.CardHomeLeftIcon_expandable.open {
    border-radius: 4px;
    height: 600px;
    left: 50%;
    margin-top: -300px;
    margin-left: -372px;
    padding: 50px 80px 40px 80px;
    pointer-events: auto;
    top: 50%;
    width: 728px;
}

.desktop.small .CardHomeLeftIcon.CardHomeLeftIcon_expandable.open {
    left: 268px;
    margin-left: 0;
}

.desktop.small.wideTablet .CardHomeLeftIcon.CardHomeLeftIcon_expandable.open {
    left: 50%;
    margin-left: -244px;
}

.tablet.landscape .CardHomeLeftIcon.CardHomeLeftIcon_expandable.open {
    left: 250px;
    margin-left: 0;
    width: 765px;
}

.tablet.portrait .CardHomeLeftIcon.CardHomeLeftIcon_expandable.open,
.BPITablet .CardHomeLeftIcon.CardHomeLeftIcon_expandable.open {
    left: 10px;
    margin-left: 0;
    width: 748px;
}

.AndroidBrowser .CardHomeLeftIcon.CardHomeLeftIcon_expandable.open {
    left: 0;
    top: 0;
    transform: translate(0, 0) !important;
    width: 100% !important;
    z-index: 10000;
}

.CardHomeLeftIcon.CardHomeLeftIcon_gray .CardHomeLeftIcon_icon {
    color: #666;
}

.CardHomeLeftIcon:not(.open) .CardHomeLeftIcon_icon {
    left: 15px;
    margin-top: -3px;
    position: absolute;
    text-align: center;
}

.CardHomeLeftIcon_icon .icon {
    font-size: 30px;
}

.CardHomeLeftIcon.CardHomeLeftIcon_isAlert .CardHomeLeftIcon_icon .icon:after {
    border-radius: 50%;
    content: "\ea2d";
    color: #ec142c;
    font-family: 'bpifont';
    font-size: 13px;
    left: 0;
    position: absolute;
    top: 0;
}

.CardHomeLeftIcon_content {
    width: 100%;
}

.CardHomeLeftIcon .Title {
    color: #f60;
    font-family: "roboto-condensed-bold";
    font-size: 16px;
    line-height: 22px;
}

.CardHomeLeftIcon.CardHomeLeftIcon_gray .Title {
    color: #666666;
}

.CardHomeLeftIcon:not(.open) .Title,
.CardHomeLeftIcon:not(.open) .CardType,
.CardHomeLeftIcon:not(.open) .CardPaddingLeft,
.CardHomeLeftIcon:not(.open) .SecondaryInfo {
    display: block;
    margin-left: 60px;
    margin-right: 60px;
    padding-left: 0;
    text-align: left;
}

.CardHomeLeftIcon .CardType {
    color: #999;
    display: inline-block;
    font-size: 11px;
    padding-right: 7px;
    text-align: left;
    width: auto;
}

.homepage-layout .CardHomeLeftIcon .CardType {
    text-transform: none;
}

.CardHomeLeftIcon .CardType:empty {
    display: none;
}

.CardHomeLeftIcon .SecondaryInfo {
    color: #999;
    font-size: 11px;
    padding-left: 7px;
    text-align: right;
    width: 40%;
}

.CardHomeLeftIcon .SecondaryInfo .CardHomeLeftIcon_link_icon {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
}

.CardHomeLeftIcon .SecondaryInfo .CardHomeLeftIcon_link_icon a {
    font-size: 15px;
}

.CardHomeLeftIcon .SecondaryInfo:empty {
    display: none;
}

.CardHomeLeftIcon .Text {
    color: #666;
    font-size: 12px;
    line-height: 16px;
    padding-top: 10px;
}

.CardHomeLeftIcon .Text:empty {
    display: none !important;
}

.CardHomeLeftIcon .Text,
.CardHomeLeftIcon.oneItem:not(.open) .CardHomeSlideItem_text {
    font-size: 12px;
}

.CardHomeLeftIcon .Text .RowSimpleContainer {
    padding-top: 15px;
}

.CardHomeLeftIcon_expandable_icon,
.CardHomeLeftIcon_collapse_icon {
    display: none;
}

.CardHomeLeftIcon_cardList {
    padding-top: 15px;
}

.OverlayCardsHomepage {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1002;
}

.CardsHomepageContainer .CardHomeLeftIcon .MainContentMargin {
    border: none;
}

.open .CardHomeLeftIcon_cardList {
    padding-top: 15px;
    overflow-x: hidden;
}

/*------------------------------------*\
        $ Card Destaques
\*------------------------------------*/
.card-destaques {
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 1px;
    position: relative;
}

.card-destaques-icon-close {
    position: absolute;
    top: 18px;
    right: 16px;
    z-index: 1;
    font-size: 16px;
    color: #dadada;
}

.card-destaques-icon-close a{ 
    color: #c2c2c2;
}

.card-destaques-icon-close a .icon:not(.icon-circle) {
    margin: 0;
    padding: 0;
}

.card-destaques-content {
    line-height: 1.2;
    white-space: pre-wrap;
}

.card-destaques .CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_expandable_icon{
    right: 38px;
}

.card-destaques-content .progress-bar-container:last-child {
    border-bottom-width: 0;
}

.card-destaques-content .progress-bar-container {
    border-width: 0 0 1px 0;
}
.card-destaques-content .progress-bar-container-progress {
    display: block;
    height: 100%;
    padding: 10px 20px;
    padding-right: 0px;
    width:100%;
}

.card-destaques .CardHomeLeftIcon:not(.open) .Title .CardType {
     margin-left: 0;
    font-family: 'Lucida Sans Unicode', Verdana, sans-serif;
    font-weight: normal;
    line-height: 1;
} 

/*Card Destaques in carousel*/

.carousel .card-destaques {
    min-height: 290px;
}

.ie .carousel .card-destaques-content .progress-bar-container-progress {
    height: auto;
}

.carousel .card-destaques-content .progress-bar-container-progress {
    height: fit-content;
    padding: 0;
}

.carousel .card-destaques-content .vertical-layout .progress-bar {
     height: 100%;
}

.ie .carousel .card-destaques-content .vertical-layout .progress-bar {
     height: auto;
}

.carousel .card-destaques .vertical-layout .progress-bar-info-container .category-name {
    margin: 0;
}

.carousel .card-destaques .vertical-layout.progress-bar-container {
    height: 88px;
    margin-top: 20px;
}

.carousel .card-destaques .vertical-layout .progress-bar-inner {
    display:none;
}

.carousel .card-destaques .Buttons .Buttons_Left {
    padding-top: 0;
}

.carousel .card-destaques .vertical-layout .progress-bar-inner-text {
    color: #666;
    left: 100%;
    transform: translate(15%, 124%);
}

.carousel .card-destaques .CardHomeLeftIcon:not(.open) .Text, 
.carousel .card-destaques .CardHomeLeftIcon:not(.open) .CardHomeLeftIcon_cardList{
        min-height: 44px;
}

.carousel .card-destaques .CardHomeLeftIcon:not(.open) .Title,
.carousel .card-destaques .CardHomeLeftIcon:not(.open) .CardType,
.carousel .card-destaques .CardHomeLeftIcon:not(.open) .CardPaddingLeft, 
.carousel .card-destaques .CardHomeLeftIcon:not(.open) .SecondaryInfo {
    margin-right: 50px;
}

.carousel .card-destaques .Clickable.vertical-layout .amount .amount-label,
.carousel .card-destaques .vertical-layout .amount .amount-label {
    display: none;
}

.carousel .card-destaques .CardHomeLeftIcon_cardList {
    padding-top: 0;
}

.carousel .card-destaques .CardHomeLeftIcon .Title .RowSimple_rightText a.Button,
.carousel .card-destaques .Button {
    margin-top: 0;
}

.carousel .card-destaques .CardHomeSlideContainer {
    padding-top: 15px;
}

.carousel .card-destaques .CardHomeLeftIcon .RowSimple_leftText .CardType {
    margin-left: 0;
    font-family: 'Lucida Sans Unicode', Verdana, sans-serif;
    font-weight: normal;
    line-height: 1;
}

.carousel .card-destaques .Buttons.ButtonsControls{
    padding-right: 0;
}

/*------------------------------------*\
        $ CardHomeSlideContainer
\*------------------------------------*/

.CardHomeSlideContainer {
    height: 100%;
    opacity: 1;
    overflow: hidden;
}

.CardHomeLeftIcon.oneItem .CardHomeSlideContainer {
    overflow: initial;
}

.CardHomeSlideContainer.FadeOut {
    opacity: 0;
}

.CardHomeLeftIcon.CardHomeLeftIcon_expandable.multipleItem.open .CardHomeLeftIcon_cardList {
    height: 100%;
}

.CardHomeLeftIcon:not(.open) .CardHomeSlideContainer .CardSimpleAppMobile__actions {
    display: none;
}

.CardHomeLeftIcon_expandable.open .CardHomeSlideContainer .CardSimpleAppMobile__actions {
    display: block;
    line-height: 45px;
    width: 100%;
}

.CardHomeSlideContainer .CardSimpleAppMobile__actions {
    text-align: center;
}

.CardHomeSlideContainer .CardSimpleAppMobile__actions a {
    color: #006;
}

.CardHomeSlideContainer_pager {
    padding-bottom: 22px;
    padding-top: 10px;
}

.desktop .CardHomeSlideContainer_pager {
    display: none;
}

.CardHomeSlideContainer_pager_bullet {
    background: #ffc39a;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    margin-left: 3px;
    margin-right: 3px;
    width: 8px;
}

.CardHomeSlideContainer_pager_bullet-active {
    background: #f60;
    opacity: 1;
}
/*------------------------------------*\
        $ CardHomeSlideItem
\*------------------------------------*/

/*------------------------------------*\
        $ CardHomeSlideItem
\*------------------------------------*/
.CardHomeLeftIcon_expandable.oneItem .CardHomeSlideItem.FadeOut {
    padding-top: 12px;
}

.CardHomeLeftIcon_expandable.oneItem .CardHomeSlideItem.expanded .CardHomeSlideItem_img {
    display: block;
    margin: 0 auto;
    width: 95%;
}

.CardHomeLeftIcon.oneItem .CardHomeSlideItem_img:empty,
.CardHomeLeftIcon_expandable.oneItem .CardHomeSlideItem_img:empty {
    display: none;
}

.CardHomeLeftIcon.oneItem .CardHomeSlideItem_img {
    display: flex;
    margin-right: 15px;
    width: 150px;
}

.CardHomeLeftIcon .CardHomeSlideItem_label {
    font-weight: 700;
    padding-top: 8px;
    white-space: normal;
}

.CardHomeLeftIcon.multipleItem:not(.open) .CardHomeSlideItem_label {
    padding: 8px 10px 5px;
}

.CardHomeLeftIcon.oneItem:not(.open) .CardHomeSlideItem_text {
    padding: 0px;
    vertical-align: top;
}

.CardHomeLeftIcon a .CardHomeSlideItem_label,
.CardHomeLeftIcon a .CardHomeSlideItem_text {
    color: #666;
}

.CardHomeLeftIcon.oneItem .CardHomeSlideItem_label {
    display: none;
}

.CardHomeLeftIcon .CardHomeSlideItem_text .Button {
    display: block;
    margin-left: 0px;
    max-width: 100%;
    width: auto;
}

.CardHomeLeftIcon.oneItem .CardHomeSlideItem_text {
    display: table-cell;
    padding-left: 10px;
}

.CardHomeLeftIcon.multipleItem .CardHomeSlideItem_text,
.CardHomeLeftIcon.multipleItem .CardHomeSlideItem_textFull {
    display: none;
}

.CardHomeLeftIcon.oneItem .CardHomeSlideItem.expanded .CardHomeSlideItem_text {
    display: none;
}

.CardHomeLeftIcon.oneItem .CardHomeSlideItem_textFull {
    display: none;
    opacity: 0;
    -webkit-transition: opacity 150ms ease;
    -moz-transition: opacity 150ms ease;
    -o-transition: opacity 150ms ease;
    transition: opacity 150ms ease;
}

.CardHomeLeftIcon_expandable.oneItem .CardHomeSlideItem.expanded>div {
    height: 445px;
    overflow-y: auto;
}

.CardHomeLeftIcon_expandable.oneItem .CardHomeSlideItem.expanded .CardHomeSlideItem_textFull {
    display: block;
    margin-top: 20px;
    opacity: 1;
}

.CardHomeLeftIcon.multipleItem .CardHomeSlideItem {
    cursor: pointer;
    display: inline-block;
    margin: 0 7px;
    vertical-align: top;
    width: 140px;
}

.CardHomeLeftIcon.multipleItem:not(.open) .CardHomeSlideItem {
    margin: 0 10px 0 0;
}

.CardHomeLeftIcon.multipleItem:not(.open) .CardHomeSlideItem:last-child {
    margin-right: 0;
}

.CardHomeLeftIcon.multipleItem:not(.open) .CardHomeSlideItem>div,
.CardHomeLeftIcon.oneItem:not(.open) .CardHomeSlideItem>div {
    border-radius: 4px;
    box-shadow: none;
    height: initial !important;
    overflow: hidden;
}

.CardHomeLeftIcon.multipleItem .CardHomeSlideContainer_items {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 2px;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.Page.desktop .CardHomeLeftIcon.multipleItem .CardHomeSlideContainer_items {
    overflow-x: hidden;
}

.CardHomeLeftIcon_expandable.multipleItem .CardHomeSlideItem.expanded {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

.CardHomeLeftIcon_expandable.multipleItem .CardHomeSlideItem.expanded>div {
    border: none;
    height: 445px;
    margin: 0;
    overflow-y: auto;
    padding: 0 0 5px;
}

.CardHomeLeftIcon_expandable.multipleItem .CardHomeSlideItem.expanded .CardHomeSlideItem_textFull {
    margin-top: 10px;
}

.CardHomeLeftIcon_expandable.multipleItem.open .CardHomeSlideContainer_items {
    overflow-x: initial;
    overflow-y: initial;
    white-space: initial;
}

.CardHomeLeftIcon_expandable.multipleItem.open .CardHomeSlideItem_text,
.CardHomeLeftIcon_expandable.multipleItem.open .CardHomeSlideItem_textFull {
    display: block;
}

.CardHomeLeftIcon.multipleItem .CardHomeSlideItem_img img,
.CardHomeLeftIcon.oneItem .CardHomeSlideItem_img img {
    width: 100%;
}

.CardHomeLeftIcon.oneItem .CardHomeSlideItem_img img {
    border-radius: 4px;
}


.CardHomeLeftIcon_expandable {
    transform: translate(0, 0);
    width: 100%
}

.CardHomeLeftIcon_expandable.open {
    height: 100%;
    margin-top: 0;
    overflow: hidden;
    position: fixed;
    transform: translate(0, 0);
    width: 100%;
    z-index: 1500;
}

.CardHomeLeftIcon_expandable .CardHomeLeftIcon_content {
    padding-right: 20px;
}

.ExpandableBlock_fake {
    margin-bottom: 20px;
}

.CardHomeLeftIcon .CardHomeLeftIcon_expandable_icon,
.CardHomeLeftIcon .CardHomeLeftIcon_collapse_icon {
    display: none;
}

.CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_expandable_icon,
.CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_collapse_icon {
    color: #006;
    font-weight: bold;
    height: 70px;
    overflow: hidden;
    padding-left: 15px;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
}

.desktop .CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_expandable_icon:hover,
.desktop .CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_collapse_icon:hover {
    cursor: pointer;
}

.CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_expandable_icon {
    border-top-right-radius: 4px;
    display: inline-flex;
}

.CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_expandable_icon .fa,
.CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_collapse_icon .fa {
    line-height: 40px;
}

.CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_expandable_icon .icon,
.CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_collapse_icon .icon {
    border-radius: 50%;
    box-shadow: 50px -50px 0 0 #fff;
    font-weight: bold;
    height: 150px;
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
}

.CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_collapse_icon .icon {
    right: 10px;
    top: 10px;
}

.CardHomeLeftIcon_expandable_icon .icon:before,
.CardHomeLeftIcon_collapse_icon .icon:before {
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    top: 3px;
    right: 4px;
}

.CardHomeLeftIcon_expandable_icon .icon:before,
.CardHomeLeftIcon_collapse_icon .icon:before,
.CardsHomepageContainer .CardSimpleImage_icon .icon:before {
    right: 15px;
    top: 15px;
}

.CardHomeLeftIcon_collapse_icon .icon:before {
    content: "\e9b3";
}


.CardHomeLeftIcon {
    box-shadow: none;
    border: 1px solid #dadada;
}

/*AR*/

.CardHomeLeftIcon:not(.open) .CardHomeSlideItem:only-child .CardHomeSlideItem_img {
    display: inline-block;
    margin-right: 4%;
    width: 30%;
    vertical-align: top;
}

.CardHomeLeftIcon:not(.open) .CardHomeSlideItem:only-child .CardHomeSlideItem_img:empty {
    display: none;
}

.CardHomeSlideItem:only-child .CardHomeSlideItem_img img {
    width: 100%;
}

.CardHomeLeftIcon:not(.open) .CardHomeSlideItem:only-child .CardHomeSlideItem_label {
    display: none;
}

.CardHomeLeftIcon:not(.open) .CardHomeSlideItem:only-child .CardHomeSlideItem_img:empty~.CardHomeSlideItem_text {
    width: 100%;
}

.CardHomeLeftIcon:not(.open) .CardHomeSlideItem:only-child .CardHomeSlideItem_text {
    display: inline-block;
    width: 66%;
}

.CardHomeLeftIcon:not(.open) .CardHomeSlideItem:only-child .CardHomeSlideItem_text>div {
    display: block;
}

.CardHomeLeftIcon:not(.open) .CardHomeSlideItem:only-child .CardHomeSlideItem_textFull {
    display: none;
}

.CardHomeLeftIcon:not(.open) .Text .Button,
.CardHomeLeftIcon:not(.open) .CardHomeSlideItem:only-child .CardHomeSlideItem_text .Button {
    float: right;
    margin-top: 5px;
}

.CardHomeLeftIcon:not(.open) .Text,
.CardHomeLeftIcon:not(.open) .CardHomeLeftIcon_cardList {
    padding-left: 60px;
    padding-right: 50px;
}

.CardHomeSlideItem.expanded .CardHomeSlideItem_textFull ul {
    padding-top: 10px;
    padding-bottom: 20px;
    padding: 10px 10px 20px 15px;
}

.CardHomeSlideItem.expanded .CardHomeSlideItem_textFull ul li {
    list-style: none;
}

.CardHomeSlideItem.expanded .CardHomeSlideItem_textFull ul li:before {
    background: #f60;
    content: " ";
    display: block;
    float: left;
    height: 6px;
    margin: 6px 7px 0 -15px;
    width: 6px;
}

/* is wrap text*/
.CardHomeLeftIcon.is-wrap-text:not(.open) .CardHomeSlideItem:only-child .CardHomeSlideItem_img {
    float: left;
    margin-bottom: 5px;
}

.CardHomeLeftIcon.is-wrap-text:not(.open) .CardHomeSlideItem:only-child .CardHomeSlideItem_text {
    display: block;
    width: 100%;
}

.CardHomeLeftIcon.is-wrap-text:not(.open) .Text,
.CardHomeLeftIcon:not(.open) .CardHomeLeftIcon_cardList {
    display: inline-block;
    width: 100%;
}


.CardHomeBirthday {
    background-color: #d8d8d8;
    border: 1px solid #dadada;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 10px;
    padding: 20px;
    position: relative;
}

.CardHomeBirthday_backgroundImage {
    display: inline-block;
    padding-left: 105px;
    padding-right: 20px;
    vertical-align: top;
    width: 40%;
}

.CardHomeBirthday_content {
    display: inline-block;
    vertical-align: top;
}

.CardHomeBirthday_content .Title {
    color: #f60;
    font-family: "tradegothicbold";
    font-size: 24px;
    padding: 30px 30px 20px 0;
}

.CardHomeBirthday_content .Text {
    color: #666;
    font-size: 16px;
    padding-right: 10px;
}
/*------------------------------------*\
        $ CardHomeSlideItem
\*------------------------------------*/

.CardHomeLeftIcon_expandable.oneItem .CardHomeSlideItem.FadeOut {
    padding-top: 12px;
}

.CardHomeLeftIcon_expandable.oneItem .CardHomeSlideItem.expanded .CardHomeSlideItem_img {
    display: block;
    margin: 0 auto;
    width: 95%;
}

.CardHomeLeftIcon.oneItem .CardHomeSlideItem_img:empty,
.CardHomeLeftIcon_expandable.oneItem .CardHomeSlideItem_img:empty {
    display: none;
}

.CardHomeLeftIcon.oneItem .CardHomeSlideItem_img {
    display: table-cell;
    width: 150px;
    margin-right: 15px;
}

.CardHomeLeftIcon .CardHomeSlideItem_label {
    font-weight: 700;
    padding-top: 8px;
    white-space: normal;
}

.CardHomeLeftIcon.multipleItem:not(.open) .CardHomeSlideItem_label {
    padding: 8px 10px 5px;
}

.CardHomeLeftIcon.oneItem:not(.open) .CardHomeSlideItem_text {
    padding: 0px;
    vertical-align: top;
}

.CardHomeLeftIcon a .CardHomeSlideItem_label,
.CardHomeLeftIcon a .CardHomeSlideItem_text {
    color: #666;
}

.CardHomeLeftIcon.oneItem .CardHomeSlideItem_label {
    display: none;
}

.CardHomeLeftIcon .CardHomeSlideItem_text .Button {
    display: block;
    margin-left: 0px;
    max-width: 166px;
    width: 100%;
}

.CardHomeLeftIcon.oneItem .CardHomeSlideItem_text {
    display: table-cell;
    padding-left: 10px;
}

.CardHomeLeftIcon.multipleItem .CardHomeSlideItem_text,
.CardHomeLeftIcon.multipleItem .CardHomeSlideItem_textFull {
    display: none;
}

.CardHomeLeftIcon.oneItem .CardHomeSlideItem.expanded .CardHomeSlideItem_text {
    display: none;
}

.CardHomeLeftIcon.oneItem .CardHomeSlideItem_textFull {
    display: none;
    opacity: 0;
    -webkit-transition: opacity 150ms ease;
    -moz-transition: opacity 150ms ease;
    -o-transition: opacity 150ms ease;
    transition: opacity 150ms ease;
}

.CardHomeSlideItem.expanded .CardHomeSlideItem_textFull ul {
    padding-top: 10px;
    padding-bottom:20px;
    padding: 10px 10px 20px 15px;
}

.CardHomeSlideItem.expanded .CardHomeSlideItem_textFull ul li {
    list-style: none;
}

.CardHomeSlideItem.expanded .CardHomeSlideItem_textFull ul li:before {
    background: #f60;
    content: " ";
    display: block;
    float: left;
    height: 6px;
    margin: 6px 7px 0 -15px;
    width: 6px;
}

.CardHomeLeftIcon_expandable.oneItem .CardHomeSlideItem.expanded > div {
    height: 445px;
    overflow-y: auto;
}

.CardHomeLeftIcon_expandable.oneItem .CardHomeSlideItem.expanded .CardHomeSlideItem_textFull {
    display: block;
    margin-top: 20px;
    opacity: 1;
}

.CardHomeLeftIcon.multipleItem .CardHomeSlideItem {
    display: inline-block;
    margin: 0 7px;
    vertical-align: top;
    width: 140px;
    cursor: pointer;
}

.CardHomeLeftIcon.multipleItem:not(.open) .CardHomeSlideItem {
    margin: 0 14px 0 0;
}

.CardHomeLeftIcon.multipleItem:not(.open) .CardHomeSlideItem > div,
.CardHomeLeftIcon.oneItem:not(.open) .CardHomeSlideItem > div {
    border-radius: 4px;
    box-shadow: none;
    height: initial !important;
    overflow: hidden;
}

.CardHomeLeftIcon.multipleItem .CardHomeSlideContainer_items {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 2px;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.Page.desktop .CardHomeLeftIcon.multipleItem .CardHomeSlideContainer_items {
    overflow-x: hidden;
}

.CardHomeLeftIcon_expandable.multipleItem .CardHomeSlideItem.expanded {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

.CardHomeLeftIcon_expandable.multipleItem .CardHomeSlideItem.expanded > div {
    border: none;
    height: 445px;
    margin: 0;
    overflow-y: auto;
    padding: 0 0 5px;
}

.CardHomeLeftIcon_expandable.multipleItem .CardHomeSlideItem.expanded .CardHomeSlideItem_textFull {
    margin-top: 10px;
}

.CardHomeLeftIcon_expandable.multipleItem.open .CardHomeSlideContainer_items {
    overflow-x: initial;
    overflow-y: initial;
    white-space: initial;
}

.CardHomeLeftIcon_expandable.multipleItem.open .CardHomeSlideItem_text,
.CardHomeLeftIcon_expandable.multipleItem.open .CardHomeSlideItem_textFull {
    display: block;
}

.CardHomeLeftIcon.multipleItem .CardHomeSlideItem_img img,
.CardHomeLeftIcon.oneItem .CardHomeSlideItem_img img {
    width: 100%;
}

.CardHomeLeftIcon.oneItem .CardHomeSlideItem_img img {
    border-radius: 4px;
}

.CardHomeLeftIcon_expandable {
    transform: translate(0, 0);
    width: 100%
}
.CardHomeLeftIcon_expandable.open {
    height: 100%;
    margin-top: 0;
    overflow: hidden;
    position: fixed;
    transform: translate(0, 0);
    width: 100%;
    z-index: 1500;
}
.CardHomeLeftIcon_expandable .CardHomeLeftIcon_content {
    padding-right: 20px;
}
.ExpandableBlock_fake {
    margin-bottom: 20px;
}
.CardHomeLeftIcon .CardHomeLeftIcon_expandable_icon,
.CardHomeLeftIcon .CardHomeLeftIcon_collapse_icon {
    display: none;
}
.CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_expandable_icon,
.CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_collapse_icon {
    color: #006;
    font-weight: bold;
    height: 70px;
    overflow: hidden;
    padding-left: 15px;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
}
.desktop .CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_expandable_icon:hover,
.desktop .CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_collapse_icon:hover {
    cursor: pointer;
}
.CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_expandable_icon {
    border-top-right-radius: 4px;
    display: table-cell;
}
.CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_expandable_icon .fa,
.CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_collapse_icon .fa {
    line-height: 40px;
}
.CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_expandable_icon .icon,
.CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_collapse_icon .icon {
    border-radius: 50%;
    box-shadow: 50px -50px 0 0 #fff;
    font-weight: bold;
    height: 150px;
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
}
.CardHomeLeftIcon.CardHomeLeftIcon_expandable .CardHomeLeftIcon_collapse_icon .icon {
    right: 10px;
    top: 10px;
}
.CardHomeLeftIcon_expandable_icon .icon:before,
.CardHomeLeftIcon_collapse_icon .icon:before {
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    top: 3px;
    right: 4px;
}
.CardHomeLeftIcon_expandable_icon .icon:before,
.CardHomeLeftIcon_collapse_icon .icon:before,
.CardsHomepageContainer .CardSimpleImage_icon .icon:before {
    top: 15px;
    right: 15px;
}
.CardHomeLeftIcon_collapse_icon .icon:before {
    content: "\e9b3";
}
.CardHomeLeftIcon_cardList .slider-prev-arrow,
.CardHomeLeftIcon_cardList .slider-next-arrow {
    height: 40px;
    line-height: 38px;
    margin-top: -20px;
    width: 40px;
}
.CardHomeLeftIcon {
    box-shadow: none;
    border: 1px solid #dadada;
}

.CardHomeLeftIcon:not(.open) .CardHomeSlideItem:only-child .CardHomeSlideItem_img {
    display: inline-block;
    margin-right: 4%;
    width: 30%;
}
.CardHomeLeftIcon:not(.open) .CardHomeSlideItem:only-child .CardHomeSlideItem_img:empty {
    display: none;
}
.CardHomeSlideItem:only-child .CardHomeSlideItem_img img {
    width: 100%;
}
.CardHomeLeftIcon:not(.open) .CardHomeSlideItem:only-child .CardHomeSlideItem_label {
    display: none;
}
.CardHomeLeftIcon:not(.open) .CardHomeSlideItem:only-child .CardHomeSlideItem_text {
    display: inline-block;
    width: 66%;
}
.CardHomeLeftIcon:not(.open) .CardHomeSlideItem:only-child .CardHomeSlideItem_textFull {
    display: none;
}
.CardHomeLeftIcon:not(.open) .Text,
.CardHomeLeftIcon:not(.open) .CardHomeLeftIcon_cardList {
    padding-left: 60px;
    padding-right: 50px;
}

.CardHomeLeftIcon .CardHomeSlideItem_textFull .Button{
    text-align: center;
    padding: 0 15px;
    cursor: pointer;
}

.CardHomeLeftIcon .CardHomeSlideItem_textFull .Button:hover{
    background-color: #006;
    color: #fff;
}

/*------------------------------------*\
        $ RowSimpleContainer
\*------------------------------------*/

.RowSimpleContainer .RowSimple {
    border-bottom: 1px solid var(--color-grey);
    display: table;
    padding: 5px 0;
    width: 100%;
}
.RowSimpleContainer .RowSimple:first-child {
    border-top: 1px solid var(--color-grey);
}
.RowSimpleContainer .RowSimple .RowSimple_leftText,
.RowSimpleContainer .RowSimple .RowSimple_rightText {
    display: table-cell;
}
.RowSimpleContainer .RowSimple .RowSimple_leftText {
    color: var(--color-wealth-dark-grey);
    font-size: 12px;
    text-align: left;
}
.RowSimpleContainer .RowSimple .RowSimple_rightText {
    color: var(--color-neutral-8);
    text-align: right;
    white-space: nowrap;
}