@charset "UTF-8";
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

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

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

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

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

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

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

td,
th {
  padding: 0;
}

body,
html {
  height: 100vh;
}

body {
  font-size: 100%;
  font-family: Roboto, serif;
  color: #b1b3b4;
  position: relative;
}

p {
  font-size: 1.4em;
  line-height: 1.6em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 8vw;
  line-height: 1.2em;
}

@media (min-width: 768px) and (orientation: landscape) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 4vw;
  }
}
h2 {
  font-size: 7vw;
}

@media (min-width: 768px) and (orientation: landscape) {
  h2 {
    font-size: 3.5vw;
  }
}
h3 {
  font-size: 6vw;
}

@media (min-width: 768px) and (orientation: landscape) {
  h3 {
    font-size: 3vw;
  }
}
h4 {
  font-size: 5vw;
}

@media (min-width: 768px) and (orientation: landscape) {
  h4 {
    font-size: 2.5vw;
  }
}
.clear-both {
  clear: both;
  display: block;
  overflow: hidden;
}

.sticky-header {
  z-index: 9 !important;
}

.mobile-only {
  display: block;
}

@media only all and (min-width: 768px) {
  .mobile-only {
    display: none;
  }
}
.desktop-only {
  display: none;
}

@media only all and (min-width: 768px) {
  .desktop-only {
    display: block;
  }
}
body {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.5;
  font-weight: 500;
  margin: 0 0 .75;
  color: #707173;
  position: relative;
}

h1 {
  font-family: Roboto Slab, Arial, sans-serif;
  font-size: 3.75em;
}

h2 {
  font-size: 2.25em;
  text-align: center;
  margin-bottom: 0;
}

h2,
h3 {
  font-family: Roboto Slab, Arial, sans-serif;
  font-weight: 400;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-family: Roboto Slab, Arial, sans-serif;
  font-size: 3em;
}

h5 {
  font-size: 1.5em;
}

h6 {
  text-transform: uppercase;
  font-weight: 700;
}

h6,
p {
  font-size: 1em;
}

p {
  position: relative;
  line-height: 1.5;
  color: #c6c7c8;
  margin: 0 0 1.8em;
}

b,
strong {
  font-weight: 700;
}

mark {
  background: #007bc7;
}

small {
  font-size: 0.75em;
}

.plano-previdencia h6 {
  text-align: center;
  margin-bottom: 0;
}

@media screen and (max-width: 580px) {
  h2 {
    font-size: 1.75em;
  }
}
@media screen and (max-width: 460px) {
  h2 {
    font-size: 1.5em;
  }
}
*,
:after,
:before {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

audio,
canvas,
img,
svg,
video {
  vertical-align: middle;
}

img {
  max-width: 100%;
}

nav li,
nav ul {
  margin: 0;
  padding: 0;
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    text-shadow: none !important;
  }

  body {
    margin: 0;
    padding: 0;
    line-height: 1.4;
    font: 12pt Georgia, Times New Roman, Times, serif;
    color: #000;
  }

  @page {
    margin: 1.5cm;
  }
  .site-container,
  .wrap {
    width: 100%;
    margin: 0;
    float: none !important;
  }

  .no-print,
  audio,
  embed,
  footer,
  nav,
  object,
  video {
    display: none;
  }

  .print,
  aside {
    display: block;
  }

  aside {
    page-break-before: always;
  }

  h1 {
    font-size: 24pt;
  }

  h2 {
    font-size: 18pt;
  }

  h3 {
    font-size: 14pt;
  }

  p {
    font-size: 12pt;
    widows: 3;
    orphans: 3;
  }

  p a {
    word-wrap: break-word;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a:link:after,
  a:visited:after {
    content: " (" attr(href) ") ";
  }

  q:after {
    content: " (" attr(cite) ")";
  }

  a:after,
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  .page-break {
    page-break-before: always;
  }
}
.breadcrumbs {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 65.66667%;
  margin-left: 0;
  margin-right: 3%;
  padding: 1.5em 0;
}

.breadcrumbs:after,
.breadcrumbs:before {
  content: "";
  display: table;
}

.breadcrumbs:after {
  clear: both;
}

.breadcrumbs:last-child {
  margin-right: 0;
}

.breadcrumbs li {
  list-style: none;
  display: inline-block;
  font-size: .875em;
  margin-right: 1em;
}

.breadcrumbs li a {
  color: #b1b3b4;
  line-height: 1;
}

.breadcrumbs li:after {
  content: "/";
  margin-left: 1em;
  color: #ddd;
}

.breadcrumbs li:last-child a {
  color: #3fadc2;
  text-decoration: none;
}

.breadcrumbs li:last-child:after {
  content: " ";
}

@media screen and (max-width: 1280px) {
  .breadcrumbs {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 57.08333%;
    margin-left: 0;
    margin-right: 3%;
  }

  .breadcrumbs:after,
  .breadcrumbs:before {
    content: "";
    display: table;
  }

  .breadcrumbs:after {
    clear: both;
  }

  .breadcrumbs:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 920px) {
  .breadcrumbs {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
  }

  .breadcrumbs:after,
  .breadcrumbs:before {
    content: "";
    display: table;
  }

  .breadcrumbs:after {
    clear: both;
  }

  .breadcrumbs:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 780px) {
  .breadcrumbs {
    display: none;
  }
}
.button {
  border-radius: 3px;
  background-clip: padding-box;
  background: #3fadc2;
  color: #fffdfd;
  border: 1px solid #328b9c;
  padding: .35em 1.25em;
  line-height: 1;
  font-size: .7875em;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all .3s;
          transition: all .3s;
  text-align: center;
}

@media only all and (min-width: 768px) {
  .button {
    padding: .35em 1.1em .2em;
    line-height: 1;
    font-size: 0.875em;
  }
}
.button:hover {
  background: #66bece;
  color: #fff;
}

.button:disabled {
  background: #707173;
  border: 1px solid #4a4b4c;
}

.button:disabled:hover {
  background: #7d7e80;
}

.button.is-gray {
  background: #707173;
  border: 1px solid #4a4b4c;
}

.button.is-gray:hover {
  background: #636466;
}

.button.is-green {
  background: #12ab45;
  border: 1px solid #0d7d32;
}

.button.is-green:hover {
  background: #10943c;
}

.button.is-yellow {
  background: #ffc608;
  border: 1px solid #d4a300;
  color: #1e1f21;
}

.button.is-yellow:hover {
  background: #eeb700;
}

.button.is-ghost {
  background: none;
  border: 1px solid #707173;
  color: #707173;
}

.button.is-ghost:hover {
  background: #707173;
  color: #fff;
}

.button.is-ghost.is-white {
  color: #ddd;
  border: 1px solid #ddd;
}

.button.is-ghost.is-white:hover {
  background: #fff;
  color: #707173;
}

.button.has-two-lines {
  background: #12ab45;
  border: 1px solid #0d7d32;
  padding: .75em 2em;
  font-size: 1.125em;
}

.button.has-two-lines span {
  font-size: 12px;
  margin-top: .5em;
  display: block;
  text-align: center;
  text-transform: none;
  font-weight: 300;
}

.button.has-two-lines:hover {
  background: #10943c;
}

.button.has-two-lines.is-ghost {
  background: none;
  color: #ccc;
  border-color: #ccc;
}

.button.has-two-lines.is-ghost:hover {
  background: #fff;
  color: #707173;
  border-color: #fff;
}

.button.has-arrow {
  background: url(http://xpi.com.br/rvassets/images/icon-arrow-right.png) no-repeat 16px #3fadc2;
  padding-left: 48px;
}

.button.has-arrow:hover {
  background: url(http://xpi.com.br/rvassets/images/icon-arrow-right.png) no-repeat 16px #66bece;
}

.article-table {
  width: 100%;
  position: relative;
  margin-bottom: 24px;
  border: 1px solid #ddd;
  padding: 1.5em 2em 5em;
  text-decoration: none;
  font-size: .875em;
  box-shadow: 0 6px 8px -5px rgba(161, 161, 161, 0.6);
}

.article-table th {
  border-bottom: 1px solid #ddd;
}

.article-table td,
.article-table th {
  text-align: left;
  padding: 8px 10px;
}

.article-table#pacotes-table {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 65.66667%;
  margin-left: 0;
  margin-right: 3%;
}

.article-table#pacotes-table:after,
.article-table#pacotes-table:before {
  content: "";
  display: table;
}

.article-table#pacotes-table:after {
  clear: both;
}

.article-table#pacotes-table:last-child {
  margin-right: 0;
}

.article-table--spacing-left {
  margin-left: 40px;
}

#precos-e-pacotes .article-table {
  padding-bottom: 30px;
  margin-bottom: 3em;
}

#precos-e-pacotes .article-table td {
  padding: 15px;
  border-right: 1px solid #ddd;
}

#precos-e-pacotes .article-table th {
  padding: 16px 10px;
  border-right: 1px solid #ddd;
}

#precos-e-pacotes .article-table tr {
  -webkit-transition: background 1s;
          transition: background 1s;
}

#precos-e-pacotes .article-table tr:hover {
  background-color: #ddd;
}

#precos-e-pacotes .article-table tr:last-child td {
  padding-bottom: 48px;
}

#precos-e-pacotes h3 {
  margin-bottom: 0;
}

#custos-operacionais .article-table {
  border-radius: 10px;
}

#custos-operacionais .article-table td {
  border-bottom: 1px solid #ddd;
  color: #707173;
}

#custos-operacionais .article-table td,
#custos-operacionais .article-table th {
  border-right: 1px solid #ddd;
  padding: 1em;
}

#custos-operacionais .article-table th:first-child {
  border-top-left-radius: 10px;
}

.calendar-table {
  width: 100%;
  position: relative;
  margin-bottom: 24px;
  border: none;
  font-size: .875em;
  box-shadow: 0 6px 8px -5px rgba(161, 161, 161, 0.6);
}

.calendar-table--spacing-left {
  margin-left: 40px;
}

.calendar-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

.calendar-table td span {
  display: block;
  width: 100%;
  float: none;
}

.calendar-table td span b {
  font-size: 1.2em;
}

.calendar-table td i {
  font-size: .8em;
  font-style: normal;
}

.table-pros-cons {
  padding: 75px 100px;
}

.table-pros-cons.has-border {
  border: 1px solid #ddd;
}

.table-pros-cons td:nth-child(odd) {
  text-align: right;
}

.table-pros-cons th {
  font-size: 1.3125em;
  font-weight: 300;
  padding: 0 20px 40px;
}

.table-pros-cons th:nth-child(odd) {
  text-align: right;
}

.table-pros-cons th:nth-child(2n) {
  text-align: left;
}

.table-pros-cons td {
  color: #b1b3b4;
  line-height: 25px;
  vertical-align: top;
}

.table-pros-cons h3 {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  margin-bottom: 0;
  font-size: 1em;
  color: #000;
  font-weight: 700;
  padding: 0 20px;
}

.table-pros-cons p {
  padding: 0 20px;
}

.table-pros-cons hr {
  margin: 20px 0;
  width: 100%;
  background: #ddd;
  border: none;
  height: 1px;
}

.red-x {
  background-image: url(http://xpi.com.br/rvassets/images/icons/svg/red-x.svg);
  margin-left: 15px;
  float: right;
}

.green-right,
.red-x {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-repeat: no-repeat;
}

.green-right {
  background-image: url(http://xpi.com.br/rvassets/images/icons/svg/green-right.svg);
  margin-right: 20px;
}

.plano-previdencia td {
  line-height: 1.6;
  color: #6d6e71;
}

#table-tesouro-direto {
  table-layout: fixed;
}

#table-tesouro-direto td {
  vertical-align: top;
}

@media screen and (max-width: 670px) {
  .table-pros-cons {
    padding: 75px 2.5%;
  }
}
@media screen and (max-width: 495px) {
  .calendar-table tr {
    display: inline;
  }

  .calendar-table td {
    display: block;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 20%;
    margin-left: 0;
    margin-right: 0;
  }

  .calendar-table td:after,
  .calendar-table td:before {
    content: "";
    display: table;
  }

  .calendar-table td:after {
    clear: both;
  }

  .table-pros-cons h3,
  .table-pros-cons hr,
  .table-pros-cons thead {
    display: none;
  }

  .table-pros-cons tr {
    display: block;
    width: 100%;
    float: none;
    margin-top: 42px;
  }

  .table-pros-cons tr:before {
    display: block;
    content: attr(data-title);
    font-size: 1em;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    width: 100%;
    float: none;
    padding: 10px 0;
    margin: 0 0 10px;
  }

  .table-pros-cons td {
    display: block;
    text-align: left;
    padding: 0;
    float: none;
    width: 100%;
  }

  .table-pros-cons td:before {
    content: attr(data-th) ": ";
    color: #707173;
  }

  .table-pros-cons td p {
    padding: 0;
  }

  .table-pros-cons td:nth-child(odd) {
    text-align: left;
  }

  .table-pros-cons.has-border {
    padding: 10px;
  }

  .green-right,
  .red-x {
    float: left;
    margin: 0 auto;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 380px) {
  .calendar-table td {
    display: block;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 33.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  .calendar-table td:after,
  .calendar-table td:before {
    content: "";
    display: table;
  }

  .calendar-table td:after {
    clear: both;
  }
}
@media screen and (max-width: 240px) {
  .calendar-table td {
    display: block;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }

  .calendar-table td:after,
  .calendar-table td:before {
    content: "";
    display: table;
  }

  .calendar-table td:after {
    clear: both;
  }
}
.wrap {
  *zoom: 1;
  width: auto;
  max-width: 1280px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}

.wrap:after,
.wrap:before {
  content: "";
  display: table;
}

.wrap:after {
  clear: both;
}

@media screen and (max-width: 1280px) {
  .wrap {
    *zoom: 1;
    width: auto;
    max-width: 1280px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 2em;
    padding-right: 2em;
  }

  .wrap:after,
  .wrap:before {
    content: "";
    display: table;
  }

  .wrap:after {
    clear: both;
  }
}
@media screen and (max-width: 460px) {
  .wrap {
    *zoom: 1;
    width: auto;
    max-width: 1280px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .wrap:after,
  .wrap:before {
    content: "";
    display: table;
  }

  .wrap:after {
    clear: both;
  }
}
@media screen and (max-width: 310px) {
  .wrap {
    *zoom: 1;
    width: auto;
    max-width: 1280px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 1em;
    padding-right: 1em;
  }

  .wrap:after,
  .wrap:before {
    content: "";
    display: table;
  }

  .wrap:after {
    clear: both;
  }
}
.disclaimers {
  *zoom: 1;
  width: 100%;
  margin-bottom: 3em;
  padding-top: 3em;
  border-top: 1px solid #ccc;
}

.disclaimers:after,
.disclaimers:before {
  content: "";
  display: table;
}

.disclaimers:after {
  clear: both;
}

.disclaimers img {
  float: left;
  margin-left: 0.39063%;
}

.disclaimers small {
  margin: 0 3.125%;
  text-align: left;
  font-size: .6875em;
  width: 33.75%;
  display: block;
  float: left;
  line-height: 1.2;
  color: #b1b3b4;
}

.disclaimers #bovespa {
  width: 6.01563%;
}

.disclaimers #anbima {
  width: 14.84375%;
}

.disclaimers #anbima-2 {
  width: 17.34375%;
}

.disclaimers #cetip {
  width: 5.9375%;
}

.disclaimers img.small-seal {
  vertical-align: bottom;
}

.disclaimers #ambima-disclaimer {
  *zoom: 1;
  width: 100%;
  margin-top: 120px;
}

.disclaimers #ambima-disclaimer:after,
.disclaimers #ambima-disclaimer:before {
  content: "";
  display: table;
}

.disclaimers #ambima-disclaimer:after {
  clear: both;
}

.disclaimers #ambima-disclaimer small {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 74.25%;
  margin-left: 0;
  margin-right: 3%;
  font-size: .6875em;
  color: #b1b3b4;
}

.disclaimers #ambima-disclaimer small:after,
.disclaimers #ambima-disclaimer small:before {
  content: "";
  display: table;
}

.disclaimers #ambima-disclaimer small:after {
  clear: both;
}

.disclaimers #ambima-disclaimer small:last-child {
  margin-right: 0;
}

.disclaimers #ambima-disclaimer ul {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0;
  margin-right: 3%;
  text-align: right;
  font-size: .6875em;
  margin: 0;
}

.disclaimers #ambima-disclaimer ul:after,
.disclaimers #ambima-disclaimer ul:before {
  content: "";
  display: table;
}

.disclaimers #ambima-disclaimer ul:after {
  clear: both;
}

.disclaimers #ambima-disclaimer ul:last-child {
  margin-right: 0;
}

.disclaimers #ambima-disclaimer ul li {
  display: inline-block;
  list-style: none;
  border-right: 1px solid #3fadc2;
  margin-left: 1em;
  padding-right: 1em;
}

.disclaimers #ambima-disclaimer ul li:last-child {
  border-right: none;
  padding-right: 0;
}

.disclaimers #ambima-disclaimer ul li a:hover {
  color: #ffc709;
}

#disclaimer-renda-fixa {
  font-family: Arial;
  font-size: .75em;
  color: #6d6e71;
  margin-top: 55px;
}

@media screen and (max-width: 1280px) {
  .disclaimers #ambima-disclaimer {
    margin-top: 160px;
  }

  .disclaimers #ambima-disclaimer small {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .disclaimers #ambima-disclaimer small:first-child {
    margin-left: auto;
  }

  .disclaimers #ambima-disclaimer small:last-child {
    margin-right: auto;
  }

  .disclaimers #ambima-disclaimer ul {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .disclaimers #ambima-disclaimer ul:first-child {
    margin-left: auto;
  }

  .disclaimers #ambima-disclaimer ul:last-child {
    margin-right: auto;
  }

  .disclaimers #ambima-disclaimer ul:first-of-type {
    margin: 0;
    padding: 0;
  }

  .disclaimers #ambima-disclaimer ul li {
    float: left;
  }

  .disclaimers #ambima-disclaimer ul li:first-of-type {
    margin: 0;
    padding-left: 0;
  }

  .disclaimers #ambima-disclaimer small {
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 1170px) {
  .disclaimers small {
    width: 86%;
  }

  .disclaimers .hold-seals {
    padding-top: 30px;
    display: block;
    clear: both;
    overflow: hidden;
  }

  .disclaimers #ambima-disclaimer {
    margin-top: 0;
  }
}
@media screen and (max-width: 670px) {
  #long-disclaimer {
    width: 85.9375%;
    display: block;
    margin-bottom: 1.5em;
  }

  .disclaimers .hold-seals {
    padding-top: 0;
  }

  .disclaimers #anbima {
    width: 40%;
  }

  .disclaimers #anbima-2 {
    width: 47%;
  }

  .disclaimers #cetip,
  .disclaimers .small-seal {
    width: auto;
  }

  .disclaimers img {
    margin-right: 1%;
    margin-top: 5px;
  }

  .disclaimers img:last-of-type {
    float: left;
    margin-right: 0;
  }
}
.footer {
  *zoom: 1;
  padding: 3em 0;
  border-top: 1px solid #ddd;
}

.footer:after,
.footer:before {
  content: "";
  display: table;
}

.footer:after {
  clear: both;
}

.footer #logo-footer {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 14.16667%;
  margin-left: 0;
  margin-right: 3%;
}

.footer #logo-footer:after,
.footer #logo-footer:before {
  content: "";
  display: table;
}

.footer #logo-footer:after {
  clear: both;
}

.footer #logo-footer:last-child {
  margin-right: 0;
}

.footer .column {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 14.16667%;
  margin-left: 0;
  margin-right: 3%;
}

.footer .column:after,
.footer .column:before {
  content: "";
  display: table;
}

.footer .column:after {
  clear: both;
}

.footer .column:last-child {
  margin-right: 0;
}

.footer .column ul {
  list-style: none;
  line-height: 1.5em;
  font-weight: 400;
  margin-left: 0;
  padding-left: 0;
}

.footer .column a,
.footer .column .footer_tel_li {
  color: #707173;
  text-decoration: none;
  color: #b1b3b4;
  font-size: .8125em;
  font-weight: 400;
  margin-bottom: 0.5rem;
}

.footer .column .footer_tel_des {
  color: #707173;
  text-decoration: none;
  color: #b1b3b4;
  font-size: 0.8125em;
  font-weight: 700;
  line-height: 1.45;
  margin-bottom: 0.1rem;
}

.footer .column li.footer_atendimento_a {
    margin-bottom: 1.3rem;
}

.footer .column a:hover {
  text-decoration: underline;
  color: #3fadc2;
}

.footer .column h6 {
  margin: 0 0 .5em;
  padding: 0;
  font-size: 1em;
}

.footer .column h6.footer_tel_h {
    margin: .5em 0 .5em 0;
}

.footer .column h6 a {
  font-weight: 700;
  color: #707173;
}

@media screen and (max-width: 1024px) {
  .footer #logo-footer {
    display: none;
  }

  .footer .column {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 17.6%;
    margin-left: 0;
    margin-right: 3%;
  }

  .footer .column:after,
  .footer .column:before {
    content: "";
    display: table;
  }

  .footer .column:after {
    clear: both;
  }

  .footer .column:nth-of-type(5n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  .footer .column:nth-of-type(5n+1):not(.skip) {
    clear: both;
  }

  .disclaimers #ambima-disclaimer small {
    display: block;
    margin-top: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .footer #logo-footer {
    display: block;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.33333%;
    margin-left: 0;
    margin-right: 3%;
  }

  .footer #logo-footer:after,
  .footer #logo-footer:before {
    content: "";
    display: table;
  }

  .footer #logo-footer:after {
    clear: both;
  }

  .footer #logo-footer:nth-of-type(5n):not(.skip) {
    margin-right: 3%;
    float: left;
  }

  .footer #logo-footer:nth-of-type(5n+1):not(.skip) {
    clear: none;
  }

  .footer #logo-footer:nth-of-type(3n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  .footer #logo-footer:nth-of-type(3n+1):not(.skip) {
    clear: both;
  }

  .footer .column {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.33333%;
    margin-left: 0;
    margin-right: 3%;
  }

  .footer .column:after,
  .footer .column:before {
    content: "";
    display: table;
  }

  .footer .column:after {
    clear: both;
  }

  .footer .column:nth-of-type(5n):not(.skip) {
    margin-right: 3%;
    float: left;
  }

  .footer .column:nth-of-type(5n+1):not(.skip) {
    clear: none;
  }

  .footer .column:nth-of-type(3n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  .footer .column:nth-of-type(3n+1):not(.skip) {
    clear: both;
  }
}
@media screen and (max-width: 670px) {
  .footer #logo-footer {
    display: none;
  }

  .footer .column {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-right: auto;
  }

  .footer .column,
  .footer .column:first-child {
    margin-left: auto;
  }

  .footer .column:last-child {
    margin-right: auto;
  }

  .footer .column h6 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.25em;
  }
}
#menu {
  max-height: 62px;
}

.header {
  background: #1e1f21;
}

.header li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-right: 2em;
  font-size: .875em;
  -webkit-transition: all 0.2s;
          transition: all 0.2s;
}

.header li a {
  display: block;
  height: 62px;
  line-height: 62px;
  color: #fffdfd;
  display: relative;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.header li a.has-submenu {
  padding-right: 1.25em;
}

.header li a.has-submenu:after {
  content: "\25BE";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.header li a:hover {
  color: #ffc709;
}

.header li .submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: -10px;
  width: 240px;
  padding: 1em 1.4em;
  background: #fff;
  z-index: 11;
  border: 1px solid #eaeaea;
  box-shadow: 0 5px 25px -10px rgba(0, 0, 0, 0.35);
}

.header li .submenu .js-close-submenu {
  display: none;
}

.header li .submenu li {
  width: 100%;
  line-height: 1;
  display: block;
  float: none;
  border-bottom: 1px solid #ddd;
}

.header li .submenu li:last-child {
  border-bottom: none;
}

.header li .submenu span {
  display: block;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.4;
  padding: 0 0.2em 1em;
}

.header li .submenu a {
  cursor: pointer;
  color: #1e1f21;
  display: block;
  height: auto;
  line-height: 1.4;
  padding: 0.7em 0.2em 0.8em;
}

.header li .submenu a + a {
  text-transform: initial;
  padding-top: 0;
  text-indent: 12px;
}

.header li .submenu a:hover {
  color: #007bc7;
}

.header li.li-right {
  display: none;
  float: right;
  margin-right: 0;
}

.header li .offcanvas-menu {
  background: url(http://xpi.com.br/rvassets/images/icon-menu.png) no-repeat 100%;
  padding-right: 20px;
}

.header li .offcanvas-menu:hover {
  background: url(http://xpi.com.br/rvassets/images/icon-menu-yellow.png) no-repeat 100%;
}

.header li:hover .submenu {
  display: block;
}

.header .top-bar {
  width: 100%;
  border-bottom: 1px solid #58595b;
  padding: 36px 0;
}

.header .button {
  float: right;
  margin-left: 1em;
}

.menu-side,
.menu-side-sticky {
  position: fixed;
  top: 0;
  right: -240px;
  overflow-x: scroll;
  background: #fff;
  height: 100%;
  width: 220px;
  z-index: 13;
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.35);
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}

.menu-side-sticky .button,
.menu-side .button {
  border-radius: 0;
  background-clip: padding-box;
  display: block;
  text-align: center;
  width: 100%;
  margin-bottom: 1.5em;
}

.menu-side-sticky.js-closed,
.menu-side.js-closed {
  right: -240px;
}

.menu-side-sticky.js-open,
.menu-side.js-open {
  right: 0;
}

.menu-side-sticky .logo-menu,
.menu-side .logo-menu {
  display: block;
  width: 160px;
  height: auto;
  margin: 0 auto 1em;
  text-align: right;
  background: red;
}

.menu-side-sticky ul,
.menu-side ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.menu-side-sticky li,
.menu-side li {
  border-bottom: 1px solid #ddd;
  text-align: left;
  -webkit-transition: all 0.2s;
          transition: all 0.2s;
}

.menu-side-sticky li a,
.menu-side li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 1em 1.2em;
  text-decoration: none;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}

.menu-side-sticky li a:hover,
.menu-side li a:hover {
  background: #52b3c6;
  color: #fff;
  padding-right: 1.6em;
  border-right: 5px solid #78c4d3;
}

.menu-side-sticky li a.has-submenu:after,
.menu-side li a.has-submenu:after {
  content: "\25B8";
  font-size: 1em;
  position: absolute;
  top: 16px;
  right: 10px;
}

.menu-side-sticky li .submenu,
.menu-side li .submenu {
  position: fixed;
  top: 0;
  right: -240px;
  z-index: 8;
  padding-top: 74px;
  height: 100%;
  width: 220px;
  background: #fff;
  border-left: 1px solid #ddd;
  overflow-x: scroll;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}

.menu-side-sticky li .submenu.is-closed,
.menu-side li .submenu.is-closed {
  right: -240px;
}

.menu-side-sticky li .submenu.is-opened,
.menu-side li .submenu.is-opened {
  right: 0;
}

.menu-side-sticky li .submenu .js-close-submenu,
.menu-side li .submenu .js-close-submenu {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1em;
  cursor: pointer;
  color: #52b3c6;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}

.menu-side-sticky li .submenu .js-close-submenu:before,
.menu-side li .submenu .js-close-submenu:before {
  content: "\25C0   ";
  font-size: 0.75em;
}

.menu-side-sticky li .submenu .js-close-submenu:hover,
.menu-side li .submenu .js-close-submenu:hover {
  padding-right: 0.5em;
}

.menu-side-sticky li .submenu li,
.menu-side li .submenu li {
  border-bottom: none;
  text-align: left;
}

.menu-side-sticky li .submenu li a,
.menu-side li .submenu li a {
  color: #707173;
  font-size: .9em;
  padding: 1.18em 1.7em;
  border-bottom: 1px solid #ddd;
}

.menu-side-sticky li .submenu li a:hover,
.menu-side li .submenu li a:hover {
  color: #fff;
}

.menu-side-sticky li.subtitle,
.menu-side li.subtitle {
  display: none;
}

.js-overflow-site {
  display: none;
  z-index: 12;
  background: rgba(255, 255, 255, 0.6);
}

.js-overflow-site,
.loading-form {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.loading-form {
  background: #fff url(http://xpi.com.br/rvassets/images/loading.gif) no-repeat 50%;
  z-index: 14;
}

#logo-header {
  padding-top: .5em;
  display: inline-block;
}

@media screen and (max-width: 670px) {
  .header .top-bar {
    padding: 24px 0;
  }

  .header li.menu-item {
    display: none;
  }

  #logo-header {
    max-width: 160px;
    display: block;
    float: left;
  }

  .header .button {
    font-size: 0.75em;
  }
}
@media screen and (max-width: 580px) {
  .header .top-bar {
    padding: 24px 0;
    position: relative;
  }

  #logo-header {
    display: block;
    overflow: hidden;
    width: 44px;
  }

  #logo-header img {
    max-width: none;
    width: 170px;
  }
}
@media screen and (max-width: 460px) {
  #logo-header {
    width: 36px;
  }

  #logo-header img {
    max-width: none;
    width: 146px;
  }

  .header .top-bar .button {
    padding: 1em 1em 0.75em;
  }
}
@media screen and (max-width: 374px) {
  .header a.button span {
    display: none;
  }
}
@media screen and (max-width: 310px) {
  #logo-header {
    width: 20px;
  }

  #logo-header img {
    max-width: none;
    width: 80px;
  }

  .header .top-bar {
    padding: 12px 0;
  }

  .header .top-bar .button {
    font-size: .625em;
    padding: 0.5em;
  }

  .header li {
    font-size: 0.75em;
  }
}
.sticky-header {
  box-shadow: 0 7px 12px rgba(0, 0, 0, 0.2);
  position: fixed;
  top: -140px;
  left: 0;
  width: 100%;
  z-index: 8;
  background: #1e1f21;
  -webkit-transition: all 0.2s;
          transition: all 0.2s;
}

.sticky-header:hover {
  box-shadow: 0 14px 18px rgba(0, 0, 0, 0.25);
}

.sticky-header .top-bar {
  width: 100%;
  border-bottom: 1px solid #58595b;
  padding: 14px 0;
}

.sticky-header .button {
  float: right;
  margin-left: 1em;
  padding: 0.8em 1.5em;
}

.sticky-header .sticky-offcanvas-menu {
  display: block;
  float: right;
  width: 20px;
  height: 40px;
  margin-left: 20px;
  cursor: pointer;
  text-indent: -999999px;
  background: url(http://xpi.com.br/rvassets/images/icon-menu.png) no-repeat 100%;
  padding-right: 20px;
}

.sticky-header .sticky-offcanvas-menu:hover {
  background: url(http://xpi.com.br/rvassets/images/icon-menu-yellow.png) no-repeat 100%;
}

#logo-sticky-header {
  padding-top: 0;
  display: inline-block;
  overflow: hidden;
  width: 44px;
}

#logo-sticky-header img {
  max-width: none;
  width: 170px;
}

@media screen and (max-width: 580px) {
  .sticky-header #sticky-login {
    display: none;
  }

  .sticky-header .sticky-offcanvas-menu {
    height: 30px;
  }

  .sticky-header .button {
    font-size: 0.625em;
  }

  #logo-sticky-header {
    width: 30px;
  }

  #logo-sticky-header img {
    width: 120px;
  }
}
.clearfix:after,
.clearfix:before {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

#carreiras-hero,
#compliance-hero,
#escritorios-hero,
#grupo-xp-hero,
#importancia-da-assessoria-hero,
#quem-somos-hero,
#relacionamento-xp-hero,
.hero {
  position: relative;
  width: 100%;
  padding: 6.9vw 0 15.1vw;
}

@media only all and (min-width: 768px) {
  #carreiras-hero,
  #compliance-hero,
  #escritorios-hero,
  #grupo-xp-hero,
  #importancia-da-assessoria-hero,
  #quem-somos-hero,
  #relacionamento-xp-hero,
  .hero {
    padding: 5.34em 0 10.1em;
  }
}
#carreiras-hero h1,
#carreiras-hero h2,
#carreiras-hero h3,
#carreiras-hero p,
#compliance-hero h1,
#compliance-hero h2,
#compliance-hero h3,
#compliance-hero p,
#escritorios-hero h1,
#escritorios-hero h2,
#escritorios-hero h3,
#escritorios-hero p,
#grupo-xp-hero h1,
#grupo-xp-hero h2,
#grupo-xp-hero h3,
#grupo-xp-hero p,
#importancia-da-assessoria-hero h1,
#importancia-da-assessoria-hero h2,
#importancia-da-assessoria-hero h3,
#importancia-da-assessoria-hero p,
#quem-somos-hero h1,
#quem-somos-hero h2,
#quem-somos-hero h3,
#quem-somos-hero p,
#relacionamento-xp-hero h1,
#relacionamento-xp-hero h2,
#relacionamento-xp-hero h3,
#relacionamento-xp-hero p,
.hero h1,
.hero h2,
.hero h3,
.hero p {
  color: #fff;
}

#carreiras-hero .wrap,
#compliance-hero .wrap,
#escritorios-hero .wrap,
#grupo-xp-hero .wrap,
#importancia-da-assessoria-hero .wrap,
#quem-somos-hero .wrap,
#relacionamento-xp-hero .wrap,
.hero .wrap {
  position: relative;
  z-index: 8;
  padding: 0 7vw;
}

@media only all and (min-width: 768px) {
  #carreiras-hero .wrap,
  #compliance-hero .wrap,
  #escritorios-hero .wrap,
  #grupo-xp-hero .wrap,
  #importancia-da-assessoria-hero .wrap,
  #quem-somos-hero .wrap,
  #relacionamento-xp-hero .wrap,
  .hero .wrap {
    *zoom: 1;
    width: auto;
    max-width: 1280px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 32px;
    padding-right: 32px;
  }

  #carreiras-hero .wrap:after,
  #carreiras-hero .wrap:before,
  #compliance-hero .wrap:after,
  #compliance-hero .wrap:before,
  #escritorios-hero .wrap:after,
  #escritorios-hero .wrap:before,
  #grupo-xp-hero .wrap:after,
  #grupo-xp-hero .wrap:before,
  #importancia-da-assessoria-hero .wrap:after,
  #importancia-da-assessoria-hero .wrap:before,
  #quem-somos-hero .wrap:after,
  #quem-somos-hero .wrap:before,
  #relacionamento-xp-hero .wrap:after,
  #relacionamento-xp-hero .wrap:before,
  .hero .wrap:after,
  .hero .wrap:before {
    content: "";
    display: table;
  }

  #carreiras-hero .wrap:after,
  #compliance-hero .wrap:after,
  #escritorios-hero .wrap:after,
  #grupo-xp-hero .wrap:after,
  #importancia-da-assessoria-hero .wrap:after,
  #quem-somos-hero .wrap:after,
  #relacionamento-xp-hero .wrap:after,
  .hero .wrap:after {
    clear: both;
  }
}
@media only all and (min-width: 1440px) {
  #carreiras-hero .wrap,
  #compliance-hero .wrap,
  #escritorios-hero .wrap,
  #grupo-xp-hero .wrap,
  #importancia-da-assessoria-hero .wrap,
  #quem-somos-hero .wrap,
  #relacionamento-xp-hero .wrap,
  .hero .wrap {
    padding: 0;
  }
}
#carreiras-hero .title-eye,
#compliance-hero .title-eye,
#escritorios-hero .title-eye,
#grupo-xp-hero .title-eye,
#importancia-da-assessoria-hero .title-eye,
#quem-somos-hero .title-eye,
#relacionamento-xp-hero .title-eye,
.hero .title-eye {
  margin: 0 0 2.5vw;
  font: 600 2.625vw/1.65 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-align: left;
  text-transform: uppercase;
  color: #ffc608;
}

@media only all and (min-width: 768px) {
  #carreiras-hero .title-eye,
  #compliance-hero .title-eye,
  #escritorios-hero .title-eye,
  #grupo-xp-hero .title-eye,
  #importancia-da-assessoria-hero .title-eye,
  #quem-somos-hero .title-eye,
  #relacionamento-xp-hero .title-eye,
  .hero .title-eye {
    font: 600 1.0625em/2.06 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: 0;
  }
}
@media only all and (min-width: 768px) {
  #carreiras-hero .text-block,
  #compliance-hero .text-block,
  #escritorios-hero .text-block,
  #grupo-xp-hero .text-block,
  #importancia-da-assessoria-hero .text-block,
  #quem-somos-hero .text-block,
  #relacionamento-xp-hero .text-block,
  .hero .text-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 39.91667%;
    margin-left: 0;
    margin-right: 3%;
  }

  #carreiras-hero .text-block:after,
  #carreiras-hero .text-block:before,
  #compliance-hero .text-block:after,
  #compliance-hero .text-block:before,
  #escritorios-hero .text-block:after,
  #escritorios-hero .text-block:before,
  #grupo-xp-hero .text-block:after,
  #grupo-xp-hero .text-block:before,
  #importancia-da-assessoria-hero .text-block:after,
  #importancia-da-assessoria-hero .text-block:before,
  #quem-somos-hero .text-block:after,
  #quem-somos-hero .text-block:before,
  #relacionamento-xp-hero .text-block:after,
  #relacionamento-xp-hero .text-block:before,
  .hero .text-block:after,
  .hero .text-block:before {
    content: "";
    display: table;
  }

  #carreiras-hero .text-block:after,
  #compliance-hero .text-block:after,
  #escritorios-hero .text-block:after,
  #grupo-xp-hero .text-block:after,
  #importancia-da-assessoria-hero .text-block:after,
  #quem-somos-hero .text-block:after,
  #relacionamento-xp-hero .text-block:after,
  .hero .text-block:after {
    clear: both;
  }

  #carreiras-hero .text-block:last-child,
  #compliance-hero .text-block:last-child,
  #escritorios-hero .text-block:last-child,
  #grupo-xp-hero .text-block:last-child,
  #importancia-da-assessoria-hero .text-block:last-child,
  #quem-somos-hero .text-block:last-child,
  #relacionamento-xp-hero .text-block:last-child,
  .hero .text-block:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 1200px) {
  #carreiras-hero .text-block,
  #compliance-hero .text-block,
  #escritorios-hero .text-block,
  #grupo-xp-hero .text-block,
  #importancia-da-assessoria-hero .text-block,
  #quem-somos-hero .text-block,
  #relacionamento-xp-hero .text-block,
  .hero .text-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 52.62%;
    margin-left: 0;
    margin-right: 3%;
  }

  #carreiras-hero .text-block:after,
  #carreiras-hero .text-block:before,
  #compliance-hero .text-block:after,
  #compliance-hero .text-block:before,
  #escritorios-hero .text-block:after,
  #escritorios-hero .text-block:before,
  #grupo-xp-hero .text-block:after,
  #grupo-xp-hero .text-block:before,
  #importancia-da-assessoria-hero .text-block:after,
  #importancia-da-assessoria-hero .text-block:before,
  #quem-somos-hero .text-block:after,
  #quem-somos-hero .text-block:before,
  #relacionamento-xp-hero .text-block:after,
  #relacionamento-xp-hero .text-block:before,
  .hero .text-block:after,
  .hero .text-block:before {
    content: "";
    display: table;
  }

  #carreiras-hero .text-block:after,
  #compliance-hero .text-block:after,
  #escritorios-hero .text-block:after,
  #grupo-xp-hero .text-block:after,
  #importancia-da-assessoria-hero .text-block:after,
  #quem-somos-hero .text-block:after,
  #relacionamento-xp-hero .text-block:after,
  .hero .text-block:after {
    clear: both;
  }

  #carreiras-hero .text-block:last-child,
  #compliance-hero .text-block:last-child,
  #escritorios-hero .text-block:last-child,
  #grupo-xp-hero .text-block:last-child,
  #importancia-da-assessoria-hero .text-block:last-child,
  #quem-somos-hero .text-block:last-child,
  #relacionamento-xp-hero .text-block:last-child,
  .hero .text-block:last-child {
    margin-right: 0;
  }
}
#carreiras-hero .text-block h2,
#compliance-hero .text-block h2,
#escritorios-hero .text-block h2,
#grupo-xp-hero .text-block h2,
#importancia-da-assessoria-hero .text-block h2,
#quem-somos-hero .text-block h2,
#relacionamento-xp-hero .text-block h2,
.hero .text-block h2 {
  font: 300 8.2vw/1.12 Roboto Slab, Arial, sans-serif;
  margin: 0;
  text-align: left;
  letter-spacing: -0.035em !important;
}

@media only all and (min-width: 768px) {
  #carreiras-hero .text-block h2,
  #compliance-hero .text-block h2,
  #escritorios-hero .text-block h2,
  #grupo-xp-hero .text-block h2,
  #importancia-da-assessoria-hero .text-block h2,
  #quem-somos-hero .text-block h2,
  #relacionamento-xp-hero .text-block h2,
  .hero .text-block h2 {
    font: 300 3.25em/1 Roboto Slab, Arial, sans-serif;
    margin: .25em 0 0;
    letter-spacing: -0.05em;
  }
}
@media only all and (min-width: 1200px) {
  #carreiras-hero .text-block h2,
  #compliance-hero .text-block h2,
  #escritorios-hero .text-block h2,
  #grupo-xp-hero .text-block h2,
  #importancia-da-assessoria-hero .text-block h2,
  #quem-somos-hero .text-block h2,
  #relacionamento-xp-hero .text-block h2,
  .hero .text-block h2 {
    font: 300 3.875em/1 Roboto Slab, Arial, sans-serif;
    margin: .22em 0 0;
    letter-spacing: -0.015em;
  }
}
#carreiras-hero .text-block .desc,
#compliance-hero .text-block .desc,
#escritorios-hero .text-block .desc,
#grupo-xp-hero .text-block .desc,
#importancia-da-assessoria-hero .text-block .desc,
#quem-somos-hero .text-block .desc,
#relacionamento-xp-hero .text-block .desc,
.hero .text-block .desc {
  max-width: 570px;
  font: 400 4vw/1.4 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  letter-spacing: -.005em;
  color: #b1b3b4;
}

@media only all and (min-width: 768px) {
  #carreiras-hero .text-block .desc,
  #compliance-hero .text-block .desc,
  #escritorios-hero .text-block .desc,
  #grupo-xp-hero .text-block .desc,
  #importancia-da-assessoria-hero .text-block .desc,
  #quem-somos-hero .text-block .desc,
  #relacionamento-xp-hero .text-block .desc,
  .hero .text-block .desc {
    font: 400 1.125em/1.5 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    letter-spacing: 0.025em;
  }
}
#carreiras-hero .dash,
#compliance-hero .dash,
#escritorios-hero .dash,
#grupo-xp-hero .dash,
#importancia-da-assessoria-hero .dash,
#quem-somos-hero .dash,
#relacionamento-xp-hero .dash,
.hero .dash {
  margin: 5.4vw 0 4vw;
}

@media only all and (min-width: 768px) {
  #carreiras-hero .dash,
  #compliance-hero .dash,
  #escritorios-hero .dash,
  #grupo-xp-hero .dash,
  #importancia-da-assessoria-hero .dash,
  #quem-somos-hero .dash,
  #relacionamento-xp-hero .dash,
  .hero .dash {
    margin: 1.9em 0 2em;
  }
}
#carreiras,
#compliance,
#escritorios,
#grupo-xp,
#importancia-da-assessoria,
#quem-somos,
#relacionamento-xp,
.platforms__main,
.section-wrapper {
  overflow: hidden;
  width: 100%;
  padding-top: 14vw;
}

@media only all and (min-width: 768px) {
  #carreiras,
  #compliance,
  #escritorios,
  #grupo-xp,
  #importancia-da-assessoria,
  #quem-somos,
  #relacionamento-xp,
  .platforms__main,
  .section-wrapper {
    padding-top: 100px;
  }
}
@media only all and (min-width: 992px) {
  #carreiras,
  #compliance,
  #escritorios,
  #grupo-xp,
  #importancia-da-assessoria,
  #quem-somos,
  #relacionamento-xp,
  .platforms__main,
  .section-wrapper {
    padding-top: 130px;
  }
}
@media only all and (min-width: 768px) {
  .has-dash#carreiras:before,
  .has-dash#compliance:before,
  .has-dash#escritorios:before,
  .has-dash#grupo-xp:before,
  .has-dash#importancia-da-assessoria:before,
  .has-dash#quem-somos:before,
  .has-dash#relacionamento-xp:before,
  .has-dash.platforms__main:before,
  .section-wrapper.has-dash:before {
    height: 9px;
    width: calc(100vw - 32px);
  }
}
@media only all and (min-width: 1280px) {
  .has-dash#carreiras:before,
  .has-dash#compliance:before,
  .has-dash#escritorios:before,
  .has-dash#grupo-xp:before,
  .has-dash#importancia-da-assessoria:before,
  .has-dash#quem-somos:before,
  .has-dash#relacionamento-xp:before,
  .has-dash.platforms__main:before,
  .section-wrapper.has-dash:before {
    width: calc(((100vw - 1280px)/2) + 1280px - 32px);
  }
}
@media only all and (min-width: 1440px) {
  .has-dash#carreiras:before,
  .has-dash#compliance:before,
  .has-dash#escritorios:before,
  .has-dash#grupo-xp:before,
  .has-dash#importancia-da-assessoria:before,
  .has-dash#quem-somos:before,
  .has-dash#relacionamento-xp:before,
  .has-dash.platforms__main:before,
  .section-wrapper.has-dash:before {
    width: calc(((100vw - 1280px)/2) + 1280px);
  }
}
#carreiras .boas-oportunidades,
#carreiras .faca-a-diferenca,
#carreiras .junte-se-a-nos,
#carreiras .responsabilidade-corporativa,
#compliance-visao,
#compliance .certificacoes,
#compliance .nossa-atuacao,
#compliance .pequenas-atitudes,
#compliance .supervisao-autonomos,
#escritorios .principais-escritorios,
#grupo-xp .empresas-do-grupo,
#grupo-xp .estrutura-societaria,
#grupo-xp .nossa-presenca,
#grupo-xp .porta-vozes,
#importancia-da-assessoria .hoje-ou-futuro .wrap,
#importancia-da-assessoria .intro,
#quem-somos .nossa-presenca,
#quem-somos .nossos-numeros,
#quem-somos .nossos-pilares,
#relacionamento-xp .assessoria-digital,
#relacionamento-xp .assessoria-exclusiva,
#relacionamento-xp .assessoria-on-demand,
#relacionamento-xp .assessoria-private,
#relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper,
#relacionamento-xp .estilo-ideal,
#relacionamento-xp .qual-seu-perfil,
.featured-article,
.platforms__call-to-action .platforms__call-to-action-inner,
.platforms__filter,
.platforms__listing,
.platforms__read-more-inner,
.section {
  *zoom: 1;
  width: auto;
  max-width: 1280px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 7vw;
  padding-right: 7vw;
}

#carreiras .boas-oportunidades:after,
#carreiras .boas-oportunidades:before,
#carreiras .faca-a-diferenca:after,
#carreiras .faca-a-diferenca:before,
#carreiras .junte-se-a-nos:after,
#carreiras .junte-se-a-nos:before,
#carreiras .responsabilidade-corporativa:after,
#carreiras .responsabilidade-corporativa:before,
#compliance-visao:after,
#compliance-visao:before,
#compliance .certificacoes:after,
#compliance .certificacoes:before,
#compliance .nossa-atuacao:after,
#compliance .nossa-atuacao:before,
#compliance .pequenas-atitudes:after,
#compliance .pequenas-atitudes:before,
#compliance .supervisao-autonomos:after,
#compliance .supervisao-autonomos:before,
#escritorios .principais-escritorios:after,
#escritorios .principais-escritorios:before,
#grupo-xp .empresas-do-grupo:after,
#grupo-xp .empresas-do-grupo:before,
#grupo-xp .estrutura-societaria:after,
#grupo-xp .estrutura-societaria:before,
#grupo-xp .nossa-presenca:after,
#grupo-xp .nossa-presenca:before,
#grupo-xp .porta-vozes:after,
#grupo-xp .porta-vozes:before,
#importancia-da-assessoria .hoje-ou-futuro .wrap:after,
#importancia-da-assessoria .hoje-ou-futuro .wrap:before,
#importancia-da-assessoria .intro:after,
#importancia-da-assessoria .intro:before,
#quem-somos .nossa-presenca:after,
#quem-somos .nossa-presenca:before,
#quem-somos .nossos-numeros:after,
#quem-somos .nossos-numeros:before,
#quem-somos .nossos-pilares:after,
#quem-somos .nossos-pilares:before,
#relacionamento-xp .assessoria-digital:after,
#relacionamento-xp .assessoria-digital:before,
#relacionamento-xp .assessoria-exclusiva:after,
#relacionamento-xp .assessoria-exclusiva:before,
#relacionamento-xp .assessoria-on-demand:after,
#relacionamento-xp .assessoria-on-demand:before,
#relacionamento-xp .assessoria-private:after,
#relacionamento-xp .assessoria-private:before,
#relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper:after,
#relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper:before,
#relacionamento-xp .estilo-ideal:after,
#relacionamento-xp .estilo-ideal:before,
#relacionamento-xp .qual-seu-perfil:after,
#relacionamento-xp .qual-seu-perfil:before,
.featured-article:after,
.featured-article:before,
.platforms__call-to-action .platforms__call-to-action-inner:after,
.platforms__call-to-action .platforms__call-to-action-inner:before,
.platforms__filter:after,
.platforms__filter:before,
.platforms__listing:after,
.platforms__listing:before,
.platforms__read-more-inner:after,
.platforms__read-more-inner:before,
.section:after,
.section:before {
  content: "";
  display: table;
}

#carreiras .boas-oportunidades:after,
#carreiras .faca-a-diferenca:after,
#carreiras .junte-se-a-nos:after,
#carreiras .responsabilidade-corporativa:after,
#compliance-visao:after,
#compliance .certificacoes:after,
#compliance .nossa-atuacao:after,
#compliance .pequenas-atitudes:after,
#compliance .supervisao-autonomos:after,
#escritorios .principais-escritorios:after,
#grupo-xp .empresas-do-grupo:after,
#grupo-xp .estrutura-societaria:after,
#grupo-xp .nossa-presenca:after,
#grupo-xp .porta-vozes:after,
#importancia-da-assessoria .hoje-ou-futuro .wrap:after,
#importancia-da-assessoria .intro:after,
#quem-somos .nossa-presenca:after,
#quem-somos .nossos-numeros:after,
#quem-somos .nossos-pilares:after,
#relacionamento-xp .assessoria-digital:after,
#relacionamento-xp .assessoria-exclusiva:after,
#relacionamento-xp .assessoria-on-demand:after,
#relacionamento-xp .assessoria-private:after,
#relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper:after,
#relacionamento-xp .estilo-ideal:after,
#relacionamento-xp .qual-seu-perfil:after,
.featured-article:after,
.platforms__call-to-action .platforms__call-to-action-inner:after,
.platforms__filter:after,
.platforms__listing:after,
.platforms__read-more-inner:after,
.section:after {
  clear: both;
}

@media only all and (min-width: 768px) {
  #carreiras .boas-oportunidades,
  #carreiras .faca-a-diferenca,
  #carreiras .junte-se-a-nos,
  #carreiras .responsabilidade-corporativa,
  #compliance-visao,
  #compliance .certificacoes,
  #compliance .nossa-atuacao,
  #compliance .pequenas-atitudes,
  #compliance .supervisao-autonomos,
  #escritorios .principais-escritorios,
  #grupo-xp .empresas-do-grupo,
  #grupo-xp .estrutura-societaria,
  #grupo-xp .nossa-presenca,
  #grupo-xp .porta-vozes,
  #importancia-da-assessoria .hoje-ou-futuro .wrap,
  #importancia-da-assessoria .intro,
  #quem-somos .nossa-presenca,
  #quem-somos .nossos-numeros,
  #quem-somos .nossos-pilares,
  #relacionamento-xp .assessoria-digital,
  #relacionamento-xp .assessoria-exclusiva,
  #relacionamento-xp .assessoria-on-demand,
  #relacionamento-xp .assessoria-private,
  #relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper,
  #relacionamento-xp .estilo-ideal,
  #relacionamento-xp .qual-seu-perfil,
  .featured-article,
  .platforms__call-to-action .platforms__call-to-action-inner,
  .platforms__filter,
  .platforms__listing,
  .platforms__read-more-inner,
  .section {
    *zoom: 1;
    width: auto;
    max-width: 1280px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 32px;
    padding-right: 32px;
  }

  #carreiras .boas-oportunidades:after,
  #carreiras .boas-oportunidades:before,
  #carreiras .faca-a-diferenca:after,
  #carreiras .faca-a-diferenca:before,
  #carreiras .junte-se-a-nos:after,
  #carreiras .junte-se-a-nos:before,
  #carreiras .responsabilidade-corporativa:after,
  #carreiras .responsabilidade-corporativa:before,
  #compliance-visao:after,
  #compliance-visao:before,
  #compliance .certificacoes:after,
  #compliance .certificacoes:before,
  #compliance .nossa-atuacao:after,
  #compliance .nossa-atuacao:before,
  #compliance .pequenas-atitudes:after,
  #compliance .pequenas-atitudes:before,
  #compliance .supervisao-autonomos:after,
  #compliance .supervisao-autonomos:before,
  #escritorios .principais-escritorios:after,
  #escritorios .principais-escritorios:before,
  #grupo-xp .empresas-do-grupo:after,
  #grupo-xp .empresas-do-grupo:before,
  #grupo-xp .estrutura-societaria:after,
  #grupo-xp .estrutura-societaria:before,
  #grupo-xp .nossa-presenca:after,
  #grupo-xp .nossa-presenca:before,
  #grupo-xp .porta-vozes:after,
  #grupo-xp .porta-vozes:before,
  #importancia-da-assessoria .hoje-ou-futuro .wrap:after,
  #importancia-da-assessoria .hoje-ou-futuro .wrap:before,
  #importancia-da-assessoria .intro:after,
  #importancia-da-assessoria .intro:before,
  #quem-somos .nossa-presenca:after,
  #quem-somos .nossa-presenca:before,
  #quem-somos .nossos-numeros:after,
  #quem-somos .nossos-numeros:before,
  #quem-somos .nossos-pilares:after,
  #quem-somos .nossos-pilares:before,
  #relacionamento-xp .assessoria-digital:after,
  #relacionamento-xp .assessoria-digital:before,
  #relacionamento-xp .assessoria-exclusiva:after,
  #relacionamento-xp .assessoria-exclusiva:before,
  #relacionamento-xp .assessoria-on-demand:after,
  #relacionamento-xp .assessoria-on-demand:before,
  #relacionamento-xp .assessoria-private:after,
  #relacionamento-xp .assessoria-private:before,
  #relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper:after,
  #relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper:before,
  #relacionamento-xp .estilo-ideal:after,
  #relacionamento-xp .estilo-ideal:before,
  #relacionamento-xp .qual-seu-perfil:after,
  #relacionamento-xp .qual-seu-perfil:before,
  .featured-article:after,
  .featured-article:before,
  .platforms__call-to-action .platforms__call-to-action-inner:after,
  .platforms__call-to-action .platforms__call-to-action-inner:before,
  .platforms__filter:after,
  .platforms__filter:before,
  .platforms__listing:after,
  .platforms__listing:before,
  .platforms__read-more-inner:after,
  .platforms__read-more-inner:before,
  .section:after,
  .section:before {
    content: "";
    display: table;
  }

  #carreiras .boas-oportunidades:after,
  #carreiras .faca-a-diferenca:after,
  #carreiras .junte-se-a-nos:after,
  #carreiras .responsabilidade-corporativa:after,
  #compliance-visao:after,
  #compliance .certificacoes:after,
  #compliance .nossa-atuacao:after,
  #compliance .pequenas-atitudes:after,
  #compliance .supervisao-autonomos:after,
  #escritorios .principais-escritorios:after,
  #grupo-xp .empresas-do-grupo:after,
  #grupo-xp .estrutura-societaria:after,
  #grupo-xp .nossa-presenca:after,
  #grupo-xp .porta-vozes:after,
  #importancia-da-assessoria .hoje-ou-futuro .wrap:after,
  #importancia-da-assessoria .intro:after,
  #quem-somos .nossa-presenca:after,
  #quem-somos .nossos-numeros:after,
  #quem-somos .nossos-pilares:after,
  #relacionamento-xp .assessoria-digital:after,
  #relacionamento-xp .assessoria-exclusiva:after,
  #relacionamento-xp .assessoria-on-demand:after,
  #relacionamento-xp .assessoria-private:after,
  #relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper:after,
  #relacionamento-xp .estilo-ideal:after,
  #relacionamento-xp .qual-seu-perfil:after,
  .featured-article:after,
  .platforms__call-to-action .platforms__call-to-action-inner:after,
  .platforms__filter:after,
  .platforms__listing:after,
  .platforms__read-more-inner:after,
  .section:after {
    clear: both;
  }
}
@media only all and (min-width: 1440px) {
  #carreiras .boas-oportunidades,
  #carreiras .faca-a-diferenca,
  #carreiras .junte-se-a-nos,
  #carreiras .responsabilidade-corporativa,
  #compliance-visao,
  #compliance .certificacoes,
  #compliance .nossa-atuacao,
  #compliance .pequenas-atitudes,
  #compliance .supervisao-autonomos,
  #escritorios .principais-escritorios,
  #grupo-xp .empresas-do-grupo,
  #grupo-xp .estrutura-societaria,
  #grupo-xp .nossa-presenca,
  #grupo-xp .porta-vozes,
  #importancia-da-assessoria .hoje-ou-futuro .wrap,
  #importancia-da-assessoria .intro,
  #quem-somos .nossa-presenca,
  #quem-somos .nossos-numeros,
  #quem-somos .nossos-pilares,
  #relacionamento-xp .assessoria-digital,
  #relacionamento-xp .assessoria-exclusiva,
  #relacionamento-xp .assessoria-on-demand,
  #relacionamento-xp .assessoria-private,
  #relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper,
  #relacionamento-xp .estilo-ideal,
  #relacionamento-xp .qual-seu-perfil,
  .featured-article,
  .platforms__call-to-action .platforms__call-to-action-inner,
  .platforms__filter,
  .platforms__listing,
  .platforms__read-more-inner,
  .section {
    *zoom: 1;
    width: auto;
    max-width: 1280px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
  }

  #carreiras .boas-oportunidades:after,
  #carreiras .boas-oportunidades:before,
  #carreiras .faca-a-diferenca:after,
  #carreiras .faca-a-diferenca:before,
  #carreiras .junte-se-a-nos:after,
  #carreiras .junte-se-a-nos:before,
  #carreiras .responsabilidade-corporativa:after,
  #carreiras .responsabilidade-corporativa:before,
  #compliance-visao:after,
  #compliance-visao:before,
  #compliance .certificacoes:after,
  #compliance .certificacoes:before,
  #compliance .nossa-atuacao:after,
  #compliance .nossa-atuacao:before,
  #compliance .pequenas-atitudes:after,
  #compliance .pequenas-atitudes:before,
  #compliance .supervisao-autonomos:after,
  #compliance .supervisao-autonomos:before,
  #escritorios .principais-escritorios:after,
  #escritorios .principais-escritorios:before,
  #grupo-xp .empresas-do-grupo:after,
  #grupo-xp .empresas-do-grupo:before,
  #grupo-xp .estrutura-societaria:after,
  #grupo-xp .estrutura-societaria:before,
  #grupo-xp .nossa-presenca:after,
  #grupo-xp .nossa-presenca:before,
  #grupo-xp .porta-vozes:after,
  #grupo-xp .porta-vozes:before,
  #importancia-da-assessoria .hoje-ou-futuro .wrap:after,
  #importancia-da-assessoria .hoje-ou-futuro .wrap:before,
  #importancia-da-assessoria .intro:after,
  #importancia-da-assessoria .intro:before,
  #quem-somos .nossa-presenca:after,
  #quem-somos .nossa-presenca:before,
  #quem-somos .nossos-numeros:after,
  #quem-somos .nossos-numeros:before,
  #quem-somos .nossos-pilares:after,
  #quem-somos .nossos-pilares:before,
  #relacionamento-xp .assessoria-digital:after,
  #relacionamento-xp .assessoria-digital:before,
  #relacionamento-xp .assessoria-exclusiva:after,
  #relacionamento-xp .assessoria-exclusiva:before,
  #relacionamento-xp .assessoria-on-demand:after,
  #relacionamento-xp .assessoria-on-demand:before,
  #relacionamento-xp .assessoria-private:after,
  #relacionamento-xp .assessoria-private:before,
  #relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper:after,
  #relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper:before,
  #relacionamento-xp .estilo-ideal:after,
  #relacionamento-xp .estilo-ideal:before,
  #relacionamento-xp .qual-seu-perfil:after,
  #relacionamento-xp .qual-seu-perfil:before,
  .featured-article:after,
  .featured-article:before,
  .platforms__call-to-action .platforms__call-to-action-inner:after,
  .platforms__call-to-action .platforms__call-to-action-inner:before,
  .platforms__filter:after,
  .platforms__filter:before,
  .platforms__listing:after,
  .platforms__listing:before,
  .platforms__read-more-inner:after,
  .platforms__read-more-inner:before,
  .section:after,
  .section:before {
    content: "";
    display: table;
  }

  #carreiras .boas-oportunidades:after,
  #carreiras .faca-a-diferenca:after,
  #carreiras .junte-se-a-nos:after,
  #carreiras .responsabilidade-corporativa:after,
  #compliance-visao:after,
  #compliance .certificacoes:after,
  #compliance .nossa-atuacao:after,
  #compliance .pequenas-atitudes:after,
  #compliance .supervisao-autonomos:after,
  #escritorios .principais-escritorios:after,
  #grupo-xp .empresas-do-grupo:after,
  #grupo-xp .estrutura-societaria:after,
  #grupo-xp .nossa-presenca:after,
  #grupo-xp .porta-vozes:after,
  #importancia-da-assessoria .hoje-ou-futuro .wrap:after,
  #importancia-da-assessoria .intro:after,
  #quem-somos .nossa-presenca:after,
  #quem-somos .nossos-numeros:after,
  #quem-somos .nossos-pilares:after,
  #relacionamento-xp .assessoria-digital:after,
  #relacionamento-xp .assessoria-exclusiva:after,
  #relacionamento-xp .assessoria-on-demand:after,
  #relacionamento-xp .assessoria-private:after,
  #relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper:after,
  #relacionamento-xp .estilo-ideal:after,
  #relacionamento-xp .qual-seu-perfil:after,
  .featured-article:after,
  .platforms__call-to-action .platforms__call-to-action-inner:after,
  .platforms__filter:after,
  .platforms__listing:after,
  .platforms__read-more-inner:after,
  .section:after {
    clear: both;
  }
}
#compliance-call-to-action,
#quem-somos-call-to-action,
#relacionamento-xp-call-to-action,
.call-to-action {
  background: #b1b3b4 url(assets/call-quem-somos-2018.jpg) no-repeat 50%;
  background-size: cover;
  min-height: 72vw;
  text-align: center;
  padding: 5vw 0;
  overflow: hidden;
  position: relative;
  z-index: 7;
}

@media only all and (min-width: 412px) {
  #compliance-call-to-action,
  #quem-somos-call-to-action,
  #relacionamento-xp-call-to-action,
  .call-to-action {
    min-height: inherit;
    height: 70vw;
    text-align: center;
    padding: 7.25vw 0;
  }
}
@media only all and (min-width: 768px) {
  #compliance-call-to-action,
  #quem-somos-call-to-action,
  #relacionamento-xp-call-to-action,
  .call-to-action {
    background-image: url(assets/call-quem-somos-2018.jpg);
    max-height: 378px;
    overflow: hidden;
    padding: .5em 0 2.12em;
    margin-top: 6em;
  }
}
@media only all and (min-width: 768px) {
  #compliance-call-to-action .text-block-centered,
  #quem-somos-call-to-action .text-block-centered,
  #relacionamento-xp-call-to-action .text-block-centered,
  .call-to-action .text-block-centered {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 82.83333%;
    margin-left: 8.58333%;
    margin-right: 3%;
    padding: 4.5em 0 6em;
  }

  #compliance-call-to-action .text-block-centered:after,
  #compliance-call-to-action .text-block-centered:before,
  #quem-somos-call-to-action .text-block-centered:after,
  #quem-somos-call-to-action .text-block-centered:before,
  #relacionamento-xp-call-to-action .text-block-centered:after,
  #relacionamento-xp-call-to-action .text-block-centered:before,
  .call-to-action .text-block-centered:after,
  .call-to-action .text-block-centered:before {
    content: "";
    display: table;
  }

  #compliance-call-to-action .text-block-centered:after,
  #quem-somos-call-to-action .text-block-centered:after,
  #relacionamento-xp-call-to-action .text-block-centered:after,
  .call-to-action .text-block-centered:after {
    clear: both;
  }

  #compliance-call-to-action .text-block-centered:last-child,
  #quem-somos-call-to-action .text-block-centered:last-child,
  #relacionamento-xp-call-to-action .text-block-centered:last-child,
  .call-to-action .text-block-centered:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 1200px) {
  #compliance-call-to-action .text-block-centered,
  #quem-somos-call-to-action .text-block-centered,
  #relacionamento-xp-call-to-action .text-block-centered,
  .call-to-action .text-block-centered {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 65.66667%;
    margin-left: 17.16667%;
    margin-right: 3%;
  }

  #compliance-call-to-action .text-block-centered:after,
  #compliance-call-to-action .text-block-centered:before,
  #quem-somos-call-to-action .text-block-centered:after,
  #quem-somos-call-to-action .text-block-centered:before,
  #relacionamento-xp-call-to-action .text-block-centered:after,
  #relacionamento-xp-call-to-action .text-block-centered:before,
  .call-to-action .text-block-centered:after,
  .call-to-action .text-block-centered:before {
    content: "";
    display: table;
  }

  #compliance-call-to-action .text-block-centered:after,
  #quem-somos-call-to-action .text-block-centered:after,
  #relacionamento-xp-call-to-action .text-block-centered:after,
  .call-to-action .text-block-centered:after {
    clear: both;
  }

  #compliance-call-to-action .text-block-centered:last-child,
  #quem-somos-call-to-action .text-block-centered:last-child,
  #relacionamento-xp-call-to-action .text-block-centered:last-child,
  .call-to-action .text-block-centered:last-child {
    margin-right: 0;
  }
}
#compliance-call-to-action h2,
#quem-somos-call-to-action h2,
#relacionamento-xp-call-to-action h2,
.call-to-action h2 {
  margin-bottom: 3.5vw;
  font: 400 5.2vw/1.45 Roboto Slab, Arial, sans-serif;
  color: #fff;
}

@media only all and (min-width: 768px) {
  #compliance-call-to-action h2,
  #quem-somos-call-to-action h2,
  #relacionamento-xp-call-to-action h2,
  .call-to-action h2 {
    margin: 0 0 1em;
    font-size: 1.625em;
    line-height: 1.4;
  }
}
#compliance-call-to-action p,
#quem-somos-call-to-action p,
#relacionamento-xp-call-to-action p,
.call-to-action p {
  font: 400 4.2vw/1.45 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #c6c7c8;
  letter-spacing: -0.25;
}

@media only all and (min-width: 768px) {
  #compliance-call-to-action p,
  #quem-somos-call-to-action p,
  #relacionamento-xp-call-to-action p,
  .call-to-action p {
    font: 400 1.15em/1.5 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: 0 0 2.85em;
    letter-spacing: 0.032em;
  }
}
#compliance-call-to-action .button,
#quem-somos-call-to-action .button,
#relacionamento-xp-call-to-action .button,
.call-to-action .button {
  font-size: 3.5vw;
  font-weight: 400;
  border-radius: .5vw;
  padding: 1vw 3.6vw 1.1vw;
}

@media only all and (min-width: 768px) {
  #compliance-call-to-action .button,
  #quem-somos-call-to-action .button,
  #relacionamento-xp-call-to-action .button,
  .call-to-action .button {
    border-radius: 3px;
    background-clip: padding-box;
    padding: .35em 1.1em .2em;
    line-height: 1;
    font-size: .875em;
    font-weight: 400;
  }
}
a {
  color: #52b3c6;
}

a.has-uppercase {
  text-transform: uppercase;
}

a:hover {
  color: #007bc7;
}

.link-follow {
  display: block;
  width: 65%;
  text-decoration: none;
  font-size: 3.3vw;
  line-height: 1.6;
  text-align: left;
  color: #52b3c6;
}

@media only all and (min-width: 768px) {
  .link-follow {
    width: 100%;
    font-size: 1em;
  }
}
.link-follow:after {
  content: "";
  background-image: url(assets/blue-arrow-right.png);
  width: 22px;
  height: 13px;
  position: relative;
  display: inline-block;
  top: 2px;
  margin-left: 8px;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .link-follow:after {
    background-image: url(assets/blue-arrow-right.png);
    background-size: 22px 13px;
  }
}
@media only all and (min-width: 768px) {
  .link-follow {
    display: inline-block;
    text-align: left;
  }

  .link-follow:after {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 768px) {
  #carreiras .boas-oportunidades .main-text,
  #carreiras .faca-a-diferenca .main-text,
  #carreiras .junte-se-a-nos .main-text,
  #carreiras .responsabilidade-corporativa .main-text,
  #compliance-visao .main-text,
  #compliance .certificacoes .main-text,
  #compliance .nossa-atuacao .main-text,
  #compliance .pequenas-atitudes .main-text,
  #compliance .supervisao-autonomos .main-text,
  #escritorios .principais-escritorios .main-text,
  #grupo-xp .empresas-do-grupo .main-text,
  #grupo-xp .estrutura-societaria .main-text,
  #grupo-xp .nossa-presenca .main-text,
  #grupo-xp .porta-vozes .main-text,
  #importancia-da-assessoria .hoje-ou-futuro .wrap .main-text,
  #importancia-da-assessoria .intro .main-text,
  #quem-somos .nossa-presenca .main-text,
  #quem-somos .nossos-numeros .main-text,
  #quem-somos .nossos-pilares .main-text,
  #relacionamento-xp .assessoria-digital .main-text,
  #relacionamento-xp .assessoria-exclusiva .main-text,
  #relacionamento-xp .assessoria-on-demand .main-text,
  #relacionamento-xp .assessoria-private .main-text,
  #relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper .main-text,
  #relacionamento-xp .estilo-ideal .main-text,
  #relacionamento-xp .qual-seu-perfil .main-text,
  .featured-article .main-text,
  .platforms__call-to-action .platforms__call-to-action-inner .main-text,
  .platforms__filter .main-text,
  .platforms__listing .main-text,
  .platforms__read-more-inner .main-text,
  .section .main-text {
    margin-bottom: 62px;
  }
}
#carreiras .boas-oportunidades .main-text h2,
#carreiras .faca-a-diferenca .main-text h2,
#carreiras .junte-se-a-nos .main-text h2,
#carreiras .responsabilidade-corporativa .main-text h2,
#compliance-visao .main-text h2,
#compliance .certificacoes .main-text h2,
#compliance .nossa-atuacao .main-text h2,
#compliance .pequenas-atitudes .main-text h2,
#compliance .supervisao-autonomos .main-text h2,
#escritorios .principais-escritorios .main-text h2,
#grupo-xp .empresas-do-grupo .main-text h2,
#grupo-xp .estrutura-societaria .main-text h2,
#grupo-xp .nossa-presenca .main-text h2,
#grupo-xp .porta-vozes .main-text h2,
#importancia-da-assessoria .hoje-ou-futuro .wrap .main-text h2,
#importancia-da-assessoria .intro .main-text h2,
#quem-somos .nossa-presenca .main-text h2,
#quem-somos .nossos-numeros .main-text h2,
#quem-somos .nossos-pilares .main-text h2,
#relacionamento-xp .assessoria-digital .main-text h2,
#relacionamento-xp .assessoria-exclusiva .main-text h2,
#relacionamento-xp .assessoria-on-demand .main-text h2,
#relacionamento-xp .assessoria-private .main-text h2,
#relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper .main-text h2,
#relacionamento-xp .estilo-ideal .main-text h2,
#relacionamento-xp .qual-seu-perfil .main-text h2,
.featured-article .main-text h2,
.platforms__call-to-action .platforms__call-to-action-inner .main-text h2,
.platforms__filter .main-text h2,
.platforms__listing .main-text h2,
.platforms__read-more-inner .main-text h2,
.section .main-text h2 {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #707173;
  text-transform: uppercase;
  font-size: 3.1vw;
  text-align: left;
  margin-bottom: 3vw;
}

@media only all and (min-width: 768px) {
  #carreiras .boas-oportunidades .main-text h2,
  #carreiras .faca-a-diferenca .main-text h2,
  #carreiras .junte-se-a-nos .main-text h2,
  #carreiras .responsabilidade-corporativa .main-text h2,
  #compliance-visao .main-text h2,
  #compliance .certificacoes .main-text h2,
  #compliance .nossa-atuacao .main-text h2,
  #compliance .pequenas-atitudes .main-text h2,
  #compliance .supervisao-autonomos .main-text h2,
  #escritorios .principais-escritorios .main-text h2,
  #grupo-xp .empresas-do-grupo .main-text h2,
  #grupo-xp .estrutura-societaria .main-text h2,
  #grupo-xp .nossa-presenca .main-text h2,
  #grupo-xp .porta-vozes .main-text h2,
  #importancia-da-assessoria .hoje-ou-futuro .wrap .main-text h2,
  #importancia-da-assessoria .intro .main-text h2,
  #quem-somos .nossa-presenca .main-text h2,
  #quem-somos .nossos-numeros .main-text h2,
  #quem-somos .nossos-pilares .main-text h2,
  #relacionamento-xp .assessoria-digital .main-text h2,
  #relacionamento-xp .assessoria-exclusiva .main-text h2,
  #relacionamento-xp .assessoria-on-demand .main-text h2,
  #relacionamento-xp .assessoria-private .main-text h2,
  #relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper .main-text h2,
  #relacionamento-xp .estilo-ideal .main-text h2,
  #relacionamento-xp .qual-seu-perfil .main-text h2,
  .featured-article .main-text h2,
  .platforms__call-to-action .platforms__call-to-action-inner .main-text h2,
  .platforms__filter .main-text h2,
  .platforms__listing .main-text h2,
  .platforms__read-more-inner .main-text h2,
  .section .main-text h2 {
    font: 700 1.0375em/1.45 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    height: auto;
    margin-bottom: 1em;
  }
}
#carreiras .boas-oportunidades .main-text p,
#carreiras .faca-a-diferenca .main-text p,
#carreiras .junte-se-a-nos .main-text p,
#carreiras .responsabilidade-corporativa .main-text p,
#compliance-visao .main-text p,
#compliance .certificacoes .main-text p,
#compliance .nossa-atuacao .main-text p,
#compliance .pequenas-atitudes .main-text p,
#compliance .supervisao-autonomos .main-text p,
#escritorios .principais-escritorios .main-text p,
#grupo-xp .empresas-do-grupo .main-text p,
#grupo-xp .estrutura-societaria .main-text p,
#grupo-xp .nossa-presenca .main-text p,
#grupo-xp .porta-vozes .main-text p,
#importancia-da-assessoria .hoje-ou-futuro .wrap .main-text p,
#importancia-da-assessoria .intro .main-text p,
#quem-somos .nossa-presenca .main-text p,
#quem-somos .nossos-numeros .main-text p,
#quem-somos .nossos-pilares .main-text p,
#relacionamento-xp .assessoria-digital .main-text p,
#relacionamento-xp .assessoria-exclusiva .main-text p,
#relacionamento-xp .assessoria-on-demand .main-text p,
#relacionamento-xp .assessoria-private .main-text p,
#relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper .main-text p,
#relacionamento-xp .estilo-ideal .main-text p,
#relacionamento-xp .qual-seu-perfil .main-text p,
.featured-article .main-text p,
.platforms__call-to-action .platforms__call-to-action-inner .main-text p,
.platforms__filter .main-text p,
.platforms__listing .main-text p,
.platforms__read-more-inner .main-text p,
.section .main-text p {
  font-family: Roboto Slab, Arial, sans-serif;
  font-weight: 300;
  font-size: 5.05vw;
  line-height: 1.415em;
  margin-bottom: 1em;
  letter-spacing: 0;
  color: #a4a4a9;
}

@media only all and (min-width: 768px) {
  #carreiras .boas-oportunidades .main-text p,
  #carreiras .faca-a-diferenca .main-text p,
  #carreiras .junte-se-a-nos .main-text p,
  #carreiras .responsabilidade-corporativa .main-text p,
  #compliance-visao .main-text p,
  #compliance .certificacoes .main-text p,
  #compliance .nossa-atuacao .main-text p,
  #compliance .pequenas-atitudes .main-text p,
  #compliance .supervisao-autonomos .main-text p,
  #escritorios .principais-escritorios .main-text p,
  #grupo-xp .empresas-do-grupo .main-text p,
  #grupo-xp .estrutura-societaria .main-text p,
  #grupo-xp .nossa-presenca .main-text p,
  #grupo-xp .porta-vozes .main-text p,
  #importancia-da-assessoria .hoje-ou-futuro .wrap .main-text p,
  #importancia-da-assessoria .intro .main-text p,
  #quem-somos .nossa-presenca .main-text p,
  #quem-somos .nossos-numeros .main-text p,
  #quem-somos .nossos-pilares .main-text p,
  #relacionamento-xp .assessoria-digital .main-text p,
  #relacionamento-xp .assessoria-exclusiva .main-text p,
  #relacionamento-xp .assessoria-on-demand .main-text p,
  #relacionamento-xp .assessoria-private .main-text p,
  #relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper .main-text p,
  #relacionamento-xp .estilo-ideal .main-text p,
  #relacionamento-xp .qual-seu-perfil .main-text p,
  .featured-article .main-text p,
  .platforms__call-to-action .platforms__call-to-action-inner .main-text p,
  .platforms__filter .main-text p,
  .platforms__listing .main-text p,
  .platforms__read-more-inner .main-text p,
  .section .main-text p {
    font: 300 1.6em/1.45 Roboto Slab, Arial, sans-serif;
  }
}
#carreiras .boas-oportunidades .main-text .link-follow,
#carreiras .faca-a-diferenca .main-text .link-follow,
#carreiras .junte-se-a-nos .main-text .link-follow,
#carreiras .responsabilidade-corporativa .main-text .link-follow,
#compliance-visao .main-text .link-follow,
#compliance .certificacoes .main-text .link-follow,
#compliance .nossa-atuacao .main-text .link-follow,
#compliance .pequenas-atitudes .main-text .link-follow,
#compliance .supervisao-autonomos .main-text .link-follow,
#escritorios .principais-escritorios .main-text .link-follow,
#grupo-xp .empresas-do-grupo .main-text .link-follow,
#grupo-xp .estrutura-societaria .main-text .link-follow,
#grupo-xp .nossa-presenca .main-text .link-follow,
#grupo-xp .porta-vozes .main-text .link-follow,
#importancia-da-assessoria .hoje-ou-futuro .wrap .main-text .link-follow,
#importancia-da-assessoria .intro .main-text .link-follow,
#quem-somos .nossa-presenca .main-text .link-follow,
#quem-somos .nossos-numeros .main-text .link-follow,
#quem-somos .nossos-pilares .main-text .link-follow,
#relacionamento-xp .assessoria-digital .main-text .link-follow,
#relacionamento-xp .assessoria-exclusiva .main-text .link-follow,
#relacionamento-xp .assessoria-on-demand .main-text .link-follow,
#relacionamento-xp .assessoria-private .main-text .link-follow,
#relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper .main-text .link-follow,
#relacionamento-xp .estilo-ideal .main-text .link-follow,
#relacionamento-xp .qual-seu-perfil .main-text .link-follow,
.featured-article .main-text .link-follow,
.platforms__call-to-action .platforms__call-to-action-inner .main-text .link-follow,
.platforms__filter .main-text .link-follow,
.platforms__listing .main-text .link-follow,
.platforms__read-more-inner .main-text .link-follow,
.section .main-text .link-follow {
  width: 100%;
  display: block;
  font-size: 3.6vw;
  text-align: left;
}

@media only all and (min-width: 768px) {
  #carreiras .boas-oportunidades .main-text .link-follow,
  #carreiras .faca-a-diferenca .main-text .link-follow,
  #carreiras .junte-se-a-nos .main-text .link-follow,
  #carreiras .responsabilidade-corporativa .main-text .link-follow,
  #compliance-visao .main-text .link-follow,
  #compliance .certificacoes .main-text .link-follow,
  #compliance .nossa-atuacao .main-text .link-follow,
  #compliance .pequenas-atitudes .main-text .link-follow,
  #compliance .supervisao-autonomos .main-text .link-follow,
  #escritorios .principais-escritorios .main-text .link-follow,
  #grupo-xp .empresas-do-grupo .main-text .link-follow,
  #grupo-xp .estrutura-societaria .main-text .link-follow,
  #grupo-xp .nossa-presenca .main-text .link-follow,
  #grupo-xp .porta-vozes .main-text .link-follow,
  #importancia-da-assessoria .hoje-ou-futuro .wrap .main-text .link-follow,
  #importancia-da-assessoria .intro .main-text .link-follow,
  #quem-somos .nossa-presenca .main-text .link-follow,
  #quem-somos .nossos-numeros .main-text .link-follow,
  #quem-somos .nossos-pilares .main-text .link-follow,
  #relacionamento-xp .assessoria-digital .main-text .link-follow,
  #relacionamento-xp .assessoria-exclusiva .main-text .link-follow,
  #relacionamento-xp .assessoria-on-demand .main-text .link-follow,
  #relacionamento-xp .assessoria-private .main-text .link-follow,
  #relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper .main-text .link-follow,
  #relacionamento-xp .estilo-ideal .main-text .link-follow,
  #relacionamento-xp .qual-seu-perfil .main-text .link-follow,
  .featured-article .main-text .link-follow,
  .platforms__call-to-action .platforms__call-to-action-inner .main-text .link-follow,
  .platforms__filter .main-text .link-follow,
  .platforms__listing .main-text .link-follow,
  .platforms__read-more-inner .main-text .link-follow,
  .section .main-text .link-follow {
    font-size: 1em;
  }
}
#carreiras .boas-oportunidades .text-block,
#carreiras .faca-a-diferenca .text-block,
#carreiras .junte-se-a-nos .text-block,
#carreiras .responsabilidade-corporativa .text-block,
#compliance-visao .text-block,
#compliance .certificacoes .text-block,
#compliance .nossa-atuacao .text-block,
#compliance .pequenas-atitudes .text-block,
#compliance .supervisao-autonomos .text-block,
#escritorios .principais-escritorios .text-block,
#grupo-xp .empresas-do-grupo .text-block,
#grupo-xp .estrutura-societaria .text-block,
#grupo-xp .nossa-presenca .text-block,
#grupo-xp .porta-vozes .text-block,
#importancia-da-assessoria .hoje-ou-futuro .wrap .text-block,
#importancia-da-assessoria .intro .text-block,
#quem-somos .nossa-presenca .text-block,
#quem-somos .nossos-numeros .text-block,
#quem-somos .nossos-pilares .text-block,
#relacionamento-xp .assessoria-digital .text-block,
#relacionamento-xp .assessoria-exclusiva .text-block,
#relacionamento-xp .assessoria-on-demand .text-block,
#relacionamento-xp .assessoria-private .text-block,
#relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper .text-block,
#relacionamento-xp .estilo-ideal .text-block,
#relacionamento-xp .qual-seu-perfil .text-block,
.featured-article .text-block,
.platforms__call-to-action .platforms__call-to-action-inner .text-block,
.platforms__filter .text-block,
.platforms__listing .text-block,
.platforms__read-more-inner .text-block,
.section .text-block {
  margin-top: 4vw;
  margin-bottom: 10vw;
  clear: both;
}

@media only all and (min-width: 768px) {
  #carreiras .boas-oportunidades .text-block,
  #carreiras .faca-a-diferenca .text-block,
  #carreiras .junte-se-a-nos .text-block,
  #carreiras .responsabilidade-corporativa .text-block,
  #compliance-visao .text-block,
  #compliance .certificacoes .text-block,
  #compliance .nossa-atuacao .text-block,
  #compliance .pequenas-atitudes .text-block,
  #compliance .supervisao-autonomos .text-block,
  #escritorios .principais-escritorios .text-block,
  #grupo-xp .empresas-do-grupo .text-block,
  #grupo-xp .estrutura-societaria .text-block,
  #grupo-xp .nossa-presenca .text-block,
  #grupo-xp .porta-vozes .text-block,
  #importancia-da-assessoria .hoje-ou-futuro .wrap .text-block,
  #importancia-da-assessoria .intro .text-block,
  #quem-somos .nossa-presenca .text-block,
  #quem-somos .nossos-numeros .text-block,
  #quem-somos .nossos-pilares .text-block,
  #relacionamento-xp .assessoria-digital .text-block,
  #relacionamento-xp .assessoria-exclusiva .text-block,
  #relacionamento-xp .assessoria-on-demand .text-block,
  #relacionamento-xp .assessoria-private .text-block,
  #relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper .text-block,
  #relacionamento-xp .estilo-ideal .text-block,
  #relacionamento-xp .qual-seu-perfil .text-block,
  .featured-article .text-block,
  .platforms__call-to-action .platforms__call-to-action-inner .text-block,
  .platforms__filter .text-block,
  .platforms__listing .text-block,
  .platforms__read-more-inner .text-block,
  .section .text-block {
    margin-top: 34px;
    margin-bottom: 55px;
  }
}
#carreiras .boas-oportunidades .text-block h3,
#carreiras .faca-a-diferenca .text-block h3,
#carreiras .junte-se-a-nos .text-block h3,
#carreiras .responsabilidade-corporativa .text-block h3,
#compliance-visao .text-block h3,
#compliance .certificacoes .text-block h3,
#compliance .nossa-atuacao .text-block h3,
#compliance .pequenas-atitudes .text-block h3,
#compliance .supervisao-autonomos .text-block h3,
#escritorios .principais-escritorios .text-block h3,
#grupo-xp .empresas-do-grupo .text-block h3,
#grupo-xp .estrutura-societaria .text-block h3,
#grupo-xp .nossa-presenca .text-block h3,
#grupo-xp .porta-vozes .text-block h3,
#importancia-da-assessoria .hoje-ou-futuro .wrap .text-block h3,
#importancia-da-assessoria .intro .text-block h3,
#quem-somos .nossa-presenca .text-block h3,
#quem-somos .nossos-numeros .text-block h3,
#quem-somos .nossos-pilares .text-block h3,
#relacionamento-xp .assessoria-digital .text-block h3,
#relacionamento-xp .assessoria-exclusiva .text-block h3,
#relacionamento-xp .assessoria-on-demand .text-block h3,
#relacionamento-xp .assessoria-private .text-block h3,
#relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper .text-block h3,
#relacionamento-xp .estilo-ideal .text-block h3,
#relacionamento-xp .qual-seu-perfil .text-block h3,
.featured-article .text-block h3,
.platforms__call-to-action .platforms__call-to-action-inner .text-block h3,
.platforms__filter .text-block h3,
.platforms__listing .text-block h3,
.platforms__read-more-inner .text-block h3,
.section .text-block h3 {
  font-family: Roboto Slab, Arial, sans-serif;
  font-weight: 400;
  color: #707173;
  font-size: 5.2vw;
  line-height: 1.2em;
  margin-bottom: 4vw;
}

@media only all and (min-width: 768px) {
  #carreiras .boas-oportunidades .text-block h3,
  #carreiras .faca-a-diferenca .text-block h3,
  #carreiras .junte-se-a-nos .text-block h3,
  #carreiras .responsabilidade-corporativa .text-block h3,
  #compliance-visao .text-block h3,
  #compliance .certificacoes .text-block h3,
  #compliance .nossa-atuacao .text-block h3,
  #compliance .pequenas-atitudes .text-block h3,
  #compliance .supervisao-autonomos .text-block h3,
  #escritorios .principais-escritorios .text-block h3,
  #grupo-xp .empresas-do-grupo .text-block h3,
  #grupo-xp .estrutura-societaria .text-block h3,
  #grupo-xp .nossa-presenca .text-block h3,
  #grupo-xp .porta-vozes .text-block h3,
  #importancia-da-assessoria .hoje-ou-futuro .wrap .text-block h3,
  #importancia-da-assessoria .intro .text-block h3,
  #quem-somos .nossa-presenca .text-block h3,
  #quem-somos .nossos-numeros .text-block h3,
  #quem-somos .nossos-pilares .text-block h3,
  #relacionamento-xp .assessoria-digital .text-block h3,
  #relacionamento-xp .assessoria-exclusiva .text-block h3,
  #relacionamento-xp .assessoria-on-demand .text-block h3,
  #relacionamento-xp .assessoria-private .text-block h3,
  #relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper .text-block h3,
  #relacionamento-xp .estilo-ideal .text-block h3,
  #relacionamento-xp .qual-seu-perfil .text-block h3,
  .featured-article .text-block h3,
  .platforms__call-to-action .platforms__call-to-action-inner .text-block h3,
  .platforms__filter .text-block h3,
  .platforms__listing .text-block h3,
  .platforms__read-more-inner .text-block h3,
  .section .text-block h3 {
    font-size: 1.6em;
    height: inherit;
    margin-bottom: 31px;
  }
}
#carreiras .boas-oportunidades .text-block p,
#carreiras .faca-a-diferenca .text-block p,
#carreiras .junte-se-a-nos .text-block p,
#carreiras .responsabilidade-corporativa .text-block p,
#compliance-visao .text-block p,
#compliance .certificacoes .text-block p,
#compliance .nossa-atuacao .text-block p,
#compliance .pequenas-atitudes .text-block p,
#compliance .supervisao-autonomos .text-block p,
#escritorios .principais-escritorios .text-block p,
#grupo-xp .empresas-do-grupo .text-block p,
#grupo-xp .estrutura-societaria .text-block p,
#grupo-xp .nossa-presenca .text-block p,
#grupo-xp .porta-vozes .text-block p,
#importancia-da-assessoria .hoje-ou-futuro .wrap .text-block p,
#importancia-da-assessoria .intro .text-block p,
#quem-somos .nossa-presenca .text-block p,
#quem-somos .nossos-numeros .text-block p,
#quem-somos .nossos-pilares .text-block p,
#relacionamento-xp .assessoria-digital .text-block p,
#relacionamento-xp .assessoria-exclusiva .text-block p,
#relacionamento-xp .assessoria-on-demand .text-block p,
#relacionamento-xp .assessoria-private .text-block p,
#relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper .text-block p,
#relacionamento-xp .estilo-ideal .text-block p,
#relacionamento-xp .qual-seu-perfil .text-block p,
.featured-article .text-block p,
.platforms__call-to-action .platforms__call-to-action-inner .text-block p,
.platforms__filter .text-block p,
.platforms__listing .text-block p,
.platforms__read-more-inner .text-block p,
.section .text-block p {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 4vw;
  line-height: 1.4em;
  margin-bottom: 6vw;
  letter-spacing: .5px;
  color: #b1b3b4;
}

@media only all and (min-width: 768px) {
  #carreiras .boas-oportunidades .text-block p,
  #carreiras .faca-a-diferenca .text-block p,
  #carreiras .junte-se-a-nos .text-block p,
  #carreiras .responsabilidade-corporativa .text-block p,
  #compliance-visao .text-block p,
  #compliance .certificacoes .text-block p,
  #compliance .nossa-atuacao .text-block p,
  #compliance .pequenas-atitudes .text-block p,
  #compliance .supervisao-autonomos .text-block p,
  #escritorios .principais-escritorios .text-block p,
  #grupo-xp .empresas-do-grupo .text-block p,
  #grupo-xp .estrutura-societaria .text-block p,
  #grupo-xp .nossa-presenca .text-block p,
  #grupo-xp .porta-vozes .text-block p,
  #importancia-da-assessoria .hoje-ou-futuro .wrap .text-block p,
  #importancia-da-assessoria .intro .text-block p,
  #quem-somos .nossa-presenca .text-block p,
  #quem-somos .nossos-numeros .text-block p,
  #quem-somos .nossos-pilares .text-block p,
  #relacionamento-xp .assessoria-digital .text-block p,
  #relacionamento-xp .assessoria-exclusiva .text-block p,
  #relacionamento-xp .assessoria-on-demand .text-block p,
  #relacionamento-xp .assessoria-private .text-block p,
  #relacionamento-xp .escritorios-credenciados .escritorios-credenciados-wrapper .text-block p,
  #relacionamento-xp .estilo-ideal .text-block p,
  #relacionamento-xp .qual-seu-perfil .text-block p,
  .featured-article .text-block p,
  .platforms__call-to-action .platforms__call-to-action-inner .text-block p,
  .platforms__filter .text-block p,
  .platforms__listing .text-block p,
  .platforms__read-more-inner .text-block p,
  .section .text-block p {
    font: 400 1.1em/1.45 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin-bottom: 50px;
  }
}
.picture-wrap {
  position: relative;
}

.picture-wrap img {
  width: 100%;
  max-width: none;
}

.picture-caption {
  position: absolute;
  text-align: left;
}

@media only all and (min-width: 768px) {
  .picture-caption {
    display: table;
  }
}
.picture-caption.from-bottom-left {
  bottom: 5%;
  left: 5%;
}

.picture-caption.from-top-left {
  top: 5%;
  left: 5%;
}

.picture-caption p {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #b1b3b4;
  font-size: 2.7vw;
  letter-spacing: -.01em;
  margin-bottom: 0;
}

@media only all and (min-width: 768px) {
  .picture-caption p {
    font-size: .96875em;
    margin-bottom: 0.2em;
  }
}
.picture-caption strong {
  color: #eceded;
  font-weight: 700;
}

.picture-full {
  width: 100%;
  overflow: hidden;
  height: 65.5vw;
  padding: 2.1vw 0 0;
}

@media only all and (min-width: 768px) {
  .picture-full {
    padding: 0;
    height: 459px;
  }
}
.picture-full.from-right {
  padding: 2.1vw 0 0 7vw;
}

@media only all and (min-width: 768px) {
  .picture-full.from-right {
    padding: 0 0 0 7vw;
  }
}
@media only all and (min-width: 1280px) {
  .picture-full.from-right {
    padding: 0 0 0 calc(((100vw - 1280px)/2) + 32px);
  }
}
@media only all and (min-width: 1440px) {
  .picture-full.from-right {
    padding: 0 calc((100vw - 1190px)/2) 0 calc((100vw - 1325px)/2);
  }
  .fundo-grupo-xp > .image-wrap {
    background-image: url(../../assets/img-full.png);
    height: 459px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: initial;
  }
}
.picture-full.from-left {
  padding: 2.1vw 7vw 0 0;
}

@media only all and (min-width: 768px) {
  .picture-full.from-left {
    padding: 0 32px 0 0;
  }
}
@media only all and (min-width: 1280px) {
  .picture-full.from-left {
    padding: 0 calc(((100vw - 1280px)/2) + 26px) 0 0;
  }
}
@media only all and (min-width: 1440px) {
  .picture-full.from-left {
    padding: 0 calc((100vw - 1280px)/2) 0 0;
  }
}
.picture-full .image-wrap {
  background-position: 77%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

@media only all and (min-width: 768px) {
  .picture-full .image-wrap {
    height: 459px;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: initial;
  }
}
.picture-full.align-right {
  padding: 7vw 0 0;
}

.picture-full.align-right .image-wrap {
  background-position: 100%;
}

hr.dash {
  background: #ffc608;
  display: block;
  border: 0;
  border-top: 1px solid #ffc608;
  width: 6vw;
  height: 0.4vw;
}

@media only all and (min-width: 768px) {
  hr.dash {
    width: 45px;
    height: 3px;
  }
}
hr.dash.is-left {
  text-align: left;
  display: inline-block;
}

hr.dash.dash-smaller {
  width: 5vw !important;
  height: 0.3vw !important;
}

@media only all and (min-width: 768px) {
  hr.dash.dash-smaller {
    width: 23px !important;
    height: 2px !important;
  }
}
h2 + hr.dash {
  margin-bottom: 3em;
}

.has-dash {
  position: relative;
}

.has-dash:before {
  content: " ";
  background-color: #ffc608;
  position: absolute;
  width: calc(100% - 7vw);
  height: 1.5vw;
  top: 0;
  right: 0;
}

@media only all and (min-width: 768px) {
  .has-dash:before {
    width: 95%;
    height: 6px;
  }
}
.has-dash.dash-top-right:before {
  top: 0;
  right: 0;
}

.has-dash.dash-bottom-right:before {
  top: calc(100% - 5px);
  right: 0;
}

@media only all and (min-width: 768px) {
  .has-dash.dash-bottom-right:before {
    top: calc(100% - 5px);
  }

  .escritorio-sp > .has-dash.dash-bottom-right:before {
    top: calc(100% - 4px);
  }
}
.has-dash.dash-top-left:before {
  top: 0;
  left: 0;
}

.has-dash.dash-bottom-left:before {
  top: calc(100% - 5px);
  right: 0;
}

.has-dash.dash-bottom-center:before {
  bottom: 0;
  width: 5%;
  right: auto;
  top: auto;
  left: 50%;
  height: .5vw;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

@media only all and (min-width: 768px) {
  .has-dash.dash-bottom-center:before {
    height: 2px !important;
    width: 23px !important;
  }
}
.has-pre-dash {
  position: relative;
}

.has-pre-dash:first-child {
  padding-top: 4vw;
}

@media only all and (min-width: 768px) {
  .has-pre-dash:first-child {
    padding-top: 0.8em;
  }
}
.has-pre-dash:before {
  content: " ";
  background-color: #ffc608;
  position: absolute;
  width: 5vw;
  height: .3vw;
  top: 0;
  left: 0;
}

@media only all and (min-width: 768px) {
  .has-pre-dash:before {
    width: 23px;
    height: 2px;
  }
}
@media only all and (min-width: 768px) {
  .featured-article {
    margin-bottom: 60px;
  }
}
@media only all and (min-width: 992px) {
  .featured-article {
    margin-bottom: 83px;
  }
}
.featured-article .main-text p,
.featured-article .text-block p {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 4vw;
  line-height: 1.4em;
  margin-bottom: 6vw;
  letter-spacing: .5px;
  color: #b1b3b4 !important;
}

@media only all and (min-width: 768px) {
  .featured-article .main-text p,
  .featured-article .text-block p {
    font: 400 1.1em/1.45 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    letter-spacing: .5px;
    color: #b1b3b4 !important;
    margin-bottom: 34px;
  }
}
@media only all and (min-width: 768px) {
  .featured-article .main-text {
    margin-bottom: 0;
  }
}
.featured-article .main-text header {
  padding-top: 8.5vw;
  padding-bottom: 2vw;
}

@media only all and (min-width: 768px) {
  .featured-article .main-text header {
    padding-top: 50px;
    padding-bottom: 0;
  }
}
.featured-article .main-text h2 {
  font-family: Roboto Slab, Arial, sans-serif;
  font-size: 5.2vw;
  text-transform: none;
  font-weight: 300;
}

@media only all and (min-width: 768px) {
  .featured-article .main-text h2 {
    font-size: 1.6em;
    font-weight: 400;
  }
}
.featured-article .main-text p:last-of-type {
  margin-bottom: 20px;
}

.featured-article .main-text hr:not(.dash) {
  height: 1px;
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
  overflow: hidden;
  clear: both;
  position: relative;
  top: 1.1vw;
  border: 0;
  outline: 0;
  background-color: #d9d9d9;
}

@media only all and (min-width: 768px) {
  .featured-article .main-text hr:not(.dash) {
    top: 8px;
  }
}
.featured-article .text-block {
  margin-top: 7vw;
}

@media only all and (min-width: 768px) {
  .featured-article .text-block {
    margin-top: 32px;
  }
}
@media only all and (min-width: 768px) {
  .featured-article .main-text .dash,
  .featured-article .text-block .dash {
    width: 23px;
    height: 2px;
    border: 0;
    display: block;
    margin-left: 0;
  }
}
.featured-article--inverse .featured-article__picture {
  margin-left: -7vw;
}

.featured-article--inverse .featured-article__picture .picture-wrap {
  background-size: cover !important;
  background-position: 100% !important;
}

@media only all and (min-width: 768px) {
  .featured-article--inverse .featured-article__picture {
    float: left;
    margin-right: 0;
    margin-left: calc((100vw - 100%)/-2);
  }
}
@media only all and (min-width: 768px) {
  .featured-article--inverse .featured-article__box {
    float: right;
  }
}
@media only all and (min-width: 768px) {
  .featured-article__box,
  .featured-article__picture {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 39.91667%;
    margin-left: 0;
    margin-right: 3%;
  }

  .featured-article__box:after,
  .featured-article__box:before,
  .featured-article__picture:after,
  .featured-article__picture:before {
    content: "";
    display: table;
  }

  .featured-article__box:after,
  .featured-article__picture:after {
    clear: both;
  }

  .featured-article__box:last-child,
  .featured-article__picture:last-child {
    margin-right: 0;
  }
}
.featured-article__picture {
  position: relative;
}

@media only all and (min-width: 768px) {
  .featured-article__picture {
    float: right;
    margin-right: calc((100vw - 100%)/-2);
    width: 49vw;
  }
}
.featured-article__picture .picture-wrap {
  background-size: cover !important;
  background-position: 0 !important;
  position: relative;
  height: 68.4vw;
  width: 93vw;
}

@media only all and (min-width: 768px) {
  .featured-article__picture .picture-wrap {
    margin-right: 0;
    width: inherit;
    height: 513px;
  }
}
#compliance .certificacoes .cursos-xp,
#compliance .certificacoes .instituicao-mercado,
#compliance .certificacoes .selos-pqo,
.big-numbers {
  display: block;
  text-transform: none;
  position: relative;
  left: 8vw;
  margin-left: -8vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .cursos-xp,
  #compliance .certificacoes .instituicao-mercado,
  #compliance .certificacoes .selos-pqo,
  .big-numbers {
    left: auto;
    margin-right: 0;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 39.91667%;
    margin-left: 0;
    margin-right: 3%;
    margin-top: 80px;
  }

  #compliance .certificacoes .cursos-xp:after,
  #compliance .certificacoes .cursos-xp:before,
  #compliance .certificacoes .instituicao-mercado:after,
  #compliance .certificacoes .instituicao-mercado:before,
  #compliance .certificacoes .selos-pqo:after,
  #compliance .certificacoes .selos-pqo:before,
  .big-numbers:after,
  .big-numbers:before {
    content: "";
    display: table;
  }

  #compliance .certificacoes .cursos-xp:after,
  #compliance .certificacoes .instituicao-mercado:after,
  #compliance .certificacoes .selos-pqo:after,
  .big-numbers:after {
    clear: both;
  }

  #compliance .certificacoes .cursos-xp:last-child,
  #compliance .certificacoes .instituicao-mercado:last-child,
  #compliance .certificacoes .selos-pqo:last-child,
  .big-numbers:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 1280px) {
  #compliance .certificacoes .cursos-xp,
  #compliance .certificacoes .instituicao-mercado,
  #compliance .certificacoes .selos-pqo,
  .big-numbers {
    margin-left: 100px;
  }
}
#compliance .certificacoes .cursos-xp ul,
#compliance .certificacoes .instituicao-mercado ul,
#compliance .certificacoes .selos-pqo ul,
.big-numbers ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 10.1vw;
}

#compliance .certificacoes .cursos-xp li,
#compliance .certificacoes .instituicao-mercado li,
#compliance .certificacoes .selos-pqo li,
.big-numbers li {
  color: #b1b3b4;
  border: 1px solid #d9d9d9;
  border-width: 1px 0;
  margin-bottom: 6.4vw;
  line-height: 10vw;
  font-size: 3.8vw;
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  position: relative;
  text-align: right;
  padding-right: 7.5vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .cursos-xp li,
  #compliance .certificacoes .instituicao-mercado li,
  #compliance .certificacoes .selos-pqo li,
  .big-numbers li {
    font-size: .875em;
    line-height: 58px;
    margin-bottom: 40px;
    padding-right: 0;
    width: 49vw;
  }
}
@media only all and (min-width: 992px) {
  #compliance .certificacoes .cursos-xp li,
  #compliance .certificacoes .instituicao-mercado li,
  #compliance .certificacoes .selos-pqo li,
  .big-numbers li {
    font-size: 1.125em;
  }
}
#compliance .certificacoes .cursos-xp li:nth-child(2) .big-number,
#compliance .certificacoes .instituicao-mercado li:nth-child(2) .big-number,
#compliance .certificacoes .selos-pqo li:nth-child(2) .big-number,
.big-numbers li:nth-child(2) .big-number {
  padding-left: 2.5vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .cursos-xp li:nth-child(2) .big-number,
  #compliance .certificacoes .instituicao-mercado li:nth-child(2) .big-number,
  #compliance .certificacoes .selos-pqo li:nth-child(2) .big-number,
  .big-numbers li:nth-child(2) .big-number {
    padding-left: 22px;
  }
}
#compliance .certificacoes .cursos-xp .value,
#compliance .certificacoes .instituicao-mercado .value,
#compliance .certificacoes .selos-pqo .value,
.big-numbers .value {
  font-family: Roboto Slab, Arial, sans-serif;
  font-weight: 100;
  position: absolute;
  left: 0;
  top: -3.7vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .cursos-xp .value,
  #compliance .certificacoes .instituicao-mercado .value,
  #compliance .certificacoes .selos-pqo .value,
  .big-numbers .value {
    top: -20px;
  }
}
#compliance .certificacoes .cursos-xp .big-number,
#compliance .certificacoes .instituicao-mercado .big-number,
#compliance .certificacoes .selos-pqo .big-number,
.big-numbers .big-number {
  color: #ffc608;
  background-color: #fff;
  font-size: 13.9vw;
  letter-spacing: -.12em;
  height: 11vw;
  padding-right: 1.5vw;
  display: inline-block;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .cursos-xp .big-number,
  #compliance .certificacoes .instituicao-mercado .big-number,
  #compliance .certificacoes .selos-pqo .big-number,
  .big-numbers .big-number {
    height: 68px;
    font-size: 4em;
    padding-right: 8px;
  }
}
#compliance .certificacoes .cursos-xp .amount,
#compliance .certificacoes .instituicao-mercado .amount,
#compliance .certificacoes .selos-pqo .amount,
.big-numbers .amount {
  color: #707173;
  font-weight: 100;
  font-size: 5vw;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .cursos-xp .amount,
  #compliance .certificacoes .instituicao-mercado .amount,
  #compliance .certificacoes .selos-pqo .amount,
  .big-numbers .amount {
    font-size: 1.4375em;
  }
}
#compliance .certificacoes .cursos-xp .currency,
#compliance .certificacoes .instituicao-mercado .currency,
#compliance .certificacoes .selos-pqo .currency,
.big-numbers .currency {
  position: absolute;
  display: inline-block;
  top: -2vw;
  left: 0;
  font-size: 3.5vw;
  letter-spacing: 0;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .cursos-xp .currency,
  #compliance .certificacoes .instituicao-mercado .currency,
  #compliance .certificacoes .selos-pqo .currency,
  .big-numbers .currency {
    font-size: .3125em;
    top: -11px;
    font-weight: 400;
  }
}
@media only all and (min-width: 768px) {
  #compliance .certificacoes .cursos-xp .desc,
  #compliance .certificacoes .instituicao-mercado .desc,
  #compliance .certificacoes .selos-pqo .desc,
  .big-numbers .desc {
    margin-right: 8vw;
  }
}
@media only all and (min-width: 1200px) {
  #compliance .certificacoes .cursos-xp .desc,
  #compliance .certificacoes .instituicao-mercado .desc,
  #compliance .certificacoes .selos-pqo .desc,
  .big-numbers .desc {
    margin-right: 0;
    width: 60%;
    min-width: 490px;
    display: block;
    font-size: 0.9375em;
  }
}
.select-fancy {
  font-size: 62.5%;
  line-height: 2em;
}

.select-fancy select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

.select-fancy label {
  position: relative;
  display: block;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  width: 100%;
}

.select-fancy label:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  display: block;
  background: #fff url(assets/ico-select_arrow_down@2x.png) no-repeat 50%;
  background-size: 11px 7px;
  pointer-events: none;
}

@media only all and (min-width: 768px) {
  .select-fancy label:after {
    background-image: url(assets/ico-select_light-arrow_down@2x.png);
    background-size: 23px 14px;
    width: 90px;
  }
}
.select-fancy label select {
  border: 5px solid #fff;
  background: #fff;
  padding: 5vw 4.6vw;
  width: 100%;
  font-size: 3.4vw;
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 300;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  color: #000;
}

@media only all and (min-width: 768px) {
  .select-fancy label select {
    padding: 7px 20px;
    font-size: 16px;
  }
}
.select-fancy--default label select {
  color: #b1b3b4;
}

.select-fancy--disabled {
  position: relative;
}

.select-fancy--disabled:before {
  content: "";
  background: rgba(255, 255, 255, 0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 1;
}

.select-fancy label select option:checked span,
.select-fancy label select option span {
  color: #999 !important;
}

.select-fancy label select option:checked {
  color: #000;
}

.select-fancy label select option:not(:checked) {
  color: #999;
}

.select-fancy label select::-ms-expand {
  display: none;
}

.select-fancy label:-moz-any(select) {
  width: 110%;
}

.select-fancy label[for=favcity].ie9 select {
  width: 110%;
}

.option-text h2 {
  color: #ffc608;
  font-size: 7.8vw;
  font-family: Roboto Slab, Arial, sans-serif;
  font-weight: 300;
  border-bottom: 1px solid #d1d1d1;
  text-align: left;
  padding-bottom: 4vw;
  margin-bottom: 13vw;
}

@media only all and (min-width: 768px) {
  .option-text h2 {
    padding-bottom: 20px;
    font-size: 2.0625em;
    margin-bottom: 70px;
    line-height: 1;
  }
}
@media only all and (min-width: 992px) {
  .option-text h2 {
    font-size: 2.5em;
  }
}
.option-text .regra {
  display: block;
  color: #d1d1d1;
  font-size: 3vw;
  font-weight: 400;
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1em;
  margin-bottom: 7vw;
  position: relative;
}

@media only all and (min-width: 768px) {
  .option-text .regra {
    font-size: .875em;
    margin-bottom: 60px;
  }
}
@media only all and (min-width: 992px) {
  .option-text .regra {
    font-size: 1.25em;
  }
}
.option-text .regra .currency {
  font-family: Roboto Slab, Arial, sans-serif;
  font-weight: 300;
  position: absolute;
}

.option-text .regra .value {
  font-family: Roboto Slab, Arial, sans-serif;
  font-weight: 100;
  font-size: 25vw;
}

@media only all and (min-width: 768px) {
  .option-text .regra .value {
    font-size: 6.25em;
  }
}
.option-text .regra .amount {
  font-family: Roboto Slab, Arial, sans-serif;
  font-weight: 300;
  font-size: 8vw;
}

@media only all and (min-width: 768px) {
  .option-text .regra .amount {
    font-size: 3.125em;
  }
}
.content p {
  font-size: 3.5vw !important;
}

@media only all and (min-width: 768px) {
  .content p {
    font-size: 0.75em !important;
  }
}
.content a[href$=".pdf"] {
  padding-left: 5vw;
  background-image: url(assets/ico-pdf.png);
  width: 34px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 3vw auto !important;
  background-position: 0 0.2vw;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .content a[href$=".pdf"] {
    background-image: url(assets/ico-pdf.png);
    background-size: 34px 35px;
  }
}
@media only all and (min-width: 768px) {
  .content a[href$=".pdf"] {
    padding-left: 20px;
    background-position: 0 0;
    background-size: 14px auto !important;
  }
}
.content a[rel=external]:after {
  content: "_";
  color: transparent;
  width: 11px;
  display: inline-block;
  margin-left: 5px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAO0lEQVQYlWP4jwRaW1vxYgaKFOMCPT09/xnQdeNV3NPT8//Hjx/EmUw/xXhDA1kxNtOQ5UhXjM9qZMUAQI2WzyJHvWUAAAAASUVORK5CYII=") 50% no-repeat;
}

.content hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  padding: 0;
  width: 100%;
  margin-bottom: 1em;
}

.content .table {
  clear: both;
  margin-bottom: 6px !important;
  max-width: none !important;
  border-spacing: 0;
  width: 100%;
}

.content .table-bordered {
  border-color: #bababa;
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  border-radius: 4px;
}

.content .tabelaXP {
  margin-top: 5px;
}

.content .tabelaXP thead tr th {
  color: #333;
  position: relative;
  background: #efefef;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2Q3ZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-linear-gradient(270deg, #efefef, #d7d7d7);
  background: linear-gradient(180deg, #efefef, #d7d7d7);
}

.content .table-bordered tbody:first-child tr:first-child > td:first-child,
.content .table-bordered tbody:first-child tr:first-child > th:first-child,
.content .table-bordered thead:first-child tr:first-child > th:first-child {
  border-top-left-radius: 4px;
}

.content .table-bordered caption + tbody tr:first-child td,
.content .table-bordered caption + tbody tr:first-child th,
.content .table-bordered caption + thead tr:first-child th,
.content .table-bordered colgroup + tbody tr:first-child td,
.content .table-bordered colgroup + tbody tr:first-child th,
.content .table-bordered colgroup + thead tr:first-child th,
.content .table-bordered tbody:first-child tr:first-child td,
.content .table-bordered tbody:first-child tr:first-child th,
.content .table-bordered thead:first-child tr:first-child th {
  font-size: 12px;
  vertical-align: middle;
  font-family: Arial, sans-serif;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.content .tabelaXP tbody tr td {
  font-size: 11px;
}

.content .table-bordered td {
  border-left: 1px solid #bababa;
}

.content .table td {
  border-top: 1px solid #bababa;
  color: #333;
}

.content .table-bordered td,
.content .table-bordered th {
  border-left: 1px solid #ddd;
}

.content .table td,
.content .table th {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.content .DV_Suitability tr th,
.content .foto,
.content .tabelaXP tbody tr td {
  vertical-align: middle;
}

.content .seta {
  list-style: none;
  margin: 0;
  padding: 0;
}

.content ul.seta li {
  list-style: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUE3Q0UyMzY1RjExMTFFMjgxQzhEMjZBREU5QjNBNEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUE3Q0UyMzc1RjExMTFFMjgxQzhEMjZBREU5QjNBNEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QTdDRTIzNDVGMTExMUUyODFDOEQyNkFERTlCM0E0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QTdDRTIzNTVGMTExMUUyODFDOEQyNkFERTlCM0E0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Prqn2TEAAACtSURBVHjaYvj//z/D31tNyf//fmcAsZExmPhz2Oz/37OR6/9/u8+GLMnE8PcbIwMQ/P92N+DvhaR7/9/slWGAAiaG//8Y4ODvV+l/N6oe/7vbE8rw7xcDCwMW8P/56lX/mNj8mDClGP8xSkf7MinkbEbVycz5kkm12oxRxPURiIuQ5JTdzaTZ6cfIpfwDYf7vz4x/rxbV/f/9iRGLP/8yHDiwn/H3798YgQAQYADvb3Z1v3RnvQAAAABJRU5ErkJggg==") no-repeat 0 5px;
  padding-left: 12px;
  margin-bottom: 10px;
  color: #666;
  font-size: 14px;
}

.content .container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.content .container_12 .grid_12 {
  width: 100%;
}

.content .grid_12 {
  display: inline;
  position: relative;
  clear: both;
}

.content .alpha {
  margin-left: 0;
}

.content .grid_1,
.content .grid_2,
.content .grid_3,
.content .grid_4,
.content .grid_5,
.content .grid_6,
.content .grid_7,
.content .grid_8,
.content .grid_9,
.content .grid_10,
.content .grid_11 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
}

.content .container_12 .grid_5 {
  width: 28%;
}

.content .container_12 .grid_2 {
  width: 61%;
}

@media only all and (min-width: 768px) {
  .content .container_12 .grid_2 {
    width: 22%;
  }
}
.content .omega {
  margin-right: 0;
}

.content .tabelaDemonstracoes {
  margin-bottom: 10px !important;
  *zoom: 1;
}

.content .tabelaDemonstracoes:after,
.content .tabelaDemonstracoes:before {
  content: "";
  display: table;
}

.content .tabelaDemonstracoes:after {
  clear: both;
}

.content .tabelaDemonstracoes h3 {
  color: #1e1f21;
  font-size: 5vw;
  letter-spacing: -1px;
  line-height: 32px;
  padding-bottom: 1em;
}

@media only all and (min-width: 768px) {
  .content .tabelaDemonstracoes h3 {
    font-size: 27px;
  }
}
.content .tabelaDemonstracoes p {
  font-size: 14px;
  color: #7c7c7c;
  line-height: 18px;
}

.modal-open {
  overflow: hidden;
}

.modal-ui {
  display: none;
}

.modal-ui.show {
  display: block;
}

.modal-ui__overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 8;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-ui__box {
  background-color: #fff;
  position: fixed;
  width: 100%;
  min-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  top: 0;
  z-index: 9;
}

@media only all and (min-width: 768px) {
  .modal-ui__box {
    position: fixed;
    max-width: 600px;
    max-height: 430px;
    min-height: inherit;
    display: table;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    margin-top: 0;
  }
}
.modal-ui__header {
  background-color: #2d3033;
  width: 100%;
  position: relative;
  padding-top: 3vw;
  padding-bottom: 3vw;
}

@media only all and (min-width: 768px) {
  .modal-ui__header {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.modal-ui__header h3 {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 5.2vw;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  font-weight: 700;
}

@media only all and (min-width: 768px) {
  .modal-ui__header h3 {
    font-size: 1.625em;
  }
}
.modal-ui__header-inner {
  width: calc(100% - 60px);
  padding-left: 7vw;
  padding-right: 7vw;
  display: table;
}

@media only all and (min-width: 768px) {
  .modal-ui__header-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.modal-ui__header-close {
  position: absolute;
  right: 0;
  top: 50%;
  color: #2d3032;
  text-decoration: none;
  font-size: 0;
  text-indent: -99999px;
  display: table;
  padding: 3vw;
  right: calc(7vw - 10px);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

@media only all and (min-width: 768px) {
  .modal-ui__header-close {
    right: 20px;
    padding: 10px;
  }
}
.modal-ui__header-close:before {
  text-indent: 1 !important;
  content: "";
  width: 5vw;
  height: 5vw;
  display: table;
  background: url(assets/close-2x.png) no-repeat;
  background-size: cover;
}

@media only all and (min-width: 768px) {
  .modal-ui__header-close:before {
    width: 20px;
    height: 20px;
  }
}
.modal-ui__main {
  padding: 7vw;
}

@media only all and (min-width: 768px) {
  .modal-ui__main {
    max-height: 435px;
    overflow-y: auto;
    padding: 20px;
  }
}
.modal-ui__dl {
  margin-bottom: 10vw;
}

@media only all and (min-width: 768px) {
  .modal-ui__dl {
    margin-bottom: 50px;
  }
}
.modal-ui__dl dt {
  font-size: 5vw;
  font-weight: 700;
  color: #000;
  padding-bottom: 2vw;
  border-bottom: .9vw solid #fec601;
  margin-bottom: 3vw;
}

@media only all and (min-width: 768px) {
  .modal-ui__dl dt {
    font-size: 1.375em;
    border-bottom-width: 3px;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
}
.modal-ui__dl dd {
  margin-left: 4vw;
  font-size: 4.6vw;
}

@media only all and (min-width: 768px) {
  .modal-ui__dl dd {
    font-size: 1.125em;
    margin-left: 15px;
    color: #000;
    font-weight: 400;
    overflow: hidden;
  }
}
.modal-ui__dl dd.not-authorized {
  padding: 3px 0;
  color: red;
}

.modal-ui__dl dd.not-authorized span {
  display: block;
  color: red;
  padding: 1px 0 1px 10px;
  font-size: 0.8em;
}

@media only all and (min-width: 768px) {
  .modal-ui__dl dd.not-authorized span {
    padding: 4px 0 4px 10px;
  }
}
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
          transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
          transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
  background-repeat: no-repeat;
  opacity: .4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: .9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: 50%;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: .3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-xp.mCSB_scrollTools {
  width: 23px !important;
  padding-top: 10px;
}

.mCS-xp.mCSB_scrollTools_vertical {
  background: #e3e3e3;
}

.mCS-xp.mCSB_vertical.mCSB_inside {
  padding-top: 10px;
}

.mCS-xp.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  width: 100%;
  border-radius: 0;
}

.mCS-xp.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #d0d0d0;
  width: 9px;
}

.mCS-xp.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #d0d0d0;
  opacity: 0.85;
}

.mCS-xp.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-xp.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #d0d0d0;
  opacity: 0.9;
}

.mCS-xp > .mCSB_container {
  margin-right: 24px !important;
}

.mCS-xp.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-xp.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-xp.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-xp.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

#quem-somos-hero {
  background: #f8f8f8 url(assets/img-3-2018.jpg) no-repeat 50%;
  background-size: cover;
}

@media only all and (min-width: 768px) {
  #quem-somos-hero {
    background: #f8f8f8 url(assets/hero-quem-somos-novo-2018.jpg) no-repeat 50%;
    background-size: cover;
  }
}
#quem-somos .nossos-pilares {
  margin-bottom: 12vw;
}

@media only all and (min-width: 768px) {
  #quem-somos .nossos-pilares {
    margin-bottom: 50px;
  }
}
@media only all and (min-width: 992px) {
  #quem-somos .nossos-pilares {
    margin-bottom: 100px;
  }
}
@media only all and (min-width: 768px) {
  #quem-somos .nossos-pilares .main-text {
    margin-bottom: 3em;
  }
}
#quem-somos .nossos-pilares .pic-reuniao-comite {
  width: 97%;
  margin-top: 8vw;
  margin-bottom: 12vw;
}

@media only all and (min-width: 768px) {
  #quem-somos .nossos-pilares .pic-reuniao-comite {
    margin-top: 62px;
    margin-bottom: auto;
  }
}
#quem-somos .nossos-pilares .pic-reuniao-comite .picture-caption {
  width: 35vw;
  left: 7vw;
}

@media only all and (min-width: 768px) {
  #quem-somos .nossos-pilares .pic-reuniao-comite .picture-caption {
    width: 200px;
    left: 5%;
  }
}
@media only all and (min-width: 768px) {
  #quem-somos .nossos-pilares .column {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }

  #quem-somos .nossos-pilares .column:after,
  #quem-somos .nossos-pilares .column:before {
    content: "";
    display: table;
  }

  #quem-somos .nossos-pilares .column:after {
    clear: both;
  }

  #quem-somos .nossos-pilares .column:last-child {
    margin-right: 0;
  }

  #quem-somos .nossos-pilares .column .text-block {
    margin-bottom: 34px;
  }
}
@media only all and (min-width: 992px) {
  #quem-somos .nossos-pilares .column .text-block {
    margin-bottom: 54px;
    padding-top: 1px;
  }
}
@media only all and (min-width: 768px) {
  #quem-somos .nossos-pilares .column .text-block p {
    width: 80%;
  }
}
@media only all and (min-width: 768px) {
  #quem-somos .nossos-pilares .column-3 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  #quem-somos .nossos-pilares .column-3:after,
  #quem-somos .nossos-pilares .column-3:before {
    content: "";
    display: table;
  }

  #quem-somos .nossos-pilares .column-3:after {
    clear: both;
  }

  #quem-somos .nossos-pilares .column-3:last-child {
    margin-right: 0;
  }

  #quem-somos .nossos-pilares .column-3 .text-block > p {
    width: 90%;
  }
}
@media only all and (min-width: 992px) {
  #quem-somos .nossos-pilares .column-3 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 5.35156%;
  }

  #quem-somos .nossos-pilares .column-3:after,
  #quem-somos .nossos-pilares .column-3:before {
    content: "";
    display: table;
  }

  #quem-somos .nossos-pilares .column-3:after {
    clear: both;
  }

  #quem-somos .nossos-pilares .column-3:last-child {
    margin-right: 0;
  }

  #quem-somos .nossos-pilares .column-3 .text-block > p {
    width: 80%;
  }
}
@media only all and (min-width: 768px) {
  #quem-somos .nossos-pilares .column:first-child {
    padding-right: 5.35156%;
    margin-bottom: 54px;
  }
}
@media only all and (min-width: 768px) {
  #quem-somos .nossos-pilares .column:nth-child(2) {
    padding-left: 5.35156%;
  }
}
#quem-somos .nossos-pilares .link-follow {
  white-space: nowrap;
}

#quem-somos .nossos-numeros .main-text {
  margin-bottom: 4vw;
}

@media only all and (min-width: 768px) {
  #quem-somos .nossos-numeros .main-text {
    margin-bottom: auto;
  }
}
@media only all and (min-width: 768px) {
  #quem-somos .nossos-numeros .column {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
    margin-bottom: 100px;
  }

  #quem-somos .nossos-numeros .column:after,
  #quem-somos .nossos-numeros .column:before {
    content: "";
    display: table;
  }

  #quem-somos .nossos-numeros .column:after {
    clear: both;
  }

  #quem-somos .nossos-numeros .column:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 992px) {
  #quem-somos .nossos-numeros .column {
    margin-bottom: 130px;
  }
}
@media only all and (min-width: 768px) {
  #quem-somos .nossos-numeros .column .text-block {
    margin-bottom: 0;
  }
}
#quem-somos .nossos-numeros .column:first-child .link-follow {
  display: none;
}

@media only all and (min-width: 768px) {
  #quem-somos .nossos-numeros .column:first-child .link-follow {
    display: block;
  }
}
@media only all and (min-width: 768px) {
  #compliance .certificacoes #quem-somos .nossos-numeros .cursos-xp,
  #compliance .certificacoes #quem-somos .nossos-numeros .instituicao-mercado,
  #compliance .certificacoes #quem-somos .nossos-numeros .selos-pqo,
  #quem-somos .nossos-numeros #compliance .certificacoes .cursos-xp,
  #quem-somos .nossos-numeros #compliance .certificacoes .instituicao-mercado,
  #quem-somos .nossos-numeros #compliance .certificacoes .selos-pqo,
  #quem-somos .nossos-numeros .big-numbers {
    margin-left: 50px;
  }
}
@media only all and (min-width: 768px) {
  #compliance .certificacoes #quem-somos .nossos-numeros .cursos-xp .desc,
  #compliance .certificacoes #quem-somos .nossos-numeros .instituicao-mercado .desc,
  #compliance .certificacoes #quem-somos .nossos-numeros .selos-pqo .desc,
  #quem-somos .nossos-numeros #compliance .certificacoes .cursos-xp .desc,
  #quem-somos .nossos-numeros #compliance .certificacoes .instituicao-mercado .desc,
  #quem-somos .nossos-numeros #compliance .certificacoes .selos-pqo .desc,
  #quem-somos .nossos-numeros .big-numbers .desc {
    min-width: 430px !important;
    width: 60%;
  }
}
@media only all and (min-width: 1200px) {
  #compliance .certificacoes #quem-somos .nossos-numeros .cursos-xp .desc,
  #compliance .certificacoes #quem-somos .nossos-numeros .instituicao-mercado .desc,
  #compliance .certificacoes #quem-somos .nossos-numeros .selos-pqo .desc,
  #quem-somos .nossos-numeros #compliance .certificacoes .cursos-xp .desc,
  #quem-somos .nossos-numeros #compliance .certificacoes .instituicao-mercado .desc,
  #quem-somos .nossos-numeros #compliance .certificacoes .selos-pqo .desc,
  #quem-somos .nossos-numeros .big-numbers .desc {
    width: 29%;
  }
}
#quem-somos .nossos-numeros .column:nth-child(2) .link-follow {
  display: block;
  margin-bottom: 15vw;
  max-width: 50vw;
}

@media only all and (min-width: 768px) {
  #quem-somos .nossos-numeros .column:nth-child(2) .link-follow {
    display: none;
    margin-bottom: 0;
    max-width: auto;
  }
}
#quem-somos .escritorio-sp {
  margin-bottom: 16vw;
}

@media only all and (min-width: 768px) {
  #quem-somos .escritorio-sp {
    margin-bottom: 150px;
  }
}
@media only all and (min-width: 992px) {
  #quem-somos .escritorio-sp {
    margin-bottom: 180px;
  }
}
#quem-somos .escritorio-sp .image-wrap {
  background-image: url(assets/img_2_quem-somos.png);
  background-color: #92999e;
}

@media only all and (min-width: 768px) {
  #quem-somos .escritorio-sp .image-wrap {
    background-image: url(assets/img_2_quem-somos.png);
    height: 100%;
  }
}
#quem-somos .escritorio-sp .image-wrap.has-dash:before {
  height: 4px;
  width: 96%;
}

@media only all and (min-width: 768px) {
  #quem-somos .escritorio-sp .image-wrap.has-dash:before {
    width: 98%;
  }
}
#quem-somos .escritorio-sp .picture-caption {
  left: 4%;
  width: 35vw;
}

@media only all and (min-width: 768px) {
  #quem-somos .escritorio-sp .picture-caption {
    left: 2%;
    width: 200px;
  }
}
#quem-somos .nossa-presenca {
  margin-bottom: 10vw;
}

@media only all and (min-width: 768px) {
  #quem-somos .nossa-presenca {
    margin-bottom: 0;
  }
}
#quem-somos .nossa-presenca .main-text {
  margin-bottom: 10vw;
}

@media only all and (min-width: 768px) {
  #quem-somos .nossa-presenca .main-text {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 40%;
    margin-left: 0;
    margin-right: 0;
    float: right;
    position: relative;
    top: -2.5em;
    margin-bottom: 50px;
  }

  #quem-somos .nossa-presenca .main-text:after,
  #quem-somos .nossa-presenca .main-text:before {
    content: "";
    display: table;
  }

  #quem-somos .nossa-presenca .main-text:after {
    clear: both;
  }
}
@media only all and (min-width: 992px) {
  #quem-somos .nossa-presenca .main-text {
    margin-bottom: 10vw;
  }
}
#quem-somos .nossa-presenca .main-text .dash {
  display: none;
}

@media only all and (min-width: 768px) {
  #quem-somos .nossa-presenca .main-text .dash {
    margin-top: 38px;
    margin-bottom: 66px;
    display: inline-block;
  }
}
#quem-somos .nossa-presenca .map-desk {
  display: none;
}

@media only all and (min-width: 768px) {
  #quem-somos .nossa-presenca .map-desk {
    display: inline-block;
    margin: 0 !important;
  }
}
@media only all and (min-width: 768px) {
  #quem-somos .nossa-presenca .map-mobile {
    display: none;
  }
}
#quem-somos .nossa-presenca .picture-wrap {
  margin-bottom: 12vw;
}

@media only all and (min-width: 768px) {
  #quem-somos .nossa-presenca .picture-wrap {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }

  #quem-somos .nossa-presenca .picture-wrap:after,
  #quem-somos .nossa-presenca .picture-wrap:before {
    content: "";
    display: table;
  }

  #quem-somos .nossa-presenca .picture-wrap:after {
    clear: both;
  }
}
#quem-somos .nossa-presenca .presenca-group {
  margin-bottom: 10vw;
}

@media only all and (min-width: 768px) {
  #quem-somos .nossa-presenca .presenca-group {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 60%;
    margin-left: 0;
    margin-right: 0;
    padding-right: 27px;
    margin-bottom: 20px;
  }

  #quem-somos .nossa-presenca .presenca-group:after,
  #quem-somos .nossa-presenca .presenca-group:before {
    content: "";
    display: table;
  }

  #quem-somos .nossa-presenca .presenca-group:after {
    clear: both;
  }
}
#quem-somos .nossa-presenca .presenca-group .link-follow {
  white-space: nowrap;
}

#quem-somos .nossa-presenca .presenca-group ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#quem-somos .nossa-presenca .presenca-group ul li:first-child {
  padding-right: 2%;
}

#quem-somos .nossa-presenca .presenca-group ul li:nth-child(2) {
  padding-left: 2%;
}

#quem-somos .nossa-presenca .presenca-group ul li:first-child,
#quem-somos .nossa-presenca .presenca-group ul li:nth-child(2) {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 50%;
  margin-left: 0;
  margin-right: 0;
}

#quem-somos .nossa-presenca .presenca-group ul li:first-child:after,
#quem-somos .nossa-presenca .presenca-group ul li:first-child:before,
#quem-somos .nossa-presenca .presenca-group ul li:nth-child(2):after,
#quem-somos .nossa-presenca .presenca-group ul li:nth-child(2):before {
  content: "";
  display: table;
}

#quem-somos .nossa-presenca .presenca-group ul li:first-child:after,
#quem-somos .nossa-presenca .presenca-group ul li:nth-child(2):after {
  clear: both;
}

#quem-somos .nossa-presenca .presenca-group ul li:first-child:last-child,
#quem-somos .nossa-presenca .presenca-group ul li:nth-child(2):last-child {
  margin-right: 0;
}

#quem-somos .nossa-presenca .presenca-group ul li:nth-child(3) {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 50%;
  margin-left: 50%;
  margin-right: 0;
  padding-left: 2%;
  margin-top: -16vw;
}

#quem-somos .nossa-presenca .presenca-group ul li:nth-child(3):after,
#quem-somos .nossa-presenca .presenca-group ul li:nth-child(3):before {
  content: "";
  display: table;
}

#quem-somos .nossa-presenca .presenca-group ul li:nth-child(3):after {
  clear: both;
}

#quem-somos .nossa-presenca .presenca-group ul li:nth-child(3):last-child {
  margin-right: 0;
}

@media only all and (min-width: 768px) {
  #quem-somos .nossa-presenca .presenca-group ul li:nth-child(3) {
    margin-top: 0 !important;
  }
}
@media only all and (min-width: 768px) {
  #quem-somos .nossa-presenca .presenca-group ul li:first-child,
  #quem-somos .nossa-presenca .presenca-group ul li:nth-child(2),
  #quem-somos .nossa-presenca .presenca-group ul li:nth-child(3) {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 29%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 4%;
  }

  #quem-somos .nossa-presenca .presenca-group ul li:first-child:after,
  #quem-somos .nossa-presenca .presenca-group ul li:first-child:before,
  #quem-somos .nossa-presenca .presenca-group ul li:nth-child(2):after,
  #quem-somos .nossa-presenca .presenca-group ul li:nth-child(2):before,
  #quem-somos .nossa-presenca .presenca-group ul li:nth-child(3):after,
  #quem-somos .nossa-presenca .presenca-group ul li:nth-child(3):before {
    content: "";
    display: table;
  }

  #quem-somos .nossa-presenca .presenca-group ul li:first-child:after,
  #quem-somos .nossa-presenca .presenca-group ul li:nth-child(2):after,
  #quem-somos .nossa-presenca .presenca-group ul li:nth-child(3):after {
    clear: both;
  }

  #quem-somos .nossa-presenca .presenca-group ul li:nth-child(3) {
    margin-right: 0;
  }

  #quem-somos .nossa-presenca .presenca-group ul li:first-child img,
  #quem-somos .nossa-presenca .presenca-group ul li:nth-child(2) img,
  #quem-somos .nossa-presenca .presenca-group ul li:nth-child(3) img {
    width: auto;
    max-width: inherit;
    height: 28px;
  }

  #quem-somos .nossa-presenca .presenca-group ul li {
    border-top: 1px solid #d9d9d9;
  }

  #quem-somos .nossa-presenca .presenca-group ul li h3 {
    margin-bottom: 0 !important;
    margin-top: 28px;
  }

  #quem-somos .nossa-presenca .presenca-group ul li img {
    margin-top: 20px;
    margin-bottom: 2px;
  }
}
#quem-somos .nossa-presenca .presenca-group ul li h3 {
  margin-top: 20px;
  font-size: 3.6vw;
  font-family: Roboto Slab, Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 3vw;
}

#quem-somos .nossa-presenca .presenca-group ul li img {
  display: inline-block;
}

#quem-somos .nossa-presenca .presenca-group ul li p {
  font-size: 3.3vw;
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 0;
  color: #b1b3b4;
}

@media only all and (min-width: 768px) {
  #quem-somos .nossa-presenca .presenca-group ul li h3 {
    font-size: 1.4em;
    font-weight: 500;
  }

  #quem-somos .nossa-presenca .presenca-group ul li p {
    font-size: 1em;
  }
}
@media only all and (min-width: 768px) {
  #quem-somos-call-to-action {
    margin-top: 0;
  }
}
@media only all and (min-width: 992px) {
  #quem-somos-call-to-action {
    margin-top: 96px;
  }
}
#importancia-da-assessoria-hero {
  background: #f8f8f8 url(assets/importancia-assessoria-mobile@2x-2018.jpg) no-repeat 50%;
  background-size: cover;
}

@media only all and (min-width: 768px) {
  #importancia-da-assessoria-hero {
    background: #f8f8f8 url(assets/hero-importancia_assessoria-2018.jpg) no-repeat 50%;
    background-size: cover;
  }
}
#importancia-da-assessoria .intro {
  padding-bottom: 19vw;
}

@media only all and (min-width: 768px) {
  #importancia-da-assessoria .intro {
    padding-bottom: 120px;
  }
}
@media only all and (min-width: 992px) {
  #importancia-da-assessoria .intro {
    padding-bottom: 160px;
  }
}
#importancia-da-assessoria .intro p {
  font-family: Roboto Slab, Arial, sans-serif;
  font-size: 4.5vw;
  margin-top: 18px;
  font-weight: 300;
  color: #a4a4a9;
}

@media only all and (min-width: 768px) {
  #importancia-da-assessoria .intro p {
    font-size: 1.65em;
    text-align: center;
    max-width: 952px;
    margin: 0 auto;
  }
}
@media only all and (min-width: 768px) {
  #importancia-da-assessoria .intro .dash {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    width: 45px !important;
    height: 3px !important;
    margin-top: 35px;
  }
}
#importancia-da-assessoria .hoje-ou-futuro {
  background-color: #212124;
  padding-top: 14.5vw;
  padding-bottom: 10vw;
}

@media only all and (min-width: 768px) {
  #importancia-da-assessoria .hoje-ou-futuro {
    padding-top: 60px;
    padding-bottom: 50px;
  }
}
#importancia-da-assessoria .hoje-ou-futuro .wrap {
  max-width: 1090px;
}

#importancia-da-assessoria .hoje-ou-futuro h3 {
  font-size: 4.8vw;
  text-align: center;
  font-weight: 400;
  margin-bottom: 5vw;
  color: #fff;
}

@media only all and (min-width: 768px) {
  #importancia-da-assessoria .hoje-ou-futuro h3 {
    font-size: 1.6em;
    margin-bottom: 52px;
  }
}
#importancia-da-assessoria .hoje-ou-futuro p {
  font-size: 4vw;
  font-weight: 300;
  color: #9c9e9f;
  text-align: center;
}

@media only all and (min-width: 768px) {
  #importancia-da-assessoria .hoje-ou-futuro p {
    text-align: left;
    font-size: 1.2em;
    font-weight: 400;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
  }

  #importancia-da-assessoria .hoje-ou-futuro p:after,
  #importancia-da-assessoria .hoje-ou-futuro p:before {
    content: "";
    display: table;
  }

  #importancia-da-assessoria .hoje-ou-futuro p:after {
    clear: both;
  }

  #importancia-da-assessoria .hoje-ou-futuro p:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 768px) {
  #importancia-da-assessoria .hoje-ou-futuro {
    max-width: inherit;
    width: 100%;
  }
}
#importancia-da-assessoria .longe-ou-perto {
  margin-top: 15vw;
}

@media only all and (min-width: 768px) {
  #importancia-da-assessoria .longe-ou-perto {
    margin-top: 68px;
  }
}
@media only all and (min-width: 992px) {
  #importancia-da-assessoria .longe-ou-perto {
    margin-top: 108px;
  }
}
#importancia-da-assessoria .longe-ou-perto .picture-wrap {
  background: url(assets/pic_a_importancia_assessoria-cuidar_de_longe_ou_bem_de_perto-mobile@2x.jpg) 50% no-repeat;
}

@media only all and (min-width: 768px) {
  #importancia-da-assessoria .longe-ou-perto .picture-wrap {
    background-image: url(assets/pic_a_importancia_assessoria-cuidar_de_longe_ou_bem_de_perto.jpg);
  }
}
#importancia-da-assessoria .generalista-ou-especialista .picture-wrap {
  background: url(assets/pic_a_importancia_assessoria-generalista-ou-especialista-mobile@2x.jpg) 50% no-repeat;
}

@media only all and (min-width: 768px) {
  #importancia-da-assessoria .generalista-ou-especialista .picture-wrap {
    background-image: url(assets/pic_a_importancia_assessoria-generalista_ou_especialista.jpg);
    height: 487px;
  }
}
#importancia-da-assessoria .produto-ou-plataforma .picture-wrap {
  background: url(assets/pic_a_importancia_assessoria-produtos_proprios_ou_plataforma_aberta-mobile@2x.jpg) 50% no-repeat;
}

@media only all and (min-width: 768px) {
  #importancia-da-assessoria .produto-ou-plataforma .picture-wrap {
    background-image: url(assets/pic_a_importancia_assessoria-produtos_proprios_ou_plataforma_aberta.jpg);
    height: 540px;
  }
}
#importancia-da-assessoria .ou-seja {
  margin-bottom: 20vw;
}

@media only all and (min-width: 768px) {
  #importancia-da-assessoria .ou-seja {
    margin-bottom: 130px;
  }
}
@media only all and (min-width: 992px) {
  #importancia-da-assessoria .ou-seja {
    margin-bottom: 190px;
  }
}
#importancia-da-assessoria .ou-seja .picture-wrap {
  background: url(assets/pic_a_importancia_assessoria-ou_seja-mobile@2x.jpg) 50% no-repeat;
}

@media only all and (min-width: 768px) {
  #importancia-da-assessoria .ou-seja .picture-wrap {
    background-image: url(assets/pic_a_importancia_assessoria-ou_seja.jpg);
    height: 540px;
  }
}
@media only all and (min-width: 768px) {
  #importancia-da-assessoria .ou-seja .main-text p:last-of-type {
    margin-bottom: 34px;
  }
}
@media only all and (min-width: 768px) {
  #importancia-da-assessoria ~ #compliance-call-to-action,
  #importancia-da-assessoria ~ #quem-somos-call-to-action,
  #importancia-da-assessoria ~ #relacionamento-xp-call-to-action,
  #importancia-da-assessoria ~ .call-to-action {
    margin-top: 0;
  }
}
@media only all and (min-width: 992px) {
  #importancia-da-assessoria ~ #compliance-call-to-action,
  #importancia-da-assessoria ~ #quem-somos-call-to-action,
  #importancia-da-assessoria ~ #relacionamento-xp-call-to-action,
  #importancia-da-assessoria ~ .call-to-action {
    margin-top: 6em;
  }
}
#compliance-hero {
  position: relative;
  background: #f8f8f8 url(assets/hero-compliance-mobile@2x.jpg) no-repeat 50%;
  background-size: cover;
}

@media only all and (min-width: 768px) {
  #compliance-hero:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(270deg, rgba(33, 33, 36, 0.2), rgba(33, 33, 36, 0.24) 4%, rgba(33, 33, 36, 0.28) 7%, rgba(33, 33, 36, 0.33) 10%, rgba(33, 33, 36, 0.47) 21%, rgba(33, 33, 36, 0.51) 23%, rgba(33, 33, 36, 0.61) 30%, rgba(33, 33, 36, 0.66) 34%, rgba(33, 33, 36, 0.65) 35%, rgba(33, 33, 36, 0.69) 36%, rgba(33, 33, 36, 0.81) 48%, rgba(33, 33, 36, 0.86) 55%, rgba(33, 33, 36, 0.88) 56%, rgba(33, 33, 36, 0.87) 58%, rgba(33, 33, 36, 0.91) 62%, rgba(33, 33, 36, 0.92) 67%, rgba(33, 33, 36, 0.93) 68%, rgba(33, 33, 36, 0.94) 69%, rgba(33, 33, 36, 0.97) 76%, #212124);
    background: linear-gradient(180deg, rgba(33, 33, 36, 0.2), rgba(33, 33, 36, 0.24) 4%, rgba(33, 33, 36, 0.28) 7%, rgba(33, 33, 36, 0.33) 10%, rgba(33, 33, 36, 0.47) 21%, rgba(33, 33, 36, 0.51) 23%, rgba(33, 33, 36, 0.61) 30%, rgba(33, 33, 36, 0.66) 34%, rgba(33, 33, 36, 0.65) 35%, rgba(33, 33, 36, 0.69) 36%, rgba(33, 33, 36, 0.81) 48%, rgba(33, 33, 36, 0.86) 55%, rgba(33, 33, 36, 0.88) 56%, rgba(33, 33, 36, 0.87) 58%, rgba(33, 33, 36, 0.91) 62%, rgba(33, 33, 36, 0.92) 67%, rgba(33, 33, 36, 0.93) 68%, rgba(33, 33, 36, 0.94) 69%, rgba(33, 33, 36, 0.97) 76%, #212124);
    opacity: 0.5;
  }
}
@media only all and (min-width: 768px) {
  #compliance-hero {
    background: #f8f8f8 url(assets/hero-compliance.jpg) no-repeat 50%;
    background-size: cover;
    height: 677px;
  }
}
@media only all and (min-width: 768px) {
  #compliance-hero .text-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 45.41%;
    margin-left: 0;
    margin-right: 3%;
  }

  #compliance-hero .text-block:after,
  #compliance-hero .text-block:before {
    content: "";
    display: table;
  }

  #compliance-hero .text-block:after {
    clear: both;
  }

  #compliance-hero .text-block:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 768px) {
  #compliance .nossa-atuacao .column:first-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
  }

  #compliance .nossa-atuacao .column:first-child:after,
  #compliance .nossa-atuacao .column:first-child:before {
    content: "";
    display: table;
  }

  #compliance .nossa-atuacao .column:first-child:after {
    clear: both;
  }

  #compliance .nossa-atuacao .column:first-child:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 768px) {
  #compliance .nossa-atuacao .column:nth-child(2) {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 39.91667%;
    margin-left: 8.58333%;
    margin-right: 3%;
  }

  #compliance .nossa-atuacao .column:nth-child(2):after,
  #compliance .nossa-atuacao .column:nth-child(2):before {
    content: "";
    display: table;
  }

  #compliance .nossa-atuacao .column:nth-child(2):after {
    clear: both;
  }

  #compliance .nossa-atuacao .column:nth-child(2):last-child {
    margin-right: 0;
  }
}
#compliance .nossa-atuacao .dash {
  margin-bottom: 10vw;
}

@media only all and (min-width: 768px) {
  #compliance .nossa-atuacao .dash {
    margin-bottom: 6vw;
  }
}
#compliance .nossa-atuacao .picture-wrap {
  margin-bottom: 10vw;
}

#compliance .depoimento {
  margin-bottom: 10vw;
  background-color: #212124;
}

@media only all and (min-width: 768px) {
  #compliance .depoimento {
    margin-bottom: 0;
  }
}
#compliance .depoimento .testimonial-text {
  *zoom: 1;
  width: auto;
  max-width: 1280px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 14vw 10vw;
  background-color: #212124;
}

#compliance .depoimento .testimonial-text:after,
#compliance .depoimento .testimonial-text:before {
  content: "";
  display: table;
}

#compliance .depoimento .testimonial-text:after {
  clear: both;
}

@media only all and (min-width: 768px) {
  #compliance .depoimento .testimonial-text {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}
#compliance .depoimento .testimonial-text p {
  color: #9c9e9f;
  font-family: Roboto Slab, Arial, sans-serif;
  font-weight: 300;
  font-size: 5.05vw;
  text-align: center;
  line-height: 1.415em;
  position: relative;
}

@media only all and (min-width: 768px) {
  #compliance .depoimento .testimonial-text p {
    font-size: 1.375em;
    font-weight: 400;
  }
}
#compliance .depoimento .testimonial-text p:first-of-type:before {
  content: " ";
  background-image: url(assets/quotation_mark-left@2x.png);
  width: 34px;
  height: 28px;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  width: 7vw !important;
  height: 7vw !important;
  background-size: 100% !important;
  top: -.1vw;
  left: -5vw;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #compliance .depoimento .testimonial-text p:first-of-type:before {
    background-image: url(assets/quotation_mark-left@2x.png);
    background-size: 34px 28px;
  }
}
@media only all and (min-width: 768px) {
  #compliance .depoimento .testimonial-text p:first-of-type:before {
    background-image: url(assets/quotation_mark-left@2x.png);
    width: 34px;
    height: 28px;
    left: -1.5em;
    top: -.1em;
    background-size: cover;
    width: 34px !important;
    height: 28px !important;
    background-size: 34px 28px !important;
  }
}
@media only all and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only all and (min-width: 768px) and (min-device-pixel-ratio: 1.3), only all and (min-width: 768px) and (min-resolution: 1.3dppx) {
  #compliance .depoimento .testimonial-text p:first-of-type:before {
    background-image: url(assets/quotation_mark-left@2x.png);
    background-size: 34px 28px;
  }
}
#compliance .depoimento .testimonial-text p:last-of-type:after {
  content: ".";
  text-indent: -999999px;
  background-image: url(assets/quotation_mark-right.png);
  width: 52px;
  height: 44px;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  top: .45em;
  left: -0.1em;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #compliance .depoimento .testimonial-text p:last-of-type:after {
    background-image: url(assets/quotation_mark-right@2x.png);
    background-size: 52px 44px;
  }
}
@media only all and (min-width: 768px) {
  #compliance .depoimento .testimonial-text p:last-of-type:after {
    background-image: url(assets/quotation_mark-right@2x.png);
    width: 52px;
    height: 44px;
    background-size: cover;
    max-width: 52px;
    margin-top: -.1em;
    margin-left: .1em;
    vertical-align: top;
  }
}
@media only all and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only all and (min-width: 768px) and (min-device-pixel-ratio: 1.3), only all and (min-width: 768px) and (min-resolution: 1.3dppx) {
  #compliance .depoimento .testimonial-text p:last-of-type:after {
    background-image: url(assets/quotation_mark-right@2x.png);
    background-size: 52px 44px;
  }
}
#compliance .depoimento .featured-block__author {
  text-align: center;
}

@media only all and (min-width: 768px) {
  #compliance .depoimento .featured-block__author {
    margin-top: 80px;
  }
}
#compliance .depoimento .featured-block__author .featured-block__author-name {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #fffdfd;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.2em;
}

@media only all and (min-width: 768px) {
  #compliance .depoimento .featured-block__author .featured-block__author-name {
    font-size: 1.125em;
    margin-bottom: 0.6em;
  }
}
#compliance .depoimento .featured-block__author .featured-block__author-profession {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #ffc608;
  font-weight: 600;
  font-size: 2.7vw;
  text-transform: uppercase;
}

@media only all and (min-width: 768px) {
  #compliance .depoimento .featured-block__author .featured-block__author-profession {
    font-size: 0.875em;
  }
}
#compliance .supervisao-autonomos {
  margin-bottom: 10vw;
}

@media only all and (min-width: 768px) {
  #compliance .supervisao-autonomos {
    margin-bottom: 95px;
  }
}
@media only all and (min-width: 992px) {
  #compliance .supervisao-autonomos {
    margin-bottom: 135px;
  }
}
@media only all and (min-width: 768px) {
  #compliance .supervisao-autonomos .column:first-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 66%;
    margin-left: 0;
    margin-right: 0;
    margin-left: -17.333%;
    background-color: green;
  }

  #compliance .supervisao-autonomos .column:first-child:after,
  #compliance .supervisao-autonomos .column:first-child:before {
    content: "";
    display: table;
  }

  #compliance .supervisao-autonomos .column:first-child:after {
    clear: both;
  }
}
@media only all and (min-width: 768px) {
  #compliance .supervisao-autonomos .column:nth-child(2) {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 40%;
    margin-left: 11%;
    margin-right: 0;
    margin-top: 100px;
  }

  #compliance .supervisao-autonomos .column:nth-child(2):after,
  #compliance .supervisao-autonomos .column:nth-child(2):before {
    content: "";
    display: table;
  }

  #compliance .supervisao-autonomos .column:nth-child(2):after {
    clear: both;
  }
}
#compliance .supervisao-autonomos .big-number {
  *zoom: 1;
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 3.7vw;
  line-height: 1.4;
  margin-bottom: 8vw;
}

#compliance .supervisao-autonomos .big-number:after,
#compliance .supervisao-autonomos .big-number:before {
  content: "";
  display: table;
}

#compliance .supervisao-autonomos .big-number:after {
  clear: both;
}

@media only all and (min-width: 768px) {
  #compliance .supervisao-autonomos .big-number {
    font-size: 1em;
    margin-bottom: 60px;
  }
}
#compliance .supervisao-autonomos .big-number .value {
  font-family: Roboto Slab, Arial, sans-serif;
  font-weight: 100;
  color: #ffc608;
  font-size: 18vw;
  line-height: .75;
  float: left;
  margin-right: 2vw;
  letter-spacing: -0.06em;
}

@media only all and (min-width: 768px) {
  #compliance .supervisao-autonomos .big-number .value {
    font-size: 5.625em;
    margin-top: 0.3em;
  }
}
@media only all and (min-width: 992px) {
  #compliance .supervisao-autonomos .big-number .value {
    margin-top: 0;
  }
}
#compliance .supervisao-autonomos .big-number .amount {
  font-size: .4em;
  vertical-align: super;
  position: relative;
  top: -0.1em;
}

@media only all and (min-width: 768px) {
  #compliance .supervisao-autonomos .big-number .text {
    padding-top: 2em;
    position: relative;
    top: 0;
  }
}
@media only all and (min-width: 992px) {
  #compliance .supervisao-autonomos .big-number .text {
    padding-top: 2em;
    top: 1.5em;
  }
}
#compliance .supervisao-autonomos .logo {
  margin-bottom: 8vw;
  background-image: url(assets/logo-xp_supervisao_autonomos.png);
  width: 485px;
  height: 104px;
  background-repeat: no-repeat;
  background-size: 100% !important;
  background-position: 50%;
  width: 84vw;
  height: 100%;
  max-height: 104px;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #compliance .supervisao-autonomos .logo {
    background-image: url(assets/logo-xp_supervisao_autonomos@2x.png);
    background-size: 485px 104px;
  }
}
#compliance .supervisao-autonomos .logo__description {
  display: none;
}

@media only all and (min-width: 768px) {
  #compliance .supervisao-autonomos .logo {
    background-image: url(assets/logo-xp_supervisao_autonomos@2x.png);
    width: 300px;
    height: 64px;
    margin-bottom: 0;
  }
}
@media only all and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only all and (min-width: 768px) and (min-device-pixel-ratio: 1.3), only all and (min-width: 768px) and (min-resolution: 1.3dppx) {
  #compliance .supervisao-autonomos .logo {
    background-image: url(assets/logo-xp_supervisao_autonomos@2x.png);
    background-size: 300px 64px;
  }
}
#compliance .supervisao-autonomos .desktop-only .picture_wrap {
  background-image: url(assets/pic_compliance-valores_criados_de_dentro_pra_fora.jpg);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 95%;
  min-height: 890px;
}

#compliance .supervisao-autonomos .picture_wrap {
  margin-left: -7vw;
}

@media only all and (min-width: 768px) {
  #compliance .pequenas-atitudes .column:first-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 40%;
    margin-left: 0;
    margin-right: 0;
  }

  #compliance .pequenas-atitudes .column:first-child:after,
  #compliance .pequenas-atitudes .column:first-child:before {
    content: "";
    display: table;
  }

  #compliance .pequenas-atitudes .column:first-child:after {
    clear: both;
  }
}
@media only all and (min-width: 768px) {
  #compliance .pequenas-atitudes .column:nth-child(2) {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 66%;
    margin-left: 11%;
    margin-right: 0;
    margin-right: -17.333%;
  }

  #compliance .pequenas-atitudes .column:nth-child(2):after,
  #compliance .pequenas-atitudes .column:nth-child(2):before {
    content: "";
    display: table;
  }

  #compliance .pequenas-atitudes .column:nth-child(2):after {
    clear: both;
  }
}
@media only all and (min-width: 768px) {
  #compliance .pequenas-atitudes .text-block {
    margin-top: 0;
  }
}
#compliance .pequenas-atitudes .picture_wrap {
  text-align: right;
  margin-right: -7vw;
}

@media only all and (min-width: 768px) {
  #compliance .pequenas-atitudes .picture_wrap {
    text-align: left;
    background-color: #e1eaea;
  }
}
#compliance .certificacoes {
  padding-top: 10vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes {
    padding-top: 0;
  }
}
@media only all and (min-width: 768px) {
  #compliance .certificacoes .column {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48%;
    margin-left: 0;
    margin-right: 4%;
  }

  #compliance .certificacoes .column:after,
  #compliance .certificacoes .column:before {
    content: "";
    display: table;
  }

  #compliance .certificacoes .column:after {
    clear: both;
  }

  #compliance .certificacoes .column:nth-of-type(2n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  #compliance .certificacoes .column:nth-of-type(odd):not(.skip) {
    clear: both;
  }
}
#compliance .certificacoes .cursos-xp {
  left: 0;
  margin-left: 0;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .cursos-xp {
    width: 100%;
    height: 106px;
    margin-top: 0;
  }
}
@media only all and (min-width: 768px) {
  #compliance .certificacoes .cursos-xp ul {
    width: 100%;
    margin-bottom: 0;
  }
}
#compliance .certificacoes .cursos-xp li {
  height: 14vw;
  padding-right: 2vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .cursos-xp li {
    width: 100%;
    height: auto;
    padding-right: 20px;
  }
}
#compliance .certificacoes .cursos-xp .value {
  top: -0.1vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .cursos-xp .value {
    top: -0.1em;
  }
}
#compliance .certificacoes .cursos-xp .big-number {
  font-size: 16vw;
  margin-top: -1vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .cursos-xp .big-number {
    font-size: 3.75em;
    margin-top: -20px;
  }
}
#compliance .certificacoes .cursos-xp .desc {
  display: inline-block;
  width: 44vw;
  line-height: 1.2;
  text-align: left;
  margin-top: 1vw;
  font-weight: 300;
  font-size: 3.4vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .cursos-xp .desc {
    width: 200px;
    margin-top: 0;
    font-size: .875em;
    min-width: 0;
    margin-left: 154px;
    position: relative;
    top: 0.7em;
  }
}
@media only all and (min-width: 992px) {
  #compliance .certificacoes .cursos-xp .desc {
    margin-left: 170px;
  }
}
#compliance .certificacoes .selos-aderencia {
  width: 100%;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .selos-aderencia {
    clear: both;
  }
}
#compliance .certificacoes .selos-aderencia h3 {
  background-color: #fff;
  display: inline-block;
  padding-right: 2vw;
  font-size: 3.5vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .selos-aderencia h3 {
    padding-right: .2em;
    font-size: 1em;
  }
}
#compliance .certificacoes .selos-aderencia ul {
  color: #b1b3b4;
  border: 1px solid #d9d9d9;
  border-width: 1px 0;
  list-style: none;
  padding: 4vw 0 3vw;
  margin: -2vw 0 0;
  margin-bottom: 10.1vw;
  display: table;
  width: 100%;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .selos-aderencia ul {
    padding: 1.2em 0 1.5em;
    margin-top: -.8em;
    margin-bottom: 1em;
  }
}
#compliance .certificacoes .selos-aderencia li {
  display: table-cell;
}

#compliance .certificacoes .selos-aderencia li + li {
  margin-left: 3.2vw;
  padding-left: 10px;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .selos-aderencia li + li {
    margin-left: 0;
    text-align: right;
  }
}
#compliance .certificacoes .instituicao-mercado {
  left: 0;
  margin-left: 0;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .instituicao-mercado {
    width: 100%;
    margin-top: 0;
  }
}
@media only all and (min-width: 768px) {
  #compliance .certificacoes .instituicao-mercado ul {
    margin-bottom: 0;
  }
}
#compliance .certificacoes .instituicao-mercado li {
  height: 14vw;
  padding-right: 2vw;
  position: relative;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .instituicao-mercado li {
    height: auto;
    padding-right: 0;
    width: 100%;
    height: 75px;
  }
}
#compliance .certificacoes .instituicao-mercado .value {
  top: -0.2vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .instituicao-mercado .value {
    top: -0.1em;
  }
}
#compliance .certificacoes .instituicao-mercado .big-number {
  font-size: 16vw;
  top: -0.1em;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .instituicao-mercado .big-number {
    font-size: 4.375em;
  }
}
#compliance .certificacoes .instituicao-mercado .currency {
  background-color: #fff;
  font-size: 8vw;
  position: relative;
  top: -5vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .instituicao-mercado .currency {
    font-size: .375em;
    top: -1.2em;
    font-weight: 100;
  }
}
#compliance .certificacoes .instituicao-mercado .amount {
  position: relative;
  top: -5vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .instituicao-mercado .amount {
    top: -1.3em;
    font-size: 1.25em;
  }
}
@media only all and (min-width: 1200px) {
  #compliance .certificacoes .instituicao-mercado .amount {
    font-size: 1.375em;
  }
}
#compliance .certificacoes .instituicao-mercado .desc {
  display: block;
  width: 74vw;
  line-height: 1.2;
  text-align: left;
  margin-top: 8vw;
  font-weight: 300;
  font-size: 3.3vw;
  margin-left: 3em;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .instituicao-mercado .desc {
    font-size: .75em;
    margin-top: 3em;
    margin-left: 3.5em;
    min-width: 0;
  }
}
@media only all and (min-width: 1200px) {
  #compliance .certificacoes .instituicao-mercado .desc {
    font-size: 1em;
    margin-left: 3.2em;
    margin-top: 2em;
  }
}
#compliance .certificacoes .instituicao-mercado .icon {
  position: absolute;
  top: -.2vw;
  width: 12.5vw;
  height: inherit;
  right: 0;
  padding-left: 1.2vw;
  background-color: #fff;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .instituicao-mercado .icon {
    top: -.2em;
    width: 70px;
    text-align: right;
    padding-left: 0.2em;
  }
}
#compliance .certificacoes .selos-pqo {
  left: 0;
  margin-left: 0;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .selos-pqo {
    width: 100%;
    margin-top: 0;
  }
}
@media only all and (min-width: 768px) {
  #compliance .certificacoes .selos-pqo ul {
    margin-bottom: 0;
  }
}
#compliance .certificacoes .selos-pqo li {
  height: 20vw;
  padding-right: 2vw;
  position: relative;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .selos-pqo li {
    padding-right: 10px;
    height: 91px;
    width: 100%;
  }
}
@media only all and (min-width: 992px) {
  #compliance .certificacoes .selos-pqo li {
    height: 110px;
  }
}
#compliance .certificacoes .selos-pqo .value {
  top: -0.1vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .selos-pqo .value {
    top: -0.3em;
  }
}
#compliance .certificacoes .selos-pqo .big-number {
  font-size: 16vw;
  margin-top: -1vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .selos-pqo .big-number {
    font-size: 5em;
    margin-top: -10px;
  }
}
#compliance .certificacoes .selos-pqo .currency {
  background-color: #fff;
  font-size: 8vw;
  position: relative;
  top: -5vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .selos-pqo .currency {
    font-size: .75em;
    top: -1em;
  }
}
#compliance .certificacoes .selos-pqo .amount {
  position: relative;
  top: -1vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .selos-pqo .amount {
    top: -0.4em;
  }
}
#compliance .certificacoes .selos-pqo .desc {
  display: inline-block;
  width: 100%;
  line-height: 1.2;
  text-align: left;
  margin-top: 13vw;
  font-weight: 300;
  font-size: 3.4vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .selos-pqo .desc {
    font-size: .9375em;
    margin-top: 3.7em;
    margin-left: 0;
    min-width: 0;
  }
}
#compliance .certificacoes .selos-pqo .icon {
  position: absolute;
  width: 42vw;
  height: inherit;
  right: 0;
  top: .2vw;
  bottom: -.2vw;
  padding-left: .2vw;
  background-color: #fff;
  white-space: nowrap;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .selos-pqo .icon {
    width: 202px;
    text-align: right;
    padding-left: 0.2em;
  }
}
@media only all and (min-width: 1200px) {
  #compliance .certificacoes .selos-pqo .icon {
    width: 220px;
  }
}
#compliance .certificacoes .selos-pqo .icon img {
  position: relative;
  bottom: -2vw;
  height: 18vw;
  margin-left: 1vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes .selos-pqo .icon img {
    bottom: -.6em;
    height: 80px;
    margin-left: 0;
  }
}
@media only all and (min-width: 992px) {
  #compliance .certificacoes .selos-pqo .icon img {
    height: 95px;
  }
}
@media only all and (min-width: 1200px) {
  #compliance .certificacoes .selos-pqo .icon img {
    bottom: -.5em;
    height: 100px;
  }
}
#compliance-call-to-action {
  background-image: url(assets/compliance-mobile@2x.jpg);
  min-height: 120vw;
  padding-top: 14vw;
}

@media only all and (min-width: 768px) {
  #compliance-call-to-action {
    background-image: url(assets/compliance.jpg);
    height: 569px;
    min-height: inherit;
    padding-top: 115px;
  }
}
@media only all and (min-width: 768px) {
  #compliance-call-to-action .text-block {
    padding-top: 0;
    width: 691px;
    margin: 0 auto;
  }
}
#compliance-call-to-action h2 {
  padding-bottom: 4vw;
  margin-bottom: 4vw;
}

@media only all and (min-width: 768px) {
  #compliance-call-to-action h2 {
    padding-bottom: 22px;
    margin-bottom: 22px;
  }
}
#compliance-call-to-action p {
  margin: 0 0 6vw;
  text-align: center;
}

@media only all and (min-width: 768px) {
  #compliance-call-to-action p {
    margin: 0 0 40px;
  }
}
#compliance-call-to-action .tel {
  color: #fff;
  font-size: 6vw;
  font-family: Roboto Slab, Arial, sans-serif;
  font-weight: 300;
}

@media only all and (min-width: 768px) {
  #compliance-call-to-action .tel {
    font-size: 2.375em;
    letter-spacing: -.05em;
    margin-bottom: 0.5em;
  }
}
#compliance-call-to-action .link-follow {
  text-align: center;
  width: auto;
}

@media only all and (min-width: 768px) {
  #compliance-call-to-action .link-follow {
    font-size: 1em;
  }
}
#compliance-visao {
  padding-top: 5vw;
}

#compliance-visao .wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media only all and (min-width: 768px) {
  #compliance-visao .wrap {
    *zoom: 1;
    width: auto;
    max-width: 1280px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 2em;
    padding-right: 2em;
  }

  #compliance-visao .wrap:after,
  #compliance-visao .wrap:before {
    content: "";
    display: table;
  }

  #compliance-visao .wrap:after {
    clear: both;
  }
}
#compliance-visao h2 {
  text-align: left;
  padding-bottom: 3vw;
  font-size: 5vw;
}

@media only all and (min-width: 768px) {
  #compliance-visao h2 {
    font-size: 1.5em;
    padding-bottom: 30px;
  }
}
#compliance-visao .collapse-menu dl {
  font-size: 2vw;
}

@media only all and (min-width: 768px) {
  #compliance-visao .collapse-menu dl {
    font-size: 0.625em;
  }
}
#compliance-visao .collapse-menu dl dt {
  margin: 0;
  padding: 3vw 0;
  font-size: 2.5vw;
  font-weight: 400;
  color: #2f3235;
  border-top: 1px solid #ccc;
  cursor: pointer;
  text-transform: uppercase;
  clear: both;
}

@media only all and (min-width: 768px) {
  #compliance-visao .collapse-menu dl dt {
    font-size: 1.5em;
    padding: 1em 0;
  }
}
#compliance-visao .collapse-menu dl dt.ui-expand .ico-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}

#compliance-visao .collapse-menu dl .ico-arrow {
  display: inline-block;
  background-image: url(assets/ico-arrow_right.png);
  width: 6px;
  height: 10px;
  background-repeat: no-repeat;
  position: relative;
  top: .1vw;
  padding-left: 3.5vw;
  -webkit-transition: all .2s;
          transition: all .2s;
  -webkit-transform-origin: 3px 6px;
  -ms-transform-origin: 3px 6px;
      transform-origin: 3px 6px;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #compliance-visao .collapse-menu dl .ico-arrow {
    background-image: url(assets/ico-arrow_right@2x.png);
    background-size: 6px 10px;
  }
}
@media only all and (min-width: 480px) {
  #compliance-visao .collapse-menu dl .ico-arrow {
    top: 0.6vw;
  }
}
@media only all and (min-width: 768px) {
  #compliance-visao .collapse-menu dl .ico-arrow {
    top: .3em;
    padding-left: 20px;
  }
}
#compliance-visao .collapse-menu dl dd {
  display: none;
  margin: 0;
}

#compliance-visao .collapse-menu dl dd .content {
  padding: 2vw 0 4vw;
  font-size: 2vw;
}

@media only all and (min-width: 768px) {
  #compliance-visao .collapse-menu dl dd .content {
    font-size: 2em;
    padding: 20px 0 40px;
  }
}
#compliance-visao .collapse-menu dl dd p {
  color: #707173;
  margin-bottom: 1em;
}

@media only all and (min-width: 768px) {
  #compliance-visao .collapse-menu dl dd p {
    font-size: 1.5em;
  }
}
#carreiras-hero {
  background: #f8f8f8 url(assets/hero-carreiras-mobile@2x.jpg) no-repeat 50%;
  background-size: cover;
  height: 90vw;
}

@media only all and (min-width: 768px) {
  #carreiras-hero {
    background: #f8f8f8 url(assets/hero-carreiras.jpg) no-repeat 50%;
    background-size: cover;
    height: 540px;
  }
}
#carreiras-hero .text-block {
  margin-top: 25vw;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 82.83333%;
  margin-left: 0;
  margin-right: 3%;
}

#carreiras-hero .text-block:after,
#carreiras-hero .text-block:before {
  content: "";
  display: table;
}

#carreiras-hero .text-block:after {
  clear: both;
}

#carreiras-hero .text-block:last-child {
  margin-right: 0;
}

@media only all and (min-width: 768px) {
  #carreiras-hero .text-block {
    margin-top: 0;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 39.91667%;
    margin-left: 0;
    margin-right: 3%;
  }

  #carreiras-hero .text-block:after,
  #carreiras-hero .text-block:before {
    content: "";
    display: table;
  }

  #carreiras-hero .text-block:after {
    clear: both;
  }

  #carreiras-hero .text-block:last-child {
    margin-right: 0;
  }
}
#carreiras .junte-se-a-nos {
  margin-bottom: 13vw;
}

@media only all and (min-width: 768px) {
  #carreiras .junte-se-a-nos {
    margin-bottom: 0;
  }
}
@media only all and (min-width: 768px) {
  #carreiras .junte-se-a-nos .column {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
  }

  #carreiras .junte-se-a-nos .column:after,
  #carreiras .junte-se-a-nos .column:before {
    content: "";
    display: table;
  }

  #carreiras .junte-se-a-nos .column:after {
    clear: both;
  }

  #carreiras .junte-se-a-nos .column:last-child {
    margin-right: 0;
  }
}
#carreiras .junte-se-a-nos .column:first-child .dash {
  margin-top: 4vw;
}

@media only all and (min-width: 768px) {
  #carreiras .junte-se-a-nos .column:first-child .dash {
    margin-top: 2em;
  }
}
#carreiras .junte-se-a-nos .column:nth-child(2) .picture-wrap {
  height: 50.4vw;
  margin: 10vw -7vw 0 0;
  background: url(assets/pic-carreiras-junte-se-a-nos@2x.jpg) no-repeat 0 0;
  background-size: cover;
}

@media only all and (min-width: 768px) {
  #carreiras .junte-se-a-nos .column:nth-child(2) .picture-wrap {
    margin: 45px 0 0;
    height: 216px;
    background: url(assets/pic-carreiras-junte-se-a-nos.jpg) no-repeat 0 0;
    background-size: contain;
  }
}
#carreiras .faca-a-diferenca {
  margin-bottom: 13vw;
}

@media only all and (min-width: 768px) {
  #carreiras .faca-a-diferenca {
    margin-bottom: 121px;
  }
}
@media only all and (min-width: 992px) {
  #carreiras .faca-a-diferenca {
    margin-bottom: 191px;
  }
}
@media only all and (min-width: 768px) {
  #carreiras .faca-a-diferenca .column:first-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 39.91667%;
    margin-left: 0;
    margin-right: 3%;
    position: relative;
    left: 51.5%;
  }

  #carreiras .faca-a-diferenca .column:first-child:after,
  #carreiras .faca-a-diferenca .column:first-child:before {
    content: "";
    display: table;
  }

  #carreiras .faca-a-diferenca .column:first-child:after {
    clear: both;
  }

  #carreiras .faca-a-diferenca .column:first-child:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 768px) and (min-width: 768px) {
  #carreiras .faca-a-diferenca .column:first-child .text-block p {
    margin-bottom: 62px;
  }
}
@media only all and (min-width: 768px) {
  #carreiras .faca-a-diferenca .column:nth-child(2) {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 39.91667%;
    margin-left: 0;
    margin-right: 3%;
    position: relative;
    left: -42.91667%;
  }

  #carreiras .faca-a-diferenca .column:nth-child(2):after,
  #carreiras .faca-a-diferenca .column:nth-child(2):before {
    content: "";
    display: table;
  }

  #carreiras .faca-a-diferenca .column:nth-child(2):after {
    clear: both;
  }

  #carreiras .faca-a-diferenca .column:nth-child(2):last-child {
    margin-right: 0;
  }
}
#carreiras .faca-a-diferenca .column:nth-child(2) .picture-wrap {
  height: 68vw;
  margin: 10vw 0 0 -7vw;
  background: url(assets/pic-carreiras-faca-a-diferenca@2x.jpg) no-repeat 0 0;
  background-size: cover;
}

#carreiras .faca-a-diferenca .column:nth-child(2) .picture-wrap.has-dash:before {
  left: 0;
  right: 5%;
}

@media only all and (min-width: 768px) {
  #carreiras .faca-a-diferenca .column:nth-child(2) .picture-wrap.has-dash:before {
    left: 5%;
    right: inherit;
  }
}
@media only all and (min-width: 768px) {
  #carreiras .faca-a-diferenca .column:nth-child(2) .picture-wrap {
    margin: 0;
    height: inherit;
    padding: 99% 0 0;
    background: url(assets/pic-carreiras-faca-a-diferenca.jpg) no-repeat 0 0;
    background-size: contain;
  }
}
#carreiras .faca-a-diferenca .column:nth-child(2) .picture-wrap .from-bottom-left {
  right: 7vw;
  left: inherit;
}

@media only all and (min-width: 768px) {
  #carreiras .faca-a-diferenca .column:nth-child(2) .picture-wrap .from-bottom-left {
    right: inherit;
    left: 5%;
  }
}
#carreiras .boas-oportunidades {
  margin-bottom: 13vw;
}

@media only all and (min-width: 768px) {
  #carreiras .boas-oportunidades {
    margin-bottom: 145px;
  }
}
@media only all and (min-width: 992px) {
  #carreiras .boas-oportunidades {
    margin-bottom: 215px;
  }
}
@media only all and (min-width: 768px) {
  #carreiras .boas-oportunidades .column:first-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 39.91667%;
    margin-left: 0;
    margin-right: 3%;
  }

  #carreiras .boas-oportunidades .column:first-child:after,
  #carreiras .boas-oportunidades .column:first-child:before {
    content: "";
    display: table;
  }

  #carreiras .boas-oportunidades .column:first-child:after {
    clear: both;
  }

  #carreiras .boas-oportunidades .column:first-child:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 768px) {
  #carreiras .boas-oportunidades .column:first-child .text-block p {
    margin-bottom: 73px;
  }
}
#carreiras .boas-oportunidades .column:first-child .has-pre-dash:first-child {
  padding-top: 0;
}

@media only all and (min-width: 768px) {
  #carreiras .boas-oportunidades .column:first-child .has-pre-dash:first-child {
    padding-top: 0;
  }
}
#carreiras .boas-oportunidades .column:first-child .ico-agentes {
  padding: 24vw 0 0;
  background: url(assets/ico-agentes-autonomos@2x.png) no-repeat left 3vw;
  background-size: 43vw 17vw;
}

@media only all and (min-width: 768px) {
  #carreiras .boas-oportunidades .column:first-child .ico-agentes {
    background: url(assets/ico-agentes-autonomos.png) no-repeat 0 0;
    background-size: 222px 82px;
    background-position: 0 0;
    padding: 103px 0 0;
    height: 82px;
  }
}
@media only all and (min-width: 1200px) {
  #carreiras .boas-oportunidades .column:first-child .ico-agentes {
    padding: 13px 0 0;
  }
}
@media only all and (min-width: 1200px) {
  #carreiras .boas-oportunidades .column:first-child .ico-agentes .link-follow {
    text-align: right;
  }
}
@media only all and (min-width: 768px) {
  #carreiras .boas-oportunidades .column:nth-child(2) {
    float: right;
    margin-right: calc((100vw - 100%)/-2);
    width: 49vw;
  }
}
#carreiras .boas-oportunidades .column:nth-child(2) .picture-wrap {
  height: 68vw;
  margin: 10vw -7vw 0 0;
  background: url(assets/pic-carreiras-boas-oportunidades@2x.jpg) no-repeat 0 0;
  background-size: cover;
}

@media only all and (min-width: 768px) {
  #carreiras .boas-oportunidades .column:nth-child(2) .picture-wrap {
    height: 512px;
    margin: 0;
    background: url(assets/pic-carreiras-boas-oportunidades.jpg) no-repeat 0 0;
    background-size: inherit;
  }
}
#carreiras .responsabilidade-corporativa {
  margin-bottom: 13vw;
}

@media only all and (min-width: 768px) {
  #carreiras .responsabilidade-corporativa {
    margin-bottom: 0;
  }
}
#carreiras .responsabilidade-corporativa .column:first-child {
  display: none;
}

@media only all and (min-width: 768px) {
  #carreiras .responsabilidade-corporativa .column:first-child {
    display: block;
    float: left;
    margin-left: calc((100vw - 100%)/-2);
    width: 40.8vw;
  }
}
@media only all and (min-width: 1200px) {
  #carreiras .responsabilidade-corporativa .column:first-child {
    width: 40.8vw;
  }
}
@media only all and (min-width: 1280px) {
  #carreiras .responsabilidade-corporativa .column:first-child {
    margin-left: calc((100vw - 83.3%)/-2);
    width: 48.7vw;
  }
}
#carreiras .responsabilidade-corporativa .column:first-child .picture-wrap {
  height: 68vw;
  margin: 10vw -7vw 0 0;
}

@media only all and (min-width: 768px) {
  #carreiras .responsabilidade-corporativa .column:first-child .picture-wrap {
    height: 432px;
    margin: 0;
    background: url(assets/pic-carreiras-responsabilidade-corporativa.jpg) no-repeat 100% 0;
    background-size: inherit;
  }
}
@media only all and (min-width: 768px) {
  #carreiras .responsabilidade-corporativa .column:nth-child(2) {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 51.5%;
    margin-right: 3%;
    float: right;
    margin-left: 3%;
    margin-right: 0;
  }

  #carreiras .responsabilidade-corporativa .column:nth-child(2):after,
  #carreiras .responsabilidade-corporativa .column:nth-child(2):before {
    content: "";
    display: table;
  }

  #carreiras .responsabilidade-corporativa .column:nth-child(2):after {
    clear: both;
  }

  #carreiras .responsabilidade-corporativa .column:nth-child(2):last-child {
    margin-right: 0;
  }
}
#carreiras .responsabilidade-corporativa .column:nth-child(2) .main-text p {
  margin-bottom: 8vw;
}

@media only all and (min-width: 768px) {
  #carreiras .responsabilidade-corporativa .column:nth-child(2) .main-text p {
    margin-bottom: 40px;
  }
}
#carreiras .responsabilidade-corporativa .column:nth-child(2) .main-text .dash {
  margin-bottom: 7.5vw;
}

@media only all and (min-width: 768px) {
  #carreiras .responsabilidade-corporativa .column:nth-child(2) .main-text .dash {
    margin-bottom: 60px;
  }
}
#carreiras .responsabilidade-corporativa .column:nth-child(2) .main-text .link-follow {
  width: 70vw;
}

@media only all and (min-width: 480px) {
  #carreiras .responsabilidade-corporativa .column:nth-child(2) .main-text .link-follow {
    width: auto;
  }
}
#carreiras .responsabilidade-corporativa .column:nth-child(3) {
  display: block;
}

#carreiras .responsabilidade-corporativa .column:nth-child(3) .picture-wrap {
  height: 68vw;
  margin: 10vw 0 0 -7vw;
  background: url(assets/pic-carreiras-responsabilidade-corporativa@2x.jpg) no-repeat 100% 0;
  background-size: cover;
}

@media only all and (min-width: 768px) {
  #carreiras .responsabilidade-corporativa .column:nth-child(3) .picture-wrap {
    display: none;
  }
}
#carreiras .responsabilidade-corporativa .column:nth-child(3) .picture-wrap .from-bottom-left {
  right: 7vw;
  left: inherit;
}

@media only all and (min-width: 768px) {
  #carreiras .responsabilidade-corporativa .column:nth-child(3) {
    display: none;
  }
}
#carreiras-call-to-action {
  min-height: inherit;
}

#grupo-xp-hero {
  background: #f8f8f8 url(assets/hero-grupo-xp-mobile@2x.jpg) no-repeat 50%;
  background-size: cover;
  padding-bottom: 2vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp-hero {
    background: #f8f8f8 url(assets/hero-grupo-xp.jpg) no-repeat 50%;
    background-size: cover;
    height: 676px;
  }
}
#grupo-xp-hero .text-block {
  margin-top: 4vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp-hero .text-block {
    margin-top: 0;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 82.83333%;
    margin-left: 0;
    margin-right: 3%;
  }

  #grupo-xp-hero .text-block:after,
  #grupo-xp-hero .text-block:before {
    content: "";
    display: table;
  }

  #grupo-xp-hero .text-block:after {
    clear: both;
  }

  #grupo-xp-hero .text-block:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 992px) {
  #grupo-xp-hero .text-block {
    margin-top: 0;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 65.66667%;
    margin-left: 0;
    margin-right: 3%;
  }

  #grupo-xp-hero .text-block:after,
  #grupo-xp-hero .text-block:before {
    content: "";
    display: table;
  }

  #grupo-xp-hero .text-block:after {
    clear: both;
  }

  #grupo-xp-hero .text-block:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 768px) {
  #grupo-xp-hero .text-block p {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 74.25%;
    margin-left: 0;
    margin-right: 3%;
    float: none;
  }

  #grupo-xp-hero .text-block p:after,
  #grupo-xp-hero .text-block p:before {
    content: "";
    display: table;
  }

  #grupo-xp-hero .text-block p:after {
    clear: both;
  }

  #grupo-xp-hero .text-block p:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 992px) {
  #grupo-xp-hero .text-block p {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 61.375%;
    margin-left: 0;
    margin-right: 3%;
  }

  #grupo-xp-hero .text-block p:after,
  #grupo-xp-hero .text-block p:before {
    content: "";
    display: table;
  }

  #grupo-xp-hero .text-block p:after {
    clear: both;
  }

  #grupo-xp-hero .text-block p:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 768px) {
  #grupo-xp {
    padding-top: 100px;
  }
}
@media only all and (min-width: 992px) {
  #grupo-xp {
    padding-top: 140px;
  }
}
@media only all and (min-width: 768px) {
  #grupo-xp.has-dash.dash-top-right:before {
    left: 32px;
  }
}
@media only all and (min-width: 1302px) {
  #grupo-xp.has-dash.dash-top-right:before {
    left: inherit;
  }
}
#grupo-xp .empresas-do-grupo {
  margin-bottom: 7vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .empresas-do-grupo {
    margin-bottom: 120px;
  }
}
@media only all and (min-width: 992px) {
  #grupo-xp .empresas-do-grupo {
    margin-bottom: 160px;
  }
}
@media only all and (min-width: 768px) {
  #grupo-xp .empresas-do-grupo .column {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
  }

  #grupo-xp .empresas-do-grupo .column:after,
  #grupo-xp .empresas-do-grupo .column:before {
    content: "";
    display: table;
  }

  #grupo-xp .empresas-do-grupo .column:after {
    clear: both;
  }

  #grupo-xp .empresas-do-grupo .column:nth-of-type(2n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  #grupo-xp .empresas-do-grupo .column:nth-of-type(odd):not(.skip) {
    clear: both;
  }
}
@media only all and (min-width: 768px) {
  #grupo-xp .empresas-do-grupo .column .dash {
    display: none;
  }
}
@media only all and (min-width: 768px) {
  #grupo-xp .empresas-do-grupo .column:first-child .dash {
    display: inline-block;
  }
}
@media only all and (min-width: 768px) {
  #grupo-xp .empresas-do-grupo .column:nth-child(2) {
    padding-top: 74px;
  }
}
#grupo-xp .empresas-do-grupo .column:nth-child(2) .dash {
  display: none;
}

@media only all and (min-width: 768px) {
  #grupo-xp .empresas-do-grupo .column:nth-child(2) .dash {
    display: inline-block;
    height: 2px;
    width: 23px;
    border: none;
  }
}
@media only all and (min-width: 768px) {
  #grupo-xp .empresas-do-grupo .column .main-text,
  #grupo-xp .empresas-do-grupo .column .text-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 82.83333%;
    margin-left: 0;
    margin-right: 3%;
  }

  #grupo-xp .empresas-do-grupo .column .main-text:after,
  #grupo-xp .empresas-do-grupo .column .main-text:before,
  #grupo-xp .empresas-do-grupo .column .text-block:after,
  #grupo-xp .empresas-do-grupo .column .text-block:before {
    content: "";
    display: table;
  }

  #grupo-xp .empresas-do-grupo .column .main-text:after,
  #grupo-xp .empresas-do-grupo .column .text-block:after {
    clear: both;
  }

  #grupo-xp .empresas-do-grupo .column .main-text:last-child,
  #grupo-xp .empresas-do-grupo .column .text-block:last-child {
    margin-right: 0;
  }
}
#grupo-xp .empresas-do-grupo .column .main-text p {
  margin-bottom: 8vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .empresas-do-grupo .column .main-text p {
    margin-bottom: 1.6em;
  }
}
#grupo-xp .empresas-do-grupo .column .text-block {
  margin: 6vw 0 0;
}

@media only all and (min-width: 768px) {
  #grupo-xp .empresas-do-grupo .column .text-block {
    margin: 20px 0 0;
  }
}
#grupo-xp .empresas-do-grupo .column .text-block p {
  margin-bottom: 37px;
}

@media only all and (min-width: 768px) {
  #grupo-xp .empresas-do-grupo .column .text-block p {
    margin-bottom: 37px;
  }
}
#grupo-xp .empresas-do-grupo .column .text-block img {
  display: block;
  width: auto;
  height: 11vw;
  margin: 7vw 0 5vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .empresas-do-grupo .column .text-block img {
    height: 39px;
    margin: 35px 0 30px;
  }
}
#grupo-xp .estrutura-societaria {
  margin-bottom: 14vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .estrutura-societaria {
    margin-bottom: 130px;
  }
}
@media only all and (min-width: 992px) {
  #grupo-xp .estrutura-societaria {
    margin-bottom: 179px;
  }
}
@media only all and (min-width: 768px) {
  #grupo-xp .estrutura-societaria .column:first-child {
    display: block;
    float: left;
    margin-left: calc((100vw - 100%)/-2);
    width: 40.8vw;
  }
}
@media only all and (min-width: 1200px) {
  #grupo-xp .estrutura-societaria .column:first-child {
    width: 40.8vw;
  }
}
@media only all and (min-width: 1280px) {
  #grupo-xp .estrutura-societaria .column:first-child {
    margin-left: calc((100vw - 83.3%)/-2);
    width: 48.7vw;
  }
}
#grupo-xp .estrutura-societaria .column:first-child .picture-wrap {
  height: 67vw;
  margin: 10vw 0 0 -7vw;
  background: url(assets/pic-grupo-xp-estrutura-societaria@2x.jpg) no-repeat 100% 0;
  background-size: cover;
}

@media only all and (min-width: 768px) {
  #grupo-xp .estrutura-societaria .column:first-child .picture-wrap {
    height: 756px;
    margin: 0;
    background: url(assets/pic-grupo-xp-estrutura-societaria.jpg) no-repeat 100% 0;
    background-size: inherit;
  }
}
#grupo-xp .estrutura-societaria .column:nth-child(2) {
  padding-top: 10vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .estrutura-societaria .column:nth-child(2) {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 51.5%;
    margin-right: 3%;
    float: right;
    padding-top: 9px;
    margin-left: 3%;
    margin-right: 0;
  }

  #grupo-xp .estrutura-societaria .column:nth-child(2):after,
  #grupo-xp .estrutura-societaria .column:nth-child(2):before {
    content: "";
    display: table;
  }

  #grupo-xp .estrutura-societaria .column:nth-child(2):after {
    clear: both;
  }

  #grupo-xp .estrutura-societaria .column:nth-child(2):last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 768px) {
  #grupo-xp .estrutura-societaria .column:nth-child(2) .main-text {
    margin-bottom: 0;
  }
}
#grupo-xp .estrutura-societaria .column:nth-child(2) .main-text p {
  margin-bottom: 6vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .estrutura-societaria .column:nth-child(2) .main-text p {
    margin-bottom: 34px;
  }
}
#grupo-xp .estrutura-societaria .column:nth-child(2) .main-text .dash {
  margin-bottom: 3.5vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .estrutura-societaria .column:nth-child(2) .main-text .dash {
    margin-bottom: 0;
  }
}
#grupo-xp .estrutura-societaria .column:nth-child(2) .text-block p {
  margin-bottom: 10.7vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .estrutura-societaria .column:nth-child(2) .text-block p {
    margin-bottom: 49px;
  }
}
#grupo-xp .estrutura-societaria .column:nth-child(2) .text-block img {
  margin-bottom: 10vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .estrutura-societaria .column:nth-child(2) .text-block img {
    max-width: 85%;
    margin-bottom: 58px;
  }
}
#grupo-xp .estrutura-societaria .column:nth-child(2) .text-block .link-follow {
  width: 100%;
}

@media only all and (min-width: 768px) {
  #grupo-xp .estrutura-societaria .column:nth-child(2) .text-block .link-follow {
    width: 65%;
  }
}
#grupo-xp .porta-vozes {
  margin-bottom: 0;
}

@media only all and (min-width: 768px) {
  #grupo-xp .porta-vozes {
    margin-bottom: 86px;
  }
}
#grupo-xp .porta-vozes .main-text {
  margin-bottom: 8vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .porta-vozes .main-text {
    margin-bottom: 54px;
  }
}
#grupo-xp .porta-vozes .main-text h2 {
  text-align: left;
}

@media only all and (min-width: 768px) {
  #grupo-xp .porta-vozes .main-text h2 {
    text-align: center;
  }
}
#grupo-xp .porta-vozes .main-text p {
  margin-bottom: 7vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .porta-vozes .main-text p {
    text-align: center;
    margin-bottom: 48px;
  }
}
#grupo-xp .porta-vozes .main-text .dash {
  display: inline-block;
}

@media only all and (min-width: 768px) {
  #grupo-xp .porta-vozes .main-text .dash {
    display: block;
  }
}
#grupo-xp .porta-vozes .profiles {
  position: relative;
  overflow: hidden;
}

@media only all and (min-width: 768px) {
  #grupo-xp .porta-vozes .profiles {
    min-height: 590px;
    padding: 0 0 25px;
    margin: 0 0 80px;
  }

  #grupo-xp .porta-vozes .profiles:after,
  #grupo-xp .porta-vozes .profiles:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 23px;
    height: 2px;
    background-color: #ffc709;
  }

  #grupo-xp .porta-vozes .profiles:before {
    left: 0;
    left: 34.333%;
  }
}
#grupo-xp .porta-vozes .profiles > .dash {
  display: none;
}

@media only all and (min-width: 768px) {
  #grupo-xp .porta-vozes .profiles > .dash {
    display: block;
    position: absolute;
    bottom: 0;
    width: 23px;
    height: 2px;
    left: 68.666%;
    background-color: #ffc709;
    margin: 0;
    border: none;
  }
}
@media only all and (min-width: 768px) {
  #grupo-xp .porta-vozes .profiles .column {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.33333%;
    margin-left: 0;
    margin-right: 3%;
  }

  #grupo-xp .porta-vozes .profiles .column:after,
  #grupo-xp .porta-vozes .profiles .column:before {
    content: "";
    display: table;
  }

  #grupo-xp .porta-vozes .profiles .column:after {
    clear: both;
  }

  #grupo-xp .porta-vozes .profiles .column:nth-of-type(3n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  #grupo-xp .porta-vozes .profiles .column:nth-of-type(3n+1):not(.skip) {
    clear: both;
  }
}
@media only all and (min-width: 768px) {
  #grupo-xp .porta-vozes .profiles .column .card-profile {
    padding-bottom: 20px;
  }
}
#grupo-xp .porta-vozes .profiles .column .card-profile img {
  margin-bottom: 4.5vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .porta-vozes .profiles .column .card-profile img {
    margin-bottom: 29px;
  }
}
#grupo-xp .porta-vozes .profiles .column .card-profile h3 {
  font-size: 5.5vw;
  margin-bottom: 1.1vw;
  font-weight: 300;
}

@media only all and (min-width: 768px) {
  #grupo-xp .porta-vozes .profiles .column .card-profile h3 {
    font-size: 1.625em;
    margin-bottom: 4px;
  }
}
#grupo-xp .porta-vozes .profiles .column .card-profile h4 {
  margin-bottom: 8.2vw;
  font: 600 2vw Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #707173;
}

@media only all and (min-width: 768px) {
  #grupo-xp .porta-vozes .profiles .column .card-profile h4 {
    margin-bottom: 35px;
    font: 600 0.8125em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}
#grupo-xp .porta-vozes .profiles .column .card-profile p {
  margin-bottom: 5.3vw;
  font: 400 4vw/1.4 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #b1b3b4;
}

@media only all and (min-width: 768px) {
  #grupo-xp .porta-vozes .profiles .column .card-profile p {
    margin-bottom: 0;
    font: 400 1.125em/1.47 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.125em;
  }
}
#grupo-xp .porta-vozes .profiles .column .card-profile .dash {
  margin-bottom: 11vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .porta-vozes .profiles .column .card-profile .dash {
    display: none;
  }
}
#grupo-xp .nossa-presenca {
  margin-bottom: 13vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca {
    margin-bottom: 188px;
  }
}
#grupo-xp .nossa-presenca .column:first-child {
  display: block;
}

#grupo-xp .nossa-presenca .column:first-child .picture-wrap {
  height: 92vw;
  margin: 2vw -7vw 0 0;
  background: url(assets/pic-grupo-xp_nossa-presenca@2x.jpg) no-repeat 0 0;
  background-size: cover;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column:first-child .picture-wrap {
    display: none;
  }
}
#grupo-xp .nossa-presenca .column:first-child .picture-wrap .from-top-left {
  left: 7vw;
  right: inherit;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column:first-child {
    display: none;
  }
}
#grupo-xp .nossa-presenca .column:nth-child(2) {
  padding-top: 10.5vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column:nth-child(2) {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
    padding-top: 0;
  }

  #grupo-xp .nossa-presenca .column:nth-child(2):after,
  #grupo-xp .nossa-presenca .column:nth-child(2):before {
    content: "";
    display: table;
  }

  #grupo-xp .nossa-presenca .column:nth-child(2):after {
    clear: both;
  }

  #grupo-xp .nossa-presenca .column:nth-child(2):last-child {
    margin-right: 0;
  }
}
#grupo-xp .nossa-presenca .column:nth-child(2) .main-text p {
  margin-bottom: 8vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column:nth-child(2) .main-text p {
    margin-bottom: 60px;
  }
}
#grupo-xp .nossa-presenca .column:nth-child(2) .main-text .dash {
  margin-bottom: 7.5vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column:nth-child(2) .main-text .dash {
    margin-bottom: 8px;
  }
}
#grupo-xp .nossa-presenca .column:nth-child(3) {
  display: none;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column:nth-child(3) {
    display: block;
    float: right;
    margin-right: calc((100vw - 100%)/-2);
    width: 40.8vw;
    padding-top: 50px;
  }
}
@media only all and (min-width: 1200px) {
  #grupo-xp .nossa-presenca .column:nth-child(3) {
    width: 40.8vw;
  }
}
@media only all and (min-width: 1280px) {
  #grupo-xp .nossa-presenca .column:nth-child(3) {
    margin-left: calc((100vw - 83.3%)/-2);
    width: 48.7vw;
  }
}
#grupo-xp .nossa-presenca .column:nth-child(3) .picture-wrap {
  margin: 10vw -7vw 0 0;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column:nth-child(3) .picture-wrap {
    min-height: 838px;
    margin: 0;
    background: url(assets/pic-grupo-xp_nossa-presenca.jpg) no-repeat 0 0;
  }
}
#grupo-xp .nossa-presenca .column .offices .office {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 50%;
  margin-left: 0;
  margin-right: 0;
}

#grupo-xp .nossa-presenca .column .offices .office:after,
#grupo-xp .nossa-presenca .column .offices .office:before {
  content: "";
  display: table;
}

#grupo-xp .nossa-presenca .column .offices .office:after {
  clear: both;
}

#grupo-xp .nossa-presenca .column .offices .office:nth-of-type(2n):not(.skip) {
  float: right;
}

#grupo-xp .nossa-presenca .column .offices .office:nth-of-type(odd):not(.skip) {
  clear: both;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column .offices .office {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.33333%;
    margin-left: 0;
    margin-right: 3%;
  }

  #grupo-xp .nossa-presenca .column .offices .office:after,
  #grupo-xp .nossa-presenca .column .offices .office:before {
    content: "";
    display: table;
  }

  #grupo-xp .nossa-presenca .column .offices .office:after {
    clear: both;
  }

  #grupo-xp .nossa-presenca .column .offices .office:nth-of-type(2n):not(.skip) {
    margin-right: 3%;
    float: left;
  }

  #grupo-xp .nossa-presenca .column .offices .office:nth-of-type(odd):not(.skip) {
    clear: none;
  }

  #grupo-xp .nossa-presenca .column .offices .office:nth-of-type(3n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  #grupo-xp .nossa-presenca .column .offices .office:nth-of-type(3n+1):not(.skip) {
    clear: both;
  }
}
#grupo-xp .nossa-presenca .column .offices .office h3 {
  padding-bottom: 1vw;
  margin-bottom: 5.5vw;
  font-size: 5vw;
  font-weight: 300;
  text-transform: uppercase;
  color: #ffc608;
  border-bottom: 1px solid #c6c7c8;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column .offices .office h3 {
    padding-bottom: 14px;
    margin-bottom: 28px;
    font-size: 2.1875em;
  }
}
#grupo-xp .nossa-presenca .column .offices .office p {
  max-width: 97%;
  margin-bottom: 3.5vw;
  font-size: 3.3vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column .offices .office p {
    max-width: 100%;
    margin-bottom: 13px;
    font-size: 1em;
  }
}
#grupo-xp .nossa-presenca .column .offices .office img {
  max-width: 72%;
  margin-bottom: 6.5vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column .offices .office img {
    max-width: 70%;
    margin-bottom: 32px;
  }
}
#grupo-xp .nossa-presenca .column .offices .office div {
  padding-left: 10%;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column .offices .office div {
    padding-left: 0;
  }
}
#grupo-xp .nossa-presenca .column .offices .office div h4 {
  font-size: 4.5vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column .offices .office div h4 {
    font-size: 1.1875em;
  }
}
#grupo-xp .nossa-presenca .column .offices .office div p {
  max-width: 100%;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column .offices .office div p {
    font-size: 1em;
    margin-bottom: 26px;
  }
}
#grupo-xp .nossa-presenca .column .offices .office:nth-child(2) h3 {
  padding-left: 10%;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column .offices .office:nth-child(2) h3 {
    padding-left: 0;
  }
}
#grupo-xp .nossa-presenca .column .offices .office:nth-child(2) img {
  margin-left: 10%;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column .offices .office:nth-child(2) img {
    margin-left: 0;
  }
}
#grupo-xp .nossa-presenca .column .offices .office:nth-child(3) {
  width: 100%;
  float: none;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column .offices .office:nth-child(3) {
    width: 31.33333%;
    float: left;
  }
}
#grupo-xp .nossa-presenca .column .offices .office:nth-child(3) img {
  display: block;
  max-width: 42%;
  clear: both;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column .offices .office:nth-child(3) img {
    max-width: 66%;
  }
}
#grupo-xp .nossa-presenca .column .offices .office:nth-child(3) div {
  float: left;
  width: 50%;
  padding-left: 0;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column .offices .office:nth-child(3) div {
    float: none;
    width: 100%;
  }
}
#grupo-xp .nossa-presenca .column .offices .office:nth-child(3) div:last-child {
  width: 45%;
  margin-left: 5%;
}

@media only all and (min-width: 768px) {
  #grupo-xp .nossa-presenca .column .offices .office:nth-child(3) div:last-child {
    width: 100%;
    margin-left: 0;
  }
}
#grupo-xp-call-to-action {
  min-height: inherit;
  width: 100%;
  padding: 15vw 0;
  background-color: #000;
}

@media only all and (min-width: 768px) {
  #grupo-xp-call-to-action {
    padding: 80px 0;
  }
}
#grupo-xp-call-to-action h2 {
  font: 300 5.2vw/1 Roboto Slab, Arial, sans-serif;
  color: #fffdfd;
  margin: 0 0 8vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp-call-to-action h2 {
    font: 300 1.625em/1.5 Roboto Slab, Arial, sans-serif;
    margin: 0 0 33px;
  }
}
#grupo-xp-call-to-action .tels {
  white-space: nowrap;
  display: block;
  width: 100%;
}

#grupo-xp-call-to-action .tels span {
  display: inline-block;
}

@media only all and (min-width: 768px) {
  #grupo-xp-call-to-action .tels {
    width: auto;
  }
}
#grupo-xp-call-to-action .sep {
  padding: 0 2vw;
}

@media only all and (min-width: 768px) {
  #grupo-xp-call-to-action .sep {
    padding: 0 5px 0 0;
    display: none;
  }
}
#grupo-xp-call-to-action p {
  font: 400 4.2vw/1.5 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #87888a;
  text-align: center;
  margin-bottom: 0;
}

@media only all and (min-width: 768px) {
  #grupo-xp-call-to-action p {
    font: 400 1.25em/1.5 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}
#grupo-xp-call-to-action p span {
  display: block;
}

@media only all and (min-width: 768px) {
  #grupo-xp-call-to-action p span {
    padding: 0 5px;
  }
}
#grupo-xp-call-to-action p span.atendente {
  margin-bottom: 3vw;
  font: 600 4.2vw/1.5 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only all and (min-width: 768px) {
  #grupo-xp-call-to-action p span.atendente {
    padding: 0 30px 0 5px;
    margin-bottom: 0;
    font: 600 1.25em/1.5 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}
#grupo-xp-call-to-action p span:nth-child(3),
#grupo-xp-call-to-action p span:nth-child(4) {
  display: inline-block;
}

@media only all and (min-width: 768px) {
  #grupo-xp-call-to-action p span {
    display: inline-block;
  }
}
#grupo-xp-call-to-action p span a {
  display: block;
  margin-bottom: 4vw;
  text-decoration: none;
}

#escritorios-hero {
  background: #f8f8f8 url(assets/hero-escritorios-mobile@2x.jpg) no-repeat 50%;
  background-size: cover;
}

@media only all and (min-width: 768px) {
  #escritorios-hero {
    background: #f8f8f8 url(assets/hero-escritorios.jpg) no-repeat 50%;
    background-size: cover;
    padding: 3.84em 0 6em !important;
  }
}
@media only all and (min-width: 768px) {
  #escritorios-hero .text-block {
    width: 100% !important;
    max-width: 874px;
    margin: 0 auto !important;
    display: block;
    float: none;
  }
}
#escritorios-hero h2 {
  text-align: center !important;
}

#escritorios-hero h2 span {
  display: none;
}

@media only all and (min-width: 768px) {
  #escritorios-hero h2 span {
    display: inline;
  }
}
#escritorios-hero form {
  display: table;
  margin: 8vw auto 0;
  width: 100%;
}

@media only all and (min-width: 768px) {
  #escritorios-hero form {
    margin-top: 60px !important;
  }
}
@media only all and (min-width: 768px) {
  #escritorios-hero form div.column .select-fancy,
  #escritorios-hero form div.column button {
    position: absolute;
    height: 54px !important;
    width: 100% !important;
  }
}
@media only all and (min-width: 768px) {
  #escritorios-hero form div.column .select-fancy select {
    height: 54px !important;
  }
}
@media only all and (min-width: 768px) {
  #escritorios-hero form div.column {
    float: left;
    height: 54px;
    position: relative;
  }
}
@media only all and (min-width: 768px) {
  #escritorios-hero form div.column:first-child,
  #escritorios-hero form div.column:nth-child(2) {
    width: 42.57813%;
    margin-right: 2.34375%;
  }
}
@media only all and (min-width: 768px) {
  #escritorios-hero form div.column:nth-child(3) {
    width: 10.15625%;
  }
}
#escritorios-hero form .select-fancy {
  margin-bottom: 5vw;
  width: 100%;
}

@media only all and (min-width: 768px) {
  #escritorios-hero form .select-fancy {
    margin-bottom: 0;
  }
}
#escritorios-hero form button {
  font-size: 5vw;
  font-weight: 300;
  padding: .85em 1.35em;
  border-radius: 0;
  display: table;
  margin: 0 auto;
}

@media only all and (min-width: 768px) {
  #escritorios-hero form button {
    font-weight: 400;
    padding: 1.25em;
    font-size: 1em;
    padding: 0;
    line-height: 54px;
  }
}
#escritorios {
  overflow-x: hidden;
  padding-top: 0 !important;
}

#compliance .certificacoes #escritorios .cursos-xp,
#compliance .certificacoes #escritorios .instituicao-mercado,
#compliance .certificacoes #escritorios .selos-pqo,
#escritorios #compliance .certificacoes .cursos-xp,
#escritorios #compliance .certificacoes .instituicao-mercado,
#escritorios #compliance .certificacoes .selos-pqo,
#escritorios .big-numbers {
  width: 100vw;
  padding-right: 0;
  padding-left: 0;
  left: inherit;
  right: inherit;
  margin-left: 0;
  padding-top: 10vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes #escritorios .cursos-xp,
  #compliance .certificacoes #escritorios .instituicao-mercado,
  #compliance .certificacoes #escritorios .selos-pqo,
  #escritorios #compliance .certificacoes .cursos-xp,
  #escritorios #compliance .certificacoes .instituicao-mercado,
  #escritorios #compliance .certificacoes .selos-pqo,
  #escritorios .big-numbers {
    padding-top: 0;
    width: 100%;
    margin-top: 100px;
    margin-bottom: 63px;
  }
}
@media only all and (min-width: 768px) {
  #compliance .certificacoes #escritorios .cursos-xp ul,
  #compliance .certificacoes #escritorios .instituicao-mercado ul,
  #compliance .certificacoes #escritorios .selos-pqo ul,
  #escritorios #compliance .certificacoes .cursos-xp ul,
  #escritorios #compliance .certificacoes .instituicao-mercado ul,
  #escritorios #compliance .certificacoes .selos-pqo ul,
  #escritorios .big-numbers ul {
    margin-bottom: 0;
  }
}
#compliance .certificacoes #escritorios .cursos-xp li,
#compliance .certificacoes #escritorios .instituicao-mercado li,
#compliance .certificacoes #escritorios .selos-pqo li,
#escritorios #compliance .certificacoes .cursos-xp li,
#escritorios #compliance .certificacoes .instituicao-mercado li,
#escritorios #compliance .certificacoes .selos-pqo li,
#escritorios .big-numbers li {
  padding-top: 2vw;
  padding-right: 14vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes #escritorios .cursos-xp li,
  #compliance .certificacoes #escritorios .instituicao-mercado li,
  #compliance .certificacoes #escritorios .selos-pqo li,
  #escritorios #compliance .certificacoes .cursos-xp li,
  #escritorios #compliance .certificacoes .instituicao-mercado li,
  #escritorios #compliance .certificacoes .selos-pqo li,
  #escritorios .big-numbers li {
    padding-top: 0;
    border-bottom: 0;
    margin-bottom: 0;
    width: 49%;
    float: left;
    padding-right: 0;
  }

  #compliance .certificacoes #escritorios .cursos-xp li:last-child,
  #compliance .certificacoes #escritorios .instituicao-mercado li:last-child,
  #compliance .certificacoes #escritorios .selos-pqo li:last-child,
  #escritorios #compliance .certificacoes .cursos-xp li:last-child,
  #escritorios #compliance .certificacoes .instituicao-mercado li:last-child,
  #escritorios #compliance .certificacoes .selos-pqo li:last-child,
  #escritorios .big-numbers li:last-child {
    float: right;
  }
}
@media only all and (min-width: 768px) {
  #compliance .certificacoes #escritorios .cursos-xp li:first-child .desc,
  #compliance .certificacoes #escritorios .cursos-xp li:last-child .desc,
  #compliance .certificacoes #escritorios .instituicao-mercado li:first-child .desc,
  #compliance .certificacoes #escritorios .instituicao-mercado li:last-child .desc,
  #compliance .certificacoes #escritorios .selos-pqo li:first-child .desc,
  #compliance .certificacoes #escritorios .selos-pqo li:last-child .desc,
  #escritorios #compliance .certificacoes .cursos-xp li:first-child .desc,
  #escritorios #compliance .certificacoes .cursos-xp li:last-child .desc,
  #escritorios #compliance .certificacoes .instituicao-mercado li:first-child .desc,
  #escritorios #compliance .certificacoes .instituicao-mercado li:last-child .desc,
  #escritorios #compliance .certificacoes .selos-pqo li:first-child .desc,
  #escritorios #compliance .certificacoes .selos-pqo li:last-child .desc,
  #escritorios .big-numbers li:first-child .desc,
  #escritorios .big-numbers li:last-child .desc {
    padding-left: 0 !important;
    width: inherit !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    float: left !important;
    color: #b1b3b4 !important;
    font-size: 1em !important;
  }
}
@media only all and (min-width: 768px) {
  #compliance .certificacoes #escritorios .cursos-xp li:first-child .desc,
  #compliance .certificacoes #escritorios .instituicao-mercado li:first-child .desc,
  #compliance .certificacoes #escritorios .selos-pqo li:first-child .desc,
  #escritorios #compliance .certificacoes .cursos-xp li:first-child .desc,
  #escritorios #compliance .certificacoes .instituicao-mercado li:first-child .desc,
  #escritorios #compliance .certificacoes .selos-pqo li:first-child .desc,
  #escritorios .big-numbers li:first-child .desc {
    margin-left: 123.3px !important;
  }
}
@media only all and (min-width: 768px) {
  #compliance .certificacoes #escritorios .cursos-xp li:last-child .desc,
  #compliance .certificacoes #escritorios .instituicao-mercado li:last-child .desc,
  #compliance .certificacoes #escritorios .selos-pqo li:last-child .desc,
  #escritorios #compliance .certificacoes .cursos-xp li:last-child .desc,
  #escritorios #compliance .certificacoes .instituicao-mercado li:last-child .desc,
  #escritorios #compliance .certificacoes .selos-pqo li:last-child .desc,
  #escritorios .big-numbers li:last-child .desc {
    margin-left: 149.4px !important;
  }
}
@media only all and (min-width: 1200px) {
  #compliance .certificacoes #escritorios .cursos-xp li:last-child .desc,
  #compliance .certificacoes #escritorios .instituicao-mercado li:last-child .desc,
  #compliance .certificacoes #escritorios .selos-pqo li:last-child .desc,
  #escritorios #compliance .certificacoes .cursos-xp li:last-child .desc,
  #escritorios #compliance .certificacoes .instituicao-mercado li:last-child .desc,
  #escritorios #compliance .certificacoes .selos-pqo li:last-child .desc,
  #escritorios .big-numbers li:last-child .desc {
    margin-left: 149.4px !important;
  }
}
#compliance .certificacoes #escritorios .cursos-xp li:last-child .big-number,
#compliance .certificacoes #escritorios .instituicao-mercado li:last-child .big-number,
#compliance .certificacoes #escritorios .selos-pqo li:last-child .big-number,
#escritorios #compliance .certificacoes .cursos-xp li:last-child .big-number,
#escritorios #compliance .certificacoes .instituicao-mercado li:last-child .big-number,
#escritorios #compliance .certificacoes .selos-pqo li:last-child .big-number,
#escritorios .big-numbers li:last-child .big-number {
  letter-spacing: -0.07em !important;
}

#compliance .certificacoes #escritorios .cursos-xp .big-number,
#compliance .certificacoes #escritorios .instituicao-mercado .big-number,
#compliance .certificacoes #escritorios .selos-pqo .big-number,
#escritorios #compliance .certificacoes .cursos-xp .big-number,
#escritorios #compliance .certificacoes .instituicao-mercado .big-number,
#escritorios #compliance .certificacoes .selos-pqo .big-number,
#escritorios .big-numbers .big-number {
  padding-left: 0;
}

#compliance .certificacoes #escritorios .cursos-xp .value,
#compliance .certificacoes #escritorios .instituicao-mercado .value,
#compliance .certificacoes #escritorios .selos-pqo .value,
#escritorios #compliance .certificacoes .cursos-xp .value,
#escritorios #compliance .certificacoes .instituicao-mercado .value,
#escritorios #compliance .certificacoes .selos-pqo .value,
#escritorios .big-numbers .value {
  top: 2vw;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes #escritorios .cursos-xp .value,
  #compliance .certificacoes #escritorios .instituicao-mercado .value,
  #compliance .certificacoes #escritorios .selos-pqo .value,
  #escritorios #compliance .certificacoes .cursos-xp .value,
  #escritorios #compliance .certificacoes .instituicao-mercado .value,
  #escritorios #compliance .certificacoes .selos-pqo .value,
  #escritorios .big-numbers .value {
    top: -20px;
  }
}
#compliance .certificacoes #escritorios .cursos-xp .desc,
#compliance .certificacoes #escritorios .instituicao-mercado .desc,
#compliance .certificacoes #escritorios .selos-pqo .desc,
#escritorios #compliance .certificacoes .cursos-xp .desc,
#escritorios #compliance .certificacoes .instituicao-mercado .desc,
#escritorios #compliance .certificacoes .selos-pqo .desc,
#escritorios .big-numbers .desc {
  width: 50%;
  display: inline-block;
  line-height: 1.3em;
  color: #b1b3b4;
}

@media only all and (min-width: 768px) {
  #compliance .certificacoes #escritorios .cursos-xp .desc,
  #compliance .certificacoes #escritorios .instituicao-mercado .desc,
  #compliance .certificacoes #escritorios .selos-pqo .desc,
  #escritorios #compliance .certificacoes .cursos-xp .desc,
  #escritorios #compliance .certificacoes .instituicao-mercado .desc,
  #escritorios #compliance .certificacoes .selos-pqo .desc,
  #escritorios .big-numbers .desc {
    text-align: left !important;
    padding-left: 20px !important;
    margin-top: 20px;
  }
}
#escritorios .principais-escritorios .main-text h2 {
  position: relative;
  display: block;
}

@media only all and (min-width: 768px) {
  #escritorios .principais-escritorios .main-text h2 {
    margin-bottom: 2em !important;
  }
}
@media only all and (min-width: 768px) {
  #escritorios .principais-escritorios .main-text h2:before {
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    width: 100%;
    left: 0;
    background-color: #d9d9d9;
  }
}
@media only all and (min-width: 768px) {
  #escritorios .principais-escritorios .main-text h2 span {
    display: table;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding-right: 10px;
    padding-left: 10px;
  }
}
#escritorios .principais-escritorios .main-text p {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 4vw;
  line-height: 1.4em;
  margin-bottom: 6vw;
  letter-spacing: .5px !important;
  color: #b1b3b4 !important;
  padding-top: 4vw;
}

@media only all and (min-width: 768px) {
  #escritorios .principais-escritorios .main-text p {
    font: 400 1.1em/1.45 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    letter-spacing: .5px;
    color: #b1b3b4;
    max-width: 1060px;
    text-align: center;
    margin: 0 auto;
    padding-top: 0;
  }
}
#escritorios .logos {
  margin: 0;
  padding: 0;
  list-style-type: none;
  *zoom: 1;
  width: auto;
  max-width: 1280px;
  float: none;
  display: block;
  margin: 10vw auto 20vw;
  padding-left: 0;
  padding-right: 0;
}

#escritorios .logos:after,
#escritorios .logos:before {
  content: "";
  display: table;
}

#escritorios .logos:after {
  clear: both;
}

@media only all and (min-width: 768px) {
  #escritorios .logos {
    *zoom: 1;
    width: auto;
    max-width: 1137px;
    float: none;
    display: block;
    margin: 0 auto 100px;
    padding-left: 0;
    padding-right: 0;
  }

  #escritorios .logos:after,
  #escritorios .logos:before {
    content: "";
    display: table;
  }

  #escritorios .logos:after {
    clear: both;
  }
}
#escritorios .logos li {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.33333%;
  margin-left: 0;
  margin-right: 3%;
  display: block;
  position: relative;
  margin-bottom: 4vw;
}

#escritorios .logos li:after,
#escritorios .logos li:before {
  content: "";
  display: table;
}

#escritorios .logos li:after {
  clear: both;
}

#escritorios .logos li:nth-of-type(3n):not(.skip) {
  margin-right: 0;
  float: right;
}

#escritorios .logos li:nth-of-type(3n+1):not(.skip) {
  clear: both;
}

@media only all and (min-width: 750px) {
  #escritorios .logos li {
    margin-bottom: 25px;
  }
}
@media only all and (min-width: 768px) {
  #escritorios .logos li {
    *zoom: 1;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0;
    float: left;
    width: 9%;
    margin-right: 1.1%;
  }

  #escritorios .logos li:after,
  #escritorios .logos li:before {
    content: "";
    display: table;
  }

  #escritorios .logos li:after {
    clear: both;
  }

  #escritorios .logos li:nth-of-type(3n):not(.skip) {
    margin-right: 1.1%;
    float: left;
  }

  #escritorios .logos li:nth-of-type(3n+1):not(.skip) {
    clear: none;
  }

  #escritorios .logos li:last-child {
    margin-right: 0;
  }

  #escritorios .logos li:nth-child(3n) {
    margin-right: 1.1%;
  }

  #escritorios .logos li:nth-child(10n) {
    margin-right: 0;
  }
}
#escritorios .logos li img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

@media only all and (min-width: 768px) {
  #escritorios .logos li img {
    width: 100%;
  }
}
#escritorios .director {
  color: #707173;
  font-size: 4vw;
  font-weight: 400;
}

@media only all and (min-width: 768px) {
  #escritorios .director {
    font-size: 1em;
    text-align: center;
    margin-bottom: 80px;
  }
}
#escritorios .director span {
  font-weight: 300;
  color: #b1b3b4;
}

#escritorios .director .desc {
  display: none;
}

@media only all and (min-width: 768px) {
  #escritorios .director .desc {
    display: inline-block;
  }
}
@media only all and (min-width: 768px) {
  #escritorios .director .mobile {
    display: none;
  }
}
#escritorios .results {
  background-color: #ededee;
}

@media only all and (min-width: 768px) {
  #escritorios .results {
    position: relative;
    height: 100vh;
    max-height: 0;
    opacity: 0;
    -webkit-transition: max-height 0.5s ease-out, opacity 0.6s ease-out;
            transition: max-height 0.5s ease-out, opacity 0.6s ease-out;
  }

  #escritorios .results.escritorios-js-show {
    -webkit-transition: max-height .3s ease-out, opacity .4s ease-out;
            transition: max-height .3s ease-out, opacity .4s ease-out;
    max-height: 1600px;
    opacity: 1;
  }
}
@media only all and (min-width: 768px) {
  #escritorios .results .inner {
    *zoom: 1;
    width: auto;
    max-width: 1280px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 2em;
    padding-right: 2em;
    height: 100%;
  }

  #escritorios .results .inner:after,
  #escritorios .results .inner:before {
    content: "";
    display: table;
  }

  #escritorios .results .inner:after {
    clear: both;
  }
}
@media only all and (min-width: 1440px) {
  #escritorios .results .inner {
    *zoom: 1;
    width: auto;
    max-width: 1280px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
  }

  #escritorios .results .inner:after,
  #escritorios .results .inner:before {
    content: "";
    display: table;
  }

  #escritorios .results .inner:after {
    clear: both;
  }
}
@media only all and (min-width: 768px) {
  #escritorios .results .inner > .inner-content .col {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
    height: 100%;
    position: relative;
    z-index: 3;
  }

  #escritorios .results .inner > .inner-content .col:after,
  #escritorios .results .inner > .inner-content .col:before {
    content: "";
    display: table;
  }

  #escritorios .results .inner > .inner-content .col:after {
    clear: both;
  }

  #escritorios .results .inner > .inner-content .col:nth-of-type(2n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  #escritorios .results .inner > .inner-content .col:nth-of-type(odd):not(.skip) {
    clear: both;
  }

  #escritorios .results .inner > .inner-content .col.col-2 {
    display: none !important;
  }
}
@media only all and (min-width: 768px) {
  #escritorios .results .inner-content {
    height: 100%;
  }
}
#escritorios .results .results__header {
  padding-top: 13.8vw;
  padding-bottom: 6.6vw;
}

@media only all and (min-width: 768px) {
  #escritorios .results .results__header {
    background-color: #ededee;
    padding-top: 0;
    padding-bottom: 0;
  }

  #escritorios .results .results__header .wrap {
    padding-left: 0;
  }

  #escritorios .results .results__header .select-fancy select {
    height: 54px;
  }

  #escritorios .results .results__header.js--no-select {
    padding-bottom: 40px;
  }

  #escritorios .results .results__header.js--no-select p {
    margin-bottom: 0 !important;
  }
}
@media only all and (min-width: 768px) {
  #escritorios .results .results__header {
    font-size: 16px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
#escritorios .results .results__header h2 {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #707173;
  text-transform: uppercase;
  font-size: 3.1vw;
  text-align: left;
  margin-bottom: 0;
}

@media only all and (min-width: 768px) {
  #escritorios .results .results__header h2 {
    font-size: 1em !important;
    text-transform: none !important;
  }
}
#escritorios .results .results__header p {
  font-family: Roboto Slab, Arial, sans-serif;
  font-size: 5.2vw;
  font-weight: 300;
  text-align: left;
  margin-bottom: 13.2vw;
  color: #a7a9ac;
  margin-top: 3vw;
}

@media only all and (min-width: 768px) {
  #escritorios .results .results__header p {
    font-size: 1.625em;
    margin-top: 8px;
    margin-bottom: 28px;
  }
}
@media only all and (min-width: 768px) {
  #escritorios .results .results__header.js--no-select ~ .results__container:before {
    display: none;
  }

  #escritorios .results .results__header.js--no-select ~ .results__container .mCS-xp.mCSB_vertical.mCSB_inside {
    padding-top: 0 !important;
  }
}
#escritorios .results .results__container {
  *zoom: 1;
  width: auto;
  max-width: 1280px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 0 7vw 5.8vw;
}

#escritorios .results .results__container:after,
#escritorios .results .results__container:before {
  content: "";
  display: table;
}

#escritorios .results .results__container:after {
  clear: both;
}

@media only all and (min-width: 768px) {
  #escritorios .results .results__container {
    *zoom: 1;
    width: auto;
    max-width: 1280px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 2em;
    padding-right: 2em;
    max-height: calc(100% - 310px);
    overflow-y: hidden;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
  }

  #escritorios .results .results__container:after,
  #escritorios .results .results__container:before {
    content: "";
    display: table;
  }

  #escritorios .results .results__container:after {
    clear: both;
  }

  #escritorios .results .results__container:before {
    content: "";
    position: absolute;
    display: block;
    width: 100.6%;
    box-shadow: 3px 0 7px rgba(0, 0, 0, 0.5);
    top: -10px;
    left: 0;
    height: 10px;
    z-index: 8;
  }
}
@media only all and (min-width: 1200px) {
  #escritorios .results .results__container {
    max-height: calc(100% - 280px);
  }
}
@media only all and (min-width: 1280px) {
  #escritorios .results .results__container {
    *zoom: 1;
    width: auto;
    max-width: 1280px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
  }

  #escritorios .results .results__container:after,
  #escritorios .results .results__container:before {
    content: "";
    display: table;
  }

  #escritorios .results .results__container:after {
    clear: both;
  }
}
#escritorios .results .results__result {
  background: #fff;
  position: relative;
  padding: 10px 10px 0;
  margin-bottom: 2vw;
}

@media only all and (min-width: 768px) {
  #escritorios .results .results__result {
    padding-bottom: 0;
    margin-bottom: 10px;
    position: relative;
    left: 0;
    top: 0;
    border: 1px solid transparent;
    -webkit-transition: border .3s;
            transition: border .3s;
    cursor: pointer;
  }

  #escritorios .results .results__result:last-child {
    margin-bottom: 0;
  }

  #escritorios .results .results__result.js-selected,
  #escritorios .results .results__result:hover {
    border: 1px solid #999;
  }
}
#escritorios .results .results__result .results__result-header {
  border-bottom: 1px solid #ededee;
  padding-bottom: 6.8vw;
}

@media only all and (min-width: 768px) {
  #escritorios .results .results__result .results__result-header {
    padding-bottom: 10px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
#escritorios .results .results__result .results__result-header h2 {
  font-family: Roboto Slab, Arial, sans-serif !important;
  font-weight: 300 !important;
  font-size: 5.3vw;
  text-align: left;
  line-height: 1.3em;
  margin-bottom: 0;
  color: #707173 !important;
}

@media only all and (min-width: 768px) {
  #escritorios .results .results__result .results__result-header h2 {
    font-size: 1em;
    margin-bottom: 0;
    font-weight: 400 !important;
    display: block;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding-left: 40px;
  }

  #escritorios .results .results__result .results__result-header h2:before {
    background: url(assets/pin.png) 50% no-repeat;
    background-size: 25px 40px;
    vertical-align: middle;
    display: inline-block;
    height: 40px;
    width: 25px;
    content: "";
    margin-right: 15px;
    margin-left: -40px;
  }
}
#escritorios .results .results__result .results__result-header > .link-map {
  display: block;
  width: 65%;
  text-decoration: none;
  font-weight: 400;
  font-size: 3.4vw;
  line-height: 1.6;
  text-align: left;
  color: #52b3c6;
  margin-top: 4vw;
}

#escritorios .results .results__result .results__result-header > .link-map:before {
  content: "";
  background: url(assets/icon-map-blue@2x.png) 50% no-repeat;
  background-size: 2.8vw 4.6vw;
  width: 2.8vw;
  height: 4.6vw;
  display: inline-block;
  vertical-align: top;
  margin-right: 2vw;
}

@media only all and (min-width: 768px) {
  #escritorios .results .results__result .results__result-header > .link-map {
    display: none;
  }
}
#escritorios .results .results__result .results__result-content {
  padding-bottom: 5.7vw;
  padding-top: 5vw;
}

@media only all and (min-width: 768px) {
  #escritorios .results .results__result .results__result-content {
    padding: 20px 10px;
  }
}
#escritorios .results .results__field {
  display: block;
  overflow: hidden;
  margin-bottom: 1.5vw;
}

@media only all and (min-width: 768px) {
  #escritorios .results .results__field {
    margin-bottom: 5px;
  }
}
#escritorios .results .results__field--link {
  margin-top: 5vw;
}

@media only all and (min-width: 768px) {
  #escritorios .results .results__field--link {
    margin-top: 30px;
    margin-bottom: 0;
  }

  #escritorios .results .results__field--link .link-follow {
    font-size: 1em;
  }
}
#escritorios .results .results__field--flags {
  margin-top: 3vw;
}

#escritorios .results .results__field--flags img {
  width: 20%;
  max-width: 100%;
  height: auto;
  margin-right: 1vw;
}

@media only all and (min-width: 768px) {
  #escritorios .results .results__field--flags {
    margin-top: 1.5vw;
  }

  #escritorios .results .results__field--flags img {
    width: 15%;
  }
}
#escritorios .results .results__field--email .results__field-value {
  text-transform: lowercase;
}

@media only all and (min-width: 768px) {
  #escritorios .results .results__field--email {
    font-size: 1em;
  }
}
#escritorios .results .results__field-label,
#escritorios .results .results__field-value {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 3.4vw;
  line-height: 1.4em;
  margin-bottom: 6vw;
  letter-spacing: .5px;
  color: #b1b3b4;
  display: inline;
}

@media only all and (min-width: 768px) {
  #escritorios .results .results__field-label,
  #escritorios .results .results__field-value {
    font: 400 .875em/1.45 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: .875em !important;
    margin-bottom: 0;
  }
}
#escritorios .results .results__field-label .link-follow,
#escritorios .results .results__field-value .link-follow {
  font-size: 3.4vw;
  width: 90%;
  text-transform: none;
  font-weight: 400;
}

@media only all and (min-width: 768px) {
  #escritorios .results .results__field-label .link-follow,
  #escritorios .results .results__field-value .link-follow {
    font-size: 0.9375em;
  }
}
#escritorios .results .results__field-value {
  padding-left: 1vw;
}

@media only all and (min-width: 768px) {
  #escritorios .results .results__field-value {
    padding-left: 0;
  }
}
#escritorios-call-to-action {
  min-height: inherit;
}

@media only all and (min-width: 768px) {
  #maps-holder {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    height: 100%;
  }

  #maps-holder:after,
  #maps-holder:before {
    content: "";
    display: table;
  }

  #maps-holder:after {
    clear: both;
  }

  #maps-holder:nth-of-type(2n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  #maps-holder:nth-of-type(odd):not(.skip) {
    clear: both;
  }

  #maps-holder:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ededee url(assets/logo-xp.png) no-repeat 50%;
    z-index: 8;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
            transition: opacity 0.2s ease-in-out;
  }

  #maps-holder.maps-loaded:before {
    opacity: 0;
  }
}
@media only all and (min-width: 768px) {
  #escritorios #compliance-call-to-action,
  #escritorios #quem-somos-call-to-action,
  #escritorios #relacionamento-xp-call-to-action,
  #escritorios .call-to-action,
  #maps-holder.no-cover:before {
    display: none;
  }
}
#relacionamento-xp-hero {
  background: #f8f8f8 url(assets/hero-relacionamento-xp-mobile@2x.jpg) no-repeat 50%;
  background-size: cover;
  height: 110vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp-hero {
    background: #f8f8f8 url(assets/hero-relacionamento-xp.jpg) no-repeat 50%;
    background-size: cover;
    height: 621px;
    padding: 0;
    overflow: hidden;
  }
}
#relacionamento-xp-hero .text-block {
  margin-top: 10vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp-hero .text-block {
    margin-top: 7em;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }

  #relacionamento-xp-hero .text-block:after,
  #relacionamento-xp-hero .text-block:before {
    content: "";
    display: table;
  }

  #relacionamento-xp-hero .text-block:after {
    clear: both;
  }

  #relacionamento-xp-hero .text-block:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 992px) {
  #relacionamento-xp-hero .text-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 33.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  #relacionamento-xp-hero .text-block:after,
  #relacionamento-xp-hero .text-block:before {
    content: "";
    display: table;
  }

  #relacionamento-xp-hero .text-block:after {
    clear: both;
  }

  #relacionamento-xp-hero .text-block:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp-hero h2 {
    color: #1e1f21;
  }
}
#relacionamento-xp-hero .desc {
  margin-top: 3vw;
  color: #feffff !important;
  vertical-align: sub;
  max-width: none;
  display: block;
  text-decoration: none;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp-hero .desc {
    color: #b1b3b4 !important;
  }
}
#relacionamento-xp-hero .text {
  vertical-align: inherit;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp-hero .text {
    position: relative;
    top: 0.1em;
  }
}
#relacionamento-xp-hero .bt-play {
  background-image: url(assets/bt-play.png);
  width: 72px;
  height: 44px;
  width: 12vw;
  height: 10vw;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% !important;
  margin-right: 2vw;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #relacionamento-xp-hero .bt-play {
    background-image: url(assets/bt-play.png);
    background-size: 72px 44px;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp-hero .bt-play {
    width: 72px;
    height: 44px;
    margin-right: 1em;
  }
}
#relacionamento-xp-hero .container_video_assessoria {
  width: 100%;
  height: 110vw;
  float: left;
  position: absolute;
  margin-top: 0;
  background-color: #000;
  z-index: 8;
  display: block;
  top: 0;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp-hero .container_video_assessoria {
    height: 621px;
  }
}
#relacionamento-xp-hero .newxp_bt_close_two {
  width: 25px;
  height: 24px;
  display: block;
  position: absolute;
  top: 12vw;
  right: 2vw;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAA3UlEQVRIibXVyxGDIBAG4D0ojDdLsQRLsYSUYAcpwVI4GGHGiyWkBEr4czGjaFRwNxxhd78ZHgsREaHPavRZTYIDfVZjyJtlwhWAKxBMcoAhb741V4jqpKA1AKe6cDGAVCsOLEGqvQziALeCGTlJSbeAlGQWEFMEr/zBBs6g4CZa/WQBvyH9ln68B9AfAKLNFkmcwzkQnMcEQ6UsMG8RRqpgtReBzhqnCBTTmVlQSutPhmCohNMm9ZpGQzBUwuppDvSp3/EltANGqlKAKEgCOILWiJcAdpDVXqJe1PgAfM+/SBPASIEAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  box-sizing: border-box;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp-hero .newxp_bt_close_two {
    right: 5%;
    top: 24px;
    z-index: 9;
  }
}
#relacionamento-xp-hero .container_video_assessoria iframe {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 60vw;
  margin-top: 20vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp-hero .container_video_assessoria iframe {
    height: 581px;
    margin-top: 20px;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp .qual-seu-perfil h2 {
    text-align: center !important;
  }
}
#relacionamento-xp .qual-seu-perfil p {
  font-family: Roboto Slab, Arial, sans-serif;
  font-size: 4.5vw;
  margin-top: 18px;
  font-weight: 300;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .qual-seu-perfil p {
    font-size: 1.7em;
    text-align: center;
    max-width: 952px;
    margin: 0 auto;
  }
}
#relacionamento-xp .qual-seu-perfil .picture-wrap {
  background: url(assets/taxa-zero@2x.png) no-repeat 50%;
  background-size: 100%;
  width: 50vw;
  height: 15vw;
  min-height: 80px;
  margin-top: 10vw;
  margin-bottom: 20vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .qual-seu-perfil .picture-wrap {
    background-size: 328px 80px;
    width: 328px;
    height: 80px;
    margin: 0 auto;
    margin-top: 65px;
    margin-bottom: 70px;
  }
}
#relacionamento-xp .estilo-ideal {
  display: none;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .estilo-ideal {
    display: block;
  }
}
#relacionamento-xp .estilo-ideal.affix {
  top: 0;
  background-color: #fff;
  z-index: 6;
  max-width: none;
  width: 100%;
}

#relacionamento-xp .estilo-ideal.affix-bottom {
  background-color: green;
  position: absolute;
}

#relacionamento-xp .estilo-ideal .estilo-ideal-affix-span {
  display: none;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .estilo-ideal .estilo-ideal-affix-span {
    display: block;
  }
}
#relacionamento-xp .estilo-ideal .text-block {
  margin: 0 !important;
  padding: 0 !important;
}

#relacionamento-xp .estilo-ideal h3 {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  color: #b1b3b4 !important;
  font-size: 1.125em !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  text-align: center;
  text-transform: uppercase;
}

#relacionamento-xp .estilo-ideal ul {
  list-style: none;
  border: 1px solid #d1d1d1;
  border-width: 1px 0;
  text-align: center;
  margin: 0;
  padding: 0;
}

#relacionamento-xp .estilo-ideal li {
  display: inline-block;
  text-align: center;
  padding: 15px 0;
  cursor: pointer;
}

#relacionamento-xp .estilo-ideal li:hover a {
  color: #ffc608;
}

#relacionamento-xp .estilo-ideal li a {
  font-size: 0.875em !important;
}

#relacionamento-xp .estilo-ideal li a:active {
  color: #87888a;
}

#relacionamento-xp .estilo-ideal li .desc {
  font-size: 0.875em !important;
}

@media only all and (min-width: 992px) {
  #relacionamento-xp .estilo-ideal li {
    padding: 30px 0;
  }

  #relacionamento-xp .estilo-ideal li a {
    font-size: 1.125em !important;
  }

  #relacionamento-xp .estilo-ideal li .desc {
    font-size: 0.875em !important;
  }
}
@media only all and (min-width: 1200px) {
  #relacionamento-xp .estilo-ideal li a {
    font-size: 1.5em !important;
  }

  #relacionamento-xp .estilo-ideal li .desc {
    font-size: 0.9375em !important;
  }
}
#relacionamento-xp .estilo-ideal li + li {
  padding-left: 20px;
  position: relative;
}

@media only all and (min-width: 992px) {
  #relacionamento-xp .estilo-ideal li + li {
    padding-left: 40px;
  }
}
#relacionamento-xp .estilo-ideal li + li:before {
  content: "\2022";
  position: absolute;
  color: #ffc608;
  left: 2.5%;
  top: 25%;
  font-size: 1.875em;
}

@media only all and (min-width: 992px) {
  #relacionamento-xp .estilo-ideal li + li:before {
    left: 5%;
  }
}
#relacionamento-xp .estilo-ideal li.active a {
  color: #ffc608;
}

#relacionamento-xp .estilo-ideal a {
  font-weight: 300;
  color: #87888a;
  font-size: 1.5em;
  margin: 0;
  margin-bottom: 1em;
  text-decoration: none;
  font-family: Roboto Slab, Arial, sans-serif;
}

@media (min-width: 768px) {
  #relacionamento-xp .estilo-ideal a {
    font-size: 1.125em !important;
  }
}
@media (min-width: 1200px) {
  #relacionamento-xp .estilo-ideal a {
    font-size: 1.5em !important;
  }
}
#relacionamento-xp .estilo-ideal .desc {
  font-weight: 400;
  color: #bcbec0;
  font-size: .9375em !important;
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  #relacionamento-xp .estilo-ideal .desc {
    font-size: 0.875em !important;
  }
}
@media (min-width: 1200px) {
  #relacionamento-xp .estilo-ideal .desc {
    font-size: 0.9375em !important;
  }
}
#relacionamento-xp .assessoria-private {
  margin-bottom: 10vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-private {
    margin-top: 100px;
    margin-bottom: 88px;
  }
}
@media only all and (min-width: 992px) {
  #relacionamento-xp .assessoria-private {
    margin-bottom: 128px;
  }
}
#relacionamento-xp .assessoria-private .regra {
  width: 62vw;
}

#relacionamento-xp .assessoria-private .regra .currency {
  font-size: 5vw;
  margin-top: -1em;
  margin-left: -1.5em;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-private .regra .currency {
    font-size: 1em;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-private .regra .value {
    font-size: 4.375em;
    letter-spacing: -0.1em;
  }
}
#relacionamento-xp .assessoria-private .regra .amount {
  margin-left: 0.1em;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-private .regra .amount {
    margin-left: .3em;
    font-size: 1.875em;
  }
}
#relacionamento-xp .assessoria-private .regra .text:last-child {
  margin-top: .5em;
  display: block;
  text-align: right;
  padding-right: 1vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-private .regra .text:last-child {
    display: inline;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-private .column:first-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
  }

  #relacionamento-xp .assessoria-private .column:first-child:after,
  #relacionamento-xp .assessoria-private .column:first-child:before {
    content: "";
    display: table;
  }

  #relacionamento-xp .assessoria-private .column:first-child:after {
    clear: both;
  }

  #relacionamento-xp .assessoria-private .column:first-child:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-private .column:nth-child(2) {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
  }

  #relacionamento-xp .assessoria-private .column:nth-child(2):after,
  #relacionamento-xp .assessoria-private .column:nth-child(2):before {
    content: "";
    display: table;
  }

  #relacionamento-xp .assessoria-private .column:nth-child(2):after {
    clear: both;
  }

  #relacionamento-xp .assessoria-private .column:nth-child(2):last-child {
    margin-right: 0;
  }
}
#relacionamento-xp .assessoria-exclusiva {
  margin-bottom: 10vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-exclusiva {
    margin-bottom: 78px;
  }
}
@media only all and (min-width: 992px) {
  #relacionamento-xp .assessoria-exclusiva {
    margin-bottom: 128px;
  }
}
#relacionamento-xp .assessoria-exclusiva .regra {
  width: 63vw;
}

#relacionamento-xp .assessoria-exclusiva .regra .currency {
  font-size: 5vw;
  margin-top: -1em;
  margin-left: -1.5em;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-exclusiva .regra .currency {
    font-size: 1em;
  }
}
#relacionamento-xp .assessoria-exclusiva .regra .value {
  letter-spacing: -0.1em;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-exclusiva .regra .value {
    font-size: 4.375em;
    letter-spacing: -0.1em;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-exclusiva .regra .amount {
    font-size: 1.875em;
  }
}
#relacionamento-xp .assessoria-exclusiva .regra .text:last-child {
  margin-top: .5em;
  display: block;
  text-align: right;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-exclusiva .regra .text:last-child {
    display: inline;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-exclusiva .column:first-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
    position: relative;
    left: 51.5%;
  }

  #relacionamento-xp .assessoria-exclusiva .column:first-child:after,
  #relacionamento-xp .assessoria-exclusiva .column:first-child:before {
    content: "";
    display: table;
  }

  #relacionamento-xp .assessoria-exclusiva .column:first-child:after {
    clear: both;
  }

  #relacionamento-xp .assessoria-exclusiva .column:first-child:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-exclusiva .column:nth-child(2) {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
    position: relative;
    left: -60.08333%;
  }

  #relacionamento-xp .assessoria-exclusiva .column:nth-child(2):after,
  #relacionamento-xp .assessoria-exclusiva .column:nth-child(2):before {
    content: "";
    display: table;
  }

  #relacionamento-xp .assessoria-exclusiva .column:nth-child(2):after {
    clear: both;
  }

  #relacionamento-xp .assessoria-exclusiva .column:nth-child(2):last-child {
    margin-right: 0;
  }
}
#relacionamento-xp .assessoria-exclusiva .picture-wrap {
  margin-left: -50vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-exclusiva .picture-wrap {
    margin-left: -23vw;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-exclusiva .text-block {
    width: 90%;
  }
}
#relacionamento-xp .assessoria-on-demand {
  margin-bottom: 10vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-on-demand {
    margin-bottom: 88px;
  }
}
@media only all and (min-width: 992px) {
  #relacionamento-xp .assessoria-on-demand {
    margin-bottom: 128px;
  }
}
#relacionamento-xp .assessoria-on-demand .regra {
  width: 84vw;
  position: relative;
}

#relacionamento-xp .assessoria-on-demand .regra .currency {
  font-size: 5vw;
  margin-top: -1em;
  margin-left: -1.5em;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-on-demand .regra .currency {
    font-size: 1em;
  }
}
#relacionamento-xp .assessoria-on-demand .regra .value {
  letter-spacing: -0.1em;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-on-demand .regra .value {
    font-size: 4.375em;
    letter-spacing: -0.1em;
  }
}
#relacionamento-xp .assessoria-on-demand .regra .special-dash {
  text-indent: -999em;
  display: inline-block;
  height: .5vw;
  width: 6vw;
  background-color: #ffc608;
  position: absolute;
  top: 4vw;
  left: 31vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-on-demand .regra .special-dash {
    height: 2px;
    width: 14px;
    top: 7px;
    left: 95px;
  }
}
@media only all and (min-width: 992px) {
  #relacionamento-xp .assessoria-on-demand .regra .special-dash {
    height: 2px;
    width: 16px;
    top: 18px;
    left: 134px;
  }
}
#relacionamento-xp .assessoria-on-demand .regra .sec {
  margin-left: 3vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-on-demand .regra .sec {
    margin-left: 5px;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-on-demand .regra .amount {
    font-size: 1.875em;
  }
}
#relacionamento-xp .assessoria-on-demand .regra .text:last-child {
  margin-top: .5em;
  display: block;
  text-align: right;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-on-demand .regra .text:last-child {
    display: inline-block;
    padding-right: 10px;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-on-demand .column:first-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
  }

  #relacionamento-xp .assessoria-on-demand .column:first-child:after,
  #relacionamento-xp .assessoria-on-demand .column:first-child:before {
    content: "";
    display: table;
  }

  #relacionamento-xp .assessoria-on-demand .column:first-child:after {
    clear: both;
  }

  #relacionamento-xp .assessoria-on-demand .column:first-child:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-on-demand .column:nth-child(2) {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
  }

  #relacionamento-xp .assessoria-on-demand .column:nth-child(2):after,
  #relacionamento-xp .assessoria-on-demand .column:nth-child(2):before {
    content: "";
    display: table;
  }

  #relacionamento-xp .assessoria-on-demand .column:nth-child(2):after {
    clear: both;
  }

  #relacionamento-xp .assessoria-on-demand .column:nth-child(2):last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-on-demand .text-block {
    width: 90%;
  }
}
#relacionamento-xp .assessoria-digital {
  margin-bottom: 10vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-digital {
    margin-bottom: 100px;
  }
}
@media only all and (min-width: 992px) {
  #relacionamento-xp .assessoria-digital {
    margin-bottom: 200px;
  }
}
#relacionamento-xp .assessoria-digital .regra {
  width: 70vw;
}

#relacionamento-xp .assessoria-digital .regra .currency {
  font-size: 5vw;
  margin-top: -1em;
  margin-left: -1.5em;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-digital .regra .currency {
    font-size: 1em;
  }
}
#relacionamento-xp .assessoria-digital .regra .value {
  letter-spacing: -0.1em;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-digital .regra .value {
    font-size: 4.375em;
    letter-spacing: -0.1em;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-digital .regra .amount {
    font-size: 1.875em;
  }
}
#relacionamento-xp .assessoria-digital .regra .text:last-child {
  margin-top: .5em;
  text-align: right;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-digital .column:first-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
    position: relative;
    left: 51.5%;
  }

  #relacionamento-xp .assessoria-digital .column:first-child:after,
  #relacionamento-xp .assessoria-digital .column:first-child:before {
    content: "";
    display: table;
  }

  #relacionamento-xp .assessoria-digital .column:first-child:after {
    clear: both;
  }

  #relacionamento-xp .assessoria-digital .column:first-child:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-digital .column:nth-child(2) {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
    position: relative;
    left: -60.08333%;
  }

  #relacionamento-xp .assessoria-digital .column:nth-child(2):after,
  #relacionamento-xp .assessoria-digital .column:nth-child(2):before {
    content: "";
    display: table;
  }

  #relacionamento-xp .assessoria-digital .column:nth-child(2):after {
    clear: both;
  }

  #relacionamento-xp .assessoria-digital .column:nth-child(2):last-child {
    margin-right: 0;
  }
}
#relacionamento-xp .assessoria-digital .picture-wrap {
  margin-left: -50vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-digital .picture-wrap {
    margin-left: -23vw;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp .assessoria-digital .text-block {
    width: 90%;
  }
}
#relacionamento-xp .escritorios-credenciados {
  position: relative;
  z-index: 7;
  background-color: #ededee;
  padding-bottom: 10vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .escritorios-credenciados {
    padding-bottom: 100px;
  }
}
#relacionamento-xp .escritorios-credenciados .pic-escritorios-credenciados-band {
  background: url(assets/pic-relacionamento_xp-escritorios_credenciados@2x.jpg) no-repeat 50%;
  background-size: cover;
  height: 30vw;
  margin-bottom: 10vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .escritorios-credenciados .pic-escritorios-credenciados-band {
    background-image: url(assets/pic-relacionamento_xp-escritorios_credenciados.jpg);
    height: 190px;
    margin-bottom: 54px;
  }
}
#relacionamento-xp .escritorios-credenciados .pic-escritorios-credenciados-band h2 {
  color: #eceded;
  padding-top: 11vw;
  padding-bottom: 3vw;
  font-size: 5vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .escritorios-credenciados .pic-escritorios-credenciados-band h2 {
    font-size: 1.875em;
    padding-top: 60px;
    padding-bottom: 20px;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp .escritorios-credenciados .column:first-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }

  #relacionamento-xp .escritorios-credenciados .column:first-child:after,
  #relacionamento-xp .escritorios-credenciados .column:first-child:before {
    content: "";
    display: table;
  }

  #relacionamento-xp .escritorios-credenciados .column:first-child:after {
    clear: both;
  }

  #relacionamento-xp .escritorios-credenciados .column:first-child:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 1200px) {
  #relacionamento-xp .escritorios-credenciados .column:first-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 22.75%;
    margin-left: 17.16667%;
    margin-right: 3%;
  }

  #relacionamento-xp .escritorios-credenciados .column:first-child:after,
  #relacionamento-xp .escritorios-credenciados .column:first-child:before {
    content: "";
    display: table;
  }

  #relacionamento-xp .escritorios-credenciados .column:first-child:after {
    clear: both;
  }

  #relacionamento-xp .escritorios-credenciados .column:first-child:last-child {
    margin-right: 0;
  }
}
@media only all and (min-width: 768px) {
  #relacionamento-xp .escritorios-credenciados .column:nth-child(2) {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
  }

  #relacionamento-xp .escritorios-credenciados .column:nth-child(2):after,
  #relacionamento-xp .escritorios-credenciados .column:nth-child(2):before {
    content: "";
    display: table;
  }

  #relacionamento-xp .escritorios-credenciados .column:nth-child(2):after {
    clear: both;
  }

  #relacionamento-xp .escritorios-credenciados .column:nth-child(2):last-child {
    margin-right: 0;
  }
}
#relacionamento-xp .escritorios-credenciados .pic-mapa {
  display: block;
  text-align: center;
  margin-bottom: 10vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .escritorios-credenciados .pic-mapa {
    margin-bottom: 10px;
  }
}
#relacionamento-xp .escritorios-credenciados .pic-mapa img {
  width: 60vw;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp .escritorios-credenciados .pic-mapa img {
    width: 285px;
  }
}
#relacionamento-xp .escritorios-credenciados .text-block {
  margin-bottom: 14vw;
}

#relacionamento-xp .escritorios-credenciados .text-block h3 {
  margin-bottom: 5vw;
  font-weight: 300;
  font-size: 5vw;
}

#relacionamento-xp .escritorios-credenciados .text-block p {
  font-family: Roboto Slab, Arial, sans-serif;
  font-weight: 300;
  font-size: 4.5vw;
}

#relacionamento-xp .escritorios-credenciados .link-follow {
  white-space: nowrap;
}

@media only all and (min-width: 768px) {
  #relacionamento-xp-call-to-action {
    margin-top: 0;
  }
}
.is-android,
.is-apple {
  border: 1px solid #707173;
  background-color: none;
  text-indent: -99999px;
  padding: 0.8em 2.7em !important;
}

.is-android:hover,
.is-apple:hover {
  background-color: transparent;
}

.is-apple,
.is-apple:hover {
  background: url(assets/app-store.png) 50% no-repeat;
}

.is-android,
.is-android:hover {
  background: url(assets/google-play.png) 50% no-repeat;
}

.platforms {
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

.platforms__hero {
  overflow: hidden;
  display: block;
  position: relative;
}

.platforms__hero-list {
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;
  max-height: 0;
  -webkit-transition: max-height .25s ease-out;
          transition: max-height .25s ease-out;
  overflow: hidden;
  will-change: max-height;
}

.platforms__hero-list.js-show {
  max-height: 2000px;
}

.platforms__hero-list-item--bull {
  background-image: url(assets/hero-bull-mobile@2x.jpg);
}

@media only all and (min-width: 768px) {
  .platforms__hero-list-item--bull {
    background-image: url(assets/hero-bull.jpg);
  }
}

.platforms__hero-list-item--xp-pro {
  background-image: url(assets/hero-xp_pro-mobile@2x.jpg);
}

@media only all and (min-width: 768px) {
  .platforms__hero-list-item--xp-pro {
    background-image: url(assets/hero-xp_pro.jpg);
  }
}
.platforms__hero-list-item--meta-trader {
  background-image: url(assets/hero-meta_trader-mobile@2x.jpg);
}

@media only all and (min-width: 768px) {
  .platforms__hero-list-item--meta-trader {
    background-image: url(assets/hero-meta_trader.jpg);
  }
}
.platforms__hero-list-item--profitchart {
  background-image: url(assets/hero_profitchart-mobile@2x.jpg);
}

@media only all and (min-width: 768px) {
  .platforms__hero-list-item--profitchart {
    background-image: url(assets/hero-profitchart.jpg);
  }
}
.platforms__hero-list-item--flash-trader {
  background-image: url(assets/hero-flash_trader-mobile@2x.jpg);
}

@media only all and (min-width: 768px) {
  .platforms__hero-list-item--flash-trader {
    background-image: url(assets/hero-flash_trader.jpg);
  }
}
.platforms__hero-list-item--flash-chart {
  background-image: url(assets/hero-flash_chart.png);
}

@media only all and (min-width: 768px) {
  .platforms__hero-list-item--flash-chart {
    background-image: url(assets/hero-flash_chart.png);
  }
}
.platforms__hero-list-item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  display: block;
  float: left;
  width: 100%;
  outline: none;
  height: 106.1vw;
  position: relative;
}

.platforms__hero-list-item:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

@media only all and (min-width: 768px) {
  .platforms__hero-list-item:before {
    background: -webkit-linear-gradient(270deg, rgba(33, 33, 36, 0.2), rgba(33, 33, 36, 0.24) 4%, rgba(33, 33, 36, 0.28) 7%, rgba(33, 33, 36, 0.33) 10%, rgba(33, 33, 36, 0.47) 21%, rgba(33, 33, 36, 0.51) 23%, rgba(33, 33, 36, 0.61) 30%, rgba(33, 33, 36, 0.66) 34%, rgba(33, 33, 36, 0.65) 35%, rgba(33, 33, 36, 0.69) 36%, rgba(33, 33, 36, 0.81) 48%, rgba(33, 33, 36, 0.86) 55%, rgba(33, 33, 36, 0.88) 56%, rgba(33, 33, 36, 0.87) 58%, rgba(33, 33, 36, 0.91) 62%, rgba(33, 33, 36, 0.92) 67%, rgba(33, 33, 36, 0.93) 68%, rgba(33, 33, 36, 0.94) 69%, rgba(33, 33, 36, 0.97) 76%, #212124);
    background: linear-gradient(180deg, rgba(33, 33, 36, 0.2), rgba(33, 33, 36, 0.24) 4%, rgba(33, 33, 36, 0.28) 7%, rgba(33, 33, 36, 0.33) 10%, rgba(33, 33, 36, 0.47) 21%, rgba(33, 33, 36, 0.51) 23%, rgba(33, 33, 36, 0.61) 30%, rgba(33, 33, 36, 0.66) 34%, rgba(33, 33, 36, 0.65) 35%, rgba(33, 33, 36, 0.69) 36%, rgba(33, 33, 36, 0.81) 48%, rgba(33, 33, 36, 0.86) 55%, rgba(33, 33, 36, 0.88) 56%, rgba(33, 33, 36, 0.87) 58%, rgba(33, 33, 36, 0.91) 62%, rgba(33, 33, 36, 0.92) 67%, rgba(33, 33, 36, 0.93) 68%, rgba(33, 33, 36, 0.94) 69%, rgba(33, 33, 36, 0.97) 76%, #212124);
  }
}
@media only all and (min-width: 1200px) {
  .platforms__hero-list-item:before {
    background: -webkit-linear-gradient(270deg, rgba(33, 33, 36, 0.01), rgba(33, 33, 36, 0.01) 9%, rgba(33, 33, 36, 0.03) 12%, rgba(33, 33, 36, 0.02) 13%, rgba(33, 33, 36, 0.04) 14%, rgba(33, 33, 36, 0.03) 16%, rgba(33, 33, 36, 0.06) 18%, rgba(33, 33, 36, 0.09) 24%, rgba(33, 33, 36, 0.15) 29%, rgba(33, 33, 36, 0.28) 36%, rgba(33, 33, 36, 0.28) 37%, rgba(33, 33, 36, 0.33) 39%, rgba(33, 33, 36, 0.47) 47%, rgba(33, 33, 36, 0.51) 48%, rgba(33, 33, 36, 0.61) 52%, rgba(33, 33, 36, 0.64) 55%, rgba(33, 33, 36, 0.65) 56%, rgba(33, 33, 36, 0.69) 57%, rgba(33, 33, 36, 0.81) 65%, rgba(33, 33, 36, 0.86) 69%, rgba(33, 33, 36, 0.88) 70%, rgba(33, 33, 36, 0.87) 71%, rgba(33, 33, 36, 0.91) 74%, rgba(33, 33, 36, 0.94) 78%, rgba(33, 33, 36, 0.94) 79%, rgba(33, 33, 36, 0.97) 84%, #212124);
    background: linear-gradient(180deg, rgba(33, 33, 36, 0.01), rgba(33, 33, 36, 0.01) 9%, rgba(33, 33, 36, 0.03) 12%, rgba(33, 33, 36, 0.02) 13%, rgba(33, 33, 36, 0.04) 14%, rgba(33, 33, 36, 0.03) 16%, rgba(33, 33, 36, 0.06) 18%, rgba(33, 33, 36, 0.09) 24%, rgba(33, 33, 36, 0.15) 29%, rgba(33, 33, 36, 0.28) 36%, rgba(33, 33, 36, 0.28) 37%, rgba(33, 33, 36, 0.33) 39%, rgba(33, 33, 36, 0.47) 47%, rgba(33, 33, 36, 0.51) 48%, rgba(33, 33, 36, 0.61) 52%, rgba(33, 33, 36, 0.64) 55%, rgba(33, 33, 36, 0.65) 56%, rgba(33, 33, 36, 0.69) 57%, rgba(33, 33, 36, 0.81) 65%, rgba(33, 33, 36, 0.86) 69%, rgba(33, 33, 36, 0.88) 70%, rgba(33, 33, 36, 0.87) 71%, rgba(33, 33, 36, 0.91) 74%, rgba(33, 33, 36, 0.94) 78%, rgba(33, 33, 36, 0.94) 79%, rgba(33, 33, 36, 0.97) 84%, #212124);
  }
}
.platforms__hero-list-item .wrap {
  padding: 18vw;
  position: relative;
  z-index: 2;
}

@media only all and (min-width: 768px) {
  .platforms__hero-list-item {
    height: 514px;
  }

  .platforms__hero-list-item .wrap {
    padding: 100px 0 0;
  }
}
@media only all and (min-width: 1200px) {
  .platforms__hero-list-item {
    height: 671px;
  }

  .platforms__hero-list-item .wrap {
    padding: 254px 0 0;
  }
}
.platforms__hero-list-item h3 {
  font-size: 2.7vw;
  text-transform: uppercase;
  font-family: Roboto;
  color: #fcc709;
  font-weight: 700;
  text-align: center;
  will-change: opacity;
}

@media only all and (min-width: 768px) {
  .platforms__hero-list-item h3 {
    font-size: 1em;
    opacity: 0;
  }
}
.platforms__hero-list-item h2 {
  font-size: 8vw;
  line-height: 8vw;
  font-weight: 300;
  margin-top: 3.5vw;
  position: relative;
  padding-bottom: 6.4vw;
  color: #fff;
  will-change: opacity;
}

.platforms__hero-list-item h2:before {
  content: "";
  display: block;
  background-color: #fcc709;
  width: 6.3vw;
  height: .5vw;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

@media only all and (min-width: 768px) {
  .platforms__hero-list-item h2 {
    font-size: 3.875em;
    line-height: 1em;
    margin-top: 19px;
    padding-bottom: 34px;
    opacity: 0;
  }

  .platforms__hero-list-item h2:before {
    width: 40px;
    height: 3px;
  }
}
.platforms__hero-list-item p {
  font-size: 4.3vw;
  margin-top: 5.6vw;
  text-align: center;
  font-weight: 400;
  line-height: 1.4em;
  color: #b1b3b4;
  margin-bottom: 5vw;
  will-change: opacity;
}

@media only all and (min-width: 768px) {
  .platforms__hero-list-item p {
    font-size: 1.125em;
    max-width: 638px;
    margin: 21px auto 39px;
    color: #fff;
    opacity: 0;
    line-height: 1.7em;
  }
}
.platforms__hero-list-item .link-follow {
  text-align: center;
  display: table;
  margin-left: auto;
  margin-right: auto;
  font-size: 4vw;
  outline: none;
  will-change: opacity, transform;
}

@media only all and (min-width: 768px) {
  .platforms__hero-list-item .link-follow {
    display: none;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
        transform: translateY(100px);
    opacity: 0;
  }
}
@media only all and (min-width: 1200px) {
  .platforms__hero-list-item .link-follow {
    -webkit-transform: translateY(130px);
    -ms-transform: translateY(130px);
        transform: translateY(130px);
  }
}
.platforms__hero-list-item .button {
  display: none;
  outline: none;
  will-change: opacity, transform;
}

@media only all and (min-width: 768px) {
  .platforms__hero-list-item .button {
    display: table;
    margin: 0 auto;
    padding: .8em 1.5em;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
        transform: translateY(100px);
    opacity: 0;
  }
}
@media only all and (min-width: 1200px) {
  .platforms__hero-list-item .button {
    -webkit-transform: translateY(130px);
    -ms-transform: translateY(130px);
        transform: translateY(130px);
  }
}
@media only all and (min-width: 768px) {
  .platforms__hero-list-item.js-animate h2,
  .platforms__hero-list-item.js-animate h3,
  .platforms__hero-list-item.js-animate p {
    opacity: 1;
    -webkit-transition: opacity 1s;
            transition: opacity 1s;
  }

  .platforms__hero-list-item.js-animate .button,
  .platforms__hero-list-item.js-animate .link-follow {
    -webkit-transition: opacity 1s, -webkit-transform 1s;
            transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-transition: opacity 1s, -webkit-transform 1s, -webkit-transform 1s;
            transition: opacity 1s, transform 1s, -webkit-transform 1s;
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    transform: translateX(0) translateY(0) translateZ(0);
  }
}
.platforms__hero-next,
.platforms__hero-prev {
  position: absolute;
  display: block;
  width: 5.2vw;
  height: 9.6vw;
  font-size: 0;
  text-indent: -99999px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: transparent;
  outline: none;
  border: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  z-index: 2;
}

.platforms__hero-next:before,
.platforms__hero-prev:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity .3s ease-out;
          transition: opacity .3s ease-out;
  will-change: background, opacity;
}

@media only all and (min-width: 768px) {
  .platforms__hero-next,
  .platforms__hero-prev {
    width: 39px;
    height: 72px;
    top: 61%;
  }
}
.platforms__hero-prev {
  background-image: url(assets/gray-left-arrow-slider.png);
  left: 6.7vw;
}

@media only all and (min-width: 768px) {
  .platforms__hero-prev {
    left: 3%;
  }

  .platforms__hero-prev:hover:before {
    background-image: url(assets/yellow-left-arrow-slider.png);
    opacity: 1;
  }
}
@media only all and (min-width: 1200px) {
  .platforms__hero-prev {
    left: calc((100vw - 1280px) / 2);
  }
}
.platforms__hero-next {
  background-image: url(assets/gray-right-arrow-slider.png);
  right: 6.7vw;
}

@media only all and (min-width: 768px) {
  .platforms__hero-next {
    right: 3%;
  }

  .platforms__hero-next:hover:before {
    background-image: url(assets/yellow-right-arrow-slider.png);
    opacity: 1;
  }
}
@media only all and (min-width: 1200px) {
  .platforms__hero-next {
    right: calc((100vw - 1280px) / 2);
  }
}
@media only all and (min-width: 768px) {
  .platforms__nav .wrap {
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    z-index: 2;
  }
}
@media only all and (min-width: 768px) {
  .platforms__hero .platforms__nav {
    display: none;
  }
}
.platforms__hero-dots {
  display: block;
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  bottom: 4.3vw;
}

@media only all and (min-width: 768px) {
  .platforms__hero-dots {
    bottom: 35px;
  }
}
.platforms__hero-dots li {
  float: left;
  display: table;
  margin-right: 1.2vw;
}

@media only all and (min-width: 768px) {
  .platforms__hero-dots li {
    margin-right: 4px;
  }
}
.platforms__hero-dots li:last-child {
  margin-right: 0;
}

.platforms__hero-dots li.slick-active button {
  border-color: #fcc914 !important;
  background-color: #fcc914 !important;
}

.platforms__hero-dots button {
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  text-indent: -99999px;
  font-size: 0;
  border: 2px solid #adafb0;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  cursor: pointer;
}

.platforms__filter {
  position: relative;
}

.platforms__filter input {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  height: 13vw;
  opacity: 0;
  cursor: pointer;
}

@media only all and (min-width: 768px) {
  .platforms__filter input {
    display: none;
  }
}
.platforms__filter ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: none;
}

.platforms__filter input:checked ~ ul {
  display: block !important;
}

@media only all and (min-width: 768px) {
  .platforms__filter input:checked ~ ul,
  .platforms__filter input ~ ul {
    display: block !important;
  }
}
.platforms__filter input:checked ~ hr.dash {
  margin-top: 12vw;
  margin-bottom: 19vw;
  display: block;
  border: 0;
  width: 100% !important;
  height: 1px !important;
  background: #d9d9d9 !important;
}

.platforms__filter input:checked ~ h2:after {
  -webkit-transform: translateY(-1vw) rotate(1turn);
  -ms-transform: translateY(-1vw) rotate(1turn);
      transform: translateY(-1vw) rotate(1turn);
}

@media only all and (min-width: 768px) {
  .platforms__filter input:checked ~ hr.dash,
  .platforms__filter input ~ hr.dash {
    display: none !important;
  }
}
.platforms__filter li {
  display: inline-block;
}

@media only all and (min-width: 768px) {
  .platforms__filter li {
    display: table;
    float: left;
    margin: 0 .8%;
    margin-bottom: 1.6em;
  }

  .platforms__filter li:first-child {
    margin-left: 0;
  }

  .platforms__filter li:last-child {
    margin-right: 0;
  }
}
.platforms__filter-title {
  font-weight: 300;
  text-align: left;
  margin: 0;
  padding: 0;
  line-height: 1em;
  padding-bottom: 8.2vw;
  font-size: 5.2vw;
  margin-bottom: 8.2vw;
  color: #4c4d4f;
}

@media only all and (min-width: 768px) {
  .platforms__filter-title {
    display: none;
  }
}
.platforms__filter-title:before {
  width: 6.2vw;
  right: inherit;
  left: 0;
  bottom: 0;
  top: inherit;
  height: 0.7vw;
}

.platforms__filter-title:after {
  content: "";
  display: inline-block;
  margin-left: 5vw;
  width: 3.1vw;
  height: 1.9vw;
  -webkit-transform: translateY(-1vw) rotate(180deg);
  -ms-transform: translateY(-1vw) rotate(180deg);
      transform: translateY(-1vw) rotate(180deg);
  background-size: cover;
  background-image: url(assets/ico-select_arrow_down@2x.png);
}

.platforms__filter-button {
  font-family: Roboto Slab;
  font-weight: 300;
  text-decoration: none;
  background: transparent;
  border: .4vw solid #d9d9d9;
  color: #707173;
  font-size: 4.2vw;
  padding: 2vw 4.7vw;
  letter-spacing: .1em;
  margin-right: 3vw;
  margin-bottom: 4vw;
  text-align: center;
  outline: none;
  position: relative;
}

.platforms__filter-button.js-selected {
  background-color: #fcc709;
  color: #2d2f31;
  border-color: #fcc709;
}

.platforms__filter-button.js-selected:not(.platforms__filter-button--all):before {
  content: " ";
  position: absolute;
  right: 5px;
  top: 5px;
  display: block;
  width: 11px;
  height: 11px;
  text-align: center;
  font-style: normal;
  background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIyLjg4IDIyLjg4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMi44OCAyMi44ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8cGF0aCBkPSJNMC4zMjQsMS45MDljLTAuNDI5LTAuNDI5LTAuNDI5LTEuMTQzLDAtMS41ODdjMC40NDQtMC40MjksMS4xNDMtMC40MjksMS41ODcsMGw5LjUyMyw5LjUzOSAgbDkuNTM5LTkuNTM5YzAuNDI5LTAuNDI5LDEuMTQzLTAuNDI5LDEuNTcxLDBjMC40NDQsMC40NDQsMC40NDQsMS4xNTksMCwxLjU4N2wtOS41MjMsOS41MjRsOS41MjMsOS41MzkgIGMwLjQ0NCwwLjQyOSwwLjQ0NCwxLjE0MywwLDEuNTg3Yy0wLjQyOSwwLjQyOS0xLjE0MywwLjQyOS0xLjU3MSwwbC05LjUzOS05LjUzOWwtOS41MjMsOS41MzljLTAuNDQ0LDAuNDI5LTEuMTQzLDAuNDI5LTEuNTg3LDAgIGMtMC40MjktMC40NDQtMC40MjktMS4xNTksMC0xLjU4N2w5LjUyMy05LjUzOUwwLjMyNCwxLjkwOXoiIGZpbGw9IiMwMDAwMDAiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat 50%;
  background-size: cover;
}

@media only all and (min-width: 768px) {
  .platforms__filter-button {
    font-size: 1.0625em;
    padding: .5em 1em;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    height: auto;
    margin-bottom: 0;
    border-width: 1px;
    display: table;
    font-weight: 400;
    letter-spacing: 0;
  }
}
@media only all and (min-width: 1200px) {
  .platforms__filter-button {
    padding: 0.5em 2.2em;
  }
}
@media only all and (min-width: 1440px) {
  .platforms__filter-button {
    padding: 0.5em 2.5em;
  }
}
.platforms__listing .link-follow {
  font-size: 3.7vw;
}

@media only all and (min-width: 768px) {
  .platforms__listing {
    margin-top: 90px;
  }
}
@media only all and (min-width: 768px) {
  .platforms__listing.pb .platforms__listing-item:not(.grid):not(.js-selected):after {
    background: #a6a6a6 !important;
  }

  .platforms__listing.pb .platforms__listing-item:not(.grid):not(.js-selected) .platforms__listing-item-image-holder .front,
  .platforms__listing.pb .platforms__listing-item:not(.grid):not(.js-selected) .platforms__listing-item-image-holder:before {
    -webkit-transition: opacity .1s ease-in;
            transition: opacity .1s ease-in;
    opacity: 1;
  }

  .platforms__listing.pb .platforms__listing-item:not(.grid):not(.js-selected) .link-follow,
  .platforms__listing.pb .platforms__listing-item:not(.grid):not(.js-selected) .platforms__listing-cat,
  .platforms__listing.pb .platforms__listing-item:not(.grid):not(.js-selected) .platforms__listing-title,
  .platforms__listing.pb .platforms__listing-item:not(.grid):not(.js-selected) .platforms__listing-version {
    color: #a6a6a6 !important;
  }

  .platforms__listing.pb .platforms__listing-item:not(.grid):not(.js-selected) .link-follow {
    cursor: text;
  }

  .platforms__listing.pb .platforms__listing-item:not(.grid):not(.js-selected) .link-follow:after {
    background-image: url(assets/plus-desktop-pb.png);
    background-size: 9px 15px !important;
  }
}
.platforms__read-more-dash {
  display: none;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-dash {
    margin-right: -100%;
    margin-left: -100%;
    padding-left: 89.4%;
    position: relative;
    min-height: inherit;
    display: block;
    clear: both;
    height: 19px;
    top: 0;
    background-color: #fff;
  }

  .platforms__read-more-dash .has-dash.dash-top-right:before {
    height: 10px !important;
    top: 9px;
  }
}
@media only all and (min-width: 768px) {
  .platforms__read-more-dash-inner {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 49%;
    margin-left: 0;
    margin-right: 2%;
    position: relative;
    display: block;
    overflow: hidden;
    height: 10px;
    margin-top: -20px;
    float: left !important;
  }

  .platforms__read-more-dash-inner:after,
  .platforms__read-more-dash-inner:before {
    content: "";
    display: table;
  }

  .platforms__read-more-dash-inner:after {
    clear: both;
  }

  .platforms__read-more-dash-inner:nth-of-type(2n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  .platforms__read-more-dash-inner:nth-of-type(odd):not(.skip) {
    clear: both;
  }

  .platforms__read-more-dash-inner.arrow-cl2-2 {
    position: relative;
    left: 51.5%;
  }

  .platforms__read-more-dash-inner .arrow {
    position: relative;
    background: #fcc709;
    top: 10px;
    left: 32px;
  }

  .platforms__read-more-dash-inner .arrow:after {
    bottom: 100%;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(252, 199, 9, 0);
    border-bottom-color: #fcc709;
    border-width: 7px;
    margin-left: -1px;
  }
}
@media only all and (min-width: 1200px) {
  .platforms__read-more-dash-inner {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 32%;
    margin-left: 0;
    margin-right: 2%;
    float: left !important;
  }

  .platforms__read-more-dash-inner:after,
  .platforms__read-more-dash-inner:before {
    content: "";
    display: table;
  }

  .platforms__read-more-dash-inner:after {
    clear: both;
  }

  .platforms__read-more-dash-inner:nth-of-type(2n):not(.skip) {
    margin-right: 2%;
    float: left;
  }

  .platforms__read-more-dash-inner:nth-of-type(odd):not(.skip) {
    clear: none;
  }

  .platforms__read-more-dash-inner:nth-of-type(3n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  .platforms__read-more-dash-inner:nth-of-type(3n+1):not(.skip) {
    clear: both;
  }

  .platforms__read-more-dash-inner.arrow-cl3-1 {
    position: relative;
    left: 0;
  }

  .platforms__read-more-dash-inner.arrow-cl3-2 {
    position: relative;
    left: 34.33333%;
  }

  .platforms__read-more-dash-inner.arrow-cl3-3 {
    position: relative;
    left: 68.66667%;
  }

  .platforms__read-more-dash-inner .arrow {
    left: 24px;
  }
}
.platforms__listing.pb > .platforms__listing-item:not(.js-selected) {
  cursor: pointer !important;
}

.platforms__listing.pb > .platforms__listing-item:not(.js-selected) .platforms__listing-item-image-holder {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.platforms__listing.pb > .platforms__listing-item:not(.js-selected):hover {
  cursor: pointer !important;
}

.platforms__listing.pb > .platforms__listing-item:not(.js-selected):hover .platforms__listing-item-image-holder {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.platforms__listing > .platforms__listing-item {
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer;
}

.platforms__listing > .platforms__listing-item .platforms__listing-item-image-holder {
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.platforms__listing > .platforms__listing-item.js-selected,
.platforms__listing > .platforms__listing-item:hover {
  z-index: 5;
}

.platforms__listing > .platforms__listing-item.js-selected .platforms__listing-item-image-holder,
.platforms__listing > .platforms__listing-item:hover .platforms__listing-item-image-holder {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
}

.platforms__listing > .platforms__listing-item:not(.grid) {
  position: relative;
  display: table;
  padding-bottom: 7.2vw;
  margin-bottom: 12.52vw;
  z-index: 4;
}

@media only all and (min-width: 768px) {
  .platforms__listing > .platforms__listing-item:not(.grid) {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
    padding-bottom: 16px;
    margin-bottom: 84px;
  }

  .platforms__listing > .platforms__listing-item:not(.grid):after,
  .platforms__listing > .platforms__listing-item:not(.grid):before {
    content: "";
    display: table;
  }

  .platforms__listing > .platforms__listing-item:not(.grid):after {
    clear: both;
  }

  .platforms__listing > .platforms__listing-item:not(.grid):nth-of-type(2n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  .platforms__listing > .platforms__listing-item:not(.grid):nth-of-type(odd):not(.skip) {
    clear: both;
  }
}
@media only all and (min-width: 1200px) {
  .platforms__listing > .platforms__listing-item:not(.grid) {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 32%;
    margin-left: 0;
    margin-right: 2%;
  }

  .platforms__listing > .platforms__listing-item:not(.grid):after,
  .platforms__listing > .platforms__listing-item:not(.grid):before {
    content: "";
    display: table;
  }

  .platforms__listing > .platforms__listing-item:not(.grid):after {
    clear: both;
  }

  .platforms__listing > .platforms__listing-item:not(.grid):nth-of-type(2n):not(.skip) {
    margin-right: 2%;
    float: left;
  }

  .platforms__listing > .platforms__listing-item:not(.grid):nth-of-type(odd):not(.skip) {
    clear: none;
  }

  .platforms__listing > .platforms__listing-item:not(.grid):nth-of-type(3n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  .platforms__listing > .platforms__listing-item:not(.grid):nth-of-type(3n+1):not(.skip) {
    clear: both;
  }
}
.platforms__listing > .platforms__listing-item:not(.grid):after {
  content: "";
  position: absolute;
  width: 6.3vw;
  background-color: #fcc709;
  bottom: 0;
  height: 0.5vw;
}

@media only all and (min-width: 768px) {
  .platforms__listing > .platforms__listing-item:not(.grid):after {
    width: 28px;
    height: 2px;
  }
}
@media only all and (min-width: 768px) {
  .platforms__listing > .platforms__listing-item:not(.grid) .link-follow {
    font-size: 1em;
  }

  .platforms__listing > .platforms__listing-item:not(.grid) .link-follow:active,
  .platforms__listing > .platforms__listing-item:not(.grid) .link-follow:hover {
    color: #52b3c6;
  }

  .platforms__listing > .platforms__listing-item:not(.grid) .link-follow:after {
    background-image: url(assets/plus-desktop.png);
    background-repeat: no-repeat;
    background-size: 9px 15px !important;
  }
}
@media only all and (min-width: 1200px) {
  .platforms__listing > .platforms__listing-item:not(.grid) .link-follow:hover {
    color: #007bc7 !important;
  }
}
@media only all and (min-width: 768px) {
  .platforms__listing > .platforms__listing-item:not(.grid).js-selected .link-follow:after {
    background-image: url(assets/minus-desktop.png);
  }
}
@media only all and (min-width: 768px) {
  .platforms__listing > .platforms__listing-item:not(.grid) div:nth-child(2) {
    padding-bottom: 10px;
  }
}
.platforms__listing-item-image-holder {
  margin-bottom: 4.8vw;
  position: relative;
}

@media only all and (min-width: 768px) {
  .platforms__listing-item-image-holder {
    margin-bottom: 11px;
  }
}
.platforms__listing-item-image-holder img {
  max-width: 100%;
  width: 100%;
  height: auto;
  border: 0;
  display: table;
  overflow: hidden;
  margin: 0 auto;
}

.platforms__listing-item-image-holder .front {
  position: absolute;
  top: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease-out;
          transition: opacity 0.15s ease-out;
}

.platforms__listing-item--exclusive .platforms__listing-item-image-holder:after,
.platforms__listing-item--exclusive .platforms__listing-item-image-holder:before {
  background: transparent url(assets/xp-badge-2x.png) 50% no-repeat;
  display: block;
  content: "";
  width: 12.1vw;
  height: 12vw;
  position: absolute;
  right: 2.6vw;
  top: -6vw;
  border-radius: 50%;
  background-size: 12.1vw 12vw;
  -webkit-transition: opacity 0.15s ease-out;
          transition: opacity 0.15s ease-out;
}

@media only all and (min-width: 768px) {
  .platforms__listing-item--exclusive .platforms__listing-item-image-holder:after,
  .platforms__listing-item--exclusive .platforms__listing-item-image-holder:before {
    background-size: 60px auto !important;
    top: -30px;
    width: 60px;
    height: 60px;
    right: -4%;
  }
}
.platforms__listing-item--exclusive .platforms__listing-item-image-holder:before {
  opacity: 0;
  background: transparent url(assets/xp-badge-pb-2x.png) 50% no-repeat;
  z-index: 2;
}

.platforms__listing-block {
  clear: both;
  width: 100%;
  padding: 3.5vw 0;
  border-bottom: 1px solid #d9d9d9;
  overflow: hidden;
}

.platforms__listing-block:first-child {
  padding-top: 0;
}

@media only all and (min-width: 768px) {
  .platforms__listing-block {
    padding: 20px 0;
  }
}
.platforms__listing-block--last {
  border-bottom: 0;
}

.platforms__listing-title {
  font-size: 5.4vw;
  font-weight: 300;
  color: #4c4d4f;
  margin-top: 0;
  margin-bottom: 0;
}

@media only all and (min-width: 768px) {
  .platforms__listing-title {
    font-size: 1.875em;
    font-weight: 400;
  }
}
.platforms__listing-cat,
.platforms__listing-version {
  font-weight: 300;
  line-height: 1em;
  margin: 0;
}

@media only all and (min-width: 768px) {
  .platforms__listing-cat,
  .platforms__listing-version {
    font-weight: 400;
  }
}
.platforms__listing-cat {
  font-size: 4.1vw;
  float: left;
  color: #a7a9ac;
}

@media only all and (min-width: 768px) {
  .platforms__listing-cat {
    font-size: 1.125em;
  }
}
.platforms__listing-version {
  font-family: Roboto;
  font-size: 3.7vw;
  text-transform: uppercase;
  color: #39bb82;
  float: right;
  font-weight: 500;
  line-height: 1.1em;
}

@media only all and (min-width: 768px) {
  .platforms__listing-version {
    font-size: 1em;
    position: relative;
    top: 1px;
  }
}
.platforms__listing-price {
  float: right;
  color: #87888a;
  font-family: Roboto Slab, Arial, sans-serif;
  font-weight: 600;
  line-height: 1;
  margin: -10px 0 -20px;
}

.platforms__listing-price__prefix {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: .65rem;
  font-weight: 500;
  margin-bottom: -2px;
  display: block;
}

.platforms__listing-price__cents,
.platforms__listing-price__currency,
.platforms__listing-price__sufix,
.platforms__listing-price__value {
  font-size: .85rem;
  display: inline-block;
  vertical-align: super;
  line-height: 1.65rem;
}

.platforms__listing-price__value {
  font-size: 1.65rem;
  vertical-align: text-bottom;
  font-weight: 500;
}

.platforms__listing-price__currency {
  margin-right: -3px;
}

.platforms__listing-price__sufix {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: .8rem;
  margin-left: -3px;
  font-weight: 500;
}

.platforms__listing-price__sufix:before {
  content: "/";
  color: #ffc709;
}

.platforms__read-more {
  background-color: #18191a;
  position: fixed;
  top: 0;
  min-height: 100%;
  width: 100%;
  z-index: 10;
  cursor: default;
}

@media only all and (min-width: 768px) {
  .platforms__read-more {
    position: relative;
    min-height: inherit;
    z-index: 1;
    clear: both;
    display: block;
    overflow: hidden;
    margin-left: -100%;
    margin-right: -100%;
    padding-left: 100%;
    padding-right: 100%;
    width: inherit;
  }
}
.platforms__read-more-inner {
  overflow-y: auto;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-inner {
    width: 100%;
    max-width: 1280px;
    height: auto;
    position: relative;
    overflow: inherit;
    padding: 77px 0 37px;
  }
}
.platforms__read-more-header {
  padding-top: 5.6vw;
  padding-bottom: 4.2vw;
  display: table;
  width: 100%;
  position: relative;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-header {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 1.8em;
  }
}
.platforms__read-more-title {
  color: #fff;
  font-size: 8vw;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 3vw;
  margin-top: 0;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-title {
    font-size: 1.75em;
    margin-bottom: 10px;
  }
}
@media only all and (min-width: 1200px) {
  .platforms__read-more-title {
    font-size: 1.875em;
    margin-bottom: 15px;
  }
}
.platforms__read-more-cat {
  color: #666;
  font-size: 3.7vw;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-cat {
    font-size: 0.875em;
  }
}
.platforms__read-more-close {
  text-indent: -99999px;
  display: block;
  font-size: 0;
  background: transparent url(assets/close-button@2x.png) 50% no-repeat;
  background-size: cover;
  border: 0;
  outline: none;
  height: 5.4vw;
  width: 5.4vw;
  cursor: pointer;
  position: absolute;
  right: -.4vw;
  top: 7vw;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-close {
    width: 20px;
    height: 20px;
    top: 29px;
    background-size: 20px;
    right: 0;
  }

  .platforms__read-more-close:before {
    content: "";
    background: transparent url(assets/close-yellow-button@2x.png) 50% no-repeat;
    width: 20px;
    height: 20px;
    background-size: 20px;
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
            transition: opacity .3s ease-out;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
  }

  .platforms__read-more-close:hover:before {
    opacity: 1;
  }
}
@media only all and (min-width: 768px) {
  .platforms__read-more-image-holder {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 57.08333%;
    margin-left: 0;
    margin-right: 3%;
    height: 100%;
  }

  .platforms__read-more-image-holder:after,
  .platforms__read-more-image-holder:before {
    content: "";
    display: table;
  }

  .platforms__read-more-image-holder:after {
    clear: both;
  }

  .platforms__read-more-image-holder:nth-of-type(2n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  .platforms__read-more-image-holder:nth-of-type(odd):not(.skip) {
    clear: both;
  }
}
@media only all and (min-width: 1200px) {
  .platforms__read-more-image-holder {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 52.79167%;
    margin-left: 0;
    margin-right: 3%;
  }

  .platforms__read-more-image-holder:after,
  .platforms__read-more-image-holder:before {
    content: "";
    display: table;
  }

  .platforms__read-more-image-holder:after {
    clear: both;
  }

  .platforms__read-more-image-holder:nth-of-type(2n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  .platforms__read-more-image-holder:nth-of-type(odd):not(.skip) {
    clear: both;
  }
}
@media only all and (min-width: 768px) {
  .platforms__read-more-image-holder .platforms__hero-next {
    right: 20px;
    top: 50%;
    width: 23px;
    height: 43px;
  }

  .platforms__read-more-image-holder .platforms__hero-next:before {
    width: 23px;
    height: 43px;
    background-size: 23px;
  }
}
@media only all and (min-width: 1200px) {
  .platforms__read-more-image-holder .platforms__hero-next {
    right: 20px;
    top: 50%;
  }
}
@media only all and (min-width: 768px) {
  .platforms__read-more-image-holder .platforms__hero-prev {
    left: 20px;
    top: 50%;
    width: 23px;
    height: 43px;
  }

  .platforms__read-more-image-holder .platforms__hero-prev:before {
    width: 23px;
    height: 43px;
    background-size: 23px;
  }
}
@media only all and (min-width: 1200px) {
  .platforms__read-more-image-holder .platforms__hero-prev {
    left: 20px;
    top: 50%;
  }
}
@media only all and (min-width: 768px) {
  .platforms__read-more-content .wrap {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 39.91667%;
    margin-left: 0;
    margin-right: 3%;
  }

  .platforms__read-more-content .wrap:after,
  .platforms__read-more-content .wrap:before {
    content: "";
    display: table;
  }

  .platforms__read-more-content .wrap:after {
    clear: both;
  }

  .platforms__read-more-content .wrap:nth-of-type(2n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  .platforms__read-more-content .wrap:nth-of-type(odd):not(.skip) {
    clear: both;
  }
}
.platforms__read-more-image-holder {
  position: relative;
  margin-bottom: 5vw;
  display: block;
  overflow: hidden;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-image-holder {
    margin-bottom: 0;
    position: absolute;
    left: 0;
    padding-bottom: 0;
    overflow: inherit;
    height: calc(100% - 10px);
  }
}
.platforms__read-more-image-holder-stack {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  overflow: hidden;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  max-height: 0;
  padding-bottom: 0;
  outline: none;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-image-holder-stack {
    height: 100%;
  }

  .platforms__read-more-image-holder-stack .slick-list,
  .platforms__read-more-image-holder-stack .slick-track {
    height: 100% !important;
  }
}
.platforms__read-more-image-holder-stack.js-show {
  -webkit-transition: max-height .15s ease-out, padding-bottom .15s ease-out;
          transition: max-height .15s ease-out, padding-bottom .15s ease-out;
  padding-bottom: 4vw;
  max-height: 800px;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-image-holder-stack.js-show {
    height: 100%;
    padding-bottom: 0;
  }
}
.platforms__read-more-image-holder-stack .platforms__hero-dots {
  bottom: 0;
}

.platforms__read-more-image-holder-stack .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.platforms__read-more-image-holder-stack .slick-slider .slick-list,
.platforms__read-more-image-holder-stack .slick-track {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  outline: none;
}

.platforms__read-more-image-holder-item {
  float: left;
  min-height: 1px;
  position: relative;
  outline: none;
}

.platforms__read-more-image-holder-item > img {
  max-width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-image-holder-item {
    height: calc(100% - 20px);
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: 100% 0;
    max-height: 420px;
    min-height: 320px;
  }

  .platforms__read-more-image-holder-item.js-slider {
    max-height: 400px;
    min-height: 300px;
  }
}
.platforms__read-more-image-caption {
  position: absolute;
  display: table;
  bottom: 2vw;
  z-index: 3;
  left: 4vw;
  width: calc(100% - 4vw);
  padding-right: 4vw;
}

.platforms__read-more-image-caption h3 {
  margin-top: 0;
  margin-bottom: 0;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-image-caption {
    left: 20px;
    bottom: 20px;
    width: auto;
    padding-right: 0;
  }
}
.platforms__read-more-image-caption h3 {
  font-family: Roboto;
  color: #fff;
  font-size: 3vw;
  font-weight: 500;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-image-caption h3 {
    font-size: 0.875em;
  }
}
@media only all and (min-width: 1200px) {
  .platforms__read-more-image-caption h3 {
    font-size: 1em;
  }
}
.platforms__read-more-image-caption p {
  margin-bottom: 0;
  font-size: 2.5vw;
  color: #acadaf;
  font-weight: 400;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-image-caption p {
    color: #b1b3b4;
    font-size: 0.75em;
  }
}
@media only all and (min-width: 768px) {
  .platforms__read-more-content {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 10px;
  }
}
.platforms__read-more-content .wrap {
  padding-left: 0;
  padding-right: 0;
}

.platforms__read-more-content .wrap > p {
  font-size: 4vw;
  font-weight: 400;
  color: #666;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-content .wrap > p {
    font-size: 1em;
    margin-bottom: 1.6em;
  }
}
@media only all and (min-width: 1200px) {
  .platforms__read-more-content .wrap > p {
    font-size: 1.125em;
    line-height: 1.4;
  }
}
.platforms__read-more-content .wrap > .link-follow {
  font-size: 3.7vw;
  margin-bottom: 5vw;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-content .wrap > .link-follow {
    font-size: .875em;
    margin-bottom: 1.6em;
  }
}
@media only all and (min-width: 1200px) {
  .platforms__read-more-content .wrap > .link-follow {
    font-size: 1em;
  }
}
.platforms__read-more-content .wrap > .dash {
  margin: 0;
  margin-left: 0;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-content .wrap .button {
    padding: .8em 1.5em;
    display: inline-block;
  }
}
.platforms__read-more-footer {
  margin-top: 6vw;
  margin-bottom: 5vw;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-footer {
    margin-top: 1.6em;
    margin-bottom: 0;
  }
}
.platforms__read-more-footer > h5 {
  color: #fff;
  text-transform: uppercase;
  font-size: 3.6vw;
  font-weight: 600;
  margin-bottom: 4vw;
}

@media only all and (min-width: 768px) {
  .platforms__read-more-footer > h5 {
    font-size: 1em;
    margin-bottom: 1.6em;
  }
}
.platforms__price {
  margin-bottom: 6vw;
  display: block;
}

@media only all and (min-width: 768px) {
  .platforms__price {
    margin-bottom: 1.6em;
  }
}
.platforms__price p:first-child {
  color: #666;
  font-size: 3.5vw;
  font-weight: 400;
  margin-bottom: 2vw;
}

@media only all and (min-width: 768px) {
  .platforms__price p:first-child {
    font-size: .875em;
    margin-bottom: 10px;
  }
}
.platforms__price p:nth-child(2) {
  color: #d9d9d9;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
}

.platforms__price p:nth-child(2) span {
  display: inline-block;
  vertical-align: top;
  line-height: normal;
}

.platforms__price p:nth-child(2) span:first-child {
  font-size: 4vw;
  line-height: 4vw;
  font-weight: 300;
}

@media only all and (min-width: 768px) {
  .platforms__price p:nth-child(2) span:first-child {
    font-size: 1.25em;
    line-height: 1.25em;
  }
}
.platforms__price p:nth-child(2) span:nth-child(2) {
  font-weight: 300;
  font-size: 12vw;
  line-height: 9vw;
  font-family: Roboto Slab;
}

@media only all and (min-width: 768px) {
  .platforms__price p:nth-child(2) span:nth-child(2) {
    font-size: 4.25em;
    line-height: .8;
    font-weight: 300;
  }
}
.platforms__price p:nth-child(2) span:nth-child(3) {
  font-size: 4vw;
  line-height: 4vw;
  font-weight: 300;
  font-family: Roboto Slab;
}

@media only all and (min-width: 768px) {
  .platforms__price p:nth-child(2) span:nth-child(3) {
    font-size: 1.25em;
    line-height: 1.25em;
    margin-left: 4px;
  }
}
.platforms__price p:nth-child(2) span:nth-child(4) {
  color: #ffc709;
  font-weight: 300;
  font-size: 4vw;
  line-height: 4vw;
}

@media only all and (min-width: 768px) {
  .platforms__price p:nth-child(2) span:nth-child(4) {
    font-size: 1.25em;
    line-height: 1.25em;
    margin-left: 2px;
  }
}
@media only all and (min-width: 768px) {
  .skip.grid {
    position: relative;
    margin-bottom: 0;
    top: 0;
    -webkit-transition: top .15s ease-out;
            transition: top .15s ease-out;
    z-index: 1;
  }

  .skip.grid .platforms__read-more {
    display: block;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.15s ease-out;
            transition: max-height 0.15s ease-out;
  }

  .skip.grid.js-show {
    top: -103px;
    -webkit-transition: top .1s ease-in;
            transition: top .1s ease-in;
    z-index: 4;
  }

  .skip.grid.js-show.grid-2 {
    clear: both;
  }

  .skip.grid.js-show .platforms__read-more {
    -webkit-transition: max-height .1s ease-in;
            transition: max-height .1s ease-in;
    max-height: 800px;
  }
}
@media only all and (min-width: 1200px) {
  .skip.grid.js-show.grid-2 {
    clear: none;
  }

  .skip.grid.js-show.grid-3 {
    clear: both;
  }
}
body > .platforms__read-more {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease-out;
          transition: opacity 0.15s ease-out;
}

body > .platforms__read-more.js-show {
  opacity: 1 !important;
  -webkit-transition: opacity 0.1s ease-in;
          transition: opacity 0.1s ease-in;
}

.platforms__call-to-action {
  background: #212124 url(assets/bg-arena-do-investidor@2x.jpg) 100% 0 no-repeat;
  background-size: contain;
  width: 100%;
  margin-top: 6vw;
}

@media only all and (min-width: 768px) {
  .platforms__call-to-action {
    background: #212124 url(assets/bg-arena-do-investidor.jpg) top no-repeat;
    background-size: cover;
    margin-top: 84px;
  }
}
.platforms__call-to-action .platforms__call-to-action-inner {
  position: relative;
}

.platforms__call-to-action .box-1 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 32%;
  margin-left: 0;
  margin-right: 2%;
  margin-top: 12vw;
}

.platforms__call-to-action .box-1:after,
.platforms__call-to-action .box-1:before {
  content: "";
  display: table;
}

.platforms__call-to-action .box-1:after {
  clear: both;
}

.platforms__call-to-action .box-1:nth-of-type(2n):not(.skip) {
  margin-right: 0;
  float: right;
}

.platforms__call-to-action .box-1:nth-of-type(odd):not(.skip) {
  clear: both;
}

.platforms__call-to-action .box-2 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 57.5%;
  margin-left: 0;
  margin-right: 2%;
  position: relative;
  margin-top: -7vw;
}

.platforms__call-to-action .box-2:after,
.platforms__call-to-action .box-2:before {
  content: "";
  display: table;
}

.platforms__call-to-action .box-2:after {
  clear: both;
}

.platforms__call-to-action .box-2:nth-of-type(2n):not(.skip) {
  margin-right: 0;
  float: right;
}

.platforms__call-to-action .box-2:nth-of-type(odd):not(.skip) {
  clear: both;
}

.platforms__call-to-action img {
  max-width: 100%;
  width: 100%;
  display: inline-block;
}

.platforms__call-to-action .box-3 {
  position: relative;
  z-index: 2;
  background: #212124;
  margin-left: -7vw;
  margin-right: -7vw;
  padding: 5vw 7vw 6vw;
  top: -1vw;
  clear: both;
  display: block;
  overflow: hidden;
}

@media only all and (min-width: 768px) {
  .platforms__call-to-action .box-3 {
    background: transparent;
    margin: 0;
    padding: 0;
    top: 0;
  }
}
.platforms__call-to-action .box-3 .button {
  font-size: 3vw;
  display: table;
  margin: 0 auto;
}

.platforms__call-to-action .box-3 p {
  font-family: Roboto;
  font-weight: 300;
  color: #c6c7c8;
  text-align: center;
  font-size: 4vw;
  padding: 0 5vw;
  margin-bottom: 1.3em !important;
}

@media only all and (min-width: 768px) {
  .platforms__call-to-action .box-3 p {
    font-size: 1em;
    padding: 0;
    text-align: left;
    max-width: 200px;
  }
}
@media only all and (min-width: 768px) {
  .platforms__call-to-action .box.box-1 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 27.33333%;
    margin-left: 0;
    margin-right: 9%;
    height: 182px;
    position: relative;
    margin-top: 0;
  }

  .platforms__call-to-action .box.box-1:after,
  .platforms__call-to-action .box.box-1:before {
    content: "";
    display: table;
  }

  .platforms__call-to-action .box.box-1:after {
    clear: both;
  }

  .platforms__call-to-action .box.box-1:nth-of-type(2n):not(.skip) {
    margin-right: 9%;
    float: left;
  }

  .platforms__call-to-action .box.box-1:nth-of-type(odd):not(.skip) {
    clear: none;
  }

  .platforms__call-to-action .box.box-1:nth-of-type(3n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  .platforms__call-to-action .box.box-1:nth-of-type(3n+1):not(.skip) {
    clear: both;
  }

  .platforms__call-to-action .box.box-1 img {
    max-width: 218px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    margin-top: 0;
  }

  .platforms__call-to-action .box.box-2 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 33.33333%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    height: 183px;
  }

  .platforms__call-to-action .box.box-2:after,
  .platforms__call-to-action .box.box-2:before {
    content: "";
    display: table;
  }

  .platforms__call-to-action .box.box-2:after {
    clear: both;
  }

  .platforms__call-to-action .box.box-2:nth-of-type(2n):not(.skip) {
    margin-right: 0;
    float: left;
  }

  .platforms__call-to-action .box.box-2:nth-of-type(odd):not(.skip) {
    clear: none;
  }

  .platforms__call-to-action .box.box-2:nth-of-type(3n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  .platforms__call-to-action .box.box-2:nth-of-type(3n+1):not(.skip) {
    clear: both;
  }

  .platforms__call-to-action .box.box-2 img {
    max-width: 100%;
    display: table;
    margin: 0 auto;
    max-width: 319.98px;
    position: absolute;
    bottom: 0;
  }

  .platforms__call-to-action .box.box-3 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 20.5%;
    margin-left: 0;
    margin-right: 6%;
    position: relative;
    height: 182px;
  }

  .platforms__call-to-action .box.box-3:after,
  .platforms__call-to-action .box.box-3:before {
    content: "";
    display: table;
  }

  .platforms__call-to-action .box.box-3:after {
    clear: both;
  }

  .platforms__call-to-action .box.box-3:nth-of-type(2n):not(.skip) {
    margin-right: 6%;
    float: left;
  }

  .platforms__call-to-action .box.box-3:nth-of-type(odd):not(.skip) {
    clear: none;
  }

  .platforms__call-to-action .box.box-3:nth-of-type(3n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  .platforms__call-to-action .box.box-3:nth-of-type(3n+1):not(.skip) {
    clear: both;
  }

  .platforms__call-to-action .box.box-3 > div {
    display: table;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    margin-top: 0;
  }

  .platforms__call-to-action .box.box-3 .button {
    padding: .8em 1.5em;
    font-size: .875em;
    margin-left: 0;
  }
}
@media only all and (min-width: 1200px) {
  .platforms__call-to-action .box.box-1 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 25%;
    margin-left: 0;
    margin-right: 0;
    height: 320px;
    position: relative;
  }

  .platforms__call-to-action .box.box-1:after,
  .platforms__call-to-action .box.box-1:before {
    content: "";
    display: table;
  }

  .platforms__call-to-action .box.box-1:after {
    clear: both;
  }

  .platforms__call-to-action .box.box-1:nth-of-type(2n):not(.skip) {
    margin-right: 0;
    float: left;
  }

  .platforms__call-to-action .box.box-1:nth-of-type(odd):not(.skip) {
    clear: none;
  }

  .platforms__call-to-action .box.box-1:nth-of-type(3n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  .platforms__call-to-action .box.box-1:nth-of-type(3n+1):not(.skip) {
    clear: both;
  }

  .platforms__call-to-action .box.box-1 img {
    max-width: 280px;
  }

  .platforms__call-to-action .box.box-2 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 45.83333%;
    margin-left: 0;
    margin-right: 0;
    height: 320px;
    position: relative;
    left: 6.86667%;
  }

  .platforms__call-to-action .box.box-2:after,
  .platforms__call-to-action .box.box-2:before {
    content: "";
    display: table;
  }

  .platforms__call-to-action .box.box-2:after {
    clear: both;
  }

  .platforms__call-to-action .box.box-2:nth-of-type(2n):not(.skip) {
    margin-right: 0;
    float: left;
  }

  .platforms__call-to-action .box.box-2:nth-of-type(odd):not(.skip) {
    clear: none;
  }

  .platforms__call-to-action .box.box-2:nth-of-type(3n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  .platforms__call-to-action .box.box-2:nth-of-type(3n+1):not(.skip) {
    clear: both;
  }

  .platforms__call-to-action .box.box-2 img {
    max-width: 506.66px;
    position: absolute;
  }

  .platforms__call-to-action .box.box-3 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 18.33333%;
    margin-left: 0;
    margin-right: 0;
    height: 320px;
  }

  .platforms__call-to-action .box.box-3:after,
  .platforms__call-to-action .box.box-3:before {
    content: "";
    display: table;
  }

  .platforms__call-to-action .box.box-3:after {
    clear: both;
  }

  .platforms__call-to-action .box.box-3:nth-of-type(2n):not(.skip) {
    margin-right: 0;
    float: left;
  }

  .platforms__call-to-action .box.box-3:nth-of-type(odd):not(.skip) {
    clear: none;
  }

  .platforms__call-to-action .box.box-3:nth-of-type(3n):not(.skip) {
    margin-right: 0;
    float: right;
  }

  .platforms__call-to-action .box.box-3:nth-of-type(3n+1):not(.skip) {
    clear: both;
  }

  .platforms__call-to-action .box.box-3 p {
    font-size: 1.125em;
    max-width: inherit;
  }
}
.info-maps {
  font-size: 16px !important;
}

.info-maps h3,
.info-maps p {
  font-size: 0.875em;
}

.info-maps p {
  margin-bottom: 0.1em;
}

/* DISCLAIMERS FIX CSS */

.disclaimers {
  *zoom:1;width: 100%;
  padding-bottom: 3em;
  padding-top: 3em;
  border-top: 1px solid #ccc
}

.disclaimers:after,.disclaimers:before {
  content: '';
  display: table
}

.disclaimers img {
  float: left;
  margin-left: .39062%;
  margin-bottom: 20px
}

.disclaimers small {
  margin: 0 3.125%;
  text-align: left;
  font-size: .6875em;
  width: 30.46875%;
  display: block;
  float: left;
  line-height: 1.2;
  color: #939598
}

.disclaimers #ambima-disclaimer small:after,.disclaimers #ambima-disclaimer small:before,.disclaimers #ambima-disclaimer ul:after,.disclaimers #ambima-disclaimer ul:before,.disclaimers #ambima-disclaimer:after,.disclaimers #ambima-disclaimer:before {
  display: table;
  content: ''
}

.disclaimers #bovespa {
  width: 6.01562%
}

.disclaimers #anbima {
  width: 14.92188%
}

.disclaimers #anbima-2 {
  width: 17.34375%
}

.disclaimers #cetip {
  width: 5.15625%
}

.disclaimers img.small-seal {
  width: 3.90625%
}

.disclaimers #ambima-disclaimer {
  *zoom:1;width: 100%;
  margin-top: 120px
}

.disclaimers #ambima-disclaimer small {
  *zoom:1;float: left;
  clear: none;
  text-align: inherit;
  width: 74.25%;
  margin-left: 0;
  margin-right: 3%;
  font-size: .6875em;
  color: #939598
}

.disclaimers #ambima-disclaimer small:after {
  clear: both
}

.disclaimers #ambima-disclaimer small:last-child {
  margin-right: 0
}

.disclaimers #ambima-disclaimer ul {
  *zoom:1;float: left;
  clear: none;
  width: 22.75%;
  text-align: right;
  font-size: .6875em;
  margin: 0
}

.disclaimers #ambima-disclaimer ul:after {
  clear: both
}

.disclaimers #ambima-disclaimer ul:last-child {
  margin-right: 0
}

.disclaimers #ambima-disclaimer ul li {
  display: inline-block;
  list-style: none;
  border-right: 1px solid #007bc7;
  margin-left: 1em;
  padding-right: 1em
}

.disclaimers #ambima-disclaimer ul li:last-child {
  border-right: none;
  padding-right: 0
}

.disclaimers #ambima-disclaimer ul li a:hover {
  color: #ffc709
}

#disclaimer-renda-fixa {
  font-family: Arial;
  font-size: .75em;
  color: #6d6e71;
  margin-top: 25px
}

.hold-disclaimer {
  padding-top: 15px
}

.hold-disclaimer>p {
  font-size: .6875em;
  margin: 0;
  text-align: justify
}

.hold-disclaimer>p+p {
  margin-top: 15px
}

@media screen and (max-width: 1280px) {
  .disclaimers #ambima-disclaimer small,.disclaimers #ambima-disclaimer ul {
      display:block;
      clear: both;
      float: none;
      width: 100%;
      margin-left: auto;
      margin-right: auto
  }

  .disclaimers #ambima-disclaimer {
      margin-top: 160px
  }

  .disclaimers #ambima-disclaimer small:first-child {
      margin-left: auto
  }

  .disclaimers #ambima-disclaimer small:last-child {
      margin-right: auto
  }

  .disclaimers #ambima-disclaimer ul:first-child {
      margin-left: auto
  }

  .disclaimers #ambima-disclaimer ul:last-child {
      margin-right: auto
  }

  .disclaimers #ambima-disclaimer ul:first-of-type {
      margin: 0;
      padding: 0
  }

  .disclaimers #ambima-disclaimer ul li {
      float: left
  }

  .disclaimers #ambima-disclaimer ul li:first-of-type {
      margin: 0;
      padding-left: 0
  }

  .disclaimers #ambima-disclaimer small {
      margin-bottom: 1em
  }
}

@media screen and (max-width: 1170px) {
  .disclaimers small {
      width:86%
  }

  .disclaimers .hold-seals {
      padding-top: 30px;
      display: block;
      clear: both;
      overflow: hidden
  }

  .disclaimers #ambima-disclaimer {
      margin-top: 0
  }
}

@media screen and (max-width: 670px) {
  #long-disclaimer {
      width:85.9375%;
      display: block;
      margin-bottom: 1.5em
  }

  .disclaimers .hold-seals {
      padding-top: 0
  }

  .disclaimers #anbima {
      width: 40%
  }

  .disclaimers #anbima-2 {
      width: 47%
  }

  .disclaimers #cetip {
      clear: both;
      margin-bottom: 20px
  }

  .disclaimers #cetip,.disclaimers img.small-seal {
      width: auto
  }

  .disclaimers img {
      margin-right: 1%;
      margin-top: 5px
  }

  .disclaimers img:last-of-type {
      float: left;
      margin-right: 0
  }
}