@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none;
  color: inherit; }

body {
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #eae9e9; }

article h1, article h2, article h3, article h4, article p, article ol, article ul, article blockquote, article table {
  margin: 3.5% 3.5% 0 3.5%; }
article h1 {
  font-size: 2em;
  font-weight: 700; }
article h2, article blockquote {
  font-size: 2em;
  font-weight: 700; }
article h3 {
  font-size: 1.1em;
  font-weight: 700; }
article blockquote {
  line-height: 1.5; }
article .type-label {
  display: none; }
article table {
  font-size: 1.1em;
  line-height: 1.25; }
  article table td {
    vertical-align: top; }
    article table td p {
      font-size: 1em; }
article p {
  font-size: 1.2em;
  line-height: 1.25;
  margin-top: 1%;
  margin-bottom: 2%; }
  article p a.read-more {
    display: none; }
  article p a.more {
    display: inline-block;
    margin-top: 3.5%;
    font-weight: 400;
    font-size: 1.2em;
    border-bottom: 5px solid #222f41;
    margin-bottom: 3.5%; }
    article p a.more:after {
      content: "»"; }
    @media only screen and (max-device-width: 520px) {
      article p a.more {
        position: static;
        margin-bottom: 3.5%; } }
article.big-feature h2, article.small-feature h2 {
  font-size: 1.5em; }
  article.big-feature h2.medium, article.small-feature h2.medium {
    font-size: 1.5em; }

.header-container {
  max-width: 1080px;
  margin: 0px auto; }

header {
  height: 94px;
  margin: 0 auto;
  position: relative;
  background-color: #ffffff; }
  @media (max-device-width: 520px) {
    header {
      height: 101px; } }
  header h1 {
    height: 50px;
    padding: 30px 0 0 60px;
    background-image: url(/img/small-logo.png);
    background-repeat: no-repeat;
    background-position: left 17px;
    margin-left: 10px;
    color: #B2B4B6;
    font-size: 24px; }
    header h1 span {
      display: block;
      color: #222f41; }
  header .language-switch {
    position: absolute;
    right: 20px;
    display: block;
    background-color: #345286;
    font-weight: 700;
    color: #fff;
    padding: 10px; }
    @media (max-device-width: 520px) {
      header .language-switch {
        font-size: 12px;
        right: 10px; } }
  header .social-bar {
    right: 20px;
    top: 53px;
    position: absolute;
    width: 500px; }
    header .social-bar a {
      display: block;
      width: 24px;
      height: 24px;
      margin: 0 0 0 10px;
      float: right;
      overflow: hidden;
      text-indent: -900px;
      background-size: cover; }
      header .social-bar a.twitter {
        background-image: url(/img/social/twitter.png); }
      header .social-bar a.facebook {
        background-image: url(/img/social/facebook.png); }
      header .social-bar a.instagram {
        background-image: url(/img/social/instagram.png); }
      header .social-bar a.flickr {
        background-image: url(/img/social/flickr.png); }
      header .social-bar a.youtube {
        background-image: url(/img/social/youtube.png); }
    @media (max-device-width: 520px) {
      header .social-bar {
        right: 3.5%;
        top: 75px;
        position: absolute;
        width: 500px; }
        header .social-bar a {
          display: block;
          width: 22px;
          height: 22px;
          margin: 0 0 0 5px; } }
  @media (max-device-width: 520px) {
    header h1 {
      font-size: 16px;
      padding-top: 37px;
      margin-left: 3.5%;
      background-position: left 17px; } }

nav.top-level {
  height: 34px;
  background-color: #fff; }
  nav.top-level ul {
    max-width: 1040px;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px; }
    nav.top-level ul li {
      border-right: 1px solid rgba(81, 87, 143, 0.3);
      display: inline-block;
      margin: 3px 0;
      text-align: center; }
      nav.top-level ul li a {
        display: block;
        padding: 0 12px 0 12px;
        text-decoration: none;
        color: #222f41; }
      nav.top-level ul li:first-child {
        border-left: 1px solid rgba(81, 87, 143, 0.3);
        margin-left: 8px; }
      nav.top-level ul li:last-child {
        padding-right: 7px; }
  nav.top-level .hamburger {
    z-index: 999;
    position: absolute;
    width: 50px;
    height: 35px;
    background-color: #222f41;
    cursor: pointer;
    left: 100%;
    font-weight: 900;
    line-height: 35px;
    padding-left: 30px;
    margin-left: 0px;
    background-image: url(/img/hamburger.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    display: none; }
  @media (max-device-width: 420px) {
    nav.top-level {
      position: absolute;
      z-index: 998;
      height: 100%;
      width: 225px;
      background-color: #f3f3f3;
      color: #fff; }
      nav.top-level.toggle {
        margin-left: -225px; }
      nav.top-level .hamburger {
        display: block; }
      nav.top-level ul {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0px; }
        nav.top-level ul li {
          width: auto;
          display: block;
          height: 35px;
          float: none;
          border-right: none;
          border-bottom: 1px solid rgba(81, 87, 143, 0.3);
          text-align: left; }
          nav.top-level ul li:first-child {
            border-left: none;
            margin-left: 0; }
          nav.top-level ul li:last-child {
            padding-right: none; } }

.scots nav.top-level ul li a {
  padding: 0 11.5px 0 12px; }

.nav-spacer {
  display: none; }

@media (max-device-width: 420px) {
  .nav-spacer {
    display: block;
    height: 35px;
    background-color: #222f41;
    margin-bottom: 5px; } }
footer {
  min-height: 80px;
  background-color: #222f41;
  color: #fff;
  clear: both;
  margin: 0 auto; }
  footer .footer-content {
    width: 980px;
    margin: 0px auto; }
    @media only screen and (max-device-width: 980px) {
      footer .footer-content {
        width: 100%; } }
  footer .social-bar {
    margin-top: 20px; }
    footer .social-bar a {
      display: block;
      height: 30px;
      margin: 0 0 15px 0;
      padding: 0 0 0 40px;
      line-height: 30px;
      font-size: 23px;
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 28px 28px; }
      footer .social-bar a.twitter {
        background-image: url(/img/social/twitter-w.png); }
      footer .social-bar a.facebook {
        background-image: url(/img/social/facebook-w.png); }
      footer .social-bar a.instagram {
        background-image: url(/img/social/instagram-w.png); }
      footer .social-bar a.flickr {
        background-image: url(/img/social/flickr-w.png); }
      footer .social-bar a.youtube {
        background-image: url(/img/social/youtube-w.png); }
  footer .col {
    float: left;
    width: 305px;
    margin: 10px 10px 10px 10px; }
    @media (max-device-width: 980px) {
      footer .col {
        width: auto;
        margin: 0;
        float: none;
        padding-left: 3.5%;
        padding-right: 3.5%; } }
    footer .col h4, footer .col label {
      color: #fff;
      font-size: 20px;
      font-weight: 400;
      font-family: "Open Sans";
      display: block;
      padding: 20px 0 20px 0;
      border-bottom: 1px solid #787993; }
    footer .col ul {
      margin: 20px 0; }
      footer .col ul li {
        margin: 0px 0 10px 0;
        height: 75px;
        border-bottom: 1px solid #787993;
        padding-bottom: 5px; }
        footer .col ul li .thumb {
          width: 40px;
          height: 40px;
          overflow: hidden;
          float: left;
          margin: 0 10px 10px 0;
          background-color: #fff;
          background-image: url(/images/img/small-logo.png);
          background-position: center center;
          background-repeat: no-repeat; }
          footer .col ul li .thumb img {
            height: 100%; }
        footer .col ul li h4 {
          margin-top: 0px;
          padding: 0; }
        footer .col ul li h5 {
          font-weight: 900;
          line-height: 1.2; }
        footer .col ul li p {
          line-height: 1.2; }
    footer .col.search {
      float: right; }
      @media (max-device-width: 980px) {
        footer .col.search {
          float: none; } }
      footer .col.search .form-area {
        padding: 20px 0 20px 0px; }
        footer .col.search .form-area input[type="text"] {
          font-size: 18px;
          height: 25px;
          width: 255px;
          padding: 5px 0 5px 10px;
          border: none;
          margin-right: 0px; }
        footer .col.search .form-area input[type="submit"] {
          font-size: 18px;
          -webkit-apperance: none;
          margin-left: 0px;
          border: none;
          background-image: url(/img/search.png);
          background-position: center center;
          text-indent: -900px;
          overflow: hidden;
          background-repeat: no-repeat;
          height: 35px;
          width: 35px;
          padding: 5px;
          background-color: #fff; }
  footer a {
    color: #fff; }
  footer p.terms {
    clear: both;
    padding: 20px 0 20px 0;
    font-size: 14px;
    line-height: 18px;
    text-align: center; }
  @media (max-device-width: 380px) {
    footer {
      display: none; } }

@media only screen and (max-device-width: 320px) {
  .yiiLog {
    display: none; } }
.page-wrapper {
  max-width: 1040px;
  margin: 0px auto; }

section {
  overflow: hidden;
  margin: 10px auto;
  position: static; }
  @media only screen and (max-device-width: 960px) {
    section {
      width: auto;
      margin: 0;
      padding: 0 5px 0 5px;
      border: none; } }
  @media only screen and (max-device-width: 520px) {
    section {
      padding: 0; } }
  section .divider {
    clear: both; }
  section h2.divider {
    margin: 0;
    padding: 0 0 0 0;
    font-size: 1.2em;
    font-weight: 700; }
  section article[data-context="frame"] {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.19);
    border-radius: 3px;
    overflow: hidden;
    z-index: 1;
    /* removed type */ }
    section article[data-context="frame"].one-row.one-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 24%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].one-row.one-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].one-row.one-col {
          width: 49%; } }
      section article[data-context="frame"].one-row.one-col > .image {
        height: 0;
        padding-top: 14.8%;
        background-size: cover;
        display: block;
        width: 33%;
        width: 100%;
        padding-top: 12%;
        float: left; }
      section article[data-context="frame"].one-row.one-col.portrait > .image {
        height: 0;
        padding-top: 16.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].one-row.one-col > div.bottom-panel {
        height: 100%;
        width: 67%;
        width: 100%;
        height: 0;
        position: relative;
        padding-top: 13.85%;
        float: left; }
        section article[data-context="frame"].one-row.one-col > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      section article[data-context="frame"].one-row.one-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].one-row.one-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].one-row.one-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].one-row.one-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].one-row.two-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 49%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].one-row.two-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].one-row.two-col {
          width: 99%; } }
      section article[data-context="frame"].one-row.two-col > .image {
        height: 0;
        padding-top: 14.8%;
        background-size: cover;
        display: block;
        width: 33%;
        float: left; }
      section article[data-context="frame"].one-row.two-col.portrait > .image {
        height: 0;
        padding-top: 16.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].one-row.two-col > div.bottom-panel {
        height: 100%;
        width: 67%;
        float: left; }
      section article[data-context="frame"].one-row.two-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].one-row.two-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].one-row.two-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].one-row.two-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].one-row.three-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 74%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].one-row.three-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].one-row.three-col {
          width: 149%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].one-row.three-col > .image {
        height: 0;
        padding-top: 14.8%;
        background-size: cover;
        display: block;
        width: 33%;
        width: 33%;
        float: left; }
      section article[data-context="frame"].one-row.three-col.portrait > .image {
        height: 0;
        padding-top: 16.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].one-row.three-col > div.bottom-panel {
        height: 100%;
        width: 67%;
        float: left; }
      section article[data-context="frame"].one-row.three-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].one-row.three-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].one-row.three-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].one-row.three-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].one-row.four-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 99%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].one-row.four-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].one-row.four-col {
          width: 199%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].one-row.four-col > .image {
        height: 0;
        padding-top: 14.8%;
        background-size: cover;
        display: block;
        width: 33%;
        float: left; }
      section article[data-context="frame"].one-row.four-col.portrait > .image {
        height: 0;
        padding-top: 16.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].one-row.four-col > div.bottom-panel {
        height: 100%;
        width: 67%;
        float: left; }
      section article[data-context="frame"].one-row.four-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].one-row.four-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].one-row.four-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].one-row.four-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].one-row.five-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 124%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].one-row.five-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].one-row.five-col {
          width: 249%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].one-row.five-col > .image {
        height: 0;
        padding-top: 14.8%;
        background-size: cover;
        display: block;
        width: 33%;
        float: left; }
      section article[data-context="frame"].one-row.five-col.portrait > .image {
        height: 0;
        padding-top: 16.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].one-row.five-col > div.bottom-panel {
        height: 100%;
        width: 67%;
        float: left; }
      section article[data-context="frame"].one-row.five-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].one-row.five-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].one-row.five-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].one-row.five-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].one-row.six-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 149%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].one-row.six-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].one-row.six-col {
          width: 299%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].one-row.six-col > .image {
        height: 0;
        padding-top: 14.8%;
        background-size: cover;
        display: block;
        width: 33%;
        float: left; }
      section article[data-context="frame"].one-row.six-col.portrait > .image {
        height: 0;
        padding-top: 16.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].one-row.six-col > div.bottom-panel {
        height: 100%;
        width: 67%;
        float: left; }
      section article[data-context="frame"].one-row.six-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].one-row.six-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].one-row.six-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].one-row.six-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].two-row.one-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 24%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].two-row.one-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].two-row.one-col {
          width: 49%; } }
      section article[data-context="frame"].two-row.one-col > .image {
        height: 0;
        padding-top: 32.1%;
        background-size: cover;
        display: block;
        width: 50%;
        padding-top: 32.1%;
        width: 100%;
        padding-top: 26.5%;
        float: left; }
      section article[data-context="frame"].two-row.one-col.portrait > .image {
        height: 0;
        padding-top: 35.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].two-row.one-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        width: 100%;
        height: 0;
        position: relative;
        padding-top: 30.2%;
        float: left; }
        section article[data-context="frame"].two-row.one-col > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      section article[data-context="frame"].two-row.one-col.portrait > div.bottom-panel {
        width: 100%; }
      section article[data-context="frame"].two-row.one-col.portrait.big-feature > div.bottom-panel {
        height: 0;
        position: relative;
        padding-top: 30.2%; }
        section article[data-context="frame"].two-row.one-col.portrait.big-feature > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].two-row.one-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].two-row.one-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].two-row.one-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].two-row.two-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 49%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].two-row.two-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].two-row.two-col {
          width: 99%; } }
      section article[data-context="frame"].two-row.two-col > .image {
        height: 0;
        padding-top: 32.1%;
        background-size: cover;
        display: block;
        width: 50%;
        padding-top: 32.1%;
        float: left; }
      section article[data-context="frame"].two-row.two-col.portrait > .image {
        height: 0;
        padding-top: 35.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].two-row.two-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].two-row.two-col.portrait > div.bottom-panel {
        width: 100%; }
      section article[data-context="frame"].two-row.two-col.portrait.big-feature > div.bottom-panel {
        height: 0;
        position: relative;
        padding-top: 30.2%; }
        section article[data-context="frame"].two-row.two-col.portrait.big-feature > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].two-row.two-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].two-row.two-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].two-row.two-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].two-row.three-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 74%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].two-row.three-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].two-row.three-col {
          width: 149%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].two-row.three-col > .image {
        height: 0;
        padding-top: 32.1%;
        background-size: cover;
        display: block;
        width: 50%;
        padding-top: 32.1%;
        width: 33%;
        float: left; }
      section article[data-context="frame"].two-row.three-col.portrait > .image {
        height: 0;
        padding-top: 35.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].two-row.three-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].two-row.three-col.portrait > div.bottom-panel {
        width: 100%; }
      section article[data-context="frame"].two-row.three-col.portrait.big-feature > div.bottom-panel {
        height: 0;
        position: relative;
        padding-top: 30.2%; }
        section article[data-context="frame"].two-row.three-col.portrait.big-feature > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].two-row.three-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].two-row.three-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].two-row.three-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].two-row.four-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 99%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].two-row.four-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].two-row.four-col {
          width: 199%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].two-row.four-col > .image {
        height: 0;
        padding-top: 32.1%;
        background-size: cover;
        display: block;
        width: 50%;
        padding-top: 32.1%;
        float: left; }
      section article[data-context="frame"].two-row.four-col.portrait > .image {
        height: 0;
        padding-top: 35.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].two-row.four-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].two-row.four-col.portrait > div.bottom-panel {
        width: 100%; }
      section article[data-context="frame"].two-row.four-col.portrait.big-feature > div.bottom-panel {
        height: 0;
        position: relative;
        padding-top: 30.2%; }
        section article[data-context="frame"].two-row.four-col.portrait.big-feature > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].two-row.four-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].two-row.four-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].two-row.four-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].two-row.five-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 124%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].two-row.five-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].two-row.five-col {
          width: 249%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].two-row.five-col > .image {
        height: 0;
        padding-top: 32.1%;
        background-size: cover;
        display: block;
        width: 50%;
        padding-top: 32.1%;
        float: left; }
      section article[data-context="frame"].two-row.five-col.portrait > .image {
        height: 0;
        padding-top: 35.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].two-row.five-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].two-row.five-col.portrait > div.bottom-panel {
        width: 100%; }
      section article[data-context="frame"].two-row.five-col.portrait.big-feature > div.bottom-panel {
        height: 0;
        position: relative;
        padding-top: 30.2%; }
        section article[data-context="frame"].two-row.five-col.portrait.big-feature > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].two-row.five-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].two-row.five-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].two-row.five-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].two-row.six-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 149%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].two-row.six-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].two-row.six-col {
          width: 299%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].two-row.six-col > .image {
        height: 0;
        padding-top: 32.1%;
        background-size: cover;
        display: block;
        width: 50%;
        padding-top: 32.1%;
        float: left; }
      section article[data-context="frame"].two-row.six-col.portrait > .image {
        height: 0;
        padding-top: 35.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].two-row.six-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].two-row.six-col.portrait > div.bottom-panel {
        width: 100%; }
      section article[data-context="frame"].two-row.six-col.portrait.big-feature > div.bottom-panel {
        height: 0;
        position: relative;
        padding-top: 30.2%; }
        section article[data-context="frame"].two-row.six-col.portrait.big-feature > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].two-row.six-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].two-row.six-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].two-row.six-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].three-row.one-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 24%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].three-row.one-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].three-row.one-col {
          width: 49%; } }
      section article[data-context="frame"].three-row.one-col > .image {
        height: 0;
        padding-top: 49.4%;
        background-size: cover;
        display: block;
        width: 50%;
        width: 100%;
        padding-top: 41%;
        float: left; }
      section article[data-context="frame"].three-row.one-col.portrait > .image {
        height: 0;
        padding-top: 54.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].three-row.one-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        width: 100%;
        height: 0;
        position: relative;
        padding-top: 46.55%;
        float: left; }
        section article[data-context="frame"].three-row.one-col > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      section article[data-context="frame"].three-row.one-col.portrait > div.bottom-panel {
        width: 100%; }
      section article[data-context="frame"].three-row.one-col.portrait.big-feature > div.bottom-panel {
        height: 0;
        position: relative;
        padding-top: 45%; }
        section article[data-context="frame"].three-row.one-col.portrait.big-feature > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].three-row.one-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].three-row.one-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].three-row.one-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].three-row.two-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 49%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].three-row.two-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].three-row.two-col {
          width: 99%; } }
      section article[data-context="frame"].three-row.two-col > .image {
        height: 0;
        padding-top: 49.4%;
        background-size: cover;
        display: block;
        width: 50%;
        float: left; }
      section article[data-context="frame"].three-row.two-col.portrait > .image {
        height: 0;
        padding-top: 54.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].three-row.two-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].three-row.two-col.portrait > div.bottom-panel {
        width: 100%; }
      section article[data-context="frame"].three-row.two-col.portrait.big-feature > div.bottom-panel {
        height: 0;
        position: relative;
        padding-top: 45%; }
        section article[data-context="frame"].three-row.two-col.portrait.big-feature > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].three-row.two-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].three-row.two-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].three-row.two-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].three-row.three-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 74%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].three-row.three-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].three-row.three-col {
          width: 149%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].three-row.three-col > .image {
        height: 0;
        padding-top: 49.4%;
        background-size: cover;
        display: block;
        width: 50%;
        width: 33%;
        float: left; }
      section article[data-context="frame"].three-row.three-col.portrait > .image {
        height: 0;
        padding-top: 54.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].three-row.three-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].three-row.three-col.portrait > div.bottom-panel {
        width: 100%; }
      section article[data-context="frame"].three-row.three-col.portrait.big-feature > div.bottom-panel {
        height: 0;
        position: relative;
        padding-top: 45%; }
        section article[data-context="frame"].three-row.three-col.portrait.big-feature > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].three-row.three-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].three-row.three-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].three-row.three-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].three-row.four-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 99%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].three-row.four-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].three-row.four-col {
          width: 199%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].three-row.four-col > .image {
        height: 0;
        padding-top: 49.4%;
        background-size: cover;
        display: block;
        width: 50%;
        float: left; }
      section article[data-context="frame"].three-row.four-col.portrait > .image {
        height: 0;
        padding-top: 54.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].three-row.four-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].three-row.four-col.portrait > div.bottom-panel {
        width: 100%; }
      section article[data-context="frame"].three-row.four-col.portrait.big-feature > div.bottom-panel {
        height: 0;
        position: relative;
        padding-top: 45%; }
        section article[data-context="frame"].three-row.four-col.portrait.big-feature > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].three-row.four-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].three-row.four-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].three-row.four-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].three-row.five-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 124%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].three-row.five-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].three-row.five-col {
          width: 249%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].three-row.five-col > .image {
        height: 0;
        padding-top: 49.4%;
        background-size: cover;
        display: block;
        width: 50%;
        float: left; }
      section article[data-context="frame"].three-row.five-col.portrait > .image {
        height: 0;
        padding-top: 54.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].three-row.five-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].three-row.five-col.portrait > div.bottom-panel {
        width: 100%; }
      section article[data-context="frame"].three-row.five-col.portrait.big-feature > div.bottom-panel {
        height: 0;
        position: relative;
        padding-top: 45%; }
        section article[data-context="frame"].three-row.five-col.portrait.big-feature > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].three-row.five-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].three-row.five-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].three-row.five-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].three-row.six-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 149%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].three-row.six-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].three-row.six-col {
          width: 299%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].three-row.six-col > .image {
        height: 0;
        padding-top: 49.4%;
        background-size: cover;
        display: block;
        width: 50%;
        float: left; }
      section article[data-context="frame"].three-row.six-col.portrait > .image {
        height: 0;
        padding-top: 54.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].three-row.six-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].three-row.six-col.portrait > div.bottom-panel {
        width: 100%; }
      section article[data-context="frame"].three-row.six-col.portrait.big-feature > div.bottom-panel {
        height: 0;
        position: relative;
        padding-top: 45%; }
        section article[data-context="frame"].three-row.six-col.portrait.big-feature > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].three-row.six-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].three-row.six-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].three-row.six-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].four-row.one-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 24%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].four-row.one-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].four-row.one-col {
          width: 49%; } }
      section article[data-context="frame"].four-row.one-col > .image {
        height: 0;
        padding-top: 66.7%;
        background-size: cover;
        display: block;
        width: 50%;
        width: 100%;
        padding-top: 55.5%;
        float: left; }
      section article[data-context="frame"].four-row.one-col.portrait > .image {
        height: 0;
        padding-top: 73.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].four-row.one-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        width: 100%;
        height: 0;
        position: relative;
        padding-top: 62.9%;
        float: left; }
        section article[data-context="frame"].four-row.one-col > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      section article[data-context="frame"].four-row.one-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].four-row.one-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].four-row.one-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].four-row.one-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].four-row.two-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 49%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].four-row.two-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].four-row.two-col {
          width: 99%; } }
      section article[data-context="frame"].four-row.two-col > .image {
        height: 0;
        padding-top: 66.7%;
        background-size: cover;
        display: block;
        width: 50%;
        float: left; }
      section article[data-context="frame"].four-row.two-col.portrait > .image {
        height: 0;
        padding-top: 73.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].four-row.two-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].four-row.two-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].four-row.two-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].four-row.two-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].four-row.two-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].four-row.three-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 74%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].four-row.three-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].four-row.three-col {
          width: 149%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].four-row.three-col > .image {
        height: 0;
        padding-top: 66.7%;
        background-size: cover;
        display: block;
        width: 50%;
        width: 33%;
        float: left; }
      section article[data-context="frame"].four-row.three-col.portrait > .image {
        height: 0;
        padding-top: 73.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].four-row.three-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].four-row.three-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].four-row.three-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].four-row.three-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].four-row.three-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].four-row.four-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 99%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].four-row.four-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].four-row.four-col {
          width: 199%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].four-row.four-col > .image {
        height: 0;
        padding-top: 66.7%;
        background-size: cover;
        display: block;
        width: 50%;
        float: left; }
      section article[data-context="frame"].four-row.four-col.portrait > .image {
        height: 0;
        padding-top: 73.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].four-row.four-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].four-row.four-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].four-row.four-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].four-row.four-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].four-row.four-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].four-row.five-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 124%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].four-row.five-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].four-row.five-col {
          width: 249%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].four-row.five-col > .image {
        height: 0;
        padding-top: 66.7%;
        background-size: cover;
        display: block;
        width: 50%;
        float: left; }
      section article[data-context="frame"].four-row.five-col.portrait > .image {
        height: 0;
        padding-top: 73.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].four-row.five-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].four-row.five-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].four-row.five-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].four-row.five-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].four-row.five-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].four-row.six-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 149%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].four-row.six-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].four-row.six-col {
          width: 299%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].four-row.six-col > .image {
        height: 0;
        padding-top: 66.7%;
        background-size: cover;
        display: block;
        width: 50%;
        float: left; }
      section article[data-context="frame"].four-row.six-col.portrait > .image {
        height: 0;
        padding-top: 73.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].four-row.six-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].four-row.six-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].four-row.six-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].four-row.six-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].four-row.six-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].five-row.one-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 24%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].five-row.one-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].five-row.one-col {
          width: 49%; } }
      section article[data-context="frame"].five-row.one-col > .image {
        height: 0;
        padding-top: 84%;
        background-size: cover;
        display: block;
        width: 50%;
        width: 100%;
        padding-top: 70%;
        float: left; }
      section article[data-context="frame"].five-row.one-col.portrait > .image {
        height: 0;
        padding-top: 92.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].five-row.one-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        width: 100%;
        height: 0;
        position: relative;
        padding-top: 79.25%;
        float: left; }
        section article[data-context="frame"].five-row.one-col > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      section article[data-context="frame"].five-row.one-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].five-row.one-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].five-row.one-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].five-row.one-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].five-row.two-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 49%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].five-row.two-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].five-row.two-col {
          width: 99%; } }
      section article[data-context="frame"].five-row.two-col > .image {
        height: 0;
        padding-top: 84%;
        background-size: cover;
        display: block;
        width: 50%;
        float: left; }
      section article[data-context="frame"].five-row.two-col.portrait > .image {
        height: 0;
        padding-top: 92.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].five-row.two-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].five-row.two-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].five-row.two-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].five-row.two-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].five-row.two-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].five-row.three-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 74%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].five-row.three-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].five-row.three-col {
          width: 149%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].five-row.three-col > .image {
        height: 0;
        padding-top: 84%;
        background-size: cover;
        display: block;
        width: 50%;
        width: 33%;
        float: left; }
      section article[data-context="frame"].five-row.three-col.portrait > .image {
        height: 0;
        padding-top: 92.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].five-row.three-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].five-row.three-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].five-row.three-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].five-row.three-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].five-row.three-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].five-row.four-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 99%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].five-row.four-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].five-row.four-col {
          width: 199%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].five-row.four-col > .image {
        height: 0;
        padding-top: 84%;
        background-size: cover;
        display: block;
        width: 50%;
        float: left; }
      section article[data-context="frame"].five-row.four-col.portrait > .image {
        height: 0;
        padding-top: 92.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].five-row.four-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].five-row.four-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].five-row.four-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].five-row.four-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].five-row.four-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].five-row.five-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 124%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].five-row.five-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].five-row.five-col {
          width: 249%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].five-row.five-col > .image {
        height: 0;
        padding-top: 84%;
        background-size: cover;
        display: block;
        width: 50%;
        float: left; }
      section article[data-context="frame"].five-row.five-col.portrait > .image {
        height: 0;
        padding-top: 92.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].five-row.five-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].five-row.five-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].five-row.five-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].five-row.five-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].five-row.five-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].five-row.six-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 149%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].five-row.six-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].five-row.six-col {
          width: 299%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].five-row.six-col > .image {
        height: 0;
        padding-top: 84%;
        background-size: cover;
        display: block;
        width: 50%;
        float: left; }
      section article[data-context="frame"].five-row.six-col.portrait > .image {
        height: 0;
        padding-top: 92.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].five-row.six-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].five-row.six-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].five-row.six-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].five-row.six-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].five-row.six-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].six-row.one-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 24%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].six-row.one-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].six-row.one-col {
          width: 49%; } }
      section article[data-context="frame"].six-row.one-col > .image {
        height: 0;
        padding-top: 101.3%;
        background-size: cover;
        display: block;
        width: 50%;
        width: 100%;
        padding-top: 84.5%;
        float: left; }
      section article[data-context="frame"].six-row.one-col.portrait > .image {
        height: 0;
        padding-top: 111.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].six-row.one-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        width: 100%;
        height: 0;
        position: relative;
        padding-top: 95.6%;
        float: left; }
        section article[data-context="frame"].six-row.one-col > div.bottom-panel .content-pad {
          position: absolute;
          top: 0px;
          height: 100%; }
      section article[data-context="frame"].six-row.one-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].six-row.one-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].six-row.one-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].six-row.one-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].six-row.two-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 49%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].six-row.two-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].six-row.two-col {
          width: 99%; } }
      section article[data-context="frame"].six-row.two-col > .image {
        height: 0;
        padding-top: 101.3%;
        background-size: cover;
        display: block;
        width: 50%;
        float: left; }
      section article[data-context="frame"].six-row.two-col.portrait > .image {
        height: 0;
        padding-top: 111.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].six-row.two-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].six-row.two-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].six-row.two-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].six-row.two-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].six-row.two-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].six-row.three-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 74%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].six-row.three-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].six-row.three-col {
          width: 149%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].six-row.three-col > .image {
        height: 0;
        padding-top: 101.3%;
        background-size: cover;
        display: block;
        width: 50%;
        width: 33%;
        float: left; }
      section article[data-context="frame"].six-row.three-col.portrait > .image {
        height: 0;
        padding-top: 111.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].six-row.three-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].six-row.three-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].six-row.three-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].six-row.three-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].six-row.three-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].six-row.four-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 99%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].six-row.four-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].six-row.four-col {
          width: 199%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].six-row.four-col > .image {
        height: 0;
        padding-top: 101.3%;
        background-size: cover;
        display: block;
        width: 50%;
        float: left; }
      section article[data-context="frame"].six-row.four-col.portrait > .image {
        height: 0;
        padding-top: 111.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].six-row.four-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].six-row.four-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].six-row.four-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].six-row.four-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].six-row.four-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].six-row.five-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 124%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].six-row.five-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].six-row.five-col {
          width: 249%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].six-row.five-col > .image {
        height: 0;
        padding-top: 101.3%;
        background-size: cover;
        display: block;
        width: 50%;
        float: left; }
      section article[data-context="frame"].six-row.five-col.portrait > .image {
        height: 0;
        padding-top: 111.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].six-row.five-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].six-row.five-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].six-row.five-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].six-row.five-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].six-row.five-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"].six-row.six-col {
      float: left;
      margin: 0.3em 1% 0.3em 0;
      width: 149%;
      background-color: #fff;
      position: relative; }
      section article[data-context="frame"].six-row.six-col.right {
        float: right; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].six-row.six-col {
          width: 299%;
          width: 100%;
          margin: 0.5% 0 0.5% 0; } }
      section article[data-context="frame"].six-row.six-col > .image {
        height: 0;
        padding-top: 101.3%;
        background-size: cover;
        display: block;
        width: 50%;
        float: left; }
      section article[data-context="frame"].six-row.six-col.portrait > .image {
        height: 0;
        padding-top: 111.5%;
        background-size: cover;
        display: block;
        width: 100%; }
      section article[data-context="frame"].six-row.six-col > div.bottom-panel {
        height: 100%;
        width: 50%;
        float: left; }
      section article[data-context="frame"].six-row.six-col.portrait > div.bottom-panel {
        width: 100%; }
      @media only screen and (max-device-width: 520px) {
        section article[data-context="frame"].six-row.six-col > .image {
          width: 100%;
          padding-top: 55%; }
        section article[data-context="frame"].six-row.six-col > div.bottom-panel {
          width: 100%;
          padding-top: 0;
          height: auto; }
        section article[data-context="frame"].six-row.six-col.portrait > div.bottom-panel .content-pad {
          position: static; } }
    section article[data-context="frame"] .inline-player {
      display: inline-block; }
      section article[data-context="frame"] .inline-player a.audio {
        width: 1.1em;
        height: 1.1em;
        display: inline-block !important;
        border-radius: 100%;
        background-color: #fff;
        text-indent: -900px;
        vertical-align: top;
        overflow: hidden;
        background-image: url("/images/img/triangle.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover; }
        section article[data-context="frame"] .inline-player a.audio.pause {
          background-image: url("/images/img/pauses.png"); }
      section article[data-context="frame"] .inline-player .timer, section article[data-context="frame"] .inline-player .share {
        display: none; }
      section article[data-context="frame"] .inline-player .progress {
        display: none;
        width: 0px;
        height: 0px;
        overflow: hidden; }
    section article[data-context="frame"].youtube .video-thumbnail, section article[data-context="frame"].flickr .video-thumbnail {
      width: 100%; }
    section article[data-context="frame"].youtube .slides, section article[data-context="frame"].youtube .flickr-slides, section article[data-context="frame"].flickr .slides, section article[data-context="frame"].flickr .flickr-slides {
      width: 100%; }
      section article[data-context="frame"].youtube .slides .slide, section article[data-context="frame"].youtube .slides .flickr-slide, section article[data-context="frame"].youtube .flickr-slides .slide, section article[data-context="frame"].youtube .flickr-slides .flickr-slide, section article[data-context="frame"].flickr .slides .slide, section article[data-context="frame"].flickr .slides .flickr-slide, section article[data-context="frame"].flickr .flickr-slides .slide, section article[data-context="frame"].flickr .flickr-slides .flickr-slide {
        width: 100%;
        float: left;
        position: relative;
        height: 250px;
        margin: 0 0.05% 0 0.05%; }
        section article[data-context="frame"].youtube .slides .slide .image, section article[data-context="frame"].youtube .slides .flickr-slide .image, section article[data-context="frame"].youtube .flickr-slides .slide .image, section article[data-context="frame"].youtube .flickr-slides .flickr-slide .image, section article[data-context="frame"].flickr .slides .slide .image, section article[data-context="frame"].flickr .slides .flickr-slide .image, section article[data-context="frame"].flickr .flickr-slides .slide .image, section article[data-context="frame"].flickr .flickr-slides .flickr-slide .image {
          height: 0;
          position: absolute;
          top: 0px;
          width: 100%;
          padding-top: 55%;
          background-position: center center;
          background-size: cover; }
          section article[data-context="frame"].youtube .slides .slide .image:after, section article[data-context="frame"].youtube .slides .flickr-slide .image:after, section article[data-context="frame"].youtube .flickr-slides .slide .image:after, section article[data-context="frame"].youtube .flickr-slides .flickr-slide .image:after, section article[data-context="frame"].flickr .slides .slide .image:after, section article[data-context="frame"].flickr .slides .flickr-slide .image:after, section article[data-context="frame"].flickr .flickr-slides .slide .image:after, section article[data-context="frame"].flickr .flickr-slides .flickr-slide .image:after {
            content: " ";
            width: 45px;
            height: 45px;
            position: absolute;
            right: 2%;
            top: 2%;
            background-size: contain;
            background-image: url("/images/img/youtube.svg"); }
        section article[data-context="frame"].youtube .slides .slide .bottom-panel, section article[data-context="frame"].youtube .slides .flickr-slide .bottom-panel, section article[data-context="frame"].youtube .flickr-slides .slide .bottom-panel, section article[data-context="frame"].youtube .flickr-slides .flickr-slide .bottom-panel, section article[data-context="frame"].flickr .slides .slide .bottom-panel, section article[data-context="frame"].flickr .slides .flickr-slide .bottom-panel, section article[data-context="frame"].flickr .flickr-slides .slide .bottom-panel, section article[data-context="frame"].flickr .flickr-slides .flickr-slide .bottom-panel {
          padding-top: 55%; }
          section article[data-context="frame"].youtube .slides .slide .bottom-panel h2, section article[data-context="frame"].youtube .slides .flickr-slide .bottom-panel h2, section article[data-context="frame"].youtube .flickr-slides .slide .bottom-panel h2, section article[data-context="frame"].youtube .flickr-slides .flickr-slide .bottom-panel h2, section article[data-context="frame"].flickr .slides .slide .bottom-panel h2, section article[data-context="frame"].flickr .slides .flickr-slide .bottom-panel h2, section article[data-context="frame"].flickr .flickr-slides .slide .bottom-panel h2, section article[data-context="frame"].flickr .flickr-slides .flickr-slide .bottom-panel h2 {
            font-size: 1.1em;
            line-height: 1.2; }
          section article[data-context="frame"].youtube .slides .slide .bottom-panel p, section article[data-context="frame"].youtube .slides .flickr-slide .bottom-panel p, section article[data-context="frame"].youtube .flickr-slides .slide .bottom-panel p, section article[data-context="frame"].youtube .flickr-slides .flickr-slide .bottom-panel p, section article[data-context="frame"].flickr .slides .slide .bottom-panel p, section article[data-context="frame"].flickr .slides .flickr-slide .bottom-panel p, section article[data-context="frame"].flickr .flickr-slides .slide .bottom-panel p, section article[data-context="frame"].flickr .flickr-slides .flickr-slide .bottom-panel p {
            font-size: .9em; }
      section article[data-context="frame"].youtube .slides .flickr-slide, section article[data-context="frame"].youtube .flickr-slides .flickr-slide, section article[data-context="frame"].flickr .slides .flickr-slide, section article[data-context="frame"].flickr .flickr-slides .flickr-slide {
        height: 290px; }
        section article[data-context="frame"].youtube .slides .flickr-slide .image, section article[data-context="frame"].youtube .flickr-slides .flickr-slide .image, section article[data-context="frame"].flickr .slides .flickr-slide .image, section article[data-context="frame"].flickr .flickr-slides .flickr-slide .image {
          padding-top: 70%; }
          section article[data-context="frame"].youtube .slides .flickr-slide .image:after, section article[data-context="frame"].youtube .flickr-slides .flickr-slide .image:after, section article[data-context="frame"].flickr .slides .flickr-slide .image:after, section article[data-context="frame"].flickr .flickr-slides .flickr-slide .image:after {
            background-image: url("/images/img/flickr.svg"); }
        section article[data-context="frame"].youtube .slides .flickr-slide .bottom-panel, section article[data-context="frame"].youtube .flickr-slides .flickr-slide .bottom-panel, section article[data-context="frame"].flickr .slides .flickr-slide .bottom-panel, section article[data-context="frame"].flickr .flickr-slides .flickr-slide .bottom-panel {
          padding-top: 70%; }
    section article[data-context="frame"].news-sub h2 {
      font-size: 1.1em; }
    section article[data-context="frame"].news-sub p {
      font-size: 0.9em; }
    section article[data-context="frame"].word-panel, section article[data-context="frame"].wow, section article[data-context="frame"].poem {
      margin-top: .5em;
      margin-bottom: .5em;
      position: relative; }
    section article[data-context="frame"].word-panel {
      background-color: #345286 !important;
      color: #fff; }
      section article[data-context="frame"].word-panel:after {
        content: " ";
        width: 45px;
        height: 45px;
        position: absolute;
        right: 0.4em;
        top: 0.4em;
        background-size: contain;
        background-image: url("/images/img/listen.svg"); }
    section article[data-context="frame"].podcast .bottom-panel, section article[data-context="frame"].poem .bottom-panel {
      padding-bottom: 3.5%; }
      section article[data-context="frame"].podcast .bottom-panel h2, section article[data-context="frame"].poem .bottom-panel h2 {
        font-size: 1.1em; }
    section article[data-context="frame"].poem .image:after {
      content: " ";
      width: 45px;
      height: 45px;
      position: absolute;
      right: 2%;
      top: 2%;
      background-size: contain;
      background-image: url("/images/img/read.svg"); }
    section article[data-context="frame"] h3 {
      font-weight: 700;
      font-size: .9em;
      padding-top: 0.875%;
      padding-bottom: 2%; }
    section article[data-context="frame"].word-panel {
      background-repeat: no-repeat;
      background-position: 98% 8%;
      background-size: 10%; }
      section article[data-context="frame"].word-panel blockquote {
        line-height: 1.1;
        font-size: 1.6em;
        text-align: left; }
        section article[data-context="frame"].word-panel blockquote:before, section article[data-context="frame"].word-panel blockquote:after {
          color: #222f41; }
      section article[data-context="frame"].word-panel p, section article[data-context="frame"].word-panel blockquote {
        padding: 0.5em .2em 0.2em 0.2em; }
      section article[data-context="frame"].word-panel p {
        padding: 0.0em .2em 0.0em 0.2em; }
      section article[data-context="frame"].word-panel a.more {
        font-size: 0.8em;
        border-bottom: 2px solid #fff;
        display: inline-block; }
      section article[data-context="frame"].word-panel.testament blockquote {
        font-size: 1.6em; }
    section article[data-context="frame"].portrait p a.read-more {
      position: relative;
      margin-bottom: 3.5%; }
    @media only screen and (max-device-width: 950px) {
      section article[data-context="frame"] blockquote, section article[data-context="frame"] h2 {
        font-size: 1.2em; }
      section article[data-context="frame"] h3 {
        font-size: 1em; }
      section article[data-context="frame"] p {
        font-size: .8em; } }
    @media only screen and (max-device-width: 865px) {
      section article[data-context="frame"] blockquote, section article[data-context="frame"] h2 {
        font-size: 1em; }
      section article[data-context="frame"] h3 {
        font-size: .9em; }
      section article[data-context="frame"] p {
        font-size: .7em; } }
    section article[data-context="frame"].divider {
      background-color: red; }
      section article[data-context="frame"].divider h2 {
        margin: 0;
        padding: 1.75%; }
  section.main-panel {
    float: left;
    width: 75%;
    overflow: hidden;
    clear: both; }
    @media only screen and (max-device-width: 520px) {
      section.main-panel {
        width: 100%;
        float: none; } }
  section.persistent {
    float: right;
    width: 25%; }
    @media only screen and (max-device-width: 520px) {
      section.persistent {
        width: 100%;
        float: none; } }
    section.persistent article {
      width: 100% !important; }
      section.persistent article.three-row {
        margin-bottom: 2.5%; }
        section.persistent article.three-row > div.bottom-panel {
          height: auto;
          padding-top: 0; }
          section.persistent article.three-row > div.bottom-panel .content-pad {
            position: static; }
      section.persistent article p a.read-more {
        position: static;
        margin-bottom: 3.5%; }

section.article {
  	/*
  	.social-share{
  			
  			ul{
  				list-style: none;
  				border-top:5px solid #dbd8d8;
  				margin-top: 20px;
  				li{
  					width:80px;
  					height: 30px;
  					margin: 5px 10px 0 0;
  					float: left;
  			
  					&:first-child{
  						font-size: 18px;
  					
  					}
  					
  					a.fb-like-choose{
  						display: block;
  						//@include border-radius(2px);
  						padding:0;
  						height: 21px;
  						width: 65px;
  						line-height: 21px;
  						font-size: 12px;
  						color: #fff;
  						background-color: #4750A4;
  						//@include background-image(linear-gradient(#5662BD, #4D57AE 30%, #4852A7 70%, #464FA3));
  						i{
  							display: block;
  							width: 12px;
  							height: 12px;
  							float: left;
  							margin:4px 4px 0 4px;
  							background-image:url(/img/social/tiny-facebook.gif)
  							
  						}
  					}
  				}
  			}
  		}
  
  
  		*/ }
  section.article article {
    background-color: #fff;
    width: 70%;
    float: right; }
    section.article article.landing-article, section.article article.search {
      width: 100%; }
      section.article article.landing-article .paginationHeader, section.article article.search .paginationHeader {
        display: none; }
      section.article article.landing-article .pagination, section.article article.search .pagination {
        margin: 1em 3.5% 2em 3.5%;
        text-align: center; }
        section.article article.landing-article .pagination li, section.article article.search .pagination li {
          display: inline-block;
          font-weight: 900;
          margin: 1em; }
          section.article article.landing-article .pagination li.selected, section.article article.search .pagination li.selected {
            text-decoration: underline; }
      section.article article.landing-article .landing-list-articles, section.article article.landing-article .search-results, section.article article.search .landing-list-articles, section.article article.search .search-results {
        margin: 3.5%; }
        section.article article.landing-article .landing-list-articles li, section.article article.landing-article .search-results li, section.article article.search .landing-list-articles li, section.article article.search .search-results li {
          overflow: hidden; }
          section.article article.landing-article .landing-list-articles li h2, section.article article.landing-article .landing-list-articles li h3, section.article article.landing-article .search-results li h2, section.article article.landing-article .search-results li h3, section.article article.search .landing-list-articles li h2, section.article article.search .landing-list-articles li h3, section.article article.search .search-results li h2, section.article article.search .search-results li h3 {
            margin: 0; }
          section.article article.landing-article .landing-list-articles li p, section.article article.landing-article .search-results li p, section.article article.search .landing-list-articles li p, section.article article.search .search-results li p {
            margin-left: calc(10% + 1em); }
          section.article article.landing-article .landing-list-articles li .thumb, section.article article.landing-article .search-results li .thumb, section.article article.search .landing-list-articles li .thumb, section.article article.search .search-results li .thumb {
            width: 10%;
            height: 0;
            padding-top: 10%;
            display: block;
            float: left;
            background-size: cover;
            background-position: center top;
            margin: 0 1.75% 0 0; }
          section.article article.landing-article .landing-list-articles li:after, section.article article.landing-article .search-results li:after, section.article article.search .landing-list-articles li:after, section.article article.search .search-results li:after {
            content: " ";
            margin: 1.75% 0 1.75% 0;
            height: 3px;
            background-color: #e1e0e0;
            display: block; }
    section.article article[data-context="article"] h2, section.article article[data-context="article"] h3, section.article article[data-context="article"] h4 {
      font-weight: 600;
      color: #222f41; }
    section.article article[data-context="article"] h2 {
      font-size: 1.5em; }
    section.article article[data-context="article"] h3 {
      font-size: 1.2em; }
    section.article article[data-context="article"] h4 {
      font-size: 1.1em; }
    section.article article[data-context="article"] .editor p {
      line-height: 1.4; }
      section.article article[data-context="article"] .editor p img {
        display: block;
        max-width: 100%;
        margin-bottom: 10px; }
        section.article article[data-context="article"] .editor p img[data-size="medium"] {
          max-width: 70%;
          margin-bottom: 10px; }
        section.article article[data-context="article"] .editor p img[data-size="small"] {
          max-width: 30%;
          margin-bottom: 10px; }
        section.article article[data-context="article"] .editor p img.left {
          float: left;
          margin-right: 10px; }
        section.article article[data-context="article"] .editor p img.right {
          margin-left: 10px;
          float: right; }
        section.article article[data-context="article"] .editor p img.clear {
          clear: both;
          margin: 10px auto 10px auto; }
    section.article article[data-context="article"] .editor blockquote {
      font-size: 1em;
      font-weight: 600; }
    section.article article[data-context="article"] .editor ol, section.article article[data-context="article"] .editor ul {
      margin-left: 7%; }
      section.article article[data-context="article"] .editor ol li, section.article article[data-context="article"] .editor ul li {
        line-height: 1.6;
        font-size: 1.2em; }
        section.article article[data-context="article"] .editor ol li p, section.article article[data-context="article"] .editor ul li p {
          font-size: 1em; }
      section.article article[data-context="article"] .editor ol ol, section.article article[data-context="article"] .editor ol ul, section.article article[data-context="article"] .editor ul ol, section.article article[data-context="article"] .editor ul ul {
        margin-left: 3.5%;
        margin-top: 0; }
        section.article article[data-context="article"] .editor ol ol li, section.article article[data-context="article"] .editor ol ul li, section.article article[data-context="article"] .editor ul ol li, section.article article[data-context="article"] .editor ul ul li {
          font-size: 1em; }
    section.article article[data-context="article"] .editor ol {
      list-style: decimal; }
    section.article article[data-context="article"] .editor ul {
      list-style: disc; }
    section.article article[data-context="article"] .editor strong, section.article article[data-context="article"] .editor b {
      font-weight: 600; }
    section.article article[data-context="article"] .editor em, section.article article[data-context="article"] .editor i {
      font-style: italic; }
    section.article article[data-context="article"] .editor a {
      color: #222f41;
      font-weight: 600;
      text-decoration: underline; }
    @media only screen and (max-device-width: 960px) {
      section.article article {
        width: auto;
        float: none; } }
  section.article nav {
    width: 30%;
    background-color: #fff; }
    section.article nav h2 {
      font-weight: 700;
      color: #222f41;
      font-size: 1.3em;
      line-height: 1.1;
      padding: 3.5%; }
    section.article nav ul li {
      padding: 3.5% 3.5% 0 3.5%; }
      section.article nav ul li h4 {
        font-weight: 700;
        color: #222f41;
        font-size: 1.2em;
        line-height: 1.1;
        padding: 0 0px 3.5% 0px; }
      section.article nav ul li .date {
        padding: 3px;
        margin: 0 0 5px 0;
        background-color: #f6f6f6;
        display: inline-block; }
      section.article nav ul li:after {
        content: " ";
        margin: 3.5% 0 0 0;
        height: 3px;
        background-color: #e1e0e0;
        display: block; }
    @media only screen and (max-device-width: 960px) {
      section.article nav {
        width: auto;
        float: none; } }
    section.article nav .archive h4 {
      font-weight: 700;
      color: #222f41;
      font-size: 1.2em;
      line-height: 1.1;
      padding: 3.5%;
      cursor: pointer; }
    section.article nav .archive h5 {
      font-weight: 700;
      color: #222f41;
      font-size: 1.1em;
      line-height: 1.1;
      padding: 3.5%; }
    section.article nav .archive ul {
      display: none; }
      section.article nav .archive ul li.articles-year-empty {
        opacity: 0.5; }
        section.article nav .archive ul li.articles-year-empty > ul {
          display: none; }
      section.article nav .archive ul li.articles-month-empty {
        opacity: 0.5; }
      section.article nav .archive ul li.articles-year-fill {
        opacity: 1; }
      section.article nav .archive ul li:hover span.delete, section.article nav .archive ul li:hover span.move {
        display: none !important; }
      section.article nav .archive ul li ul li {
        width: 30%;
        display: inline-block;
        text-align: center;
        background-color: #f0eded;
        margin: .2em 1% .2em 1%;
        padding: .2em 0 .2em 0;
        line-height: 1; }
        section.article nav .archive ul li ul li:after {
          display: none; }
        section.article nav .archive ul li ul li:hover span.delete, section.article nav .archive ul li ul li:hover span.move {
          display: none !important; }
    section.article nav .archive.active ul {
      display: block; }
  section.article .document-list, section.article .audio-list, section.article .video-list {
    list-style: none;
    clear: both;
    overflow: hidden; }
    section.article .document-list li, section.article .audio-list li, section.article .video-list li {
      margin: 15px 0 15px 0;
      clear: both; }
      section.article .document-list li a, section.article .audio-list li a, section.article .video-list li a {
        color: #222f41;
        font-weight: 900; }
      section.article .document-list li a.pdf, section.article .audio-list li a.pdf, section.article .video-list li a.pdf {
        padding-bottom: 5px;
        border-bottom: 2px solid #ccc;
        display: block;
        background-image: url(/images/img/pdf-icon.png);
        min-height: 40px;
        line-height: 32px;
        background-repeat: no-repeat;
        padding-left: 35px; }
  section.article .related {
    margin: 3.5%; }
    section.article .related h4.head {
      color: #222f41;
      padding: 0;
      margin: 3.5% 0 1.75% 0;
      font-weight: 900 !important;
      font-size: 1.8em !important;
      line-height: 1.3; }
    section.article .related .item {
      overflow: hidden;
      margin-bottom: 3.5%; }
      section.article .related .item h3, section.article .related .item p {
        margin: 0;
        padding: 0; }
      section.article .related .item h3 {
        margin: 0 0 1.75% 0; }
      section.article .related .item p {
        margin: 0 0 0 3.5%; }
      section.article .related .item .thumb {
        width: 10%;
        height: 0;
        padding-top: 10%;
        display: inline-block;
        float: left;
        margin: 0 1.75% 1.75% 0;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("/images/img/small-logo.png"); }
      section.article .related .item:after {
        content: " ";
        margin: 3.5% 0 0 0;
        height: 3px;
        background-color: #e1e0e0;
        display: block; }
  section.article .social-share ul {
    width: 80%;
    margin: 0 auto; }
    section.article .social-share ul li {
      display: inline-block;
      box-sizing: border-box;
      width: 48%;
      margin: 3% 0 3% 0;
      padding: 0.5em;
      color: #fff;
      text-align: center;
      font-weight: 700;
      background-color: red;
      border-radius: 5px;
      font-size: 1em;
      background-repeat: no-repeat;
      background-position: 5% center;
      background-size: 1em 1em; }
      section.article .social-share ul li:first-child {
        margin-right: 3%; }
      section.article .social-share ul li.facebook {
        background-color: #3b5998;
        background-image: url("/images/img/glyphicons-social-31-facebook.svg"); }
      section.article .social-share ul li.twitter {
        background-color: #55acee;
        background-image: url("/images/img/glyphicons-social-32-twitter.svg"); }
    @media only screen and (max-device-width: 520px) {
      section.article .social-share ul {
        width: 95%; }
        section.article .social-share ul > li {
          font-size: .85em !important; }
          section.article .social-share ul > li:first-child {
            margin-right: 2%; } }

article[data-context="article"] .feature-image {
  width: 100%;
  height: 0;
  padding-top: 50%;
  position: relative; }
  article[data-context="article"] .feature-image .image {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0px; }
  article[data-context="article"] .feature-image.soundcloud {
    padding-top: 25%;
    margin-bottom: 2em; }
article[data-context="article"] .soundcloud-frame {
  width: 93%;
  margin: 3.5%;
  position: absolute;
  top: 0px; }
  article[data-context="article"] .soundcloud-frame iframe {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute; }
article[data-context="article"] .video-frame {
  width: 93%;
  margin: 3.5%;
  position: relative;
  padding-top: 56%; }
  article[data-context="article"] .video-frame iframe {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute; }
article[data-context="article"] .feature-image .video-frame {
  margin: 0;
  width: 100%;
  position: absolute;
  top: 0px;
  padding-top: 50%; }
article[data-context="article"] .feature-image .audioControls {
  margin: 0;
  width: 100%;
  position: absolute;
  top: 0px;
  padding-top: 44%; }
article[data-context="article"] .playlist {
  width: 40%;
  float: right; }
  article[data-context="article"] .playlist > h2 {
    font-size: 1em !important;
    line-height: 1.2; }
  article[data-context="article"] .playlist a.audio {
    z-index: 4;
    display: block;
    padding: 1em 0 1em 2.2em;
    background-image: url(/images/podcast/play.png);
    background-size: 1.8em 1.8em;
    background-position: left center;
    background-repeat: no-repeat; }
    article[data-context="article"] .playlist a.audio.pause {
      background-image: url(/images/podcast/pause.png); }
article[data-context="article"] .audioControls.feature-player .audio-backdrop {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  background-size: cover; }
article[data-context="article"] .audioControls.feature-player .progress {
  z-index: 3;
  width: 100%;
  position: absolute;
  background-color: rgba(245, 245, 245, 0.2);
  height: 15%;
  bottom: 0; }
  article[data-context="article"] .audioControls.feature-player .progress p {
    position: absolute;
    z-index: 5; }
  article[data-context="article"] .audioControls.feature-player .progress .loaded, article[data-context="article"] .audioControls.feature-player .progress .played {
    width: 0%;
    height: 100%;
    top: 0;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute; }
  article[data-context="article"] .audioControls.feature-player .progress .played {
    background-color: rgba(255, 255, 255, 0.5); }
  article[data-context="article"] .audioControls.feature-player .progress .marker {
    width: 5%;
    height: 100%;
    top: 0;
    background-color: #222f41;
    position: absolute; }
article[data-context="article"] .audioControls.feature-player .timer {
  position: absolute;
  z-index: 3;
  bottom: 2%;
  right: 1%;
  margin: 0;
  font-size: 1em;
  color: #222f41;
  padding: 1%;
  background-color: #ffff; }
article[data-context="article"] .audioControls.feature-player a.audio {
  z-index: 4;
  position: absolute;
  display: block;
  top: 35%;
  left: 45%;
  width: 10%;
  height: 0;
  padding-top: 10%;
  background-image: url(/images/podcast/play.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat; }
  article[data-context="article"] .audioControls.feature-player a.audio.pause {
    background-image: url(/images/podcast/pause.png); }
article[data-context="article"] .audioControls.feature-player .share {
  display: none; }
article[data-context="article"] .audioControls.inline-player {
  position: relative;
  z-index: 2;
  width: 93%;
  margin: 3.5%;
  height: 0;
  padding-top: 10%;
  color: #fff; }
  article[data-context="article"] .audioControls.inline-player .progress {
    z-index: 3;
    width: 88%;
    left: 12%;
    position: absolute;
    background-color: #5b6675;
    height: 100%;
    bottom: 0; }
    article[data-context="article"] .audioControls.inline-player .progress p {
      position: absolute;
      z-index: 5; }
    article[data-context="article"] .audioControls.inline-player .progress .loaded, article[data-context="article"] .audioControls.inline-player .progress .played {
      width: 0%;
      height: 100%;
      top: 0;
      background-color: rgba(255, 255, 255, 0.8);
      position: absolute; }
    article[data-context="article"] .audioControls.inline-player .progress .played {
      background-color: rgba(219, 214, 214, 0.8); }
    article[data-context="article"] .audioControls.inline-player .progress .marker {
      width: 5%;
      height: 100%;
      top: 0;
      background-color: #222f41;
      position: absolute; }
  article[data-context="article"] .audioControls.inline-player .timer {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0px;
    margin: 0;
    font-size: 1em;
    color: #fff;
    padding: 1% 1.75% 0 0; }
  article[data-context="article"] .audioControls.inline-player a.audio {
    z-index: 4;
    position: absolute;
    display: block;
    top: 10%;
    left: 2%;
    width: 10%;
    height: 80%;
    background-image: url(/images/podcast/play.png);
    background-size: contain;
    background-repeat: no-repeat; }
    article[data-context="article"] .audioControls.inline-player a.audio.pause {
      background-image: url(/images/podcast/pause.png); }
  article[data-context="article"] .audioControls.inline-player .share {
    display: none; }

.slick-arrow {
  position: absolute;
  top: 570px;
  z-index: 1;
  width: 75px;
  height: 75px;
  opacity: .7;
  left: -45px;
  background: none;
  overflow: hidden;
  text-indent: -9000px;
  background-image: url("../assets/ui/next.png");
  background-repeat: no-repeat;
  border: none;
  transform: rotate(180deg);
  outline-style: none;
  opacity: 1;
  transition: opacity 900ms ease-in; }
  .slick-arrow.slick-next {
    right: -25px;
    left: auto;
    transform: rotate(0deg); }
  .slick-arrow.slick-disabled {
    opacity: 0; }

.dialects {
  height: 0px;
  padding-top: calc(50% - .5em); }
  .dialects .context-edit {
    top: 0px; }
  .dialects .content-pad {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%; }
  .dialects .audioMap {
    background-position: 0 0;
    width: 84px;
    height: 283px;
    margin: 20px 20px 0 0px;
    position: absolute;
    right: 90px;
    z-index: 99; }

section > article.editorial-article {
  /*
  width: 100%;
  float: none;	
  position: relative;
  */ }

.photo-control, .fullscreen-control {
  pointer-events: auto;
  background-color: #fff;
  border-radius: 2px; }
  .photo-control img, .fullscreen-control img {
    display: block;
    float: left;
    margin: 5px;
    width: 30px; }
  .photo-control p, .fullscreen-control p {
    font-weight: bold;
    color: #222f41;
    font-size: 1.5em;
    min-width: 150px;
    margin: 5px; }

.photo-box, .map-photo-box {
  position: absolute;
  width: 40%;
  position: absolute;
  left: 30%;
  top: 50px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.19);
  z-index: 1999;
  overflow: hidden;
  display: none; }
  .photo-box.active, .map-photo-box.active {
    display: block; }
  .photo-box a.close, .map-photo-box a.close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    background-color: #000;
    overflow: hidden;
    text-indent: -9000px;
    border-radius: 100%;
    background-size: 60% 60%;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("/img/close.svg"); }
  .photo-box h2, .map-photo-box h2 {
    font-size: 1em;
    font-weight: bold;
    color: #222f41;
    padding: 0.5em; }
  .photo-box p, .map-photo-box p {
    font-size: .9em;
    line-height: 1.3;
    padding: 0 0.5em 0.5em 0.5em; }
  .photo-box img, .map-photo-box img {
    display: block;
    width: 100%; }

.map-feature {
  width: 100%;
  height: 100vh;
  background-image: url("/maps/backdrop.jpg");
  background-size: cover; }

.big-image.map .image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 0 !important;
  padding-top: 50%; }

.my-map-feature {
  margin: 0px auto;
  height: 0;
  padding-top: 70%;
  position: relative; }
  .my-map-feature .map-backdrop {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 1; }
  .my-map-feature-creating {
    z-index: 99;
    position: absolute;
    top: 20%;
    width: 70%;
    height: 56%;
    box-sizing: border-box;
    padding-top: 18%;
    display: none;
    left: 15%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.66); }
    .my-map-feature-creating h2.loading {
      font-size: 4em;
      font-weight: 700; }
  .my-map-feature-completed {
    z-index: 99;
    position: absolute;
    bottom: 10px;
    box-sizing: border-box;
    padding: 10px 5px 10px 5px;
    width: 70%;
    left: 15%;
    text-align: center;
    display: none;
    background-color: #fff; }
    .my-map-feature-completed .confirm {
      font-weight: 700 !important;
      padding-bottom: 5px;
      font-size: 2em;
      text-align: center;
      display: block;
      clear: both; }
    .my-map-feature-completed p {
      font-size: .9em;
      display: inline-block; }
    @media only screen and (max-device-width: 400px) {
      .my-map-feature-completed {
        width: 76%;
        left: 12%; } }
  .my-map-feature.completed .my-map-feature-completed {
    display: block; }
  .my-map-feature.completed .my-map-feature-form {
    display: none; }
  .my-map-feature.completed .share-frame {
    height: 83%; }
  .my-map-feature.creating .my-map-feature-completed {
    display: none; }
  .my-map-feature.creating .my-map-feature-creating {
    display: block; }
  .my-map-feature .share-frame {
    width: 70%;
    height: 80%;
    box-sizing: border-box;
    border: 30px solid #fff;
    border-bottom: 0px;
    z-index: 2;
    left: 15%;
    top: 15%;
    position: absolute;
    pointer-events: none;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5); }
    @media only screen and (max-device-width: 400px) {
      .my-map-feature .share-frame {
        width: 76%;
        left: 12%;
        border: 10px solid #fff; } }
    .my-map-feature .share-frame .strapline {
      background-color: #fff;
      position: absolute;
      bottom: 0px;
      width: 100%;
      pointer-events: all;
      height: 100px; }
      .my-map-feature .share-frame .strapline p {
        margin: 0;
        padding: 2px 0 10px 0;
        font-size: .9em; }
      .my-map-feature .share-frame .strapline h3 {
        margin: 0;
        padding: 10px 0 2px 0;
        font-weight: 700; }
      .my-map-feature .share-frame .strapline a {
        display: block;
        float: right;
        width: 120px;
        font-size: 1.2em;
        text-align: center;
        border-radius: 3px;
        box-sizing: border-box;
        text-transform: uppercase;
        margin: 10px 0 0 10px;
        background-color: #222f41;
        color: #fff;
        padding: 5px 5px 5px 40px;
        font-weight: 700;
        box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
        background-image: url("/images/map.svg");
        background-repeat: no-repeat;
        background-position: 10px center;
        background-size: 30px 30px; }
      @media only screen and (max-device-width: 400px) {
        .my-map-feature .share-frame .strapline {
          height: 50px; }
          .my-map-feature .share-frame .strapline h3 {
            font-size: .7em; }
          .my-map-feature .share-frame .strapline p {
            font-size: .5em; }
          .my-map-feature .share-frame .strapline a {
            font-size: 1em;
            width: 100px; } }
  .my-map-feature .another, .my-map-feature .share-link {
    display: inline-block;
    box-sizing: border-box;
    width: 27%;
    margin: 0 3% 0 3%;
    padding: 0.5em 1.5em 0.5em 1.5em;
    color: #fff;
    text-align: center;
    font-weight: 700;
    background-color: #fff;
    color: #222f41;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 3% center;
    background-size: 1.5em 1.5em; }
    .my-map-feature .another:first-child, .my-map-feature .share-link:first-child {
      margin-right: 3%; }
    @media only screen and (max-device-width: 400px) {
      .my-map-feature .another, .my-map-feature .share-link {
        font-size: 0.8em; } }
  .my-map-feature .another {
    background-image: url("/images/img/refresh.svg");
    position: relative;
    top: 7px; }
  .my-map-feature .share-link {
    background-image: url("/images/img/download.svg"); }
  .my-map-feature h2 {
    display: inline-block;
    text-align: left;
    font-size: 18px !important;
    color: #222f41 !important;
    padding: 0;
    margin: 0; }
    @media only screen and (max-device-width: 400px) {
      .my-map-feature h2 {
        font-size: 12px !important; } }
  .my-map-feature .small-social {
    display: inline-block;
    box-sizing: border-box;
    width: 22%;
    margin: 1%;
    padding: 0.5em 0.5em 0.5em 1.5em;
    color: #fff;
    text-align: center;
    font-weight: 700;
    background-color: red;
    border-radius: 5px;
    font-size: 0.9em;
    background-repeat: no-repeat;
    background-position: 7% center;
    background-size: 1em 1em; }
    .my-map-feature .small-social:first-child {
      padding: 0.5em 0.5em 0.5em 0.5em; }
    .my-map-feature .small-social.facebook {
      background-color: #3b5998;
      background-image: url("/images/img/glyphicons-social-31-facebook.svg");
      clear: right; }
    .my-map-feature .small-social.twitter {
      background-color: #55acee;
      background-image: url("/images/img/glyphicons-social-32-twitter.svg"); }
    @media only screen and (max-device-width: 400px) {
      .my-map-feature .small-social {
        font-size: 0.5em; } }

.sign-feature {
  margin: 0px auto;
  height: 0;
  padding-top: 70%;
  position: relative;
  background-color: #ccc;
  background-size: cover;
  background-position: center center;
  background-image: url("/sign-makar/demo.png"); }
  .sign-feature-form {
    position: absolute;
    bottom: 0px;
    padding: 20px;
    text-align: center;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.69); }
    .sign-feature-form input, .sign-feature-form button {
      border: 0;
      background-color: #fff;
      font-size: 2em;
      border-radius: 3px;
      margin: 0 20px 0 0;
      color: #222f41;
      padding: 10px;
      font-weight: 700; }
      @media only screen and (max-device-width: 400px) {
        .sign-feature-form input, .sign-feature-form button {
          font-size: 1em; } }
    .sign-feature-form button {
      color: #fff;
      background-color: #222f41;
      font-weight: 700;
      padding-right: 40px;
      background-image: url("/maps/sign-icon.svg");
      background-position: 90% center;
      background-repeat: no-repeat;
      background-size: auto 60%;
      box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
      border-radius: 3px;
      padding: 10px 55px 10px 15px; }
      @media only screen and (max-device-width: 400px) {
        .sign-feature-form button {
          padding: 10px 40px 10px 10px; } }
  .sign-feature-completed {
    position: absolute;
    bottom: 0px;
    padding: 0 10px 5px 10px;
    width: 100%;
    text-align: center;
    display: none;
    background-color: rgba(32, 45, 63, 0.69); }
    @media only screen and (max-device-width: 400px) {
      .sign-feature-completed {
        text-align: left; } }
  .sign-feature-creating {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #222f41;
    color: #fff;
    display: none; }
    .sign-feature-creating h2.loading {
      display: table-cell !important;
      text-align: center !important;
      width: 100% !important;
      height: 100%;
      vertical-align: middle;
      font-size: 3em !important; }
  .sign-feature.creating .sign-feature-completed {
    display: none; }
  .sign-feature.creating .sign-feature-form {
    display: none; }
  .sign-feature.creating .sign-feature-creating {
    display: table; }
  .sign-feature.completed .sign-feature-completed {
    display: block; }
  .sign-feature.completed .sign-feature-form {
    display: none; }
  .sign-feature .another, .sign-feature .share-link {
    display: inline-block;
    box-sizing: border-box;
    width: 27%;
    margin: 2% 3% 2% 3%;
    padding: 0.5em 1.5em 0.5em 1.5em;
    color: #fff;
    text-align: center;
    font-weight: 700;
    background-color: #fff;
    color: #222f41;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 3% center;
    background-size: 1.5em 1.5em;
    overflow: hidden; }
    .sign-feature .another:first-child, .sign-feature .share-link:first-child {
      margin-right: 3%; }
    @media only screen and (max-device-width: 400px) {
      .sign-feature .another, .sign-feature .share-link {
        display: block;
        float: left;
        overflow: hidden;
        margin: 0;
        padding: 0;
        width: 40px;
        height: 40px;
        background-size: 70% 70%;
        background-position: center center;
        text-indent: -9000px;
        font-size: 0.9em;
        margin: 7px 7px 5px 5px; }
        .sign-feature .another:first-child, .sign-feature .share-link:first-child {
          margin-right: 5px; } }
  .sign-feature .another {
    background-image: url("/images/img/refresh.svg"); }
  .sign-feature .share-link {
    background-image: url("/images/img/download.svg"); }
  .sign-feature h2 {
    display: block;
    text-align: left;
    float: left;
    color: #fff !important; }
    @media only screen and (max-device-width: 400px) {
      .sign-feature h2 {
        font-size: 0.8em !important;
        margin: 0;
        padding: 20px 5px 20px 5px; } }
  .sign-feature .small-social {
    display: inline-block;
    box-sizing: border-box;
    width: 20%;
    margin: 2%;
    padding: 0.5em;
    color: #fff;
    text-align: center;
    font-weight: 700;
    background-color: red;
    border-radius: 5px;
    overflow: hidden;
    font-size: 1em;
    background-repeat: no-repeat;
    background-position: 7% center;
    background-size: 1em 1em; }
    .sign-feature .small-social.facebook {
      background-color: #3b5998;
      background-image: url("/images/img/glyphicons-social-31-facebook.svg");
      clear: right; }
    .sign-feature .small-social.twitter {
      background-color: #55acee;
      background-image: url("/images/img/glyphicons-social-32-twitter.svg"); }
    @media only screen and (max-device-width: 400px) {
      .sign-feature .small-social {
        width: 120px;
        height: 40px;
        display: block;
        float: left;
        box-sizing: border-box;
        background-size: 70% 70%;
        background-position: center center;
        font-size: 0em;
        z-index: 99;
        position: relative;
        opacity: 0; } }

article[data-template="map-backdrop"] {
  position: absolute;
  left: 0px;
  margin-top: -10px;
  width: 100%;
  z-index: 0; }
  article[data-template="map-backdrop"].fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99; }
  article[data-template="map-backdrop"] .photo-box {
    top: -30px; }

section article[data-context="frame"][data-template="feature-map-frame"].two-row.two-col {
  margin-top: 57vh;
  margin-right: 100%; }

.directory {
  margin: 0 3.5% 10px 3.5%; }

.directory-entry {
  border: 0;
  width: 100%;
  margin: 0 0 10px 0; }

.directory-entry {
  text-align: left;
  line-height: 1.2;
  padding: 0 10px 10px 0; }
  .directory-entry img {
    width: 33%;
    display: block;
    float: left;
    box-sizing: border-box;
    margin: 0 10px 20px 0; }
  .directory-entry h3 {
    margin-top: 0; }
  .directory-entry ul.categories {
    margin: 0;
    padding: 0; }
    .directory-entry ul.categories li {
      display: inline-block;
      margin: 5px 5px 5px 0;
      font-size: .8em;
      color: #222f41; }
      .directory-entry ul.categories li:after {
        content: ","; }
      .directory-entry ul.categories li:last-child:after {
        content: ""; }
  .directory-entry h2 {
    font-weight: 900;
    margin-left: 0; }
  .directory-entry .links {
    clear: both; }
    .directory-entry .links a {
      color: #fff;
      display: inline-block;
      min-width: 32%;
      background-color: #000000;
      border-radius: 3px;
      padding: 5px 5px 5px 25px;
      margin-bottom: 10px;
      box-sizing: border-box; }
  .directory-entry a.twitter {
    background-color: #55acee;
    background-image: url(/images/img/glyphicons-social-32-twitter.svg);
    background-position: 5px center;
    background-repeat: no-repeat;
    display: inline-block; }
  .directory-entry a.facebook {
    background-color: #3b5998;
    background-image: url(/images/img/glyphicons-social-31-facebook.svg);
    background-size: 1em 1em;
    background-position: 5px center;
    background-repeat: no-repeat;
    color: #fff;
    border-radius: 3px;
    padding: 5px 5px 5px 30px;
    display: inline-block; }


.EmbeddedTweet{
	margin: 0 3.5% 0 3.5%;
}

/*
@import "compass/reset";
@import "compass/css3";

@import url('http://fonts.googleapis.com/css?family=Montserrat:400,500,700');
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,700,300');

@import "fonts";
@import "base";
@import "helpers";
@import "header";
@import "footer";
@import "nav";
@import "section";
@import "home";
@import "article";
@import "podcast";
@import "dialect";
@import "pairts";
@import "big-map";
@import "animations";
*/

/*# sourceMappingURL=screen.css.map */