/* Layout objects (o-). */

.o-wrapper {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
}

.o-wrapper:after {
  content: ""!important;
  display: block!important;
  clear: both!important;
}

@media (min-width:30em) {
  .o-wrapper {
    padding-right: 24px;
    padding-left: 24px;
  }
}

.o-layout {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -24px;
  font-size: 0;
}

.o-layout__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding-left: 24px;
  font-size: 16px;
  font-size: 1rem;
}

.o-layout--flush {
  margin-left: 0;
}

.o-layout--flush>.o-layout__item {
  padding-left: 0;
}

.o-layout--tiny {
  margin-left: -6px;
}

.o-layout--tiny>.o-layout__item {
  padding-left: 6px;
}

.o-layout--small {
  margin-left: -12px;
}

.o-layout--small>.o-layout__item {
  padding-left: 12px;
}

.o-layout--large {
  margin-left: -48px;
}

.o-layout--large>.o-layout__item {
  padding-left: 48px;
}

.o-layout--huge {
  margin-left: -96px;
}

.o-layout--huge>.o-layout__item {
  padding-left: 96px;
}

.o-layout--middle>.o-layout__item {
  vertical-align: middle;
}

.o-layout--bottom>.o-layout__item {
  vertical-align: bottom;
}

.o-layout--stretch {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.o-layout--stretch,
.o-layout--stretch>.o-layout__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.o-layout--center {
  text-align: center;
}

.o-layout--center>.o-layout__item {
  text-align: left;
}

.o-layout--right {
  text-align: right;
}

.o-layout--left,
.o-layout--left>.o-layout__item,
.o-layout--right>.o-layout__item {
  text-align: left;
}

.o-layout--reverse {
  direction: rtl;
}

.o-layout--reverse>.o-layout__item {
  direction: ltr;
}

.o-layout--auto>.o-layout__item {
  width: auto;
}

.o-layout--flex {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.o-layout--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.o-layout--flex .o-layout__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.o-layout--middle.o-layout--flex {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.o-layout--bottom.o-layout--flex {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.o-layout--right.o-layout--flex {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.o-layout--center.o-layout--flex {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.o-layout--between.o-layout--flex {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.o-layout--around.o-layout--flex {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.o-layout--evenly.o-layout--flex {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.o-media {
  display: block;
}

.o-media:after {
  content: ""!important;
  display: block!important;
  clear: both!important;
}

.o-media__img {
  float: left;
  margin-right: 24px;
}

.o-media__img>img {
  display: block;
}

.o-media__body {
  overflow: hidden;
  display: block;
}

.o-media__body,
.o-media__body>:last-child {
  margin-bottom: 0;
}

.o-media--flush>.o-media__img {
  margin-right: 0;
  margin-left: 0;
}

.o-media--tiny>.o-media__img {
  margin-right: 6px;
}

.o-media--tiny.o-media--reverse>.o-media__img {
  margin-right: 0;
  margin-left: 6px;
}

.o-media--small>.o-media__img {
  margin-right: 12px;
}

.o-media--small.o-media--reverse>.o-media__img {
  margin-right: 0;
  margin-left: 12px;
}

.o-media--large>.o-media__img {
  margin-right: 48px;
}

.o-media--large.o-media--reverse>.o-media__img {
  margin-right: 0;
  margin-left: 48px;
}

.o-media--huge>.o-media__img {
  margin-right: 96px;
}

.o-media--huge.o-media--reverse>.o-media__img {
  margin-right: 0;
  margin-left: 96px;
}

.o-media--reverse>.o-media__img {
  float: right;
  margin-right: 0;
  margin-left: 24px;
}

@media screen and (max-width:768px) {
  .o-media--responsive>.o-media__img {
    float: none;
    margin-right: 0;
    margin-bottom: 24px;
    margin-left: 0;
  }

  .o-media--responsive.o-media--tiny>.o-media__img {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 6px;
  }

  .o-media--responsive.o-media--small>.o-media__img {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 12px;
  }

  .o-media--responsive.o-media--large>.o-media__img {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 48px;
  }

  .o-media--responsive.o-media--huge>.o-media__img {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 96px;
  }
}

.o-flag {
  display: table;
  width: 100%;
  border-spacing: 0;
}

.o-flag__body,
.o-flag__img {
  display: table-cell;
  vertical-align: middle;
}

.o-flag__img {
  width: 1px;
  padding-right: 24px;
}

.o-flag__img>img {
  max-width: none;
}

.o-flag__body {
  width: auto;
}

.o-flag__body,
.o-flag__body>:last-child {
  margin-bottom: 0;
}

.o-flag--flush>.o-flag__img {
  padding-right: 0;
  padding-left: 0;
}

.o-flag--tiny>.o-flag__img {
  padding-right: 6px;
}

.o-flag--tiny.o-flag--reverse>.o-flag__img {
  padding-right: 0;
  padding-left: 6px;
}

.o-flag--small>.o-flag__img {
  padding-right: 12px;
}

.o-flag--small.o-flag--reverse>.o-flag__img {
  padding-right: 0;
  padding-left: 12px;
}

.o-flag--large>.o-flag__img {
  padding-right: 48px;
}

.o-flag--large.o-flag--reverse>.o-flag__img {
  padding-right: 0;
  padding-left: 48px;
}

.o-flag--huge>.o-flag__img {
  padding-right: 96px;
}

.o-flag--huge.o-flag--reverse>.o-flag__img {
  padding-right: 0;
  padding-left: 96px;
}

.o-flag--reverse {
  direction: rtl;
}

.o-flag--reverse>.o-flag__body,
.o-flag--reverse>.o-flag__img {
  direction: ltr;
}

.o-flag--reverse>.o-flag__img {
  padding-right: 0;
  padding-left: 24px;
}

.o-flag--top>.o-flag__body,
.o-flag--top>.o-flag__img {
  vertical-align: top;
}

.o-flag--bottom>.o-flag__body,
.o-flag--bottom>.o-flag__img {
  vertical-align: bottom;
}

.o-list-bare {
  list-style: none;
}

.o-list-bare,
.o-list-bare__item {
  margin-left: 0;
}

.o-list-inline {
  margin-left: 0;
  list-style: none;
}

.o-list-inline__item {
  display: inline-block;
}

.o-box {
  display: block;
  padding: 24px;
}

.o-box:after {
  content: ""!important;
  display: block!important;
  clear: both!important;
}

.o-box>:last-child {
  margin-bottom: 0;
}

.o-box--flush {
  padding: 0;
}

.o-box--tiny {
  padding: 6px;
}

.o-box--small {
  padding: 12px;
}

.o-box--large {
  padding: 48px;
}

.o-box--huge {
  padding: 96px;
}

@media (min-width:30em) {
  .o-box\@mobile {
    padding: 24px;
  }

  .o-box--tiny\@mobile {
    padding: 6px;
  }

  .o-box--small\@mobile {
    padding: 12px;
  }

  .o-box--large\@mobile {
    padding: 48px;
  }

  .o-box--huge\@mobile {
    padding: 96px;
  }

  .o-box--flush\@mobile {
    padding: 0;
  }
}

@media (min-width:48em) {
  .o-box\@tablet {
    padding: 24px;
  }

  .o-box--tiny\@tablet {
    padding: 6px;
  }

  .o-box--small\@tablet {
    padding: 12px;
  }

  .o-box--large\@tablet {
    padding: 48px;
  }

  .o-box--huge\@tablet {
    padding: 96px;
  }

  .o-box--flush\@tablet {
    padding: 0;
  }
}

@media (min-width:67.5em) {
  .o-box\@desktop {
    padding: 24px;
  }

  .o-box--tiny\@desktop {
    padding: 6px;
  }

  .o-box--small\@desktop {
    padding: 12px;
  }

  .o-box--large\@desktop {
    padding: 48px;
  }

  .o-box--huge\@desktop {
    padding: 96px;
  }

  .o-box--flush\@desktop {
    padding: 0;
  }
}

@media (min-width:81.25em) {
  .o-box\@wide {
    padding: 24px;
  }

  .o-box--tiny\@wide {
    padding: 6px;
  }

  .o-box--small\@wide {
    padding: 12px;
  }

  .o-box--large\@wide {
    padding: 48px;
  }

  .o-box--huge\@wide {
    padding: 96px;
  }

  .o-box--flush\@wide {
    padding: 0;
  }
}

.o-block {
  display: block;
  text-align: center;
}

.o-block__img {
  margin-bottom: 24px;
}

.o-block--flush>.o-block__img {
  margin-bottom: 0;
}

.o-block--tiny>.o-block__img {
  margin-bottom: 6px;
}

.o-block--small>.o-block__img {
  margin-bottom: 12px;
}

.o-block--large>.o-block__img {
  margin-bottom: 48px;
}

.o-block--huge>.o-block__img {
  margin-bottom: 96px;
}

.o-block__body {
  display: block;
}

.o-block--right {
  text-align: right;
}

.o-block--left {
  text-align: left;
}

.o-ratio {
  position: relative;
  display: block;
  overflow: hidden;
}

.o-ratio:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}

.o-ratio>embed,
.o-ratio>iframe,
.o-ratio>object,
.o-ratio__content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.o-ratio--2\:1:before {
  padding-bottom: 50%;
}

.o-ratio--4\:3:before {
  padding-bottom: 75%;
}

.o-ratio--16\:9:before {
  padding-bottom: 56.25%;
}

.o-crop {
  position: relative;
  display: block;
  overflow: hidden;
}

.o-crop__content {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
}

.o-crop__content--right {
  right: 0;
  left: auto;
}

.o-crop__content--bottom {
  top: auto;
  bottom: 0;
}

.o-crop__content--center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.o-crop--2\:1 {
  padding-bottom: 50%;
}

.o-crop--4\:3 {
  padding-bottom: 75%;
}

.o-crop--16\:9 {
  padding-bottom: 56.25%;
}

.o-table {
  width: 100%;
}

.o-table--fixed {
  table-layout: fixed;
}

.o-table--tiny td,
.o-table--tiny th {
  padding: 6px;
}

.o-table--small td,
.o-table--small th {
  padding: 12px;
}

.o-table--large td,
.o-table--large th {
  padding: 48px;
}

.o-table--huge td,
.o-table--huge th {
  padding: 96px;
}

.o-pack {
  width: 100%;
  margin-left: 0;
  display: table;
  table-layout: fixed;
}

.o-pack__item {
  display: table-cell;
  vertical-align: top;
}

.o-pack--middle>.o-pack__item {
  vertical-align: middle;
}

.o-pack--bottom>.o-pack__item {
  vertical-align: bottom;
}

.o-pack--auto {
  table-layout: auto;
}

.o-pack--tiny {
  border-spacing: 6px;
}

.o-pack--small {
  border-spacing: 12px;
}

.o-pack--default {
  border-spacing: 24px;
}

.o-pack--large {
  border-spacing: 48px;
}

.o-pack--huge {
  border-spacing: 96px;
}

.o-pack--reverse {
  direction: rtl;
}

.o-pack--reverse>.o-pack__item {
  direction: ltr;
}

.o-full-width {
  width: 100vw;
  overflow: hidden;
}

.o-full-width .o-layout--full-width .o-layout__item {
  width: calc(100% + 2000px);
  margin-left: -1000px;
  margin-right: -1000px;
  padding-left: 1000px;
  padding-right: 1000px;
  overflow: hidden;
}