/*
 *       RBR Homepage
 *       SASS Managed, do not edit css directly
 */
.header {
  float: right;
  width: 23rem; }
  .header div.col1 {
    width: 12rem;
    float: left;
    margin-left: 0; }
  .header div.col2 {
    width: 50%;
    float: right; }

.main {
  width: 57.4375rem;
  background-position: 0 2.25rem;
  background-repeat: no-repeat;
  padding-left: 4.1875rem;
  margin-left: 0; }
  .main article {
    margin-right: 0;
    margin-top: 0; }
  .main main {
    width: 43.125rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: -0.3125rem; }

.wrapper {
  background-position: right top;
  background-color: #373736;
  background-image: url("img/homepage-backgroundv3.png");
  background-size: 27.4375rem 1.4375rem; }

.nav a {
  color: #9f9f9e; }
  .nav a:hover {
    color: #fff; }

.logo {
  margin-right: 2.8125rem; }

.logo img {
  margin-right: 0;
  float: right;
  width: 8rem;
  height: 7.3125rem; }

.outerWrapper {
  background-position: right top;
  background-color: #373736;
  background-image: url("img/homepage-backgroundv3.png");
  background-size: 27.4375rem 1.4375rem;
  width: 85.375rem; }

.container {
  position: fixed;
  background-image: url("img/container-background-home-794px.png");
  background-size: 49.625rem 118.125rem; }

.news {
  width: 15.75rem;
  border-style: none;
  float: right;
  padding-left: 4.25rem;
  min-height: 100vh; }
  .news h2 {
    background-image: url("img/news-column-separator-rule.png");
    background-size: 15.75rem 0.0625rem;
    background-position: left bottom;
    background-repeat: no-repeat;
    font-family: "Humanist521BT-Light", sans-serif;
    font-weight: bold;
    margin-bottom: 0;
    margin-left: -1.9375rem;
    margin-top: 5.1875rem;
    padding-left: 2rem; }
    .news h2.secondary {
      margin-top: 2.375rem; }
  .news .item {
    background-image: url("img/news-column-separator-rule.png");
    background-position: left bottom;
    background-size: 15.75rem 0.0625rem;
    background-repeat: no-repeat;
    margin-left: -1.9375rem;
    margin-top: 0;
    overflow: hidden;
    padding-bottom: 1.25rem;
    padding-left: 2.125rem; }
    .news .item h3 {
      font-size: 0.9375rem;
      font-weight: bold;
      float: left;
      line-height: 1.1875rem;
      font-family: 'Humanist521BT-Roman', Sans-Serif;
      max-width: 12rem; }
    .news .item a span {
      color: #373736;
      font-size: 0.9375rem;
      font-weight: normal;
      font-family: "Humanist521BT-Light", Sans-Serif; }
    .news .item img {
      width: 11.6875rem;
      margin-top: 0;
      text-align: left;
      float: left;
      clear: both; }

.news a:hover {
  opacity: 0.5; }

.sidebar .widget_nav_menu {
  margin-top: 13.8125rem;
  margin-right: 2.5rem; }
  .sidebar .widget_nav_menu li a {
    color: #9f9f9e; }
    .sidebar .widget_nav_menu li a:hover {
      color: #fff; }

.intro {
  width: 42.875rem; }
  .intro h1 {
    color: #f9b233;
    background-image: none;
    margin-top: 4.3125rem;
    padding-bottom: 0;
    width: 100%; }
  .intro p {
    color: #c7c8c7; }
  .intro img,
  .intro a img {
    background-image: url("img/panel-1-background-white.png");
    height: auto;
    margin-left: -2.0625rem;
    padding: 0.9375rem 1.5625rem 0.9375rem 2rem;
    width: 50rem;
    background-size: 100%;
    background-repeat: no-repeat; }

article .panel1 {
  width: 43rem;
  height: 15.5rem;
  margin-top: 1.875rem;
  padding: 0.625rem 1.25rem 0 1.75rem;
  margin-left: -2.125rem; }
  article .panel1.white {
    background-image: url("img/panel-1-background-white.png");
    background-size: 43.3125rem 15.375rem; }
  article .panel1 .content {
    margin-left: auto;
    margin-right: auto;
    width: 39.1875rem;
    padding: 0; }
    article .panel1 .content img {
      padding: 0; }

article .panel2,
article .panel3 {
  width: 20.3125rem;
  max-width: 20.3125rem;
  height: 12.375rem;
  margin-top: 1.875rem;
  float: left; }

article .panel2 img,
article .panel3 img {
  width: 17.375rem;
  max-width: 17.375rem;
  height: 11.75rem; }

article .panel2 {
  margin-left: -1.8125rem; }

article .panel2.orange,
article .panel3.orange {
  background-image: url("img/panel-2-background-orange.png");
  background-size: 20.4375rem 12.5625rem; }

article .panel2.green,
article .panel3.green {
  background-image: url("img/panel-2-background-green.png");
  background-size: 20.4375rem 12.5625rem; }

article .panel2 div.carousel,
article .panel3 div.carousel {
  margin-top: 0.25rem; }

article .panel3 {
  margin-left: 2.375rem; }

.slick-dots li button::before {
  color: #b3b2b2; }

.slick-dots li.slick-active button::before {
  color: #fff;
  opacity: 0.75; }

.text.row {
  background-image: url("img/panel-1-background-white.png");
  background-repeat: no-repeat;
  height: auto; }

.text.row h2 {
  margin-top: -0.625rem;
  font-size: 1.0625rem;
  margin-bottom: 0.3125rem; }

.text.row .text.column-1 h2 {
  color: #9cc657; }

.text.row .text.column-2 h2 {
  color: #f15b3a; }

.text.row .text.column-3 h2 {
  color: #4888c7; }

.text.row p {
  font-size: 0.875rem;
  color: #f3f3f4;
  margin: 0;
  padding: 0;
  width: 100%;
  line-height: 1.125rem; }

@media only screen and (max-width: 1692px) {
  html {
    font-size: 15px; } }

/* Smaller Desktop 1 */
@media only screen and (max-width: 1384px) {
  html {
    font-size: 14px; } }

/* Smaller Desktop 2 */
@media only screen and (max-width: 1210px) {
  html {
    font-size: 13px; }
  .nav {
    padding-right: 1.125rem; }
  .sidebar .widget_nav_menu {
    margin-right: 2.6875rem; }
  div.social {
    margin-right: 2.625rem; }
  .wrapper {
    background-size: 27.6875rem 1.4375rem; } }

/* Smaller Desktop 3 */
@media only screen and (max-width: 1130px) {
  html {
    font-size: 12px; }
  .nav {
    padding-right: 1.125rem; }
  .sidebar .widget_nav_menu {
    margin-right: 2.6875rem; }
  div.social {
    margin-right: 2.625rem; }
  .wrapper {
    background-size: 27.6875rem 1.4375rem; } }

/* Smaller Desktop 4 */
@media only screen and (max-width: 1045px) {
  html {
    font-size: 11px; }
  .wrapper {
    background-size: 27.5625rem 1.4375rem; } }

/* Smaller Desktop 5 */
@media only screen and (max-width: 960px) {
  html {
    font-size: 10px; }
  .wrapper {
    background-size: 27.9375rem 1.4375rem; } }

/* Smaller Desktop 6 */
@media only screen and (max-width: 860px) {
  html {
    font-size: 9px; }
  .wrapper {
    background-size: 27.9375rem 1.4375rem; } }

/* Desktop with less height */
@media only screen and (max-height: 914px) and (min-width: 820px) {
  .home .header .col1 {
    position: absolute; }
  .home .container,
  .home .main.fixed {
    position: static; } }

/* Mobile version */
@media only screen and (max-width: 812px) {
  html {
    font-size: 14px; }
  .home .container {
    position: static; }
  .home .header .col1 {
    background-image: none;
    width: 100%;
    background-color: transparent; }
    .home .header .col1.mobile-nav-is-active {
      background-color: #3c3c3b;
      padding-right: 0.9375rem; }
    .home .header .col1 .logo {
      margin: 0 0.9375rem 0 0; }
  .home .main {
    position: static;
    width: 100%;
    padding-left: 3.125rem;
    margin-bottom: 2.0625rem; }
    .home .main main {
      width: 100%;
      left: 0;
      position: static; }
      .home .main main article {
        padding-left: 0; }
        .home .main main article .panel2 {
          margin-left: -0.9375rem; }
        .home .main main article .panel3 {
          float: right;
          margin-right: 1.4375rem; }
        .home .main main article .panel2 img,
        .home .main main article .panel3 img {
          width: 16.25rem;
          height: auto; }
      .home .main main .intro {
        width: 100%; }
        .home .main main .intro h1 {
          margin-top: 0;
          width: 100%; }
        .home .main main .intro img {
          position: relative;
          left: 0.9375rem;
          width: 100%; }
  .home .outerWrapper {
    background-image: none;
    width: 100vw; }
  .home .wrapper {
    background-image: none;
    padding-bottom: 0; }
  .home .news {
    width: 100vw;
    background-color: #fff;
    margin-right: -0.9375rem; }
    .home .news h2 {
      margin-top: 1.25rem;
      margin-left: -4.875rem;
      background-size: 100% 0.0625rem;
      margin-bottom: 1.25rem; }
    .home .news h3 {
      max-width: 100%; }
    .home .news .item {
      margin-left: -4.375rem;
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
      background-size: 100% 0.0625rem;
      padding-left: 1.6875rem;
      padding-right: 1.6875rem; }
      .home .news .item h3,
      .home .news .item a span {
        font-size: 1.1875rem;
        line-height: 1.4; }
    .home .news .twitter-timeline {
      margin-left: -3.4375rem;
      position: relative; } }

@media only screen and (max-width: 675px) {
  .home .main {
    padding-bottom: 0;
    margin-bottom: 0; }
    .home .main main {
      padding-bottom: 0;
      margin-bottom: 0; }
      .home .main main article .panel2,
      .home .main main article .panel3 {
        float: none;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        left: -0.9375rem;
        width: 100%;
        background-image: none;
        height: auto;
        margin-top: 1.875rem;
        max-width: 100%; }
        .home .main main article .panel2 img,
        .home .main main article .panel3 img {
          width: 100%;
          max-width: 100%; }
      .home .main main article .panel3 {
        margin-top: 3.75rem; } }

@media only screen and (max-width: 360px) {
  html {
    font-size: 13px; } }

@media only screen and (max-width: 315px) {
  html {
    font-size: 12px; } }

@media only screen and (max-width: 285px) {
  html {
    font-size: 11px; } }