.section-intro .wrap .dropdown ul:after, .blog-post .wrap .hold:after, .blog-post .wrap:after, .text-page .wrap .content > div .boxes:after, .updatesection .wrap .cols .col .header:after, .updatesection .wrap .cols .widecol .header:after, .updatesection .wrap .cols .widecol .grid-item .content .cols:after, .updatesection .wrap .cols .widecol .grid-item:after, .updatesection .wrap .cols:after, .newsletter .wrap form:after, .modal .wrap .modal-window:after {
  content: '';
  display: block;
  clear: both; }

.news-slider .swiper-container .swiper-wrapper .swiper-slide a h4,
.news-slider .swiper-container .swiper-wrapper .swiper-slide .videoWrap h4, .grid-list .wrap .sidebar nav a, .section-intro .wrap p, .blog-post .wrap, .blog-post .wrap > figure, .text-page .wrap .content > div .boxes .box, .updatesection .wrap .cols .col article, .updatesection .wrap .cols .col article a .icon span, .updatesection .wrap .cols .widecol .grid-item, .updatesection .wrap .cols .widecol .grid-item .actions a span, .newsletter .wrap form p input {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.blog-post .wrap .hold > .social a, .updatesection .wrap .cols .col .header h3:before, .updatesection .wrap .cols .col article a .icon, .updatesection .wrap .cols .widecol .header h3:before, .updatesection .wrap .cols .widecol .grid-item .actions a, .newsletter .close {
  background-image: url("../sprites/sprite2.svg");
  background-size: 700px 700px;
  font-size: 20px; }

.grid-list .wrap .sidebar nav a, .updatesection .wrap .cols .col, .updatesection .wrap .cols .col article a .icon span, .updatesection .wrap .cols .widecol .header h3, .updatesection .wrap .cols .widecol .header a, .updatesection .wrap .cols .widecol .grid-item .content .cols .col p.tags a, .updatesection .wrap .cols .widecol .grid-item .actions a span, .newsletter .wrap form p label, .newsletter .wrap form button {
  font-family: 'Proza Libre', sans-serif; }

.updatesection .wrap .cols .col article a p, .updatesection .wrap .cols .widecol .grid-item .content .cols .col p {
  font-family: 'Gentium Basic', serif; }

.bg-yellow {
  background-color: #ffd84c; }

.bg-grey {
  background-color: #f1f1f1; }

header[role="banner"] .wrap, .introduction .wrap, .grid-list .wrap, .quote-block .wrap, .section-intro .wrap, .blog-post .wrap, .text-page .wrap, .updatesection .wrap, .newsletter .wrap, footer[role="contentinfo"] .wrap, .cookie-bar .wrap, .home.landingPage .wrap {
  width: 1180px;
  margin: 0 auto; }

.tablet-down {
  display: none !important; }

.desktop {
  display: block; }

.mainNav {
  right: 50%;
  margin-right: -590px; }

header[role="banner"] {
  padding: 20px 0;
  margin: 0 0 80px 0; }
  header[role="banner"] .wrap h1 {
    width: 181px;
    height: 42px;
    background-position: -10em -15em; }
  header[role="banner"] .wrap button {
    display: none; }
  header[role="banner"].bg-yellow {
    margin: 0; }

.introduction .wrap h2 {
  font-size: 1.875rem;
  width: 680px; }
.introduction .wrap p {
  width: 680px;
  font-size: 1.25rem; }

.news-slider {
  position: relative; }
  .news-slider .swiper-container .swiper-wrapper .swiper-slide {
    background-color: white; }
    .news-slider .swiper-container .swiper-wrapper .swiper-slide.aVideo .videoWrap .hold {
      background-color: #203446;
      width: 680px;
      margin: 0 0 0 200px;
      position: relative; }
      .news-slider .swiper-container .swiper-wrapper .swiper-slide.aVideo .videoWrap .hold figure {
        width: 410px;
        margin: 0 20px 0 auto; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide.aVideo .videoWrap .hold figure.video {
          margin-top: 20px; }
      .news-slider .swiper-container .swiper-wrapper .swiper-slide.aVideo .videoWrap .hold .content {
        top: auto;
        left: 0;
        width: 250px;
        bottom: 0; }
    .news-slider .swiper-container .swiper-wrapper .swiper-slide a,
    .news-slider .swiper-container .swiper-wrapper .swiper-slide .videoWrap {
      display: block;
      width: 1180px;
      padding: 40px 0;
      margin: 0 auto;
      position: relative; }
      .news-slider .swiper-container .swiper-wrapper .swiper-slide a .hold,
      .news-slider .swiper-container .swiper-wrapper .swiper-slide .videoWrap .hold {
        height: 300px;
        overflow: hidden; }
      .news-slider .swiper-container .swiper-wrapper .swiper-slide a h4,
      .news-slider .swiper-container .swiper-wrapper .swiper-slide .videoWrap h4 {
        position: absolute;
        right: 0;
        top: 100px;
        left: auto;
        color: #1f3446;
        width: 280px;
        padding: 20px 40px 20px 0;
        border-top: 2px solid #1f3446; }
      .news-slider .swiper-container .swiper-wrapper .swiper-slide a figure,
      .news-slider .swiper-container .swiper-wrapper .swiper-slide .videoWrap figure {
        height: auto;
        width: 680px;
        margin: 0 0 0 200px; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide a figure.overlay,
        .news-slider .swiper-container .swiper-wrapper .swiper-slide .videoWrap figure.overlay {
          background-position: -207px 0; }
      .news-slider .swiper-container .swiper-wrapper .swiper-slide a .content,
      .news-slider .swiper-container .swiper-wrapper .swiper-slide .videoWrap .content {
        position: absolute;
        bottom: 40px;
        padding: 20px;
        left: 200px; }
  .news-slider .swiper-container .bar {
    position: absolute;
    width: 280px;
    right: 50%;
    margin: 0 -590px 0 0;
    top: 125px;
    z-index: 100; }
    .news-slider .swiper-container .bar .pagination {
      padding: 70px 0 0 0; }
    .news-slider .swiper-container .bar menu {
      padding: 0;
      width: 50px; }
      .news-slider .swiper-container .bar menu button {
        margin: 0; }

.grid-list {
  padding: 40px 0 50px 0; }
  .grid-list .wrap {
    position: relative; }
    .grid-list .wrap .sidebar {
      position: absolute;
      top: -70px;
      left: 0;
      z-index: 100;
      width: 180px; }
      .grid-list .wrap .sidebar nav {
        border-bottom: 2px solid #1f3446; }
        .grid-list .wrap .sidebar nav a {
          display: block;
          border-top: 2px solid #1f3446;
          text-decoration: none;
          font-size: 0.8125rem;
          height: 30px;
          color: #1f3446;
          font-weight: 500;
          line-height: 2.3; }
          .grid-list .wrap .sidebar nav a.current, .grid-list .wrap .sidebar nav a:hover {
            color: #00a597; }
    .grid-list .wrap header {
      margin: 0 0 0 300px; }
      .grid-list .wrap header + .grid .grid-item {
        margin: 20px 0 0 0; }
      .grid-list .wrap header + .grid.full-width {
        margin-top: 18px; }
    .grid-list .wrap .grid {
      margin: 0 0 0 300px; }
      .grid-list .wrap .grid .grid-item {
        width: 280px;
        margin: 0 0 0 0; }
        .grid-list .wrap .grid .grid-item + .grid-item {
          margin-left: 20px; }
        .grid-list .wrap .grid .grid-item:nth-child(3n + 1) {
          margin-left: 0; }
        .grid-list .wrap .grid .grid-item:nth-child(3) ~ .grid-item {
          margin-top: 40px; }
      .grid-list .wrap .grid.full-width {
        margin: 0 0 0 300px; }
        .grid-list .wrap .grid.full-width .grid-item {
          margin: 0; }
          .grid-list .wrap .grid.full-width .grid-item + .grid-item {
            margin-left: 0;
            margin-top: 10px; }
          .grid-list .wrap .grid.full-width .grid-item:nth-child(3) ~ .grid-item {
            margin-top: 10px; }
    .grid-list .wrap .pagination {
      padding: 35px 0 0 0; }
      .grid-list .wrap .pagination h3 {
        margin-left: 300px; }
      .grid-list .wrap .pagination a {
        display: inline-block;
        margin: 0 10px; }
    .grid-list .wrap .overview {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      width: 280px; }
  .grid-list.left .wrap header {
    width: 880px;
    margin: 0; }
  .grid-list.left .wrap .grid {
    width: 880px;
    margin: 0; }
    .grid-list.left .wrap .grid .grid-item:first-child {
      margin-top: 18px; }
  .grid-list.left .wrap .overview {
    right: 0;
    left: auto; }
  .grid-list.red .wrap .sidebar nav a.current, .grid-list.red .wrap .sidebar nav a:hover {
    color: #ec1d24; }
  .grid-list.blue .wrap .sidebar nav a.current, .grid-list.blue .wrap .sidebar nav a:hover {
    color: #09a1c1; }
  .grid-list.green .wrap .sidebar nav a.current, .grid-list.green .wrap .sidebar nav a:hover {
    color: #00a550; }
  .grid-list.yellow .wrap .sidebar nav a.current, .grid-list.yellow .wrap .sidebar nav a:hover {
    color: #efa700; }

.quote-block {
  padding: 65px 0 100px 0; }
  .quote-block .wrap {
    padding: 0; }
    .quote-block .wrap div {
      width: 750px;
      margin: 0 0 0 300px; }

.section-intro {
  padding: 0;
  position: relative;
  z-index: 1; }
  .section-intro .wrap header {
    margin: 0;
    width: 680px; }
  .section-intro .wrap p {
    margin: 0;
    height: 151px;
    width: 680px; }
  .section-intro .wrap .dropdown {
    margin: 0 0 0 300px;
    padding: 0;
    position: relative;
    z-index: 1000; }
    .section-intro .wrap .dropdown:before {
      content: '';
      display: block;
      width: 100vw;
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      z-index: -1;
      margin-left: -webkit-calc(-50vw - 150px);
      margin-left: calc(-50vw - 150px);
      background-color: #f1f1f1; }
    .section-intro .wrap .dropdown h3 {
      width: 100px;
      margin: 0;
      padding: 50px 0 0 0; }
    .section-intro .wrap .dropdown ul {
      width: 580px;
      margin: 0; }
      .section-intro .wrap .dropdown ul li {
        width: 180px;
        margin: 40px 0 0 0; }
        .section-intro .wrap .dropdown ul li ul {
          left: 0; }
        .section-intro .wrap .dropdown ul li + li {
          margin: 40px 0 0 20px; }
    .section-intro .wrap .dropdown > button {
      width: 180px;
      margin: 40px 0 0 20px; }
  .section-intro.author .wrap p {
    height: auto; }
  .section-intro + .grid-list {
    padding: 40px 0; }

.blog-post {
  position: relative; }
  .blog-post .wrap {
    padding: 0; }
    .blog-post .wrap header {
      width: 680px;
      margin: 0; }
    .blog-post .wrap > figure {
      width: 780px;
      position: relative;
      z-index: 30;
      margin: 75px 0 15px 0; }
      .blog-post .wrap > figure + .hold {
        margin-top: 60px; }
    .blog-post .wrap .hold {
      width: 780px;
      position: relative; }
      .blog-post .wrap .hold > .social {
        width: 30px;
        position: sticky;
        position: -webkit-sticky;
        z-index: 10;
        margin-left: 0;
        top: 0;
        left: 0; }
        .blog-post .wrap .hold > .social.addPadding {
          top: 40px; }
        .blog-post .wrap .hold > .social a {
          display: block;
          text-indent: -10000px;
          overflow: hidden;
          width: 30px;
          height: 30px;
          float: left;
          background-position: -1em -15em; }
          .blog-post .wrap .hold > .social a + a {
            margin: 10px 0 0 0;
            background-position: -4em -15em; }
            .blog-post .wrap .hold > .social a + a + a {
              background-position: -28em -20em; }
    .blog-post .wrap .content {
      width: 680px;
      float: right;
      position: relative;
      z-index: 20;
      margin-top: -78px; }
      .blog-post .wrap .content .intro {
        margin-top: 0; }
      .blog-post .wrap .content figure {
        margin: 0; }
      .blog-post .wrap .content blockquote {
        width: 680px;
        font-size: 1.5rem;
        margin: 0 0 50px -100px;
        position: relative; }
        .blog-post .wrap .content blockquote:before {
          content: '';
          display: block;
          width: 100px;
          position: absolute;
          height: 150%;
          z-index: -1;
          margin: -40px 0 0 -50px;
          background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 18%, white 49%, white 85%, rgba(255, 255, 255, 0) 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 18%, white 49%, white 85%, rgba(255, 255, 255, 0) 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 18%, white 49%, white 85%, rgba(255, 255, 255, 0) 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
          /* IE6-9 */ }
    .blog-post .wrap .footnotes {
      width: 680px;
      float: left;
      margin: 20px 0 0 100px; }
      .blog-post .wrap .footnotes .social {
        display: none !important; }
        .blog-post .wrap .footnotes .social + p {
          border-top: 2px solid #ec1d24;
          padding: 10px 0 0 0; }
      .blog-post .wrap .footnotes .side {
        width: 280px;
        position: absolute;
        top: 190px;
        right: 0;
        max-height: calc(100% - 33px);
        overflow: scroll; }
      .blog-post .wrap .footnotes div p a:hover {
        color: #ec1d24; }
  .blog-post.blue .wrap .hold > .social a {
    background-position: -1em -19em; }
    .blog-post.blue .wrap .hold > .social a + a {
      background-position: -4em -19em; }
      .blog-post.blue .wrap .hold > .social a + a + a {
        background-position: -28em -18em; }
  .blog-post.blue .wrap .footnotes .social + p {
    border-color: #09a1c1; }
  .blog-post.blue .wrap .footnotes div p a:hover {
    color: #09a1c1; }
  .blog-post.yellow .wrap .hold > .social a {
    background-position: -1em -13em; }
    .blog-post.yellow .wrap .hold > .social a + a {
      background-position: -4em -13em; }
      .blog-post.yellow .wrap .hold > .social a + a + a {
        background-position: -26em -18em; }
  .blog-post.yellow .wrap .footnotes .social + p {
    border-color: #ffd84c; }
  .blog-post.yellow .wrap .footnotes div p a:hover {
    color: #efa700; }
  .blog-post.green .wrap .hold > .social a {
    background-position: -1em -17em; }
    .blog-post.green .wrap .hold > .social a + a {
      background-position: -4em -17em; }
      .blog-post.green .wrap .hold > .social a + a + a {
        background-position: -26em -20em; }
  .blog-post.green .wrap .footnotes .social + p {
    border-color: #00a550; }
  .blog-post.green .wrap .footnotes div p a:hover {
    color: #00a550; }
  .blog-post.landing .wrap .footnotes .side .category.events figure {
    height: 105px; }
    .blog-post.landing .wrap .footnotes .side .category.events figure + aside {
      bottom: 8px;
      font-size: 0.8125rem;
      height: 84px; }

.fixedSocial .blog-post .wrap .hold > .social {
  position: fixed;
  margin-left: 18px;
  top: 0; }

.text-page .wrap .sidebar {
  width: 180px;
  left: 50%;
  margin-left: -590px; }
.text-page .wrap .content {
  width: 880px;
  margin: 0 0 0 300px; }
  .text-page .wrap .content > div {
    padding: 0 0 70px 0;
    width: 680px;
    font-size: 1.25rem; }
    .text-page .wrap .content > div figure {
      width: 880px; }
      .text-page .wrap .content > div figure img {
        height: auto;
        width: 100%; }
    .text-page .wrap .content > div h4 {
      font-size: 1rem; }
    .text-page .wrap .content > div h3 {
      font-size: 1.125rem;
      margin-top: 0; }
    .text-page .wrap .content > div a {
      max-width: 180px; }
    .text-page .wrap .content > div .boxes {
      width: 880px; }
      .text-page .wrap .content > div .boxes .box {
        width: 280px;
        height: 473px;
        float: left;
        position: relative; }
        .text-page .wrap .content > div .boxes .box + .box {
          margin: 0 0 0 20px; }
        .text-page .wrap .content > div .boxes .box .links {
          bottom: 20px;
          position: absolute;
          width: 90%; }
          .text-page .wrap .content > div .boxes .box .links .join {
            margin: 31px 0 31px 0;
            text-align: center; }
          .text-page .wrap .content > div .boxes .box .links a {
            display: block;
            max-width: 100%;
            width: 100%; }
    .text-page .wrap .content > div .forms {
      max-width: 380px; }
    .text-page .wrap .content > div ul li h4 {
      font-size: 1.125rem; }
    .text-page .wrap .content > div ul.people li {
      min-height: 180px; }
      .text-page .wrap .content > div ul.people li figure {
        border-radius: 50%;
        height: 140px;
        width: 140px;
        margin-right: 25px; }
      .text-page .wrap .content > div ul.people li div {
        width: 580px; }
      .text-page .wrap .content > div ul.people li + li {
        margin: 20px 0 0 0; }
    .text-page .wrap .content > div.bg-grey {
      padding: 22px 0 70px 0;
      position: relative; }
      .text-page .wrap .content > div.bg-grey:before {
        content: '';
        display: block;
        width: 100vw;
        height: 100%;
        background-color: #f1f1f1;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -webkit-calc(-50vw - 50px);
        margin-left: calc(-50vw - 50px);
        z-index: -1; }
      .text-page .wrap .content > div.bg-grey .donationOptions a {
        max-width: 32%;
        width: 32%;
        margin: 0;
        display: block;
        float: left;
        margin-right: 13px; }
        .text-page .wrap .content > div.bg-grey .donationOptions a:last-of-type {
          margin-right: 0; }
    .text-page .wrap .content > div.wide {
      width: 100%; }
  .text-page .wrap .content.bg-grey {
    margin: 0 0 0 300px;
    padding-top: 24px;
    position: relative; }
    .text-page .wrap .content.bg-grey:before {
      content: '';
      display: block;
      width: 100vw;
      height: 100%;
      background-color: #f1f1f1;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -webkit-calc(-50vw - 150px);
      margin-left: calc(-50vw - 150px);
      z-index: -1; }

.updatesection {
  display: block;
  background-color: whitesmoke;
  padding: 50px 0; }
  .updatesection .wrap .cols {
    margin: 0 -10px; }
    .updatesection .wrap .cols .col {
      width: 280px;
      margin: 0 10px;
      float: left; }
      .updatesection .wrap .cols .col > p {
        border-top: 2px solid #1f3446;
        line-height: 1.5;
        padding: 15px 0 0 0;
        margin: 0 0 0 0; }
      .updatesection .wrap .cols .col .header {
        border-top: 2px solid black;
        padding: 15px 0 20px 0; }
        .updatesection .wrap .cols .col .header h3 {
          font-size: 1rem;
          font-weight: 500;
          float: left;
          margin: 0; }
          .updatesection .wrap .cols .col .header h3:before {
            content: '';
            display: block;
            width: 30px;
            height: 30px;
            float: left;
            margin: -9px 8px 0 0; }
        .updatesection .wrap .cols .col .header a {
          display: block;
          font-weight: 500;
          float: right; }
      .updatesection .wrap .cols .col article {
        font-size: 1rem;
        height: 447px;
        line-height: 1.333;
        padding: 0 20px 15px 20px;
        background-color: white;
        position: relative; }
        .updatesection .wrap .cols .col article a {
          display: block;
          text-decoration: none; }
          .updatesection .wrap .cols .col article a figure {
            margin: 0 -20px 20px -20px; }
          .updatesection .wrap .cols .col article a h2 {
            font-weight: 500;
            margin: 10px 0 0 0;
            font-size: 1rem; }
          .updatesection .wrap .cols .col article a h3 {
            font-size: 0.8125rem;
            font-weight: 500;
            margin: 10px 0 0 0; }
          .updatesection .wrap .cols .col article a p {
            margin-top: 18px; }
          .updatesection .wrap .cols .col article a .icon {
            width: 40px;
            position: absolute;
            bottom: 20px;
            height: 40px;
            background-position: -8em -19em; }
            .updatesection .wrap .cols .col article a .icon span {
              display: inline-block;
              position: relative;
              left: 40px;
              opacity: 0;
              top: 5px;
              padding: 5px 10px 0 10px;
              width: 94px;
              text-align: center;
              font-style: normal;
              height: 25px;
              background-color: #f1f1f1;
              font-size: 0.75rem;
              color: #1f3446;
              -webkit-transition: all 200ms ease;
              -ms-transition: all 200ms ease;
              transition: all 200ms ease;
              pointer-events: none; }
              .updatesection .wrap .cols .col article a .icon span:after {
                content: '';
                display: block;
                width: 17px;
                height: 17px;
                border-radius: 2px;
                background-color: #f1f1f1;
                position: absolute;
                top: 4px;
                left: -8px;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
            .updatesection .wrap .cols .col article a .icon:hover {
              overflow: visible; }
              .updatesection .wrap .cols .col article a .icon:hover span {
                left: 55px;
                opacity: 1; }
            .updatesection .wrap .cols .col article a .icon.icon-event-recording {
              background-position: -15em -26em; }
            .updatesection .wrap .cols .col article a .icon.icon-audio, .updatesection .wrap .cols .col article a .icon.icon-podcast {
              background-position: -15em -26em; }
            .updatesection .wrap .cols .col article a .icon.icon-in-depth {
              background-position: -1em -29em; }
          .updatesection .wrap .cols .col article a:hover h2 {
            text-decoration: underline; }
          .updatesection .wrap .cols .col article a:hover .icon {
            background-position: -10.5em -19em; }
            .updatesection .wrap .cols .col article a:hover .icon.icon-event-recording {
              background-position: -17.5em -26em; }
            .updatesection .wrap .cols .col article a:hover .icon.icon-audio, .updatesection .wrap .cols .col article a:hover .icon.icon-podcast {
              background-position: -17.5em -26em; }
            .updatesection .wrap .cols .col article a:hover .icon.icon-in-depth {
              background-position: -4em -29em; }
      .updatesection .wrap .cols .col.top > p {
        margin-top: 0; }
      .updatesection .wrap .cols .col.green .header {
        border-color: #00a550; }
        .updatesection .wrap .cols .col.green .header h3:before {
          background-position: -10em -7em; }
      .updatesection .wrap .cols .col.green article a h2 {
        color: #00a550; }
      .updatesection .wrap .cols .col.green article a .icon {
        background-position: -4em -26em; }
      .updatesection .wrap .cols .col.green article a:hover .icon {
        background-position: -1em -26em; }
      .updatesection .wrap .cols .col.blue .header {
        border-color: #09a1c1; }
        .updatesection .wrap .cols .col.blue .header h3:before {
          background-position: -10em -9em; }
      .updatesection .wrap .cols .col.blue article a h2 {
        color: #09a1c1; }
      .updatesection .wrap .cols .col.blue article a .icon {
        background-position: -8em -26em; }
        .updatesection .wrap .cols .col.blue article a .icon.icon-event-recording {
          background-position: -8em -29em; }
        .updatesection .wrap .cols .col.blue article a .icon.icon-audio, .updatesection .wrap .cols .col.blue article a .icon.icon-podcast, .updatesection .wrap .cols .col.blue article a .icon.icon-event-recording {
          background-position: -8em -29em; }
      .updatesection .wrap .cols .col.blue article a:hover .icon {
        background-position: -10.5em -26em; }
        .updatesection .wrap .cols .col.blue article a:hover .icon.icon-event-recording {
          background-position: -10.5em -29em; }
        .updatesection .wrap .cols .col.blue article a:hover .icon.icon-audio, .updatesection .wrap .cols .col.blue article a:hover .icon.icon-podcast {
          background-position: -10.5em -29em; }
      .updatesection .wrap .cols .col.yellow .header {
        border-color: #ffd84c; }
        .updatesection .wrap .cols .col.yellow .header h3:before {
          background-position: -10em -3em; }
      .updatesection .wrap .cols .col.yellow article a h2 {
        color: #efa700; }
    .updatesection .wrap .cols .widecol {
      width: 880px;
      margin: 0 10px;
      float: left; }
      .updatesection .wrap .cols .widecol .header {
        border-top: 2px solid #ec1d24;
        padding: 15px 0 20px 0; }
        .updatesection .wrap .cols .widecol .header h3 {
          font-size: 1rem;
          font-weight: 500;
          float: left;
          margin: 0; }
          .updatesection .wrap .cols .widecol .header h3:before {
            content: '';
            display: block;
            float: left;
            width: 30px;
            height: 30px;
            margin: -10px 10px 0 0;
            background-position: -10em -5em; }
        .updatesection .wrap .cols .widecol .header a {
          display: block;
          font-weight: 500;
          float: right; }
      .updatesection .wrap .cols .widecol .grid-item {
        padding: 0 15px;
        background-color: white; }
        .updatesection .wrap .cols .widecol .grid-item .content {
          width: -webkit-calc(100% - 50px);
          width: calc(100% - 50px);
          float: left; }
          .updatesection .wrap .cols .widecol .grid-item .content .cols .col {
            float: left;
            padding: 15px 0 0 0; }
            .updatesection .wrap .cols .widecol .grid-item .content .cols .col .profile {
              border-radius: 50%;
              overflow: hidden; }
            .updatesection .wrap .cols .widecol .grid-item .content .cols .col a {
              text-decoration: none; }
              .updatesection .wrap .cols .widecol .grid-item .content .cols .col a:hover h2 {
                text-decoration: underline; }
            .updatesection .wrap .cols .widecol .grid-item .content .cols .col h2 {
              margin: 0;
              color: #ec1d24;
              line-height: 1.5; }
            .updatesection .wrap .cols .widecol .grid-item .content .cols .col h3 {
              font-size: 0.875rem; }
            .updatesection .wrap .cols .widecol .grid-item .content .cols .col p {
              font-size: 1rem;
              line-height: 1.5;
              border: 0;
              padding: 0;
              margin: 0; }
              .updatesection .wrap .cols .widecol .grid-item .content .cols .col p.tags {
                padding: 0 50px 0 0; }
                .updatesection .wrap .cols .widecol .grid-item .content .cols .col p.tags a {
                  display: inline-block;
                  font-size: 0.875rem;
                  font-weight: 500;
                  text-decoration: underline; }
                  .updatesection .wrap .cols .widecol .grid-item .content .cols .col p.tags a:hover {
                    color: #ec1d24; }
                .updatesection .wrap .cols .widecol .grid-item .content .cols .col p.tags span {
                  display: none; }
            .updatesection .wrap .cols .widecol .grid-item .content .cols .col:nth-child(1) {
              width: 50px; }
            .updatesection .wrap .cols .widecol .grid-item .content .cols .col:nth-child(2) {
              width: -webkit-calc((100% - 80px) / 3) !important;
              width: calc((100% - 80px) / 3) !important; }
            .updatesection .wrap .cols .widecol .grid-item .content .cols .col + .col {
              margin: 0 0 0 20px;
              width: -webkit-calc((100% - 170px) / 3);
              width: calc((100% - 170px) / 3); }
        .updatesection .wrap .cols .widecol .grid-item .actions {
          width: 40px;
          float: right;
          padding: 15px 0;
          margin: 0 0 0 10px; }
          .updatesection .wrap .cols .widecol .grid-item .actions a {
            display: block;
            width: 40px;
            height: 40px;
            text-decoration: none; }
            .updatesection .wrap .cols .widecol .grid-item .actions a span {
              display: block;
              position: relative;
              left: -80px;
              opacity: 0;
              top: 8px;
              padding: 8px 10px 0 10px;
              width: 82px;
              text-align: center;
              height: 25px;
              background-color: #f1f1f1;
              font-size: 0.75rem;
              color: #1f3446;
              -webkit-transition: all 200ms ease;
              -ms-transition: all 200ms ease;
              transition: all 200ms ease; }
              .updatesection .wrap .cols .widecol .grid-item .actions a span:after {
                content: '';
                display: block;
                width: 17px;
                height: 17px;
                border-radius: 2px;
                background-color: #f1f1f1;
                position: absolute;
                top: 4px;
                right: -8px;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
            .updatesection .wrap .cols .widecol .grid-item .actions a.paper {
              background-position: -1em -7em; }
              .updatesection .wrap .cols .widecol .grid-item .actions a.paper:hover {
                background-position: -7em -7em; }
            .updatesection .wrap .cols .widecol .grid-item .actions a.basket {
              background-position: -4em -7em; }
              .updatesection .wrap .cols .widecol .grid-item .actions a.basket:hover {
                background-position: -7em -10em; }
            .updatesection .wrap .cols .widecol .grid-item .actions a.download {
              background-position: -1em -10em; }
            .updatesection .wrap .cols .widecol .grid-item .actions a:hover {
              background-position: -4em -10em; }
              .updatesection .wrap .cols .widecol .grid-item .actions a:hover span {
                left: -97px;
                opacity: 1; }
            .updatesection .wrap .cols .widecol .grid-item .actions a + a {
              margin: 15px 0 0 0; }
        .updatesection .wrap .cols .widecol .grid-item.orange .content .cols .col h2 {
          color: #ff8e27; }
        .updatesection .wrap .cols .widecol .grid-item.orange .actions a.paper {
          background-position: -23em -7em; }
          .updatesection .wrap .cols .widecol .grid-item.orange .actions a.paper:hover {
            background-position: -29em -7em; }
        .updatesection .wrap .cols .widecol .grid-item.orange .actions a.basket {
          background-position: -26em -7em; }
          .updatesection .wrap .cols .widecol .grid-item.orange .actions a.basket:hover {
            background-position: -29em -10em; }
        .updatesection .wrap .cols .widecol .grid-item.orange .actions a.download {
          background-position: -23em -10em; }
          .updatesection .wrap .cols .widecol .grid-item.orange .actions a.download:hover {
            background-position: -26em -10em; }
    .updatesection .wrap .cols + .cols {
      margin: 65px -10px 0 -10px; }

.newsletter {
  height: 80px; }
  .newsletter.headroom--unpinned {
    bottom: -80px; }
  .newsletter .close {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -3000px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin: -15px -613px 0 0;
    right: 50%;
    background-position: -16em -22em; }
  .newsletter .wrap > div {
    width: 531px; }
    .newsletter .wrap > div p {
      margin: 14px 0 0 0;
      width: auto; }
  .newsletter .wrap .social {
    padding: 25px 0;
    width: 80px; }
  .newsletter .wrap form {
    width: auto;
    float: left;
    margin: 0 0 0 0;
    padding: 18px 0; }
    .newsletter .wrap form p {
      display: block;
      float: left;
      position: relative;
      margin: 7px 0 0 0;
      width: 268px; }
      .newsletter .wrap form p label {
        position: absolute;
        top: 50%;
        line-height: 1;
        margin: -5px 0 0 16px;
        font-size: 0.875rem;
        left: 0; }
      .newsletter .wrap form p input {
        width: 100%;
        border-radius: 3px;
        height: 30px;
        font-size: 0.875rem;
        padding: 0 16px;
        border: 0;
        background-color: white; }
      .newsletter .wrap form p + p {
        margin: 0 0 0 17px; }
      .newsletter .wrap form p [data-errorlist] + input {
        background-color: #ec1d24;
        color: white; }
    .newsletter .wrap form button {
      width: 100px;
      height: 40px;
      float: left;
      font-size: 0.875rem;
      color: rgba(0, 0, 0, 0.8);
      font-weight: 500;
      border-radius: 3px;
      background: #fffdf1;
      margin: 2px 0 0 17px; }
  .newsletter .wrap .message {
    display: none !important; }
  .newsletter.success .wrap form {
    display: none; }
  .newsletter.success .wrap .message {
    display: block !important; }

footer[role="contentinfo"] {
  margin-bottom: 80px; }
  footer[role="contentinfo"] .wrap .col {
    width: 280px;
    padding: 0 20px 0 0;
    font-size: 0.9375rem; }
  footer[role="contentinfo"] .wrap .cols {
    width: 880px; }
    footer[role="contentinfo"] .wrap .cols div {
      width: 180px;
      font-size: 0.8125rem; }
      footer[role="contentinfo"] .wrap .cols div i {
        right: 50%;
        margin-right: -590px; }
      footer[role="contentinfo"] .wrap .cols div > a {
        margin-top: 24px; }
    footer[role="contentinfo"] .wrap .cols nav {
      width: 180px;
      float: left;
      margin: 18px 0 0 120px; }

.modal .wrap {
  width: 780px;
  position: relative;
  top: 50%;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-height: 550px;
  overflow-y: scroll; }
  .modal .wrap .modal-window {
    padding: 40px 0; }
    .modal .wrap .modal-window .overview {
      width: 280px;
      float: left; }
    .modal .wrap .modal-window .quantity {
      width: 250px;
      float: right; }
      .modal .wrap .modal-window .quantity h2 {
        text-align: right;
        width: 500px;
        margin: 0 0 0 -250px; }
      .modal .wrap .modal-window .quantity .value {
        padding: 40px 0 20px 0; }
    .modal .wrap .modal-window .cart {
      clear: both;
      display: inline-block;
      float: right;
      margin: 30px 20px 0 0; }
      .modal .wrap .modal-window .cart + .cart {
        clear: none;
        margin: 30px 20px 0 0; }

.cookie-bar {
  height: 80px; }
  .cookie-bar .wrap > div {
    margin-left: 0px;
    width: 700px; }
    .cookie-bar .wrap > div p {
      margin: 14px 0 0 0;
      width: auto; }
  .cookie-bar .wrap form {
    margin: 0 297px 0px 0px;
    float: right; }

.showNewsletter .newsletter-modal {
  display: block !important; }

.home.landingPage .wrap header {
  margin-bottom: 31px; }
  .home.landingPage .wrap header h2 {
    font-size: 1rem;
    line-height: 1.1; }
.home.landingPage .wrap .grid .col {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 10px); }
  .home.landingPage .wrap .grid .col article figure figcaption {
    font-size: 1rem;
    line-height: 1.1; }
  .home.landingPage .wrap .grid .col:first-of-type article figure {
    height: 442px; }
  .home.landingPage .wrap .grid .col + .col {
    margin-left: 20px;
    margin-top: 0;
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 24px); }
    .home.landingPage .wrap .grid .col + .col article {
      width: -webkit-calc(50% - 12px);
      width: calc(50% - 12px);
      margin: 0 0 20px 0; }
      .home.landingPage .wrap .grid .col + .col article figure {
        height: 209px; }
      .home.landingPage .wrap .grid .col + .col article:nth-child(even) {
        margin-left: 20px; }

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