/**
 * Variables
 */
/**
 * Mixins
 */
/**
 * Extends
 */
.mw {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.round, .box, #slug-homepage .secondary-promos .bg {
  border-radius: 18px; }

.shadow, .box, #slug-homepage .secondary-promos .bg {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); }

.text-shadow {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }

.round-close {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: block;
  background: #c81e35 url(../images/global/close-x.png) no-repeat center center;
  background-size: 50%;
  box-shadow: none; }

.box {
  display: inline-block;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.35em;
  position: relative;
  width: 100%; }
  .box .thumbnail {
    width: 100%;
    display: block; }
  .box .title {
    font-family: "Palanquin Dark", sans-serif;
    background-color: #00B4E9;
    text-align: center;
    color: #FFF;
    padding: 8px 16px; }
  .box.box-long-title {
    padding-bottom: 26px; }
  .box.box-long-title .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
  .box.box-short-title .title,
  .box.box-copy .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .box.box-copy .title {
    text-align: left; }
  .box.box-copy .copy {
    padding: 0 16px 8px 16px;
    font-size: 12px;
    line-height: 1.35em;
    background-color: #00B4E9; }
  .box.box-copy p {
    color: #cde3f0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.9em; }
  .box.box-copy .title {
    padding-bottom: 4px; }

.center-outer {
  display: table;
  width: 100%;
  height: 100%; }

.center-inner {
  display: table-cell;
  vertical-align: middle; }

.main-padding {
  padding: 30px 15px 0 15px; }
  @media (min-width: 641px) and (max-width: 1024px) {
    .main-padding {
      padding: 30px 30px 0 30px; } }
  @media (min-width: 1025px) {
    .main-padding {
      padding: 30px 60px 0 60px; } }

.neg-main-padding {
  margin-left: -15px;
  margin-right: -15px; }
  @media (min-width: 641px) and (max-width: 1024px) {
    .neg-main-padding {
      margin-left: -30px;
      margin-right: -30px; } }
  @media (min-width: 1025px) {
    .neg-main-padding {
      margin-left: -60px;
      margin-right: -60px; } }

.main-margin {
  margin: 30px 15px 0 15px; }
  @media (min-width: 641px) and (max-width: 1024px) {
    .main-margin {
      margin: 30px 30px 0 30px; } }
  @media (min-width: 1025px) {
    .main-margin {
      margin: 30px 60px 0 60px; } }

#slug-homepage {
  padding-top: 0;
  /**
   * Primary promos
   */
  /**
   * Secondary promos
   */ }
  #slug-homepage .primary-promos {
    background-color: #6F000E;
    position: relative; }
  #slug-homepage .secondary-promos {
    padding: 30px 15px 0 15px; }
    @media (min-width: 641px) and (max-width: 1024px) {
      #slug-homepage .secondary-promos {
        padding: 30px 30px 0 30px; } }
    @media (min-width: 1025px) {
      #slug-homepage .secondary-promos {
        padding: 60px 60px 30px 60px; } }
    #slug-homepage .secondary-promos ul {
      line-height: 0;
      font-size: 0;
      margin: 0 -15px; }
      @media (max-width: 640px) {
        #slug-homepage .secondary-promos ul {
          margin: 0 -8px; } }
    #slug-homepage .secondary-promos a {
      color: #FFF;
      text-transform: uppercase;
      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
    #slug-homepage .secondary-promos li {
      font-family: "Palanquin Dark", sans-serif;
      text-align: center;
      padding: 0 8px;
      margin-bottom: 30px;
      width: 50%;
      position: relative; }
      @media (min-width: 641px) {
        #slug-homepage .secondary-promos li {
          padding: 0 15px; } }
      @media (min-width: 1025px) {
        #slug-homepage .secondary-promos li {
          width: 33.333%; } }
    #slug-homepage .secondary-promos .bg {
      width: 100%; }
    #slug-homepage .secondary-promos .content {
      font-size: 16px;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-transform: uppercase; }
    #slug-homepage .secondary-promos .copy {
      font-size: 1.125em;
      position: absolute;
      bottom: 22%;
      width: 100%; }
    #slug-homepage .secondary-promos .icon {
      display: block;
      margin: 0 auto;
      width: 100%;
      padding: 0 15px; }
/*# sourceMappingURL=home.css.map */