.l-wrapper {
  max-width: 1024px;
  margin: 0 auto; }

.button, .pager--load-more .pager__item a, .box--hero .box__actions a, .box--copy-text .box__actions a, .box--content .box__actions a {
  display: inline-block;
  line-height: normal;
  padding: 0.4em 0.6em;
  border: 1px solid #888;
  background: #FFF;
  color: #888;
  text-decoration: none;
  box-sizing: border-box; }

.button--primary, .box--hero .box__actions a {
  background: #888;
  border-color: #888;
  color: #FFF; }

.button--cta, .box--hero .box__actions a, .box--copy-text .box__actions a, .box--content .box__actions a {
  display: inline-block;
  padding: 1em 3.5em 1em 1.8em;
  position: relative;
  border-radius: 3px;
  text-decoration: none;
  min-width: 11.2em; }
  .button--cta:after, .box--hero .box__actions a:after, .box--copy-text .box__actions a:after, .box--content .box__actions a:after {
    position: absolute;
    content: '';
    top: 11px;
    right: 15px;
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../images/icons/888/chevron-circle-right.svg);
    background-size: 100%;
    z-index: 2; }
  .button--cta:hover, .box--hero .box__actions a:hover, .box--copy-text .box__actions a:hover, .box--content .box__actions a:hover {
    text-decoration: none; }
  @media (min-width: 0) and (max-width: 380px) {
    .button--cta, .box--hero .box__actions a, .box--copy-text .box__actions a, .box--content .box__actions a {
      width: 100%; } }

.button--cta.button--primary:after, .box--hero .box__actions a:after, .box--copy-text .box__actions a.button--primary:after, .box--content .box__actions a.button--primary:after {
  background-image: url(../../images/icons/fff/chevron-circle-right.svg); }

.read-more a {
  display: inline-block;
  padding-right: 20px;
  background-image: url(../../images/icons/888/arrow-right.svg);
  background-size: 13px 23px;
  background-repeat: no-repeat;
  background-position: 100% 0;
  color: #000; }

.pager--load-more {
  text-align: center;
  margin: 40px 0; }
  .pager--load-more .pager__item a {
    padding: 1em 1.8em 1em 1.8em;
    border-radius: 3px;
    text-decoration: none; }

.addthis_manual {
  margin-bottom: 10px; }

.addthis_manual > a {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 24px;
  height: 24px;
  border-radius: 3px;
  margin-right: 4px;
  background-size: 24px; }

a.facebook {
  background-color: #305891;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M22.439%2010.95h4v-4.95h-4c-3.311%200-6%202.92-6%206.5v2.5h-4v4.97h4v12.03h5v-12.03h5v-4.97h-5v-2.55c0-.86.532-1.5%201-1.5z%22%2F%3E%3C%2Fsvg%3E"); }

a.twitter {
  background-color: #2ca8d2;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M26.67%209.38c-.779.35-1.63.58-2.51.69.9-.54%201.6-1.4%201.92-2.42-.85.5-1.78.87-2.78%201.06-.8-.85-1.94-1.38-3.19-1.38-2.42%200-4.379%201.96-4.379%204.38%200%20.34.04.68.11%201-3.64-.18-6.86-1.93-9.02-4.57-.38.65-.59%201.4-.59%202.2%200%201.52.77%202.86%201.95%203.64-.72-.02-1.39-.22-1.98-.55v.06c0%202.12%201.51%203.89%203.51%204.29-.37.1-.75.149-1.15.149-.28%200-.56-.029-.82-.08.56%201.74%202.17%203%204.09%203.041-1.5%201.17-3.39%201.869-5.44%201.869-.35%200-.7-.02-1.04-.06%201.94%201.239%204.24%201.97%206.71%201.97%208.049%200%2012.45-6.67%2012.45-12.45l-.01-.57c.839-.619%201.579-1.389%202.169-2.269z%22%2F%3E%3C%2Fsvg%3E"); }

a.linkedin {
  background-color: #0077b5;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%3Ctitle%3Eicons%2FSVG%2Flinkedin%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cpath%20d%3D%22M26%2025.963h-4.186v-6.55c0-1.562-.027-3.571-2.175-3.571-2.179%200-2.511%201.702-2.511%203.46v6.661h-4.181v-13.468h4.012v1.841h.058c.558-1.059%201.924-2.175%203.96-2.175%204.239%200%205.022%202.789%205.022%206.416v7.386zm-17.771-15.308c-1.344%200-2.429-1.087-2.429-2.428%200-1.34%201.084-2.427%202.429-2.427%201.339%200%202.426%201.087%202.426%202.427%200%201.341-1.087%202.428-2.426%202.428zm-2.096%201.84h4.19v13.468h-4.19v-13.468z%22%20sketch%3Atype%3D%22MSShapeGroup%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }

.box, .box--hero, .box--copy-text, .box--content, .box--menu {
  position: relative;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  font-size: 1rem;
  margin-bottom: 30px;
  z-index: 0; }
  .box .box__title, .box--hero .box__title, .box--copy-text .box__title, .box--content .box__title, .box--menu .box__title {
    margin: 0 0 10px 0;
    color: #000;
    font-weight: normal; }
  .box ul li, .box--hero ul li, .box--copy-text ul li, .box--content ul li, .box--menu ul li {
    margin: 5px 0;
    line-height: 1.3em; }

.box__content-action a {
  display: inline-block;
  padding-right: 20px;
  background-image: url(../../images/icons/fff/arrow-right.svg);
  background-size: 13px 17px;
  background-repeat: no-repeat;
  background-position: 100% 75%; }

.box__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }

.box--hero {
  color: #FFF;
  position: relative; }
  .box--hero .box__background {
    background-color: #000; }
  .box--hero .box__title {
    font-size: 28px;
    color: #FFF;
    margin-bottom: 25px;
    line-height: 1.1em; }
  .box--hero .box__content {
    margin-bottom: 70px;
    overflow: hidden;
    height: auto; }
  .box--hero .box__actions {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px; }
  .box--hero a {
    color: #FFF; }

.box--twoButtons .box__content {
  margin-bottom: 140px; }

.box--twoButtons .box__actions a:last-child {
  margin-top: 18px; }

@media (min-width: 700px) {
  .box--copy-text {
    padding-top: 0; } }

.box--copy-text:only-of-type {
  padding: 0; }

.box--copy-text .box__content {
  overflow: hidden; }

.box--copy-text .box__actions {
  text-align: center; }

.l-landingpage__row.left .box--copy-text .box__content,
.l-landingpage__row.left .box--copy-text .box__actions {
  text-align: left; }
  @media all and (max-width: 500px) {
    .l-landingpage__row.left .box--copy-text .box__content,
    .l-landingpage__row.left .box--copy-text .box__actions {
      margin-bottom: 30px; } }

.l-landingpage__row.center .box--copy-text .box__content,
.l-landingpage__row.center .box--copy-text .box__actions {
  text-align: center; }

.l-landingpage__row.right .box--copy-text .box__content,
.l-landingpage__row.right .box--copy-text .box__actions {
  text-align: right; }

.box--content {
  position: relative;
  height: auto !important; }
  .box--content .box__title {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.2em;
    color: #000;
    margin-bottom: 25px; }
  .box--content .box__content {
    margin-bottom: 70px;
    overflow: hidden; }
    .box--content .box__content .box__content-action a {
      background-image: url(../../images/icons/888/arrow-right.svg); }
  .box--content .box__actions {
    position: absolute;
    bottom: 20px;
    left: 20px; }

.underline {
  border-bottom: 1px solid #FFF; }

.no-margin {
  margin: 0px; }

.l-landingpage__row .l-wrapper.no-margin .landingpage__row-title {
  padding-bottom: 20px; }

.l-landingpage__row .l-wrapper.no-margin .box--hero .box__content {
  margin-bottom: 0px;
  overflow: hidden;
  overflow-x: auto; }

.box--menu .box__content a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #e6e2de;
  color: #938e89;
  text-decoration: none; }

.box--carousel {
  padding: 20px 50px; }

@media (max-width: 700px) {
  .box, .box--hero, .box--copy-text, .box--content, .box--menu {
    padding: 0px; }
    .box.box--hero, .box--hero {
      padding: 20px 20px;
      margin: 20px 0px; }
  .box--content {
    padding: 0px;
    margin: 0px; }
    .box--content .box__content {
      padding: 0px;
      margin: 0; }
    .box--content .box__actions {
      position: relative;
      left: auto;
      bottom: auto;
      margin-bottom: 30px; } }

/*# sourceMappingURL=../components/box.css.map */