@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic);
.clear {
  clear: both;
  display: block;
  content: '';
}
.cs-white {
  background-color: white;
  color: #4c4f50;
}
.cs-tile {
  background-color: #4c4f50;
  color: white;
}
.cs-ruby {
  background-color: #ae1f24;
  color: white;
}
body {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4c4f50;
  font-weight: 300;
  height: 100%;
  background: #fafafa;
  opacity: 0;
}
.wrapper {
  width: 80%;
  height: 100%;
  max-width: 1280px;
  margin: 0 auto;
  background-repeat: no-repeat;
}
.wrapper:after {
  clear: both;
  display: block;
  content: '';
}
.row {
  width: 100%;
}
.row .col {
  float: left;
}
.row .width3 {
  width: 3%;
  height: 100%;
}
.row .width4 {
  width: 4%;
}
.row .width5 {
  width: 5%;
}
.row .width8-6 {
  width: 8.6%;
}
.row .width10 {
  width: 10%;
}
.row .width20 {
  width: 20%;
}
.row .width22 {
  width: 23%;
}
.row .width25 {
  width: 25%;
}
.row .width30 {
  width: 30%;
}
.row .width35 {
  width: 35%;
}
.row .width40 {
  width: 40%;
}
.row .width45 {
  width: 45%;
}
.row .width45-7 {
  width: 45.7%;
}
.row .width50 {
  width: 50%;
}
.row .width60 {
  width: 60%;
}
.row .width70 {
  width: 70%;
}
.row .width75 {
  width: 75%;
}
.row .width100 {
  width: 100%;
}
.row:after {
  clear: both;
  display: block;
  content: '';
}
.menu-top {
  position: relative;
}
.menu-top .lang {
  display: block;
  position: absolute;
  right: 0;
  top: 20px;
  width: 2.5%;
}
.menu-top .lang>img {
  display: block;
  width: 100%;
}
.menu-top .logo {
  float: left;
  width: 300px;
}
.menu-top .logo img {
  width: 80%;
}
.menu-top ul {
  float: right;
}
.menu-top ul li {
  display: inline-block;
}
.menu-top ul:after {
  clear: both;
  display: block;
  content: '';
}
.menu-top:after {
  clear: both;
  display: block;
  content: '';
}
.page-area {
  width: 100%;
  float: right;
  position: relative;
}
.page-area .page {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  padding-bottom: 8em;
}
.page-area .page .menu-left {
  width: 25%;
  float: left;
}
.page-area .page .editorial-content {
  width: 70%;
  float: right;
}
.page-area .page .editorial-content.full-width {
  width: 100%;
}
.page-area .page:after {
  clear: both;
  display: block;
  content: '';
}
.menu-top {
  padding: 3em 0 0 0;
  border-bottom: #e6e7e8 1px solid;
  position: relative;
}
.menu-top ul li {
  padding-left: 2em;
}
.menu-top ul li a {
  display: block;
  text-transform: uppercase;
  font-size: 120%;
  padding: 2em 0;
  color: #4c4f50;
  text-decoration: none;
  transition: color .5s;
  -moz-transition: color .5s;
  -webkit-transition: color .5s;
  -ms-transition: color .5s;
  -o-transition: color .5s;
}
.menu-top ul li a:hover,
.menu-top ul li a.selected {
  color: #ae1f24;
}
.menu-top .menu-open {
  display: none;
}
.menu-top .cursor {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 12px;
  width: 12px;
  background-color: #cc2027;
  border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  transition: left .5s;
  -moz-transition: left .5s;
  -webkit-transition: left .5s;
  -ms-transition: left .5s;
  -o-transition: left .5s;
}
.boxes {
  display: table-row;
}
.boxes .col {
  display: table-cell;
  float: none;
}
.boxes .box {
  border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
}
.boxes .box .inner {
  padding: 0 2em 1em 2em;
}
.boxes .box .inner p {
  text-align: left;
}
.boxes .graybox {
  background-color: #f3f4f4;
}
.boxes .redbox {
  background-color: #cc2027;
}
.boxes .redbox h1,
.boxes .redbox h2,
.boxes .redbox h3,
.boxes .redbox h4,
.boxes .redbox h5,
.boxes .redbox h6,
.boxes .redbox p,
.boxes .redbox ul,
.boxes .redbox ol,
.boxes .redbox a,
.boxes .redbox td,
.boxes .redbox th {
  color: white;
}
.editorial-content h1 {
  text-transform: uppercase;
  color: #cc2027;
  text-align: left;
  font-size: 220%;
  padding: 1.5em 0 1em 0;
}
.editorial-content h2 {
  text-transform: uppercase;
  color: #4c4f50;
  font-size: 198%;
  padding: 1em 0 1em 0;
}
.editorial-content h3 {
  text-transform: uppercase;
  color: #ae1f24;
  font-size: 176%;
  padding: 0.5em 0 0.5em 0;
}
.editorial-content h4 {
  text-transform: uppercase;
  color: #ae1f24;
  font-size: 154%;
  padding: 1em 0 1em 0;
}
.editorial-content h5 {
  text-transform: uppercase;
  color: #c57d83;
  font-size: 132%;
  padding: 0 0 1em 0;
  font-weight: 400;
}
.editorial-content h6 {
  text-transform: uppercase;
  color: #bec6ca;
  font-size: 110%;
  padding: 1em 0 1em 0;
  font-weight: 700;
}
.editorial-content p,
.editorial-content ul,
.editorial-content ol {
  text-align: justify;
  line-height: 1.6em;
  margin-bottom: 1em;
}
.editorial-content p:first-child {
  text-indent: 2em;
}
.editorial-content p i.fa {
  margin-right: 0.5em;
}
.editorial-content ul li .subtitle,
.editorial-content ol li .subtitle {
  color: #ae1f24;
  font-size: 115%;
}
.editorial-content ul {
  margin-left: 2em;
}
.editorial-content ul li:before {
  content: ">";
  padding: 0 0.5em 0 0;
  color: #cc2027;
}
.editorial-content ol {
  margin-left: 2.9em;
}
.editorial-content ol li {
  list-style-type: decimal;
}
.editorial-content .bigger {
  font-size: 120%;
  text-indent: 0em !important;
}
.editorial-content strong,
.editorial-content b,
.editorial-content i,
.editorial-content em {
  font-size: inherit;
}
.editorial-content a {
  color: #cc2027;
  background-color: transparent;
  text-decoration: none;
  border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}
.editorial-content a:hover {
  background-color: #cc2027;
  padding: 0 0.3em;
  color: white;
}
.list-left li {
  padding: 0.5em 0;
  border-bottom: #cccecf 1px solid;
}
.page#home {
  width: 86%;
  right: 7%;
}
.page#home .editorial-content {
  padding-top: 17%;
}
#team-list {
  margin-top: 0.4em;
  margin-left: 0;
}
#team-list li {
  cursor: pointer;
}
#team-list li .name {
  display: block;
  text-transform: uppercase;
  font-size: 120%;
  transition: color .5s;
  -moz-transition: color .5s;
  -webkit-transition: color .5s;
  -ms-transition: color .5s;
  -o-transition: color .5s;
}
#team-list li .position {
  display: block;
  color: #b2b5b6;
  font-weight: 400;
}
#team-list li:hover .name {
  color: #cc2027;
}
#team-list li.current .name {
  color: #cc2027;
}
#team-list li:before {
  display: none;
}
.team-bios-list .team-bio {
  border-bottom: #e6e7e8 1px solid;
}
.team-bios-list .team-bio img {
  float: right;
  max-height: 110px;
  border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  margin: 0 2em 0 2em;
}
.team-bios-list .team-bio h3 {
  color: #4c4f50;
  font-size: 115%;
  padding: 0.8em 0;
}
.team-bios-list .team-bio h3 span.position {
  color: #b2b5b6;
}
.team-bios-list .team-bio h3 .fa {
  color: #cccecf;
  margin-right: 0.5em;
  transition: color .5s;
  -moz-transition: color .5s;
  -webkit-transition: color .5s;
  -ms-transition: color .5s;
  -o-transition: color .5s;
}
.team-bios-list .team-bio h3 .fa:hover {
  color: #cc2027;
}
.team-bios-list .team-bio h3:hover .fa {
  color: #cc2027;
}
.team-bios-list .team-bio .info {
  padding: 0;
}
.team-bios-list .team-bio .info .phone {
  margin-right: 2em;
}
.team-bios-list .team-bio:after {
  clear: both;
  display: block;
  content: '';
}
.team-bios-list .team-bio.open h3 {
  color: #cc2027;
}
.team-bios-list .team-bio.open h3 .fa {
  color: #cc2027;
}
.team-bios-list .component-accordion .trigger {
  cursor: pointer;
}
.team-bios-list .component-accordion .content {
  display: none;
}
.portraits-line {
  padding-bottom: 3em;
  text-align: center;
}
.portraits-line .portrait {
  cursor: pointer;
  display: inline-block;
  width: 15%;
  margin: 0 2% 0 2%;
}
.portraits-line .portrait .portrait-img {
  display: block;
  width: 100%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  box-shadow: 1px 2px 4px gray;
  -moz-box-shadow: 1px 2px 4px gray;
  -webkit-box-shadow: 1px 2px 4px gray;
  -o-box-shadow: 1px 2px 4px gray;
  -ms-box-shadow: 1px 2px 4px gray;
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}
.portraits-line .portrait .portrait-img:hover,
.portraits-line .portrait .portrait-img.open {
  opacity: 1;
}
.portraits-line:after {
  clear: both;
  display: block;
  content: '';
}
.quote-jb {
  font-family: 'Droid Serif', Georgia, Times, serif;
  font-style: italic;
  font-size: 120%;
  text-align: center;
  padding: 0 0 2em 0;
  width: 70%;
  margin: 0 auto;
  line-height: 1.5em;
}
#img_corporate {
  display: block;
  width: 90%;
}
#img_investment {
  display: block;
  width: 90%;
}
#img_team {
  display: block;
  width: 100%;
}
@media screen and (max-width: 959px) {
  body {
    padding-top: 5em;
    font-size: 14px;
  }
  #home.page {
    right: 0;
    width: 100%;
  }
  #home.page .editorial-content {
    padding-top: 30%;
  }
  .page .editorial-content h1 {
    font-size: 200%;
  }
  .page .editorial-content h2 {
    font-size: 160%;
  }
  .row .col,
  .row .width5,
  .row .width10,
  .row .width20,
  .row .width25,
  .row .width30,
  .row .width35,
  .row .width40,
  .row .width45,
  .row .width60,
  .row .width75 {
    width: 100%;
  }
  .page-area .page {
    display: block;
    position: initial;
    top: 0;
    left: 0;
    padding: 3em 0 0 0;
  }
  .page-area .page .menu-left {
    display: none;
  }
  .page-area .page .editorial-content {
    width: 100%;
    padding-bottom: 4em;
  }
  .page-area .page .editorial-content p {
    text-align: left;
  }
  .page:after {
    height: 1px;
    background: #aaaaaa;
    display: block;
    width: 100%;
    content: "";
  }
  .boxes {
    display: block;
  }
  .boxes .col {
    display: block;
  }
  .boxes .box {
    margin: 0 0 1em 0;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    -ms-border-radius: 3px 3px 3px 3px;
  }
  .menu-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 4px grey;
    -moz-box-shadow: 0 0 4px grey;
    -webkit-box-shadow: 0 0 4px grey;
    -o-box-shadow: 0 0 4px grey;
    -ms-box-shadow: 0 0 4px grey;
    z-index: 999;
    background-color: white;
    padding: 0;
    transition: padding 0.5s;
    -moz-transition: padding 0.5s;
    -webkit-transition: padding 0.5s;
    -ms-transition: padding 0.5s;
    -o-transition: padding 0.5s;
  }
  .menu-top .lang {
    left: 15px;
    top: 25px;
    width: 10%;
  }
  .menu-top .lang>img {
    display: block;
    width: 100%;
  }
  .menu-top .logo {
    float: none;
    width: 100%;
    max-width: 300px;
  }
  .menu-top .logo img {
    display: block;
    margin: 1em auto;
    max-width: 50%;
  }
  .menu-top ul {
    float: none;
    display: none;
  }
  .menu-top ul li {
    display: block;
    margin: 0;
    padding: 0;
  }
  .menu-top ul li a {
    padding: 1em 0;
    text-align: center;
    border-bottom: #f3f4f4 1px solid;
  }
  .menu-top ul:after {
    clear: both;
    display: block;
    content: '';
  }
  .menu-top .cursor {
    opacity: 0;
  }
  .menu-top .menu-open {
    display: block;
    position: absolute;
    right: 0.7em;
    top: 0.7em;
    font-size: 180%;
    color: #cc2027;
    cursor: pointer;
    border: none;
    background: none;
  }
  .menu-top.open {
    padding: 3em 0;
  }
  .quote-jb {
    width: auto;
    font-size: 100%;
  }
  .portraits-line {
    display: none;
  }
  .team-bios-list .team-bio {
    display: block;
  }
  .team-bios-list .team-bio img {
    float: right;
    width: 25%;
    margin: 1.5em 0 1em 1em;
  }
  .team-bios-list .team-bio h3 {
    font-size: 110%;
  }
  .col #img_corporate,
  .col #img_investment,
  .col #img_team {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .wrapper {
    width: 90%;
  }
  #home.page .editorial-content {
    padding-top: 18%;
  }
}
@media screen and (min-width: 1600px) {
  body {
    font-size: 15px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1200px) {
  .menu-top .logo {
    float: left;
    width: 200px;
  }
  .menu-top .logo img {
    width: 100%;
    padding-top: 0.5em;
  }
}